.product-detail-main { padding: clamp(2rem, 4vw, 3.5rem) 0; background: var(--cream); }
.product-detail-grid { display: grid; grid-template-columns: minmax(300px, .82fr) minmax(0, 1.18fr); gap: clamp(2rem, 5vw, 4rem); align-items: center; }
.product-detail-image { overflow: hidden; border-radius: 24px; background: #fff; box-shadow: 0 14px 35px rgba(21,36,72,.08); }
.product-detail-image img { display: block; width: 100%; height: clamp(300px, 35vw, 420px); object-fit: contain; mix-blend-mode: multiply; }
.product-detail-intro h1 { margin-bottom: .75rem; max-width: 16ch; font-size: clamp(2.25rem, 4.2vw, 3.8rem); }
.product-detail-intro .lead { margin: 0; font-size: clamp(1rem, 1.5vw, 1.15rem); }
.back-link { display: inline-block; margin-bottom: .75rem; color: var(--blue); font-size: .86rem; font-weight: 800; text-decoration: none; }
.product-detail-intro .eyebrow { margin-bottom: .5rem; }
.product-actions { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; margin-top: 1.25rem; }
.affiliate-help { display: block; max-width: 62ch; margin-top: .75rem; color: var(--muted); line-height: 1.45; }
.compact-kpi-block { margin-top: clamp(2rem, 4vw, 3rem); }
.compact-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-bottom: 1.25rem; }
.compact-section-heading h2 { margin: 0; font-size: clamp(1.8rem, 3vw, 2.5rem); }
.compact-section-heading .eyebrow { margin-bottom: .35rem; }
.compact-section-heading > p { max-width: 38ch; margin: 0; color: var(--muted); }
.kpi-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.kpi-card { display: grid; grid-template-columns: 86px 1fr; gap: 1rem; align-items: center; padding: 1rem; border: 1px solid var(--line); border-radius: 18px; background: #fff; }
.kpi-card img { width: 86px; height: 86px; object-fit: contain; }
.kpi-title { display: flex; align-items: center; justify-content: space-between; gap: .75rem; }
.kpi-card h3 { margin: 0; font-size: 1.15rem; }
.kpi-card p { margin: .35rem 0 0; color: var(--muted); font-size: .88rem; line-height: 1.45; }
.kpi-stars { white-space: nowrap; color: #8a2bd0; font-size: .88rem; letter-spacing: .02em; }
.kpi-stars i { color: #d8dce6; font-style: normal; }
.kpi-pending { color: var(--muted); font-size: .78rem; font-weight: 700; }
.product-review { padding: clamp(3rem, 6vw, 5rem) 0; }
.review-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem 2.5rem; }
.review-grid section { padding-top: 1rem; border-top: 2px solid var(--cream); }
.review-grid h3 { margin-bottom: .4rem; font-size: 1.2rem; }
.review-grid p { margin: 0; color: var(--muted); font-size: 1rem; }
@media (max-width: 950px) { .kpi-grid { grid-template-columns: 1fr; } }
@media (max-width: 760px) { .product-detail-grid,.review-grid { grid-template-columns: 1fr; } .compact-section-heading { display: block; } .compact-section-heading > p { margin-top: .5rem; } .product-detail-image { max-width: 560px; } }