.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,#f9fafa,#eef3f4);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}.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:1}.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 .shop-empty{padding:60px;text-align:center;font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;color:var(--muted)}@media (max-width:1140px){.cog-pdp.shop-all .pgrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:860px){.cog-pdp.shop-all .layoutrow{grid-template-columns:1fr;gap:26px}.cog-pdp.shop-all .colmount{position:static;max-height:none;overflow:visible}.cog-pdp.shop-all .maincol{scroll-margin-top:80px}}@media (max-width:720px){.cog-pdp.shop-all .shop-inner{padding:24px 18px 90px}}@media (max-width:560px){.cog-pdp.shop-all .pgrid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.cog-pdp.shop-all *{animation:none!important;transition:none!important}}