/** Shopify CDN: Minification failed

Line 227:0 Unexpected "}"

**/
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--dazzl-cream);color:var(--dazzl-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.page-width{width:min(calc(100% - 40px),var(--page-width));margin-inline:auto}.section{padding:96px 0}.section--tight{padding:64px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:40px}.section-heading h2,.display-heading{font-family:Impact,"Arial Narrow",Arial,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:-.015em;line-height:.94;margin:0}.section-heading h2{font-size:clamp(40px,6vw,76px)}.section-heading p{max-width:520px;margin:0;color:rgba(23,21,41,.72);font-size:18px}.eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:800}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border-radius:999px;border:1px solid transparent;font-weight:800;text-transform:uppercase;letter-spacing:.04em;font-size:13px;transition:.2s ease}.button:hover{transform:translateY(-2px)}.button--primary{background:var(--dazzl-navy);color:#fff}.button--pink{background:var(--dazzl-pink);color:#fff}.button--outline{border-color:var(--dazzl-navy);color:var(--dazzl-navy);background:transparent}.button--full{width:100%}.text-link{font-weight:800;text-transform:uppercase;font-size:13px;letter-spacing:.05em;border-bottom:2px solid currentColor;padding-bottom:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:20px;top:20px;z-index:1000;background:#fff;padding:12px 18px;border-radius:999px;transform:translateY(-160%)}.skip-link:focus{transform:none}.icon-button{width:42px;height:42px;border:0;background:transparent;border-radius:50%;display:grid;place-items:center;padding:9px}.icon-button:hover{background:rgba(13,12,62,.06)}.icon-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Header */
.announcement{background:var(--dazzl-navy);color:#fff;font-size:12px;font-weight:750;letter-spacing:.025em}.announcement__inner{min-height:34px;display:flex;align-items:center;justify-content:center;gap:18px}.announcement a{text-decoration:underline}.site-header{position:sticky;top:0;z-index:40;background:rgba(255,253,247,.94);backdrop-filter:blur(18px);border-bottom:1px solid var(--dazzl-line)}.site-header__inner{height:78px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:34px}.brand{display:flex;align-items:center}.brand__logo{height:auto;object-fit:contain}.brand__logo--fallback{width:150px}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:28px}.desktop-nav a{font-size:12px;font-weight:850;letter-spacing:.055em;text-transform:uppercase;position:relative}.desktop-nav a:after{content:"";position:absolute;height:2px;background:var(--dazzl-pink);left:0;right:100%;bottom:-8px;transition:.2s}.desktop-nav a:hover:after,.desktop-nav a[aria-current=page]:after{right:0}.header-actions{display:flex;align-items:center;gap:2px}.mobile-menu-toggle{display:none}.mobile-menu{background:var(--dazzl-cream);border-top:1px solid var(--dazzl-line)}.mobile-menu__inner{display:grid;padding-block:20px 28px}.mobile-menu a{font-family:Impact,"Arial Narrow",sans-serif;text-transform:uppercase;font-size:34px;line-height:1;padding:12px 0;border-bottom:1px solid var(--dazzl-line)}

/* Hero */
.hero-dazzl{position:relative;overflow:hidden;padding:66px 0 76px;background:radial-gradient(circle at 78% 45%,rgba(255,43,121,.09),transparent 34%),linear-gradient(180deg,#fffdf7 0%,#fffaf0 100%)}.hero-dazzl:before{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(13,12,62,.10);border-radius:50%;right:-110px;top:-120px}.hero-grid{display:grid;grid-template-columns:minmax(0,.94fr) minmax(480px,1.06fr);align-items:center;gap:56px}.hero-copy{position:relative;z-index:2}.hero-copy .display-heading{font-size:clamp(58px,8vw,116px);max-width:760px}.hero-copy .display-heading .accent{color:var(--dazzl-pink)}.hero-copy__lead{font-size:clamp(18px,2vw,23px);max-width:600px;margin:24px 0 28px;color:rgba(23,21,41,.72)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.hero-micro{margin-top:24px;display:flex;gap:20px;flex-wrap:wrap;font-weight:700;font-size:13px}.hero-micro span{display:flex;align-items:center;gap:7px}.hero-micro span:before{content:"✓";color:var(--dazzl-pink);font-weight:900}.hero-products{position:relative;min-height:620px}.hero-product{position:absolute;filter:drop-shadow(0 34px 30px rgba(13,12,62,.16));transition:transform .4s ease}.hero-product img{width:100%;height:auto}.hero-product--energy{width:48%;left:0;bottom:0;transform:rotate(-5deg)}.hero-product--sleep{width:48%;left:28%;top:0;z-index:2;transform:translateY(8px)}.hero-product--multi{width:48%;right:-2%;bottom:2%;transform:rotate(5deg)}.hero-products:hover .hero-product--energy{transform:rotate(-7deg) translate(-6px,2px)}.hero-products:hover .hero-product--multi{transform:rotate(7deg) translate(6px,2px)}.hero-sticker{position:absolute;right:4%;top:8%;z-index:5;width:112px;height:112px;border-radius:50%;background:var(--dazzl-navy);color:#fff;display:grid;place-items:center;text-align:center;font-family:Impact,"Arial Narrow",sans-serif;text-transform:uppercase;line-height:1;font-size:20px;transform:rotate(8deg);box-shadow:0 10px 30px rgba(13,12,62,.16)}

/* Need state */
.need-state{background:#fff}.need-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.need-card{position:relative;min-height:250px;border:1px solid var(--dazzl-line);border-radius:var(--radius-md);padding:28px;overflow:hidden;transition:.25s;background:#fff}.need-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(13,12,62,.08)}.need-card--orange{background:#fff5ec}.need-card--lilac{background:#f5eff8}.need-card--pink{background:#fff0f5}.need-card__icon{font-size:34px;line-height:1;margin-bottom:42px}.need-card h3{margin:0 0 10px;font-family:Impact,"Arial Narrow",sans-serif;font-size:44px;line-height:.98;text-transform:uppercase;font-weight:400}.need-card p{margin:0;color:rgba(23,21,41,.66)}.need-card__arrow{position:absolute;right:22px;top:22px;width:42px;height:42px;border-radius:50%;border:1px solid rgba(13,12,62,.22);display:grid;place-items:center;font-size:20px}.need-card:hover .need-card__arrow{background:var(--dazzl-navy);color:#fff}

/* Product cards */
.products-section{background:var(--dazzl-cream)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card{border-radius:var(--radius-md);background:#fff;border:1px solid var(--dazzl-line);overflow:hidden;position:relative}.product-card__media{height:480px;display:flex;align-items:center;justify-content:center;padding:30px 16px 10px;background:linear-gradient(180deg,rgba(255,255,255,.6),rgba(255,255,255,.92));position:relative}.product-card--orange .product-card__media{background:linear-gradient(180deg,#fff0e6,#fff 78%)}.product-card--lilac .product-card__media{background:linear-gradient(180deg,#f1e9f6,#fff 78%)}.product-card--pink .product-card__media{background:linear-gradient(180deg,#ffe8f0,#fff 78%)}.product-card__image{height:100%;width:100%;object-fit:contain;transition:transform .35s ease}.product-card:hover .product-card__image{transform:translateY(-7px) scale(1.02)}.product-card__content{padding:22px 24px 24px;display:flex;justify-content:space-between;gap:22px;align-items:flex-end;border-top:1px solid var(--dazzl-line)}.product-card h3{font-size:24px;line-height:1.05;margin:0;font-weight:900;text-transform:uppercase}.product-card__flavour{margin:6px 0 0;color:rgba(23,21,41,.62)}

/* Why / features */
.why-dazzl{background:var(--dazzl-navy);color:#fff;overflow:hidden;position:relative}.why-dazzl:after{content:"dazzl";position:absolute;right:-40px;bottom:-80px;font-family:Impact,"Arial Narrow",sans-serif;font-size:260px;line-height:1;color:rgba(255,255,255,.035);transform:rotate(-6deg)}.why-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start;position:relative;z-index:1}.why-title{font-family:Impact,"Arial Narrow",sans-serif;font-size:clamp(52px,7vw,92px);font-weight:400;text-transform:uppercase;line-height:.94;margin:0}.why-intro{font-size:19px;max-width:520px;color:rgba(255,255,255,.75);margin:18px 0 0}.value-grid{display:grid;gap:0}.value-item{padding:26px 0;border-top:1px solid rgba(255,255,255,.18);display:grid;grid-template-columns:170px 1fr;gap:28px}.value-item:last-child{border-bottom:1px solid rgba(255,255,255,.18)}.value-item h3{margin:0;text-transform:uppercase;font-size:16px;letter-spacing:.08em}.value-item p{margin:0;color:rgba(255,255,255,.72)}

/* Formula education */
.formula-list{display:grid;gap:24px}.formula-row{display:grid;grid-template-columns:1fr 1.1fr;min-height:420px;border-radius:var(--radius-lg);overflow:hidden;background:#fff;border:1px solid var(--dazzl-line)}.formula-row:nth-child(even) .formula-media{order:2}.formula-media{position:relative;display:flex;align-items:center;justify-content:center;padding:28px}.formula-media--orange{background:#ffefe2}.formula-media--lilac{background:#eee4f4}.formula-media--pink{background:#ffe5ef}.formula-media img{height:360px;width:100%;object-fit:contain;filter:drop-shadow(0 24px 24px rgba(13,12,62,.12))}.formula-copy{padding:56px;display:flex;flex-direction:column;justify-content:center}.formula-copy h3{font-family:Impact,"Arial Narrow",sans-serif;text-transform:uppercase;font-weight:400;font-size:52px;line-height:.96;margin:0 0 12px}.formula-copy__lead{font-size:19px;margin:0 0 28px;color:rgba(23,21,41,.67);max-width:540px}.active-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.active-chip{background:rgba(13,12,62,.06);border-radius:999px;padding:9px 12px;font-size:12px;font-weight:800}

/* Hydration teaser */
.hydration-teaser{position:relative;overflow:hidden;background:linear-gradient(135deg,#fff8fb 0%,#fff2f7 55%,#fff9f1 100%)}
.hydration-teaser:before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,43,121,.10);border-radius:50%;right:-250px;top:-260px}
.hydration-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:68px;align-items:center}
.hydration-copy{position:relative;z-index:2}.hydration-eyebrow{margin-top:0;color:var(--dazzl-pink)}
.hydration-copy h2{font-family:Impact,"Arial Narrow",sans-serif;font-size:clamp(54px,7vw,90px);line-height:.94;text-transform:uppercase;font-weight:400;margin:0;max-width:780px}
.hydration-copy p{font-size:19px;max-width:590px;color:rgba(23,21,41,.70)}
.coming-soon-pill{display:inline-flex;background:var(--dazzl-pink);color:#fff;padding:8px 12px;border-radius:999px;text-transform:uppercase;font-size:11px;font-weight:900;letter-spacing:.08em;margin-bottom:18px}
.hydration-flavours{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.hydration-flavours span{padding:10px 14px;border:1px solid rgba(13,12,62,.14);background:rgba(255,255,255,.78);border-radius:999px;font-weight:800;font-size:13px}
.email-inline{display:flex;gap:8px;max-width:600px}.email-inline input{flex:1;min-width:0;border:1px solid rgba(13,12,62,.18);border-radius:999px;padding:0 18px;background:#fff;min-height:52px}
.hydration-graphic{min-height:450px;border-radius:38px;background:var(--dazzl-navy);color:#fff;position:relative;overflow:hidden;padding:38px;box-shadow:0 28px 70px rgba(13,12,62,.13);isolation:isolate}
.hydration-graphic:before{content:"";position:absolute;width:290px;height:290px;border-radius:50%;background:rgba(255,255,255,.05);right:-90px;top:-80px;z-index:-1}.hydration-graphic:after{content:"";position:absolute;width:190px;height:190px;border:32px solid rgba(255,43,121,.22);border-radius:50%;left:-80px;bottom:-100px;z-index:-1}
.hydration-graphic__word{position:absolute;left:36px;bottom:30px;font-family:Impact,"Arial Narrow",sans-serif;font-size:clamp(56px,6vw,88px);line-height:.88;letter-spacing:-.02em;text-transform:uppercase;color:#fff}
.hydration-graphic__sub{font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.65)}
.hydration-graphic__flavour{position:absolute;border-radius:18px;padding:16px 17px;font-family:Impact,"Arial Narrow",sans-serif;font-size:24px;line-height:.95;text-transform:uppercase;transform:rotate(-4deg);box-shadow:0 18px 35px rgba(0,0,0,.16)}
.hydration-graphic__flavour--lime{right:36px;top:104px;background:#d8ff74;color:var(--dazzl-navy)}
.hydration-graphic__flavour--berry{right:56px;top:210px;background:var(--dazzl-pink);color:#fff;transform:rotate(5deg)}
.hydration-bubble{position:absolute;border:2px solid rgba(255,255,255,.48);border-radius:50%;background:rgba(255,255,255,.06)}.hydration-bubble--1{width:24px;height:24px;right:182px;top:72px}.hydration-bubble--2{width:11px;height:11px;right:214px;top:114px}.hydration-bubble--3{width:34px;height:34px;right:27px;top:270px}.hydration-bubble--4{width:15px;height:15px;right:84px;top:326px}.hydration-bubble--5{width:9px;height:9px;right:116px;top:62px}

/* Retail + newsletter */
.retail-section{background:#fff}.retail-card{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;padding:48px;border:1px solid var(--dazzl-line);border-radius:var(--radius-lg)}.retail-card h2{font-family:Impact,"Arial Narrow",sans-serif;font-size:56px;line-height:.98;text-transform:uppercase;font-weight:400;margin:0}.retail-card p{margin:14px 0 0;color:rgba(23,21,41,.65)}.retail-channels{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.retail-channels span{font-size:12px;font-weight:850;text-transform:uppercase;border:1px solid var(--dazzl-line);border-radius:999px;padding:8px 10px}.newsletter-section{background:var(--dazzl-pink);color:#fff}.newsletter-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.newsletter-grid h2{font-family:Impact,"Arial Narrow",sans-serif;text-transform:uppercase;font-size:clamp(54px,7vw,88px);line-height:.94;font-weight:400;margin:0}.newsletter-grid p{font-size:18px;max-width:520px}.newsletter-form{display:flex;gap:8px}.newsletter-form input{flex:1;min-width:0;height:54px;border:0;border-radius:999px;padding:0 18px}.newsletter-form .button{background:var(--dazzl-navy)}.form-success{font-weight:800;margin-top:10px}

/* Product page */
.product-main{padding:58px 0 88px;background:#fff}.product-layout{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(420px,.96fr);gap:70px;align-items:start}.product-gallery{position:sticky;top:132px;background:#f8f5ee;border-radius:var(--radius-lg);min-height:620px;display:grid;place-items:center;padding:34px}.product-gallery img{max-height:680px;object-fit:contain}.product-info{padding-top:20px}.product-info h1{font-family:Impact,"Arial Narrow",sans-serif;text-transform:uppercase;font-size:clamp(54px,6vw,82px);font-weight:400;line-height:.94;margin:0}.product-tagline{font-size:21px;color:rgba(23,21,41,.68);margin:18px 0 24px}.product-badges{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.product-badges span{background:#f5f1ea;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:800}.product-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:36px 0}.benefit-tile{padding:15px;border-radius:16px;background:#f7f4ee;font-size:12px;font-weight:750}.actives-panel{margin-top:40px}.actives-panel h2{font-family:Impact,"Arial Narrow",sans-serif;font-size:44px;text-transform:uppercase;font-weight:400;margin:0 0 16px}.active-detail{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:18px 0;border-top:1px solid var(--dazzl-line)}.active-detail__icon{width:42px;height:42px;border-radius:50%;background:var(--dazzl-navy);color:#fff;display:grid;place-items:center;font-weight:900}.active-detail h3{margin:1px 0 5px;font-size:15px;text-transform:uppercase}.active-detail p{margin:0;color:rgba(23,21,41,.65);font-size:14px}.product-accordions{margin-top:32px;border-top:1px solid var(--dazzl-line)}.product-accordions details{border-bottom:1px solid var(--dazzl-line);padding:0}.product-accordions summary{list-style:none;padding:18px 2px;font-weight:850;text-transform:uppercase;font-size:13px;cursor:pointer;display:flex;justify-content:space-between}.product-accordions summary::-webkit-details-marker{display:none}.product-accordions summary:after{content:"+"}.product-accordions details[open] summary:after{content:"–"}.accordion-content{padding:0 2px 20px;color:rgba(23,21,41,.7)}.accordion-content p:first-child{margin-top:0}.related-products{background:var(--dazzl-cream)}
.stockist-panel{margin:28px 0 32px;padding:22px 24px;border-radius:22px;background:#f7f4ee;border:1px solid var(--dazzl-line)}.stockist-panel strong{display:block;font-size:18px;text-transform:uppercase}.stockist-panel p{margin:7px 0 18px;color:rgba(23,21,41,.65);max-width:520px}.product-format{margin-top:18px}.product-tagline--small{font-size:17px}.product-footnote{font-size:12px;color:rgba(23,21,41,.56);margin-top:18px}

/* Collection / pages */
.collection-hero{padding:68px 0 36px}.collection-hero h1,.page-hero h1{font-family:Impact,"Arial Narrow",sans-serif;font-size:clamp(58px,8vw,106px);text-transform:uppercase;line-height:.94;font-weight:400;margin:0}.collection-hero p,.page-hero p{max-width:650px;font-size:18px;color:rgba(23,21,41,.68)}.collection-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:20px}.collection-toolbar select{border:1px solid var(--dazzl-line);background:#fff;border-radius:999px;height:44px;padding:0 36px 0 14px}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding-bottom:88px}.page-hero{padding:72px 0 40px}.rte{max-width:850px}.rte h2{font-family:Impact,"Arial Narrow",sans-serif;font-weight:400;text-transform:uppercase;font-size:44px}.rte a{text-decoration:underline}.page-content{padding-bottom:88px}.search-form{display:flex;gap:8px;max-width:700px;margin:30px 0}.search-form input{flex:1;height:52px;border-radius:999px;border:1px solid var(--dazzl-line);padding:0 18px;background:#fff}.empty-state{text-align:center;padding:90px 20px}.empty-state h1{font-family:Impact,"Arial Narrow",sans-serif;font-size:64px;text-transform:uppercase;font-weight:400;margin:0 0 10px}

/* FAQ */
.faq-wrap{max-width:900px;margin:0 auto}.faq-wrap details{border-bottom:1px solid var(--dazzl-line)}.faq-wrap summary{padding:22px 0;font-size:18px;font-weight:850;cursor:pointer;display:flex;justify-content:space-between;list-style:none}.faq-wrap summary:after{content:"+"}.faq-wrap details[open] summary:after{content:"–"}.faq-answer{padding:0 0 22px;color:rgba(23,21,41,.68)}

/* Footer */
.site-footer{background:#09082f;color:#fff;padding:70px 0 22px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:42px}.footer-logo-wrap{width:180px;max-width:100%;aspect-ratio:334/122;display:flex;align-items:center;justify-content:flex-start;margin-bottom:18px}.footer-logo{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:left center!important;filter:invert(1) brightness(10);opacity:.98}.footer-brand p{max-width:320px;color:rgba(255,255,255,.64);margin-top:0}.footer-socials{display:flex;gap:16px;font-weight:800;font-size:13px}.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.footer-column h3{font-size:12px;text-transform:uppercase;letter-spacing:.11em;margin:4px 0 10px;color:rgba(255,255,255,.55)}.footer-column a{font-size:13px;color:rgba(255,255,255,.82)}.footer-column a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:20px;margin-top:52px;display:flex;justify-content:space-between;gap:20px;color:rgba(255,255,255,.48);font-size:11px}

@media(max-width:1050px){.desktop-nav{display:none}.mobile-menu-toggle{display:grid}.site-header__inner{grid-template-columns:auto 1fr auto}.brand{justify-self:center}.header-account{display:none}.hero-grid{grid-template-columns:1fr;gap:20px}.hero-copy{text-align:center}.hero-copy__lead{margin-left:auto;margin-right:auto}.hero-actions,.hero-micro{justify-content:center}.hero-products{min-height:540px;max-width:720px;width:100%;margin:0 auto}.why-grid{grid-template-columns:1fr;gap:44px}.newsletter-grid{grid-template-columns:1fr;gap:24px}.footer-grid{grid-template-columns:1.2fr repeat(2,1fr)}.product-layout{grid-template-columns:1fr;gap:36px}.product-gallery{position:relative;top:auto;min-height:520px}.formula-copy{padding:42px}.collection-grid,.product-grid{grid-template-columns:repeat(2,1fr)}.product-grid .product-card:last-child{grid-column:span 2;max-width:calc(50% - 11px);width:100%;justify-self:center}}
@media(max-width:760px){.page-width{width:min(calc(100% - 28px),var(--page-width))}.section{padding:68px 0}.section-heading{display:block;margin-bottom:28px}.section-heading p{margin-top:14px}.announcement__inner{min-height:32px;text-align:center;font-size:10px}.site-header__inner{height:66px;gap:10px}.brand__logo--fallback{width:118px}.header-search{display:none}.hero-dazzl{padding:46px 0 40px}.hero-grid{gap:0}.hero-copy .display-heading{font-size:58px}.hero-copy__lead{font-size:17px}.hero-products{min-height:420px;margin-top:18px}.hero-product--energy,.hero-product--sleep,.hero-product--multi{width:54%}.hero-product--energy{left:-6%}.hero-product--sleep{left:23%}.hero-product--multi{right:-5%}.hero-sticker{width:82px;height:82px;font-size:15px;right:0}.need-grid,.product-grid,.collection-grid{grid-template-columns:1fr}.product-grid .product-card:last-child{grid-column:auto;max-width:none}.need-card{min-height:220px}.product-card__media{height:390px}.product-card__content{padding:20px}.why-title{font-size:58px}.value-item{grid-template-columns:1fr;gap:7px}.formula-row{grid-template-columns:1fr;min-height:auto}.formula-row:nth-child(even) .formula-media{order:0}.formula-media{min-height:350px}.formula-media img{height:310px}.formula-copy{padding:34px 26px}.formula-copy h3{font-size:44px}.hydration-grid{grid-template-columns:1fr;gap:36px}.hydration-graphic{max-width:620px;width:100%;margin:0 auto}.email-inline,.newsletter-form{display:grid;grid-template-columns:1fr}.email-inline input,.newsletter-form input{height:52px}.retail-card{grid-template-columns:1fr;padding:30px}.retail-card h2{font-size:46px}.newsletter-grid h2{font-size:58px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}.product-main{padding-top:28px}.product-gallery{min-height:420px;padding:16px}.product-info h1{font-size:58px}.product-benefits{grid-template-columns:1fr}.collection-hero{padding-top:50px}.collection-toolbar{align-items:flex-start;flex-direction:column}}

/* v1.2 — design refinements / retail-first */
.hero-title{max-width:none!important}.hero-title__line{display:block;white-space:nowrap}.hero-copy .hero-title{font-size:clamp(64px,6.6vw,108px)}
.header-stockist{min-height:42px;padding-inline:17px;font-size:11px}.mobile-stockist-link{margin-top:14px!important;border:0!important;color:var(--dazzl-pink)!important;font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;font-size:14px!important;font-weight:900;letter-spacing:.03em}
.product-card__content{align-items:center}.product-card__discover{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;border-bottom:2px solid var(--dazzl-navy);padding-bottom:2px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.product-card__discover span{font-size:17px;line-height:1}
.collection-products{background:var(--dazzl-cream)}.collection-pagination{text-align:center;padding:10px 0 70px}

@media(max-width:1050px){
  .hero-copy .hero-title{font-size:clamp(64px,9vw,92px)}
  .header-stockist{display:none}
}

@media(max-width:760px){
  body{font-size:15px}
  .page-width{width:min(calc(100% - 30px),var(--page-width))}
  .site-header__inner{grid-template-columns:42px 1fr 42px}
  .header-actions{justify-self:end}
  .header-search{display:grid}
  .brand{justify-self:center}
  .brand__logo{max-width:122px;height:auto!important}
  .hero-dazzl{padding:34px 0 34px}
  .hero-copy{text-align:left!important}
  .hero-copy .hero-title{font-size:clamp(46px,13.6vw,58px);line-height:.92;letter-spacing:-.02em}
  .hero-title__line{white-space:nowrap}
  .hero-copy__lead{font-size:16px;line-height:1.45;margin:18px 0 22px}
  .hero-actions{justify-content:flex-start!important;gap:14px}
  .hero-actions .button{width:100%;min-height:50px}
  .hero-actions .text-link{font-size:12px}
  .hero-micro{justify-content:flex-start!important;gap:12px 16px;margin-top:20px;font-size:11px}
  .hero-products{min-height:310px;margin-top:24px;overflow:visible}
  .hero-product--energy,.hero-product--sleep,.hero-product--multi{width:48%}
  .hero-product--energy{left:-2%;bottom:0}
  .hero-product--sleep{left:26%;top:0}
  .hero-product--multi{right:-1%;bottom:0}
  .hero-sticker{width:72px;height:72px;font-size:13px;right:0;top:4%}
  .section{padding:60px 0}
  .section-heading h2{font-size:48px}
  .section-heading p{font-size:16px}
  .need-grid{gap:10px}
  .need-card{min-height:0;padding:22px;border-radius:20px}
  .need-card__icon{width:44px;height:44px}
  .need-card h3{font-size:27px}
  .products-section .product-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-right:-15px;padding-right:15px;padding-bottom:8px;scrollbar-width:none}
  .products-section .product-grid::-webkit-scrollbar{display:none}
  .products-section .product-card{flex:0 0 84vw;scroll-snap-align:start}
  .product-card__media{height:360px}
  .product-card__content{padding:18px;gap:12px}
  .product-card h3{font-size:21px}
  .product-card__discover{font-size:11px}
  .formula-row{border-radius:24px}
  .formula-media{min-height:300px}
  .formula-media img{height:275px}
  .formula-copy{padding:28px 22px}
  .formula-copy h3{font-size:40px}
  .hydration-grid{gap:26px}
  .hydration-copy h2{font-size:50px}
  .hydration-copy p{font-size:16px}
  .hydration-flavours{gap:8px;margin:18px 0}
  .hydration-flavours span{font-size:12px;padding:9px 11px}
  .email-inline .button{width:100%}
  .retail-card{border-radius:24px}
  .footer-grid{grid-template-columns:1fr;gap:30px}
  .footer-brand{grid-column:auto}
  .footer-column{padding-top:8px;border-top:1px solid rgba(255,255,255,.12)}
  .product-layout{gap:28px}
  .product-gallery{min-height:380px;border-radius:24px}
  .product-info h1{font-size:50px}
  .stockist-panel{padding:20px;border-radius:20px}
  .stockist-panel .button{width:100%}
}


@media(max-width:760px){
  .hero-copy .hero-title{font-size:min(12.2vw,54px);line-height:.92;letter-spacing:-.018em}
  .hero-title__line{white-space:nowrap}
  .hydration-grid{grid-template-columns:1fr;gap:28px}
  .hydration-copy h2{font-size:50px}
  .hydration-copy p{font-size:16px}
  .hydration-graphic{min-height:310px;border-radius:24px;padding:26px}
  .hydration-graphic__word{left:24px;bottom:22px;font-size:56px}
  .hydration-graphic__sub{font-size:10px}
  .hydration-graphic__flavour{font-size:18px;padding:12px 13px;border-radius:14px}
  .hydration-graphic__flavour--lime{right:22px;top:72px}
  .hydration-graphic__flavour--berry{right:32px;top:150px}
  .footer-logo-wrap{width:160px}
}
@media(max-width:390px){
  .hero-copy .hero-title{font-size:11.7vw}
  .hero-products{min-height:285px}
  .hero-sticker{width:66px;height:66px;font-size:12px}
  .products-section .product-card{flex-basis:88vw}
}

/* v1.6 — interactive product clusters with spaced static callouts */
.hero-products--clusters{position:relative;min-height:640px;isolation:isolate;overflow:visible}
.hero-cluster{--cluster-rotate:0deg;position:absolute;display:block;width:45%;aspect-ratio:945/1050;transform:rotate(var(--cluster-rotate));transform-origin:50% 82%;transition:transform .52s cubic-bezier(.22,.75,.18,1),filter .35s ease,opacity .35s ease;filter:drop-shadow(0 32px 28px rgba(13,12,62,.16));outline:none}
.hero-cluster__pouch{position:relative;z-index:3;display:block;width:100%;height:auto;transition:transform .52s cubic-bezier(.22,.75,.18,1),filter .35s ease;will-change:transform}
.hero-cluster__fruit,.hero-cluster__gummy{position:absolute;height:auto;pointer-events:none;user-select:none;transition:transform .58s cubic-bezier(.22,.75,.18,1);will-change:transform;filter:drop-shadow(0 12px 10px rgba(13,12,62,.12))}
.hero-cluster--energy{--cluster-rotate:-4deg;left:1%;bottom:1%;z-index:1}
.hero-cluster--sleep{left:28%;top:0;z-index:3}
.hero-cluster--multi{--cluster-rotate:4deg;right:1%;bottom:1%;z-index:2}
.hero-cluster--energy .hero-cluster__gummy{z-index:4;width:20%;left:-4%;top:15%;transform:rotate(-9deg)}
.hero-cluster--energy .hero-cluster__fruit{z-index:4;width:31%;right:-8%;bottom:8%;transform:rotate(7deg)}
.hero-cluster--sleep .hero-cluster__gummy{z-index:4;width:20%;right:-10%;top:8%;transform:rotate(8deg)}
.hero-cluster--sleep .hero-cluster__fruit{z-index:4;width:27%;right:-10%;top:36%;transform:rotate(7deg)}
.hero-cluster--multi .hero-cluster__gummy{z-index:4;width:20%;left:-10%;bottom:0;transform:rotate(-6deg)}
.hero-cluster--multi .hero-cluster__fruit{z-index:4;width:29%;right:-11%;bottom:8%;transform:rotate(8deg)}
.hero-callout{position:absolute;z-index:7;max-width:150px;font-family:"Bradley Hand","Segoe Print","Comic Sans MS",cursive;font-size:clamp(16px,1.45vw,23px);font-weight:800;line-height:1.02;letter-spacing:-.025em;pointer-events:none;text-wrap:balance}
.hero-callout:after{display:inline-block;margin-left:6px;font-family:inherit;font-size:.92em}
.hero-callout--energy{left:0;top:36%;max-width:126px;color:#f35a12;transform:rotate(-7deg);text-align:right}
.hero-callout--energy:after{content:"↘"}
.hero-callout--sleep{left:43%;top:-1%;max-width:126px;color:#5f2a86;transform:rotate(-5deg)}
.hero-callout--sleep:after{content:"↘"}
.hero-callout--multi{right:0;top:28%;max-width:145px;color:var(--dazzl-pink);transform:rotate(5deg);text-align:right}
.hero-callout--multi:after{content:"↙";margin-left:0;margin-right:6px;float:left}
.hero-cluster:focus-visible{border-radius:24px;box-shadow:0 0 0 3px #fff,0 0 0 6px var(--dazzl-pink)}

@media (hover:hover) and (pointer:fine){
  .hero-cluster:hover{transform:translateY(-8px) rotate(var(--cluster-rotate));filter:drop-shadow(0 42px 34px rgba(13,12,62,.21))}
  .hero-cluster:hover .hero-cluster__pouch{transform:scale(1.025) translateY(-3px)}
  .hero-cluster--energy:hover .hero-cluster__gummy{transform:translate(-8px,-13px) rotate(-16deg) scale(1.08)}
  .hero-cluster--energy:hover .hero-cluster__fruit{transform:translate(13px,7px) rotate(12deg) scale(1.06)}
  .hero-cluster--sleep:hover .hero-cluster__gummy{transform:translate(11px,-13px) rotate(14deg) scale(1.08)}
  .hero-cluster--sleep:hover .hero-cluster__fruit{transform:translate(12px,4px) rotate(13deg) scale(1.07)}
  .hero-cluster--multi:hover .hero-cluster__gummy{transform:translate(-12px,8px) rotate(-12deg) scale(1.08)}
  .hero-cluster--multi:hover .hero-cluster__fruit{transform:translate(13px,4px) rotate(13deg) scale(1.06)}
  .hero-products--clusters:has(.hero-cluster:hover) .hero-cluster:not(:hover){filter:drop-shadow(0 26px 24px rgba(13,12,62,.11));opacity:.94}
}

@media(max-width:1050px){
  .hero-products--clusters{min-height:560px;max-width:760px}
  .hero-callout{display:none}
  .hero-cluster{width:45%}
  .hero-cluster--energy{left:0}
  .hero-cluster--sleep{left:27.5%}
  .hero-cluster--multi{right:0}
}

@media(max-width:760px){
  .hero-products--clusters{min-height:325px;margin-top:26px;overflow:visible;max-width:520px}
  .hero-cluster{width:46%;filter:drop-shadow(0 18px 16px rgba(13,12,62,.12));transition:none}
  .hero-cluster__pouch,.hero-cluster__fruit,.hero-cluster__gummy{transition:none}
  .hero-cluster--energy{left:-1%;bottom:0}
  .hero-cluster--sleep{left:27%;top:0}
  .hero-cluster--multi{right:-1%;bottom:0}
  .hero-cluster--energy .hero-cluster__gummy{width:19%;left:-1%;top:15%}
  .hero-cluster--energy .hero-cluster__fruit{width:28%;right:-6%;bottom:8%}
  .hero-cluster--sleep .hero-cluster__gummy{width:18%;right:-7%;top:9%}
  .hero-cluster--sleep .hero-cluster__fruit{width:24%;right:-7%;top:37%}
  .hero-cluster--multi .hero-cluster__gummy{width:19%;left:-7%;bottom:1%}
  .hero-cluster--multi .hero-cluster__fruit{width:26%;right:-7%;bottom:8%}
  .hero-sticker{width:68px;height:68px;font-size:12px;right:1%;top:1%;z-index:8}
}

@media(max-width:390px){
  .hero-products--clusters{min-height:292px}
  .hero-cluster{width:47%}
  .hero-sticker{width:62px;height:62px;font-size:11px}
}

@media(prefers-reduced-motion:reduce){
  .hero-cluster,.hero-cluster__pouch,.hero-cluster__fruit,.hero-cluster__gummy{transition:none!important}
}

}

/* v1.6 — rebuilt hero using genuinely separate interactive layers. */
.hero-dazzl--v16 .hero-grid{grid-template-columns:minmax(0,.92fr) minmax(560px,1.08fr);gap:42px}
.dazzl-hero-scene{position:relative;min-height:650px;isolation:isolate;overflow:visible}
.dazzl-product-cluster{position:absolute;display:block;width:44%;aspect-ratio:945/1050;filter:drop-shadow(0 30px 27px rgba(13,12,62,.16));outline:none;transition:filter .35s ease,opacity .35s ease;z-index:2}
.dazzl-product-cluster__pouch{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:3;transition:transform .5s cubic-bezier(.22,.75,.18,1);will-change:transform}
.dazzl-product-cluster--energy{left:2%;bottom:0;transform:rotate(-4deg);z-index:2}
.dazzl-product-cluster--sleep{left:29%;top:3%;z-index:4}
.dazzl-product-cluster--multi{right:0;bottom:1%;transform:rotate(4deg);z-index:3}
.dazzl-fruit,.dazzl-gummy,.dazzl-berry{position:absolute;pointer-events:none;user-select:none;will-change:transform;transition:transform .58s cubic-bezier(.22,.75,.18,1),filter .35s ease;filter:drop-shadow(0 12px 11px rgba(13,12,62,.13))}
.dazzl-fruit--energy{z-index:5;width:38%;right:-15%;bottom:4%;height:auto}
.dazzl-gummy--energy{z-index:6;width:19%;height:auto;left:-9%;top:15%;transform:rotate(-10deg)}
.dazzl-fruit--multi{z-index:5;width:42%;right:-17%;bottom:0;height:auto}
.dazzl-gummy--multi{z-index:6;width:19%;height:auto;left:-11%;bottom:-1%;transform:rotate(-7deg)}
.dazzl-fruit--sleep-custom{z-index:5;width:40%;right:-16%;top:28%;height:auto}
.dazzl-gummy--sleep{z-index:7;width:18%;height:auto;right:-11%;top:9%;transform:rotate(8deg)}
.dazzl-berries{position:absolute;z-index:5;right:-21%;top:22%;width:48%;height:45%;pointer-events:none}
.dazzl-berry{display:block;object-fit:cover;mix-blend-mode:multiply;mask-image:radial-gradient(ellipse at center,#000 45%,rgba(0,0,0,.98) 58%,transparent 76%);-webkit-mask-image:radial-gradient(ellipse at center,#000 45%,rgba(0,0,0,.98) 58%,transparent 76%)}
.dazzl-berry--raspberry{width:63%;right:0;top:16%;transform:rotate(6deg)}
.dazzl-berry--blackberry{width:54%;left:0;top:0;transform:rotate(-9deg)}
.dazzl-berry--blueberry{width:49%;left:19%;bottom:0;transform:rotate(8deg)}
.dazzl-callout{position:absolute;z-index:10;font-family:"Bradley Hand","Segoe Print","Comic Sans MS",cursive;font-weight:800;line-height:.95;letter-spacing:-.035em;pointer-events:none}
.dazzl-callout span{display:block;font-size:clamp(28px,2.25vw,38px)}
.dazzl-callout svg{display:block;overflow:visible;width:96px;height:auto;margin-top:2px}
.dazzl-callout svg path{fill:none;stroke:currentColor;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.dazzl-callout--energy{left:-1%;top:31%;color:#f15a19;transform:rotate(-6deg);text-align:center}
.dazzl-callout--energy svg{margin-left:28px;width:90px}
.dazzl-callout--sleep{left:39%;top:-3%;color:#542278;transform:rotate(-5deg);text-align:center}
.dazzl-callout--sleep svg{margin-left:42px;width:92px}
.dazzl-callout--multi{right:-4%;top:27%;max-width:205px;color:#f52a78;transform:rotate(5deg);text-align:center}
.dazzl-callout--multi span{font-size:clamp(24px,1.95vw,34px)}
.dazzl-callout--multi svg{margin-left:auto;margin-right:28px;width:86px}
.dazzl-hero-sticker{right:1%;top:5%;z-index:12;width:112px;height:112px;font-size:19px}
.dazzl-product-cluster:focus-visible{border-radius:24px;box-shadow:0 0 0 3px #fff,0 0 0 6px var(--dazzl-pink)}

@media (hover:hover) and (pointer:fine){
  .dazzl-product-cluster:hover{filter:drop-shadow(0 42px 34px rgba(13,12,62,.22));z-index:8}
  .dazzl-product-cluster:hover .dazzl-product-cluster__pouch{transform:translateY(-10px) scale(1.025)}
  .dazzl-product-cluster--energy:hover .dazzl-fruit--energy{transform:translate(14px,7px) rotate(5deg) scale(1.055)}
  .dazzl-product-cluster--energy:hover .dazzl-gummy--energy{transform:translate(-9px,-14px) rotate(-16deg) scale(1.1)}
  .dazzl-product-cluster--multi:hover .dazzl-fruit--multi{transform:translate(14px,6px) rotate(4deg) scale(1.05)}
  .dazzl-product-cluster--multi:hover .dazzl-gummy--multi{transform:translate(-10px,9px) rotate(-13deg) scale(1.1)}
  .dazzl-product-cluster--sleep:hover .dazzl-gummy--sleep{transform:translate(8px,-12px) rotate(15deg) scale(1.1)}
  .dazzl-product-cluster--sleep:hover .dazzl-berry--raspberry{transform:translate(12px,3px) rotate(10deg) scale(1.06)}
  .dazzl-product-cluster--sleep:hover .dazzl-berry--blackberry{transform:translate(-7px,-9px) rotate(-14deg) scale(1.05)}
  .dazzl-product-cluster--sleep:hover .dazzl-berry--blueberry{transform:translate(6px,10px) rotate(13deg) scale(1.05)}
  .dazzl-product-cluster--sleep:hover .dazzl-fruit--sleep-custom{transform:translate(12px,4px) rotate(5deg) scale(1.05)}
  .dazzl-hero-scene:has(.dazzl-product-cluster:hover) .dazzl-product-cluster:not(:hover){opacity:.96;filter:drop-shadow(0 25px 23px rgba(13,12,62,.11))}
}

@media(max-width:1180px){
  .hero-dazzl--v16 .hero-grid{grid-template-columns:1fr;gap:8px}
  .hero-dazzl--v16 .hero-copy{text-align:center}
  .hero-dazzl--v16 .hero-actions,.hero-dazzl--v16 .hero-micro{justify-content:center}
  .hero-dazzl--v16 .hero-copy__lead{margin-left:auto;margin-right:auto}
  .dazzl-hero-scene{min-height:590px;max-width:780px;width:100%;margin:8px auto 0}
  .dazzl-callout--energy{left:1%;top:32%}
  .dazzl-callout--multi{right:0}
}

@media(max-width:760px){
  .hero-dazzl--v16 .hero-copy{text-align:left}
  .hero-dazzl--v16 .hero-actions,.hero-dazzl--v16 .hero-micro{justify-content:flex-start}
  .dazzl-hero-scene{min-height:350px;margin-top:28px;max-width:520px}
  .dazzl-product-cluster{width:45%;transition:none;filter:drop-shadow(0 17px 15px rgba(13,12,62,.12))}
  .dazzl-product-cluster__pouch,.dazzl-fruit,.dazzl-gummy,.dazzl-berry{transition:none!important}
  .dazzl-product-cluster--energy{left:-1%;bottom:0}
  .dazzl-product-cluster--sleep{left:28%;top:3%}
  .dazzl-product-cluster--multi{right:-1%;bottom:0}
  .dazzl-fruit--energy{width:33%;right:-12%;bottom:5%}
  .dazzl-fruit--multi{width:35%;right:-12%;bottom:2%}
  .dazzl-berries{width:42%;right:-15%;top:27%}
  .dazzl-gummy--energy,.dazzl-gummy--multi,.dazzl-gummy--sleep{width:16%}
  .dazzl-callout span{font-size:15px;line-height:1}
  .dazzl-callout svg{display:none}
  .dazzl-callout--energy{left:2%;top:23%;transform:rotate(-6deg)}
  .dazzl-callout--sleep{left:37%;top:-2%;transform:rotate(-4deg)}
  .dazzl-callout--multi{right:0;top:24%;max-width:105px;transform:rotate(4deg)}
  .dazzl-callout--multi span{font-size:14px}
  .dazzl-hero-sticker{width:65px;height:65px;font-size:11px;right:0;top:3%}
}

@media(max-width:390px){
  .dazzl-hero-scene{min-height:315px}
  .dazzl-callout--energy{top:24%}
  .dazzl-callout--multi{top:25%}
}

@media(prefers-reduced-motion:reduce){
  .dazzl-product-cluster,.dazzl-product-cluster__pouch,.dazzl-fruit,.dazzl-gummy,.dazzl-berry{transition:none!important}
}

/* v1.6.1 — fruit crops keep the client reference colours intact; soft masks remove crop edges without deleting highlights. */
.dazzl-fruit-crop{mix-blend-mode:multiply;-webkit-mask-image:radial-gradient(ellipse at 50% 52%,#000 46%,rgba(0,0,0,.98) 60%,transparent 79%);mask-image:radial-gradient(ellipse at 50% 52%,#000 46%,rgba(0,0,0,.98) 60%,transparent 79%);object-fit:cover}
.dazzl-fruit--energy{width:39%;right:-15%;bottom:3%;border-radius:46% 48% 50% 44%}
.dazzl-berries{right:-19%;top:20%;width:49%;height:47%}
.dazzl-berry--blackberry{width:53%;left:0;top:1%;border-radius:50%}
.dazzl-berry--raspberry{width:58%;right:0;top:20%;border-radius:50%}
.dazzl-berry--blueberry{width:49%;left:17%;bottom:0;border-radius:50%}
.dazzl-multi-fruits{position:absolute;z-index:5;right:-23%;bottom:-1%;width:53%;height:48%;pointer-events:none}
.dazzl-multi-fruits .dazzl-fruit--multi{position:absolute;width:72%;right:0;bottom:8%;border-radius:46%}
.dazzl-multi-fruits .dazzl-fruit--multi-half{position:absolute;width:55%;left:-3%;bottom:-4%;border-radius:46%;transform:rotate(-6deg)}
@media(hover:hover) and (pointer:fine){
  .dazzl-product-cluster--multi:hover .dazzl-multi-fruits .dazzl-fruit--multi{transform:translate(13px,2px) rotate(5deg) scale(1.05)}
  .dazzl-product-cluster--multi:hover .dazzl-multi-fruits .dazzl-fruit--multi-half{transform:translate(-8px,9px) rotate(-11deg) scale(1.06)}
}
@media(max-width:760px){
  .dazzl-fruit--energy{width:31%;right:-10%;bottom:6%}
  .dazzl-berries{right:-12%;width:39%;top:28%}
  .dazzl-multi-fruits{right:-14%;width:44%;height:43%;bottom:1%}
}
/* v1.6.2 — simplified fruit styling: one clean strawberry, two forest berries, no compromised crops. */
.dazzl-berry--raspberry{width:63%;right:-3%;top:28%}
.dazzl-berry--blackberry{width:57%;left:2%;top:2%}
.dazzl-berry--blueberry{display:none!important}
.dazzl-multi-fruits{right:-21%;bottom:1%;width:48%;height:49%}
.dazzl-multi-fruits .dazzl-fruit--multi{width:88%;right:0;bottom:6%}
.dazzl-multi-fruits .dazzl-fruit--multi-half{display:none!important}
@media(max-width:760px){.dazzl-multi-fruits{right:-11%;width:40%;}.dazzl-berries{right:-10%;width:38%}}

/* v1.7 — rebuilt hero supporting assets and callout spacing */
.hero-dazzl--v16 .dazzl-hero-scene{min-height:670px}
.hero-dazzl--v16 .dazzl-product-cluster--energy{left:2%;bottom:0}
.hero-dazzl--v16 .dazzl-product-cluster--sleep{left:29%;top:4%}
.hero-dazzl--v16 .dazzl-product-cluster--multi{right:0;bottom:1%}
.hero-dazzl--v16 .dazzl-fruit,.hero-dazzl--v16 .dazzl-gummy{object-fit:contain;mix-blend-mode:normal!important;-webkit-mask-image:none!important;mask-image:none!important;border-radius:0!important}
.hero-dazzl--v16 .dazzl-fruit--energy{z-index:5;width:31%;right:-10%;bottom:6%;height:auto;transform:rotate(5deg)}
.hero-dazzl--v16 .dazzl-gummy--energy{z-index:7;width:16%;left:-8%;top:17%;transform:rotate(-8deg)}
.hero-dazzl--v16 .dazzl-sleep-fruits{position:absolute;z-index:6;right:-17%;top:23%;width:42%;height:43%;pointer-events:none}
.hero-dazzl--v16 .dazzl-fruit--sleep-raspberry{position:absolute;width:72%;right:-1%;top:0;height:auto;transform:rotate(5deg)}
.hero-dazzl--v16 .dazzl-fruit--sleep-blueberry{position:absolute;width:49%;left:-8%;bottom:0;height:auto;transform:rotate(-7deg)}
.hero-dazzl--v16 .dazzl-gummy--sleep{z-index:8;width:15%;right:-7%;top:10%;transform:rotate(7deg)}
.hero-dazzl--v16 .dazzl-fruit--multi{z-index:6;width:34%;right:-12%;bottom:5%;height:auto;transform:rotate(7deg)}
.hero-dazzl--v16 .dazzl-gummy--multi{z-index:8;width:15%;left:-8%;bottom:0;transform:rotate(-7deg)}

.hero-dazzl--v16 .dazzl-callout{z-index:14;max-width:220px}
.hero-dazzl--v16 .dazzl-callout span{font-size:clamp(30px,2.15vw,39px);line-height:.95}
.hero-dazzl--v16 .dazzl-callout svg{width:122px;margin-top:4px}
.hero-dazzl--v16 .dazzl-callout svg path{stroke-width:5.5}
.hero-dazzl--v16 .dazzl-callout--energy{left:4%;top:27%;max-width:190px;color:#f15a19;transform:rotate(-4deg);text-align:center}
.hero-dazzl--v16 .dazzl-callout--energy svg{margin-left:46px;width:120px}
.hero-dazzl--v16 .dazzl-callout--sleep{left:35%;top:-9%;max-width:175px;color:#542278;transform:rotate(-4deg);text-align:center}
.hero-dazzl--v16 .dazzl-callout--sleep svg{margin-left:38px;width:110px}
.hero-dazzl--v16 .dazzl-callout--multi{right:-1%;top:23%;max-width:220px;color:#f52a78;transform:rotate(4deg);text-align:center}
.hero-dazzl--v16 .dazzl-callout--multi span{font-size:clamp(27px,1.9vw,35px)}
.hero-dazzl--v16 .dazzl-callout--multi svg{margin-left:auto;margin-right:42px;width:108px}

@media (hover:hover) and (pointer:fine){
  .hero-dazzl--v16 .dazzl-product-cluster--energy:hover .dazzl-fruit--energy{transform:translate(12px,8px) rotate(9deg) scale(1.055)}
  .hero-dazzl--v16 .dazzl-product-cluster--energy:hover .dazzl-gummy--energy{transform:translate(-8px,-13px) rotate(-14deg) scale(1.08)}
  .hero-dazzl--v16 .dazzl-product-cluster--sleep:hover .dazzl-fruit--sleep-raspberry{transform:translate(12px,4px) rotate(9deg) scale(1.055)}
  .hero-dazzl--v16 .dazzl-product-cluster--sleep:hover .dazzl-fruit--sleep-blueberry{transform:translate(-7px,8px) rotate(-11deg) scale(1.05)}
  .hero-dazzl--v16 .dazzl-product-cluster--sleep:hover .dazzl-gummy--sleep{transform:translate(8px,-12px) rotate(13deg) scale(1.08)}
  .hero-dazzl--v16 .dazzl-product-cluster--multi:hover .dazzl-fruit--multi{transform:translate(12px,7px) rotate(11deg) scale(1.055)}
  .hero-dazzl--v16 .dazzl-product-cluster--multi:hover .dazzl-gummy--multi{transform:translate(-9px,8px) rotate(-12deg) scale(1.08)}
}

@media(max-width:1180px){
  .hero-dazzl--v16 .dazzl-hero-scene{min-height:600px;max-width:800px}
  .hero-dazzl--v16 .dazzl-callout--energy{left:5%;top:28%}
  .hero-dazzl--v16 .dazzl-callout--sleep{left:36%;top:-8%}
  .hero-dazzl--v16 .dazzl-callout--multi{right:1%;top:24%}
}
@media(max-width:760px){
  .hero-dazzl--v16 .dazzl-hero-scene{min-height:360px;margin-top:24px;max-width:540px}
  .hero-dazzl--v16 .dazzl-fruit--energy{width:27%;right:-6%;bottom:7%}
  .hero-dazzl--v16 .dazzl-sleep-fruits{width:35%;right:-9%;top:28%;height:38%}
  .hero-dazzl--v16 .dazzl-fruit--multi{width:29%;right:-6%;bottom:7%}
  .hero-dazzl--v16 .dazzl-gummy--energy,.hero-dazzl--v16 .dazzl-gummy--sleep,.hero-dazzl--v16 .dazzl-gummy--multi{width:13%}
  .hero-dazzl--v16 .dazzl-callout{max-width:110px}
  .hero-dazzl--v16 .dazzl-callout span{font-size:15px!important;line-height:1.02}
  .hero-dazzl--v16 .dazzl-callout svg{display:none}
  .hero-dazzl--v16 .dazzl-callout--energy{left:5%;top:24%}
  .hero-dazzl--v16 .dazzl-callout--sleep{left:39%;top:-2%}
  .hero-dazzl--v16 .dazzl-callout--multi{right:1%;top:24%;max-width:105px}
}
@media(max-width:390px){
  .hero-dazzl--v16 .dazzl-hero-scene{min-height:320px}
  .hero-dazzl--v16 .dazzl-callout{display:none}
}

/* v1.8 FINAL — polished hero composition, separate editable artwork layers. */
.hero-dazzl--v18 .hero-grid{grid-template-columns:minmax(0,.92fr) minmax(570px,1.08fr);gap:48px;align-items:center}
.hero-dazzl--v18 .dazzl-hero-scene{position:relative;min-height:680px;isolation:isolate;overflow:visible}
.hero-dazzl--v18 .dazzl-product-cluster{position:absolute;display:block;width:43%;aspect-ratio:945/1050;filter:drop-shadow(0 30px 27px rgba(13,12,62,.15));outline:none;transition:filter .35s ease,opacity .35s ease;z-index:2}
.hero-dazzl--v18 .dazzl-product-cluster__pouch{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:3;transition:transform .5s cubic-bezier(.22,.75,.18,1);will-change:transform}
.hero-dazzl--v18 .dazzl-product-cluster--energy{left:1%;bottom:0;transform:rotate(-3.5deg);z-index:2}
.hero-dazzl--v18 .dazzl-product-cluster--sleep{left:29%;top:5%;z-index:5}
.hero-dazzl--v18 .dazzl-product-cluster--multi{right:0;bottom:1%;transform:rotate(3.5deg);z-index:3}

.hero-dazzl--v18 .dazzl-fruit,.hero-dazzl--v18 .dazzl-gummy{position:absolute;pointer-events:none;user-select:none;object-fit:contain;mix-blend-mode:normal!important;-webkit-mask-image:none!important;mask-image:none!important;border-radius:0!important;filter:drop-shadow(0 13px 12px rgba(13,12,62,.14));transition:transform .58s cubic-bezier(.22,.75,.18,1),filter .35s ease;will-change:transform}
.hero-dazzl--v18 .dazzl-fruit--energy{z-index:6;width:29%;right:-9%;bottom:4%;transform:rotate(5deg)}
.hero-dazzl--v18 .dazzl-gummy--energy{z-index:7;width:16%;left:-7%;top:17%;transform:rotate(-8deg)}
.hero-dazzl--v18 .dazzl-fruit--sleep{z-index:6;width:25%;left:-11%;top:42%;transform:rotate(-5deg)}
.hero-dazzl--v18 .dazzl-gummy--sleep{z-index:7;width:15%;right:-8%;top:15%;transform:rotate(7deg)}
.hero-dazzl--v18 .dazzl-fruit--multi{z-index:6;width:31%;right:-11%;bottom:5%;transform:rotate(5deg)}
.hero-dazzl--v18 .dazzl-gummy--multi{z-index:7;width:15%;left:-8%;bottom:1%;transform:rotate(-7deg)}

.hero-dazzl--v18 .dazzl-callout{position:absolute;z-index:14;font-family:"Bradley Hand","Segoe Print","Comic Sans MS",cursive;font-weight:800;line-height:.94;letter-spacing:-.035em;pointer-events:none;text-wrap:balance}
.hero-dazzl--v18 .dazzl-callout span{display:block;font-size:clamp(31px,2.15vw,40px)}
.hero-dazzl--v18 .dazzl-callout svg{display:block;overflow:visible;height:auto;margin-top:2px}
.hero-dazzl--v18 .dazzl-callout svg path{fill:none;stroke:currentColor;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round}
/* Each callout owns clean negative space and terminates at its corresponding pouch. */
.hero-dazzl--v18 .dazzl-callout--energy{left:2%;top:24%;max-width:205px;color:#f15a19;transform:rotate(-4deg);text-align:center}
.hero-dazzl--v18 .dazzl-callout--energy svg{width:126px;margin-left:48px}
.hero-dazzl--v18 .dazzl-callout--sleep{left:37%;top:-4%;max-width:190px;color:#542278;transform:rotate(-4deg);text-align:center}
.hero-dazzl--v18 .dazzl-callout--sleep svg{width:112px;margin-left:41px}
.hero-dazzl--v18 .dazzl-callout--multi{right:-1%;top:24%;max-width:225px;color:#f52a78;transform:rotate(4deg);text-align:center}
.hero-dazzl--v18 .dazzl-callout--multi span{font-size:clamp(27px,1.9vw,35px)}
.hero-dazzl--v18 .dazzl-callout--multi svg{width:112px;margin-left:auto;margin-right:45px}

/* Client-selected information retained; brand treatment adds definition without altering content. */
.hero-dazzl--v18 .dazzl-hero-sticker{right:1.5%;top:5.5%;z-index:12;width:114px;height:114px;font-size:19px;background:var(--dazzl-navy);color:#fff;border:4px solid var(--dazzl-pink);box-shadow:0 12px 30px rgba(13,12,62,.17);transform:rotate(7deg)}

.hero-dazzl--v18 .dazzl-product-cluster:focus-visible{border-radius:24px;box-shadow:0 0 0 3px #fff,0 0 0 6px var(--dazzl-pink)}
@media (hover:hover) and (pointer:fine){
  .hero-dazzl--v18 .dazzl-product-cluster:hover{filter:drop-shadow(0 42px 34px rgba(13,12,62,.21));z-index:9}
  .hero-dazzl--v18 .dazzl-product-cluster:hover .dazzl-product-cluster__pouch{transform:translateY(-9px) scale(1.022)}
  .hero-dazzl--v18 .dazzl-product-cluster--energy:hover .dazzl-fruit--energy{transform:translate(11px,7px) rotate(10deg) scale(1.055)}
  .hero-dazzl--v18 .dazzl-product-cluster--energy:hover .dazzl-gummy--energy{transform:translate(-8px,-12px) rotate(-14deg) scale(1.08)}
  .hero-dazzl--v18 .dazzl-product-cluster--sleep:hover .dazzl-fruit--sleep{transform:translate(-10px,7px) rotate(-10deg) scale(1.055)}
  .hero-dazzl--v18 .dazzl-product-cluster--sleep:hover .dazzl-gummy--sleep{transform:translate(8px,-12px) rotate(13deg) scale(1.08)}
  .hero-dazzl--v18 .dazzl-product-cluster--multi:hover .dazzl-fruit--multi{transform:translate(12px,6px) rotate(10deg) scale(1.055)}
  .hero-dazzl--v18 .dazzl-product-cluster--multi:hover .dazzl-gummy--multi{transform:translate(-9px,8px) rotate(-12deg) scale(1.08)}
  .hero-dazzl--v18 .dazzl-hero-scene:has(.dazzl-product-cluster:hover) .dazzl-product-cluster:not(:hover){opacity:.96;filter:drop-shadow(0 25px 23px rgba(13,12,62,.10))}
}

@media(max-width:1180px){
  .hero-dazzl--v18 .hero-grid{grid-template-columns:1fr;gap:10px}
  .hero-dazzl--v18 .hero-copy{text-align:center}
  .hero-dazzl--v18 .hero-actions,.hero-dazzl--v18 .hero-micro{justify-content:center}
  .hero-dazzl--v18 .hero-copy__lead{margin-left:auto;margin-right:auto}
  .hero-dazzl--v18 .dazzl-hero-scene{min-height:610px;max-width:800px;width:100%;margin:12px auto 0}
  .hero-dazzl--v18 .dazzl-callout--energy{left:3%;top:25%}
  .hero-dazzl--v18 .dazzl-callout--sleep{left:38%;top:-3%}
  .hero-dazzl--v18 .dazzl-callout--multi{right:1%;top:25%}
}

@media(max-width:760px){
  .hero-dazzl--v18 .hero-copy{text-align:left}
  .hero-dazzl--v18 .hero-actions,.hero-dazzl--v18 .hero-micro{justify-content:flex-start}
  .hero-dazzl--v18 .dazzl-hero-scene{min-height:365px;margin-top:28px;max-width:540px}
  .hero-dazzl--v18 .dazzl-product-cluster{width:45%;transition:none;filter:drop-shadow(0 17px 15px rgba(13,12,62,.12))}
  .hero-dazzl--v18 .dazzl-product-cluster__pouch,.hero-dazzl--v18 .dazzl-fruit,.hero-dazzl--v18 .dazzl-gummy{transition:none!important}
  .hero-dazzl--v18 .dazzl-product-cluster--energy{left:-1%;bottom:0}
  .hero-dazzl--v18 .dazzl-product-cluster--sleep{left:28%;top:4%}
  .hero-dazzl--v18 .dazzl-product-cluster--multi{right:-1%;bottom:0}
  .hero-dazzl--v18 .dazzl-fruit--energy{width:25%;right:-5%;bottom:6%}
  .hero-dazzl--v18 .dazzl-fruit--sleep{width:21%;left:-5%;top:43%}
  .hero-dazzl--v18 .dazzl-fruit--multi{width:27%;right:-6%;bottom:6%}
  .hero-dazzl--v18 .dazzl-gummy--energy,.hero-dazzl--v18 .dazzl-gummy--sleep,.hero-dazzl--v18 .dazzl-gummy--multi{width:13%}
  .hero-dazzl--v18 .dazzl-callout{max-width:112px}
  .hero-dazzl--v18 .dazzl-callout span{font-size:15px!important;line-height:1.02}
  .hero-dazzl--v18 .dazzl-callout svg{display:none}
  .hero-dazzl--v18 .dazzl-callout--energy{left:3%;top:23%}
  .hero-dazzl--v18 .dazzl-callout--sleep{left:38%;top:-1%}
  .hero-dazzl--v18 .dazzl-callout--multi{right:0;top:23%;max-width:108px}
  .hero-dazzl--v18 .dazzl-hero-sticker{width:67px;height:67px;font-size:11px;border-width:2px;right:0;top:3%}
}
@media(max-width:390px){
  .hero-dazzl--v18 .dazzl-hero-scene{min-height:325px}
  .hero-dazzl--v18 .dazzl-callout{display:none}
}
@media(prefers-reduced-motion:reduce){
  .hero-dazzl--v18 .dazzl-product-cluster,.hero-dazzl--v18 .dazzl-product-cluster__pouch,.hero-dazzl--v18 .dazzl-fruit,.hero-dazzl--v18 .dazzl-gummy{transition:none!important}
}
/* v1.8 final optical polish */
.hero-dazzl--v18 .dazzl-fruit--sleep{left:auto;right:-8%;top:49%;width:24%;transform:rotate(5deg)}
.hero-dazzl--v18 .dazzl-gummy--sleep{right:auto;left:-7%;top:auto;bottom:5%;transform:rotate(-7deg)}
.hero-dazzl--v18 .dazzl-callout--multi{right:5%;top:22%;max-width:210px}
.hero-dazzl--v18 .dazzl-callout--multi svg{margin-right:24px}
.hero-dazzl--v18 .dazzl-hero-sticker{background:#0d0c3e;color:#fff;border-color:#ff2b79}
@media (hover:hover) and (pointer:fine){
  .hero-dazzl--v18 .dazzl-product-cluster--sleep:hover .dazzl-fruit--sleep{transform:translate(10px,7px) rotate(10deg) scale(1.055)}
  .hero-dazzl--v18 .dazzl-product-cluster--sleep:hover .dazzl-gummy--sleep{transform:translate(-8px,8px) rotate(-12deg) scale(1.08)}
}
@media(max-width:1180px){.hero-dazzl--v18 .dazzl-callout--multi{right:5%;top:23%}}
@media(max-width:760px){
  .hero-dazzl--v18 .dazzl-fruit--sleep{width:20%;right:-4%;top:50%}
  .hero-dazzl--v18 .dazzl-gummy--sleep{left:-4%;bottom:5%}
  .hero-dazzl--v18 .dazzl-callout--multi{right:2%;top:22%}
}
/* v1.8 final spacing correction after desktop QA */
.hero-dazzl--v18 .dazzl-callout--energy{left:20%;top:30%;max-width:190px}
.hero-dazzl--v18 .dazzl-callout--energy svg{width:132px;margin-left:18px}
.hero-dazzl--v18 .dazzl-fruit--sleep{right:-8%;left:auto;top:72%;width:24%}
@media (hover:hover) and (pointer:fine){.hero-dazzl--v18 .dazzl-product-cluster--sleep:hover .dazzl-fruit--sleep{transform:translate(9px,7px) rotate(10deg) scale(1.055)}}
@media(max-width:1180px){.hero-dazzl--v18 .dazzl-callout--energy{left:19%;top:29%}}
@media(max-width:760px){.hero-dazzl--v18 .dazzl-fruit--sleep{right:-4%;top:62%;width:20%}.hero-dazzl--v18 .dazzl-callout--energy{left:3%;top:23%}}


/* v1.8 FINAL LOCK — optical spacing and arrow direction. Desktop artwork only. */
@media (min-width:1181px){
  .hero-dazzl--v18 .dazzl-product-cluster--energy{width:40%;left:4%;bottom:0}
  .hero-dazzl--v18 .dazzl-product-cluster--sleep{width:40%;left:40%;top:3%}
  .hero-dazzl--v18 .dazzl-product-cluster--multi{width:40%;right:0;bottom:1%}

  .hero-dazzl--v18 .dazzl-fruit--energy{width:31%;right:-8%;bottom:5%}
  .hero-dazzl--v18 .dazzl-fruit--sleep{width:24%;left:-8%;right:auto;top:42%;transform:rotate(-4deg)}
  .hero-dazzl--v18 .dazzl-fruit--multi{width:32%;right:-11%;bottom:6%}
  .hero-dazzl--v18 .dazzl-gummy--energy{width:12%;left:-7%;top:20%}
  .hero-dazzl--v18 .dazzl-gummy--sleep{width:11%;left:-5%;right:auto;top:auto;bottom:7%}
  .hero-dazzl--v18 .dazzl-gummy--multi{width:12%;left:-7%;bottom:2%}

  .hero-dazzl--v18 .dazzl-callout--energy{left:10%;top:31%;max-width:155px;text-align:center}
  .hero-dazzl--v18 .dazzl-callout--energy span{font-size:clamp(30px,1.85vw,35px)}
  .hero-dazzl--v18 .dazzl-callout--energy svg{width:136px;margin-left:30px;margin-top:3px}
  .hero-dazzl--v18 .dazzl-callout--sleep{left:45%;top:-4%;max-width:178px}
  .hero-dazzl--v18 .dazzl-callout--multi{right:3%;top:24%;max-width:205px}
  .hero-dazzl--v18 .dazzl-callout--multi svg{margin-right:24px}

  .hero-dazzl--v18 .dazzl-hero-sticker{right:1.5%;top:6%}
}

/* Tablet: preserve the three territories once the hero stacks. */
@media (min-width:761px) and (max-width:1180px){
  .hero-dazzl--v18 .dazzl-callout--energy{left:5%;top:27%;max-width:180px}
  .hero-dazzl--v18 .dazzl-callout--energy svg{width:130px;margin-left:42px}
  .hero-dazzl--v18 .dazzl-callout--sleep{left:39%;top:-3%}
  .hero-dazzl--v18 .dazzl-callout--multi{right:2%;top:24%}
  .hero-dazzl--v18 .dazzl-fruit--sleep{width:22%;left:-6%;right:auto;top:42%}
}

@media(max-width:760px){
  .hero-dazzl--v18 .dazzl-fruit--sleep{width:20%;left:-5%;right:auto;top:43%}
}

/* v1.8 FINAL MICRO-QA — keep all three callouts in independent negative-space territories. */
@media (min-width:1181px){
  .hero-dazzl--v18 .dazzl-callout--energy{left:22%;top:31%;max-width:145px}
  .hero-dazzl--v18 .dazzl-callout--energy span{font-size:clamp(29px,1.75vw,34px)}
  .hero-dazzl--v18 .dazzl-callout--energy svg{width:132px;margin-left:18px}
  .hero-dazzl--v18 .dazzl-callout--multi{right:-2%;top:24%;max-width:195px}
}
