@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#10283b;--blue:#006bf4;--cream:#f9f8f2;--lime:#e8ff88}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #d35600;outline-offset:5px}.announcement{background:var(--ink);color:white;text-align:center;font-size:10px;letter-spacing:2px;padding:12px}.announcement span{color:var(--lime);padding:0 28px}header{height:99px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid #dce1dc}.logo{font-size:38px;letter-spacing:-3px;font-weight:800;font-style:italic}.logo span{font-weight:500}.logo sup{font-style:normal;font-size:22px;vertical-align:top;display:inline-block;margin:8px 0 0 6px;color:var(--blue)}nav{display:flex;gap:35px;font-size:14px}.bag{border:1px solid #b8c6c8;border-radius:30px;padding:12px 19px;background:none}.bag span{background:var(--ink);color:white;border-radius:50%;padding:3px 7px;margin-left:10px;font-size:11px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:650px;padding:35px 3% 40px 6%;gap:45px}.hero-copy{padding:36px 0 0}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.8px;margin:0 0 23px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Space Grotesk',sans-serif}h1{font-size:clamp(55px,6.3vw,91px);line-height:.99;font-weight:600;letter-spacing:-5px;margin-bottom:26px}h1 em{color:var(--blue);font-weight:500;font-family:Georgia,serif;letter-spacing:-4px}.intro{font-size:16px;line-height:1.7;max-width:350px;color:#526573}.primary{background:var(--blue);color:white;border:none;border-radius:4px;display:inline-flex;gap:48px;align-items:center;justify-content:space-between;padding:17px 23px;font-size:14px;font-weight:600}.primary span{font-size:23px}.hero-note{display:flex;align-items:center;gap:12px;margin:29px 0;font-size:12px}.hero-note span{font-size:28px;color:var(--blue)}.hero-photo{position:relative;min-height:560px;border-radius:5px;overflow:hidden}.hero-photo>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:50% center}.photo-tag{position:absolute;bottom:22px;left:22px;background:var(--cream);padding:15px 23px;font-size:9px;letter-spacing:1.5px;border-radius:3px}.photo-tag strong{display:block;font-size:28px;letter-spacing:-1px;margin-top:4px}.roundel{position:absolute;right:20px;top:20px;width:105px;height:105px;background:var(--lime);border-radius:50%;display:flex;justify-content:center;align-items:center;text-align:center;transform:rotate(12deg);font-size:12px;font-weight:800;line-height:1.3}.marquee{white-space:nowrap;overflow:hidden;background:var(--lime);padding:19px 0;font-family:'Space Grotesk',sans-serif;letter-spacing:2px;word-spacing:18px;font-size:19px;border-block:1px solid var(--ink)}.section{padding:85px 6%}.section-top{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:34px}.section-top .eyebrow{margin-bottom:15px}h2{font-size:clamp(32px,3.6vw,49px);letter-spacing:-2px;line-height:1.1;margin:0}.section-top>p{font-size:14px;color:#526573;line-height:1.65;margin:0}.mix-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.mix-card{min-width:0}.mini-photo{height:315px;position:relative;overflow:hidden;border-radius:4px}.mini-photo img{width:100%;height:100%;object-fit:cover}.pill{position:absolute;bottom:15px;left:15px;background:var(--cream);padding:9px 12px;font-size:10px;font-weight:700;border-radius:20px}.mix-title{padding:20px 0;display:flex;justify-content:space-between;align-items:center}.mix-title small{font-size:9px;letter-spacing:1.7px}.mix-title h3{font-size:25px;letter-spacing:-1px;margin:7px 0 0}.mix-title>span{font-size:26px}.typographic-product{height:315px;border-radius:4px;padding:28px;display:flex;flex-direction:column;justify-content:space-between}.pink .typographic-product{background:#f2cdd8;color:#792943}.coconut .typographic-product{background:#e5e8cf;color:#40563e}.typographic-product>span{font-size:9px;letter-spacing:1.8px}.typographic-product strong{font-size:clamp(30px,4vw,58px);line-height:1;letter-spacing:-2px}.typographic-product i{font-family:Georgia,serif;font-weight:400}.flavor-section{background:#eaf3fb;border-top:1px solid #ccdce8}.dot{color:var(--blue)}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:32px 0}.filters button{border:1px solid #bccedb;border-radius:30px;padding:11px 19px;background:transparent;font-size:13px}.filters button.selected{background:var(--ink);color:white;border-color:var(--ink)}.filters span{opacity:.65;margin-left:15px}.flavor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.flavor{background:#fffefa;border:1px solid #d8e4ec;padding:23px;border-radius:4px;transition:transform .18s}.flavor:hover{transform:translateY(-3px)}.flavor-meta{display:flex;justify-content:space-between;font-size:10px;color:#60717b}.group{background:#eff5fa;border-radius:20px;padding:5px 9px}.flavor h3{font-size:21px;letter-spacing:-.6px;margin:32px 0 8px}.flavor p{font-size:11px;color:#667680}.flavor-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:25px;font-size:10px;color:#687a86}.add{border:1px solid #9bb9d4;background:none;color:var(--blue);padding:9px 14px;border-radius:3px;font-size:12px;font-weight:700}.add:hover{background:var(--blue);color:white}.availability{font-size:12px;color:#526573;margin:24px 0 0;line-height:1.6}.closing{padding:65px 6%;display:flex;gap:40px;align-items:center;justify-content:space-between;background:var(--blue);color:white}.closing>span{font-size:100px;color:var(--lime)}.closing p{font-size:40px;line-height:1.1;letter-spacing:-1.5px;margin:0;flex:1}.closing em{font-family:Georgia,serif;font-weight:400;color:var(--lime)}.closing a{font-size:14px;border-bottom:1px solid #ffffff88;padding-bottom:10px}footer{padding:45px 6%;display:flex;justify-content:space-between;align-items:center;gap:20px}footer p,footer>span{font-size:12px;margin:0;color:#526573}dialog{margin:0 0 0 auto;height:100%;max-height:100%;width:460px;max-width:100%;padding:30px;border:0;background:var(--cream);color:var(--ink)}dialog::backdrop{background:#10283b88;backdrop-filter:blur(3px)}.drawer-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d5dfdf;padding-bottom:25px}.drawer-heading .eyebrow{margin-bottom:10px}.drawer-heading button{border:0;background:transparent;font-size:23px}.bag-item{padding:23px 0;border-bottom:1px solid #d5dfdf}.bag-item h3{font-size:18px;margin:0 0 6px}.bag-item p{font-size:11px;color:#526573}.quantity{display:flex;align-items:center;gap:15px}.quantity button{background:none;border:1px solid #b7c8d3;width:30px;height:30px}.quantity .remove{border:0;width:auto;margin-left:auto;font-size:11px;text-decoration:underline}.checkout{margin-top:30px}.checkout .primary{width:100%;justify-content:center;background:#bac9d5;color:#334e62;cursor:not-allowed}.checkout p{font-size:12px;line-height:1.6}.checkout>p:last-child{margin-top:15px;color:#526573}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);background:var(--ink);color:white;padding:14px 23px;border-radius:5px;font-size:13px;opacity:0;pointer-events:none;transition:.2s;z-index:5}#toast.visible{opacity:1;transform:translate(-50%,0)}.empty{padding:40px 0;color:#526573;line-height:1.7}@media(max-width:800px){header{height:80px;padding:0 5%}nav{display:none}.logo{font-size:32px}.hero{grid-template-columns:1fr;padding:35px 5%;gap:12px}.hero-copy{padding:0}h1{font-size:65px;letter-spacing:-4px}.hero-photo{min-height:430px}.intro{max-width:440px}.section{padding:55px 5%}.section-top{display:block}.section-top>p{margin-top:20px}.mix-grid{grid-template-columns:1fr}.mini-photo{height:390px}.typographic-product{height:210px}.typographic-product strong{font-size:46px}.flavor-grid{grid-template-columns:1fr 1fr}.flavor{padding:18px}.flavor h3{font-size:19px}.closing{flex-wrap:wrap;gap:20px}.closing>span{font-size:60px}.closing p{font-size:30px}.closing a{margin-left:80px}footer{flex-wrap:wrap}footer>span{width:100%}.announcement{font-size:8px;letter-spacing:1px}.announcement span{padding:0 8px}}@media(max-width:430px){.flavor-grid{grid-template-columns:1fr}.hero-photo{min-height:350px}.filters{gap:6px}.filters button{padding:10px 13px}.filters span{margin-left:7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.coconut-section{background:#f1f2e6;border-top:1px solid #dce1ce}.coconut-feature{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin:35px 0 45px}.coconut-feature>img{width:100%;border-radius:5px;max-height:430px;object-fit:cover}.coconut-feature h3{font-size:40px;letter-spacing:-1.5px;line-height:1.1;margin-bottom:22px}.coconut-feature p{font-size:14px;line-height:1.7;max-width:430px}.coconut-feature .payment-note{font-size:11px;color:#526573;margin:16px 0 0}.coconut-feature .primary{font-size:13px;padding:17px 19px}.menu-heading{font-size:23px;letter-spacing:-.6px;margin:30px 0 18px}.menu-heading>span{font-size:12px;font-family:'DM Sans',sans-serif;font-weight:400;margin-left:12px;color:#526573;letter-spacing:0}.limited-heading{margin:50px 0 22px;border-top:1px solid #c8d1b9;padding-top:35px}.limited-heading .eyebrow{margin-bottom:10px}.limited-heading h3{font-size:32px;letter-spacing:-1px;margin:0}.limited-heading h3 span{color:#6b812c}.limited-card{border-top:4px solid #aabc6d}.stripe-bag-link{display:block;text-align:center;padding:16px 5px;font-size:12px;text-decoration:underline;color:var(--blue)}@media(max-width:800px){.coconut-feature{grid-template-columns:1fr;gap:25px}.coconut-feature h3{font-size:34px}.coconut-feature>img{max-height:360px}}

.island-purchase{margin-top:30px}.island-purchase .availability{max-width:650px;margin-top:14px}
/* Sunset brand and compact storefront layout */
:root{--ink:#fff5e6;--blue:#ff9d28;--cream:#101012;--lime:#ffdf7a}body{background:#101012;color:#fff5e6}.announcement{background:linear-gradient(100deg,#ffb024,#ff6637,#f82b69);color:#25110a;font-weight:800}.announcement span{color:#25110a}header{background:#111114;border-bottom:1px solid #3a2b24;height:93px;max-width:1440px;margin:auto;padding-inline:5%}.brand-logo{display:flex;align-items:center;gap:13px;letter-spacing:-1px;font-size:25px;font-style:normal}.brand-logo img{width:68px;height:68px;object-fit:contain}.brand-logo span{font-weight:700}nav{color:#f6e5d1}.bag{color:#fff5e6;border-color:#786151;background:#1e1a19}.bag span{background:#ffbc41;color:#211207}.hero.brand-hero{display:block;min-height:0;max-width:1320px;margin:auto;padding:24px 4% 28px}.brand-banner{display:block;width:100%;height:auto;border:1px solid #57331c;border-radius:14px}.banner-caption{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:26px 3px 0}.banner-caption .eyebrow{font-size:9px;color:#ffc970;margin-bottom:10px}.banner-caption h1{font-size:31px;letter-spacing:-1px;line-height:1.15;margin:0}.banner-caption h1 em{letter-spacing:-1px;color:#ffb738;font-size:34px}.primary{background:linear-gradient(110deg,#ffd35b,#ff992f);color:#281405;border-radius:7px;box-shadow:0 5px 22px #ff7b0014}.marquee{background:#ffb539;color:#241309;border-color:#ffcd69;padding:14px 0;font-size:14px;word-spacing:15px}.section{padding:55px 5%;max-width:1320px;margin:auto}.section-top{margin-bottom:28px}.section-top>p{color:#bfb5ae}.eyebrow{color:#ffbf67}h2{font-size:39px;letter-spacing:-1.6px}.mix-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.mix-card{display:flex;flex-direction:column;background:#1c1b1e;border:1px solid #524234;border-radius:13px;padding:11px;overflow:hidden;transition:transform .2s,border-color .2s}.mix-card.active:hover,.mix-card.coconut:hover{transform:translateY(-4px);border-color:#ffb33c}.mini-photo{height:auto;aspect-ratio:1/1;border-radius:7px;background:#111}.mini-photo img{object-fit:cover}.pill{color:#181512;background:#ffe7b1;letter-spacing:.4px;font-size:9px;padding:8px 10px;bottom:10px;left:10px}.mix-title{padding:19px 8px 17px}.mix-title small{font-size:9px;color:#ffbf67}.mix-title h3{font-size:26px;letter-spacing:-.7px}.card-subtitle{font-size:12px;color:#bbb1aa;margin:9px 0 13px}.product-price{font-size:23px;color:#ffd77b}.card-cta{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:13px 14px;background:#ffb640;color:#251408;border-radius:6px;font-size:12px;font-weight:700;margin-top:auto}.blue .card-cta{background:#53d7ff;color:#04283a}.coconut .card-cta{background:#ffe49a}.typographic-product{height:auto;aspect-ratio:1/1;border-radius:7px;padding:22px}.pink .typographic-product{background:linear-gradient(130deg,#f8a8c4,#ec4e9a);color:#3d0c27}.typographic-product strong{font-size:clamp(32px,4vw,54px)}.pink .mix-title{margin-top:auto}.shipping-strip{display:flex;align-items:center;gap:40px;flex-wrap:wrap;margin-top:25px;background:#201b18;border:1px solid #59432c;border-radius:10px;padding:23px 27px}.shipping-strip>span{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#c3b3a3}.shipping-strip strong{font-size:14px;color:#ffd77b}.shipping-strip p{font-size:12px;line-height:1.6;color:#bfae9d;margin:0 0 0 auto}.flavor-section{background:linear-gradient(150deg,#10283c,#101a29 65%);border:1px solid #244a62;border-radius:16px;margin:15px auto 25px;max-width:1188px;padding:44px 35px}.flavor-section .eyebrow{color:#5edbff}.flavor-section .dot{color:#57d7ff}.filters button{border-color:#5a626c;color:#e9f0f8}.filters button.selected{background:#55d6ff;color:#06283b;border-color:#55d6ff}.flavor{background:#182733;border-color:#344957;border-radius:9px}.flavor-meta{color:#b3c8d9}.group{background:#2d414c;color:#f1f6fa}.flavor h3{font-size:20px}.flavor p{color:#a7bccb}.flavor-bottom{color:#a7bccb}.flavor-bottom strong{font-size:18px;color:#79e4ff}.add{border-color:#59849d;color:#8de8ff;border-radius:5px}.add:hover{background:#73ddff;color:#102233}.availability{color:#c2cbd3}.coconut-section{background:linear-gradient(145deg,#332619,#211d1b 70%);border:1px solid #614b32;border-radius:16px;margin:25px auto;max-width:1188px;padding:44px 35px}.coconut-section .flavor{background:#2d2924;border-color:#554a3a}.coconut-section .flavor-meta,.coconut-section .flavor p{color:#cabbab}.coconut-section .group{background:#4a3d2d}.coconut-section .flavor-bottom strong{color:#ffe29c}.coconut-section .add{border-color:#847149;color:#ffe09a}.coconut-section .add:hover{background:#ffe09a;color:#2a2114}.coconut-section .filters button.selected{background:#ffdb8c;color:#2c2110;border-color:#ffdb8c}.coconut-feature{gap:35px;margin-bottom:30px}.coconut-feature>img{border-radius:10px;max-height:340px}.coconut-feature h3{font-size:34px}.coconut-feature .payment-note{color:#d0c2b5}.menu-heading>span{color:#b6a999}.limited-heading{border-color:#62513c}.limited-heading h3 span{color:#ffd777}.limited-card{border-top:4px solid #f8a044!important}.closing{background:linear-gradient(115deg,#d43f2b,#dc315b);margin-top:50px}.closing>span,.closing em{color:#ffe39a}.closing a{color:#fff8ed}footer{background:#0b0b0e}footer p,footer>span{color:#bcafa4}.checkout .primary{background:#373638;color:#b6b2ae;box-shadow:none}.stripe-bag-link{color:#ffcf72}dialog{background:#161518;color:#fff4e6;border-left:1px solid #59422c}.drawer-heading,.bag-item{border-color:#433930}.bag-item p{color:#bcafa4}.drawer-heading button{color:#fff4e6}.quantity button{border-color:#71604d;color:#fff4e6}.quantity strong{font-size:12px;margin-left:auto}.quantity .remove{margin-left:0}.checkout>p:last-child{color:#bcafa4}.shipping-picker{padding:0;border:0;margin:0 0 20px}.shipping-picker legend{font-size:13px;font-weight:700;margin-bottom:12px}.shipping-picker label{display:flex;align-items:center;gap:12px;border:1px solid #594d3f;border-radius:7px;padding:13px;margin:8px 0;font-size:13px;cursor:pointer}.shipping-picker label:has(input:checked){border-color:#ffbf59;background:#35291b}.shipping-picker input{accent-color:#ffb640}.shipping-picker label span{display:flex;flex-direction:column;gap:4px}.shipping-picker small{font-size:11px;color:#c4b3a1}.shipping-picker b{margin-left:auto}.total-row{display:flex;justify-content:space-between;gap:15px;font-size:13px;padding:9px 0}.grand-total{font-size:17px;border-top:1px solid #62503c;margin-top:8px;padding-top:16px;color:#ffda8e}.estimate-note{font-size:11px!important;color:#c2b7ac}.empty{color:#c2b7ac}#toast{background:#ffda8e;color:#251709;box-shadow:0 5px 30px #0008}button:focus-visible,a:focus-visible{outline-color:#fe75ba}[hidden]{display:none!important}@media(max-width:800px){header{height:79px}.brand-logo img{height:55px;width:55px}.brand-logo{gap:7px;font-size:20px}.hero.brand-hero{padding:15px 4% 22px}.brand-banner{border-radius:9px}.banner-caption{flex-direction:column;text-align:center;gap:17px;padding-top:23px}.banner-caption h1{font-size:27px}.banner-caption h1 em{font-size:29px}.banner-caption .primary{width:min(100%,360px);justify-content:center;gap:30px}.section{padding:35px 4%}.section-top{display:flex;align-items:center;gap:15px}.section-top>p{font-size:11px;margin:0}.section-top .eyebrow{font-size:9px;margin-bottom:10px}h2{font-size:29px}.mix-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mix-card{padding:8px;border-radius:10px}.mini-photo{height:auto}.mix-title{padding:14px 4px}.mix-title h3{font-size:20px}.mix-title small{font-size:8px;letter-spacing:.7px}.product-price{font-size:20px}.card-subtitle{font-size:10px;line-height:1.5}.card-cta{font-size:10px;padding:11px 9px}.pill{font-size:7px;left:6px;bottom:6px;padding:6px 7px}.typographic-product{height:auto;padding:17px}.typographic-product strong{font-size:30px}.typographic-product>span{font-size:7px;letter-spacing:1px}.pink{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center}.pink .typographic-product{aspect-ratio:1.8/1}.pink .mix-title{margin:0;padding:15px}.shipping-strip{gap:20px;padding:20px;margin-top:18px}.shipping-strip p{width:100%;margin:0}.flavor-section,.coconut-section{margin:15px 4%;padding:28px 17px;border-radius:12px}.flavor-section .section-top,.coconut-section .section-top{display:block}.flavor-section .section-top>p,.coconut-section .section-top>p{margin-top:14px}.flavor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.flavor{padding:15px 12px}.flavor h3{font-size:17px;margin-top:24px;line-height:1.2}.flavor-meta{font-size:8px}.group{padding:4px 7px}.flavor p{font-size:10px;line-height:1.5}.flavor-bottom{align-items:stretch;flex-direction:column;gap:12px;margin-top:20px}.add{font-size:10px;padding:10px 6px}.flavor-bottom strong{font-size:17px}.coconut-feature{grid-template-columns:1fr;gap:25px}.coconut-feature h3{font-size:30px}.coconut-feature .primary{width:100%;justify-content:center}.closing{padding:35px 5%}.closing p{font-size:27px}.closing>span{font-size:50px}footer .brand-logo img{width:65px;height:65px}.filters{gap:6px}.filters button{padding:10px 12px;font-size:11px}.filters span{margin-left:8px}}@media(max-width:360px){.brand-logo>span{display:none}.flavor-grid{grid-template-columns:1fr}.section-top>p{max-width:100px}.card-cta{font-size:9px}.mix-title h3{font-size:18px}.shipping-strip{gap:16px}.shipping-strip strong{font-size:12px}}

/* Quiet, product-colored auras */
.banner-caption{justify-content:center;padding-top:24px}.shop-heading{font-size:39px;letter-spacing:-1.6px;line-height:1.1;margin:0;font-weight:600}.mix-card.blue{border-color:#39b7f0;box-shadow:0 0 0 1px #39b7f01c,0 0 22px #1cb9ff24,0 8px 30px #008cff16}.mix-card.coconut{border-color:#e6d9b2;box-shadow:0 0 0 1px #fff0c119,0 0 22px #fff1c11c,0 8px 30px #ffda8b0f}.mix-card.pink{border-color:#e772ae;box-shadow:0 0 0 1px #ff86c218,0 0 22px #fa5ca223,0 8px 30px #f04d9612}.mix-card.blue:hover,.mix-card.blue:focus-visible{border-color:#7be3ff;box-shadow:0 0 0 1px #56d9ff30,0 0 27px #1cb9ff3d,0 10px 35px #008cff24}.mix-card.coconut:hover,.mix-card.coconut:focus-visible{border-color:#fff1c9;box-shadow:0 0 0 1px #fff0c128,0 0 27px #fff1c12e,0 10px 35px #ffda8b1a}.mix-card{transition:transform .2s,border-color .2s,box-shadow .2s}.shipping-offer{padding:12px 14px;background:#2b301e;border:1px solid #6b7a41;border-radius:7px;color:#e1edb3;font-size:12px!important;line-height:1.6}@media(max-width:800px){.shop-heading{font-size:29px;letter-spacing:-1.6px}.mix-card.blue{box-shadow:0 0 15px #1cb9ff25}.mix-card.coconut{box-shadow:0 0 15px #fff1c122}.mix-card.pink{box-shadow:0 0 15px #fa5ca223}}
/* Coconut Bliss: neutral white product identity */
.mix-card.coconut{border-color:#ededed;box-shadow:0 0 0 1px #ffffff19,0 0 22px #ffffff25,0 8px 30px #ffffff12}.mix-card.coconut:hover,.mix-card.coconut:focus-visible{border-color:#fff;box-shadow:0 0 0 1px #ffffff30,0 0 27px #ffffff38,0 10px 35px #ffffff1c}.coconut .card-cta,.coconut .pill{background:#fff;color:#191919}.coconut .mix-title small,.coconut .product-price{color:#fff}.coconut-section{background:linear-gradient(145deg,#292b2e,#1c1d20 70%);border-color:#66686c}.coconut-section .eyebrow,.coconut-section .dot,.coconut-section .flavor-bottom strong,.coconut-section .limited-heading h3 span{color:#fff}.coconut-section .section-top>p,.coconut-section .availability,.coconut-section .payment-note,.coconut-section .menu-heading>span{color:#c9c9cd}.coconut-section .flavor{background:#27292c;border-color:#54565b}.coconut-section .flavor-meta,.coconut-section .flavor p{color:#c6c7cb}.coconut-section .group{background:#414349;color:#fff}.coconut-section .add{border-color:#8c8e94;color:#fff}.coconut-section .add:hover{background:#fff;color:#202124}.coconut-section .filters button.selected{background:#fff;color:#202124;border-color:#fff}.coconut-section .primary{background:#fff;color:#202124;box-shadow:0 5px 22px #ffffff12}.coconut-section .limited-heading{border-color:#65676b}.coconut-section .limited-card{border-top-color:#fff!important}@media(max-width:800px){.mix-card.coconut{box-shadow:0 0 15px #ffffff2b}}

/* Persistent navigation keeps the cart reachable throughout the store. */
header{position:sticky;top:0;z-index:20;box-shadow:0 5px 20px #0004}.bag{flex-shrink:0;min-height:44px;background:#211c18;border-color:#b78343}.bag:hover{background:#36291c;border-color:#ffc55c}html{scroll-padding-top:115px}#toast{z-index:30}@media(max-width:800px){html{scroll-padding-top:100px}header{padding-left:4%;padding-right:4%}.bag{padding:10px 15px}}
/* Mobile usability review: touch targets, small-screen cart, safe areas. */
button,a,input,label{touch-action:manipulation}.filters button,.add,.card-cta{min-height:44px}.drawer-heading button{min-width:44px;min-height:44px;flex-shrink:0}.quantity{flex-wrap:wrap;gap:10px}.quantity button{min-width:44px;min-height:44px}.quantity .remove{padding:0 8px;min-width:60px}.shipping-picker label{min-height:60px}.bag-item h3{overflow-wrap:anywhere}.flavor,.flavor-grid,.mix-card,.banner-caption{min-width:0}dialog{height:100dvh;max-height:100dvh;overflow-y:auto;overscroll-behavior:contain;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}body:has(dialog[open]){overflow:hidden}.drawer-heading{position:sticky;top:-30px;z-index:2;background:#161518;padding-top:15px}.brand-banner{aspect-ratio:1672/941}.mini-photo img{display:block}#toast{max-width:calc(100vw - 32px);width:max-content;bottom:calc(20px + env(safe-area-inset-bottom,0px));text-align:center}header{padding-top:env(safe-area-inset-top,0px)}@media(max-width:800px){.filters button,.add{font-size:13px}.card-cta{font-size:12px}.card-subtitle{font-size:12px}.flavor p{font-size:12px}.flavor-meta{font-size:10px}.primary{min-height:48px}.drawer-heading h2{font-size:30px}}@media(max-width:480px){dialog{width:100%;max-width:100%;padding:20px 18px calc(24px + env(safe-area-inset-bottom,0px))}.drawer-heading{top:-20px}.quantity{column-gap:10px;row-gap:6px}.quantity strong{font-size:13px}.checkout{margin-top:22px}.section-top>p{font-size:12px}.shipping-strip p{line-height:1.7}}@media(hover:none){.mix-card.active:hover,.mix-card.coconut:hover,.flavor:hover{transform:none}}

.community-bar{display:flex;align-items:center;justify-content:center;min-height:48px;background:#171722;border-bottom:1px solid #3c3c65;padding:3px 16px}.discord-help{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:44px;padding:8px 13px;font-size:13px;line-height:1.3;font-weight:600;color:#f2f1ff;border-radius:7px}.discord-help svg{color:#a6aaff;flex:none}.discord-arrow{font-size:18px;color:#b9bdff}.discord-help:hover{background:#25263d}.discord-help:focus-visible{outline-color:#b9bdff}@media(max-width:480px){.discord-help{font-size:12px}.community-bar{padding-inline:8px}}