.product-hero{padding:clamp(110px,14vw,160px) 0 var(--section-gap);background:var(--bg-cream)}.product-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,80px);align-items:center}@media(max-width:800px){.product-hero-grid{grid-template-columns:1fr;gap:40px}}.product-hero-image{animation:fadeInUp .8s ease .2s both}.product-hero-image-inner img{display:block;width:100%;height:auto}@media(max-width:800px){.product-hero-image{max-width:420px;margin:0 auto;order:-1}}.product-info{animation:fadeInUp .6s ease .1s both}.product-breadcrumb{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--text-tertiary);margin-bottom:20px}.product-breadcrumb a{color:var(--text-tertiary);text-decoration:none;transition:color .3s ease}.product-breadcrumb a:hover{color:var(--text-secondary)}.product-breadcrumb .sep{opacity:.4}.product-type-label{font-size:.92rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--cat-recover);margin-bottom:10px}.product-name{font-family:var(--font-display);font-size:clamp(2rem,4.5vw,3rem);font-weight:700;line-height:1.1;letter-spacing:-.02em;color:var(--charcoal);margin-bottom:8px}.product-subtitle{font-size:1.08rem;color:var(--text-tertiary);font-weight:400;margin-bottom:20px}.pdp-tabs{margin-bottom:28px}.pdp-tabs-header{display:flex;gap:0;border-bottom:1px solid var(--border-light);margin-bottom:20px}.pdp-tab{background:none;border:none;padding:10px 20px 10px 0;font-family:var(--font-body);font-size:.95rem;font-weight:500;color:var(--text-tertiary);cursor:pointer;position:relative;transition:color .2s ease;letter-spacing:.01em}.pdp-tab:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--green-primary);opacity:0;transition:opacity .2s ease}.pdp-tab[aria-selected=true]{color:var(--charcoal)}.pdp-tab[aria-selected=true]:after{opacity:1}.pdp-tab:hover{color:var(--text-secondary)}.pdp-tab-panels{min-height:200px}.pdp-tab-panel{opacity:0;animation:none}.pdp-tab-panel.is-active{opacity:1;animation:pdpFadeIn .22s ease both}@keyframes pdpFadeIn{0%{opacity:0}to{opacity:1}}.pdp-tab-description-text{font-size:1.05rem;color:var(--text-secondary);font-weight:300;line-height:1.75}.product-fits{margin-bottom:32px}.product-fits-label{font-size:.92rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:10px}.product-fit-tags{display:flex;flex-wrap:wrap;gap:8px}.fit-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border-radius:var(--radius-pill);font-size:.85rem;font-weight:500;letter-spacing:.02em;transition:transform .2s ease;cursor:default}.fit-tag:hover{transform:translateY(-1px)}.fit-tag-dot{width:6px;height:6px;border-radius:50%}.fit-tag.is-primary{border:1px solid transparent}.fit-tag.is-supporting{border:1px solid var(--border-light);background:var(--bg-card);color:var(--text-secondary)}.fit-tag.is-supporting .fit-tag-dot{opacity:.6}.fit-tag[data-cat=recover]{background:var(--cat-recover-bg);color:var(--cat-recover)}.fit-tag[data-cat=recover] .fit-tag-dot{background:var(--cat-recover)}.fit-tag[data-cat=glow]{background:var(--cat-glow-bg);color:var(--cat-glow)}.fit-tag[data-cat=glow] .fit-tag-dot{background:var(--cat-glow)}.fit-tag[data-cat=vitality]{background:var(--cat-vitality-bg);color:var(--cat-vitality)}.fit-tag[data-cat=vitality] .fit-tag-dot{background:var(--cat-vitality)}.fit-tag[data-cat=define]{background:var(--cat-define-bg);color:var(--cat-define)}.fit-tag[data-cat=define] .fit-tag-dot{background:var(--cat-define)}.fit-tag[data-cat=rest]{background:var(--cat-rest-bg);color:var(--cat-rest)}.fit-tag[data-cat=rest] .fit-tag-dot{background:var(--cat-rest)}.fit-tag[data-cat=clarity]{background:var(--cat-clarity-bg);color:var(--cat-clarity)}.fit-tag[data-cat=clarity] .fit-tag-dot{background:var(--cat-clarity)}.fit-tag.is-supporting[data-cat=vitality],.fit-tag.is-supporting[data-cat=rest],.fit-tag.is-supporting[data-cat=clarity],.fit-tag.is-supporting[data-cat=glow],.fit-tag.is-supporting[data-cat=define]{background:var(--bg-card)}.product-cta-group{display:flex;flex-direction:column;gap:12px}.product-cta-note{font-size:.85rem;color:var(--text-tertiary);font-weight:300}.details-section{padding:clamp(72px,10vw,120px) 0}.details-inner{max-width:820px;margin:0 auto}.details-label{font-size:.92rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--green-primary);margin-bottom:14px}.details-title{font-family:var(--font-display);font-size:clamp(1.6rem,2.8vw,2.2rem);font-weight:400;color:var(--charcoal);margin-bottom:28px;line-height:1.2}.details-text{font-size:1.05rem;color:var(--text-secondary);font-weight:300;line-height:1.75}.benefits-list{list-style:none;display:flex;flex-direction:column;gap:18px;margin-top:20px}.benefits-list li{display:flex;align-items:flex-start;gap:14px;font-size:1.05rem;color:var(--text-secondary);font-weight:300;line-height:1.65}.benefit-check{width:22px;height:22px;flex-shrink:0;border-radius:50%;background:var(--green-lightest);border:1px solid rgba(45,107,77,.1);display:flex;align-items:center;justify-content:center;color:var(--green-primary);margin-top:2px}.related-section{padding:var(--section-gap) 0;background:var(--bg-white)}.related-header{margin-bottom:40px}.related-label{font-size:.92rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--green-primary);margin-bottom:12px}.related-title{font-family:var(--font-display);font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:300;color:var(--charcoal)}.faq-section{padding:clamp(72px,10vw,120px) 0;background:var(--bg-cream)}.faq-header{max-width:820px;margin:0 auto 40px}.faq-list{max-width:820px;margin:0 auto;border-top:1px solid var(--border-light)}.faq-item{border-bottom:1px solid var(--border-light)}.faq-item summary{list-style:none;cursor:pointer;padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;font-family:var(--font-display);font-size:1.05rem;font-weight:500;color:var(--charcoal);line-height:1.4;transition:color .2s ease}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:hover{color:var(--green-primary)}.faq-question-text{flex:1}.faq-chevron{flex-shrink:0;width:20px;height:20px;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;transition:transform .25s ease}.faq-item[open] .faq-chevron{transform:rotate(180deg)}.faq-answer{padding:0 0 24px;max-width:680px}.faq-answer p{font-size:1.02rem;color:var(--text-secondary);font-weight:300;line-height:1.7;margin:0}.faq-item[open] .faq-answer{animation:faqFadeIn .25s ease both}@keyframes faqFadeIn{0%{opacity:0}to{opacity:1}}.bottom-cta{padding:0 0 var(--section-gap);background:var(--bg-white)}.cta-card{position:relative;background:var(--green-deep);border-radius:var(--radius-lg);padding:clamp(44px,5.5vw,68px) clamp(24px,4vw,56px);text-align:center;overflow:hidden}.cta-card:before{content:"";position:absolute;top:-25%;right:-12%;width:350px;height:350px;background:radial-gradient(circle,rgba(45,107,77,.06) 0%,transparent 65%);border-radius:50%;pointer-events:none}.cta-title{font-family:var(--font-display);font-size:clamp(1.8rem,3.5vw,2.4rem);font-weight:300;line-height:1.15;color:var(--text-on-dark);margin-bottom:14px;position:relative}.cta-title em{font-style:italic;color:var(--cat-glow)}.cta-desc{font-size:1.08rem;color:#f6f1eba6;font-weight:300;max-width:460px;margin:0 auto 28px;line-height:1.65;position:relative}
