.cog-pdp.shop-all{--bg:#fff;--bg-2:#f4f5f6;--bg-3:#eef0f2;--ink:#0a0a0b;--ink-2:#3a3d42;--muted:#7a8089;--rule:#e5e7ea;--rule-2:#d3d6db;--signal:#0e1014;--ok:#22c55e;--accent-ink:#3a3d42;--accent-soft:rgba(107,112,119,0.16);--swatch-dot:linear-gradient(135deg,#d3d6db,#3a3d42);--r-xs:4px;--r-sm:8px;--r-in:10px;--r-md:14px;--r-lg:16px;--r-xl:18px;--r-pill:999px;--sh-lift:0 1px 0 rgba(10,16,20,0.04),0 12px 26px -16px rgba(10,16,20,0.18);--ring:0 0 0 3px rgba(10,10,11,0.12);--t:140ms ease;--font-sans:"Mona Sans","Proxima Nova",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;--font-mono:"Mona Sans","Proxima Nova",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:15px;line-height:1.55;letter-spacing:-.005em;-webkit-font-smoothing:antialiased}.cog-pdp.shop-all *,.cog-pdp.shop-all :after,.cog-pdp.shop-all :before{box-sizing:border-box}.cog-pdp.shop-all img{max-width:100%;display:block}.cog-pdp.shop-all a{color:inherit;text-decoration:none}.cog-pdp.shop-all .mono{font-family:var(--font-mono);font-feature-settings:"tnum" 1,"zero" 0;letter-spacing:.01em}.cog-pdp.shop-all .eyebrow{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0}.cog-pdp.shop-all .badge{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:var(--r-sm);font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:var(--bg);border:1px solid var(--rule)}.cog-pdp.shop-all .badge--discount{color:#fff;background:var(--discount-badge-grad);border:none;border-radius:4px;font-family:var(--font-sans);font-size:10px;font-weight:600;letter-spacing:.1em;padding:3px 7px}.cog-pdp.shop-all .stars{display:inline-flex;gap:2px;font-size:13px;line-height:1}.cog-pdp.shop-all .stars i{font-style:normal;color:var(--rule-2)}.cog-pdp.shop-all .stars i.on{color:var(--ink)}.cog-pdp.shop-all .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border:1px solid transparent;border-radius:var(--r-pill);font-family:inherit;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:transparent;color:var(--ink);transition:background var(--t),border-color var(--t),box-shadow var(--t),transform var(--t);-webkit-tap-highlight-color:transparent}.cog-pdp.shop-all .btn:active{transform:translateY(1px)}.cog-pdp.shop-all .btn:focus-visible{outline:none;box-shadow:var(--ring)}.cog-pdp.shop-all .btn:disabled{opacity:.55;cursor:not-allowed}.cog-pdp.shop-all .btn--primary{background:var(--signal);color:#fff}.cog-pdp.shop-all .btn--primary:hover{background:var(--ink-2)}.cog-pdp.shop-all .btn--block{display:flex;width:100%}.cog-pdp.shop-all .btn--sm{padding:9px 14px;font-size:11px}.cog-pdp.shop-all .btn.is-added{background:var(--ink-2)}.cog-pdp.shop-all [data-flavor=blue-glacier],.cog-pdp.shop-all[data-flavor=blue-glacier]{--accent-ink:#1E5B7D;--accent-soft:rgba(52,131,166,0.16);--swatch-dot:linear-gradient(135deg,#4FB4D8,#1E5B7D);--badge-grad:linear-gradient(0deg,#1E5B7D,#4FB4D8)}.cog-pdp.shop-all [data-flavor=black-cherry-vanilla],.cog-pdp.shop-all[data-flavor=black-cherry-vanilla]{--accent-ink:#2A0810;--accent-soft:rgba(64,13,23,0.16);--swatch-dot:linear-gradient(135deg,#5A1320,#2A0810);--badge-grad:linear-gradient(0deg,#2A0810,#5A1320)}.cog-pdp.shop-all [data-flavor=lemonade],.cog-pdp.shop-all[data-flavor=lemonade]{--accent-ink:#B89A2A;--accent-soft:rgba(212,186,71,0.16);--swatch-dot:linear-gradient(135deg,#F7E26B,#B89A2A);--badge-grad:linear-gradient(0deg,#B89A2A,#F7E26B)}.cog-pdp.shop-all [data-flavor=lychee],.cog-pdp.shop-all[data-flavor=lychee]{--accent-ink:#C26F8C;--accent-soft:rgba(217,157,178,0.16);--swatch-dot:linear-gradient(135deg,#F6D6E0,#C26F8C);--badge-grad:linear-gradient(0deg,#C26F8C,#F6D6E0)}.cog-pdp.shop-all [data-flavor=sour-watermelon-candy],.cog-pdp.shop-all[data-flavor=sour-watermelon-candy]{--accent-ink:#8B0F2A;--accent-soft:rgba(181,35,64,0.16);--swatch-dot:linear-gradient(135deg,#E83B5A,#8B0F2A);--badge-grad:linear-gradient(0deg,#8B0F2A,#E83B5A)}.cog-pdp.shop-all [data-flavor=strawberry-kiwi],.cog-pdp.shop-all[data-flavor=strawberry-kiwi]{--accent-ink:#5A1420;--accent-soft:rgba(151,56,71,0.16);--swatch-dot:linear-gradient(135deg,#E26577,#5A1420);--badge-grad:linear-gradient(0deg,#5A1420,#E26577)}.cog-pdp.shop-all [data-flavor=chrome],.cog-pdp.shop-all[data-flavor=chrome]{--accent-ink:#3a3d42;--accent-soft:rgba(107,112,119,0.16);--swatch-dot:linear-gradient(135deg,#d3d6db,#3a3d42)}.cog-pdp.shop-all .shop-inner{max-width:1320px;margin:0 auto;padding:36px 32px 140px}.cog-pdp.shop-all .layoutrow{display:grid;grid-template-columns:206px 1fr;gap:48px;align-items:start}.cog-pdp.shop-all .colmount{position:sticky;top:88px;align-self:start;max-height:calc(100vh - 104px);overflow:auto;padding-left:6px}.cog-pdp.shop-all .colhead{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:0 0 12px;padding-left:4px}.cog-pdp.shop-all .shop-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding-bottom:18px;margin-bottom:22px;border-bottom:1px solid var(--rule)}.cog-pdp.shop-all .shop-head h1{font-size:30px;font-weight:800;letter-spacing:-.025em;margin:0}.cog-pdp.shop-all .shop-head .count{font-family:var(--font-mono);font-size:13px;color:var(--muted)}.cog-pdp.shop-all .shop-crumbs{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--muted);margin:0 0 14px}.cog-pdp.shop-all .shop-crumbs a{color:var(--muted);transition:color var(--t)}.cog-pdp.shop-all .shop-crumbs a:hover{color:var(--ink)}.cog-pdp.shop-all .shop-crumbs .sep{margin:0 7px}.cog-pdp.shop-all .vtabs{display:grid;gap:1px}.cog-pdp.shop-all .vtab{display:flex;align-items:center;text-align:left;padding:11px 12px;border:none;background:none;font:inherit;font-size:14px;font-weight:500;color:var(--ink-2);cursor:pointer;border-radius:var(--r-sm);transition:color var(--t),background var(--t);width:100%}.cog-pdp.shop-all .vtab .c{margin-left:auto;font-family:var(--font-mono);font-size:11px;color:var(--muted)}.cog-pdp.shop-all .vtab:hover{color:var(--ink)}.cog-pdp.shop-all .vtab.is-active{color:var(--ink);font-weight:600;background:var(--bg-2)}.cog-pdp.shop-all .vtab:focus-visible{outline:none;box-shadow:var(--ring)}.cog-pdp.shop-all .railsec{border-top:1px solid var(--rule);margin-top:14px;padding-top:4px}.cog-pdp.shop-all .railsec-head{width:100%;display:flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);padding:9px 4px}.cog-pdp.shop-all .railsec-head:focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--r-sm)}.cog-pdp.shop-all .railsec-head .cnt{font-family:var(--font-mono);font-size:10px;background:var(--ink);color:#fff;border-radius:var(--r-pill);min-width:15px;height:15px;display:none;place-items:center;padding:0 4px}.cog-pdp.shop-all .railsec-head .cnt.show{display:inline-grid}.cog-pdp.shop-all .railsec-head .car{margin-left:auto;width:8px;height:8px;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:rotate(45deg) translate(-1px,-1px);transition:transform var(--t)}.cog-pdp.shop-all .railsec.collapsed .railsec-head .car{transform:rotate(-135deg) translate(-2px,-2px)}.cog-pdp.shop-all .railsec-body{display:grid;gap:1px;padding-top:2px}.cog-pdp.shop-all .railsec.collapsed .railsec-body{display:none}.cog-pdp.shop-all .rail-clear{margin-top:16px;font:inherit;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:none;border:none;cursor:pointer;padding:8px 4px}.cog-pdp.shop-all .rail-clear:hover{color:var(--ink)}.cog-pdp.shop-all .rail-clear:focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--r-sm)}.cog-pdp.shop-all .fcheck{display:flex;align-items:center;gap:11px;padding:9px 12px;cursor:pointer;font-size:13.5px;font-weight:500;color:var(--ink-2);border-radius:var(--r-sm);transition:background var(--t),color var(--t);width:100%;background:none;border:none;text-align:left;font-family:inherit}.cog-pdp.shop-all .fcheck:hover{background:var(--bg-2);color:var(--ink)}.cog-pdp.shop-all .fcheck:focus-visible{outline:none;box-shadow:var(--ring)}.cog-pdp.shop-all .fcheck .box{position:relative;width:17px;height:17px;border-radius:5px;border:1.5px solid var(--rule-2);flex:none;transition:background var(--t),border-color var(--t)}.cog-pdp.shop-all .fcheck .box:after{content:"";position:absolute;left:5px;top:1px;width:5px;height:9px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg) scale(0);transition:transform var(--t)}.cog-pdp.shop-all .fcheck.is-on .box{background:var(--ink);border-color:var(--ink)}.cog-pdp.shop-all .fcheck.is-on .box:after{transform:rotate(45deg) scale(1)}.cog-pdp.shop-all .fcheck.is-on{color:var(--ink)}.cog-pdp.shop-all .pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cog-pdp.shop-all .pcard{display:flex;flex-direction:column;background:var(--bg-2);border:none;border-radius:var(--r-xl);padding:13px;transition:box-shadow var(--t)}.cog-pdp.shop-all .pcard:hover{box-shadow:var(--sh-lift)}.cog-pdp.shop-all .pcard__media{position:relative;aspect-ratio:1/1;border-radius:var(--r-md);background:linear-gradient(180deg,#fafafa,#f0f0f0);border:1px solid var(--rule);display:grid;place-items:center;color:var(--rule-2);overflow:hidden}.cog-pdp.shop-all .pcard__media:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(10,16,20,.04) 1px,transparent 0),linear-gradient(180deg,rgba(10,16,20,.04) 1px,transparent 0);background-size:32px 32px;mask-image:radial-gradient(80% 80% at 50% 50%,#000 30%,transparent 80%)}.cog-pdp.shop-all .pcard__media>a{position:relative;z-index:1;display:block;width:100%;height:100%}.cog-pdp.shop-all .pcard__media img{width:100%;height:100%;object-fit:contain}.cog-pdp.shop-all .pcard__media .pcard__img-base{transition:opacity .25s ease}.cog-pdp.shop-all .pcard__media .pcard__img-hover{position:absolute;inset:0;opacity:0;transition:opacity .25s ease}@media (hover:hover){.cog-pdp.shop-all .pcard__media:hover .pcard__img-base{opacity:0}.cog-pdp.shop-all .pcard__media:hover .pcard__img-hover{opacity:1}}.cog-pdp.shop-all .pcard__media .ph{width:100%;height:100%;display:grid;place-items:center}.cog-pdp.shop-all .pcard__media .ph svg{width:84px;height:84px}.cog-pdp.shop-all .pcard__flag{position:absolute;top:12px;right:12px;font-family:var(--font-mono);font-size:9px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;padding:5px 10px;border-radius:var(--r-sm);background:var(--ink);color:#fff;z-index:2}.cog-pdp.shop-all .pcard__flag--soft{background:var(--bg);color:var(--ink);border:1px solid var(--rule)}.cog-pdp.shop-all .pcard__body{display:flex;flex-direction:column;gap:11px;padding:16px 8px 8px;flex:1}.cog-pdp.shop-all .pc-rate{display:flex;align-items:center;gap:8px}.cog-pdp.shop-all .pc-rate .mono{font-size:11px;color:var(--muted)}.cog-pdp.shop-all .pc-name{font-size:17px;font-weight:700;letter-spacing:-.018em;line-height:1.12;margin:0}.cog-pdp.shop-all .pc-name a:hover{text-decoration:underline;text-underline-offset:3px}.cog-pdp.shop-all .pc-flavor{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);margin-top:-4px}.cog-pdp.shop-all .pc-flavor .dot{width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);flex:none}.cog-pdp.shop-all .pc-bullets{list-style:none;margin:2px 0 0;padding:0;display:grid;gap:7px}.cog-pdp.shop-all .pc-bullets li{display:grid;grid-template-columns:16px 1fr;gap:9px;font-size:12.5px;color:var(--ink-2);line-height:1.4}.cog-pdp.shop-all .pc-bullets .chk{width:16px;height:16px;margin-top:1px;border-radius:50%;border:1px solid var(--rule-2);display:grid;place-items:center;color:var(--ink);flex:none}.cog-pdp.shop-all .pc-bullets .chk:after{content:"";width:4px;height:7px;border-right:1.5px solid;border-bottom:1.5px solid;transform:rotate(45deg) translateY(-1px)}.cog-pdp.shop-all .pc-price{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:auto}.cog-pdp.shop-all .pc-now{font-family:var(--font-mono);font-size:16px;font-weight:600;color:var(--ink)}.cog-pdp.shop-all .pc-was{font-family:var(--font-mono);font-size:13px;color:var(--muted);text-decoration:line-through}.cog-pdp.shop-all .pcard .btn{margin-top:4px}.cog-pdp.shop-all .pcard .addbtn{border-radius:var(--r-sm)}.cog-pdp.shop-all .addbtn .addbtn__short{display:none}.cog-pdp.shop-all .shop-empty{padding:60px;text-align:center;font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;color:var(--muted)}.cog-pdp.shop-all .mfilters,.cog-pdp.shop-all .pcard__discount-flag{display:none}@media (max-width:1140px){.cog-pdp.shop-all .pgrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:860px){.cog-pdp.shop-all{--shop-gutter:32px}.cog-pdp.shop-all .layoutrow{grid-template-columns:minmax(0,1fr);gap:0}.cog-pdp.shop-all .maincol{min-width:0}.cog-pdp.shop-all .colmount{display:none}.cog-pdp.shop-all .maincol{scroll-margin-top:80px}.cog-pdp.shop-all .shop-head{position:absolute;width:1px;height:1px;margin:0;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.cog-pdp.shop-all .shop-crumbs{display:none}.cog-pdp.shop-all .mfilters{display:block;margin:2px 0 18px}.cog-pdp.shop-all .mfilters .colhead{margin:0 0 7px;padding-left:0;font-family:var(--font-sans);font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--ink)}.cog-pdp.shop-all .mrow+.mrow{margin-top:14px}.cog-pdp.shop-all .mrow-label{display:flex;align-items:center;gap:8px}.cog-pdp.shop-all .mclear{margin-left:auto;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);background:none;border:none;cursor:pointer;padding:4px 2px;text-decoration:underline;text-underline-offset:3px}.cog-pdp.shop-all .mclear:focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--r-sm)}.cog-pdp.shop-all .mrail{position:relative;margin-inline:calc(-1 * var(--shop-gutter))}.cog-pdp.shop-all .mrail:after{content:"";position:absolute;top:0;right:0;bottom:0;width:36px;background:linear-gradient(90deg,rgba(255,255,255,0),var(--bg) 82%);pointer-events:none;opacity:1;transition:opacity var(--t)}.cog-pdp.shop-all .mrail.at-end:after{opacity:0}.cog-pdp.shop-all .mslider{display:flex;gap:8px;overflow-x:auto;padding:2px var(--shop-gutter) 6px;scroll-snap-type:x proximity;scroll-padding-left:var(--shop-gutter);scrollbar-width:none;-webkit-overflow-scrolling:touch}.cog-pdp.shop-all .mslider::-webkit-scrollbar{display:none}.cog-pdp.shop-all .mslider>*{scroll-snap-align:start;flex:none}.cog-pdp.shop-all .cpill,.cog-pdp.shop-all .gchip{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border-radius:var(--r-pill);border:1px solid var(--rule);background:var(--bg);color:var(--ink-2);font-family:inherit;font-size:11.5px;font-weight:500;white-space:nowrap;transition:background var(--t),border-color var(--t),box-shadow var(--t),color var(--t)}.cog-pdp.shop-all .cpill:focus-visible,.cog-pdp.shop-all .gchip:focus-visible{outline:none;box-shadow:var(--ring)}.cog-pdp.shop-all .cpill.is-active{background:var(--ink);border-color:var(--ink);color:#fff;font-weight:600}.cog-pdp.shop-all .gchip{cursor:pointer}.cog-pdp.shop-all .gchip.is-on{background:var(--ink);border-color:var(--ink);color:#fff;font-weight:600}}@media (max-width:720px){.cog-pdp.shop-all{--shop-gutter:18px}.cog-pdp.shop-all .shop-inner{padding:24px 18px 90px}}@media (max-width:560px){.cog-pdp.shop-all{--shop-gutter:14px}.cog-pdp.shop-all .shop-inner{padding:24px 14px 90px}.cog-pdp.shop-all .pgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.cog-pdp.shop-all .pcard{padding:10px;border-radius:var(--r-md);--muted:#6b7078;min-width:0}.cog-pdp.shop-all .pcard__media{border-radius:var(--r-in)}.cog-pdp.shop-all .pcard__media:before{content:none}.cog-pdp.shop-all .pcard__media .ph svg{width:52px;height:52px}.cog-pdp.shop-all .pcard__flag{top:8px;right:8px;font-size:8px;letter-spacing:.1em;padding:4px 7px}.cog-pdp.shop-all .pcard__body{padding:12px 4px 6px;gap:8px}.cog-pdp.shop-all .pcard__body .eyebrow{font-size:9px;letter-spacing:.12em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.cog-pdp.shop-all .stars{font-size:11px}.cog-pdp.shop-all .pc-rate{gap:6px}.cog-pdp.shop-all .pc-rate .mono{font-size:10px}.cog-pdp.shop-all .pc-name{font-size:14px;line-height:1.25;letter-spacing:-.012em;margin-top:-4px}.cog-pdp.shop-all .pc-name a{display:inline-block;padding-block:4px;margin-block:-4px}.cog-pdp.shop-all .pc-flavor{font-size:11px;gap:6px;align-items:flex-start}.cog-pdp.shop-all .pc-flavor .dot{width:10px;height:10px;margin-top:3px}.cog-pdp.shop-all .pc-price{gap:4px 8px}.cog-pdp.shop-all .pc-now{font-size:14px}.cog-pdp.shop-all .pc-was{font-size:11px}.cog-pdp.shop-all .badge--discount{font-size:9px;padding:2px 5px;letter-spacing:.08em}.cog-pdp.shop-all .pcard .btn{min-height:44px;padding:8px 10px}.cog-pdp.shop-all .addbtn .addbtn__full{display:none}.cog-pdp.shop-all .addbtn .addbtn__short{display:inline}.cog-pdp.shop-all .pcard__flag{display:none}.cog-pdp.shop-all .pcard__discount-flag{display:inline-flex;position:absolute;top:8px;right:8px;z-index:2;font-size:9px;padding:3px 7px;letter-spacing:.08em}.cog-pdp.shop-all .pc-price .badge--discount{display:none}}@media (max-width:360px){.cog-pdp.shop-all{--shop-gutter:12px}.cog-pdp.shop-all .shop-inner{padding:20px 12px 80px}.cog-pdp.shop-all .pgrid{gap:14px 10px}.cog-pdp.shop-all .pcard__body .eyebrow{letter-spacing:.08em}}@media (prefers-reduced-motion:reduce){.cog-pdp.shop-all *{animation:none!important;transition:none!important}}