@media screen and (min-width: 769px) {
  html {
    font-size: 0.685vw;
  }
}
@media screen and (min-width: 1439px) {
  html {
    font-size: 10px;
  }
}
@media (min-width: 1600px) {
  html {
    font-size: 62.5%;
  }
}
@media (max-width: 768px) {
  html {
    font-size: 10px;
  }
}
@media (max-width: 500px) {
  html {
    font-size: 10px;
  }
}
.p-cat-gold .s-price-trend {
  padding-bottom: 6rem;
}
@media (min-width: 769px) {
  .p-cat-gold .s-price-trend {
    padding-bottom: 8rem;
  }
}

.p-cat-brand--listing .s-records {
  background: #fff;
}

.s-price-trend {
  background: #fff;
}
.s-price-trend .inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3.2rem;
}
@media (min-width: 769px) {
  .s-price-trend .inner {
    gap: 4.8rem;
  }
}
.s-price-trend__body {
  width: 100%;
  max-width: 87.4rem;
}
.s-price-trend__plot {
  --plot-top: 2.8rem;
  --plot-h: 32rem;
  --label-w: 2.6rem;
  --tag-w: 4.4rem;
  position: relative;
  padding: var(--plot-top) var(--tag-w) 3.8rem var(--label-w);
  font-family: Arial, sans-serif;
  color: #6b6f75;
}
@media (min-width: 769px) {
  .s-price-trend__plot {
    --plot-top: 3.2rem;
    --plot-h: 42rem;
    --label-w: 4rem;
    --tag-w: 6.4rem;
    padding-bottom: 4.6rem;
  }
}
.s-price-trend__frame {
  position: relative;
  height: var(--plot-h);
}
.s-price-trend__grid {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #a0a0a0;
  border-left: 1px solid #a0a0a0;
}
.s-price-trend__grid-row {
  flex: 1;
  border-top: 1px dashed #d9d9d9;
}
.s-price-trend__month-lines {
  position: absolute;
  inset: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
.s-price-trend__month-line {
  position: absolute;
  top: 0;
  bottom: 0;
  border-left: 1px dashed #d9d9d9;
}
.s-price-trend__ticks {
  position: absolute;
  top: calc(var(--plot-top) + var(--plot-h));
  right: var(--tag-w);
  left: var(--label-w);
  height: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.s-price-trend__tick {
  position: absolute;
  top: 0;
  height: 100%;
  border-left: 1px solid #a0a0a0;
}
.s-price-trend__chart {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.s-price-trend__y {
  position: absolute;
  top: var(--plot-top);
  left: 0;
  width: calc(var(--label-w) - 0.8rem);
  height: var(--plot-h);
  margin: 0;
  padding: 0;
  list-style: none;
}
.s-price-trend__y-label {
  position: absolute;
  right: 0;
  transform: translateY(-50%);
  font-size: 1rem;
  line-height: 1;
}
@media (min-width: 769px) {
  .s-price-trend__y-label {
    font-size: 1.2rem;
  }
}
.s-price-trend__unit {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1rem;
  line-height: 1;
  white-space: nowrap;
}
@media (min-width: 769px) {
  .s-price-trend__unit {
    font-size: 1.2rem;
  }
}
.s-price-trend__x {
  position: absolute;
  top: calc(var(--plot-top) + var(--plot-h) + 1rem);
  right: var(--tag-w);
  left: var(--label-w);
  margin: 0;
  padding: 0;
  list-style: none;
}
.s-price-trend__x-label {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.6rem;
  transform: translateX(-50%);
  font-size: 1rem;
  line-height: 1;
  white-space: nowrap;
}
@media (min-width: 769px) {
  .s-price-trend__x-label {
    font-size: 1.2rem;
  }
}
.s-price-trend__latest {
  position: absolute;
  top: var(--plot-top);
  right: 0;
  width: var(--tag-w);
  height: var(--plot-h);
  margin: 0;
  padding: 0;
  list-style: none;
}
.s-price-trend__latest-tag {
  position: absolute;
  left: 0.8rem;
  padding: 0.3rem 0.6rem;
  border-radius: 0.3rem;
  background: var(--swatch);
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  transform: translateY(-50%);
}
@media (min-width: 769px) {
  .s-price-trend__latest-tag {
    padding: 0.4rem 0.8rem;
    font-size: 1.4rem;
  }
}
.s-price-trend__latest-tag::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  transform: translateY(-50%);
  border: 0.4rem solid transparent;
  border-left-width: 0;
  border-right-color: var(--swatch);
}
.s-price-trend__latest-tag--light {
  color: #111;
}
.s-price-trend__hover-line {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  border-left: 1px dashed #a0a0a0;
  pointer-events: none;
}
.s-price-trend__hover-ring {
  --dot: 0.8rem;
  position: absolute;
  z-index: 1;
  width: 1.4rem;
  height: 1.4rem;
  border: 0.15rem solid var(--swatch);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
@media (min-width: 769px) {
  .s-price-trend__hover-ring {
    width: 1.8rem;
    height: 1.8rem;
    border-width: 0.2rem;
  }
}
.s-price-trend__hover-ring::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: var(--dot);
  height: var(--dot);
  border-radius: 50%;
  background: var(--swatch);
  transform: translate(-50%, -50%);
}
.s-price-trend__tooltip {
  position: absolute;
  z-index: 1;
  padding: 0.6rem 0.8rem;
  border: 1px solid #e2e2e2;
  border-radius: 0.4rem;
  background: #fff;
  box-shadow: 0 0.2rem 0.8rem rgba(0, 0, 0, 0.12);
  color: #111;
  font-size: 1rem;
  line-height: 1.4;
  white-space: nowrap;
  pointer-events: none;
}
@media (min-width: 769px) {
  .s-price-trend__tooltip {
    padding: 0.8rem 1.2rem;
    font-size: 1.4rem;
  }
}
.s-price-trend__tooltip[hidden] {
  display: none;
}
.s-price-trend__tooltip-label {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  font-weight: 400;
}
.s-price-trend__tooltip-dot {
  flex-shrink: 0;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background: var(--swatch);
}
@media (min-width: 769px) {
  .s-price-trend__tooltip-dot {
    width: 1rem;
    height: 1rem;
  }
}
.s-price-trend__tooltip-price {
  display: block;
  font-size: 1.2rem;
  font-weight: 700;
}
@media (min-width: 769px) {
  .s-price-trend__tooltip-price {
    font-size: 1.8rem;
  }
}
.s-price-trend__legend-block {
  width: 100%;
  margin-top: 2rem;
}
@media (min-width: 769px) {
  .s-price-trend__legend-block {
    margin-top: 2.8rem;
  }
}
.s-price-trend__legend-title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4rem 0.8rem;
  margin: 0 0 1rem;
  color: #666;
  font-size: 1.1rem;
  line-height: 1.5;
}
@media (min-width: 769px) {
  .s-price-trend__legend-title {
    gap: 0.4rem 1.2rem;
    margin-bottom: 1.4rem;
    font-size: 1.4rem;
  }
}
.s-price-trend__legend-icon {
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  color: #31546d;
}
@media (min-width: 769px) {
  .s-price-trend__legend-icon {
    width: 2.8rem;
    height: 2.8rem;
  }
}
.s-price-trend__legend-heading {
  color: #111;
  font-size: 1.4rem;
  font-weight: 700;
}
@media (min-width: 769px) {
  .s-price-trend__legend-heading {
    font-size: 1.8rem;
  }
}
.s-price-trend__legend {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.8rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 769px) {
  .s-price-trend__legend {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.2rem;
  }
}
.s-price-trend__legend-item {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  width: 100%;
  height: 100%;
  min-height: 4.4rem;
  padding: 0.8rem 1rem;
  border: 1px solid #e2e2e2;
  border-radius: 0.8rem;
  background: #f8f8f8;
  box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.06);
  color: #111;
  font-family: inherit;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.3;
  text-align: left;
  cursor: pointer;
  transition: border-color 0.2s, background-color 0.2s, opacity 0.2s;
}
@media (min-width: 769px) {
  .s-price-trend__legend-item {
    gap: 1.2rem;
    min-height: 5.2rem;
    padding: 1rem 1.6rem;
    font-size: 1.4rem;
  }
}
@media (hover: hover) {
  .s-price-trend__legend-item:hover {
    border-color: #5b9bf0;
    background: #eef5ff;
  }
}
.s-price-trend__legend-item:focus-visible {
  outline: 0.2rem solid #5b9bf0;
  outline-offset: 0.2rem;
}
.s-price-trend__legend-item[aria-pressed=false] {
  opacity: 0.45;
}
.s-price-trend__legend-name {
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: keep-all;
}
.s-price-trend__swatch {
  position: relative;
  flex-shrink: 0;
  width: 2.4rem;
  border-top: 0.3rem solid var(--swatch);
}
@media (min-width: 769px) {
  .s-price-trend__swatch {
    width: 3.2rem;
  }
}
.s-price-trend__swatch::after {
  content: "";
  position: absolute;
  top: -0.15rem;
  left: 50%;
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 50%;
  background: var(--swatch);
  transform: translate(-50%, -50%);
}
.s-price-trend__swatch--dashed {
  border-top-style: dashed;
}

.l-header__search,
.l-sp-menu__search,
.s-search__form {
  position: relative;
}

.l-sp-menu__search {
  overflow: visible;
}
.l-sp-menu__search button[type=submit] {
  border-radius: 0 0.8rem 0.8rem 0;
}

.c-search-suggest {
  position: absolute;
  top: calc(100% + 0.4rem);
  left: 0;
  right: 0;
  z-index: 50;
  max-height: 28rem;
  overflow-y: auto;
  margin: 0;
  padding: 0.4rem 0;
  list-style: none;
  background: #fff;
  border: 1px solid #111;
  border-radius: 0.4rem;
}
.c-search-suggest__item {
  padding: 1rem 1.6rem;
  font-size: 1.4rem;
  color: #111;
  overflow-wrap: anywhere;
  cursor: pointer;
}
.c-search-suggest__item:hover, .c-search-suggest__item[aria-selected=true] {
  background: #f7f6f2;
}/*# sourceMappingURL=style_phase2.css.map */