.product-page {
  --section-inset: clamp(18px, 3.8vw, 56px);
  --section-gap: clamp(18px, 3vw, 42px);
}

.product-page :is(#review, #offer, #customer-reviews, #independent-reviews, #history) { scroll-margin-block-start: 20px; }
.product-content { display: grid; gap: var(--section-gap); margin-block-end: clamp(30px, 6vw, 85px); }
.product-page .details { margin-block-end: 0; grid-template-columns: minmax(0, 1fr); }
.product-page .review-panel { margin-inline-end: 0; }
.product-page .notes { gap: clamp(14px, 2vw, 28px); }
.product-page .notes h3 { font-size: 17px; }

.offer-state {
  display: inline-block;
  margin-block-end: 12px;
  padding: 5px 10px;
  border: 1px solid #977a24;
  background: #fff8e2;
  font-size: 13px;
  font-weight: 700;
}

.independent-section {
  background: #fff;
  border: 1px solid var(--line);
  padding: var(--section-inset);
}
.review-intro { color: var(--muted); }
.review-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-block-start: clamp(16px, 2.2vw, 30px);
}
.review-card {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: clamp(15px, 2vw, 28px);
  min-width: 0;
  border: 1px solid var(--line);
  background: #f2f6fe;
}
.review-card:nth-child(3n + 2) { background: #f2eafb; }
.review-card:nth-child(3n + 3) { background: #e8f8fb; }
.review-card .section-kicker { margin-block-end: 0; }
.review-card h3 { font-size: clamp(19px, 2.1vw, 28px); letter-spacing: -.04em; line-height: 1.12; }
.review-card > p:not(.section-kicker) { color: var(--muted); font-size: 15px; }
.review-card a { align-self: start; margin-block-start: auto; padding-block-start: 6px; font-weight: 700; text-underline-offset: 3px; }

.product-page .history-section { margin-inline-start: 0; padding: var(--section-inset); }
.price-figure {
  max-inline-size: 1200px;
  margin-inline: auto;
  margin-block-start: 20px;
  padding: clamp(10px, 2vw, 26px);
  border: 1px solid #bdca98;
  background: #fff;
}
.chart-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; margin-block-end: 16px; padding-block-end: 14px; border-block-end: 1px solid #e5e9dd; color: var(--muted); font-size: 13px; }
.chart-series { display: inline-flex; align-items: center; gap: 9px; color: var(--ink); font-weight: 750; }
.chart-series::before { content: ""; inline-size: 22px; block-size: 3px; background: #65a35d; }
.chart-image-link { display: block; }
.chart-image-link img { display: block; width: 100%; height: auto; }
.price-figure figcaption { display: flex; flex-wrap: wrap; gap: 8px 16px; justify-content: space-between; margin-top: 16px; padding-top: 14px; border-top: 1px solid #e5e9dd; font-size: 12px; color: var(--muted); }
.price-figure figcaption a { font-weight: 700; text-underline-offset: 3px; }
.history-sources { display: flex; flex-wrap: wrap; gap: 8px 24px; }
.history-sources .history-link { font-size: 14px; }
#chart-unavailable { padding: 24px 0; }

.hero-rating { display: flex; align-items: baseline; flex-wrap: wrap; gap: 7px 16px; margin-block: 10px 14px; text-decoration: none; font-size: 12px; }
.hero-rating .rating-inline { font-size: 14px; }
.hero-rating > span:last-child { text-decoration: underline; text-underline-offset: 3px; }
.buyers-section { padding: var(--section-inset); background: #eaf2f3; border: 1px solid #c8d9df; }
.buyer-layout { display: grid; grid-template-columns: minmax(220px, .76fr) minmax(0, 1.7fr); gap: clamp(24px, 4vw, 56px); margin-block-start: 24px; }
.buyer-scorecard { align-self: start; padding: clamp(18px, 2.4vw, 32px); background: #f9fcfc; border: 1px solid #c8d9df; }
.buyer-score { display: flex; align-items: baseline; gap: 10px; }
.buyer-score strong { font-size: clamp(56px, 5vw, 76px); line-height: 1; letter-spacing: -.06em; }
.buyer-score > span { font-size: 14px; color: var(--muted); }
.rating-stars { position: relative; display: inline-block; color: #d5dfdf; font-size: 24px; letter-spacing: 3px; line-height: 1.5; margin-top: 8px; }
.rating-stars > span { position: absolute; left: 0; top: 0; overflow: hidden; white-space: nowrap; color: #976009; }
.buyer-count { margin-top: 3px; font-size: 14px; font-weight: 650; }
.rating-distribution { list-style: none; padding: 0; margin: 20px 0; display: grid; gap: 8px; }
.rating-distribution li { display: grid; grid-template-columns: 36px minmax(0, 1fr) 33px; align-items: center; gap: 9px; font-size: 12px; font-variant-numeric: tabular-nums; }
.rating-distribution li > span:last-child { text-align: right; }
.rating-track { height: 8px; background: #e0e8ea; }
.rating-track > span { display: block; height: 100%; background: #34566c; }
.buyer-scorecard > a { font-size: 13px; font-weight: 700; text-underline-offset: 3px; }
.buyer-summary { font-size: clamp(16px, 1.55vw, 21px); line-height: 1.5; }
.buyer-topic-group { margin-top: 22px; }
.buyer-topic-group h3 { font-size: 14px; margin-bottom: 9px; }
.buyer-topic-group ul { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; padding: 0; margin: 0; }
.buyer-topic-group li { padding: 8px 12px; background: #d8e8e4; border: 1px solid #b3cdc3; font-size: 13px; font-weight: 650; text-transform: capitalize; }
.buyer-topic-group li span { display: block; font-size: 11px; font-weight: 400; text-transform: none; margin-top: 2px; color: var(--muted); }
.buyer-topic-group.mixed li { background: #f2e6d1; border-color: #d7c39b; }
.buyer-topic-group.negative li { background: #f2dfde; border-color: #d7b9b5; }
.buyer-method { font-size: 12px; line-height: 1.5; color: var(--muted); margin-top: 18px; max-width: 72ch; }
.buyer-source { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 16px; border-top: 1px solid #c8d9df; margin-top: 28px; padding-top: 14px; font-size: 12px; color: var(--muted); }
.buyer-source a { white-space: nowrap; text-underline-offset: 3px; }

@media (max-width: 950px) {
  .review-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
  .buyer-layout { grid-template-columns: minmax(0, 1fr); }
  .product-page .details { grid-template-columns: minmax(0, 1fr); }
  .product-page .review-panel { margin-inline-end: 0; }
  .review-grid { grid-template-columns: minmax(0, 1fr); }
  .product-page .history-link { max-width: 100%; }
}