.product-page-active{--product-accent:#526e61}
#product-page .pdp-hero-copy{background:var(--pdp-tint,#f1f4f0)}
#product-page .pdp-hero-copy .eyebrow{color:var(--pdp-accent,#526e61)}
#product-page .pdp-hero-copy .long-product-name{font-size:clamp(3.4rem,5vw,5.8rem)}
[data-theme=dark] #product-page .pdp-hero-copy{background:#2c4037}
[data-theme=dark] #product-page .pdp-hero-copy .eyebrow{color:#c0d2c4}
.product-page-active .header{position:fixed;background:var(--paper);color:var(--ink);border-bottom:1px solid var(--line)}
.product-page-active .nav{height:76px;border:0}
.product-page-active .nav-logo{display:flex!important;position:absolute;left:50%;transform:translateX(-50%);width:125px}
[data-theme=dark] .product-page-active .nav-logo{filter:none}
[data-theme=dark] .product-page-active .nav-logo img{filter:brightness(0) invert(1)}
#arctic-title:focus{outline:none}
.pdp-opening{padding-top:76px}
.pdp-breadcrumb{display:flex;align-items:center;gap:var(--s4);min-height:80px;font-size:var(--text-xs);color:var(--muted)}
.pdp-breadcrumb a{display:flex;align-items:center;min-height:44px}
.pdp-breadcrumb [aria-current]{color:var(--ink)}
.pdp-hero{display:grid;grid-template-columns:1.05fr 1fr;border-top:1px solid var(--line)}
.pdp-gallery{position:relative;background:#fff;color:#203136;display:flex;flex-direction:column;justify-content:center;min-width:0}
.pdp-gallery-top{position:absolute;left:var(--gutter);right:var(--s10);top:var(--s8);display:flex;justify-content:space-between;z-index:1;pointer-events:none}
.pdp-gallery .eyebrow{color:#526e61}
.gallery-zoom{position:relative;width:100%;height:610px;padding:var(--s6) var(--s16);cursor:zoom-in;overflow:hidden}
.gallery-zoom img{width:100%;height:100%;object-fit:contain;transition:transform .6s ease}
.gallery-zoom:hover img{transform:scale(1.025)}
.zoom-label{position:absolute;bottom:var(--s6);right:var(--s10);font-size:var(--text-xs);display:flex;gap:var(--s6);align-items:center;background:#fff;padding:var(--s2)}
.zoom-label>span{font-size:var(--text-lg)}
.pdp-gallery-tabs{display:flex;justify-content:center;gap:var(--s8);padding:var(--s6) var(--s8) var(--s8)}
.pdp-gallery-tabs button{display:flex;align-items:center;gap:var(--s3);font-size:var(--text-xs);padding-bottom:var(--s3);border-bottom:1px solid transparent}
.pdp-gallery-tabs button[aria-pressed=true]{border-color:#526e61}
.pdp-gallery-tabs img{width:38px;height:50px;object-fit:cover}
.pdp-hero-copy{background:#f1f4f0;padding:var(--s16) clamp(2rem,6vw,7rem);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;color:#253a31}
.pdp-hero-copy .eyebrow{color:#526e61}
.pdp-hero-copy h1{font-size:clamp(3.7rem,6vw,6.4rem);letter-spacing:-.04em;line-height:1;margin-top:var(--s6)}
.pdp-descriptor{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.18em;margin-top:var(--s4)}
.pdp-lede{font-family:var(--font-display);font-size:var(--text-xl);line-height:1.1;margin-top:var(--s8)}
.pdp-description{font-size:var(--text-sm);color:#4f6459;font-weight:300;margin-top:var(--s6);max-width:420px}
.pdp-facts{margin-block:var(--s8);border-top:1px solid #cbd5cd;width:100%;max-width:420px;padding-top:var(--s3)}
.pdp-facts div{display:grid;grid-template-columns:110px 1fr;gap:var(--s4);font-size:var(--text-xs);padding-block:var(--s2)}
.pdp-facts dt{color:#617167}.pdp-facts dd{margin:0}
.pdp-primary{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:420px;min-height:56px;padding:var(--s4) var(--s6);background:#314d42;color:#fff;font-size:var(--text-sm)}
.pdp-primary:hover{background:#203a30}
.pdp-secondary{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:420px;min-height:50px;border-bottom:1px solid #cbd5cd;font-size:var(--text-xs);margin-top:var(--s2)}
.pdp-launch{font-size:var(--text-xs);color:#617167;margin-top:var(--s5);line-height:1.6}
.pdp-section-nav{display:flex;justify-content:space-between;gap:var(--s8);align-items:center;padding:var(--s3) var(--gutter);border-block:1px solid var(--line);background:var(--paper)}
.pdp-section-nav>span{font-family:var(--font-display);font-size:var(--text-lg)}
.pdp-section-nav>div{display:flex;gap:var(--s10);font-size:var(--text-xs)}
.pdp-section-nav a{display:flex;align-items:center;min-height:44px}
.pdp-texture{display:grid;grid-template-columns:1fr 1.15fr;min-height:760px}
.pdp-texture-copy{padding:var(--s24) var(--gutter);display:flex;flex-direction:column;justify-content:center}
.pdp-texture-copy h2{margin-block:var(--s8)}
.pdp-texture-copy>p:not(.eyebrow){font-weight:300;color:var(--muted);max-width:380px}
.pdp-texture-caption{margin-top:var(--s16);padding-top:var(--s5);border-top:1px solid var(--line);display:flex;flex-direction:column;gap:var(--s2);font-size:var(--text-xs);color:var(--muted)}
.pdp-texture-caption>span:first-child{text-transform:uppercase;letter-spacing:.12em}
.pdp-texture-image{position:relative;background:#fff;display:flex;justify-content:center;align-items:center}
.pdp-texture-image img{height:700px;width:100%;object-fit:contain;padding:var(--s10)}
.pdp-texture-image>.eyebrow{position:absolute;bottom:var(--s10);color:#526e61}
.pdp-ritual{padding-block:var(--s24) var(--s32)}
.pdp-routine-track{display:grid;grid-template-columns:repeat(5,1fr);border-block:1px solid var(--line);margin-bottom:var(--s16)}
.pdp-routine-track>span{padding:var(--s5) var(--s4);font-size:var(--text-xs);color:var(--muted);display:flex;gap:var(--s6);align-items:center}
.pdp-routine-track>span>span{font-family:var(--font-display);font-size:var(--text-lg)}
.pdp-routine-track>.is-current{background:#dfe8df;color:#304c3e}
.pdp-routine-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:var(--s24)}
.pdp-routine-image{height:700px;position:relative;background:#fff}
.pdp-routine-image img{height:100%;width:100%;object-fit:contain;padding:var(--s10) var(--s12) var(--s20)}
.pdp-routine-image>.eyebrow{position:absolute;left:var(--s8);bottom:var(--s8);color:#526e61}
.pdp-routine-copy{display:flex;flex-direction:column;justify-content:center}
.pdp-routine-copy>div{padding-block:var(--s8);border-bottom:1px solid var(--line)}
.pdp-routine-copy>div:first-child{padding-top:0}
.pdp-routine-copy>div:last-child{border:0}
.pdp-routine-copy h3{font-size:var(--text-xl);margin-block:var(--s4)}
.pdp-routine-copy p{font-size:var(--text-sm);color:var(--muted);max-width:420px;font-weight:300}
.pdp-routine-copy .text-link{margin-top:var(--s4);font-size:var(--text-xs)}
.pdp-compare{display:grid;grid-template-columns:.95fr 1.6fr;gap:var(--s16);padding:var(--s24) var(--gutter);background:#203739;color:#edf3ef}
.pdp-compare-intro{padding-top:var(--s6)}
.pdp-compare .eyebrow{color:#bbd4c8}
.pdp-compare-intro h2{font-size:clamp(2.8rem,4.5vw,4.8rem);margin-block:var(--s8)}
.pdp-compare-intro>p:not(.eyebrow){font-size:var(--text-sm);font-weight:300;color:#c1d2cc;max-width:340px}
.compare-switch{display:flex;gap:var(--s8);margin-top:var(--s10)}
.compare-switch button{min-height:48px;border-bottom:1px solid transparent;font-size:var(--text-xs)}
.compare-switch button[aria-pressed=true]{border-color:#d2e2d9}
.pdp-compare-products{display:grid;grid-template-columns:1fr 1fr;gap:var(--s6);min-width:0}
.compare-image{height:360px;background:#fff}
.compare-image img{width:100%;height:100%;object-fit:contain;padding:var(--s4)}
.compare-product-copy{padding-top:var(--s6)}
.compare-product-copy h3{font-size:var(--text-xl);margin-top:var(--s3)}
.compare-product-copy>p:not(.eyebrow){font-size:var(--text-xs);margin-top:var(--s2);color:#c1d2cc}
.compare-product-copy dl{border-top:1px solid #ffffff30;padding-top:var(--s4);margin-top:var(--s6)}
.compare-product-copy dl>div{display:grid;grid-template-columns:65px 1fr;gap:var(--s2);font-size:var(--text-xs);padding-block:var(--s2)}
.compare-product-copy dt{color:#b0c5bd}
.compare-product-copy dd{margin:0}
.compare-current{display:inline-flex;align-items:center;min-height:48px;color:#c1d2cc;font-size:var(--text-xs);margin-top:var(--s4)}
.compare-product-copy .text-link{margin-top:var(--s4);font-size:var(--text-xs);gap:var(--s6)}
.pdp-editorial{height:700px;position:relative;overflow:hidden;background:#334d59;color:white;display:flex;align-items:center;isolation:isolate}
.pdp-editorial>img{position:absolute;left:0;top:0;width:56%;height:100%;object-fit:cover;object-position:50% 60%;z-index:-2}
.pdp-editorial:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 32%,#334d593d 48%,#334d59 58%);z-index:-1}
.pdp-editorial-copy{margin-left:53%;padding:var(--s12)}
.pdp-editorial .eyebrow{color:#e2eeeb}
.pdp-editorial h2{font-size:clamp(3rem,4.8vw,5.4rem);margin-block:var(--s8)}
.pdp-editorial-copy>p:not(.eyebrow){font-size:var(--text-sm);font-weight:300}
.pdp-details{display:grid;grid-template-columns:1fr 1.3fr;gap:var(--s24);padding-block:var(--s32)}
.pdp-details h2{font-size:clamp(2.8rem,4vw,4.6rem);margin-block:var(--s8)}
.pdp-details>div>p:not(.eyebrow){font-size:var(--text-sm);color:var(--muted);font-weight:300}
.pdp-faqs{border-top:1px solid var(--line)}
.pdp-faqs details{border-bottom:1px solid var(--line)}
.pdp-faqs summary{font-size:var(--text-base);display:flex;justify-content:space-between;gap:var(--s6);align-items:center;list-style:none;padding-block:var(--s6);cursor:pointer}
.pdp-faqs summary::-webkit-details-marker{display:none}
.pdp-faqs summary>span{font-size:var(--text-lg)}
.pdp-faqs details[open] summary>span{transform:rotate(45deg)}
.pdp-faqs p{font-size:var(--text-sm);color:var(--muted);font-weight:300;padding-bottom:var(--s6);padding-right:var(--s8)}
.pdp-related{padding-bottom:var(--s24)}
.pdp-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s10)}
.pdp-related-grid button{width:100%;text-align:left}
.pdp-related-grid button>div{height:380px;background:#fff;margin-bottom:var(--s6);overflow:hidden}
.pdp-related-grid img{width:100%;height:100%;object-fit:contain;transition:transform .6s}
.pdp-related-grid button:hover img{transform:scale(1.03)}
.pdp-related-grid h3{font-size:var(--text-xl);display:flex;justify-content:space-between;align-items:center;margin-top:var(--s3)}
.pdp-related-grid h3>span{font-family:var(--font-body);font-size:var(--text-lg)}
.pdp-related-grid p{font-size:var(--text-xs);color:var(--muted);margin-top:var(--s2)}
#image-dialog{width:min(1100px,calc(100% - 32px));height:calc(100svh - 32px);background:#fff;color:#203136;padding:var(--s10) var(--s6);overflow:hidden}
#image-dialog>img{height:calc(100% - 36px);width:100%;object-fit:contain}
.image-dialog-close{position:absolute;right:var(--s6);top:var(--s4);min-height:44px;display:flex;align-items:center;gap:var(--s5);font-size:var(--text-xs);background:#fff;padding-inline:var(--s3);z-index:2}
.image-dialog-close span{font-size:var(--text-xl)}
#zoom-caption{font-size:var(--text-xs);text-align:center;max-width:none;margin-top:var(--s4)}
[data-theme=dark] .pdp-hero-copy{background:#2c4037;color:#edf3eb}
[data-theme=dark] .pdp-hero-copy .eyebrow,[data-theme=dark] .pdp-description,[data-theme=dark] .pdp-launch,[data-theme=dark] .pdp-facts dt{color:#c0d2c4}
[data-theme=dark] .pdp-facts,[data-theme=dark] .pdp-secondary{border-color:#617667}
[data-theme=dark] .pdp-primary{background:#d7e5d8;color:#233b2c}
[data-theme=dark] .pdp-primary:hover{background:#eaf2e9}
@media(max-width:1100px){
 .pdp-hero-copy{padding:var(--s12) var(--s10)}.gallery-zoom{padding:var(--s8) var(--s10);height:570px}
 .pdp-gallery-tabs{gap:var(--s5);padding-inline:var(--s5)}.pdp-gallery-tabs button{flex-direction:column;gap:var(--s2)}
 .pdp-compare{grid-template-columns:1fr;gap:var(--s12)}.pdp-compare-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--s6) var(--s12)}
 .pdp-compare-intro .eyebrow{grid-column:1/-1}.pdp-compare-intro h2{grid-row:2/4;margin:0}.pdp-compare-intro .compare-switch{margin-top:0}
 .compare-image{height:420px}.pdp-routine-grid{gap:var(--s12)}.pdp-details{gap:var(--s12)}
 .pdp-texture{min-height:670px}.pdp-texture-image img{height:650px}
 .pdp-related-grid button>div{height:310px}
}
@media(max-width:700px){
 .product-page-active .nav{height:68px}.product-page-active .nav-logo{filter:none}.product-page-active .mobile-menu{top:68px}
 .pdp-opening{padding-top:68px}.pdp-breadcrumb{min-height:60px;gap:var(--s3);font-size:var(--text-xs)}
 .pdp-hero{grid-template-columns:1fr}.pdp-gallery-top{top:var(--s5);left:var(--gutter);right:var(--gutter)}
 .gallery-zoom{height:440px;padding:var(--s10) var(--s12) var(--s16)}.zoom-label{bottom:var(--s2);right:var(--gutter)}
 .pdp-gallery-tabs{padding:var(--s4) var(--gutter) var(--s6);gap:var(--s8)}.pdp-gallery-tabs button{flex-direction:row;gap:var(--s2)}.pdp-gallery-tabs img{width:27px;height:36px}
 .pdp-hero-copy{padding:var(--s12) var(--gutter)}.pdp-hero-copy h1{font-size:clamp(3.7rem,14vw,5.2rem)}
 .pdp-lede{font-size:2rem;margin-top:var(--s6)}.pdp-description{font-size:var(--text-base)}
 .pdp-section-nav{padding:var(--s2) var(--gutter)}.pdp-section-nav>span{display:none}.pdp-section-nav>div{width:100%;gap:var(--s3);justify-content:space-between}
 .pdp-texture{grid-template-columns:1fr}.pdp-texture-copy{padding:var(--s16) var(--gutter) var(--s8)}.pdp-texture-caption{margin-top:var(--s8)}.pdp-texture-image img{height:490px;padding:var(--s8)}
 .pdp-texture-image>.eyebrow{bottom:var(--s6)}
 .pdp-ritual{padding-block:var(--s16)}.pdp-routine-track{margin-bottom:var(--s8)}
 .pdp-routine-track>span{padding:var(--s4) var(--s2);flex-direction:column;gap:var(--s2);font-size:var(--text-xs)}.pdp-routine-track>span>span{font-family:var(--font-body);font-size:var(--text-xs)}
 .pdp-routine-grid{grid-template-columns:1fr;gap:var(--s8)}.pdp-routine-image{height:420px}.pdp-routine-image img{padding:var(--s4) var(--s10) var(--s16)}
 .pdp-routine-image>.eyebrow{left:var(--s4);bottom:var(--s5)}
 .pdp-routine-copy>div{padding-block:var(--s6)}.pdp-routine-copy h3{font-size:2rem}
 .pdp-compare{padding:var(--s16) var(--gutter);gap:var(--s10)}.pdp-compare-intro{display:block}.pdp-compare-intro h2{margin-block:var(--s6);font-size:var(--text-heading)}.pdp-compare-intro .compare-switch{margin-top:var(--s6)}
 .pdp-compare-products{gap:var(--s4)}.compare-image{height:260px}.compare-image img{padding:var(--s2)}
 .compare-product-copy h3{font-size:1.85rem;min-height:2.1em}.compare-product-copy .eyebrow{font-size:var(--text-xs);letter-spacing:.08em;min-height:3.2em}
 .compare-product-copy>p:not(.eyebrow){min-height:3.2em}
 .compare-product-copy dl>div{display:block;padding-block:var(--s2)}.compare-product-copy dt{font-size:var(--text-xs);margin-bottom:var(--s1)}
 .compare-product-copy .text-link{gap:var(--s4)}
 .pdp-editorial{height:auto;min-height:750px;display:block;padding-top:470px}.pdp-editorial>img{width:100%;height:510px;object-position:50% 68%}
 .pdp-editorial:after{background:linear-gradient(180deg,transparent 380px,#334d59 500px)}
 .pdp-editorial-copy{margin-left:0;padding:var(--s8) var(--gutter) var(--s16)}.pdp-editorial h2{font-size:var(--text-heading)}
 .pdp-details{grid-template-columns:1fr;gap:var(--s10);padding-block:var(--s16)}.pdp-details h2{margin-block:var(--s6)}
 .pdp-faqs summary{font-size:var(--text-sm)}.pdp-faqs p{padding-right:0}
 .pdp-related{padding-bottom:var(--s16)}.pdp-related-grid{grid-template-columns:1fr 1fr;gap:var(--s8) var(--s4)}
 .pdp-related-grid article:last-child{grid-column:1/-1}.pdp-related-grid article:last-child button>div{height:320px}
 .pdp-related-grid button>div{height:240px}.pdp-related-grid h3{font-size:1.7rem}.pdp-related-grid .eyebrow{font-size:var(--text-xs);letter-spacing:.08em}
 #image-dialog{padding:var(--s12) var(--s4) var(--s6)}
}
@media(max-width:360px){
 .pdp-gallery-tabs{gap:var(--s4)}.pdp-gallery-tabs img{display:none}.gallery-zoom{height:340px;padding-inline:var(--s8)}
 .pdp-section-nav>div{gap:var(--s2)}.pdp-section-nav a{font-size:var(--text-xs)}
 .pdp-routine-track>span{padding-inline:var(--s1)}.pdp-routine-track>span>span{font-size:var(--text-xs)}
 .compare-image{height:230px}.compare-product-copy h3{font-size:1.65rem}
}
