.tabbar,.msheet,.msheet-scrim,.buybar,.mchips,.mfilter-bar,.rdots,.drawer-grab,.filters .msheet-grab,.filters .msheet-head,.mf-actions{display:none}@media (max-width:760px){:root{--safe-b:env(safe-area-inset-bottom,0px)}html{-webkit-tap-highlight-color:transparent}.section{padding-block:clamp(44px,12vw,64px)}.h2{font-size:clamp(1.7rem,7.4vw,2.1rem)}.lead{font-size:.98rem}input,select,textarea{font-size:16px !important}.btn:active,.tabbar a:active,.tabbar button:active,.mchips a:active{transform:scale(.95)}.tools .cart-btn,.tools a.icon-btn[href="account.html"]{display:none}.site-header{padding-block:8px 6px}.announce-in{min-height:30px}:root{--tab-h:66px;--tab-gap:10px}body.has-tabbar{padding-bottom:calc(var(--tab-h) + var(--tab-gap) + 26px + var(--safe-b))}.tabbar{display:block;position:fixed;z-index:75;inset-inline:12px;bottom:calc(var(--tab-gap) + var(--safe-b));height:var(--tab-h);transition:transform .55s cubic-bezier(.34,1.4,.5,1),opacity .35s;animation:tbIn .8s cubic-bezier(.34,1.4,.5,1) .15s backwards}@keyframes tbIn{from{transform:translateY(140%);opacity:0}}body.tabs-away .tabbar{transform:translateY(calc(100% + var(--tab-gap) + 34px + var(--safe-b)))}.tb-shell{position:absolute;inset:0;border-radius:26px;overflow:hidden;background:linear-gradient(180deg,rgba(58,40,30,.94),rgba(28,19,14,.97));-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);-webkit-mask:radial-gradient(circle 41px at 50% -12px,transparent 40px,#000 41px);mask:radial-gradient(circle 41px at 50% -12px,transparent 40px,#000 41px)}.tabbar::after{content:"";position:absolute;inset:0;border-radius:26px;pointer-events:none;box-shadow:0 22px 40px -14px rgba(18,10,6,.7),0 6px 14px -8px rgba(18,10,6,.5);-webkit-mask:radial-gradient(circle 41px at 50% -12px,transparent 40px,#000 41px);mask:radial-gradient(circle 41px at 50% -12px,transparent 40px,#000 41px)}.tb-shell::before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 1px 0 rgba(255,236,214,.14),inset 0 0 0 1px rgba(244,239,229,.07)}.tb-shell::after{content:"";position:absolute;left:14%;right:14%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(195,139,84,.55),transparent)}.tb-grain{position:absolute;inset:0;background-image:var(--grain);background-size:160px;opacity:.09;mix-blend-mode:overlay}.tb-row{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr 78px 1fr 1fr;height:100%;padding:0 6px}.tb-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;overflow:hidden;border-radius:20px;font:inherit;font-size:.66rem;font-weight:600;color:rgba(244,239,229,.58);text-decoration:none;background:none;border:0;cursor:pointer;transition:color .35s,transform .25s cubic-bezier(.3,1.6,.5,1)}.tb-item:active{transform:scale(.9)}.tb-item.on{color:#fffaf2}.tb-l{position:relative;z-index:1;transition:transform .45s cubic-bezier(.34,1.56,.64,1),letter-spacing .3s}.tb-item.on .tb-l{transform:translateY(1px);font-weight:800}.tb-item.on .tb-l::after{content:"";position:absolute;left:50%;bottom:-6px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--caramel);box-shadow:0 0 8px var(--caramel);animation:dotIn .5s cubic-bezier(.34,1.56,.64,1) .2s both}@keyframes dotIn{from{transform:scale(0)}}.tb-ind{position:absolute;z-index:1;top:8px;left:0;width:56px;height:34px;opacity:0;pointer-events:none;transition:transform .6s cubic-bezier(.34,1.45,.55,1),opacity .3s}.tb-ind.show{opacity:1}.tb-ind i{position:absolute;inset:0;border-radius:17px;background:radial-gradient(120% 140% at 30% 20%,rgba(255,220,170,.55),rgba(195,139,84,.9) 45%,rgba(122,74,43,.95));box-shadow:0 6px 18px -6px rgba(195,139,84,.9),inset 0 1px 0 rgba(255,240,220,.55),inset 0 -2px 6px rgba(73,38,18,.5);animation:blobby 3.6s ease-in-out infinite}.tb-ind i::after{content:"";position:absolute;top:5px;left:10px;width:16px;height:5px;border-radius:99px;background:rgba(255,250,240,.55);filter:blur(.5px)}@keyframes blobby{0%,100%{border-radius:17px 17px 17px 17px}33%{border-radius:20px 14px 18px 15px}66%{border-radius:15px 19px 14px 20px}}.ti{position:relative;z-index:1;width:25px;height:25px;overflow:visible}.ti .l{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.ti .f{fill:currentColor;opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.6);transition:opacity .35s,transform .45s cubic-bezier(.34,1.56,.64,1)}.tb-item.on .ti .f{opacity:.2;transform:none}.tb-item.on .ti{color:#fffaf2;filter:drop-shadow(0 2px 3px rgba(60,30,12,.45))}.ti-home .steam{fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:0}.tb-item.on .ti-home .steam{animation:tiSteam 2.8s ease-in-out .6s infinite}.tb-item.play .ti-home .roof{stroke-dasharray:1;animation:tiDraw .7s cubic-bezier(.4,0,.2,1) both}@keyframes tiDraw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes tiSteam{0%{stroke-dashoffset:1;opacity:0;transform:translateY(1px)}30%{opacity:.9}70%{stroke-dashoffset:0;opacity:.6}100%{stroke-dashoffset:-1;opacity:0;transform:translateY(-2px)}}.ti-shop .bean{transform-box:fill-box;transform-origin:center;transform:scale(.7)}.ti-shop .bn{fill:currentColor;opacity:.55}.ti-shop .crease{fill:none;stroke:#2a1a12;stroke-width:1;stroke-linecap:round;opacity:.8}.tb-item.on .ti-shop .bn{fill:var(--caramel);opacity:1}.tb-item.on .ti-shop .bean{transform:none;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.tb-item.play .ti-shop{animation:tiHop .7s cubic-bezier(.34,1.56,.64,1)}.tb-item.play .ti-shop .bean{animation:tiBean .8s cubic-bezier(.34,1.56,.64,1)}@keyframes tiHop{30%{transform:translateY(-4px) rotate(-6deg)}60%{transform:translateY(1px) rotate(3deg)}}@keyframes tiBean{0%{transform:scale(0) rotate(-90deg)}100%{transform:none}}.ti-cats .sq{transform-box:fill-box;transform-origin:center;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.tb-item.on .ti-cats .s1,.tb-item.on .ti-cats .s4{transform:rotate(45deg) scale(.86)}.tb-item.play .ti-cats .sq{animation:tiSpin .8s cubic-bezier(.34,1.56,.64,1) both}.tb-item.play .ti-cats .s2{animation-delay:.06s}.tb-item.play .ti-cats .s3{animation-delay:.12s}.tb-item.play .ti-cats .s4{animation-delay:.18s}@keyframes tiSpin{0%{transform:scale(.3) rotate(-90deg);opacity:0}100%{opacity:1}}.ti-user .head{transform-box:fill-box;transform-origin:center bottom}.tb-item.play .ti-user .head{animation:tiNod .8s cubic-bezier(.34,1.56,.64,1)}@keyframes tiNod{25%{transform:translateY(-2.5px) rotate(-8deg)}55%{transform:translateY(.5px) rotate(5deg)}}.tb-fab{position:absolute;z-index:3;left:50%;top:-26px;width:62px;height:62px;margin-left:-31px;border-radius:50%;border:0;cursor:pointer;display:grid;place-items:center;color:#fffaf2;background:radial-gradient(120% 120% at 30% 22%,#c23a44,#8c1c24 55%,#5e1118);box-shadow:0 14px 26px -10px rgba(140,28,36,.85),0 4px 10px -4px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,220,220,.35),inset 0 -3px 8px rgba(40,5,8,.45);transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;animation:fabIn .9s cubic-bezier(.34,1.56,.64,1) .35s backwards}@keyframes fabIn{from{transform:translateY(30px) scale(.4)}}.tb-fab:active{transform:scale(.9)}.tb-fab.open{transform:translateY(-4px) rotate(-8deg)}.tb-fab .ti-cart{width:27px;height:27px}.tb-fab .ti .l{stroke-width:1.9}.tb-fab .handle{transform-box:fill-box;transform-origin:center bottom;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.tb-fab.open .handle,.tb-fab.gulp .handle{transform:translateY(-2px) scaleY(1.15)}.fab-ring{position:absolute;inset:-6px;border-radius:50%;border:1.5px solid rgba(195,139,84,.55);opacity:0}.tb-fab.has .fab-ring{animation:fabRing 2.8s ease-out infinite}@keyframes fabRing{0%{transform:scale(.85);opacity:.9}100%{transform:scale(1.35);opacity:0}}.fab-bean{position:absolute;top:-26px;left:50%;width:13px;height:18px;margin-left:-6.5px;opacity:0;pointer-events:none}.tb-fab.gulp .fab-bean{animation:beanDrop .75s cubic-bezier(.5,0,.75,.4) both}.tb-fab.gulp{animation:fabGulp .9s cubic-bezier(.34,1.56,.64,1) .45s}@keyframes beanDrop{0%{transform:translateY(-14px) rotate(-60deg);opacity:0}25%{opacity:1}85%{transform:translateY(30px) rotate(160deg);opacity:1}100%{transform:translateY(34px) rotate(180deg) scale(.3);opacity:0}}@keyframes fabGulp{20%{transform:scale(1.14,.9)}45%{transform:scale(.94,1.06) rotate(-6deg)}70%{transform:scale(1.03) rotate(3deg)}}.tb-badge{position:absolute;top:-2px;inset-inline-end:-4px;min-width:22px;height:22px;padding:0 6px;border-radius:99px;background:var(--mint);color:#17241c;font-size:.72rem;font-weight:800;line-height:22px;text-align:center;box-shadow:0 0 0 2.5px #2a1d16,0 4px 8px -2px rgba(0,0,0,.4)}.tb-badge.pop{animation:badgePop .6s cubic-bezier(.34,1.8,.5,1) .55s both}@keyframes badgePop{0%{transform:scale(0)}60%{transform:scale(1.35)}100%{transform:none}}.tb-ripple{position:absolute;z-index:0;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:rgba(255,236,214,.35);pointer-events:none;animation:tbRip .6s ease-out forwards}.tb-fab .tb-ripple{background:rgba(255,255,255,.35)}@keyframes tbRip{to{transform:scale(14);opacity:0}}.toast{bottom:calc(var(--tab-h) + var(--tab-gap) + 40px + var(--safe-b))}.msheet-scrim{display:block;position:fixed;inset:0;z-index:88;background:rgba(20,12,8,.5);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity .3s}.msheet-scrim[hidden]{display:none}.msheet-scrim.open{opacity:1}.msheet,.filters.as-sheet{display:block;position:fixed;z-index:89;inset-inline:0;bottom:0;max-height:84vh;overflow-y:auto;overscroll-behavior:contain;margin:0;padding:0 18px calc(20px + var(--safe-b));border:0;border-radius:26px 26px 0 0;outline:0;background:var(--bg);box-shadow:0 -30px 60px -20px rgba(0,0,0,.45);transform:translateY(105%);transition:transform .34s cubic-bezier(.2,.9,.3,1)}.msheet[hidden]{display:none}.msheet.open,.filters.as-sheet.open{transform:none}.msheet-grab{display:grid !important;place-items:center;height:24px;position:sticky;top:0;z-index:2;background:inherit;margin-inline:-18px;touch-action:none}.msheet-grab i{width:44px;height:5px;border-radius:99px;background:color-mix(in srgb,var(--ink) 22%,transparent)}.msheet-head{display:flex !important;align-items:center;justify-content:space-between;padding:2px 0 12px;border-bottom:1px dashed var(--line);margin-bottom:12px}.msheet-head h2{font-size:1.15rem;font-weight:900}.msheet-x{width:40px;height:40px;border-radius:50%;border:0;background:var(--ivory);color:var(--ink);display:grid;place-items:center;cursor:pointer}.msheet-x svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}#catSheet .mega-col{opacity:1;transform:none;padding:0 0 16px;border:0;background:none}#catSheet .mega-col + .mega-col{border-top:1px dashed var(--line);padding-top:14px}#catSheet .mega-h{font-size:1rem;margin-top:0}#catSheet .mega-h:not(:first-child){margin-top:12px}#catSheet .mega-brand-grid{grid-template-columns:repeat(3,1fr);gap:8px}#catSheet .mega-brand-grid a{flex-direction:column;justify-content:center;gap:0;min-height:56px;padding:8px 6px;border-radius:14px;background:var(--surface);border:1px solid var(--line);text-align:center;font-size:.86rem}#catSheet .mega-brand-grid small{margin:0}#catSheet .mega-list{grid-template-columns:1fr 1fr;gap:8px}#catSheet .mega-list a{min-height:48px;border-radius:14px;background:var(--surface);border:1px solid var(--line);font-size:.88rem}#catSheet .mega-more{display:block;text-align:center;padding:12px;border:0 !important}#catSheet .mega-quick{background:none}#catSheet .mega-feature{margin-top:10px}.drawer{top:auto;bottom:0;left:0;right:0;width:100%;max-height:88vh;border-radius:26px 26px 0 0;overflow:hidden;transform:translateY(104%);box-shadow:0 -30px 60px -20px rgba(0,0,0,.5);padding-top:0}.drawer.open{transform:none}.drawer::before{display:none}.drawer-grab{display:grid !important;place-items:center;height:26px;flex:none;background:var(--awn-a);touch-action:none}.drawer-grab i{width:44px;height:5px;border-radius:99px;background:rgba(255,255,255,.7);display:block}.drawer-head{padding:12px 18px}.drawer-foot{padding-bottom:calc(18px + var(--safe-b))}.filters.as-sheet{grid-template-columns:1fr 1fr;gap:12px}.filters.as-sheet:not(.open){visibility:hidden;transition:transform .34s cubic-bezier(.2,.9,.3,1),visibility 0s .34s}.filters.as-sheet.open{display:grid;visibility:visible}.filters.as-sheet .msheet-grab,.filters.as-sheet .msheet-head,.filters.as-sheet .mf-actions{grid-column:1 / -1}.filters.as-sheet .f-q{grid-column:1 / -1}.mf-actions{display:grid !important;grid-template-columns:1fr 2fr;gap:10px;padding-top:12px;position:sticky;bottom:calc(-20px - var(--safe-b));background:var(--bg);padding-bottom:6px}.mf-actions .btn{justify-content:center}.mfilter-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:66px;z-index:40;margin:16px calc(-1 * var(--gutter)) 0;padding:10px var(--gutter);background:color-mix(in srgb,var(--bg) 94%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.mf-open{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;font-weight:700;font-size:.9rem;cursor:pointer}.mf-open svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.mf-n{min-width:22px;height:22px;border-radius:99px;background:var(--btn);color:#fff;font-size:.74rem;line-height:22px;text-align:center}.mf-count{font-size:.86rem;color:var(--muted)}.count{display:none}.grid:not(.feature-grid){grid-template-columns:1fr 1fr;gap:10px}.grid:not(.feature-grid) .pcard{border-radius:18px}.grid:not(.feature-grid) .pcard:hover{transform:none}.grid:not(.feature-grid) .pbody{padding:10px 11px 12px;gap:3px}.grid:not(.feature-grid) :is(.meta,.tags,.sizes,.roastline span){display:none}.grid:not(.feature-grid) .roastline{margin-top:2px}.grid:not(.feature-grid) .brandtag{font-size:.68rem}.grid:not(.feature-grid) .pcard h3,.grid:not(.feature-grid) .pcard h2{font-size:.98rem;line-height:1.5}.grid:not(.feature-grid) .pcard h3 small,.grid:not(.feature-grid) .pcard h2 small{font-size:.72rem}.grid:not(.feature-grid) .price{font-size:.8rem;line-height:1.6}.grid:not(.feature-grid) .price b{font-size:.92rem;display:block}.grid:not(.feature-grid) .price del{font-size:.74rem}.grid:not(.feature-grid) .off{font-size:.64rem;padding:0 6px}.grid:not(.feature-grid) .size-pick{font-size:.74rem;gap:6px}.grid:not(.feature-grid) .size-pick > span{display:none}.grid:not(.feature-grid) .size-pick select{width:100%;padding:4px 6px;font-size:13px !important}.grid:not(.feature-grid) .pactions{padding-top:8px}.grid:not(.feature-grid) .pactions .btn.ghost{display:none}.grid:not(.feature-grid) .pactions .btn{width:100%;justify-content:center;padding:9px 8px;font-size:.8rem}.grid:not(.feature-grid) :is(.badge-sale,.badge-oos){width:44px;height:44px;font-size:.68rem;top:8px;inset-inline-start:8px;outline-offset:-6px}.grid:not(.feature-grid) .pbody::before,.grid:not(.feature-grid) .pbody::after{width:14px;height:14px;top:-8px}.grid:not(.feature-grid) .pbody::before{left:-8px}.grid:not(.feature-grid) .pbody::after{right:-8px}.buybar{display:flex;align-items:center;gap:12px;position:fixed;z-index:76;inset-inline:0;bottom:0;padding:10px 14px calc(10px + var(--safe-b));background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--line);box-shadow:0 -14px 30px -20px rgba(33,23,17,.55);transform:translateY(110%);transition:transform .35s cubic-bezier(.2,.9,.3,1)}body.buybar-on .buybar{transform:none}body.buybar-on .tabbar{transform:translateY(calc(100% + var(--tab-gap) + 34px + var(--safe-b)))}.bb-info{flex:1;min-width:0;display:grid}.bb-name{font-size:.78rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bb-price{font-weight:800;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bb-price del{display:none}.bb-price .off{font-size:.66rem}.buybar .btn{flex:none;padding:12px 20px}.pd-media{max-width:340px}.hero.cine{padding-bottom:104px}.cine-sub{font-size:.98rem;margin-top:16px}.cine .cta{margin-top:24px}.cine .cta .btn{flex:1;justify-content:center;white-space:nowrap;padding-inline:14px}.mf-actions .btn{white-space:nowrap}.cine-facts{margin-top:28px}.mchips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:14px var(--gutter);background:var(--bg);border-bottom:1px solid var(--line);scroll-snap-type:x proximity}.mchips::-webkit-scrollbar{display:none}.mchips a{flex:none;scroll-snap-align:start;display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:999px;background:var(--surface);border:1px solid var(--line);color:var(--ink);font-size:.86rem;font-weight:600;text-decoration:none;white-space:nowrap}.mchips a.hot{background:var(--btn);border-color:var(--btn);color:#fff}.mchips a.hot::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--mint);margin-inline-end:8px}.featured{padding-top:36px}.bcards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px 10px}#brands .bcards{display:flex;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;gap:14px;margin-inline:calc(-1 * var(--gutter));padding:8px var(--gutter) 10px}#brands .bcards::-webkit-scrollbar{display:none}.bcard{padding:0;border:0;background:none;box-shadow:none !important;display:grid;justify-items:center;text-align:center;gap:2px;overflow:visible}#brands .bcard{flex:0 0 92px;scroll-snap-align:start}.bcard:hover{transform:none}.bcard::before{position:static;display:block;width:78px;height:78px;border-radius:50%;transform:none !important;-webkit-mask:none;mask:none;background:var(--bimg,radial-gradient(circle,var(--roasted),var(--espresso))) center / cover;box-shadow:0 0 0 3px var(--ivory),0 0 0 5px var(--caramel);margin-bottom:8px}.bcard:active::before{box-shadow:0 0 0 3px var(--ivory),0 0 0 5px var(--cherry)}.bcard .arr,.bcard-en{display:none}.bcard-name{font-size:.84rem;line-height:1.4}.bcard-n{font-size:.68rem;margin-top:0}.recipes{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:14px;margin-inline:calc(-1 * var(--gutter));padding:4px var(--gutter) 6px}.recipes::-webkit-scrollbar{display:none}.recipe{flex:0 0 86%;scroll-snap-align:center}.rdots{display:flex;justify-content:center;gap:7px;margin-top:14px}.rdots i{width:7px;height:7px;border-radius:99px;background:rgba(244,239,229,.25);transition:width .3s,background .3s}.rdots i.on{width:22px;background:var(--caramel)}.bh-art{max-width:300px}.chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter)}.chips::-webkit-scrollbar{display:none}.chip{flex:none;min-height:40px}.foot{padding-block:40px 28px}.foot-links{gap:6px 16px}}@media (max-width:760px) and (prefers-reduced-motion:reduce){html.rm .tabbar,html.rm .tb-ind,html.rm .buybar,html.rm .msheet,html.rm .filters.as-sheet,html.rm .drawer{transition:none}html.rm .tabbar,html.rm .tabbar *,html.rm .tb-fab{animation:none !important}}