.shop-scope{--ink:#15223f;--navy:#1c2c54;--teal:#129fb3;--teal-d:#0d8294;--blue:#36719f;--coral:#db6f5f;--paper:#fff;--mist:#f2f6f8;--mist-2:#e8eef2;--line:#dde6ec;--muted:#5d6b82;--muted-2:#8b97a8;--ok:#2f9e6b;--warn:#c9743a;--accent:var(--teal);--accent-d:var(--teal-d);--font-head:"Archivo", system-ui, sans-serif;--font-body:"Hanken Grotesk", system-ui, sans-serif;--maxw:1240px;--radius:4px;--radius-lg:10px;--shadow-sm:0 1px 2px #15223f0f, 0 1px 3px #15223f0d;--shadow:0 6px 24px -8px #15223f2e;--shadow-lg:0 24px 60px -20px #15223f4d;--ease:cubic-bezier(.22,.61,.36,1)}.shop-scope *{box-sizing:border-box}.shop-scope{font-family:var(--font-body);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.55}.shop-scope h1,.shop-scope h2,.shop-scope h3,.shop-scope h4,.shop-scope h5{font-family:var(--font-head);letter-spacing:-.015em;margin:0;font-weight:800;line-height:1.04}.shop-scope p{margin:0}.shop-scope a{color:inherit;text-decoration:none}.shop-scope img{max-width:100%;display:block}.shop-scope button{cursor:pointer;font-family:inherit}.shop-scope input,.shop-scope select,.shop-scope textarea{font-family:inherit;font-size:inherit}.shop-scope .wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}.shop-scope .wrap-wide{max-width:1480px;margin:0 auto;padding:0 28px}.shop-scope .section{padding:88px 0}.shop-scope .section-sm{padding:56px 0}.shop-scope .kicker{font-family:var(--font-head);letter-spacing:.22em;text-transform:uppercase;color:var(--accent-d);align-items:center;gap:10px;font-size:12px;font-weight:700;display:inline-flex}.shop-scope .kicker:before{content:"";background:var(--accent);width:24px;height:2px;display:inline-block}.shop-scope .kicker.no-rule:before{display:none}.shop-scope .eyebrow-coral{color:var(--coral)}.shop-scope .display{letter-spacing:-.025em;font-size:clamp(38px,6vw,76px);line-height:.98}.shop-scope .h-xl{font-size:clamp(30px,4vw,50px)}.shop-scope .h-lg{font-size:clamp(24px,3vw,36px)}.shop-scope .h-md{font-size:clamp(20px,2.4vw,26px)}.shop-scope .lead{color:var(--muted);font-size:clamp(17px,1.5vw,20px);line-height:1.6}.shop-scope .muted{color:var(--muted)}.shop-scope .text-teal{color:var(--accent-d)}.shop-scope .text-coral{color:var(--coral)}.shop-scope .text-navy{color:var(--navy)}.shop-scope .btn{font-family:var(--font-head);letter-spacing:.01em;border-radius:var(--radius);transition:all .2s var(--ease);white-space:nowrap;border:1.5px solid #0000;justify-content:center;align-items:center;gap:9px;padding:13px 24px;font-size:14px;font-weight:700;line-height:1;display:inline-flex}.shop-scope .btn-primary{background:var(--navy);color:#fff}.shop-scope .btn-primary:hover{background:var(--ink);box-shadow:var(--shadow);transform:translateY(-1px)}.shop-scope .btn-accent{background:var(--accent);color:#fff}.shop-scope .btn-accent:hover{background:var(--accent-d);box-shadow:var(--shadow);transform:translateY(-1px)}.shop-scope .btn-ghost{color:var(--ink);border-color:var(--line);background:0 0}.shop-scope .btn-ghost:hover{border-color:var(--navy);background:var(--mist)}.shop-scope .btn-outline-light{color:#fff;background:0 0;border-color:#ffffff73}.shop-scope .btn-outline-light:hover{background:#ffffff1f;border-color:#fff}.shop-scope .btn-block{width:100%}.shop-scope .btn-sm{padding:9px 16px;font-size:12.5px}.shop-scope .btn-lg{padding:16px 30px;font-size:15px}.shop-scope .btn:disabled{opacity:.5;cursor:not-allowed}.shop-scope .link-arrow{font-family:var(--font-head);color:var(--accent-d);transition:gap .2s var(--ease);align-items:center;gap:7px;font-size:14px;font-weight:700;display:inline-flex}.shop-scope .link-arrow:hover{gap:12px}.shop-scope .chip{background:var(--mist);color:var(--muted);border:1px solid var(--line);transition:all .15s var(--ease);cursor:pointer;white-space:nowrap;border-radius:100px;align-items:center;gap:7px;padding:6px 13px;font-size:12.5px;font-weight:600;display:inline-flex}.shop-scope .chip:hover{border-color:var(--navy);color:var(--ink)}.shop-scope .chip.active{background:var(--navy);color:#fff;border-color:var(--navy)}.shop-scope .tag{font-family:var(--font-head);letter-spacing:.08em;text-transform:uppercase;border-radius:3px;align-items:center;gap:6px;padding:4px 10px;font-size:10.5px;font-weight:700;display:inline-flex}.shop-scope .tag-pro{color:var(--navy);background:#1c2c541a}.shop-scope .tag-retail{color:var(--teal-d);background:#129fb31f}.shop-scope .tag-new{background:var(--coral);color:#fff}.shop-scope .tag-spf{color:var(--blue);background:#36719f1f}.shop-scope .card{border:1px solid var(--line);border-radius:var(--radius-lg);transition:all .25s var(--ease);background:#fff;overflow:hidden}.shop-scope .card:hover{box-shadow:var(--shadow);border-color:var(--mist-2)}.shop-scope .rule{background:var(--line);border:0;height:1px;margin:0}.shop-scope .rule-coral{background:var(--coral);border:0;width:56px;height:2px}.shop-scope .flex{display:flex}.shop-scope .between{justify-content:space-between;align-items:center;display:flex}.shop-scope .center{align-items:center;display:flex}.shop-scope .gap-6{gap:6px}.shop-scope .gap-8{gap:8px}.shop-scope .gap-10{gap:10px}.shop-scope .gap-12{gap:12px}.shop-scope .gap-16{gap:16px}.shop-scope .gap-20{gap:20px}.shop-scope .gap-24{gap:24px}.shop-scope .gap-32{gap:32px}.shop-scope .col{flex-direction:column;display:flex}.shop-scope .grid{display:grid}.shop-scope .wrap-row{flex-wrap:wrap;display:flex}.shop-scope .pviz{aspect-ratio:1;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.shop-scope .pviz-bg{position:absolute;inset:0}.shop-scope .bottle{filter:drop-shadow(0 18px 28px #15223f38);z-index:1;width:38%;position:relative}.shop-scope .bottle-tall{width:30%}.shop-scope .bottle-jar{width:46%}.shop-scope .bottle-tube{width:26%}.shop-scope .cross-mark{z-index:2;position:absolute}.shop-scope .site-header{z-index:60;-webkit-backdrop-filter:saturate(160%)blur(14px);backdrop-filter:saturate(160%)blur(14px);border-bottom:1px solid var(--line);background:#ffffffdb;position:sticky;top:0}.shop-scope .header-top{background:var(--ink);color:#ffffffc7;letter-spacing:.01em;font-size:12.5px}.shop-scope .header-top a{color:#fff}.shop-scope .header-main{height:76px}.shop-scope .logo{-webkit-user-select:none;user-select:none;align-items:flex-end;gap:0;line-height:1;display:inline-flex}.shop-scope .logo .hb{font-family:var(--font-head);letter-spacing:.01em;color:var(--ink);font-size:23px;font-weight:800}.shop-scope .logo .lab{font-family:var(--font-head);letter-spacing:.02em;color:#fff;background:var(--navy);border-radius:2px;align-self:flex-start;margin-left:4px;padding:2px 6px 3px;font-size:16px;font-weight:800;position:relative;top:1px}.shop-scope .logo .tagline{font-family:var(--font-head);letter-spacing:.26em;color:var(--muted);margin-top:3px;font-size:7.5px;font-weight:700;display:block}.shop-scope .logo-wrap{flex-direction:column;display:inline-flex}.shop-scope .logo-lg .hb{font-size:34px}.shop-scope .logo-lg .lab{font-size:23px}.shop-scope .logo-lg .tagline{font-size:10px}.shop-scope .logo-light .hb{color:#fff}.shop-scope .logo-light .lab{color:var(--ink);background:#fff}.shop-scope .logo-light .tagline{color:#fff9}.shop-scope .nav{align-items:center;gap:4px;display:flex}.shop-scope .nav a{font-family:var(--font-head);border-radius:var(--radius);color:var(--ink);transition:all .15s var(--ease);white-space:nowrap;padding:9px 14px;font-size:14.5px;font-weight:600;position:relative}.shop-scope .nav a:hover,.shop-scope .nav a.active{color:var(--accent-d)}.shop-scope .nav a.active:after{content:"";background:var(--accent);border-radius:2px;height:2px;position:absolute;bottom:2px;left:14px;right:14px}.shop-scope .icon-btn{border-radius:var(--radius);width:42px;height:42px;color:var(--ink);transition:all .15s var(--ease);background:0 0;border:1px solid #0000;place-items:center;display:grid;position:relative}.shop-scope .icon-btn:hover{background:var(--mist);border-color:var(--line)}.shop-scope .badge-count{background:var(--coral);color:#fff;min-width:18px;height:18px;font-family:var(--font-head);border:2px solid #fff;border-radius:100px;place-items:center;padding:0 5px;font-size:10.5px;font-weight:800;display:grid;position:absolute;top:2px;right:2px}.shop-scope .searchbar{background:var(--mist);border:1px solid var(--line);min-width:230px;transition:all .15s var(--ease);border-radius:100px;align-items:center;gap:8px;padding:8px 14px;display:flex}.shop-scope .searchbar:focus-within{border-color:var(--navy);background:#fff}.shop-scope .searchbar input{background:0 0;border:0;outline:none;width:100%;font-size:14px}.shop-scope .b2b-badge{font-family:var(--font-head);color:var(--teal-d);background:#129fb31f;border:1px solid #129fb34d;border-radius:100px;align-items:center;gap:7px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.shop-scope .site-footer{background:var(--ink);color:#ffffffb3;padding:72px 0 36px}.shop-scope .site-footer h4{color:#fff;letter-spacing:.14em;text-transform:uppercase;margin-bottom:18px;font-size:13px;font-weight:700}.shop-scope .site-footer a{color:#ffffffb3;transition:color .15s}.shop-scope .site-footer a:hover{color:#fff}.shop-scope .footer-grid{grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:40px;display:grid}.shop-scope .overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade .2s var(--ease);background:#15223f73;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.shop-scope .modal{border-radius:var(--radius-lg);width:100%;max-width:440px;box-shadow:var(--shadow-lg);animation:pop .25s var(--ease);background:#fff;overflow:hidden}.shop-scope .drawer-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade .2s var(--ease);background:#15223f73;position:fixed;inset:0}.shop-scope .drawer{z-index:201;width:min(440px,100vw);box-shadow:var(--shadow-lg);animation:slidein .3s var(--ease);background:#fff;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0}.shop-scope .field{margin-bottom:16px}.shop-scope .field label{font-family:var(--font-head);letter-spacing:.04em;color:var(--ink);text-transform:uppercase;margin-bottom:7px;font-size:12.5px;font-weight:700;display:block}.shop-scope .field input,.shop-scope .field select,.shop-scope .field textarea{border:1.5px solid var(--line);border-radius:var(--radius);background:#fff;outline:none;width:100%;padding:12px 14px;transition:border-color .15s}.shop-scope .field input:focus,.shop-scope .field select:focus,.shop-scope .field textarea:focus{border-color:var(--accent)}.shop-scope .stepper{border:1.5px solid var(--line);border-radius:var(--radius);align-items:center;display:inline-flex;overflow:hidden}.shop-scope .stepper button{width:34px;height:34px;color:var(--ink);background:#fff;border:0;place-items:center;font-size:17px;transition:background .12s;display:grid}.shop-scope .stepper button:hover{background:var(--mist)}.shop-scope .stepper .qval{text-align:center;min-width:38px;font-family:var(--font-head);font-size:14px;font-weight:700}.shop-scope .price{font-family:var(--font-head);color:var(--ink);font-weight:800}.shop-scope .price-old{color:var(--muted-2);font-size:.82em;font-weight:600;text-decoration:line-through}.shop-scope .price-b2b{color:var(--teal-d)}.shop-scope .toast-wrap{z-index:300;flex-direction:column;align-items:center;gap:10px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.shop-scope .toast{background:var(--ink);color:#fff;box-shadow:var(--shadow-lg);animation:pop .25s var(--ease);border-radius:100px;align-items:center;gap:10px;padding:13px 20px;font-size:14px;font-weight:600;display:flex}.shop-scope .toast .dot{background:var(--teal);border-radius:100px;width:8px;height:8px}.shop-scope .reveal{opacity:0;transform:translateY(16px)}.shop-scope .reveal.in{opacity:1;transition:opacity .6s var(--ease), transform .6s var(--ease);transform:none}@media (prefers-reduced-motion:reduce){.shop-scope .reveal{opacity:1;transform:none}}.shop-scope .tile{border:1px solid var(--line);border-radius:var(--radius-lg);transition:all .2s var(--ease);cursor:pointer;background:#fff;padding:22px}.shop-scope .tile:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-2px)}@media (max-width:1080px){.shop-scope .footer-grid{grid-template-columns:1fr 1fr;gap:32px}}@media (max-width:860px){.shop-scope .section{padding:60px 0}.shop-scope .hide-mobile{display:none!important}.shop-scope .wrap,.shop-scope .wrap-wide{padding:0 18px}}@media (max-width:560px){.shop-scope .footer-grid{grid-template-columns:1fr}}.shop-scope #tweaks-root:empty{display:none}.shop-scope{--ink:#141414;--navy:#1a1a1a;--teal:#5f6671;--teal-d:#41454c;--blue:#5f6671;--coral:#7c7c7a;--paper:#fff;--mist:#f5f5f4;--mist-2:#ececea;--line:#e5e4e1;--muted:#6b6b6b;--muted-2:#9b9b98;--ok:#2f9e6b;--accent:var(--teal);--accent-d:var(--teal-d)}@keyframes slidein{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:none}}.shop-scope .hide-desktop,.shop-scope .shop-mobile-filter{display:none}@media (max-width:860px){.shop-scope .hide-mobile{display:none!important}.shop-scope .hide-desktop{display:grid!important}.shop-scope .shop-mobile-filter{display:inline-flex!important}.shop-scope .shop-grid{grid-template-columns:1fr!important;gap:0!important}.shop-scope .product-grid{grid-template-columns:1fr!important;gap:36px!important}.shop-scope .product-visual{position:static!important}.shop-scope .hero-grid{grid-template-columns:1fr!important}.shop-scope .contact-grid{grid-template-columns:1fr!important;gap:36px!important}.shop-scope .b2b-band{grid-template-columns:1fr!important}.shop-scope .about-row{grid-template-columns:1fr!important;gap:8px!important}.shop-scope .line-about{grid-template-columns:1fr!important;gap:12px!important}.shop-scope .ingredient-row{grid-template-columns:1fr!important;gap:4px!important}}