/*
Theme Name: PEP N' STEP Storefront
Theme URI: https://pepnstepresearch.com
Author: PEP N' STEP
Description: Custom WooCommerce storefront preserving the PEP N' STEP visual identity, catalog imagery, motion, and research-use presentation.
Version: 1.10.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: pep-n-step
*/

:root { --background:#060a12; --foreground:#f7f9fc; --card:#0c1320; --card-foreground:#f7f9fc; --popover:#0c1320; --popover-foreground:#f7f9fc; --primary:#2979ff; --primary-foreground:#fff; --secondary:#131d2c; --secondary-foreground:#f7f9fc; --muted:#111a28; --muted-foreground:#91a0b7; --accent:#18253a; --accent-foreground:#fff; --destructive:#f05252; --border:#ffffff1a; --input:#ffffff24; --ring:#4f93ff; --radius:.8rem; }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--background);color:var(--foreground);font-family:"Avenir Next","Segoe UI",Arial,sans-serif} button,a{-webkit-tap-highlight-color:transparent} button{font:inherit} a{color:inherit;text-decoration:none}
.research-bar{min-height:29px;display:flex;align-items:center;justify-content:center;gap:10px;background:#287cff;color:#fff;font-size:11px;font-weight:800;letter-spacing:.16em;text-align:center;padding:6px 16px}.research-bar span{width:3px;height:3px;border-radius:50%;background:#fff;opacity:.75}
.site-header{position:sticky;top:0;z-index:40;height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,78px);background:rgba(6,10,18,.84);border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:blur(18px)}
.header-animated-logo{width:clamp(184px,18vw,226px);height:55px;display:flex;align-items:center;flex:0 0 auto;background:transparent;transition:transform .2s ease}.header-animated-logo:hover{transform:translateY(-1px)}.header-animated-logo img{width:100%;height:100%;display:block;object-fit:contain}
.wordmark{display:inline-flex;align-items:center;gap:11px;font-size:17px;font-weight:800;letter-spacing:.055em;white-space:nowrap}.wordmark sup{margin-left:2px;font-size:7px;color:#5fa0ff;vertical-align:super}.wordmark-icon{width:36px;height:36px;display:grid;place-items:center;border:1px solid #3988ff;border-radius:50%;color:#70adff;box-shadow:inset 0 0 18px rgba(41,121,255,.18)}
.desktop-nav{display:flex;align-items:center;gap:36px;color:#aeb9ca;font-size:14px}.desktop-nav a{transition:color .2s}.desktop-nav a:hover{color:#fff}.header-actions{display:flex;align-items:center;gap:10px}.cart-button{height:42px;display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(255,255,255,.055);color:#fff;padding:0 8px 0 15px;cursor:pointer}.cart-label{font-size:13px;font-weight:700}.cart-count{min-width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#2979ff;font-size:12px;font-weight:800}.mobile-menu-button{display:none;width:42px;height:42px;place-items:center;border:0;background:transparent;color:#fff;cursor:pointer}.mobile-nav{position:absolute;inset:78px 0 auto;display:grid;padding:16px 20px 22px;gap:4px;background:#090f1c;border-bottom:1px solid rgba(255,255,255,.1)}.mobile-nav a{padding:13px 4px;color:#c1cada;border-bottom:1px solid rgba(255,255,255,.07)}
.hero{position:relative;min-height:min(730px,calc(100svh - 107px));display:grid;align-items:center;overflow:hidden}.hero-image{object-fit:cover;object-position:57% center;opacity:.84}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#050912 4%,rgba(5,9,18,.96) 25%,rgba(5,9,18,.55) 57%,rgba(5,9,18,.08) 83%),linear-gradient(0deg,#060a12 0%,transparent 22%)}.hero-content{position:relative;z-index:1;width:min(680px,90vw);margin-left:clamp(20px,7vw,110px);padding:78px 0 105px}.eyebrow,.section-kicker{color:#6ba8ff;font-size:11px;font-weight:800;letter-spacing:.18em}.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:26px}.eyebrow span{width:34px;height:1px;background:#4b96ff}.hero h1{margin:0;max-width:650px;font-size:clamp(48px,6.1vw,88px);line-height:.98;letter-spacing:-.055em;font-weight:720}.hero h1 em{color:#a9cfff;font-style:normal;font-weight:450}.hero-content>p{max-width:560px;margin:27px 0 0;color:#b3bfd0;font-size:clamp(16px,1.5vw,19px);line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.button-primary,.button-quiet,.button-light{min-height:50px;display:inline-flex;align-items:center;gap:12px;border:0;border-radius:9px;padding:0 20px;font-size:14px;font-weight:800;cursor:pointer;transition:transform .2s,background .2s,opacity .2s}.button-primary{background:#2979ff;color:#fff;box-shadow:0 10px 30px rgba(41,121,255,.22)}.button-primary:hover,.button-light:hover{transform:translateY(-2px)}.button-primary:disabled{opacity:.35;cursor:not-allowed;transform:none}.button-quiet{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.055);color:#fff}.button-light{background:#fff;color:#07101e}.hero-note{display:flex;align-items:center;gap:8px;margin-top:28px;color:#7f8da2;font-size:13px}.hero-note svg{color:#589cff}
.signal-strip{display:grid;grid-template-columns:repeat(3,1fr);max-width:1280px;margin:-42px auto 0;position:relative;z-index:2;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(11,18,30,.93);box-shadow:0 30px 80px rgba(0,0,0,.32);backdrop-filter:blur(12px)}.signal-strip>div{display:flex;align-items:center;gap:16px;padding:25px 28px;border-right:1px solid rgba(255,255,255,.09)}.signal-strip>div:last-child{border-right:0}.signal-strip svg{color:#67a7ff;flex:0 0 auto}.signal-strip span{display:grid;gap:4px}.signal-strip strong{font-size:14px}.signal-strip small{color:#8492a8;font-size:12px;line-height:1.45}
.catalog-section,.faq-section{max-width:1320px;margin:0 auto;padding:128px clamp(20px,4vw,44px)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:42px}.section-heading h2,.standards-intro h2,.final-cta h2{margin:8px 0 0;font-size:clamp(35px,4vw,56px);line-height:1.05;letter-spacing:-.045em}.category-switch{display:flex;padding:4px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#0b121e}.category-switch button{min-height:39px;border:0;border-radius:999px;background:transparent;color:#8794a8;padding:0 18px;font-size:13px;cursor:pointer}.category-switch button.active{background:#1a2940;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
.product-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.product-card{grid-column:span 2;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:linear-gradient(145deg,#0c1421,#080d16);transition:transform .25s,border-color .25s}.product-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--product-color) 50%,transparent)}.product-card:nth-child(4),.product-card:nth-child(5){grid-column:span 3}.product-topline{display:flex;justify-content:space-between;padding:16px 18px 0;color:#69788e;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.product-visual{position:relative;height:185px;display:grid;place-items:center;overflow:hidden}.product-glow{position:absolute;width:150px;height:150px;border-radius:50%;background:var(--product-color);filter:blur(72px);opacity:.16}.product-flask{width:75px;height:75px;color:var(--product-color);stroke-width:.9;opacity:.92;filter:drop-shadow(0 0 18px color-mix(in srgb,var(--product-color) 38%,transparent))}.product-code{position:absolute;left:18px;bottom:13px;display:flex;align-items:center;gap:7px;color:#8290a6;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.product-code svg{width:15px;color:var(--product-color)}.product-copy{padding:22px;border-top:1px solid rgba(255,255,255,.08)}.product-copy h3{margin:0;font-size:22px;letter-spacing:-.02em}.product-amount{margin:5px 0 0;color:var(--product-color);font-size:10px;font-weight:800;letter-spacing:.1em}.product-price{font-size:19px}.product-description{min-height:67px;margin:20px 0;color:#8e9cb1;font-size:14px;line-height:1.62}.add-button{width:100%;min-height:46px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:rgba(255,255,255,.045);color:#fff;padding:0 14px;font-size:13px;font-weight:800;cursor:pointer}.add-button:hover{background:color-mix(in srgb,var(--product-color) 12%,#101724);border-color:color-mix(in srgb,var(--product-color) 45%,transparent)}
.standards-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(50px,9vw,135px);padding:110px max(20px,calc((100vw - 1230px)/2));background:#f4f7fb;color:#0c1421}.standards-intro>p:last-child{max-width:470px;margin-top:24px;color:#576477;font-size:17px;line-height:1.7}.standards-list article{display:grid;grid-template-columns:44px 1fr auto;align-items:start;gap:18px;padding:25px 0;border-bottom:1px solid #d9e0ea}.standards-list article>span{color:#2979ff;font-size:11px;font-weight:800}.standards-list h3{margin:-5px 0 6px;font-size:18px}.standards-list p{margin:0;color:#667287;font-size:14px;line-height:1.65}.standards-list svg{width:19px;color:#2979ff}
.faq-section{padding-top:115px;padding-bottom:120px}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.faq-grid details{border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#0b121e;padding:0 20px}.faq-grid summary{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;font-size:15px;font-weight:700}.faq-grid summary::-webkit-details-marker{display:none}.faq-grid summary svg{width:18px;color:#6ba8ff;transition:transform .2s}.faq-grid details[open] summary svg{transform:rotate(180deg)}.faq-grid details p{margin:-5px 0 22px;color:#8f9db2;font-size:14px;line-height:1.7}.final-cta{max-width:1230px;margin:0 auto 95px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:55px 60px;border-radius:18px;background:linear-gradient(120deg,#1257bb,#2f86ff);box-shadow:0 35px 80px rgba(20,100,220,.18)}.final-cta .section-kicker{color:#cfe2ff}.final-cta h2{font-size:clamp(32px,3.4vw,49px)}
footer{border-top:1px solid rgba(255,255,255,.1);background:#05080e}.footer-main{max-width:1230px;margin:auto;display:grid;grid-template-columns:1.6fr .5fr .7fr;gap:70px;padding:65px 0}.footer-main>div:first-child p{max-width:350px;margin-top:20px;color:#78869a;font-size:14px;line-height:1.65}.footer-main h3{margin:0 0 16px;color:#728097;font-size:11px;letter-spacing:.14em;text-transform:uppercase}.footer-main>div:not(:first-child){display:flex;flex-direction:column;align-items:flex-start;gap:12px}.footer-main a:not(.wordmark),.footer-main button{border:0;background:transparent;color:#aab5c5;padding:0;font-size:14px;cursor:pointer}.footer-main a:hover,.footer-main button:hover{color:#fff}.footer-bottom{max-width:1230px;margin:auto;display:flex;justify-content:space-between;gap:20px;padding:22px 0 30px;border-top:1px solid rgba(255,255,255,.08);color:#59677a;font-size:10px;letter-spacing:.08em}
.age-dialog{padding:34px;border-radius:18px;box-shadow:0 35px 100px rgba(0,0,0,.7)}.brand-mark{width:55px;height:55px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(92,158,255,.45);color:#6ba8ff;background:rgba(41,121,255,.08)}.cart-sheet{gap:0}.empty-cart{height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#5f6d82;text-align:center}.empty-cart h3{margin:16px 0 4px;color:#dce4ef;font-size:17px}.empty-cart p{margin:0;font-size:13px}.cart-line{display:flex;gap:14px;border:1px solid rgba(255,255,255,.09);border-radius:11px;padding:14px;background:rgba(255,255,255,.035)}.cart-line-color{width:5px;border-radius:9px;flex:0 0 auto}.cart-line h3{margin:0;font-size:15px}.cart-line p{margin:3px 0 0;color:#7f8da1;font-size:11px}.quantity-control{display:flex;align-items:center;border:1px solid rgba(255,255,255,.12);border-radius:7px;overflow:hidden}.quantity-control button{width:29px;height:29px;display:grid;place-items:center;border:0;background:rgba(255,255,255,.035);color:#fff;cursor:pointer}.quantity-control span{width:30px;text-align:center;font-size:12px}.remove-button{border:0;background:transparent;color:#6f7e92;cursor:pointer}.cart-footer{padding:22px 24px 27px;border-top:1px solid rgba(255,255,255,.1);background:#080d17}.cart-footer>div span{color:#98a5b8}.cart-footer>div strong{font-size:20px}.cart-footer p{margin:8px 0 18px;color:#66758a;font-size:11px}
@media(max-width:900px){.desktop-nav{display:none}.mobile-menu-button{display:grid}.hero{min-height:700px;align-items:end}.hero-image{object-position:66% top;opacity:.67}.hero-overlay{background:linear-gradient(0deg,#060a12 5%,rgba(6,10,18,.96) 38%,rgba(6,10,18,.2) 82%),linear-gradient(90deg,rgba(6,10,18,.7),transparent)}.hero-content{width:auto;margin:0;padding:260px 24px 88px}.signal-strip{grid-template-columns:1fr;margin:-25px 20px 0}.signal-strip>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.09)}.signal-strip>div:last-child{border-bottom:0}.product-card,.product-card:nth-child(4),.product-card:nth-child(5){grid-column:span 3}.standards-section{grid-template-columns:1fr;padding:85px 24px}.footer-main,.footer-bottom{margin-inline:24px}.footer-main{grid-template-columns:1fr 1fr}.footer-main>div:first-child{grid-column:1/-1}}
@media(max-width:620px){.research-bar{font-size:9px;letter-spacing:.11em}.site-header{height:69px;padding-inline:12px}.header-animated-logo{width:154px;height:45px;border-radius:9px}.wordmark{font-size:15px}.wordmark-icon{width:33px;height:33px}.cart-label{display:none}.cart-button{padding-left:12px}.mobile-nav{top:69px}.hero h1{font-size:clamp(44px,13vw,62px)}.hero-content>p{font-size:16px}.hero-actions{display:grid}.button-primary,.button-quiet{justify-content:center}.catalog-section,.faq-section{padding:95px 20px}.section-heading{align-items:start;flex-direction:column}.category-switch{width:100%}.category-switch button{flex:1;padding-inline:10px}.product-grid{grid-template-columns:1fr}.product-card,.product-card:nth-child(4),.product-card:nth-child(5){grid-column:auto}.product-description{min-height:0}.faq-grid{grid-template-columns:1fr}.final-cta{margin:0 20px 75px;padding:40px 26px;flex-direction:column;align-items:flex-start}.footer-main{grid-template-columns:1fr 1fr;gap:45px 30px;padding-block:52px}.footer-bottom{flex-direction:column;line-height:1.7}.age-dialog{padding:28px 22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.01ms!important}}

/* Bright, uplifting PEP N' STEP direction */
:root{--background:#f7fbff;--foreground:#10234a;--card:#fff;--card-foreground:#10234a;--popover:#fff;--popover-foreground:#10234a;--secondary:#edf6ff;--secondary-foreground:#10234a;--muted:#eef6ff;--muted-foreground:#617398;--accent:#e4f2ff;--accent-foreground:#10234a;--border:#bddaff;--input:#cfe3ff;--ring:#1688ff}
body{background:radial-gradient(circle at 80% 8%,#fff0a8 0,transparent 25%),linear-gradient(180deg,#eef9ff 0,#fff 46%,#f7fbff 100%);color:#10234a}
.research-bar{background:linear-gradient(90deg,#ffbb33 0%,#ff7c66 32%,#347dff 72%,#14c9d4 100%);box-shadow:0 2px 12px rgba(26,113,255,.16)}
.site-header{background:rgba(255,255,255,.88);border-bottom-color:rgba(41,121,255,.14);box-shadow:0 8px 30px rgba(51,124,201,.08)}
.wordmark{color:#10234a}.wordmark-icon{background:linear-gradient(145deg,#fff,#dff2ff);border-color:#5aa8ff;color:#167bff;box-shadow:0 8px 22px rgba(41,121,255,.16)}
.desktop-nav{color:#4b628a}.desktop-nav a:hover{color:#167bff}.cart-button{border-color:#b8d9ff;background:#ecf7ff;color:#123260;box-shadow:0 7px 18px rgba(41,121,255,.1)}.cart-count{background:linear-gradient(135deg,#2e7fff,#08c6d7)}.mobile-menu-button{color:#17345d}.mobile-nav{background:#fff;border-bottom-color:#cce4ff;box-shadow:0 20px 30px rgba(41,121,255,.12)}.mobile-nav a{color:#34527e;border-bottom-color:#e2efff}
.hero{min-height:min(760px,calc(100svh - 107px));background:#66bdff}.hero-image{object-position:54% center;opacity:1;animation:hero-walk 9s ease-in-out infinite alternate}.hero-overlay{background:linear-gradient(90deg,rgba(247,252,255,.99) 3%,rgba(247,252,255,.94) 27%,rgba(239,249,255,.52) 47%,rgba(255,255,255,0) 67%),linear-gradient(0deg,#f7fbff 0%,rgba(247,251,255,0) 20%)}.hero-content{width:min(660px,90vw);padding-top:75px}.eyebrow,.section-kicker{color:#087ee9}.eyebrow span{background:#ff875f}.hero h1{color:#10234a;text-shadow:0 3px 0 rgba(255,255,255,.7)}.hero h1 em{color:#087ee9;font-weight:650}.hero-content>p{max-width:515px;color:#405d85;font-weight:520}.button-primary{background:linear-gradient(135deg,#147cff,#13c6d5);box-shadow:0 14px 34px rgba(20,124,255,.27)}.button-quiet{border-color:#b9d7f5;background:rgba(255,255,255,.78);color:#17345d;box-shadow:0 10px 25px rgba(49,117,181,.09)}.hero-note{color:#526e94}.hero-note svg{color:#167eff}
.step-progress{display:flex;align-items:center;gap:11px;margin-top:27px;color:#36577f;font-size:12px;font-weight:700}.step-progress span{display:flex;align-items:center;gap:6px;white-space:nowrap}.step-progress b{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#147cff;font-size:10px;box-shadow:0 6px 16px rgba(38,123,207,.18);animation:step-pop 3.6s ease-in-out infinite}.step-progress span:nth-of-type(2) b{animation-delay:1.2s}.step-progress span:nth-of-type(3) b{animation-delay:2.4s}.step-progress i{width:27px;height:2px;background:linear-gradient(90deg,#3a94ff,#ffb736);border-radius:999px}
.signal-strip{background:rgba(255,255,255,.93);border-color:#c9e3ff;box-shadow:0 28px 65px rgba(52,126,196,.18)}.signal-strip>div{border-right-color:#d9ebff}.signal-strip svg{color:#1285f5}.signal-strip strong{color:#15345d}.signal-strip small{color:#6780a5}
.catalog-section{color:#10234a}.category-switch{border-color:#c9e2ff;background:#fff;box-shadow:0 8px 24px rgba(37,120,196,.08)}.category-switch button{color:#5d7395}.category-switch button.active{background:linear-gradient(135deg,#267cff,#19bfd3);color:#fff;box-shadow:0 8px 18px rgba(38,124,255,.2)}
.product-card{position:relative;background:#fff;border-color:#d4e8ff;box-shadow:0 16px 38px rgba(41,105,163,.1)}.product-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:var(--product-color)}.product-card:hover{box-shadow:0 22px 48px color-mix(in srgb,var(--product-color) 18%,rgba(41,105,163,.12))}.product-topline{color:#7185a5}.product-visual{background:linear-gradient(145deg,color-mix(in srgb,var(--product-color) 10%,#fff),#fff)}.product-code{color:#60769a}.product-copy{border-top-color:#e4effc}.product-copy h3,.product-price{color:#10234a}.product-description{color:#5a7092}.add-button{border-color:#c8e0fa;background:#f4faff;color:#153c6a}.add-button:hover{color:#0d57a5}.product-glow{opacity:.13}
.standards-section{background:linear-gradient(135deg,#fff9d7 0%,#fef1e6 42%,#e7f6ff 100%);color:#10234a}.standards-list article{margin-bottom:10px;padding:22px;border:1px solid rgba(57,137,220,.14);border-radius:14px;background:rgba(255,255,255,.72);box-shadow:0 10px 30px rgba(75,131,179,.08)}.standards-list p,.standards-intro>p:last-child{color:#546b8c}
.faq-section{color:#10234a}.faq-grid details{border-color:#cfe5ff;background:#fff;box-shadow:0 10px 30px rgba(39,111,176,.07)}.faq-grid details p{color:#60789b}.final-cta{background:linear-gradient(120deg,#1b7dff 0%,#18c6d4 58%,#ffba38 100%);box-shadow:0 30px 70px rgba(27,125,255,.23)}.final-cta .section-kicker{color:#fff6c8}
footer{background:linear-gradient(150deg,#123f82,#09234e);border-top:0}.footer-main h3,.footer-main>div:first-child p,.footer-main a:not(.wordmark),.footer-main button{color:#c8daf2}.footer-main .wordmark{color:#fff}.footer-bottom{border-top-color:rgba(255,255,255,.14);color:#abc4e5}
.age-dialog{box-shadow:0 35px 100px rgba(33,113,192,.24)}.brand-mark{border-color:#7fbbff;color:#167cff;background:linear-gradient(145deg,#eaf6ff,#fff7c6);box-shadow:0 12px 30px rgba(42,130,219,.16)}.age-dialog .button-quiet{color:#264c78}.cart-sheet{color:#10234a}.empty-cart{color:#8092ab}.empty-cart h3{color:#18385f}.cart-line{border-color:#d5e8ff;background:#f7fbff}.cart-line h3{color:#18385f}.cart-line p{color:#7185a4}.quantity-control{border-color:#c8def7}.quantity-control button{background:#edf6ff;color:#174b84}.remove-button{color:#7590b0}.cart-footer{border-top-color:#cfe3fa;background:#f6fbff}.cart-footer>div span{color:#61789a}.cart-footer p{color:#7a8eaa}
@keyframes hero-walk{0%{transform:scale(1.025) translate3d(-.6%,0,0)}50%{transform:scale(1.04) translate3d(.35%,-.45%,0)}100%{transform:scale(1.025) translate3d(.8%,0,0)}}
@keyframes step-pop{0%,72%,100%{transform:translateY(0);background:#fff;color:#147cff}82%{transform:translateY(-5px);background:#ffba38;color:#fff}}
@media(max-width:900px){.hero{min-height:760px;background:#8ed1ff}.hero-image{object-position:64% top}.hero-overlay{background:linear-gradient(0deg,#f7fbff 5%,rgba(247,251,255,.98) 41%,rgba(247,251,255,.22) 77%),linear-gradient(90deg,rgba(247,251,255,.48),transparent)}.signal-strip>div{border-bottom-color:#d9ebff}}
@media(max-width:620px){.hero-content{padding-top:300px}.step-progress{gap:6px;flex-wrap:wrap}.step-progress i{width:13px}.hero-note{margin-top:18px}.research-bar{min-height:32px}.product-card{box-shadow:0 12px 30px rgba(41,105,163,.1)}}
@media(prefers-reduced-motion:reduce){.hero-image,.step-progress b{animation:none!important}}

/* Refined editorial storefront + five-step mascot film */
.hero{
  min-height:auto;
  display:block;
  padding:clamp(42px,5vw,76px) clamp(20px,4vw,56px) 72px;
  background:
    radial-gradient(circle at 84% 16%,rgba(255,196,82,.24),transparent 25%),
    radial-gradient(circle at 10% 2%,rgba(64,182,255,.18),transparent 28%),
    linear-gradient(180deg,#f9fdff 0%,#eef8ff 100%);
}
.hero-shell{
  width:min(1440px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(390px,.82fr) minmax(560px,1.18fr);
  align-items:center;
  gap:clamp(38px,5.2vw,82px);
}
.hero-content{
  width:auto;
  margin:0;
  padding:28px 0 34px;
}
.hero h1{
  max-width:660px;
  font-size:clamp(52px,5.35vw,82px);
  line-height:.96;
  letter-spacing:-.062em;
  text-shadow:none;
}
.hero h1 em{color:#147cff;font-weight:720}
.hero-content>p{
  max-width:545px;
  margin-top:25px;
  color:#4f678b;
  font-size:clamp(16px,1.35vw,19px);
  line-height:1.7;
}
.hero-actions{margin-top:31px}
.hero .button-primary,.hero .button-quiet{min-height:52px;border-radius:10px}
.hero-media{
  position:relative;
  min-width:0;
  aspect-ratio:1.22/1;
  overflow:hidden;
  border:1px solid rgba(53,132,213,.2);
  border-radius:26px;
  background:#ccecff;
  box-shadow:0 35px 80px rgba(38,104,164,.22),0 4px 0 rgba(255,255,255,.8) inset;
  isolation:isolate;
}
.hero-media:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(8,42,91,.03) 42%,rgba(5,29,66,.7) 100%);
}
.hero-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:55% center;
  z-index:1;
}
.hero-media-shine{
  position:absolute;
  z-index:3;
  inset:-40% auto auto -20%;
  width:58%;
  height:150%;
  transform:rotate(20deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);
  pointer-events:none;
  animation:film-shine 7.5s ease-in-out infinite;
}
.hero-media-label{
  position:absolute;
  z-index:4;
  left:24px;
  bottom:22px;
  display:grid;
  gap:5px;
  color:#fff;
  text-shadow:0 2px 14px rgba(5,24,52,.38);
}
.hero-media-label span{font-size:10px;font-weight:850;letter-spacing:.18em;color:#bdeaff}
.hero-media-label strong{font-size:clamp(18px,1.8vw,26px);letter-spacing:-.025em}
.hero-media-counter{
  position:absolute;
  z-index:4;
  top:20px;
  right:20px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  border:1px solid rgba(255,255,255,.48);
  border-radius:999px;
  background:rgba(255,255,255,.74);
  color:#163b69;
  font-size:9px;
  font-weight:850;
  letter-spacing:.1em;
  backdrop-filter:blur(12px);
}
.hero-media-counter i{width:28px;height:2px;border-radius:999px;background:linear-gradient(90deg,#197fff,#ff9d53)}
.step-progress{gap:8px;margin-top:27px}
.step-progress span{gap:5px;font-size:10px;letter-spacing:.02em}
.step-progress b{width:25px;height:25px}
.step-progress i{width:12px}
.signal-strip{max-width:1320px;margin:-32px auto 0;border-radius:12px}
.signal-strip>div{padding:22px 26px}
.catalog-section{padding-top:112px}
.section-heading h2,.standards-intro h2,.final-cta h2{font-weight:720}
.product-card{border-radius:12px;box-shadow:0 14px 36px rgba(41,105,163,.085)}
.product-visual{height:205px}
.product-copy{padding:24px}
.add-button{border-radius:8px;background:#fff}
.add-button:hover{background:#eef8ff}
@keyframes film-shine{0%,18%{transform:translateX(-60%) rotate(20deg);opacity:0}30%{opacity:1}58%,100%{transform:translateX(245%) rotate(20deg);opacity:0}}

@media(max-width:1080px){
  .hero-shell{grid-template-columns:minmax(350px,.84fr) minmax(480px,1.16fr);gap:34px}
  .step-progress span{font-size:0}.step-progress b{font-size:10px}
}
@media(max-width:900px){
  .hero{min-height:auto;align-items:stretch;padding:38px 22px 62px;background:linear-gradient(180deg,#fbfeff,#eef8ff)}
  .hero-shell{grid-template-columns:1fr;gap:35px}
  .hero-content{width:auto;margin:0;padding:18px 2px 0}
  .hero-content>p{max-width:650px}
  .hero-media{width:100%;aspect-ratio:16/10;border-radius:22px}
  .hero-video{object-position:54% center}
  .signal-strip{margin:-24px 20px 0}
}
@media(max-width:620px){
  .hero{padding:25px 16px 50px}
  .hero-shell{gap:28px}
  .hero-content{padding:10px 0 0}
  .hero h1{font-size:clamp(43px,13.2vw,58px);line-height:.98}
  .hero-content>p{margin-top:20px;line-height:1.62}
  .hero-actions{margin-top:25px}
  .step-progress{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-top:22px}
  .step-progress span{justify-content:center}.step-progress i{display:none}
  .hero-note{align-items:flex-start;font-size:11px;line-height:1.45}
  .hero-media{aspect-ratio:4/4.45;border-radius:18px}
  .hero-video{object-position:58% center}
  .hero-media-label{left:17px;bottom:16px}
  .hero-media-label strong{font-size:18px}
  .hero-media-counter{top:14px;right:14px}
  .signal-strip{margin:-17px 16px 0}
}
@media(prefers-reduced-motion:reduce){
  .hero-video{display:none}
  .hero-media-shine{animation:none}
}

/* PEP N' STEP storefront hierarchy with the mascot film as the opening scene. */
[data-slot="dialog-overlay"]{background:rgba(8,31,63,.68);backdrop-filter:blur(14px) saturate(.75)}
.age-dialog{gap:0;padding:38px;border:1px solid rgba(36,101,172,.18);border-radius:22px;box-shadow:0 34px 100px rgba(8,33,66,.34)}
.gate-brand{display:flex;align-items:center;justify-content:center;gap:11px;margin-bottom:28px;color:#102b51}.gate-brand .brand-mark{width:42px;height:42px;margin:0}.gate-brand>span:last-child{display:grid;gap:1px}.gate-brand strong{font-size:15px;letter-spacing:.075em}.gate-brand small{font-size:8px;font-weight:800;letter-spacing:.22em;color:#6580a3}
.gate-title{margin:0;color:#0e243f;font-size:30px;line-height:1.08;font-weight:760;letter-spacing:-.045em}.gate-description{max-width:490px;margin:12px 0 23px;color:#66758b;font-size:15px;line-height:1.62}
.gate-checks{display:grid;gap:11px}.gate-check{min-height:58px;display:grid;grid-template-columns:24px 1fr;align-items:center;gap:12px;padding:14px 15px;border:1px solid #cfdae7;border-radius:12px;background:#fff;cursor:pointer;transition:border-color .2s,box-shadow .2s,background .2s}.gate-check:hover,.gate-check.checked{border-color:#7daeff;background:#f8fbff;box-shadow:0 8px 20px rgba(39,112,198,.08)}.gate-check input{position:absolute;opacity:0;pointer-events:none}.gate-check>span{width:22px;height:22px;display:grid;place-items:center;border:1px solid #bccbdc;border-radius:6px;background:#fff;color:transparent}.gate-check.checked>span{border-color:#217bf1;background:#217bf1;color:#fff}.gate-check svg{width:14px}.gate-check p{margin:0;color:#293b52;font-size:14px;line-height:1.45}.gate-check p strong{font-weight:800;color:#122a48}
.gate-enter{min-height:51px;margin-top:14px;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:11px;background:linear-gradient(135deg,#176edc,#1ca8c3);color:#fff;font-size:14px;font-weight:800;cursor:pointer;box-shadow:0 13px 27px rgba(25,117,216,.22)}.gate-enter:disabled{background:#d9e1eb;color:#98a8ba;box-shadow:none;cursor:not-allowed}.gate-legal{margin:17px 0 0;color:#8a97a8;font-size:11px;line-height:1.55}.gate-exit{justify-self:center;margin-top:19px;border:0;background:transparent;color:#57708f;font-size:12px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.research-bar{min-height:34px;background:#0c346a;color:#eaf5ff;font-size:10px;letter-spacing:.15em;box-shadow:none}.research-bar span{width:4px;height:4px;background:#5bd6df}
.site-header{height:78px;padding-inline:max(22px,calc((100vw - 1380px)/2));background:rgba(255,255,255,.96);border-bottom:1px solid #dce9f6;box-shadow:none;backdrop-filter:blur(18px)}
.wordmark{font-size:18px;letter-spacing:.065em}.wordmark-icon{border-color:#6ba8ee;background:#f4f9ff;box-shadow:none}.desktop-nav{gap:31px;color:#405a7e;font-size:13px;font-weight:650}.cart-button{height:43px;border-color:#c6d9ec;background:#fff;box-shadow:none}.cart-button:hover{border-color:#6eaaf0;background:#f7fbff}
.hero{position:relative;min-height:min(810px,calc(100svh - 112px));display:flex;align-items:center;overflow:hidden;padding:0;background:#c6eaff;isolation:isolate}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;z-index:-3;display:block}
.hero-overlay{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(245,251,255,.98) 0%,rgba(239,248,255,.91) 29%,rgba(232,246,255,.37) 51%,rgba(11,43,82,.03) 72%),linear-gradient(0deg,rgba(5,33,72,.42) 0%,transparent 33%)}
.hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 28% 50%,rgba(255,255,255,.24),transparent 31%)}
.hero-content{width:min(610px,44vw);margin:0 0 70px max(24px,calc((100vw - 1380px)/2));padding:0;color:#0b2a50;position:relative;z-index:4}
.hero .eyebrow{margin-bottom:23px;color:#116ed3}.hero .eyebrow span{background:#f69052}.hero h1{max-width:650px;margin:0;font-size:clamp(58px,6vw,92px);line-height:.91;letter-spacing:-.065em;color:#0a2a50}.hero h1 em{display:inline-block;margin-top:10px;color:#1178e6;font-weight:760}.hero-content>p{max-width:520px;margin:27px 0 0;color:#3f5c80;font-size:18px;line-height:1.66;font-weight:520}.hero-actions{margin-top:30px}.hero .button-primary{background:#0e3870;border-radius:8px;box-shadow:0 15px 30px rgba(11,54,111,.23)}.hero .button-primary:hover{background:#164982}.hero .button-quiet{border-color:#b4cde7;border-radius:8px;background:rgba(255,255,255,.74);color:#163c69;box-shadow:none}.hero-note{margin-top:22px;color:#4b6687}.hero-note svg{color:#1077df}
.hero-stage-rail{position:absolute;left:50%;bottom:29px;z-index:5;transform:translateX(-50%);display:flex;align-items:center;gap:11px;padding:11px 15px;border:1px solid rgba(255,255,255,.32);border-radius:999px;background:rgba(8,35,75,.68);color:#fff;box-shadow:0 12px 34px rgba(4,24,54,.18);backdrop-filter:blur(14px);font-size:10px;font-weight:800;letter-spacing:.055em;white-space:nowrap}.hero-stage-rail i{width:14px;height:1px;background:rgba(255,255,255,.42)}.hero-scroll{position:absolute;right:32px;bottom:28px;z-index:5;width:43px;height:43px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:rgba(255,255,255,.78);color:#123f72;backdrop-filter:blur(12px)}
.hero-stage-rail span{opacity:.48;transform:translateY(0);animation:rail-stage 15.166s linear infinite}.hero-stage-rail .rail-two{animation-delay:-12.133s}.hero-stage-rail .rail-three{animation-delay:-9.1s}.hero-stage-rail .rail-four{animation-delay:-6.067s}.hero-stage-rail .rail-five{animation-delay:-3.033s}
.signal-strip{max-width:none;margin:0;grid-template-columns:repeat(4,1fr);border:0;border-radius:0;background:#082a58;box-shadow:none;color:#fff}.signal-strip>div{padding:23px clamp(18px,2.5vw,38px);border-right-color:rgba(255,255,255,.13)}.signal-strip svg{color:#5ed6e0}.signal-strip strong{color:#fff}.signal-strip small{color:#a9c2df}
.catalog-section{max-width:1380px;padding-top:105px}.section-description{max-width:650px;margin:17px 0 0;color:#647997;font-size:16px;line-height:1.65}.section-heading{align-items:end}.product-grid{display:flex;grid-template-columns:none;gap:18px;overflow-x:auto;padding:4px 2px 24px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#93b9df #e9f2fb}.product-card,.product-card:nth-child(4),.product-card:nth-child(5){grid-column:auto;flex:0 0 min(318px,78vw);scroll-snap-align:start}.product-visual{height:225px}.product-copy h3{font-size:21px}
@keyframes rail-stage{0%,19%{opacity:1;color:#fff;text-shadow:0 0 14px #63e4ff;transform:translateY(-1px)}20%,100%{opacity:.48;color:#fff;text-shadow:none;transform:translateY(0)}}

@media(max-width:900px){
  .desktop-nav{display:none}.mobile-menu-button{display:grid}
  .hero{min-height:760px;align-items:flex-end;padding:0}
  .hero-video{display:block;object-position:64% center}
  .hero-overlay{background:linear-gradient(0deg,rgba(239,248,255,.99) 0%,rgba(239,248,255,.91) 36%,rgba(233,247,255,.08) 70%),linear-gradient(90deg,rgba(239,248,255,.28),transparent 58%)}
  .hero-content{width:auto;max-width:680px;margin:0;padding:0 24px 94px}
  .hero h1{font-size:clamp(49px,11vw,74px)}
  .hero-content>p{max-width:560px;font-size:17px}
  .signal-strip{grid-template-columns:1fr 1fr;margin:0}.signal-strip>div{border-bottom:1px solid rgba(255,255,255,.13)}
  .hero-stage-rail{bottom:20px}.hero-scroll{display:none}
}
@media(max-width:620px){
  .age-dialog{padding:27px 20px}.gate-brand{margin-bottom:21px}.gate-title{font-size:27px}.gate-description{font-size:14px}.gate-check{padding:12px;align-items:start}.gate-check p{font-size:13px}.gate-legal{font-size:10px}
  .research-bar{min-height:31px;font-size:8px;letter-spacing:.1em;gap:7px}
  .site-header{height:69px}.wordmark{font-size:15px}.mobile-nav{top:69px}
  .hero{min-height:720px}
  .hero-video{display:block;object-position:64% center}
  .hero-content{padding:0 17px 106px}
  .hero .eyebrow{margin-bottom:16px;font-size:9px}.hero h1{font-size:clamp(45px,13vw,59px)}.hero h1 em{margin-top:5px}
  .hero-content>p{margin-top:18px;font-size:15px;line-height:1.55}.hero-actions{display:grid;grid-template-columns:1fr;margin-top:21px}.hero .button-primary,.hero .button-quiet{min-height:47px}.hero-note{margin-top:14px}
  .hero-stage-rail{left:13px;right:13px;bottom:18px;transform:none;justify-content:space-between;gap:4px;padding:9px 10px;font-size:7px}.hero-stage-rail i{width:7px}
  .signal-strip{grid-template-columns:1fr}.signal-strip>div{padding:18px 20px}
  .catalog-section{padding-top:82px}.section-description{font-size:15px}
}
@media(prefers-reduced-motion:reduce){
  .hero-video{display:none}.hero-stage-rail span{animation:none}.hero-stage-rail .rail-one{opacity:1}
}

/* Product-first stage reveal */
.catalog-hero{position:relative;isolation:isolate;min-height:780px;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#fbfcff 60%,#f4f8fd 100%);padding:58px max(22px,calc((100vw - 1380px)/2)) 60px}
.catalog-hero:before{content:"";position:absolute;inset:0;z-index:-3;background:radial-gradient(ellipse 58% 75% at 50% 5%,rgba(255,215,125,.58),rgba(255,248,226,.24) 37%,transparent 71%)}
.stage-spotlight{position:absolute;z-index:-2;left:50%;top:-120px;width:min(820px,90vw);height:850px;transform:translateX(-50%);background:radial-gradient(ellipse at top,rgba(255,247,213,.86) 0%,rgba(244,197,82,.20) 37%,rgba(255,255,255,0) 73%);filter:blur(5px)}
.stage-curtain{position:absolute;z-index:5;top:0;width:26vw;min-width:240px;height:100%;pointer-events:none;background:repeating-linear-gradient(96deg,rgba(52,6,13,.98) 0 14%,rgba(110,13,27,.99) 14% 28%,rgba(63,6,15,.98) 28% 40%,rgba(151,32,44,.96) 40% 48%);box-shadow:10px 0 25px rgba(22,3,7,.26);animation:curtain-open 1.65s cubic-bezier(.2,.75,.17,1) .3s forwards}
.stage-curtain-left{left:0;transform-origin:left top;border-radius:0 0 38% 0}.stage-curtain-right{right:0;transform:scaleX(-1);transform-origin:right top;border-radius:0 0 0 38%;animation-name:curtain-open-right}
.catalog-comic-bubble{position:absolute;z-index:4;top:65px;left:max(30px,calc((100vw - 1320px)/2));max-width:250px;margin:0;padding:17px 19px;border:3px solid #102f5a;border-radius:48% 44% 50% 42%;background:#fff;color:#102f5a;font-size:23px;font-weight:850;line-height:1.03;letter-spacing:-.04em;box-shadow:7px 7px 0 rgba(228,174,43,.34);opacity:0;animation:quick-bubble 3.2s ease-in-out .55s forwards}
.catalog-comic-bubble:after{content:"";position:absolute;bottom:-20px;right:31px;width:24px;height:29px;border-right:3px solid #102f5a;border-bottom:3px solid #102f5a;background:#fff;transform:skew(-24deg) rotate(20deg)}
.catalog-comic-bubble strong{color:#d99b11}
.catalog-collage{position:relative;z-index:1;width:min(760px,72vw);height:570px;margin:8px 0 0 auto}
.collage-vial{position:absolute;display:grid;justify-items:center;gap:7px;width:clamp(112px,15vw,190px);filter:drop-shadow(0 20px 19px rgba(16,42,75,.17));animation:collage-float 4.4s ease-in-out infinite}
.collage-vial img{width:100%;aspect-ratio:1;display:block;object-fit:contain;border:1px solid #edf1f6;border-radius:18px;background:#fff;box-shadow:0 16px 34px rgba(16,42,75,.09)}
.collage-vial span{color:#18395f;font-size:11px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}
.collage-vial-1{top:58px;left:5%;z-index:2;animation-delay:-1.8s}.collage-vial-2{top:16px;left:34%;z-index:3;animation-delay:-.6s}.collage-vial-3{top:61px;right:3%;z-index:2;animation-delay:-2.4s}.collage-vial-4{top:270px;left:17%;z-index:4;animation-delay:-1.1s}.collage-vial-5{top:255px;right:18%;z-index:4;animation-delay:-3s}.collage-vial-6{top:190px;left:41%;z-index:5;animation:step-water-step 4.4s ease-in-out infinite}
.collage-step-water img{box-shadow:0 20px 44px rgba(205,157,39,.22),0 0 0 7px rgba(255,234,174,.24)}
.catalog-hero-content{position:absolute;z-index:2;left:max(22px,calc((100vw - 1380px)/2));bottom:72px;max-width:430px}
.catalog-hero-content .section-kicker{color:#173b68}.catalog-hero-content h1{margin:12px 0 24px;color:#102f5a;font-size:clamp(45px,5vw,74px);font-weight:820;line-height:.92;letter-spacing:-.065em}.catalog-hero-content h1 em{color:#d69a14;font-style:normal}.catalog-hero-content .button-primary{min-height:50px;border-radius:999px;background:#0b315f}
@keyframes curtain-open{to{transform:translateX(-105%)}}
@keyframes curtain-open-right{to{transform:translateX(105%) scaleX(-1)}}
@keyframes quick-bubble{0%{opacity:0;transform:translateY(-15px) rotate(-5deg) scale(.88)}16%,64%{opacity:1;transform:translateY(0) rotate(-3deg) scale(1)}100%{opacity:0;transform:translateY(-10px) rotate(-2deg) scale(.95)}}
@keyframes collage-float{0%,100%{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-11px) rotate(1.5deg)}}
@keyframes step-water-step{0%,35%,100%{transform:translateY(0) scale(1)}52%{transform:translateY(-25px) scale(1.07)}68%{transform:translateY(-6px) scale(1.025)}}
.stage-intro{position:fixed;inset:0;z-index:80;overflow:hidden;background:linear-gradient(180deg,#090a0f 0%,#15110c 48%,#2c1710 100%);animation:intro-out .38s ease 2.9s forwards}
.stage-intro:before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(0,0,0,.55),transparent 19%,transparent 81%,rgba(0,0,0,.55)),repeating-linear-gradient(90deg,transparent 0 7.5%,rgba(255,225,153,.08) 7.6% 7.8%,transparent 7.9% 15%);opacity:.9}
.stage-intro:after{content:"";position:absolute;z-index:0;left:-12%;right:-12%;bottom:-8%;height:54%;background:repeating-linear-gradient(82deg,rgba(218,160,85,.22) 0 2px,transparent 2px 56px),linear-gradient(180deg,#23150d 0%,#080807 100%);clip-path:polygon(26% 0,74% 0,100% 100%,0 100%);transform:perspective(420px) rotateX(56deg);transform-origin:bottom;box-shadow:inset 0 32px 40px rgba(0,0,0,.7)}
.intro-gold-light{position:absolute;inset:-18% 0 0;z-index:1;background:radial-gradient(ellipse 34% 74% at 50% 0,rgba(255,248,207,.95),rgba(242,186,65,.38) 43%,transparent 75%);animation:intro-light 2.9s ease-out both}
.intro-platform{position:absolute;z-index:2;left:50%;bottom:15%;width:min(850px,94vw);height:135px;transform:translateX(-50%);background:linear-gradient(180deg,#3e2516 0 10%,#d09b45 11% 15%,#29130a 17% 69%,#050505 70%);clip-path:polygon(9% 0,91% 0,100% 100%,0 100%);box-shadow:0 -13px 20px rgba(255,215,119,.4),0 42px 66px rgba(0,0,0,.8)}
.intro-platform:after{content:"";position:absolute;inset:20% 6% 0;background:repeating-linear-gradient(90deg,rgba(255,225,151,.12) 0 2px,transparent 2px 12%);opacity:.52}
.intro-vials{position:absolute;z-index:3;left:50%;bottom:20%;display:flex;align-items:flex-end;justify-content:center;gap:clamp(1px,1.3vw,18px);width:min(880px,94vw);transform:translateX(-50%)}
.intro-vial{width:clamp(82px,13vw,164px);opacity:0;transform:translateY(30px) scale(.82);animation:intro-vial-in .42s cubic-bezier(.18,.82,.27,1.25) forwards;filter:drop-shadow(0 24px 15px rgba(0,0,0,.68))}.intro-vial:nth-child(1){animation-delay:.75s}.intro-vial:nth-child(2){animation-delay:.86s}.intro-vial:nth-child(3){animation-delay:.97s}.intro-vial:nth-child(4){animation-delay:1.08s}.intro-vial:nth-child(5){animation-delay:1.19s}.intro-vial:nth-child(6){animation-delay:1.30s}
.intro-vial img{width:100%;aspect-ratio:1;display:block;object-fit:contain;border-radius:15px;background:radial-gradient(circle at 50% 20%,#fff 0%,#f4f5f7 68%,#d9dfe5 100%);box-shadow:0 12px 22px rgba(0,0,0,.42),inset 0 0 0 1px rgba(255,255,255,.85)}
.intro-step-water{position:relative;z-index:5;animation:intro-step-water 1.22s cubic-bezier(.18,.82,.24,1.1) 1.48s forwards}.intro-step-water img{box-shadow:0 24px 42px rgba(255,220,105,.72),0 0 0 6px rgba(255,239,174,.24)}
.intro-curtain{position:absolute;z-index:5;top:0;width:53%;height:100%;background:repeating-linear-gradient(96deg,#400710 0 14%,#7e1120 14% 28%,#4d0713 28% 40%,#b22838 40% 48%);box-shadow:10px 0 32px rgba(20,2,6,.48);animation:intro-curtain-left .9s cubic-bezier(.17,.75,.2,1) .18s forwards}.intro-curtain-left{left:0}.intro-curtain-right{right:0;transform:scaleX(-1);animation-name:intro-curtain-right}
@keyframes intro-curtain-left{to{transform:translateX(-101%)}}@keyframes intro-curtain-right{to{transform:translateX(101%) scaleX(-1)}}@keyframes intro-vial-in{to{opacity:1;transform:translateY(0) scale(1)}}@keyframes intro-step-water{0%{transform:translateY(0) scale(1)}48%{transform:translateY(-48px) scale(1.12)}100%{transform:translateY(-34px) scale(1.55)}}@keyframes intro-light{from{opacity:.18;transform:scale(.72)}to{opacity:1;transform:scale(1)}}@keyframes intro-out{to{opacity:0;visibility:hidden}}
@media(max-width:900px){.catalog-hero{min-height:720px;padding-top:34px}.catalog-collage{width:90vw;height:500px;margin-inline:auto}.catalog-hero-content{left:22px;bottom:35px}.catalog-comic-bubble{top:30px;left:22px}}
@media(max-width:620px){.catalog-hero{min-height:675px;padding-inline:16px}.stage-curtain{width:32vw;min-width:0}.catalog-comic-bubble{left:18px;top:23px;max-width:190px;padding:14px 15px;font-size:19px}.catalog-collage{width:100%;height:468px;margin-top:35px}.collage-vial{width:27vw;gap:4px}.collage-vial img{border-radius:12px}.collage-vial span{font-size:7px}.collage-vial-1{top:55px;left:0}.collage-vial-2{top:12px;left:34%}.collage-vial-3{top:55px;right:0}.collage-vial-4{top:265px;left:9%}.collage-vial-5{top:252px;right:8%}.collage-vial-6{top:190px;left:37%}.catalog-hero-content{left:16px;bottom:27px}.catalog-hero-content h1{margin:8px 0 18px;font-size:42px}.catalog-hero-content .section-kicker{font-size:9px}.catalog-hero-content .button-primary{min-height:45px;padding-inline:17px}}

/* Clean beach storefront */
.hero{
  min-height:min(790px,calc(100svh - 112px));
  background:#6bcdf0;
  align-items:flex-end;
}
.hero-video{object-position:center}
.hero-overlay{
  background:
    linear-gradient(0deg,rgba(6,35,64,.62) 0%,rgba(6,35,64,.08) 31%,transparent 55%),
    linear-gradient(90deg,rgba(6,35,64,.18),transparent 36%);
}
.hero:after{display:none}
.hero-content{
  width:auto;
  max-width:none;
  margin:0 0 clamp(34px,5vw,58px) max(22px,calc((100vw - 1380px)/2));
  padding:0;
  display:flex;
  align-items:center;
  gap:22px;
  color:#fff;
  text-shadow:0 3px 22px rgba(6,31,57,.28);
}
.hero h1{
  max-width:none;
  margin:0;
  color:#fff;
  font-size:clamp(34px,4vw,62px);
  line-height:1;
  letter-spacing:-.055em;
  white-space:nowrap;
}
.hero h1 em{display:inline;color:#fff;font-weight:760}
.hero-content>.button-primary{
  min-height:50px;
  padding:0 22px;
  flex:0 0 auto;
  background:rgba(8,44,82,.9);
  border:1px solid rgba(255,255,255,.38);
  border-radius:999px;
  box-shadow:0 14px 32px rgba(5,28,52,.2);
  backdrop-filter:blur(12px);
}
.hero-comic{position:absolute;inset:0;z-index:3;pointer-events:none}
.comic-bubble{position:absolute;top:11%;left:max(22px,calc((100vw - 1380px)/2));max-width:265px;margin:0;padding:18px 20px;border:4px solid #0b315f;border-radius:48% 45% 48% 42%;background:#fff;color:#0b315f;font-size:clamp(19px,2.3vw,29px);font-weight:850;line-height:1.02;letter-spacing:-.045em;box-shadow:8px 8px 0 rgba(11,49,95,.22);transform:rotate(-4deg);opacity:0;animation:comic-bubble 4s ease-in-out infinite}
.comic-bubble:after{content:"";position:absolute;right:22px;bottom:-22px;width:28px;height:32px;border-right:4px solid #0b315f;border-bottom:4px solid #0b315f;background:#fff;transform:skew(-24deg) rotate(19deg)}
.comic-bubble strong{color:#e7a91f;white-space:nowrap}
.hero-product-float{position:absolute;left:50%;bottom:clamp(115px,15vw,180px);z-index:4;display:flex;align-items:flex-end;justify-content:center;gap:clamp(2px,1.1vw,16px);width:min(940px,90vw);transform:translateX(-50%);opacity:0;animation:catalog-reveal 4s ease-in-out infinite}
.hero-mini-vial{width:clamp(78px,11vw,146px);display:grid;justify-items:center;gap:5px;animation:float-vial 2.8s ease-in-out infinite;filter:drop-shadow(0 15px 15px rgba(7,34,63,.22))}
.hero-mini-vial:nth-child(2){animation-delay:-.4s}.hero-mini-vial:nth-child(3){animation-delay:-1.1s}.hero-mini-vial:nth-child(4){animation-delay:-1.8s}.hero-mini-vial:nth-child(5){animation-delay:-.8s}.hero-mini-vial:nth-child(6){animation-delay:-1.45s}
.hero-mini-vial img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:17px;background:rgba(255,255,255,.9);box-shadow:0 12px 26px rgba(6,32,62,.14)}
.hero-mini-vial span{max-width:100%;overflow:hidden;color:#fff;font-size:10px;font-weight:850;letter-spacing:.06em;text-align:center;text-overflow:ellipsis;text-shadow:0 2px 8px #08264b;white-space:nowrap}
@keyframes comic-bubble{0%,4%{opacity:0;transform:translateY(-18px) rotate(-7deg) scale(.85)}10%,40%{opacity:1;transform:translateY(0) rotate(-4deg) scale(1)}48%,100%{opacity:0;transform:translateY(-12px) rotate(-3deg) scale(.94)}}
@keyframes catalog-reveal{0%,40%{opacity:0;transform:translate(-50%,22px) scale(.94)}53%,90%{opacity:1;transform:translate(-50%,0) scale(1)}98%,100%{opacity:0;transform:translate(-50%,12px) scale(.98)}}
@keyframes float-vial{0%,100%{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-12px) rotate(1.5deg)}}
.signal-strip{grid-template-columns:repeat(3,1fr)}
.signal-strip>div{justify-content:center;min-height:72px;padding:18px 28px}
.signal-strip>div:last-child{border-right:0}
.signal-strip strong{font-size:13px;letter-spacing:.02em}
.catalog-section{max-width:1320px;padding-top:104px;padding-bottom:128px}
.catalog-section .section-heading{margin-bottom:48px}
.product-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:54px 34px;
  overflow:visible;
  padding:0;
}
.product-card,.product-card:nth-child(4),.product-card:nth-child(5){
  min-width:0;
  flex:none;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
}
.product-card:before,.product-topline,.product-glow,.product-code,.product-flask,.product-description{display:none}
.product-card:hover{transform:translateY(-4px);box-shadow:none}
.product-visual{
  height:auto;
  aspect-ratio:1;
  overflow:hidden;
  border:0;
  border-radius:18px;
  background:#fff;
}
.product-visual{
  position:relative;
  border:1px solid #edf0f4;
  box-shadow:0 18px 38px rgba(21,46,83,.08);
  isolation:isolate;
}
.product-visual img{position:relative;z-index:0;width:100%;height:100%;display:block;object-fit:contain;transform:scale(1.04)}
.product-visual::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(236,174,43,.26) 0%,rgba(255,216,124,.14) 19%,rgba(255,241,197,.04) 39%,rgba(255,255,255,0) 64%),
    linear-gradient(106deg,transparent 0%,transparent 31%,rgba(255,218,126,.10) 46%,rgba(255,237,181,.04) 58%,transparent 75%);
  mix-blend-mode:multiply;
}
.product-card:hover .product-visual{box-shadow:0 25px 46px rgba(21,46,83,.14),0 0 30px rgba(255,198,71,.14)}
.product-copy{padding:20px 4px 0;border:0;background:transparent}
.product-formula{margin:0 0 8px;color:#6f839f;font-size:11px;font-weight:850;letter-spacing:.17em}
.product-copy h3{font-size:23px;letter-spacing:-.025em}
.product-amount{margin-top:5px}
.product-price{font-size:20px}
.add-button{margin-top:20px;border-radius:999px;background:#0b315f;color:#fff;border-color:#0b315f}
.add-button:hover{background:#144b84;color:#fff;border-color:#144b84}

/* A clean featured-product rail: large product photography, immediate labels, and one clear action. */
.product-grid{
  display:flex;
  gap:22px;
  overflow-x:auto;
  padding:4px 2px 30px;
  scroll-snap-type:x mandatory;
  scrollbar-width:thin;
  scrollbar-color:#9ab7d6 #eaf1f8;
}
.product-card,.product-card:nth-child(4),.product-card:nth-child(5){
  flex:0 0 min(330px,80vw);
  border:1px solid #e0e9f2;
  border-radius:22px;
  background:#fff;
  padding:0 0 20px;
  overflow:hidden;
  box-shadow:0 15px 34px rgba(21,46,83,.09);
  scroll-snap-align:start;
}
.product-card:hover{box-shadow:0 24px 46px rgba(21,46,83,.14)}
.product-visual{aspect-ratio:4 / 5;border:0;border-radius:0;box-shadow:none}
.product-visual::after{
  background:
    radial-gradient(ellipse 42% 82% at 50% -15%,rgba(255,213,111,.68) 0%,rgba(255,226,154,.28) 34%,rgba(255,255,255,0) 71%),
    linear-gradient(180deg,rgba(255,237,181,.20),rgba(255,255,255,0) 55%);
  mix-blend-mode:multiply;
}
.product-card:hover .product-visual{box-shadow:none}
.product-badge{position:absolute;z-index:2;left:14px;bottom:14px;padding:7px 10px;border:1px solid rgba(15,48,91,.13);border-radius:999px;background:rgba(255,255,255,.92);color:#173b68;font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 5px 13px rgba(17,44,79,.09)}
.product-copy{padding:20px 20px 0}
.product-copy h3{font-size:22px}
.product-formula{font-size:10px}
.add-button{margin-top:20px;min-height:48px}

@media(max-width:900px){
  .hero{min-height:720px}
  .hero-video{object-position:54% center}
  .hero-overlay{background:linear-gradient(0deg,rgba(6,35,64,.68) 0%,rgba(6,35,64,.04) 39%,transparent 60%)}
  .hero-content{width:calc(100% - 44px);max-width:none;margin:0 22px 36px;padding:0;flex-wrap:wrap;gap:16px}
  .hero h1{font-size:clamp(36px,8vw,54px)}
  .comic-bubble{left:22px;top:8%;max-width:230px}.hero-product-float{bottom:130px}
  .signal-strip{grid-template-columns:repeat(3,1fr)}
  .product-grid{gap:18px}
}
@media(max-width:620px){
  .hero{min-height:680px}
  .hero-video{object-position:55% center}
  .hero-content{width:calc(100% - 32px);margin:0 16px 24px;display:grid}
  .hero h1{font-size:38px;white-space:normal}
  .hero-content>.button-primary{width:max-content;min-height:46px;padding-inline:18px}
  .comic-bubble{left:16px;top:8%;max-width:200px;padding:15px 16px;border-width:3px;font-size:21px}.comic-bubble:after{border-width:3px}.hero-product-float{bottom:105px;gap:3px;width:96vw}.hero-mini-vial{width:15vw}.hero-mini-vial img{border-radius:10px}.hero-mini-vial span{font-size:7px}
  .signal-strip{grid-template-columns:1fr}.signal-strip>div{min-height:58px;border-right:0}
  .catalog-section{padding-top:74px;padding-bottom:90px}.catalog-section .section-heading{margin-bottom:34px}
  .product-grid{gap:14px;padding-bottom:24px}.product-card,.product-card:nth-child(4),.product-card:nth-child(5){flex-basis:82vw;border-radius:17px}.product-visual{border-radius:0}.product-copy{padding:16px 16px 0}
  .product-formula{font-size:9px}.product-copy h3{font-size:18px}.product-price{font-size:17px}
  .add-button{min-height:42px;margin-top:14px;padding-inline:12px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){
  .hero-video{display:none}
}

/* Mascot launch: one real stage composition, then a direct cut to the catalog. */
.stage-mascot-intro{display:grid;place-items:center;background:radial-gradient(ellipse at 50% 44%,#241a12 0%,#090a0e 56%,#050507 100%);isolation:isolate;animation:intro-out .35s cubic-bezier(.4,0,.2,1) 1.78s forwards}
.stage-mascot-intro:before,.stage-mascot-intro:after{display:none}
.stage-mascot-art{width:100%;height:100%;object-fit:contain;object-position:center;background:#07080b;animation:mascot-stage-impact 2.1s linear both}
.stage-front-curtain{position:absolute;z-index:6;inset-block:0;width:52%;pointer-events:none;background:repeating-linear-gradient(96deg,#3d0610 0 9%,#7e1121 9% 19%,#4f0814 19% 30%,#a92335 30% 38%,#570813 38% 49%);box-shadow:0 0 38px rgba(0,0,0,.72),inset 0 0 34px rgba(255,121,125,.12);animation:stage-curtain-open .4s cubic-bezier(.19,.77,.2,1) .02s forwards}.stage-front-curtain:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.05),transparent 28%,rgba(0,0,0,.26) 72%,transparent);opacity:.7}.stage-front-curtain-left{left:0;transform-origin:left center;border-right:5px solid #d5a048}.stage-front-curtain-right{right:0;transform:scaleX(-1);transform-origin:right center;border-right:5px solid #d5a048;animation-name:stage-curtain-open-right}
.stage-water-label{position:absolute;z-index:2;top:56.7%;left:50%;width:clamp(132px,15vw,212px);min-height:clamp(62px,7vw,94px);display:grid;align-content:center;justify-items:center;gap:2px;transform:translateX(-50%) rotate(-.4deg);padding:7px 8px;border:1px solid rgba(164,119,35,.75);border-radius:3px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(250,241,213,.93));color:#142b4a;box-shadow:0 7px 17px rgba(31,16,2,.27);font-weight:900;line-height:1;text-align:center;text-shadow:none}
.stage-water-label span{font-size:clamp(7px,.74vw,10px);letter-spacing:.12em}.stage-water-label strong{font-size:clamp(12px,1.45vw,21px);letter-spacing:-.045em}.stage-water-label small{font-size:clamp(7px,.72vw,10px);font-weight:800;letter-spacing:.14em}
.mascot-stage-tags{position:absolute;z-index:2;left:50%;bottom:7%;width:min(750px,76vw);display:flex;justify-content:space-between;gap:8px;transform:translateX(-50%);pointer-events:none}.mascot-stage-tags span{padding:5px 8px;border:1px solid rgba(255,225,158,.34);border-radius:999px;background:rgba(9,15,26,.58);color:#fff5d8;box-shadow:0 7px 18px rgba(0,0,0,.25);backdrop-filter:blur(7px);font-size:clamp(8px,.8vw,11px);font-weight:850;letter-spacing:.08em;white-space:nowrap}
@keyframes mascot-stage-arrive{0%{opacity:.55;transform:scale(1.045)}55%{opacity:1;transform:scale(1.01)}100%{opacity:1;transform:scale(1)}}
@keyframes mascot-stage-impact{0%,64%{transform:translateY(0) scale(1)}68%{transform:translateY(7px) scale(1.008)}72%{transform:translateY(-2px) scale(1.003)}78%,100%{transform:translateY(0) scale(1)}}
@keyframes stage-curtain-open{to{transform:translateX(-104%)}}@keyframes stage-curtain-open-right{to{transform:translateX(104%) scaleX(-1)}}
@media(max-width:620px){.stage-mascot-art{width:100vw;height:auto;max-height:72svh;object-position:center}.stage-water-label{top:50%;width:105px;min-height:48px;padding:4px}.stage-water-label span{font-size:6px}.stage-water-label strong{font-size:10px}.stage-water-label small{font-size:6px}.stage-front-curtain{width:53%}}
@media(prefers-reduced-motion:reduce){.stage-mascot-intro,.stage-mascot-art{animation:none}}

/* Product-first showcase with original PEP N' STEP branding. */
.catalog-section{max-width:none;padding:96px max(22px,calc((100vw - 1380px)/2)) 120px;background:#fff;color:#101c2d}
.catalog-heading{max-width:1380px;margin:0 auto 42px;align-items:flex-end}.catalog-heading h2{margin:7px 0 0;color:#101c2d;font-size:clamp(37px,4.2vw,60px);font-weight:850;letter-spacing:-.052em}.catalog-heading .section-kicker{color:#2373d1}.catalog-deck{max-width:610px;margin:14px 0 0;color:#66768b;font-size:16px;line-height:1.6}
.category-switch{border:1px solid #d8e1eb;background:#f7f9fc;box-shadow:none}.category-switch button{color:#64748a}.category-switch button.active{background:#0d1726;color:#fff}
.product-grid{display:flex;gap:22px;max-width:1380px;margin:0 auto;overflow-x:auto;padding:3px 2px 32px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#99b4d1 #edf2f7}
.product-card,.product-card:nth-child(4),.product-card:nth-child(5){flex:0 0 min(332px,82vw);overflow:hidden;border:1px solid #dce5ef;border-radius:24px;background:#fff;box-shadow:0 15px 38px rgba(27,50,78,.08);scroll-snap-align:start;transition:transform .22s ease,box-shadow .22s ease}.product-card:hover{transform:translateY(-5px);box-shadow:0 24px 48px rgba(27,50,78,.14)}
.product-visual{position:relative;height:auto;aspect-ratio:1/1.08;overflow:hidden;border:0;border-radius:0;background:linear-gradient(145deg,#f9fcff 0%,#eaf3ff 100%);box-shadow:none}.product-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 20%,rgba(255,222,140,.43),transparent 44%);pointer-events:none}.product-visual:after{display:none}.product-visual img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;transform:scale(1.13);filter:drop-shadow(0 20px 19px rgba(34,57,87,.17))}.product-card:hover .product-visual{box-shadow:none}.product-badge{z-index:2;left:15px;bottom:15px;padding:7px 10px;border:1px solid rgba(15,48,91,.12);border-radius:999px;background:rgba(255,255,255,.94);color:#173b68;font-size:10px;font-weight:850;letter-spacing:.07em;box-shadow:0 5px 13px rgba(17,44,79,.09)}
.product-copy{padding:21px 21px 22px;border:0;background:#fff}.product-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.product-copy h3{margin:0;color:#101c2d;font-size:23px;font-weight:850;letter-spacing:-.03em}.product-amount{margin:5px 0 0;color:#77869a;font-size:13px;font-weight:760;letter-spacing:.09em}.product-price{color:#176fe2;font-size:23px;font-weight:900;letter-spacing:-.025em}.product-category-label{margin:15px 0 0;color:#7b8797;font-size:14px}.product-formula{display:none}.add-button{width:100%;min-height:49px;margin-top:18px;justify-content:center;border:1px solid #0d1726;border-radius:999px;background:#0d1726;color:#fff;font-size:14px;font-weight:850}.add-button:hover{border-color:#176fe2;background:#176fe2;color:#fff}
@media(min-width:1180px){.product-card,.product-card:nth-child(4),.product-card:nth-child(5){flex-basis:calc((100% - 66px)/4)}}
@media(max-width:620px){.catalog-section{padding:70px 16px 86px}.catalog-heading{display:block;margin-bottom:30px}.catalog-heading h2{font-size:40px}.catalog-deck{font-size:15px}.category-switch{width:max-content;margin-top:24px}.product-grid{gap:14px;margin-right:-16px;padding-right:16px}.product-card,.product-card:nth-child(4),.product-card:nth-child(5){flex-basis:82vw;border-radius:20px}.product-copy{padding:18px}.product-copy h3{font-size:21px}.product-price{font-size:21px}}

/* The post-verification floating-vial hero mirrors the reference's composition, with original assets. */
.floating-showcase{position:relative;isolation:isolate;min-height:calc(100svh - 112px);overflow:hidden;background:radial-gradient(circle at 16% 76%,#d9f7e9 0%,rgba(202,242,225,.7) 18%,transparent 34%),radial-gradient(circle at 84% 70%,#ffe8aa 0%,rgba(255,221,139,.62) 17%,transparent 34%),linear-gradient(145deg,#eaf3ff 0%,#c9e0ff 43%,#9fc7f6 100%)}
.floating-showcase:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 50% 43%,rgba(255,255,255,.82),transparent 31%),linear-gradient(180deg,rgba(24,78,151,.14),transparent 28%,rgba(21,73,142,.12));backdrop-filter:blur(3px)}
.showcase-haze{position:absolute;inset:-12%;z-index:-1;background:radial-gradient(circle at 18% 28%,rgba(255,255,255,.62),transparent 20%),radial-gradient(circle at 82% 71%,rgba(28,109,214,.2),transparent 25%);filter:blur(30px)}
.floating-vial-field{position:absolute;inset:0}.floating-product{position:absolute;filter:drop-shadow(0 32px 28px rgba(28,66,112,.22));animation:showcase-drift 5.2s ease-in-out infinite;will-change:translate}.floating-product img{width:100%;height:100%;display:block;object-fit:contain;transform:scale(1.09)}
.floating-product-1{z-index:1;width:29vw;height:51vw;max-height:650px;left:-4%;top:3%;transform:rotate(-18deg);animation-delay:-1.3s}.floating-product-2{z-index:1;width:31vw;height:55vw;max-height:700px;right:-3%;top:-3%;transform:rotate(16deg);animation-delay:-3.7s}.floating-product-3{z-index:2;width:21vw;height:36vw;left:22%;bottom:-5%;transform:rotate(8deg);opacity:.94;animation-delay:-2.2s}.floating-product-4{z-index:3;width:23vw;height:39vw;left:2%;bottom:-5%;transform:rotate(-10deg);opacity:1;animation-delay:-4.5s}.floating-product-5{z-index:1;width:15vw;height:27vw;left:43%;top:-7%;transform:rotate(-7deg);opacity:.72;animation-delay:-.7s}.floating-product-6{z-index:3;width:22vw;height:37vw;right:4%;bottom:1%;transform:rotate(13deg);opacity:1;animation-delay:-5.1s}
.showcase-center{position:absolute;z-index:4;left:50%;top:52%;display:grid;justify-items:center;gap:12px;transform:translate(-50%,-50%)}.showcase-wordmark{margin-bottom:5px;color:#0f315c;font-size:14px;font-weight:900;letter-spacing:.24em;text-shadow:0 2px 15px rgba(255,255,255,.95)}.showcase-button{min-width:245px;min-height:54px;display:flex;align-items:center;justify-content:center;gap:11px;border:1px solid rgba(255,255,255,.68);border-radius:999px;background:rgba(20,56,99,.58);color:#fff;box-shadow:0 13px 28px rgba(18,59,110,.24),inset 0 1px 0 rgba(255,255,255,.32);backdrop-filter:blur(13px);font-size:13px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.showcase-button:hover{background:rgba(18,73,139,.78)}.showcase-proof{display:flex;align-items:center;gap:8px;padding:8px 13px;border:1px solid rgba(255,255,255,.62);border-radius:999px;background:rgba(255,255,255,.72);color:#174477;box-shadow:0 8px 20px rgba(31,76,128,.14);backdrop-filter:blur(11px);font-size:12px;font-weight:800}.showcase-proof i{width:7px;height:7px;border-radius:50%;background:#30c77d;box-shadow:0 0 0 4px rgba(48,199,125,.16)}.showcase-scroll{position:absolute;z-index:4;left:50%;bottom:25px;width:42px;height:42px;display:grid;place-items:center;transform:translateX(-50%);border:1px solid rgba(255,255,255,.68);border-radius:50%;background:rgba(255,255,255,.18);color:#fff;backdrop-filter:blur(9px)}
@keyframes showcase-drift{0%,100%{translate:0 10px}25%{translate:22px -22px}52%{translate:-12px -48px}78%{translate:-24px -12px}}

/* Tracks the exact label over the center walking vial as it advances. */
.stage-water-label{top:53.5%;width:clamp(92px,11vw,166px);min-height:clamp(45px,5.7vw,78px);border:0;background:transparent;box-shadow:none;animation:walking-label 1.35s cubic-bezier(.2,.68,.25,1) .05s both}
@keyframes walking-label{0%{top:53.5%;transform:translate(-50%,-18%) scale(.62)}48%{top:54.5%;transform:translate(-50%,-5%) scale(.76)}100%{top:58%;transform:translate(-50%,12%) scale(1)}}
@media(max-width:700px){.floating-showcase{min-height:calc(100svh - 100px)}.floating-product-1{width:57vw;height:86vw;left:-25%;top:12%}.floating-product-2{width:61vw;height:92vw;right:-27%;top:8%}.floating-product-3{width:39vw;height:57vw;left:31%;bottom:-7%}.floating-product-4{width:48vw;height:68vw;left:-10%;bottom:1%}.floating-product-5{width:30vw;height:47vw;left:35%;top:-7%}.floating-product-6{width:46vw;height:65vw;right:-8%;bottom:2%;opacity:1}.showcase-center{top:50%}.showcase-wordmark{font-size:12px}.showcase-button{min-width:218px;min-height:50px}.showcase-proof{font-size:11px}.stage-water-label{top:53.5%;width:88px;min-height:40px}.stage-water-label span{font-size:5px}.stage-water-label strong{font-size:9px}.stage-water-label small{font-size:5px}}

/* The stage intro occupies the hero itself instead of taking over the whole page. */
.hero-stack{position:relative;isolation:isolate;min-height:calc(100svh - 112px);overflow:hidden}.hero-stack .stage-intro{position:absolute;inset:0;z-index:8;width:100%;height:100%}.hero-stack .stage-mascot-art{width:100%;height:100%;max-height:none;object-fit:cover;object-position:center;background:transparent}
@media(max-width:700px){.hero-stack{min-height:calc(100svh - 100px)}.hero-stack .stage-mascot-art{width:100%;height:100%;max-height:none;object-fit:cover;object-position:center}}

/* Golden-hour surf lab theme */
:root{--background:#f4eee2;--foreground:#073c4c;--card:#fffaf0;--card-foreground:#073c4c;--popover:#fffdf7;--popover-foreground:#073c4c;--primary:#078da5;--primary-foreground:#fff;--secondary:#d9f2ee;--secondary-foreground:#07546a;--muted:#e8f3ef;--muted-foreground:#577985;--accent:#ff8b63;--accent-foreground:#fff;--border:#0b71851f;--input:#0b71852b;--ring:#11a9bc}
body{background:linear-gradient(180deg,#f9f4e9 0%,#edf8f5 48%,#fff9ed 100%);color:#073c4c;font-family:"Avenir Next","Trebuchet MS","Segoe UI",sans-serif}
.research-bar{background:linear-gradient(90deg,#063f59 0%,#087c96 45%,#09a9b5 72%,#f4aa61 100%);color:#fff8e9;box-shadow:none}.research-bar span{background:#ffd48d}
.site-header{background:rgba(255,250,239,.9);border-bottom:1px solid rgba(6,102,126,.16);box-shadow:0 8px 28px rgba(8,77,94,.08);backdrop-filter:blur(18px)}
.wordmark{color:#06465b}.wordmark-icon{border-color:#0c9fb1;background:linear-gradient(145deg,#e4faf5,#fff0cb);color:#078ca6;box-shadow:0 8px 22px rgba(8,143,165,.14)}
.desktop-nav{color:#4f7580}.desktop-nav a:hover{color:#ef7654}.cart-button{border-color:rgba(7,115,139,.2);background:rgba(255,255,255,.68);color:#07546a}.cart-count{background:linear-gradient(145deg,#ff9b69,#ef6f55);color:#fff}.mobile-menu-button{color:#07546a}.mobile-nav{background:#fffaf0;border-bottom-color:#b9ddd8}.mobile-nav a{color:#315f69;border-bottom-color:#d7ebe6}
.floating-showcase{background:radial-gradient(circle at 78% 18%,rgba(255,225,145,.95) 0 7%,rgba(255,207,111,.38) 8%,transparent 24%),linear-gradient(180deg,#8dd8df 0%,#bce9e4 45%,#eaf2cf 72%,#f3d8a4 100%)}
.floating-showcase:before{background:linear-gradient(180deg,rgba(3,97,127,.05),transparent 34%,rgba(255,255,255,.2)),repeating-radial-gradient(ellipse at 50% 112%,transparent 0 52px,rgba(255,255,255,.27) 53px 56px,transparent 57px 84px);backdrop-filter:none}
.showcase-haze{background:radial-gradient(circle at 18% 30%,rgba(255,255,255,.55),transparent 22%),radial-gradient(circle at 82% 67%,rgba(255,187,94,.2),transparent 28%)}
.showcase-wordmark{color:#06465b;text-shadow:0 2px 18px rgba(255,255,255,.9)}.showcase-button{border-color:rgba(255,255,255,.76);background:rgba(4,87,109,.72);box-shadow:0 15px 32px rgba(4,74,94,.2),inset 0 1px 0 rgba(255,255,255,.3)}.showcase-button:hover{background:#067f98}.showcase-proof{border-color:rgba(255,255,255,.72);background:rgba(255,251,238,.8);color:#07546a}.showcase-scroll{border-color:rgba(255,255,255,.75);background:rgba(7,126,149,.28)}
.signal-strip{background:#064c64;color:#fff;border:0}.signal-strip>div{border-right-color:rgba(255,255,255,.14)}.signal-strip svg{color:#ffd27f}.signal-strip strong{color:#fff}.signal-strip small{color:#bfe6e4}
.catalog-section{position:relative;background:linear-gradient(180deg,#fffaf0 0%,#f7edda 100%);color:#073c4c}.catalog-section:before{content:"";position:absolute;inset:0 0 auto;height:74px;background:radial-gradient(75px 22px at 50% 0,rgba(25,167,178,.11) 0 55%,transparent 58%) 0 0/150px 44px repeat-x;pointer-events:none}.catalog-heading{position:relative}.catalog-heading h2{color:#063f55}.catalog-heading .section-kicker{color:#e86f50}.catalog-deck,.section-description{color:#587782}.category-switch{border-color:#b9d9d4;background:rgba(255,255,255,.72);box-shadow:0 8px 22px rgba(5,91,106,.08)}.category-switch button{color:#587782}.category-switch button.active{background:linear-gradient(135deg,#057d98,#0eb5b4);color:#fff}
.product-card,.product-card:nth-child(4),.product-card:nth-child(5){border-color:#c8dfd8;background:#fffdf7;box-shadow:0 16px 38px rgba(9,73,84,.09)}.product-card:hover{box-shadow:0 25px 50px rgba(7,91,107,.16)}.product-visual{background:radial-gradient(circle at 72% 18%,rgba(255,213,124,.42),transparent 28%),linear-gradient(155deg,#e4f7f2 0%,#cdecea 58%,#f9e5bb 100%)}.product-visual:before{background:linear-gradient(175deg,rgba(255,255,255,.34),transparent 46%),repeating-radial-gradient(ellipse at 50% 112%,transparent 0 28px,rgba(255,255,255,.42) 29px 31px,transparent 32px 48px)}.product-copy{background:#fffdf7}.product-copy h3{color:#063f55}.product-price{color:#e66f50}.product-category-label{color:#6d898f}.product-badge{border-color:rgba(5,99,119,.16);background:rgba(255,253,247,.92);color:#07546a}.add-button{border-color:#07546a;background:#07546a;color:#fff}.add-button:hover{border-color:#ef7757;background:#ef7757;color:#fff}
.standards-section{background:linear-gradient(145deg,#d8f1ec 0%,#ebf7ee 52%,#f8e3bd 100%);color:#073c4c}.standards-intro>p:last-child,.standards-list p{color:#557681}.standards-list article{border-color:rgba(7,112,132,.14);background:rgba(255,253,245,.72);box-shadow:0 10px 28px rgba(5,80,95,.06)}.standards-list article>span,.standards-list svg{color:#ef7654}
.faq-section{max-width:none;padding-inline:max(20px,calc((100vw - 1230px)/2));background:linear-gradient(180deg,#f8f1e4,#fffaf1);color:#073c4c}.faq-grid details{border-color:#bfdad4;background:rgba(255,255,255,.78);box-shadow:0 10px 28px rgba(8,77,91,.06)}.faq-grid details p{color:#587782}.faq-grid summary svg{color:#ef7654}.final-cta{background:radial-gradient(circle at 80% 10%,rgba(255,224,138,.6),transparent 28%),linear-gradient(125deg,#056c88,#0eb1b5 60%,#f19a62);box-shadow:0 30px 70px rgba(5,104,123,.22)}.final-cta .section-kicker{color:#ffe6ab}
footer{background:linear-gradient(160deg,#053a50,#022536);border-top:6px solid #ef9a60}.footer-main h3,.footer-main>div:first-child p,.footer-main a:not(.wordmark),.footer-main button{color:#bcdedc}.footer-main .wordmark{color:#fff9e9}.footer-bottom{border-top-color:rgba(255,255,255,.13);color:#8fbdbe}
.age-dialog{border-color:rgba(7,120,143,.2);background:linear-gradient(160deg,#fffdf6,#eaf7f2)!important;box-shadow:0 35px 100px rgba(2,61,77,.3)}.brand-mark{border-color:#61c6c8;color:#087e98;background:linear-gradient(145deg,#dcf6ef,#ffe5a9)}.gate-enter,.button-primary{background:linear-gradient(135deg,#087e98,#0db0b2);box-shadow:0 12px 28px rgba(7,126,152,.2)}.gate-enter:hover,.button-primary:hover{background:linear-gradient(135deg,#ef7958,#f3a45d)}
.cart-sheet{background:#fffdf7!important;color:#073c4c}.cart-line{border-color:#c9dfd9;background:#f2faf6}.cart-footer{border-top-color:#c9dfd9;background:#eef8f4}.quantity-control button{background:#e1f3ef;color:#07546a}
@media(max-width:900px){.site-header{background:rgba(255,250,239,.94)}.signal-strip>div{border-bottom-color:rgba(255,255,255,.14)}}

/* Product-led coastal storefront expansion */
.promo-tide{min-height:34px;display:flex;align-items:center;justify-content:center;gap:12px;padding:7px 18px;background:#f4ac62;color:#073c4c;font-size:10px;font-weight:900;letter-spacing:.13em;text-align:center}.promo-tide i{width:5px;height:5px;border-radius:50%;background:#fff4d5}
.researcher-reviews{padding:110px 0;overflow:hidden;background:#064d3b;color:#fff}.review-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin:0 max(22px,calc((100vw - 1380px)/2)) 44px}.review-heading h2{max-width:680px;margin:7px 0 0;font-size:clamp(38px,4.4vw,64px);line-height:1;letter-spacing:-.055em}.review-heading .section-kicker{color:#e2c46e}.expectations-toggle{min-height:44px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 17px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(255,255,255,.08);color:#f3fbf6;font-size:13px;font-weight:800;cursor:pointer;transition:.18s ease}.expectations-toggle:hover{background:rgba(255,255,255,.14);transform:translateY(-1px)}
.expectations-viewport{width:100%;overflow-x:auto;padding:2px 0 28px;scrollbar-width:none}.expectations-viewport::-webkit-scrollbar{display:none}.expectations-track{width:max-content;display:flex;will-change:transform;animation:expectations-scroll 72s linear infinite}.expectations-track.paused,.expectations-track:hover,.expectations-track:focus-within{animation-play-state:paused}.expectations-group{display:flex;gap:18px;padding:0 18px 0 max(22px,calc((100vw - 1380px)/2))}.expectation-card{width:min(370px,78vw);min-height:280px;display:flex;flex-direction:column;box-sizing:border-box;padding:28px;border:1px solid rgba(255,255,255,.16);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.115),rgba(255,255,255,.045));box-shadow:0 20px 42px rgba(1,47,34,.25)}.expectation-card header{display:flex;align-items:center;justify-content:space-between;gap:14px}.expectation-card header span{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:rgba(110,209,168,.13);color:#6ed1a8}.expectation-card header small{padding:7px 10px;border:1px solid rgba(229,197,104,.3);border-radius:999px;color:#e8d590;font-size:11px;font-weight:850;letter-spacing:.11em}.expectation-card h3{margin:34px 0 12px;color:#fff;font-size:24px;line-height:1.1;letter-spacing:-.035em}.expectation-card p{margin:0;color:#c8e2d6;font-size:16px;line-height:1.62}.expectation-card>div{display:flex;align-items:center;gap:7px;margin-top:auto;padding-top:24px;color:#e7d591;font-size:12px;font-weight:850;letter-spacing:.08em}.expectation-card>div svg{color:#6ed1a8}
@keyframes expectations-scroll{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.expectations-track{animation:none}}
.proof-section{display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(55px,8vw,125px);padding:120px max(22px,calc((100vw - 1320px)/2));background:linear-gradient(140deg,#e3f5f1,#fff8e9 55%,#f6ddb0);color:#073c4c}.proof-copy{align-self:center}.proof-copy h2{max-width:520px;margin:8px 0 22px;font-size:clamp(44px,5vw,72px);line-height:.96;letter-spacing:-.06em}.proof-copy>p:last-of-type{max-width:530px;color:#557681;font-size:17px;line-height:1.7}.proof-copy>a{display:inline-flex;align-items:center;gap:9px;margin-top:28px;color:#e36e4f;font-size:14px;font-weight:850}.proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.proof-grid article{min-height:235px;padding:27px;border:1px solid rgba(7,96,114,.13);border-radius:20px;background:rgba(255,255,255,.68);box-shadow:0 14px 34px rgba(6,71,83,.07)}.proof-grid svg{width:29px;height:29px;color:#e97954}.proof-grid strong{display:block;margin:27px 0 10px;font-size:20px}.proof-grid p{margin:0;color:#5a7881;font-size:14px;line-height:1.65}
.pathways-section{padding:115px max(22px,calc((100vw - 1320px)/2));background:#fffdf7}.pathways-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:60px;margin-bottom:45px}.pathways-heading h2{margin:7px 0 0;color:#063f55;font-size:clamp(40px,4.6vw,66px);line-height:.98;letter-spacing:-.055em}.pathways-heading>p:last-child{max-width:480px;margin:0;color:#607e86;font-size:16px;line-height:1.7}.pathway-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.pathway-grid>a{min-height:260px;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr;align-items:start;gap:18px;padding:25px;border:1px solid #cfe1dc;border-radius:20px;background:linear-gradient(150deg,#f0faf7,#e1f1ec 58%,#f8e7bf);color:#073c4c;transition:transform .2s,box-shadow .2s}.pathway-grid>a:hover{transform:translateY(-5px);box-shadow:0 20px 42px rgba(6,79,92,.12)}.pathway-grid>a>span{font-size:11px;font-weight:900;letter-spacing:.13em;color:#dd7052}.pathway-grid>a>svg:nth-of-type(1){width:33px;height:33px;color:#078da5}.pathway-grid>a>svg:last-child{justify-self:end;width:18px}.pathway-grid>a>div{grid-column:1/-1;align-self:end;display:grid;gap:8px}.pathway-grid strong{font-size:22px}.pathway-grid small{color:#5b7881;font-size:13px}
.newsletter-section{display:flex;align-items:center;justify-content:space-between;gap:48px;padding:76px max(22px,calc((100vw - 1320px)/2));background:linear-gradient(110deg,#f5dca8,#fff2cf 42%,#d8f2ec);color:#073c4c}.newsletter-section>div{display:flex;align-items:center;gap:22px}.newsletter-section>div>span{width:60px;height:60px;display:grid;place-items:center;border-radius:50%;background:#087f99;color:#fff}.newsletter-section h2{margin:5px 0;color:#073c4c;font-size:clamp(28px,3vw,44px);letter-spacing:-.04em}.newsletter-section p{margin:0;color:#5a7881}.newsletter-section form{width:min(480px,100%);display:flex;padding:5px;border:1px solid rgba(7,83,101,.18);border-radius:999px;background:rgba(255,255,255,.82);box-shadow:0 12px 30px rgba(7,74,89,.09)}.newsletter-section input{min-width:0;flex:1;padding:0 18px;border:0;outline:0;background:transparent;color:#073c4c;font-size:15px}.newsletter-section button{min-height:48px;display:flex;align-items:center;gap:8px;padding:0 20px;border:0;border-radius:999px;background:#07546a;color:#fff;font-size:13px;font-weight:850;cursor:pointer}
.footer-main{grid-template-columns:1.45fr repeat(3,1fr)}
@media(max-width:900px){.proof-section{grid-template-columns:1fr}.pathways-heading{grid-template-columns:1fr;gap:20px}.pathway-grid{grid-template-columns:1fr}.newsletter-section{align-items:flex-start;flex-direction:column}.footer-main{grid-template-columns:1fr 1fr}.review-heading{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.promo-tide{font-size:8px;letter-spacing:.09em}.researcher-reviews{padding:78px 0}.review-heading{align-items:flex-start;margin:0 16px 30px}.review-heading h2{font-size:40px}.expectations-toggle{min-height:42px}.expectations-group{padding-left:16px}.expectation-card{width:min(330px,84vw);min-height:285px;padding:24px}.expectation-card h3{margin-top:28px;font-size:22px}.expectation-card p{font-size:15px}.proof-section{padding:82px 16px;gap:40px}.proof-copy h2{font-size:46px}.proof-grid{grid-template-columns:1fr}.proof-grid article{min-height:190px}.pathways-section{padding:82px 16px}.pathways-heading h2{font-size:43px}.pathway-grid>a{min-height:210px}.newsletter-section{padding:68px 16px;gap:30px}.newsletter-section>div{align-items:flex-start}.newsletter-section>div>span{width:50px;height:50px;flex:0 0 auto}.newsletter-section form{border-radius:18px;display:grid;gap:8px;padding:8px}.newsletter-section input{min-height:48px}.newsletter-section button{justify-content:center}.footer-main{grid-template-columns:1fr}}

/* Amino Club-inspired researcher gate, rebuilt for PEP N' STEP. */
[data-slot="dialog-overlay"]{background:#f4f8f8;backdrop-filter:none}
.age-dialog{width:calc(100vw - 34px)!important;max-width:512px!important;gap:0;padding:32px;border:1px solid #dfe6e6!important;border-radius:16px;background:#fff!important;color:#172033!important;box-shadow:0 26px 65px rgba(24,64,67,.13)!important;overflow:visible}
.gate-title{margin:0;color:#192237;font-size:30px;line-height:1.1;font-weight:820;letter-spacing:-.042em}.gate-description{max-width:none;margin:7px 0 17px;color:#596477;font-size:14px;line-height:1.5}.gate-checks{gap:14px}.gate-check{min-height:46px;grid-template-columns:17px 1fr;gap:11px;padding:12px 16px;border:1px solid #e0e3e7;border-radius:9px;background:#fff;box-shadow:none}.gate-check:hover,.gate-check.checked{border-color:#b5c7c9;background:#fbfdfd;box-shadow:none}.gate-check>span{width:17px;height:17px;border:1px solid #9ca6ae;border-radius:3px}.gate-check.checked>span{border-color:#16859c;background:#16859c}.gate-check svg{width:11px}.gate-check p{color:#30394a;font-size:14px;line-height:1.42}.gate-check p strong{color:#20283a}.gate-enter{width:100%;min-height:44px;margin-top:23px;border-radius:999px;background:#064f67;color:#fff;font-size:14px;box-shadow:none}.gate-enter:hover{background:#087d95}.gate-enter:disabled{background:#d2dde6;color:#758294}.gate-legal{margin:25px 0 0;padding-top:0;color:#737f91;font-size:11px;line-height:1.6}.gate-exit{position:absolute;left:50%;bottom:-42px;transform:translateX(-50%);width:max-content;margin:0;color:#697789;font-size:12px;text-decoration:none}.gate-exit:hover{text-decoration:underline;text-underline-offset:3px}
@media(max-width:620px){.age-dialog{padding:28px 20px!important}.gate-title{font-size:27px}.gate-description{font-size:13px}.gate-check{padding:12px}.gate-check p{font-size:13px}.gate-enter{margin-top:18px}.gate-legal{margin-top:20px;font-size:10px}.gate-exit{bottom:-36px}}

/* Branded floating-vial scene above the verification card. */
.age-dialog{top:59%!important}.age-dialog>*:not(.gate-sky){position:relative;z-index:2}.gate-sky{position:absolute;z-index:1;left:50%;top:-250px;width:min(920px,100vw);height:230px;transform:translateX(-50%);pointer-events:none}.gate-sky-brand{position:absolute;left:50%;top:45px;display:grid;justify-items:center;transform:translateX(-50%);color:#07364c;line-height:.8;text-align:center;text-shadow:0 7px 26px rgba(255,255,255,.95)}.gate-sky-brand span{font-size:22px;font-weight:650;letter-spacing:.22em}.gate-sky-brand strong{font-size:64px;font-weight:950;letter-spacing:-.065em}.gate-sky-brand small{margin-top:13px;color:#557582;font-size:9px;font-weight:900;letter-spacing:.24em}.gate-floating-vial{position:absolute;width:78px;height:108px;object-fit:contain;filter:drop-shadow(0 16px 14px rgba(15,70,82,.16));animation:gate-vial-rise 4.6s ease-in-out infinite}.gate-floating-vial-1{left:13%;top:18px;transform:rotate(-13deg);animation-delay:-.7s}.gate-floating-vial-2{right:14%;top:3px;transform:rotate(15deg);animation-delay:-2.3s}.gate-floating-vial-3{left:29%;top:138px;width:66px;height:90px;transform:rotate(10deg);animation-delay:-1.5s}.gate-floating-vial-4{right:28%;top:133px;width:65px;height:90px;transform:rotate(-11deg);animation-delay:-3.2s}.gate-floating-vial-5{left:3%;top:132px;width:57px;height:79px;transform:rotate(17deg);animation-delay:-4s}@keyframes gate-vial-rise{0%,100%{translate:0 12px}50%{translate:0 -13px}}
@media(max-width:620px){.age-dialog{top:60.5%!important}.gate-sky{top:-216px;width:100vw;height:205px}.gate-sky-brand{top:46px}.gate-sky-brand span{font-size:16px}.gate-sky-brand strong{font-size:50px}.gate-sky-brand small{margin-top:10px;font-size:7px}.gate-floating-vial{width:55px;height:78px}.gate-floating-vial-1{left:7%;top:24px}.gate-floating-vial-2{right:7%;top:12px}.gate-floating-vial-3{left:22%;top:132px;width:46px;height:65px}.gate-floating-vial-4{right:20%;top:128px;width:47px;height:66px}.gate-floating-vial-5{display:none}}
@media(max-height:720px){.age-dialog{top:54%!important}.gate-sky{top:-165px;transform:translateX(-50%) scale(.76);transform-origin:bottom center}}

/* PEP N' STEP single-product hero: one premium vial, one readable action. */
.floating-showcase{background:radial-gradient(circle at 80% 16%,rgba(255,221,133,.85) 0 6%,rgba(255,196,91,.26) 7%,transparent 24%),linear-gradient(135deg,#d6f4ee 0%,#a8e4e0 42%,#72c9da 72%,#edd19d 100%)}.floating-showcase:before{background:linear-gradient(90deg,rgba(255,255,255,.12),transparent 45%),repeating-radial-gradient(ellipse at 50% 112%,transparent 0 56px,rgba(255,255,255,.24) 57px 60px,transparent 61px 92px)}.hero-vial-stage{position:absolute;z-index:1;left:42%;top:50%;width:min(66vw,910px);height:min(92vh,920px);transform:translate(-50%,-50%) rotate(-17deg);filter:drop-shadow(0 44px 38px rgba(4,55,73,.24));animation:hero-vial-float 6s ease-in-out infinite;will-change:transform}.hero-vial-stage img{width:100%;height:100%;display:block;object-fit:contain;mix-blend-mode:multiply;filter:contrast(1.05) saturate(.94)}.hero-vial-stage:after{content:"";position:absolute;left:31%;right:24%;bottom:7%;height:8%;border-radius:50%;background:rgba(4,69,89,.18);filter:blur(20px);transform:rotate(14deg)}.hero-vial-glint{position:absolute;top:17%;left:36%;width:8%;height:57%;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.72),rgba(255,255,255,0));filter:blur(7px);opacity:.68;transform:rotate(5deg);animation:hero-glint 6s ease-in-out infinite}.showcase-center{z-index:3;left:68%;top:53%;min-width:300px}.showcase-wordmark{font-size:16px;letter-spacing:.28em}.showcase-button{min-width:260px;background:rgba(5,69,91,.76)}@keyframes hero-vial-float{0%,100%{transform:translate(-50%,-48%) rotate(-17deg)}50%{transform:translate(-50%,-53%) rotate(-14.5deg)}}@keyframes hero-glint{0%,100%{opacity:.34;translate:-8px 10px}50%{opacity:.78;translate:10px -8px}}
@media(max-width:900px){.hero-vial-stage{left:43%;top:43%;width:min(91vw,720px);height:71vh}.showcase-center{left:50%;top:76%;min-width:0}.showcase-wordmark{font-size:13px}}
@media(max-width:620px){.floating-showcase{min-height:calc(100svh - 100px)}.hero-vial-stage{left:42%;top:38%;width:118vw;height:64vh;transform:translate(-50%,-50%) rotate(-15deg)}.showcase-center{top:76%;width:100%;padding:0 20px}.showcase-button{min-width:225px}.hero-vial-stage:after{bottom:4%}@keyframes hero-vial-float{0%,100%{transform:translate(-50%,-48%) rotate(-15deg)}50%{transform:translate(-50%,-53%) rotate(-12.5deg)}}}
@media(prefers-reduced-motion:reduce){.hero-vial-stage,.hero-vial-glint{animation:none}}

/* Kinetic catalog collage: every complete vial crosses the hero on its own lane. */
.kinetic-vial-collage{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}
.kinetic-vial{position:absolute;left:-34vw;width:var(--vial-size);height:calc(var(--vial-size) * 1.42);top:var(--vial-top);object-fit:contain;opacity:var(--vial-opacity,1);filter:drop-shadow(0 30px 28px rgba(4,55,73,.22));animation:collage-cross-right var(--vial-speed) linear infinite;animation-delay:var(--vial-delay);will-change:transform}
.kinetic-vial:nth-child(even){left:112vw;animation-name:collage-cross-left}
.kinetic-vial img{display:block;width:100%;height:100%;object-fit:contain;filter:contrast(1.04) saturate(.98)}
.kinetic-vial-1{--vial-size:26vw;--vial-top:3%;--vial-speed:19s;--vial-delay:-4s;--vial-tilt:-15deg;z-index:3}
.kinetic-vial-2{--vial-size:21vw;--vial-top:47%;--vial-speed:22s;--vial-delay:-13s;--vial-tilt:12deg;z-index:2}
.kinetic-vial-3{--vial-size:17vw;--vial-top:6%;--vial-speed:17s;--vial-delay:-11s;--vial-tilt:9deg;--vial-opacity:.88;z-index:1}
.kinetic-vial-4{--vial-size:28vw;--vial-top:31%;--vial-speed:23s;--vial-delay:-2s;--vial-tilt:-10deg;z-index:3}
.kinetic-vial-5{--vial-size:18vw;--vial-top:56%;--vial-speed:18s;--vial-delay:-8s;--vial-tilt:-7deg;--vial-opacity:.92;z-index:2}
.kinetic-vial-6{--vial-size:23vw;--vial-top:-7%;--vial-speed:21s;--vial-delay:-18s;--vial-tilt:14deg;z-index:2}
.showcase-center{z-index:5;left:50%;top:50%;min-width:300px;padding:24px 28px;border:1px solid rgba(255,255,255,.5);border-radius:32px;background:radial-gradient(circle at 50% 25%,rgba(255,255,255,.82),rgba(255,250,234,.53) 70%,rgba(255,255,255,.28));box-shadow:0 22px 65px rgba(4,74,94,.13);backdrop-filter:blur(16px)}
.showcase-scroll{z-index:6}
@keyframes collage-cross-right{0%{transform:translate3d(0,16px,0) rotate(var(--vial-tilt)) scale(.94)}24%{transform:translate3d(42vw,-15px,0) rotate(calc(var(--vial-tilt) + 5deg)) scale(1)}52%{transform:translate3d(88vw,12px,0) rotate(calc(var(--vial-tilt) - 3deg)) scale(1.04)}76%{transform:translate3d(126vw,-24px,0) rotate(calc(var(--vial-tilt) + 4deg)) scale(.99)}100%{transform:translate3d(160vw,10px,0) rotate(var(--vial-tilt)) scale(.94)}}
@keyframes collage-cross-left{0%{transform:translate3d(0,-10px,0) rotate(var(--vial-tilt)) scale(.94)}24%{transform:translate3d(-40vw,20px,0) rotate(calc(var(--vial-tilt) - 5deg)) scale(1)}52%{transform:translate3d(-88vw,-12px,0) rotate(calc(var(--vial-tilt) + 3deg)) scale(1.04)}76%{transform:translate3d(-128vw,22px,0) rotate(calc(var(--vial-tilt) - 4deg)) scale(.99)}100%{transform:translate3d(-160vw,-8px,0) rotate(var(--vial-tilt)) scale(.94)}}
@media(max-width:700px){.kinetic-vial{left:-72vw;height:calc(var(--vial-size) * 1.5)}.kinetic-vial:nth-child(even){left:118vw}.kinetic-vial-1{--vial-size:54vw;--vial-top:4%}.kinetic-vial-2{--vial-size:46vw;--vial-top:51%}.kinetic-vial-3{--vial-size:37vw;--vial-top:10%}.kinetic-vial-4{--vial-size:57vw;--vial-top:35%}.kinetic-vial-5{--vial-size:40vw;--vial-top:62%}.kinetic-vial-6{--vial-size:49vw;--vial-top:-5%}.showcase-center{top:50%;width:min(82vw,330px);min-width:0;padding:20px 16px;border-radius:26px}.showcase-wordmark{font-size:12px}.showcase-button{min-width:218px}.showcase-proof{font-size:11px}@keyframes collage-cross-right{0%{transform:translate3d(0,12px,0) rotate(var(--vial-tilt))}50%{transform:translate3d(96vw,-18px,0) rotate(calc(var(--vial-tilt) + 5deg))}100%{transform:translate3d(205vw,10px,0) rotate(var(--vial-tilt))}}@keyframes collage-cross-left{0%{transform:translate3d(0,-10px,0) rotate(var(--vial-tilt))}50%{transform:translate3d(-101vw,18px,0) rotate(calc(var(--vial-tilt) - 5deg))}100%{transform:translate3d(-205vw,-8px,0) rotate(var(--vial-tilt))}}}
@media(prefers-reduced-motion:reduce){.kinetic-vial{animation-play-state:paused}.kinetic-vial-1{transform:translate3d(18vw,0,0) rotate(-12deg)}.kinetic-vial-2{transform:translate3d(-35vw,0,0) rotate(10deg)}.kinetic-vial-3{transform:translate3d(72vw,0,0) rotate(8deg)}.kinetic-vial-4{transform:translate3d(-78vw,0,0) rotate(-9deg)}.kinetic-vial-5{transform:translate3d(94vw,0,0) rotate(-6deg)}.kinetic-vial-6{transform:translate3d(-102vw,0,0) rotate(13deg)}}

/* Keep the complete photographed vial—especially pale caps and label stock—while optically removing its white studio sweep. */
.kinetic-vial img,.gate-floating-vial{mix-blend-mode:normal;clip-path:none}
.kinetic-vial img{filter:drop-shadow(0 22px 18px rgba(4,55,73,.2)) contrast(1.04) saturate(1.01)}

/* The curtains reveal only the Step Water lead; the baked-in supporting mascots stay concealed in the wings. */
.stage-front-curtain{width:54%;animation-name:stage-curtain-stepwater-only}
.stage-front-curtain-right{animation-name:stage-curtain-stepwater-only-right}
@keyframes stage-curtain-stepwater-only{to{transform:translateX(-25%)}}
@keyframes stage-curtain-stepwater-only-right{to{transform:translateX(25%) scaleX(-1)}}
@media(max-width:620px){.stage-front-curtain{width:55%}@keyframes stage-curtain-stepwater-only{to{transform:translateX(-66%)}}@keyframes stage-curtain-stepwater-only-right{to{transform:translateX(66%) scaleX(-1)}}}

/* Give the Step Water lead enough room to remain whole while the supporting cast stays behind the curtain wings. */
@keyframes stage-curtain-stepwater-only{to{transform:translateX(-43%)}}
@keyframes stage-curtain-stepwater-only-right{to{transform:translateX(43%) scaleX(-1)}}
@keyframes mascot-stage-impact{0%,64%{transform:translateY(0) scale(1.35)}68%{transform:translateY(7px) scale(1.36)}72%{transform:translateY(-2px) scale(1.355)}78%,100%{transform:translateY(0) scale(1.35)}}
@media(max-width:620px){@keyframes stage-curtain-stepwater-only{to{transform:translateX(-66%)}}@keyframes stage-curtain-stepwater-only-right{to{transform:translateX(66%) scaleX(-1)}}@keyframes mascot-stage-impact{0%,64%{transform:translateY(0) scale(1.08)}68%{transform:translateY(6px) scale(1.09)}72%{transform:translateY(-2px) scale(1.085)}78%,100%{transform:translateY(0) scale(1.08)}}}

/* One clean presentation step, then a quick dissolve into the product hero. */
.stage-mascot-intro{animation:intro-out .3s cubic-bezier(.4,0,.2,1) 2.5s forwards}

/* Mobile presents the full 16:9 stage instead of cropping it into a portrait close-up. */
@media(max-width:700px){
  .hero-stack .stage-mascot-intro{background:radial-gradient(circle at 50% 50%,#0b6149 0%,#043d2e 52%,#02271f 100%)}
  .hero-stack .stage-mascot-art{width:100%;height:100%;max-height:none;object-fit:contain;object-position:50% 50%;transform:scale(.98);background:transparent}
}

/* Coastal emerald identity: preserve the stage and product motion, rebuild the storefront around them. */
:root{--background:#f7fbf7;--foreground:#073f32;--card:#fff;--card-foreground:#073f32;--popover:#fff;--popover-foreground:#073f32;--primary:#087456;--primary-foreground:#fff;--secondary:#e8f6ef;--secondary-foreground:#073f32;--muted:#edf7f1;--muted-foreground:#58756a;--accent:#d8f1e5;--accent-foreground:#073f32;--border:#c9e3d6;--input:#c9e3d6;--ring:#19a879}
body{background:linear-gradient(180deg,#f8fcf8 0%,#fff 42%,#eff8f2 100%);color:#073f32}
.research-bar{background:#075a46;color:#fff;box-shadow:none}.research-bar span{background:#d9b65f}
.promo-tide{background:#e9f5ec;color:#07533f;border-bottom:1px solid #d4e9dc}.promo-tide i{background:#c9a84d}
.site-header{background:rgba(252,255,252,.92);border-bottom-color:#d9e9df;box-shadow:0 8px 28px rgba(4,84,61,.07)}
.wordmark{color:#064d3b}.wordmark sup{color:#169d72}.wordmark-icon{border-color:#2aa77f;background:linear-gradient(145deg,#fff,#dff4e9);color:#087456;box-shadow:0 8px 22px rgba(8,116,86,.13)}
.desktop-nav{color:#4c6f62}.desktop-nav a:hover{color:#087456}.cart-button{border-color:#bedecd;background:#eef8f2;color:#064d3b;box-shadow:0 7px 18px rgba(8,116,86,.09)}.cart-count{background:#087456;color:#fff}.mobile-menu-button{color:#07533f}.mobile-nav{background:#fbfffc;border-bottom-color:#d5e9de}.mobile-nav a{color:#315e4e;border-bottom-color:#e2efe8}
.floating-showcase{background:radial-gradient(circle at 82% 14%,rgba(239,204,112,.9) 0 5%,rgba(226,184,78,.22) 7%,transparent 24%),radial-gradient(circle at 10% 80%,rgba(255,255,255,.72),transparent 27%),linear-gradient(135deg,#eaf8ef 0%,#bcebd4 39%,#70c9a7 72%,#d8bf77 112%)}
.floating-showcase:before{background:linear-gradient(90deg,rgba(255,255,255,.18),transparent 48%),repeating-radial-gradient(ellipse at 50% 112%,transparent 0 56px,rgba(255,255,255,.25) 57px 60px,transparent 61px 92px)}
.showcase-haze{background:radial-gradient(circle at 18% 28%,rgba(255,255,255,.68),transparent 21%),radial-gradient(circle at 82% 72%,rgba(5,117,83,.2),transparent 27%)}
.kinetic-vial{filter:drop-shadow(0 30px 28px rgba(3,74,52,.22))}.kinetic-vial img{filter:drop-shadow(0 22px 18px rgba(3,74,52,.2)) contrast(1.04) saturate(1.01)}
.showcase-center{border-color:rgba(255,255,255,.62);background:radial-gradient(circle at 50% 20%,rgba(255,255,255,.9),rgba(242,251,245,.64) 70%,rgba(255,255,255,.34));box-shadow:0 22px 65px rgba(4,92,67,.14)}
.showcase-wordmark{color:#07533f}.showcase-button{background:rgba(5,91,67,.86);box-shadow:0 13px 28px rgba(4,80,59,.24),inset 0 1px 0 rgba(255,255,255,.28)}.showcase-button:hover{background:#087456}.showcase-proof{color:#07533f;box-shadow:0 8px 20px rgba(4,91,66,.12)}.showcase-proof i{background:#28b77f}.showcase-scroll{background:rgba(5,91,67,.25)}
.signal-strip{border-color:#c9e4d6;background:rgba(255,255,255,.94);box-shadow:0 26px 58px rgba(5,91,67,.13)}.signal-strip>div{border-right-color:#dbece3}.signal-strip svg{color:#118a65}.signal-strip strong{color:#064d3b}.signal-strip small{color:#648276}
.shipping-message-strip{display:flex;justify-content:center}
.shipping-message-strip>div{width:100%;min-height:82px;justify-content:center;border:0;padding:22px 28px;text-align:center}
.shipping-message-strip strong{font-size:clamp(13px,1.35vw,17px);letter-spacing:.075em;line-height:1.65}
.shipping-message-strip strong b{margin-inline:.45em;color:#c49c3d;font-weight:900}
@media(max-width:620px){.shipping-message-strip>div{min-height:104px;padding:20px 18px}.shipping-message-strip strong{font-size:12px;letter-spacing:.055em;line-height:1.8}.shipping-message-strip strong b{margin-inline:.2em}}
.catalog-section{background:#fbfefb;color:#073f32}.catalog-heading h2,.product-copy h3{color:#073f32}.catalog-heading .section-kicker,.section-kicker{color:#128764}.catalog-deck,.product-category-label{color:#607a70}.category-switch{border-color:#d2e5da;background:#eef7f2}.category-switch button{color:#60776e}.category-switch button.active{background:#075a46;color:#fff}
.product-grid{scrollbar-color:#72b99e #e8f3ed}.product-card,.product-card:nth-child(4),.product-card:nth-child(5){border-color:#d8e9df;box-shadow:0 15px 38px rgba(5,73,54,.08)}.product-card:hover{box-shadow:0 24px 48px rgba(5,73,54,.14)}.product-visual{background:linear-gradient(145deg,#fbfefc 0%,#e7f5ed 100%)}.product-visual:before{background:radial-gradient(circle at 50% 18%,rgba(233,200,111,.43),transparent 45%)}.product-copy{background:#fff}.product-price{color:#087456}.product-badge{border-color:rgba(6,86,63,.13);color:#07533f}.add-button{border-color:#075a46;background:#075a46}.add-button:hover{border-color:#109873;background:#109873}
.proof-section{background:linear-gradient(140deg,#e3f5ea,#fffdf5 55%,#efe0ad);color:#064d3b}.proof-copy>p:last-of-type,.proof-grid p{color:#58766a}.proof-copy>a,.proof-grid svg{color:#b48d2f}.proof-grid article{border-color:rgba(7,112,81,.14);box-shadow:0 14px 34px rgba(5,86,63,.07)}
.pathways-section{background:#fbfefb}.pathways-heading h2,.pathway-grid>a{color:#064d3b}.pathways-heading>p:last-child,.pathway-grid small{color:#5b776d}.pathway-grid>a{border-color:#cde4d7;background:linear-gradient(150deg,#f3fbf6,#e1f2e8 58%,#f2e5ba)}.pathway-grid>a>span{color:#a9842c}.pathway-grid>a>svg:nth-of-type(1){color:#0c8c66}
.standards-section{background:linear-gradient(135deg,#f0f9f3,#fffdf7 56%,#e6f3eb);color:#073f32}.standards-list article{border-color:#cfe5d9;background:rgba(255,255,255,.8)}.standards-list article>span,.standards-list svg{color:#0e8b65}.standards-list p,.standards-intro>p:last-child{color:#59756a}
.faq-section{color:#073f32}.faq-grid details{border-color:#d2e7dc;background:#fff;box-shadow:0 10px 30px rgba(5,84,61,.06)}.faq-grid details p{color:#5e796f}.faq-grid summary svg{color:#118a65}.final-cta{background:linear-gradient(120deg,#075a46 0%,#15956d 68%,#d6b85b 130%);box-shadow:0 30px 70px rgba(5,91,67,.2)}
.newsletter-section{background:linear-gradient(110deg,#e6f3e9,#fffdf5 48%,#eee0ae);color:#064d3b}.newsletter-section>div>span,.newsletter-section button{background:#075a46}.newsletter-section h2{color:#064d3b}.newsletter-section p{color:#5c786d}.newsletter-section form{border-color:#c9e1d5}
footer{background:linear-gradient(155deg,#064d3b,#032d24);border-top:0}.footer-main h3,.footer-main>div:first-child p,.footer-main a:not(.wordmark),.footer-main button{color:#c5dfd2}.footer-main .wordmark{color:#fff}.footer-bottom{border-top-color:rgba(255,255,255,.13);color:#91b8a6}
.gate-sky-brand{color:#064d3b}.gate-sky-brand small{color:#54766a}.gate-enter,.button-primary{background:#075a46;box-shadow:0 12px 28px rgba(5,91,67,.2)}.gate-enter:hover,.button-primary:hover{background:#109873}.gate-check.checked>span{border-color:#118a65;background:#118a65}
.cart-sheet{background:#fbfefb!important;color:#073f32}.cart-line{border-color:#d2e5da;background:#f0f8f3}.cart-footer{border-top-color:#d2e5da;background:#eaf5ee}.quantity-control button{background:#dff1e7;color:#075a46}
.cart-addon{display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:13px;padding:13px;border:1px solid #c8e2d4;border-radius:15px;background:linear-gradient(135deg,#f5fcf7,#e6f5ec);box-shadow:0 10px 26px rgba(5,91,67,.08)}
.cart-addon-visual{width:72px;height:86px;display:grid;place-items:center;border-radius:11px;background:rgba(255,255,255,.78);overflow:hidden}.cart-addon-visual img{width:68px;height:82px;object-fit:contain;filter:drop-shadow(0 8px 8px rgba(5,70,52,.13))}
.cart-addon-copy{min-width:0}.cart-addon-copy>span{display:inline-block;margin-bottom:5px;padding:4px 7px;border-radius:999px;background:#d6b75c;color:#163e31;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.cart-addon-copy h3{margin:0;color:#073f32;font-size:14px}.cart-addon-copy h3 small{color:#658075;font-size:10px;font-weight:800}.cart-addon-copy p{margin:4px 0 0;color:#668077;font-size:10px;line-height:1.35}
.cart-addon-action{display:grid;justify-items:end;gap:10px}.cart-addon-action strong{color:#075a46;font-size:15px}.cart-addon-action button{display:flex;align-items:center;gap:4px;min-height:34px;padding:0 11px;border:0;border-radius:999px;background:#075a46;color:#fff;font-size:11px;font-weight:850;cursor:pointer}.cart-addon-action button:hover{background:#109873}
@media(max-width:420px){.cart-addon{grid-template-columns:58px minmax(0,1fr) auto;gap:9px;padding:10px}.cart-addon-visual{width:58px;height:74px}.cart-addon-visual img{width:56px;height:70px}.cart-addon-copy p{display:none}.cart-addon-action button{padding:0 9px}}

/* Mobile stage framing: equal curtain wings and a centered, wider view of the full scene. */
@media(max-width:700px){
  .stage-front-curtain-left{left:0;right:auto}
  .stage-front-curtain-right{left:auto;right:0;transform:none;border-left:5px solid #d5a048;border-right:0}
  @keyframes stage-curtain-stepwater-only{to{transform:translateX(-66%)}}
  @keyframes stage-curtain-stepwater-only-right{to{transform:translateX(66%)}}
  @keyframes mascot-stage-impact{
    0%,64%{transform:translateY(0) scale(.9)}
    68%{transform:translateY(4px) scale(.91)}
    72%{transform:translateY(-1px) scale(.905)}
    78%,100%{transform:translateY(0) scale(.9)}
  }
  .hero-stack .stage-mascot-art{object-position:center center;transform:scale(.9)}
}

/* Product detail listings: spacious research-product presentation with the site's emerald tint. */
.product-detail-overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:14px;background:rgba(4,31,24,.54);backdrop-filter:blur(6px)}
.product-detail-dialog{position:relative}
.product-detail-gallery-count{position:absolute;z-index:3;top:18px;right:18px;padding:8px 12px;border-radius:999px;background:rgba(6,58,44,.82);color:#fff;font-size:12px;font-weight:850;letter-spacing:.08em}
.product-detail-dots{position:absolute;z-index:3;left:50%;bottom:18px;display:flex;transform:translateX(-50%)}.product-detail-dots span{width:26px;height:7px;border-radius:99px;background:#d7b75a}.product-detail-subtitle{margin:0 0 12px;color:#55736a;font-size:15px;font-style:italic;line-height:1.3}
@media(max-width:780px){.product-detail-overlay{place-items:stretch;padding:0;backdrop-filter:none}.product-detail-overlay .product-detail-dialog{position:relative!important;inset:auto!important;width:100%!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;overflow:hidden!important;border:0!important;border-radius:0!important}.product-detail-gallery-count{top:14px;right:14px}.product-detail-subtitle{font-size:14px}}
.product-visual-button{width:100%;padding:0;border:0;text-align:inherit;cursor:pointer}.product-visual-button:focus-visible{outline:3px solid rgba(17,138,101,.35);outline-offset:-3px}.product-card-actions{display:grid;grid-template-columns:.82fr 1.18fr;gap:9px;margin-top:16px}.product-card-actions .add-button{margin-top:0}.product-details-button{min-height:46px;border:1px solid #bedbcd;border-radius:999px;background:#f1f8f4;color:#075a46;font-size:12px;font-weight:850;letter-spacing:.035em;cursor:pointer}.product-details-button:hover{border-color:#16936e;background:#e5f4ec}
.product-detail-dialog{box-sizing:border-box;width:min(1120px,calc(100vw - 30px))!important;max-width:1120px!important;max-height:calc(100svh - 28px);gap:0!important;padding:0!important;overflow:hidden;border:1px solid #cee4d8!important;border-radius:26px!important;background:#fbfefb!important;color:#073f32!important;box-shadow:0 34px 95px rgba(3,61,45,.24)!important}.product-detail-scroll{box-sizing:border-box;width:100%;min-width:0;max-height:calc(100svh - 28px);overflow-x:hidden;overflow-y:auto;padding:29px}.product-detail-back{display:inline-flex;align-items:center;gap:9px;margin:0 0 22px;padding:9px 2px;border:0;background:transparent;color:#587168;font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;cursor:pointer}.product-detail-back:hover{color:#075a46}.product-detail-layout{width:100%;min-width:0;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);gap:27px;align-items:stretch}.product-detail-stage{position:relative;min-width:0;min-height:610px;display:grid;place-items:center;overflow:hidden;border:1px solid #cbe3d7;border-radius:26px;background:radial-gradient(circle at 22% 18%,rgba(255,255,255,.95),transparent 27%),radial-gradient(circle at 75% 70%,color-mix(in srgb,var(--detail-color) 20%,transparent),transparent 44%),linear-gradient(145deg,#eff9f2 0%,#ccebd9 48%,#8bcbaa 100%);isolation:isolate}.product-detail-stage:before{content:"";position:absolute;inset:-20%;z-index:-1;background:repeating-radial-gradient(circle at 50% 50%,transparent 0 58px,rgba(255,255,255,.24) 59px 62px,transparent 63px 98px);transform:rotate(-12deg)}.product-detail-glow{position:absolute;top:8%;left:11%;width:50%;height:42%;border-radius:50%;background:radial-gradient(circle,rgba(236,205,119,.5),transparent 68%);filter:blur(10px)}.product-detail-stage img{position:relative;z-index:1;width:min(78%,430px);height:540px;object-fit:contain;transform:rotate(-8deg);filter:drop-shadow(0 34px 27px rgba(3,67,49,.25))}.product-detail-card{min-width:0;align-self:stretch;padding:34px;border:1px solid #d7e6de;border-radius:26px;background:rgba(255,255,255,.96);box-shadow:0 18px 45px rgba(4,77,56,.07)}.product-detail-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.product-detail-heading h2{margin:0;color:#062f25;font-size:clamp(32px,4vw,50px);line-height:.95;letter-spacing:-.055em}.product-detail-heading>div{display:grid;justify-items:end;gap:3px}.product-detail-heading span{color:#6b7e76;font-size:10px;font-weight:850;letter-spacing:.2em}.product-detail-heading strong{color:#063f30;font-size:29px;line-height:1}.product-detail-tags{display:flex;flex-wrap:wrap;gap:8px;margin:27px 0}.product-detail-tags span{padding:9px 14px;border:1px solid #cddfd6;border-radius:999px;color:#536b62;font-size:11px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.product-detail-description{margin:0;color:#526a61;font-size:17px;line-height:1.6}.product-detail-field{display:grid;justify-items:start;gap:12px;margin-top:34px}.product-detail-field>span,.product-detail-quantity-row>span{color:#4f665d;font-size:11px;font-weight:850;letter-spacing:.2em}.product-detail-size{min-width:112px;min-height:52px;padding:0 20px;border:2px solid #0d8c66;border-radius:999px;background:#e8f6ee;color:#075a46;font-size:15px;font-weight:850}.product-detail-quantity-row{display:flex;align-items:center;gap:25px;margin-top:30px}.product-detail-quantity{height:58px;display:grid;grid-template-columns:52px 50px 52px;align-items:center;border:1px solid #c9ded3;border-radius:13px;overflow:hidden}.product-detail-quantity button{height:100%;display:grid;place-items:center;border:0;background:#f2f8f4;color:#075a46;cursor:pointer}.product-detail-quantity strong{text-align:center;font-size:16px}.product-detail-restriction{margin:31px 0 17px;padding:14px 16px;border-left:3px solid #c7a34c;background:#f8f7ec;color:#637068;font-size:12px;line-height:1.45}.product-detail-add{width:100%;min-height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border:0;border-radius:999px;background:#075a46;color:#fff;font-size:14px;font-weight:850;cursor:pointer}.product-detail-add:hover{background:#0d8e68}.product-detail-add span{font-size:15px}.product-detail-mobile-bar{display:none}
@media(max-width:780px){[data-slot="dialog-content"].product-detail-dialog{position:fixed!important;inset:0!important;width:100dvw!important;height:100dvh!important;max-width:100dvw!important;max-height:100dvh!important;margin:0!important;translate:none!important;transform:none!important;overflow:hidden!important;border:0!important;border-radius:0!important}.product-detail-scroll{height:100dvh;max-height:100dvh;overscroll-behavior:contain;padding:18px 16px 112px}.product-detail-back{margin-bottom:13px}.product-detail-layout{display:block}.product-detail-stage{width:100%;min-height:0;height:55dvh;max-height:540px;border-radius:22px}.product-detail-stage img{width:78%;height:90%;transform:rotate(-8deg)}.product-detail-card{width:100%;margin-top:18px;padding:25px 20px 30px;border-radius:22px}.product-detail-heading h2{font-size:34px}.product-detail-heading strong{font-size:25px}.product-detail-tags{margin:22px 0 19px}.product-detail-description{font-size:16px}.product-detail-add{display:none}.product-detail-mobile-bar{position:absolute;z-index:5;left:0;right:0;bottom:0;width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 16px calc(13px + env(safe-area-inset-bottom));border-top:1px solid #d6e6de;background:rgba(251,254,251,.96);box-shadow:0 -12px 35px rgba(4,75,55,.1);backdrop-filter:blur(16px)}.product-detail-mobile-bar>div{min-width:0;display:grid;gap:3px}.product-detail-mobile-bar strong,.product-detail-mobile-bar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-detail-mobile-bar strong{font-size:14px}.product-detail-mobile-bar span{color:#62786f;font-size:11px}.product-detail-mobile-bar button{flex:0 0 auto;min-height:46px;padding:0 22px;border:0;border-radius:999px;background:#075a46;color:#fff;font-size:13px;font-weight:850}}

/* Minimal hero action: centered slightly lower without a separate card surface. */
.showcase-center{
  top:57%;
  min-width:0;
  gap:10px;
  padding:0;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
  backdrop-filter:none;
}
.showcase-wordmark{margin:0}
.showcase-button{min-width:230px}
@media(max-width:700px){
  .showcase-center{top:59%;width:auto;padding:0}
}

/* Seamless announcement ribbons. */
.marquee-banner{display:block;overflow:hidden;padding-inline:0;white-space:nowrap}
.marquee-track{width:max-content;display:flex;align-items:center;animation:announcement-scroll 28s linear infinite;will-change:transform}
.marquee-track-reverse{animation-direction:reverse;animation-duration:24s}
.marquee-group{display:flex;flex-shrink:0;align-items:center}
.marquee-group span,
.research-bar .marquee-group span{width:auto;height:auto;display:inline-flex;align-items:center;background:none;border-radius:0;opacity:1}
.marquee-group span::after{content:"";width:5px;height:5px;margin:0 38px;border-radius:50%;background:#d9b65f;box-shadow:0 0 0 3px rgba(217,182,95,.12)}
.promo-tide .marquee-group span::after{background:#c9a84d}
@keyframes announcement-scroll{to{transform:translateX(-50%)}}
@media(max-width:620px){
  .marquee-track{animation-duration:22s}
  .marquee-track-reverse{animation-duration:19s}
  .marquee-group span::after{margin-inline:25px}
}
@media(prefers-reduced-motion:reduce){.marquee-track{animation-play-state:paused}}

/* Product-detail experience: PEP N' STEP's emerald version of a premium research catalog. */
.product-detail-dialog{width:min(1220px,calc(100vw - 28px))!important;max-width:1220px!important}
.product-detail-scroll{padding:28px 30px 44px}
.product-detail-layout{grid-template-columns:minmax(0,1.02fr) minmax(410px,.98fr);align-items:start}
.product-detail-stage{position:sticky;top:0;min-height:690px}
.product-detail-stage img{height:610px}
.product-detail-card{padding:32px}
.product-detail-sku{margin:12px 0 0;color:#82978f;font-size:10px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}
.product-detail-tags{margin:22px 0}
.product-detail-field{margin-top:27px}
.product-detail-pricing{margin-top:28px;padding:19px;border:1px solid #cfe3d8;border-radius:18px;background:linear-gradient(145deg,#f8fcf9,#edf7f1)}
.product-detail-pricing-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:13px}
.product-detail-pricing-title>span{color:#164b3c;font-size:11px;font-weight:900;letter-spacing:.13em}
.product-detail-pricing-title small{color:#6f857d;font-size:10px}
.product-detail-third-offer{position:relative;overflow:hidden;background:linear-gradient(145deg,#f5fcf8,#e4f5eb)}
.product-detail-third-offer::after{content:"60%";position:absolute;right:-9px;bottom:-17px;color:rgba(8,116,86,.07);font-size:76px;font-weight:950;letter-spacing:-.07em;pointer-events:none}
.product-detail-third-offer p{position:relative;z-index:1;margin:0;color:#587268;font-size:12px;line-height:1.55}
.product-detail-third-offer>button{position:relative;z-index:1;min-height:40px;margin-top:14px;padding:0 17px;border:0;border-radius:999px;background:#087456;color:#fff;font-size:11px;font-weight:900;cursor:pointer;box-shadow:0 8px 18px rgba(8,116,86,.15)}
.product-detail-tier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.product-detail-tier-grid button{min-width:0;min-height:76px;display:grid;place-content:center;gap:4px;padding:10px 8px;border:1px solid #c5ddd1;border-radius:14px;background:#fff;color:#315f51;text-align:center;cursor:pointer;transition:.18s ease}
.product-detail-tier-grid button:hover{border-color:#51a689;transform:translateY(-1px)}
.product-detail-tier-grid button.active{border-color:#087456;background:#087456;color:#fff;box-shadow:0 11px 22px rgba(8,116,86,.2)}
.product-detail-tier-grid button strong{font-size:14px}.product-detail-tier-grid button span{font-size:9px;font-weight:750;line-height:1.2}
.product-detail-quantity-row{margin-top:22px}
.product-detail-total{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-top:22px;padding-top:19px;border-top:1px solid #dceae3}
.product-detail-total>div{display:grid;gap:4px}.product-detail-total span{color:#4f665d;font-size:10px;font-weight:900;letter-spacing:.16em}.product-detail-total small{color:#15825f;font-size:11px;font-weight:800}.product-detail-total>strong{color:#063f30;font-size:30px;line-height:1}
.product-detail-benefits{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:20px}
.product-detail-benefits>div{min-width:0;display:flex;align-items:center;gap:9px;padding:12px;border:1px solid #d8e9df;border-radius:13px;background:#fbfefc}
.product-detail-benefits svg{width:19px;flex:0 0 auto;color:#138362}.product-detail-benefits span{min-width:0;display:grid;gap:2px}.product-detail-benefits strong{color:#154c3d;font-size:10px;line-height:1.2}.product-detail-benefits small{color:#70857d;font-size:8px;line-height:1.3}
.shipping-cutoff-card{margin-top:14px;padding:18px;border:1px solid #c9ded3;border-radius:20px;background:linear-gradient(145deg,#f8fdf9,#edf8f1);box-shadow:0 12px 28px rgba(6,81,58,.07)}
.shipping-cutoff-main{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px}.shipping-cutoff-main>svg{width:25px;height:25px;color:#0c8b64}.shipping-cutoff-main>div{min-width:0;display:grid;gap:4px}.shipping-cutoff-main strong{color:#073f32;font-size:16px;line-height:1.2}.shipping-cutoff-main span{color:#687e75;font-size:12px;line-height:1.4}.shipping-cutoff-countdown{min-width:94px;padding:9px 10px;border-radius:11px;background:#087456;color:#fff;font-variant-numeric:tabular-nums;font-size:15px;font-weight:900;letter-spacing:.06em;text-align:center;box-shadow:0 8px 18px rgba(8,116,86,.16)}
.shipping-cutoff-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;margin-top:16px;padding-top:15px;border-top:1px solid #d5e7dd}.shipping-cutoff-meta span{display:flex;align-items:center;gap:7px;color:#46675c;font-size:12px;font-weight:750;line-height:1.35}.shipping-cutoff-meta span:last-child{grid-column:1/-1}.shipping-cutoff-meta svg{width:15px;height:15px;flex:0 0 auto;color:#15906b}
.product-detail-restriction{margin-top:20px}
.product-information-tabs{gap:0!important;margin-top:28px}
.product-information-tab-list{width:100%;height:auto!important;justify-content:flex-start!important;gap:7px!important;padding:6px!important;border:1px solid #cfe3d8;border-radius:18px!important;background:#edf7f1!important}
.product-information-tab-list button{min-height:46px;flex:0 1 auto!important;padding:0 22px!important;border-radius:13px!important;color:#527067!important;font-size:13px!important;font-weight:850!important;cursor:pointer}
.product-information-tab-list button[data-state="active"]{background:#087456!important;color:#fff!important;box-shadow:0 8px 18px rgba(8,116,86,.16)!important}
.product-information-tabs [data-slot="tabs-content"]{margin:0}
.product-information-tabs .product-detail-information{margin-top:18px}
.product-detail-information{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:24px;margin-top:28px}
.product-detail-copy-block,.product-detail-coa{padding:34px;border:1px solid #d2e5da;border-radius:25px;background:#fff}
.product-detail-copy-block>.section-kicker{margin:0 0 7px}.product-detail-copy-block>h3{margin:0 0 23px;color:#062f25;font-size:31px;letter-spacing:-.035em}
.product-detail-copy-block>ul{display:grid;gap:13px;margin:0 0 27px;padding:0;list-style:none}.product-detail-copy-block>ul li{display:flex;align-items:flex-start;gap:10px;color:#4f685f;font-size:14px;line-height:1.5}.product-detail-copy-block>ul svg{flex:0 0 auto;margin-top:2px;color:#0a8a64}
.product-detail-copy-block details{border-top:1px solid #dceae3}.product-detail-copy-block details:last-child{border-bottom:1px solid #dceae3}.product-detail-copy-block summary{display:flex;align-items:center;justify-content:space-between;padding:18px 0;color:#174c3d;font-size:13px;font-weight:850;cursor:pointer;list-style:none}.product-detail-copy-block summary::-webkit-details-marker{display:none}.product-detail-copy-block details[open] summary svg{transform:rotate(180deg)}.product-detail-copy-block details ul{display:grid;gap:9px;margin:0 0 20px;padding-left:18px;color:#61786f;font-size:13px;line-height:1.5}.product-detail-copy-block details p{margin:0 0 20px;color:#61786f;font-size:13px;line-height:1.6}
.product-detail-coa{background:linear-gradient(155deg,#073f32,#0b6f54);color:#fff;box-shadow:0 20px 45px rgba(4,73,54,.14)}
.product-detail-coa-heading{display:flex;align-items:center;gap:13px}.product-detail-coa-heading>svg{width:34px;height:34px;color:#dabe6b}.product-detail-coa-heading span{color:#b8dbce;font-size:9px;font-weight:900;letter-spacing:.18em}.product-detail-coa-heading h3{margin:3px 0 0;color:#fff;font-size:18px}
.product-detail-purity{display:grid;justify-items:center;margin:30px 0;padding:27px 18px;border:1px solid rgba(255,255,255,.16);border-radius:19px;background:rgba(255,255,255,.075)}.product-detail-purity strong{font-size:48px;line-height:1;letter-spacing:-.045em}.product-detail-purity span{margin-top:6px;color:#cbe4da;font-size:10px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}
.product-detail-coa dl{margin:0}.product-detail-coa dl div{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.12)}.product-detail-coa dt{color:#acd3c4;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.product-detail-coa dd{margin:0;color:#fff;font-size:12px;font-weight:750;text-align:right}.product-detail-coa>p{margin:22px 0 0;color:#c7dfd6;font-size:10px;line-height:1.55}
.product-detail-coa-pending{margin-top:30px;padding:24px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:rgba(255,255,255,.07)}.product-detail-coa-pending span{color:#e5ce86;font-size:11px;font-weight:900;letter-spacing:.13em}.product-detail-coa-pending p{margin:10px 0 0;color:#d3e5de;font-size:12px;line-height:1.55}
.product-reference-panel{margin-top:18px;padding:34px;border:1px solid #d2e5da;border-radius:25px;background:linear-gradient(145deg,#fbfefc,#f1f9f4)}
.product-reference-panel>header{display:grid;gap:6px}.product-reference-panel>header .section-kicker{margin:0}.product-reference-panel>header h3{margin:0;color:#062f25;font-size:31px;letter-spacing:-.035em}.product-reference-panel>header>span{color:#71877f;font-size:13px}
.product-reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:25px}
.product-reference-grid article{min-width:0;display:flex;flex-direction:column;padding:22px;border:1px solid #cfe2d7;border-radius:19px;background:#fff;box-shadow:0 10px 28px rgba(5,76,55,.06)}
.product-reference-grid article>p{margin:0 0 11px;color:#11805e;font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.product-reference-grid h4{margin:0;color:#103e32;font-size:17px;line-height:1.35;letter-spacing:-.015em}
.product-reference-grid article>div{display:grid;gap:4px;margin:14px 0 20px;color:#71857d;font-size:12px;line-height:1.45}
.product-reference-grid a{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:16px;border-top:1px solid #dfebe5;color:#087456;font-size:12px;font-weight:900;text-decoration:none}.product-reference-grid a:hover{color:#0aa077}

@media(max-width:900px){
  .product-detail-layout{grid-template-columns:minmax(0,.9fr) minmax(380px,1.1fr)}
  .product-detail-stage{min-height:610px}.product-detail-stage img{height:540px}
  .product-detail-card{padding:27px 24px}
  .product-detail-benefits{grid-template-columns:1fr}
}
@media(max-width:780px){
  .product-detail-dialog{width:100%!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important}
  .product-detail-scroll{height:100dvh;max-height:100dvh;padding:17px 15px 116px}
  .product-detail-layout{display:block}.product-detail-stage{position:relative;height:53dvh;min-height:390px;max-height:510px}
  .product-detail-stage img{width:82%;height:90%}
  .product-detail-card{margin-top:14px;padding:24px 19px 28px}
  .product-detail-sku{font-size:9px;overflow-wrap:anywhere}
  .product-detail-tier-grid{gap:7px}.product-detail-tier-grid button{min-height:70px;padding-inline:5px}.product-detail-tier-grid button strong{font-size:13px}
  .product-information-tabs{margin-top:14px}.product-information-tab-list{padding:5px!important}.product-information-tab-list button{min-height:43px;flex:1 1 0!important;padding:0 9px!important;font-size:12px!important}.product-information-tabs .product-detail-information{margin-top:12px}
  .product-detail-information{display:block;margin-top:14px}.product-detail-copy-block,.product-detail-coa{padding:25px 20px;border-radius:22px}.product-detail-coa{margin-top:14px}
  .product-reference-panel{margin-top:12px;padding:24px 18px;border-radius:22px}.product-reference-panel>header h3{font-size:27px}.product-reference-grid{grid-template-columns:1fr;margin-top:20px}.product-reference-grid article{padding:19px}.product-reference-grid h4{font-size:16px}
  .product-detail-copy-block>h3{font-size:27px}
}
@media(max-width:420px){
  .product-detail-pricing{padding:15px 12px}.product-detail-pricing-title{align-items:flex-start;flex-direction:column;gap:3px}
  .product-detail-tier-grid button span{font-size:8px}.product-detail-heading{gap:10px}.product-detail-heading h2{font-size:31px}.product-detail-heading strong{font-size:22px}
  .product-detail-total>strong{font-size:27px}
  .shipping-cutoff-main{grid-template-columns:auto minmax(0,1fr)}.shipping-cutoff-countdown{grid-column:1/-1;width:100%;box-sizing:border-box}.shipping-cutoff-meta{grid-template-columns:1fr}.shipping-cutoff-meta span:last-child{grid-column:auto}
}

/* Selectable vial strengths, including clear unavailable states. */
.product-detail-size-options{display:flex;flex-wrap:wrap;gap:9px}
.product-detail-size{min-width:104px;min-height:58px;display:grid;place-content:center;gap:2px;padding:7px 16px;border:1px solid #c9ded3;background:#fff;transition:.18s ease;cursor:pointer}
.product-detail-size strong{font-size:14px}.product-detail-size small{color:#758b82;font-size:9px;font-weight:750;letter-spacing:.04em}
.product-detail-size:hover:not(:disabled){border-color:#4aa384;transform:translateY(-1px)}
.product-detail-size.active{border:2px solid #0d8c66;background:#e8f6ee;color:#075a46;box-shadow:0 8px 18px rgba(8,116,86,.1)}
.product-detail-size.active small{color:#337863}
.product-detail-size.sold-out{position:relative;border-style:dashed;background:#f3f6f4;color:#8a9892;opacity:.78;cursor:not-allowed}
.product-detail-size.sold-out:after{content:"";position:absolute;left:11px;right:11px;top:50%;height:1px;background:#aab6b1;transform:rotate(-11deg)}
.product-detail-size.sold-out small{position:relative;z-index:1;color:#6f7d77;font-weight:900;text-transform:uppercase}
@media(max-width:420px){.product-detail-size{min-width:91px;padding-inline:11px}}

/* Two-image product gallery: original cutout plus a premium studio photograph. */
.product-detail-carousel{position:absolute!important;inset:0;z-index:1;width:100%;height:100%}
.product-detail-carousel [data-slot="carousel-content"],.product-detail-carousel [data-slot="carousel-content"]>div{height:100%}
.product-detail-carousel [data-slot="carousel-content"]>div{margin-left:0!important}
.product-detail-slide{height:100%;display:grid!important;place-items:center;padding-left:0!important}
.product-detail-stage img.product-detail-main-image{position:relative;z-index:1;width:min(78%,430px);height:88%;object-fit:contain;transform:rotate(-8deg);filter:drop-shadow(0 34px 27px rgba(3,67,49,.25))}
.product-detail-stage img.product-detail-gallery-image{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;transform:none;filter:none}
.product-detail-gallery-arrow{z-index:5!important;width:44px!important;height:44px!important;border:1px solid rgba(255,255,255,.76)!important;background:rgba(255,255,255,.88)!important;color:#075a46!important;box-shadow:0 10px 30px rgba(4,52,39,.18)!important;backdrop-filter:blur(8px)}
.product-detail-gallery-arrow:hover{background:#fff!important}
.product-detail-gallery-arrow-left{left:18px!important}
.product-detail-gallery-arrow-right{right:18px!important}
.product-detail-dots{gap:7px}
.product-detail-dots button{width:9px;height:9px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.72);box-shadow:0 1px 6px rgba(3,45,34,.18);cursor:pointer;transition:width .2s ease,background .2s ease}
.product-detail-dots button.active{width:28px;background:#d7b75a}

@media(max-width:780px){
  .product-detail-stage img.product-detail-main-image{width:78%;height:88%}
  .product-detail-gallery-arrow{width:40px!important;height:40px!important}
  .product-detail-gallery-arrow-left{left:12px!important}
  .product-detail-gallery-arrow-right{right:12px!important}
}

/* Batch-document viewer: concise summary first, untouched source document second. */
.product-detail-view-coa{width:100%;min-height:50px;display:flex;align-items:center;justify-content:center;gap:9px;margin-top:21px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:#fff;color:#075a46;font-size:13px;font-weight:900;cursor:pointer;transition:.18s ease}.product-detail-view-coa:hover{background:#eaf7f0;transform:translateY(-1px)}.product-detail-view-coa svg:last-child{margin-left:auto;margin-right:17px}.product-detail-view-coa svg:first-child{margin-left:17px}
.coa-viewer-overlay{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:18px;background:rgba(2,22,17,.78);backdrop-filter:blur(10px)}
.coa-viewer{width:min(1100px,calc(100vw - 36px));height:min(94dvh,980px);display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;overflow:hidden;border:1px solid #cce1d6;border-radius:27px;background:#f8fcf9;color:#073f32;box-shadow:0 42px 120px rgba(0,23,17,.38)}
.coa-viewer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:24px 28px 19px;border-bottom:1px solid #d8e8df;background:#fff}.coa-viewer-header>div{min-width:0}.coa-viewer-header span{color:#13825f;font-size:11px;font-weight:900;letter-spacing:.16em}.coa-viewer-header h2{margin:5px 0 3px;color:#06382b;font-size:29px;line-height:1.05;letter-spacing:-.035em}.coa-viewer-header p{margin:0;color:#71857d;font-size:13px}.coa-viewer-header>button{width:43px;height:43px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #d3e5db;border-radius:50%;background:#f3f9f5;color:#075a46;cursor:pointer}
.coa-viewer-tabs{display:flex;gap:10px;overflow-x:auto;padding:15px 28px;border-bottom:1px solid #dae9e1;background:#f1f8f4;scrollbar-width:thin}.coa-viewer-tabs button{min-width:205px;display:grid;gap:2px;padding:13px 15px;border:1px solid #c9ddd2;border-radius:15px;background:#fff;color:#41665a;text-align:left;cursor:pointer}.coa-viewer-tabs button.active{border-color:#0a815f;background:#087456;color:#fff;box-shadow:0 8px 18px rgba(8,116,86,.16)}.coa-viewer-tabs span{font-size:12px;font-weight:850}.coa-viewer-tabs strong{font-size:19px}.coa-viewer-tabs small{font-size:11px;opacity:.76}
.coa-viewer-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:center;gap:13px;padding:14px 28px;border-bottom:1px solid #dbe9e2;background:#fff}.coa-viewer-summary>div{min-width:0;display:grid;gap:3px}.coa-viewer-summary span{color:#71847c;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.coa-viewer-summary strong{overflow:hidden;color:#153f33;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.coa-viewer-summary a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 17px;border-radius:999px;background:#075a46;color:#fff;font-size:12px;font-weight:850;text-decoration:none;white-space:nowrap}
.coa-viewer-document{min-height:0;overflow:auto;padding:24px;background:linear-gradient(145deg,#e4f1e9,#d1e6da)}.coa-viewer-document img{display:block;width:min(100%,850px);height:auto;margin:auto;border-radius:10px;background:#fff;box-shadow:0 16px 42px rgba(7,65,48,.16)}
.coa-viewer-note{margin:0;padding:13px 28px;border-top:1px solid #d4e5dc;background:#fff;color:#6d8179;font-size:12px;line-height:1.45}
@media(max-width:760px){
  .coa-viewer-overlay{place-items:stretch;padding:0;backdrop-filter:none}.coa-viewer{width:100%;height:100dvh;border:0;border-radius:0}
  .coa-viewer-header{padding:18px 16px 14px}.coa-viewer-header span{font-size:10px}.coa-viewer-header h2{font-size:24px}.coa-viewer-header p{font-size:12px}.coa-viewer-header>button{width:40px;height:40px}
  .coa-viewer-tabs{padding:12px 15px}.coa-viewer-tabs button{min-width:174px;padding:11px 13px}.coa-viewer-tabs strong{font-size:17px}
  .coa-viewer-summary{grid-template-columns:1fr 1fr;padding:13px 15px}.coa-viewer-summary a{grid-column:1/-1}.coa-viewer-document{padding:12px}.coa-viewer-note{padding:11px 15px;font-size:11px}
}

/* Business location: prominent enough to establish a real U.S. fulfillment point,
   compact enough to remain part of the footer rather than becoming a new section. */
.footer-location{width:min(390px,100%);margin:14px 0 0;padding:0;font-style:normal}
.footer-location>a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:15px 16px;border:1px solid rgba(197,223,210,.2);border-radius:17px;background:linear-gradient(110deg,rgba(255,255,255,.09),rgba(255,255,255,.035));color:#fff;text-decoration:none;box-shadow:inset 0 1px rgba(255,255,255,.08);transition:border-color .2s ease,background .2s ease,transform .2s ease}
.footer-location>a:hover{border-color:rgba(226,185,93,.62);background:linear-gradient(110deg,rgba(255,255,255,.13),rgba(255,255,255,.055));transform:translateY(-2px)}
.footer-location-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:#e1b85d;color:#063b2e;box-shadow:0 10px 24px rgba(0,0,0,.17)}
.footer-location-icon svg{width:20px;height:20px}
.footer-location-copy{display:grid;gap:3px;min-width:0}
.footer-location-copy small{color:#e2b95f;font-size:10px;font-style:normal;font-weight:900;letter-spacing:.16em}
.footer-location-copy strong{font-size:15px;line-height:1.15;letter-spacing:-.01em}
.footer-location-copy>span{color:#d6e8df;font-size:12px}
.footer-location-copy em{margin-top:3px;color:#91b8a6;font-size:11px;font-style:normal}
.footer-location-arrow{width:20px;height:20px;color:#e2b95f;transition:transform .2s ease}
.footer-location>a:hover .footer-location-arrow{transform:translateX(4px)}
@media(max-width:620px){.footer-location{width:100%;margin-top:12px}.footer-location>a{gap:11px;padding:14px;border-radius:16px}.footer-location-icon{width:40px;height:40px;border-radius:12px}.footer-location-copy strong{font-size:14px}.footer-location-copy>span{font-size:12px}.footer-location-copy em{font-size:9px}.footer-location-arrow{width:16px;height:16px}}
.footer-brand-logo{width:min(226px,100%);height:58px;display:flex;align-items:center}
.footer-brand-logo img{width:100%;height:100%;display:block;object-fit:contain;object-position:left center}

/* A clean, continuously moving catalog rail with no oversized heading block. */
.catalog-section.catalog-marquee-section{width:100%;max-width:none;overflow:hidden;padding:58px 0 78px;background:#fbfefb}
.catalog-marquee{width:100%;overflow-x:auto;overflow-y:hidden;padding:4px 0 28px;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x pan-y;cursor:grab}
.catalog-marquee::-webkit-scrollbar{display:none}
.catalog-marquee-track{display:flex;width:max-content;gap:18px}
.catalog-marquee:active{cursor:grabbing}
.catalog-marquee-group{display:flex;gap:18px;padding-left:18px}
.catalog-marquee .product-card{cursor:pointer}
.catalog-marquee-group .product-card,.catalog-marquee-group .product-card:nth-child(4),.catalog-marquee-group .product-card:nth-child(5){width:318px;flex:0 0 318px;scroll-snap-align:none}
@media(max-width:620px){
  .catalog-section.catalog-marquee-section{padding:42px 0 62px}
  .catalog-marquee-track,.catalog-marquee-group{gap:14px}
  .catalog-marquee-group{padding-left:14px}
  .catalog-marquee-group .product-card,.catalog-marquee-group .product-card:nth-child(4),.catalog-marquee-group .product-card:nth-child(5){width:min(78vw,300px);flex-basis:min(78vw,300px)}
}
@media(prefers-reduced-motion:reduce){
  .catalog-marquee{overflow-x:auto;scrollbar-width:thin}
}

/* Policy and support pages share the storefront's green, white, and gold system. */
.legal-site,.contact-site{min-height:100vh;background:radial-gradient(circle at 86% 2%,rgba(223,190,99,.18),transparent 24%),linear-gradient(180deg,#f5fbf7,#fff 34%,#f1f8f3);color:#0a3f31}
.legal-header{position:relative;z-index:5;max-width:1240px;height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin:auto;padding:0 30px}
.legal-logo{width:250px;height:66px;display:flex;align-items:center;padding:6px 0;cursor:pointer}.legal-logo img{width:100%;height:100%;object-fit:contain;object-position:left center}
.legal-back{display:inline-flex;align-items:center;gap:9px;color:#0b634c;font-size:13px;font-weight:900;text-decoration:none;text-transform:uppercase;letter-spacing:.08em}.legal-back svg{width:17px;height:17px}.legal-back:hover{color:#bd8c21}
.legal-hero{padding:92px 28px 84px;background:linear-gradient(132deg,#043d30,#087056 68%,#0c8c68);color:#fff;overflow:hidden}.legal-hero>div{max-width:1040px;margin:auto}.legal-hero h1,.contact-hero h1{max-width:850px;margin:12px 0 22px;font-size:clamp(54px,8vw,104px);line-height:.92;letter-spacing:-.065em}.legal-hero>div>p:not(.legal-eyebrow){max-width:780px;margin:0;color:#d6e9df;font-size:19px;line-height:1.7}.legal-hero>div>span{display:block;margin-top:30px;color:#e7c66f;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.legal-eyebrow{margin:0;color:#c3942b!important;font-size:11px!important;font-weight:950;letter-spacing:.2em;text-transform:uppercase}
.legal-layout{max-width:1180px;display:grid;grid-template-columns:245px minmax(0,1fr);gap:60px;margin:auto;padding:78px 30px 110px}.legal-index{position:sticky;top:24px;align-self:start;display:grid;gap:3px}.legal-index>strong{margin-bottom:14px;color:#9b7a2b;font-size:10px;letter-spacing:.18em}.legal-index a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid #dce9e1;color:#4f7065;font-size:13px;font-weight:750;text-decoration:none}.legal-index a:hover{color:#087355}.legal-index svg{width:14px;height:14px}
.legal-document{min-width:0}.legal-notice{display:grid;grid-template-columns:auto 1fr;gap:16px;margin-bottom:44px;padding:22px 24px;border:1px solid #c4ded0;border-radius:20px;background:linear-gradient(120deg,#e8f6ed,#fbf8e8);box-shadow:0 16px 40px rgba(6,83,62,.07)}.legal-notice svg{width:25px;height:25px;color:#0a8d68}.legal-notice p{margin:0;color:#315f51;font-size:14px;font-weight:700;line-height:1.65}
.legal-section{display:grid;grid-template-columns:46px minmax(0,1fr);gap:22px;padding:36px 0;border-top:1px solid #d9e7df}.legal-section:first-of-type{border-top:0;padding-top:0}.legal-section>span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#e6f3eb;color:#13815f;font-size:10px;font-weight:950}.legal-section h2{margin:2px 0 14px;color:#073d30;font-size:28px;line-height:1.15;letter-spacing:-.035em}.legal-section p,.legal-section li{color:#527066;font-size:15px;line-height:1.78}.legal-section p{margin:0 0 13px}.legal-section ul{display:grid;gap:9px;margin:14px 0 0;padding:0;list-style:none}.legal-section li{position:relative;padding-left:24px}.legal-section li:before{content:"";position:absolute;left:2px;top:.78em;width:7px;height:7px;border-radius:50%;background:#d3a83f;box-shadow:0 0 0 4px #f4ebcf}
.legal-footer{background:linear-gradient(155deg,#064d3b,#032d24);color:#fff}.legal-footer-main{max-width:1180px;display:grid;grid-template-columns:1.3fr 1fr;gap:70px;margin:auto;padding:62px 30px}.legal-footer-logo{width:220px;height:58px;display:block}.legal-footer-logo img{width:100%;height:100%;object-fit:contain;object-position:left}.legal-address{max-width:380px;display:flex;align-items:center;gap:14px;margin-top:18px;padding:16px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(255,255,255,.06);color:#fff;text-decoration:none}.legal-address>svg{width:22px;color:#e2b95d}.legal-address span{display:grid;gap:2px}.legal-address small{color:#e2b95d;font-size:9px;font-weight:950;letter-spacing:.15em}.legal-address strong{font-size:14px}.legal-address em{color:#a9cabb;font-size:12px;font-style:normal}.legal-footer-main nav{display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:15px 28px;padding-top:10px}.legal-footer-main nav a{color:#c5dfd2;font-size:13px;text-decoration:none}.legal-footer-main nav a:hover{color:#fff}.legal-footer-bottom{max-width:1180px;display:flex;justify-content:space-between;gap:24px;margin:auto;padding:23px 30px 30px;border-top:1px solid rgba(255,255,255,.12);color:#91b8a6;font-size:10px;letter-spacing:.08em}
.contact-hero{max-width:1180px;margin:auto;padding:92px 30px 48px}.contact-hero h1{color:#073d30}.contact-hero>p:last-child{max-width:760px;margin:0;color:#567268;font-size:18px;line-height:1.7}.contact-layout{max-width:1180px;display:grid;grid-template-columns:.88fr 1.12fr;gap:46px;margin:auto;padding:38px 30px 110px}.contact-cards{display:grid;gap:15px;align-content:start}.contact-cards article{display:grid;grid-template-columns:auto 1fr;gap:16px;padding:22px;border:1px solid #d4e7dc;border-radius:20px;background:rgba(255,255,255,.8);box-shadow:0 15px 38px rgba(8,75,57,.05)}.contact-cards article>svg{width:23px;color:#0a8d68}.contact-cards article>div{display:grid;gap:6px}.contact-cards small{color:#b18424;font-size:9px;font-weight:950;letter-spacing:.15em}.contact-cards strong,.contact-cards a{color:#073d30;font-size:17px;font-weight:850;text-decoration:none}.contact-cards p{margin:0;color:#688077;font-size:13px;line-height:1.55}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:34px;border:1px solid #cfe2d7;border-radius:28px;background:#fff;box-shadow:0 24px 65px rgba(5,68,51,.1)}.contact-form>div,.contact-form label:last-of-type,.contact-form button{grid-column:1/-1}.contact-form h2{margin:5px 0 5px;color:#073d30;font-size:38px;letter-spacing:-.04em}.contact-form>div>p:last-child{margin:0;color:#6e837b;font-size:13px}.contact-form label{display:grid;gap:7px;color:#285447;font-size:12px;font-weight:850}.contact-form label span{color:#8a9d96;font-weight:500}.contact-form input,.contact-form textarea{width:100%;border:1px solid #cbded4;border-radius:13px;background:#f8fcf9;padding:13px 14px;color:#123f33;font:inherit;outline:none}.contact-form textarea{resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:#0c8c68;box-shadow:0 0 0 3px rgba(12,140,104,.1)}.contact-form button{min-height:53px;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:999px;background:#087456;color:#fff;font-size:13px;font-weight:950;cursor:pointer}.contact-form button:hover{background:#056247}.contact-form button svg{width:17px}.contact-footer{display:flex;justify-content:space-between;gap:25px;padding:30px max(30px,calc((100vw - 1180px)/2));background:#043d30;color:#a9cabb;font-size:12px}.contact-footer nav{display:flex;flex-wrap:wrap;gap:18px}.contact-footer a{color:#d6e9df;text-decoration:none}
@media(max-width:820px){.legal-layout{grid-template-columns:1fr;gap:35px}.legal-index{position:static;grid-template-columns:1fr 1fr}.legal-index>strong{grid-column:1/-1}.contact-layout{grid-template-columns:1fr}.legal-footer-main{grid-template-columns:1fr}.legal-footer-main nav{padding-top:0}}
@media(max-width:620px){.legal-header{height:84px;padding:0 18px}.legal-logo{width:188px;height:54px}.legal-back{font-size:10px}.legal-hero{padding:67px 20px 62px}.legal-hero h1,.contact-hero h1{font-size:49px}.legal-hero>div>p:not(.legal-eyebrow),.contact-hero>p:last-child{font-size:16px}.legal-layout{padding:52px 20px 80px}.legal-index{grid-template-columns:1fr 1fr;column-gap:18px}.legal-section{grid-template-columns:1fr;gap:12px;padding:30px 0}.legal-section h2{font-size:24px}.legal-section p,.legal-section li{font-size:14px}.legal-footer-main{padding:48px 20px}.legal-footer-main nav{grid-template-columns:1fr 1fr}.legal-footer-bottom{padding:22px 20px 28px;flex-direction:column;line-height:1.6}.contact-hero{padding:62px 20px 32px}.contact-layout{padding:28px 20px 80px}.contact-form{grid-template-columns:1fr;padding:25px 20px}.contact-form>div,.contact-form label,.contact-form label:last-of-type,.contact-form button{grid-column:1}.contact-footer{flex-direction:column;padding:27px 20px}.contact-footer nav{gap:12px}}

/* WordPress/WooCommerce integration layer. */
body.pns-modal-open{overflow:hidden}.pns-home{overflow:hidden}.pns-bag{font-size:19px}.sr-only,.screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.pns-icon{width:38px;height:38px;display:block!important;flex:0 0 auto;background:none!important;color:#178d69!important}.pns-icon svg{width:100%;height:100%;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.product-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.product-category-label{margin:9px 0 20px;font-size:12px}.product-price .woocommerce-Price-amount{font:inherit}.mobile-nav[hidden]{display:none!important}.site-footer{color:#fff}

/* Preserve the source storefront exactly inside WordPress/WooCommerce. */
.catalog-marquee .product-visual-button{appearance:none!important;position:relative!important;display:block!important;width:100%!important;height:auto!important;aspect-ratio:1/1.08!important;margin:0!important;padding:0!important;overflow:hidden!important;border:0!important;border-radius:0!important;background:linear-gradient(145deg,#fbfefc 0%,#e7f5ed 100%)!important;box-shadow:none!important;color:inherit!important;text-align:inherit!important;cursor:pointer!important}
.catalog-marquee .product-visual-button:before{content:""!important;position:absolute!important;inset:0!important;display:block!important;background:radial-gradient(circle at 50% 18%,rgba(233,200,111,.43),transparent 45%)!important;pointer-events:none!important}
.catalog-marquee .product-visual-button:after{display:none!important}
.catalog-marquee .product-visual-button img{position:relative!important;z-index:1!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;object-fit:contain!important;transform:scale(1.13)!important;opacity:1!important;visibility:visible!important;filter:drop-shadow(0 20px 19px rgba(34,57,87,.17))!important}
.catalog-marquee .product-badge{position:absolute!important;z-index:2!important;left:15px!important;right:auto!important;top:auto!important;bottom:15px!important;padding:7px 10px!important;border:1px solid rgba(6,86,63,.13)!important;border-radius:999px!important;background:rgba(255,255,255,.94)!important;color:#07533f!important;font-size:10px!important;font-weight:850!important;letter-spacing:.07em!important;box-shadow:0 5px 13px rgba(17,44,79,.09)!important}
.stage-mascot-intro[hidden]{display:none!important}.stage-mascot-intro:not([hidden]){display:grid}.stage-mascot-intro video{pointer-events:none}

.pns-age-gate{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;overflow-y:auto;padding:22px;background:#f4f8f8}.pns-age-gate[hidden]{display:none}.pns-age-card{position:relative;top:auto!important;transform:translateY(9vh)}.pns-age-card .gate-check>span{font-size:12px;font-weight:950}.pns-age-card .gate-enter span{font-size:17px}.pns-age-card .gate-exit{width:max-content}
@media(max-width:620px){.pns-age-card{transform:translateY(10.5vh)}}
@media(max-height:720px){.pns-age-card{transform:translateY(4vh)}}

.pns-product-modal{position:fixed;inset:0;z-index:9998;display:grid;place-items:center;padding:18px}.pns-product-modal[hidden]{display:none}.pns-modal-backdrop{position:absolute;inset:0;background:rgba(2,32,23,.76);backdrop-filter:blur(10px)}.pns-modal-card{position:relative;z-index:1;width:min(1050px,100%);max-height:94vh;display:grid;grid-template-columns:1fr 1fr;overflow:auto;border-radius:28px;background:#fbfefb;color:#073f32;box-shadow:0 42px 120px rgba(0,23,17,.4)}.pns-modal-close{position:absolute;z-index:3;right:18px;top:18px;width:42px;height:42px;border:1px solid #d3e6dc;border-radius:50%;background:#fff;color:#075a46;font-size:27px;cursor:pointer}.pns-modal-gallery{min-height:620px;display:grid;place-items:center;align-content:center;gap:18px;padding:48px;background:radial-gradient(circle at 70% 18%,rgba(232,197,101,.35),transparent 26%),linear-gradient(145deg,#dff3e8,#a7dcc4)}.pns-modal-gallery img{width:90%;height:500px;object-fit:contain;filter:drop-shadow(0 30px 28px rgba(3,64,46,.22))}.pns-modal-gallery button{min-height:42px;padding:0 17px;border:1px solid rgba(5,91,67,.3);border-radius:999px;background:rgba(255,255,255,.8);color:#075a46;font-weight:800;cursor:pointer}.pns-modal-copy{padding:60px 48px}.pns-modal-copy h2{margin:7px 0 14px;font-size:48px;line-height:1;letter-spacing:-.055em}.pns-modal-copy>p:not(.section-kicker):not(.product-detail-restriction){color:#5a746a;font-size:16px;line-height:1.68}.pns-variant-list{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.pns-variant-list button{min-width:112px;display:grid;gap:4px;padding:13px;border:1px solid #cadfd4;border-radius:13px;background:#fff;color:#355f51;text-align:left;cursor:pointer}.pns-variant-list button.active{border-color:#087456;background:#e9f6ef;color:#075a46}.pns-variant-list button:disabled{opacity:.45;cursor:not-allowed}.pns-variant-list small{font-size:11px}.pns-modal-price{display:flex;align-items:center;justify-content:space-between;margin:20px 0;color:#657c73;text-transform:uppercase;font-size:11px;font-weight:900;letter-spacing:.08em}.pns-modal-price strong{color:#075a46;font-size:27px;letter-spacing:-.03em}.pns-modal-add{width:100%;min-height:54px;border:0;border-radius:999px;background:#075a46;color:#fff;font-weight:900;cursor:pointer}.pns-modal-add:disabled{opacity:.55;cursor:not-allowed}.product-detail-restriction{color:#788b83!important;font-size:11px!important;text-align:center}.pns-report-list{display:grid;gap:8px;margin-top:23px}.pns-report-list a{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px;padding:13px 14px;border:1px solid #d3e6dc;border-radius:13px;background:#fff;color:#315e50;font-size:12px}.pns-report-list strong{color:#087456}.pns-report-list small{color:#a27e29;font-weight:900}

.pns-inner-header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100vw - 1240px)/2));border-bottom:1px solid #d8e8df;background:#fff}.pns-inner-header img{width:220px;height:62px;object-fit:contain}.pns-inner-header>a:last-child{color:#087456;font-size:13px;font-weight:850}.pns-content-shell,.pns-woocommerce-shell{width:min(1180px,calc(100% - 40px));min-height:62vh;margin:64px auto 100px;padding:42px;border:1px solid #d8e8df;border-radius:24px;background:#fff;color:#173e32;box-shadow:0 18px 55px rgba(5,76,56,.08)}.pns-content-shell h1{font-size:48px;letter-spacing:-.045em}.pns-content-shell p,.pns-content-shell li{color:#537167;line-height:1.75}.pns-inner-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:35px max(22px,calc((100vw - 1180px)/2));background:#043d30;color:#9abdae}.pns-inner-footer img{width:190px;height:52px;object-fit:contain}.pns-inner-footer p{font-size:10px;letter-spacing:.09em}.pns-woocommerce-shell a{color:#087456}.pns-woocommerce-shell button,.pns-woocommerce-shell .button,.woocommerce a.button{border-radius:999px!important;background:#075a46!important;color:#fff!important}.pns-checkout-confirmations{margin:22px 0;padding:20px;border:1px solid #cfe3d8;border-radius:15px;background:#eff8f3}.pns-checkout-confirmations h3{margin-top:0}
.pns-policy-intro{max-width:820px;margin:0 0 48px!important;color:#315f51!important;font-size:19px;line-height:1.7!important}.pns-policy-section{display:grid;grid-template-columns:48px minmax(0,1fr);gap:20px;padding:34px 0;border-top:1px solid #dce9e1}.pns-policy-section>span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#e8f5ed;color:#087456;font-size:10px;font-weight:900}.pns-policy-section h2{margin:3px 0 13px;color:#073d30;font-size:27px;letter-spacing:-.03em}.pns-policy-section p{margin:0 0 12px}.pns-policy-section ul{display:grid;gap:8px;padding-left:19px}.pns-contact-card{max-width:680px;padding:28px;border:1px solid #d4e7dc;border-radius:20px;background:#f7fbf8}.pns-contact-card h2{margin-top:24px}.pns-contact-card h2:first-child{margin-top:0}.pns-contact-card a{color:#087456;font-weight:850}

@media(max-width:760px){.signal-strip{display:grid;grid-template-columns:1fr;margin-inline:16px}.signal-strip>div{border-bottom:1px solid #dbece3}.footer-main{padding-inline:22px}.newsletter-section{display:grid;padding-inline:22px}.newsletter-section>div{align-items:flex-start}.newsletter-section form{width:100%}.pns-modal-card{height:100%;max-height:none;grid-template-columns:1fr;border-radius:0}.pns-product-modal{padding:0}.pns-modal-gallery{min-height:360px;padding:36px 24px}.pns-modal-gallery img{height:300px}.pns-modal-copy{padding:36px 22px 70px}.pns-modal-copy h2{font-size:38px}.pns-modal-close{position:fixed}.pns-content-shell,.pns-woocommerce-shell{width:calc(100% - 24px);margin:24px auto 70px;padding:24px 18px}.pns-inner-header{padding-inline:14px}.pns-inner-header img{width:164px}.pns-inner-footer{align-items:flex-start;flex-direction:column}.product-card-actions{grid-template-columns:.82fr 1.18fr}.product-details-button{display:block}.pns-policy-section{grid-template-columns:1fr;gap:10px}.pns-content-shell h1{font-size:37px}}

/* Complete product detail experience, preserved from the reference storefront. */
.pns-product-modal.product-detail-overlay{position:fixed;inset:0;z-index:9998;display:grid;place-items:center;padding:14px;background:rgba(4,31,24,.54);backdrop-filter:blur(6px)}
.pns-product-modal.product-detail-overlay[hidden],.coa-viewer-overlay[hidden],#pns-select-three[hidden]{display:none!important}
.pns-product-modal .product-detail-dialog{position:relative;z-index:1}
.pns-detail-slides{position:absolute;inset:0;z-index:1;display:grid;place-items:center;overflow:hidden;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.pns-detail-slides img{grid-area:1/1;-webkit-user-drag:none;user-select:none;pointer-events:none}
.pns-detail-slides img[hidden]{display:none!important}
.pns-gallery-swipe-left .pns-detail-slides img:not([hidden]){animation:pns-gallery-in-left .24s ease-out both}
.pns-gallery-swipe-right .pns-detail-slides img:not([hidden]){animation:pns-gallery-in-right .24s ease-out both}
@keyframes pns-gallery-in-left{from{opacity:.65;transform:translateX(22px)}to{opacity:1;transform:translateX(0)}}
@keyframes pns-gallery-in-right{from{opacity:.65;transform:translateX(-22px)}to{opacity:1;transform:translateX(0)}}

/* Mobile hero vials become visible only after the complete bottle is on-screen. */
@media(max-width:700px){
  .kinetic-vial,
  .kinetic-vial:nth-child(even){left:0;right:auto;opacity:0}
  .kinetic-vial{animation-name:pns-mobile-vial-right}
  .kinetic-vial:nth-child(even){animation-name:pns-mobile-vial-left}
  .kinetic-vial-1{--vial-size:48vw;--vial-top:3%;--vial-mid:26vw;--vial-right:48vw;--vial-tilt:-6deg}
  .kinetic-vial-2{--vial-size:41vw;--vial-top:41%;--vial-mid:29.5vw;--vial-right:55vw;--vial-tilt:5deg}
  .kinetic-vial-3{--vial-size:34vw;--vial-top:8%;--vial-mid:33vw;--vial-right:62vw;--vial-tilt:4deg}
  .kinetic-vial-4{--vial-size:49vw;--vial-top:29%;--vial-mid:25.5vw;--vial-right:47vw;--vial-tilt:-5deg}
  .kinetic-vial-5{--vial-size:35vw;--vial-top:47%;--vial-mid:32.5vw;--vial-right:61vw;--vial-tilt:-4deg}
  .kinetic-vial-6{--vial-size:43vw;--vial-top:2%;--vial-mid:28.5vw;--vial-right:53vw;--vial-tilt:6deg}
  @keyframes pns-mobile-vial-right{
    0%{opacity:0;transform:translate3d(-62vw,10px,0) rotate(var(--vial-tilt))}
    11%{opacity:0;transform:translate3d(4vw,0,0) rotate(var(--vial-tilt))}
    14%{opacity:var(--vial-opacity,1);transform:translate3d(4vw,0,0) rotate(var(--vial-tilt))}
    50%{opacity:var(--vial-opacity,1);transform:translate3d(var(--vial-mid),-16px,0) rotate(calc(var(--vial-tilt) + 5deg))}
    86%{opacity:var(--vial-opacity,1);transform:translate3d(var(--vial-right),4px,0) rotate(var(--vial-tilt))}
    89%{opacity:0;transform:translate3d(var(--vial-right),4px,0) rotate(var(--vial-tilt))}
    100%{opacity:0;transform:translate3d(110vw,10px,0) rotate(var(--vial-tilt))}
  }
  @keyframes pns-mobile-vial-left{
    0%{opacity:0;transform:translate3d(110vw,-8px,0) rotate(var(--vial-tilt))}
    11%{opacity:0;transform:translate3d(var(--vial-right),0,0) rotate(var(--vial-tilt))}
    14%{opacity:var(--vial-opacity,1);transform:translate3d(var(--vial-right),0,0) rotate(var(--vial-tilt))}
    50%{opacity:var(--vial-opacity,1);transform:translate3d(var(--vial-mid),16px,0) rotate(calc(var(--vial-tilt) - 5deg))}
    86%{opacity:var(--vial-opacity,1);transform:translate3d(4vw,-4px,0) rotate(var(--vial-tilt))}
    89%{opacity:0;transform:translate3d(4vw,-4px,0) rotate(var(--vial-tilt))}
    100%{opacity:0;transform:translate3d(-62vw,-8px,0) rotate(var(--vial-tilt))}
  }
}

/* Keep every verification vial complete and visible from the gate's first frame. */
.gate-sky{overflow:visible}
.gate-floating-vial{opacity:1!important;visibility:visible!important}
@media(max-width:620px){
  .gate-floating-vial{animation-duration:4.2s;will-change:translate;backface-visibility:hidden}
  .gate-floating-vial-1{left:10%;top:24px;transform:rotate(-7deg)}
  .gate-floating-vial-2{right:10%;top:16px;transform:rotate(7deg)}
  .gate-floating-vial-3{left:25%;top:129px;transform:rotate(6deg)}
  .gate-floating-vial-4{right:24%;top:126px;transform:rotate(-6deg)}
}

/* An organic roaming peptide swarm fills the open verification space. */
.pns-age-gate{isolation:isolate}
.pns-age-card{z-index:2}
.pns-gate-peptide-cloud{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}
.gate-cloud-vial{position:absolute;left:var(--gate-x);top:var(--gate-y);box-sizing:border-box;width:min(var(--gate-size),145px);height:auto;padding:3px;aspect-ratio:1;border-radius:46%;background:radial-gradient(circle at 50% 48%,rgba(170,226,199,.62) 0 28%,rgba(229,193,102,.22) 45%,rgba(255,255,255,0) 70%);object-fit:contain;opacity:var(--gate-opacity,.78);filter:drop-shadow(0 0 1px rgba(4,72,52,.45)) drop-shadow(0 17px 18px rgba(3,74,52,.2)) contrast(1.06);transform-origin:center;animation:pns-gate-roam-a var(--gate-speed,11s) ease-in-out infinite;animation-delay:var(--gate-delay,0s);will-change:transform}
.gate-cloud-vial:nth-child(3n+2){animation-name:pns-gate-roam-b}
.gate-cloud-vial:nth-child(3n){animation-name:pns-gate-roam-c}
.gate-cloud-vial-1{--gate-x:7%;--gate-y:8%;--gate-size:8vw;--gate-speed:10.6s;--gate-delay:-3.2s;--gate-tilt:-9deg}
.gate-cloud-vial-2{--gate-x:80%;--gate-y:4%;--gate-size:9vw;--gate-speed:12.4s;--gate-delay:-8.1s;--gate-tilt:8deg}
.gate-cloud-vial-3{--gate-x:27%;--gate-y:14%;--gate-size:6vw;--gate-speed:9.3s;--gate-delay:-5.2s;--gate-tilt:5deg}
.gate-cloud-vial-4{--gate-x:88%;--gate-y:24%;--gate-size:6vw;--gate-speed:13.1s;--gate-delay:-1.8s;--gate-tilt:-7deg}
.gate-cloud-vial-5{--gate-x:5%;--gate-y:38%;--gate-size:8vw;--gate-speed:11.7s;--gate-delay:-7.4s;--gate-tilt:-5deg}
.gate-cloud-vial-6{--gate-x:78%;--gate-y:42%;--gate-size:7vw;--gate-speed:9.8s;--gate-delay:-4.1s;--gate-tilt:9deg}
.gate-cloud-vial-7{--gate-x:14%;--gate-y:67%;--gate-size:7vw;--gate-speed:13.8s;--gate-delay:-10.2s;--gate-tilt:6deg}
.gate-cloud-vial-8{--gate-x:88%;--gate-y:65%;--gate-size:6vw;--gate-speed:10.1s;--gate-delay:-6.7s;--gate-tilt:-8deg}
.gate-cloud-vial-9{--gate-x:35%;--gate-y:4%;--gate-size:6vw;--gate-speed:12.9s;--gate-delay:-2.4s;--gate-tilt:4deg}
.gate-cloud-vial-10{--gate-x:58%;--gate-y:16%;--gate-size:7vw;--gate-speed:9.7s;--gate-delay:-7.9s;--gate-tilt:-6deg}
.gate-cloud-vial-11{--gate-x:66%;--gate-y:72%;--gate-size:6vw;--gate-speed:14.2s;--gate-delay:-4.9s;--gate-tilt:7deg}
.gate-cloud-vial-12{--gate-x:34%;--gate-y:78%;--gate-size:6vw;--gate-speed:10.9s;--gate-delay:-9.1s;--gate-tilt:-4deg}
.gate-cloud-vial-13{--gate-x:49%;--gate-y:48%;--gate-size:5vw;--gate-speed:8.9s;--gate-delay:-5.8s;--gate-tilt:8deg;--gate-opacity:.7}
.gate-cloud-vial-14{--gate-x:20%;--gate-y:47%;--gate-size:5vw;--gate-speed:12.1s;--gate-delay:-1.3s;--gate-tilt:-7deg;--gate-opacity:.72}
.gate-cloud-vial-15{--gate-x:64%;--gate-y:32%;--gate-size:6vw;--gate-speed:11.3s;--gate-delay:-8.7s;--gate-tilt:5deg;--gate-opacity:.74}
.gate-cloud-vial-16{--gate-x:42%;--gate-y:30%;--gate-size:5vw;--gate-speed:13.6s;--gate-delay:-3.7s;--gate-tilt:-5deg;--gate-opacity:.7}
@keyframes pns-gate-roam-a{0%,100%{transform:translate3d(0,0,0) rotate(var(--gate-tilt))}20%{transform:translate3d(25px,-18px,0) rotate(calc(var(--gate-tilt) + 4deg))}45%{transform:translate3d(-20px,-26px,0) rotate(calc(var(--gate-tilt) - 3deg))}70%{transform:translate3d(-31px,17px,0) rotate(calc(var(--gate-tilt) + 2deg))}88%{transform:translate3d(18px,28px,0) rotate(calc(var(--gate-tilt) - 4deg))}}
@keyframes pns-gate-roam-b{0%,100%{transform:translate3d(0,0,0) rotate(var(--gate-tilt))}24%{transform:translate3d(-28px,14px,0) rotate(calc(var(--gate-tilt) - 4deg))}49%{transform:translate3d(12px,31px,0) rotate(calc(var(--gate-tilt) + 2deg))}73%{transform:translate3d(32px,-20px,0) rotate(calc(var(--gate-tilt) + 5deg))}90%{transform:translate3d(-10px,-32px,0) rotate(calc(var(--gate-tilt) - 2deg))}}
@keyframes pns-gate-roam-c{0%,100%{transform:translate3d(0,0,0) rotate(var(--gate-tilt))}18%{transform:translate3d(14px,28px,0) rotate(calc(var(--gate-tilt) + 3deg))}42%{transform:translate3d(30px,-12px,0) rotate(calc(var(--gate-tilt) - 4deg))}67%{transform:translate3d(-26px,-30px,0) rotate(calc(var(--gate-tilt) + 5deg))}86%{transform:translate3d(-34px,10px,0) rotate(calc(var(--gate-tilt) - 2deg))}}
@media(max-width:620px){
  .gate-cloud-vial{width:var(--gate-mobile-size);opacity:var(--gate-mobile-opacity,.82);filter:drop-shadow(0 0 1px rgba(4,72,52,.5)) drop-shadow(0 12px 14px rgba(3,74,52,.19)) contrast(1.08)}
  .gate-cloud-vial-1{--gate-x:8%;--gate-y:4%;--gate-mobile-size:19vw}.gate-cloud-vial-2{--gate-x:71%;--gate-y:4%;--gate-mobile-size:19vw}
  .gate-cloud-vial-3{--gate-x:27%;--gate-y:8%;--gate-mobile-size:15vw}.gate-cloud-vial-4{--gate-x:55%;--gate-y:7%;--gate-mobile-size:14vw}
  .gate-cloud-vial-5{--gate-x:7%;--gate-y:15%;--gate-mobile-size:16vw}.gate-cloud-vial-6{--gate-x:76%;--gate-y:15%;--gate-mobile-size:16vw}
  .gate-cloud-vial-7{--gate-x:20%;--gate-y:14%;--gate-mobile-size:17vw}.gate-cloud-vial-8{--gate-x:62%;--gate-y:14%;--gate-mobile-size:17vw}
  .gate-cloud-vial-9{--gate-x:36%;--gate-y:5%;--gate-mobile-size:14vw;--gate-mobile-opacity:.72}.gate-cloud-vial-10{--gate-x:47%;--gate-y:18%;--gate-mobile-size:14vw;--gate-mobile-opacity:.74}
  .gate-cloud-vial-11{--gate-x:10%;--gate-y:22%;--gate-mobile-size:13vw;--gate-mobile-opacity:.74}.gate-cloud-vial-12{--gate-x:76%;--gate-y:22%;--gate-mobile-size:13vw;--gate-mobile-opacity:.74}
  .gate-cloud-vial-13{--gate-x:25%;--gate-y:22%;--gate-mobile-size:14vw;--gate-mobile-opacity:.7}.gate-cloud-vial-14{--gate-x:63%;--gate-y:22%;--gate-mobile-size:14vw;--gate-mobile-opacity:.7}
  .gate-cloud-vial-15{--gate-x:41%;--gate-y:3%;--gate-mobile-size:13vw;--gate-mobile-opacity:.68}.gate-cloud-vial-16{--gate-x:40%;--gate-y:14%;--gate-mobile-size:12vw;--gate-mobile-opacity:.68}
}
@media(prefers-reduced-motion:reduce){.gate-cloud-vial{animation:none;transform:rotate(var(--gate-tilt))}}

/* Persistent peptide cloud: two of every vial remain on-screen and drift continuously. */
.kinetic-vial-collage .kinetic-vial{
  left:var(--cloud-x)!important;
  right:auto!important;
  top:var(--cloud-y)!important;
  width:min(var(--cloud-size),350px)!important;
  height:auto!important;
  aspect-ratio:5 / 7;
  opacity:var(--cloud-opacity,.96)!important;
  transform-origin:center;
  animation:pns-peptide-cloud var(--cloud-speed,7s) ease-in-out infinite!important;
  animation-delay:var(--cloud-delay,0s)!important;
  will-change:transform;
}
.kinetic-vial-collage .kinetic-vial:nth-child(even){--cloud-drift-x:-18px;--cloud-drift-y:-13px;--cloud-return-x:10px;--cloud-return-y:16px}
.kinetic-vial-collage .kinetic-vial:nth-child(odd){--cloud-drift-x:18px;--cloud-drift-y:-15px;--cloud-return-x:-11px;--cloud-return-y:17px}
.kinetic-vial-collage .kinetic-vial:nth-child(3n){--cloud-drift-x:11px;--cloud-drift-y:17px;--cloud-return-x:-16px;--cloud-return-y:-10px}
.kinetic-vial-instance-1{--cloud-x:2%;--cloud-y:2%;--cloud-size:17vw;--cloud-speed:7.4s;--cloud-delay:-2.1s;--vial-tilt:-9deg;z-index:3}
.kinetic-vial-instance-2{--cloud-x:81%;--cloud-y:1%;--cloud-size:17vw;--cloud-speed:8.2s;--cloud-delay:-5.7s;--vial-tilt:8deg;z-index:2}
.kinetic-vial-instance-3{--cloud-x:16%;--cloud-y:27%;--cloud-size:12vw;--cloud-speed:6.8s;--cloud-delay:-4.1s;--vial-tilt:5deg;z-index:1}
.kinetic-vial-instance-4{--cloud-x:71%;--cloud-y:28%;--cloud-size:15vw;--cloud-speed:8.8s;--cloud-delay:-1.2s;--vial-tilt:-7deg;z-index:3}
.kinetic-vial-instance-5{--cloud-x:35%;--cloud-y:0%;--cloud-size:12vw;--cloud-speed:7.8s;--cloud-delay:-6.4s;--vial-tilt:-4deg;z-index:2}
.kinetic-vial-instance-6{--cloud-x:53%;--cloud-y:62%;--cloud-size:12vw;--cloud-speed:9.1s;--cloud-delay:-3.2s;--vial-tilt:7deg;z-index:2}
.kinetic-vial-instance-7{--cloud-x:2%;--cloud-y:61%;--cloud-size:13vw;--cloud-speed:8.5s;--cloud-delay:-7.1s;--vial-tilt:6deg;--cloud-opacity:.9;z-index:1}
.kinetic-vial-instance-8{--cloud-x:84%;--cloud-y:61%;--cloud-size:13vw;--cloud-speed:7.1s;--cloud-delay:-.8s;--vial-tilt:-8deg;z-index:3}
.kinetic-vial-instance-9{--cloud-x:58%;--cloud-y:4%;--cloud-size:11vw;--cloud-speed:9.4s;--cloud-delay:-4.8s;--vial-tilt:4deg;--cloud-opacity:.9;z-index:1}
.kinetic-vial-instance-10{--cloud-x:20%;--cloud-y:68%;--cloud-size:11vw;--cloud-speed:7.7s;--cloud-delay:-2.9s;--vial-tilt:-6deg;z-index:2}
.kinetic-vial-instance-11{--cloud-x:85%;--cloud-y:33%;--cloud-size:11vw;--cloud-speed:8.9s;--cloud-delay:-6s;--vial-tilt:7deg;--cloud-opacity:.88;z-index:1}
.kinetic-vial-instance-12{--cloud-x:38%;--cloud-y:64%;--cloud-size:10vw;--cloud-speed:7.3s;--cloud-delay:-5.1s;--vial-tilt:-3deg;z-index:2}
@keyframes pns-peptide-cloud{
  0%,100%{transform:translate3d(0,0,0) rotate(var(--vial-tilt))}
  34%{transform:translate3d(var(--cloud-drift-x),var(--cloud-drift-y),0) rotate(calc(var(--vial-tilt) + 3deg))}
  68%{transform:translate3d(var(--cloud-return-x),var(--cloud-return-y),0) rotate(calc(var(--vial-tilt) - 2deg))}
}
@media(max-width:700px){
  .kinetic-vial-collage .kinetic-vial{width:var(--cloud-mobile-size)!important;height:auto!important}
  .kinetic-vial-instance-1{--cloud-x:5%;--cloud-y:3%;--cloud-mobile-size:30vw}
  .kinetic-vial-instance-2{--cloud-x:65%;--cloud-y:3%;--cloud-mobile-size:30vw}
  .kinetic-vial-instance-3{--cloud-x:5%;--cloud-y:25%;--cloud-mobile-size:27vw}
  .kinetic-vial-instance-4{--cloud-x:67%;--cloud-y:25%;--cloud-mobile-size:28vw}
  .kinetic-vial-instance-5{--cloud-x:5%;--cloud-y:52%;--cloud-mobile-size:28vw}
  .kinetic-vial-instance-6{--cloud-x:68%;--cloud-y:52%;--cloud-mobile-size:26vw}
  .kinetic-vial-instance-7{--cloud-x:37%;--cloud-y:5%;--cloud-mobile-size:24vw}
  .kinetic-vial-instance-8{--cloud-x:38%;--cloud-y:71%;--cloud-mobile-size:24vw}
  .kinetic-vial-instance-9{--cloud-x:40%;--cloud-y:29%;--cloud-mobile-size:21vw}
  .kinetic-vial-instance-10{--cloud-x:8%;--cloud-y:75%;--cloud-mobile-size:22vw}
  .kinetic-vial-instance-11{--cloud-x:72%;--cloud-y:75%;--cloud-mobile-size:22vw}
  .kinetic-vial-instance-12{--cloud-x:41%;--cloud-y:51%;--cloud-mobile-size:19vw}
}
@media(prefers-reduced-motion:reduce){
  .kinetic-vial-collage .kinetic-vial{animation:none!important;transform:rotate(var(--vial-tilt))}
}
.product-detail-gallery-arrow{position:absolute!important;top:50%;display:grid!important;place-items:center!important;padding:0!important;border-radius:50%!important;transform:translateY(-50%);font-size:22px!important;line-height:1!important;cursor:pointer}
.product-detail-back svg,.product-detail-card svg,.product-detail-copy-block svg,.product-detail-coa svg,.coa-viewer svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.product-detail-back svg{flex:0 0 auto}.product-detail-dots{z-index:6}.product-detail-dots button{cursor:pointer}
.product-detail-add:disabled,.product-detail-mobile-bar button:disabled{opacity:.55;cursor:not-allowed}
.product-information-tab-list[hidden],#pns-details-panel[hidden],#pns-references-panel[hidden]{display:none!important}
.product-information-tabs{display:block}.product-information-tab-list{display:flex;align-items:center}
.product-information-tab-list button.active{background:#087456!important;color:#fff!important;box-shadow:0 8px 18px rgba(8,116,86,.16)!important}
.product-reference-panel svg,.coa-viewer-summary svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.product-detail-coa-heading>svg{width:34px;height:34px}.product-detail-view-coa svg{width:17px;height:17px}
.coa-viewer-overlay{z-index:10001}
@media(max-width:780px){.pns-product-modal.product-detail-overlay{place-items:stretch;padding:0;backdrop-filter:none}}

/* Clean native WooCommerce product, cart, and checkout screens. */
.single-product .product_meta,
.single-product .woocommerce-tabs,
.single-product .related.products,
.single-product .woocommerce-breadcrumb{display:none!important}
.pns-woocommerce-shell{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:64px 0 96px;color:#123c31}
.pns-woocommerce-shell .woocommerce-notices-wrapper:empty{display:none}
.pns-woocommerce-shell .woocommerce-message,
.pns-woocommerce-shell .woocommerce-info,
.pns-woocommerce-shell .woocommerce-error{margin:0 0 24px;padding:18px 20px;border:1px solid #cce5da;border-radius:18px;background:#f1fbf6;color:#164c3d;list-style:none}
.pns-woocommerce-shell .woocommerce-error{border-color:#f1c8c8;background:#fff5f5;color:#8f2929}
.pns-woocommerce-shell .button,
.pns-woocommerce-shell button.button,
.pns-woocommerce-shell input.button{min-height:48px;padding:12px 22px!important;border:0!important;border-radius:999px!important;background:#087456!important;color:#fff!important;font:800 15px/1.2 var(--pns-body,Arial,sans-serif)!important;letter-spacing:.01em;box-shadow:none!important;cursor:pointer;transition:transform .18s ease,background .18s ease}
.pns-woocommerce-shell .button:hover,
.pns-woocommerce-shell button.button:hover,
.pns-woocommerce-shell input.button:hover{background:#075c47!important;transform:translateY(-1px)}
.pns-woocommerce-shell input.input-text,
.pns-woocommerce-shell textarea,
.pns-woocommerce-shell select{box-sizing:border-box;min-height:50px;padding:12px 15px;border:1px solid #cbdcd5;border-radius:13px;background:#fff;color:#173d34;font:500 16px/1.35 var(--pns-body,Arial,sans-serif)}
.pns-woocommerce-shell input.input-text:focus,
.pns-woocommerce-shell textarea:focus,
.pns-woocommerce-shell select:focus{outline:3px solid rgba(8,116,86,.13);border-color:#087456}

.single-product .pns-woocommerce-shell div.product{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:52px;align-items:start}
.single-product .pns-woocommerce-shell div.product::before,
.single-product .pns-woocommerce-shell div.product::after{display:none}
.single-product .pns-woocommerce-shell div.product .woocommerce-product-gallery,
.single-product .pns-woocommerce-shell div.product .summary{float:none!important;width:100%!important;margin:0!important}
.single-product .woocommerce-product-gallery{overflow:hidden;border:1px solid #d8e6e0;border-radius:30px;background:radial-gradient(circle at 80% 12%,rgba(241,210,97,.22),transparent 25%),linear-gradient(145deg,#f4fbf8,#e8f5ef);box-shadow:0 24px 65px rgba(17,73,57,.11)}
.single-product .woocommerce-product-gallery__image{display:grid;place-items:center;min-height:560px;padding:30px}
.single-product .woocommerce-product-gallery__image img{width:100%;height:auto;max-height:560px;object-fit:contain}
.single-product .flex-control-thumbs{display:flex!important;gap:10px;margin:0!important;padding:14px 18px 18px!important;list-style:none}
.single-product .flex-control-thumbs li{float:none!important;width:72px!important;border:1px solid #d7e4df;border-radius:13px;overflow:hidden;background:#fff}
.single-product .summary{padding:24px 0}
.single-product .product_title{margin:0 0 12px;color:#075a46;font:900 clamp(42px,5vw,68px)/.94 var(--pns-display,Arial,sans-serif);letter-spacing:-.04em}
.single-product .summary>.price{margin:0 0 25px;color:#a58b19!important;font:500 30px/1.1 var(--pns-body,Arial,sans-serif)}
.single-product .woocommerce-product-details__short-description{margin-bottom:26px;color:#395e54;font-size:18px;line-height:1.65}
.single-product form.cart{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin:0!important;padding:22px;border:1px solid #d6e6df;border-radius:22px;background:#f7fcf9}
.single-product form.cart .variations{flex:1 1 100%;margin:0!important;border:0}
.single-product form.cart .variations tbody,
.single-product form.cart .variations tr,
.single-product form.cart .variations th,
.single-product form.cart .variations td{display:block;width:100%;padding:0!important;border:0!important;text-align:left!important}
.single-product form.cart .variations th.label label{display:block;margin:0 0 11px;color:#173f34;font-size:14px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.pns-native-variation-select{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.pns-variation-pills{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:5px}
.pns-variation-pill{min-width:98px;min-height:54px;padding:11px 17px;border:1px solid #bdd7cc;border-radius:15px;background:#fff;color:#17493b;font:900 16px/1 var(--pns-body,Arial,sans-serif);cursor:pointer;box-shadow:0 5px 14px rgba(11,89,66,.04);transition:.18s ease}
.pns-variation-pill:hover{border-color:#087456;transform:translateY(-1px)}
.pns-variation-pill.active{border-color:#087456;background:#087456;color:#fff;box-shadow:0 10px 22px rgba(8,116,86,.2)}
.pns-variation-pill:disabled{opacity:.35;cursor:not-allowed;text-decoration:line-through;transform:none}
.single-product .reset_variations{display:none!important}
.single-product .single_variation_wrap{display:flex;flex:1 1 100%;flex-wrap:wrap;gap:13px;align-items:center}
.single-product .woocommerce-variation{flex:1 1 100%;padding-top:8px}
.single-product .woocommerce-variation-price .price{color:#087456!important;font-size:24px;font-weight:900}
.single-product .woocommerce-variation-add-to-cart{display:flex!important;gap:12px;align-items:center;flex:1 1 100%}
.single-product .quantity .qty{width:72px;min-height:50px;text-align:center}
.single-product button.single_add_to_cart_button{flex:1;min-height:54px!important}

.pns-step-water-recommendation{clear:both;display:grid;grid-template-columns:104px minmax(0,1fr) auto;gap:20px;align-items:center;margin:36px 0 0;padding:19px 22px;border:1px solid #cfe1d9;border-radius:24px;background:radial-gradient(circle at 4% 40%,rgba(132,205,174,.23),transparent 24%),#f7fcf9;box-shadow:0 18px 45px rgba(12,78,58,.08)}
.single-product .pns-step-water-recommendation{grid-column:1/-1}
.pns-step-water-recommendation img{display:block;width:104px;height:104px;object-fit:contain;filter:drop-shadow(0 12px 12px rgba(8,70,51,.16))}
.pns-step-water-recommendation small{display:block;margin-bottom:5px;color:#a58b19;font-size:11px;font-weight:900;letter-spacing:.13em}
.pns-step-water-recommendation h3{margin:0 0 5px;color:#075a46;font:900 25px/1 var(--pns-display,Arial,sans-serif)}
.pns-step-water-recommendation p{margin:0;color:#557168;font-size:14px;line-height:1.5}
.pns-step-water-add{min-width:150px;min-height:50px;padding:12px 19px;border:0;border-radius:999px;background:#087456;color:#fff;font-weight:900;cursor:pointer}
.pns-step-water-add:disabled{opacity:.7;cursor:wait}

.woocommerce-cart .pns-woocommerce-shell>article,
.woocommerce-checkout .pns-woocommerce-shell>article{background:transparent}
.woocommerce-cart .woocommerce-cart-form,
.woocommerce-cart .cart-collaterals,
.woocommerce-checkout form.checkout{font-family:var(--pns-body,Arial,sans-serif)}
.woocommerce-cart table.shop_table,
.woocommerce-checkout table.shop_table{width:100%;border:1px solid #d9e7e1!important;border-collapse:separate!important;border-spacing:0;border-radius:22px!important;background:#fff;overflow:hidden;box-shadow:0 18px 50px rgba(12,78,58,.07)}
.woocommerce-cart table.shop_table th,
.woocommerce-checkout table.shop_table th{padding:18px 15px!important;color:#17483b;font-size:12px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.woocommerce-cart table.shop_table td,
.woocommerce-checkout table.shop_table td{padding:18px 15px!important;border-top:1px solid #e6efeb!important;color:#395e54}
.woocommerce-cart table.cart img{width:84px!important;border-radius:14px;background:#eef8f3}
.woocommerce-cart table.cart .product-name a{color:#075a46;font-size:17px;font-weight:900;text-decoration:none}
.woocommerce-cart table.cart .variation{margin:7px 0 0;color:#647d76;font-size:13px}
.woocommerce-cart table.cart .variation dt,
.woocommerce-cart table.cart .variation dd{display:inline;float:none;margin:0}
.woocommerce-cart table.cart .variation dt{font-weight:800}
.woocommerce-cart table.cart .product-remove a{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:#f3f8f6;color:#6a817a!important;text-decoration:none}
.woocommerce-cart table.cart .product-remove a:hover{background:#fff0f0;color:#b33c3c!important}
.woocommerce-cart table.cart td.actions{padding:19px!important;background:#f8fbfa}
.woocommerce-cart table.cart td.actions .coupon{display:flex;gap:8px}
.woocommerce-cart table.cart td.actions .coupon .input-text{width:min(240px,55vw)!important}
.woocommerce-cart .cart-collaterals{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,430px);gap:28px;align-items:start;margin-top:32px}
.woocommerce-cart .cart-collaterals::before,
.woocommerce-cart .cart-collaterals::after{display:none}
.woocommerce-cart .cart_totals{float:none!important;width:100%!important;grid-column:2;padding:26px;border:1px solid #d9e7e1;border-radius:24px;background:#fff;box-shadow:0 18px 50px rgba(12,78,58,.07)}
.woocommerce-cart .cart_totals h2,
.woocommerce-checkout h3{margin:0 0 20px;color:#075a46;font:900 28px/1.05 var(--pns-display,Arial,sans-serif)}
.woocommerce-cart .wc-proceed-to-checkout{padding:18px 0 0!important}
.woocommerce-cart .wc-proceed-to-checkout a{display:block;text-align:center}

.woocommerce-checkout form.checkout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:34px;align-items:start}
.woocommerce-checkout #customer_details{grid-column:1;grid-row:1 / span 3;padding:28px;border:1px solid #d9e7e1;border-radius:24px;background:#fff;box-shadow:0 18px 50px rgba(12,78,58,.07)}
.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2{float:none!important;width:100%!important}
.woocommerce-checkout #customer_details .col-2{margin-top:30px}
.woocommerce-checkout #order_review_heading{grid-column:2;grid-row:1;margin:0!important}
.woocommerce-checkout #order_review{grid-column:2;grid-row:2;padding:0}
.woocommerce-checkout #payment{border:1px solid #d9e7e1;border-radius:22px!important;background:#f8fbfa!important;overflow:hidden}
.woocommerce-checkout #payment ul.payment_methods{padding:22px!important;border-bottom:1px solid #d9e7e1!important}
.woocommerce-checkout #payment .place-order{padding:22px!important}
.pns-checkout-confirmations{margin:0 0 18px;padding:18px;border:1px solid #cfe1d9;border-radius:17px;background:#fff}
.pns-checkout-confirmations h3{font-size:20px!important}
.pns-checkout-confirmations .form-row{margin:12px 0!important}
.pns-checkout-confirmations label{display:flex;gap:10px;align-items:flex-start;color:#385c52;font-size:13px;line-height:1.45}
.pns-checkout-confirmations input{margin-top:3px}
.pns-step-water-checkout{grid-template-columns:74px 1fr;margin:20px!important;padding:15px!important}
.pns-step-water-checkout img{width:74px;height:74px}
.pns-step-water-checkout .pns-step-water-add{grid-column:1/-1;width:100%}

@media(max-width:820px){
  .pns-woocommerce-shell{width:min(100% - 24px,1180px);padding:34px 0 72px}
  .single-product .pns-woocommerce-shell div.product{grid-template-columns:1fr;gap:24px}
  .single-product .woocommerce-product-gallery__image{min-height:390px;padding:18px}
  .single-product .woocommerce-product-gallery__image img{max-height:420px}
  .single-product .summary{padding:0 4px}
  .single-product .product_title{font-size:46px}
  .pns-step-water-recommendation{grid-template-columns:82px 1fr;padding:16px;gap:14px}
  .pns-step-water-recommendation img{width:82px;height:82px}
  .pns-step-water-recommendation .pns-step-water-add{grid-column:1/-1;width:100%}
  .woocommerce-cart table.shop_table_responsive tr td::before{color:#173f34;font-weight:900}
  .woocommerce-cart .cart-collaterals{grid-template-columns:1fr}
  .woocommerce-cart .cart_totals{grid-column:1}
  .woocommerce-checkout form.checkout{grid-template-columns:1fr}
  .woocommerce-checkout #customer_details,
  .woocommerce-checkout #order_review_heading,
  .woocommerce-checkout #order_review{grid-column:1;grid-row:auto}
}
@media(max-width:540px){
  .single-product form.cart{padding:17px}
  .pns-variation-pills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .pns-variation-pill{width:100%;min-width:0}
  .woocommerce-cart table.cart td.actions .coupon{display:grid;grid-template-columns:1fr}
  .woocommerce-cart table.cart td.actions .coupon .input-text{width:100%!important}
}