:root{--history-surface:#f7f8f3}
.product-overview .consumer-glance{margin-top:30px}
@media(hover:hover) and (pointer:fine){.hero-actions .hero-book:hover,.mobile-nav-actions .nav-book:hover{transform:translateY(-2px)}}
.hero-actions .hero-book,.mobile-nav-actions .nav-book{transition:transform .2s,box-shadow .2s}
@media(prefers-reduced-motion:reduce){.hero-actions .hero-book:hover,.mobile-nav-actions .nav-book:hover{transform:none}}
@media(min-width:1001px){.product-related .related-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 16px}}
.footer-credit{text-decoration:underline;text-underline-offset:3px}
.consumer-quote{margin:22px 0;padding:0;border:0;background:none}
.consumer-quote p{font-family:Georgia,serif;font-size:clamp(22px,3vw,30px);line-height:1.4;color:var(--ink)}
.consumer-quote cite{display:block;margin-top:14px;font-size:12px;font-style:normal;color:var(--muted)}
.consumer-quote cite a{text-decoration:underline;text-underline-offset:3px}
.subscribe-updates,.subscription-submit{flex-direction:column;gap:2px}
[data-subscriber-count]{display:block;font-size:11px;line-height:1.3;font-weight:400}
[data-subscriber-count]:empty{display:none}
.subscription-hook{margin:12px 0 8px;font-size:15px;line-height:1.6;font-weight:600;color:var(--green)}
.subscription-submit{display:flex;align-items:center;justify-content:center}
.hero-actions .hero-instagram,.mobile-nav-actions .nav-follow{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #ffffff30;border-radius:999px;background:linear-gradient(115deg,#c64526,#c13584,#833ab4,#405de6);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);color:#fff;box-shadow:inset 0 1px 0 #ffffff40,0 2px 10px #20231e12;font-weight:600;white-space:nowrap}
.hero-actions .hero-instagram{padding:12px 14px;min-height:50px;font-size:14px}
.hero-actions .hero-instagram,.mobile-nav-actions .nav-follow{position:relative;isolation:isolate}
.hero-actions .hero-instagram>span{display:block;font-size:inherit}
.hero-instagram svg,.nav-follow svg{width:19px;height:19px;color:inherit;flex-shrink:0}
.hero-actions .hero-book,.mobile-nav-actions .nav-book{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid #ffffff30;border-radius:999px;color:#fff;background:#111318db;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);box-shadow:inset 0 1px 0 #ffffff26,0 2px 10px #00000014;font-weight:600}
.hero-actions .hero-book{min-height:50px;padding:12px 20px;font-size:14px}
.hero-actions .hero-book span{display:block;font-size:inherit}
.hero-book::before,.nav-book::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:linear-gradient(115deg,transparent 25%,#ffffff26,transparent 75%);transform:translateX(-130%);transition:transform .6s ease;pointer-events:none}
.hero-actions .hero-book:hover,.mobile-nav-actions .nav-book:hover{box-shadow:0 3px 12px #f15a2a14}.hero-book:hover::before,.nav-book:hover::before{transform:translateX(130%)}
.mobile-nav-actions .nav-book,.mobile-nav-actions .nav-follow{min-height:64px;font-size:clamp(20px,5.6vw,26px);padding:14px 12px}
.mobile-nav-actions .nav-follow svg{width:23px;height:23px}
.product-history{background:var(--history-surface)}
.product-overview .score-orbit{width:90px;height:90px}
.product-overview .score-orbit svg{stroke-width:8}
.product-overview .score-orbit strong{font-size:30px}
.product-overview .ring-track{opacity:.11}
.product-overview .ring-value{stroke:var(--detail-ring-gradient)}
.product-overview .score-word{font-size:12px}
.source-freshness{font-size:12px;line-height:1.6;color:var(--muted);margin-top:14px}
.subscribe-updates{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;margin:12px 0 0;border:1px solid var(--line);border-radius:14px;min-height:50px;background:var(--paper);color:var(--ink);font-weight:650}
.subscribe-updates:hover{background:var(--history-surface)}
.product-actions{display:grid;gap:12px;margin-top:24px}
.product-actions>.primary-button,.product-actions>.subscribe-updates{margin:0;min-height:54px;padding:12px 15px}
.product-actions>.subscribe-updates{gap:2px}
@media(min-width:1001px){.product-actions:has(.subscribe-updates){grid-template-columns:repeat(2,minmax(0,1fr))}}
.product-photo::after{content:"";position:absolute;inset:-25% auto -25% 0;width:45%;background:linear-gradient(90deg,transparent,#ffffffa8,transparent);transform:translateX(-250%) skewX(-20deg);pointer-events:none;z-index:1}
.product-photo .score-display{z-index:2}
@media(hover:hover) and (pointer:fine){.product-card:hover .product-photo::after{animation:heal-photo-shine .85s ease-out both}}
@keyframes heal-photo-shine{to{transform:translateX(360%) skewX(-20deg)}}
@media(min-width:1200px){.browse-results .product-grid,.related-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 18px}.product-card .card-copy{padding:12px 14px 18px}.product-card h3{font-size:14px}}
@media(max-width:760px){.product-overview .score-orbit{width:80px;height:80px}.product-overview .score-orbit strong{font-size:27px}}
@media(max-width:380px){.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .hero-instagram,.hero-actions .hero-book{width:100%}}
.subscription-dialog{width:min(480px,calc(100% - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:28px;border:1px solid var(--line);border-radius:24px;background:var(--paper);color:var(--ink);box-shadow:0 24px 90px #20231e30;overflow-y:auto}
.subscription-dialog::backdrop{background:#20231e65;backdrop-filter:blur(5px)}
.subscription-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:8px}
.subscription-heading h2{font-size:24px}
.subscription-close{border:1px solid var(--line);border-radius:50%;width:40px;height:40px;background:var(--paper);flex-shrink:0;display:grid;place-items:center}
.subscription-product{font-size:14px;color:var(--muted);line-height:1.5;margin-bottom:20px;overflow-wrap:anywhere}
.subscription-dialog label{display:block;font-size:14px;font-weight:650;margin:16px 0}
.subscription-dialog label>span{font-weight:400;color:var(--muted)}
.subscription-dialog input{display:block;width:100%;min-height:48px;padding:11px 13px;margin-top:7px;border:1px solid var(--line);border-radius:11px;background:var(--paper);color:var(--ink);font-size:16px}
.subscription-notice{font-size:12px;color:var(--muted);line-height:1.6;margin:18px 0}
.subscription-notice a{text-decoration:underline}
.subscription-submit{width:100%;border:0;border-radius:12px;min-height:48px;background:var(--ink);color:white;font-weight:650;margin-top:8px}
.subscription-submit:disabled{opacity:.55;cursor:wait}
.subscription-status{font-size:14px;line-height:1.6;margin-top:16px;overflow-wrap:anywhere}
.subscription-status[data-error]{color:var(--score-poor)}
.subscription-success{padding:22px 0 10px}
.subscription-success h3{font-size:20px;margin-bottom:12px}
.subscription-challenge{min-width:0;max-width:100%}
@media(max-width:680px){.subscription-dialog{padding:22px}.related-grid{gap:18px 12px}}
@media(prefers-reduced-motion:reduce){.hero-actions .hero-book,.mobile-nav-actions .nav-book,.product-card:hover .product-photo::after{animation:none}.product-photo::after{display:none}}

@media(prefers-reduced-motion:reduce){.hero-book::before,.nav-book::before{transition:none;display:none}}