/* Butterfly Café — category atmosphere system v8 */
:root{--bf-blue:#7dc9eb;--bf-blue-strong:#1478a9;--bf-blue-deep:#0c3854;--bf-white:#fff;--bf-paper:#f8fbfd;--bf-line:rgba(60,133,169,.16);--bf-scene-a:#e6f6fd;--bf-scene-b:#fbfdff;--bf-scene-ink:#113d59;--bf-scene-accent:#2694c8;--bf-scene-glow:rgba(78,186,229,.2)}
html{scroll-padding-top:100px}body{background:#f5faff!important;color:#14364b!important}body:before{background:radial-gradient(circle at 10% 10%,rgba(106,199,238,.2),transparent 31%),radial-gradient(circle at 94% 14%,rgba(174,226,247,.2),transparent 28%),radial-gradient(circle at 50% 90%,rgba(255,255,255,.8),transparent 40%)!important}.page{max-width:1320px;padding:0 30px 120px}.mast{border-bottom:1px solid rgba(69,154,193,.18)!important;background:rgba(248,252,255,.82)!important}.brand-copy b{color:#0d4667!important}.brand-copy small{color:#398eb7!important}.theme-toggle{background:rgba(255,255,255,.86)!important;border-color:rgba(53,136,177,.18)!important;color:#164b68!important;box-shadow:0 6px 18px rgba(21,91,125,.06)}
.hero{position:relative;min-height:480px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:50px;padding:38px 0 52px}.hero-art{min-height:420px;isolation:isolate}.hero-art:before{width:min(31vw,390px);height:min(31vw,390px);border-color:rgba(65,170,214,.3);box-shadow:0 0 0 23px rgba(255,255,255,.52),0 0 0 24px rgba(65,170,214,.12),0 24px 100px rgba(62,154,197,.08)}.hero-halo{position:absolute;width:min(35vw,470px);height:min(35vw,470px);border-radius:50%;background:radial-gradient(circle,rgba(121,210,244,.22),rgba(220,244,253,.13) 55%,transparent 72%);filter:blur(4px);z-index:-1;animation:bfHaloBreathe 7s ease-in-out infinite}.hero-art:after{inset:11% 10%;border-color:rgba(66,169,214,.14)}.hero-logo{width:min(84%,490px);filter:drop-shadow(0 20px 35px rgba(39,111,148,.15))!important;animation:bfFloatLogo 6s ease-in-out infinite}.hero-butterfly-mark{position:absolute;right:10%;top:13%;width:70px;height:70px;object-fit:contain;opacity:.12;filter:saturate(.8);animation:bfFloatLogo 8s ease-in-out infinite reverse}.hero-copy{padding:20px 0 20px 2vw}.eyebrow{color:#2888b3!important;letter-spacing:2.8px}.eyebrow:before{background:#73c4e6!important}.hero h1{font-size:clamp(40px,5vw,68px)!important;line-height:1.35;letter-spacing:-1.8px;color:#113f5c!important}.hero h1 em{color:#1886b7!important;font-style:normal}.hero p{max-width:560px;color:#617d8e!important;line-height:2.15}.hero-note{background:rgba(255,255,255,.72)!important;border:1px solid rgba(67,159,199,.16)!important;color:#3e718b!important;box-shadow:0 12px 35px rgba(28,106,142,.05)}.hero-note-dot{width:7px;height:7px;border-radius:50%;background:#40b4dc;box-shadow:0 0 0 5px rgba(64,180,220,.12)}
.menu-shell{position:relative;overflow:hidden;background:rgba(255,255,255,.72)!important;border:1px solid rgba(61,145,185,.18)!important;border-radius:32px!important;padding:20px!important;box-shadow:0 28px 85px rgba(28,91,122,.09)!important;transition:background .55s ease,border-color .55s ease,box-shadow .55s ease}.menu-shell:before{content:"";position:absolute;top:0;right:8%;left:8%;height:1px;background:linear-gradient(90deg,transparent,rgba(83,181,223,.55),transparent);pointer-events:none}.menu-toolbar{display:flex!important;flex-direction:column;align-items:stretch!important;gap:16px!important;padding:0 0 18px!important;border-bottom:1px solid rgba(67,145,184,.13)!important}.searchbox{max-width:470px;min-height:48px;background:rgba(255,255,255,.84)!important;border-color:rgba(70,151,188,.2)!important;box-shadow:0 8px 20px rgba(33,105,139,.035)}.searchbox span{color:#4ba9d0!important;font-size:23px}.searchbox input{color:#194760!important}.categories{display:flex;gap:9px!important;align-items:stretch!important;justify-content:flex-start!important;overflow-x:auto!important;padding:2px 1px 7px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:rgba(71,166,206,.28) transparent}.cat-btn{display:flex!important;align-items:center;gap:9px;min-height:60px;padding:9px 13px!important;border-radius:18px!important;border:1px solid rgba(68,147,184,.14)!important;background:rgba(255,255,255,.6)!important;color:#56778a!important;white-space:nowrap;scroll-snap-align:start;box-shadow:0 5px 18px rgba(23,99,132,.025);transition:transform .25s ease,background .35s ease,color .35s ease,border-color .35s ease,box-shadow .35s ease!important}.cat-btn:hover{transform:translateY(-2px);border-color:rgba(43,155,204,.38)!important;box-shadow:0 12px 28px rgba(23,99,132,.09)}.cat-btn>span:last-child{display:flex;flex-direction:column;gap:3px;align-items:flex-start}.cat-btn b{font-size:12px;font-weight:900}.cat-btn small{font:700 8px/1.2 Arial,sans-serif;letter-spacing:1.2px;opacity:.66}.cat-symbol{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:12px;background:rgba(96,183,220,.11);color:#248ab8;font-size:19px;transition:transform .3s ease,background .3s ease}.cat-btn.active{background:linear-gradient(135deg,#1c7da8,#42add7)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 11px 26px rgba(28,125,168,.2)!important;transform:translateY(-1px)}.cat-btn.active .cat-symbol{background:rgba(255,255,255,.17);color:#fff;transform:rotate(-7deg) scale(1.04)}.cat-btn.active small{opacity:.78}
.category-scene{--scene-a:#e7f7fd;--scene-b:#f9fdff;--scene-ink:#153f59;--scene-accent:#238dbb;--scene-glow:rgba(87,193,232,.22);position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.55fr);align-items:center;gap:20px;min-height:250px;margin:20px 0 2px;padding:28px 32px;border:1px solid rgba(69,156,196,.17);border-radius:26px;background:linear-gradient(115deg,var(--scene-a),var(--scene-b) 78%);box-shadow:inset 0 1px 0 rgba(255,255,255,.7);transition:background .65s ease,border-color .65s ease,box-shadow .65s ease;transform:translateZ(0)}.category-scene:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 80% 45%,var(--scene-glow),transparent 35%),linear-gradient(110deg,transparent 30%,rgba(255,255,255,.5));pointer-events:none}.category-scene:after{content:"";position:absolute;z-index:-1;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,var(--scene-accent),transparent);opacity:.38}.scene-copy{position:relative;z-index:2;max-width:620px}.scene-eyebrow{font:800 9px/1.5 Arial,sans-serif;letter-spacing:3px;color:var(--scene-accent);text-transform:uppercase}.scene-copy h2{margin:9px 0 0;color:var(--scene-ink);font-size:clamp(28px,3vw,42px);font-weight:900;letter-spacing:-.7px;transition:color .4s ease}.scene-title-en{margin-top:6px;color:var(--scene-accent);font:700 10px/1.6 Arial,sans-serif;letter-spacing:2px}.scene-copy p{max-width:500px;margin:12px 0 17px;color:color-mix(in srgb,var(--scene-ink) 72%,white);font-size:12px;line-height:2.05}.scene-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;color:color-mix(in srgb,var(--scene-ink) 68%,white);font-size:10px}.scene-count{padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.52);border:1px solid color-mix(in srgb,var(--scene-accent) 18%,transparent);font-weight:800}.scene-dot{width:4px;height:4px;border-radius:50%;background:var(--scene-accent)}.scene-art{position:relative;min-height:190px;display:grid;place-items:center;isolation:isolate}.scene-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(1px)}.orb-one{width:150px;height:150px;background:radial-gradient(circle at 40% 35%,rgba(255,255,255,.95),var(--scene-glow) 64%,transparent 72%);animation:bfOrb 8s ease-in-out infinite}.orb-two{width:190px;height:190px;border:1px solid color-mix(in srgb,var(--scene-accent) 18%,transparent);box-shadow:0 0 0 15px rgba(255,255,255,.13),0 0 0 16px color-mix(in srgb,var(--scene-accent) 8%,transparent);animation:bfOrbit 28s linear infinite}.scene-orbit{position:absolute;width:230px;height:100px;border:1px solid color-mix(in srgb,var(--scene-accent) 18%,transparent);border-radius:50%;transform:rotate(-26deg);animation:bfOrbit 34s linear infinite reverse}.scene-butterfly{position:relative;z-index:2;width:112px;height:112px;object-fit:contain;opacity:.83;filter:drop-shadow(0 13px 18px color-mix(in srgb,var(--scene-accent) 17%,transparent));animation:bfFloatLogo 5s ease-in-out infinite}.scene-star{position:absolute;z-index:3;color:var(--scene-accent);font-size:21px;animation:bfSpark 3.5s ease-in-out infinite}.star-one{top:18%;right:17%}.star-two{bottom:16%;left:16%;animation-delay:-1.6s}.pixel-spark,.pixel-glass{display:none}.category-scene.is-changing .scene-copy{animation:bfCategoryIn .5s cubic-bezier(.2,.8,.2,1) both}.category-scene.is-changing .scene-art{animation:bfCategoryArt .7s cubic-bezier(.2,.8,.2,1) both}
.catalog-head{align-items:center!important;gap:18px!important;flex-wrap:wrap;padding:27px 4px 16px!important}.catalog-head>div>small{font:800 9px/1.5 Arial,sans-serif;letter-spacing:2.4px;color:#55a5c7!important}.catalog-head h2{color:#164b68!important;font:800 clamp(20px,2vw,26px)/1.5 Tahoma,Arial,sans-serif!important}.qr-readonly-note{display:inline-flex!important;align-items:center;gap:8px;padding:8px 12px!important;border-radius:999px!important;background:rgba(231,247,253,.78)!important;border:1px solid rgba(74,159,196,.14)!important;color:#49788f!important;font-size:10px!important;line-height:1.7}.readonly-dot{width:6px;height:6px;border-radius:50%;background:#54a9cc;box-shadow:0 0 0 4px rgba(84,169,204,.12)}.catalog{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:17px!important;align-items:stretch}.product-card{min-height:0!important;border:1px solid rgba(72,145,180,.15)!important;border-radius:23px!important;background:rgba(255,255,255,.88)!important;box-shadow:0 10px 30px rgba(27,94,124,.045)!important;transition:transform .38s cubic-bezier(.2,.8,.2,1),box-shadow .38s ease,border-color .38s ease,background .38s ease!important}.product-card:hover{transform:translateY(-6px)!important;border-color:color-mix(in srgb,var(--scene-accent,#2c98c5) 35%,transparent)!important;box-shadow:0 23px 48px rgba(25,93,126,.11)!important}.product-media{height:230px!important;position:relative;overflow:hidden;background:linear-gradient(145deg,#f1faff,#fbfdff)!important;border-bottom:1px solid rgba(70,151,187,.1)}.product-media>img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.product-card:hover .product-media>img{transform:scale(1.045)}.bf-photo-empty{position:relative;display:grid;place-items:center;width:100%;height:100%;overflow:hidden;background:linear-gradient(145deg,rgba(224,245,253,.82),rgba(252,254,255,.94));isolation:isolate}.bf-photo-empty:before{content:"";position:absolute;inset:12px;border:1px dashed rgba(67,159,199,.22);border-radius:15px}.bf-photo-empty:after{content:"";position:absolute;width:65%;height:1px;top:50%;background:linear-gradient(90deg,transparent,rgba(71,157,195,.13),transparent)}.bf-photo-watermark{width:70px!important;height:70px!important;object-fit:contain!important;opacity:.16;filter:saturate(.65);transition:transform .45s ease,opacity .45s ease}.product-card:hover .bf-photo-watermark{transform:translateY(-4px) rotate(-5deg);opacity:.24}.bf-photo-empty>span{position:absolute;bottom:22px;font:700 8px/1 Arial,sans-serif;letter-spacing:2px;color:rgba(39,119,157,.35)}.product-body{padding:16px 17px 17px!important}.product-kicker{font:800 8px/1.4 Arial,sans-serif!important;letter-spacing:1.8px!important;color:#4297ba!important}.product-title{align-items:center!important;margin-top:7px!important;gap:8px!important}.product-title h3{font-size:16px!important;font-weight:900!important;line-height:1.7;color:#173f57!important}.product-title b{font-size:11px!important;color:#1b769d!important}.price-pending{display:inline-flex;white-space:nowrap;padding:5px 8px;border:1px solid rgba(83,157,191,.17);border-radius:999px;background:#f0f9fd;color:#6792a7;font-size:9px;font-weight:800}.product-body p{min-height:43px!important;margin-top:8px!important;font-size:11px!important;line-height:1.95!important;color:#708998!important}.product-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px;padding-top:11px;border-top:1px solid rgba(72,145,180,.1);color:#7191a1;font-size:9px}.product-section-chip{display:inline-flex;padding:5px 8px;border-radius:999px;background:rgba(112,195,227,.12);color:#3e8caf;font-size:8px;font-weight:900;letter-spacing:.4px}.product-card .soldout-badge{background:rgba(28,71,93,.87)!important;top:16px;right:16px}.product-card.is-soldout .product-body p{color:#879aa4!important}.product-card.is-soldout .bf-photo-empty{filter:saturate(.65)}.product-card.is-soldout .price-pending{background:#f3f7f9;color:#7b8e99}.empty{grid-column:1/-1;border:1px dashed rgba(65,145,184,.2);border-radius:22px;background:rgba(255,255,255,.5);padding:42px!important;color:#6f8a99!important}.menu-endnote{display:flex;align-items:center;justify-content:center;gap:12px;padding:30px 10px 4px;color:#6791a4;font-size:11px}.menu-endnote img{width:24px;height:24px;object-fit:contain;opacity:.6}.menu-endnote small{font:700 8px/1 Arial,sans-serif;letter-spacing:1.7px;opacity:.65}
/* Category-specific color worlds */
#menuExperience[data-current-cat="coffee-bar"]{--scene-accent:#9b754a;--scene-glow:rgba(200,160,112,.2)}#menuExperience[data-current-cat="coffee-bar"] .category-scene{--scene-a:#f5ece0;--scene-b:#fffdf8;--scene-ink:#4e3828;--scene-accent:#a57749;--scene-glow:rgba(207,165,112,.24)}#menuExperience[data-current-cat="coffee-bar"] .scene-butterfly{filter:sepia(.18) drop-shadow(0 13px 18px rgba(144,103,57,.14))}
#menuExperience[data-current-cat="iced-coffee-bar"]{--scene-accent:#2499c9;--scene-glow:rgba(88,199,239,.25)}#menuExperience[data-current-cat="iced-coffee-bar"] .category-scene{--scene-a:#dff5fd;--scene-b:#f8fdff;--scene-ink:#124b6c;--scene-accent:#178fc1;--scene-glow:rgba(69,193,235,.28)}#menuExperience[data-current-cat="iced-coffee-bar"] .scene-orb-two{border-style:dashed}
#menuExperience[data-current-cat="wellness"]{--scene-accent:#4a9b83;--scene-glow:rgba(110,201,169,.23)}#menuExperience[data-current-cat="wellness"] .category-scene{--scene-a:#e3f7ef;--scene-b:#fbfffd;--scene-ink:#214f43;--scene-accent:#348d74;--scene-glow:rgba(95,190,151,.26)}#menuExperience[data-current-cat="wellness"] .scene-butterfly{filter:hue-rotate(18deg) saturate(.78) drop-shadow(0 13px 18px rgba(49,143,112,.16))}
#menuExperience[data-current-cat="hot-bar"]{--scene-accent:#c48647;--scene-glow:rgba(239,183,113,.23)}#menuExperience[data-current-cat="hot-bar"] .category-scene{--scene-a:#fbf0df;--scene-b:#fffdf8;--scene-ink:#624226;--scene-accent:#b87938;--scene-glow:rgba(233,169,90,.25)}#menuExperience[data-current-cat="hot-bar"] .scene-orb-one{background:radial-gradient(circle,rgba(255,255,255,.95),rgba(239,183,113,.35) 60%,transparent 72%)}
#menuExperience[data-current-cat="affogato"]{--scene-accent:#aa8568;--scene-glow:rgba(198,167,139,.22)}#menuExperience[data-current-cat="affogato"] .category-scene{--scene-a:#f5ece7;--scene-b:#fffdfb;--scene-ink:#5b4037;--scene-accent:#9b6d54;--scene-glow:rgba(186,145,119,.26)}#menuExperience[data-current-cat="affogato"] .scene-orbit{transform:rotate(27deg);border-style:dotted}
#menuExperience[data-current-cat="shakes"]{--scene-accent:#c66b91;--scene-glow:rgba(237,157,192,.22)}#menuExperience[data-current-cat="shakes"] .category-scene{--scene-a:#fff0f5;--scene-b:#fffafd;--scene-ink:#693a51;--scene-accent:#c15c88;--scene-glow:rgba(232,140,178,.25)}#menuExperience[data-current-cat="shakes"] .scene-butterfly{filter:hue-rotate(285deg) saturate(.7) drop-shadow(0 13px 18px rgba(192,91,139,.16))}
#menuExperience[data-current-cat="mocktails"]{--scene-accent:#178fb5;--scene-glow:rgba(44,210,229,.2)}#menuExperience[data-current-cat="mocktails"] .category-scene{--scene-a:#dffaff;--scene-b:#f6feff;--scene-ink:#0e4e62;--scene-accent:#148bb3;--scene-glow:rgba(40,206,221,.22);background-image:linear-gradient(115deg,var(--scene-a),var(--scene-b) 78%),repeating-linear-gradient(0deg,rgba(36,156,190,.04) 0 1px,transparent 1px 12px)}#menuExperience[data-current-cat="mocktails"] .scene-art{min-height:200px}#menuExperience[data-current-cat="mocktails"] .pixel-spark{display:block;position:absolute;width:8px;height:8px;background:#ffbd59;box-shadow:12px 0 #ffbd59,24px 0 #ffbd59,0 12px #ffbd59,24px 12px #ffbd59,12px 24px #ffbd59;image-rendering:pixelated;animation:bfPixelBlink 2.4s steps(2,end) infinite}.pixel-spark-one{top:22%;left:20%;transform:scale(.55) rotate(45deg)}.pixel-spark-two{bottom:19%;right:19%;background:#4fc6dc;box-shadow:12px 0 #4fc6dc,24px 0 #4fc6dc,0 12px #4fc6dc,24px 12px #4fc6dc,12px 24px #4fc6dc;transform:scale(.72);animation-delay:-1.2s}#menuExperience[data-current-cat="mocktails"] .pixel-glass{display:block;position:absolute;z-index:2;width:40px;height:52px;border:6px solid #2aa4c3;border-top-width:5px;border-radius:0 0 4px 4px;background:linear-gradient(180deg,#75e0df 0 28%,#44b9dd 29% 62%,#f4d65f 63%);box-shadow:8px 8px 0 rgba(22,125,155,.13);image-rendering:pixelated;transform:rotate(-8deg);animation:bfPixelFloat 4s steps(5,end) infinite}.pixel-glass:before{content:"";position:absolute;top:-15px;left:7px;width:6px;height:15px;background:#e9a7c2;box-shadow:6px -5px #e9a7c2,12px -9px #e9a7c2}.pixel-glass:after{content:"";position:absolute;top:8px;right:4px;width:5px;height:5px;background:#fff;box-shadow:8px 10px rgba(255,255,255,.8),-3px 20px rgba(255,255,255,.6)}.pixel-glass-one{top:27%;left:36%;transform:rotate(-8deg) scale(1.12)}.pixel-glass-two{bottom:22%;right:28%;background:linear-gradient(180deg,#ffb8b8 0 27%,#f45f7a 28% 64%,#ffc45c 65%);border-color:#e56b87;transform:rotate(9deg) scale(.75);animation-delay:-1.4s}#menuExperience[data-current-cat="mocktails"] .scene-butterfly{opacity:.36;image-rendering:pixelated;filter:saturate(1.3) drop-shadow(0 8px 10px rgba(23,143,181,.12));transform:scale(.86)}#menuExperience[data-current-cat="mocktails"] .scene-orbit{border-style:dashed;transform:rotate(90deg) scale(.88)}#menuExperience[data-current-cat="mocktails"] .scene-star{font-family:monospace;text-shadow:3px 0 rgba(255,191,83,.5),-3px 0 rgba(79,198,220,.4)}#menuExperience[data-current-cat="mocktails"] .product-card{border-radius:12px!important;border-style:solid!important;box-shadow:5px 5px 0 rgba(32,151,180,.07)!important}#menuExperience[data-current-cat="mocktails"] .product-card:hover{transform:translate(-2px,-4px)!important;box-shadow:8px 9px 0 rgba(32,151,180,.1)!important}#menuExperience[data-current-cat="mocktails"] .product-media{background-color:#e9fbff!important;background-image:linear-gradient(90deg,rgba(57,175,202,.05) 1px,transparent 1px),linear-gradient(rgba(57,175,202,.05) 1px,transparent 1px)!important;background-size:8px 8px!important}#menuExperience[data-current-cat="mocktails"] .bf-photo-empty{background:linear-gradient(145deg,#e5faff,#fbffff);image-rendering:pixelated}#menuExperience[data-current-cat="mocktails"] .bf-photo-empty:before{border-radius:2px;border-style:dotted}#menuExperience[data-current-cat="mocktails"] .bf-photo-watermark{image-rendering:pixelated;filter:saturate(1.1)}#menuExperience[data-current-cat="mocktails"] .product-section-chip{border-radius:4px;background:#d8f8ff;color:#087c9c}
#menuExperience[data-current-cat="all"] .category-scene{--scene-a:#e4f6fd;--scene-b:#fbfdff;--scene-ink:#153f59;--scene-accent:#238dbb;--scene-glow:rgba(87,193,232,.22)}
/* Dark mode preserves the blue/white brand while letting each category tint the scene. */
html[data-theme="dark"] body,html.dark body{background:#07151f!important;color:#e8f6fc!important}html[data-theme="dark"] body:before,html.dark body:before{background:radial-gradient(circle at 10% 10%,rgba(46,148,192,.16),transparent 30%),radial-gradient(circle at 94% 14%,rgba(67,127,159,.12),transparent 28%),radial-gradient(circle at 50% 90%,rgba(10,43,60,.2),transparent 40%)!important}html[data-theme="dark"] .mast,html.dark .mast{background:rgba(7,21,31,.83)!important;border-bottom-color:rgba(103,190,225,.16)!important}html[data-theme="dark"] .brand-copy b,html.dark .brand-copy b{color:#d8f2ff!important}html[data-theme="dark"] .brand-copy small,html.dark .brand-copy small{color:#78c9ed!important}html[data-theme="dark"] .theme-toggle,html.dark .theme-toggle{background:#102936!important;color:#e3f7ff!important;border-color:rgba(112,196,231,.2)!important}html[data-theme="dark"] .menu-shell,html.dark .menu-shell{background:rgba(7,22,31,.87)!important;border-color:rgba(112,190,222,.15)!important;box-shadow:0 28px 85px rgba(0,0,0,.28)!important}html[data-theme="dark"] .searchbox,html.dark .searchbox{background:#0b2532!important;border-color:rgba(112,190,222,.17)!important}html[data-theme="dark"] .searchbox input,html.dark .searchbox input{color:#e9f8ff!important}html[data-theme="dark"] .cat-btn,html.dark .cat-btn{background:rgba(15,42,55,.8)!important;border-color:rgba(112,190,222,.13)!important;color:#a5c4d2!important}html[data-theme="dark"] .cat-btn .cat-symbol,html.dark .cat-btn .cat-symbol{background:rgba(76,170,209,.13);color:#8dd9f6}html[data-theme="dark"] .cat-btn.active,html.dark .cat-btn.active{background:linear-gradient(135deg,#14698f,#278fb8)!important;color:#fff!important}html[data-theme="dark"] .category-scene,html.dark .category-scene{--scene-a:#102d3b!important;--scene-b:#0b202c!important;--scene-ink:#e1f6ff!important;--scene-accent:#82d5f2!important;--scene-glow:rgba(45,150,191,.17)!important;border-color:rgba(112,190,222,.17)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;background:linear-gradient(115deg,var(--scene-a),var(--scene-b) 78%)!important}html[data-theme="dark"] #menuExperience[data-current-cat="coffee-bar"] .category-scene,html.dark #menuExperience[data-current-cat="coffee-bar"] .category-scene{--scene-a:#2b241d!important;--scene-b:#151d21!important;--scene-ink:#f4e4d1!important;--scene-accent:#dfb37e!important;--scene-glow:rgba(181,127,76,.12)!important}html[data-theme="dark"] #menuExperience[data-current-cat="wellness"] .category-scene,html.dark #menuExperience[data-current-cat="wellness"] .category-scene{--scene-a:#12352f!important;--scene-b:#0c2424!important;--scene-ink:#dff9ef!important;--scene-accent:#87d7b7!important;--scene-glow:rgba(67,162,128,.14)!important}html[data-theme="dark"] #menuExperience[data-current-cat="hot-bar"] .category-scene,html.dark #menuExperience[data-current-cat="hot-bar"] .category-scene{--scene-a:#3b2a1d!important;--scene-b:#211d1a!important;--scene-ink:#ffead2!important;--scene-accent:#e8b477!important;--scene-glow:rgba(220,145,64,.13)!important}html[data-theme="dark"] #menuExperience[data-current-cat="affogato"] .category-scene,html.dark #menuExperience[data-current-cat="affogato"] .category-scene{--scene-a:#31231f!important;--scene-b:#1b1d20!important;--scene-ink:#f6e4db!important;--scene-accent:#d7aa8b!important;--scene-glow:rgba(178,126,97,.13)!important}html[data-theme="dark"] #menuExperience[data-current-cat="shakes"] .category-scene,html.dark #menuExperience[data-current-cat="shakes"] .category-scene{--scene-a:#351f2b!important;--scene-b:#211a24!important;--scene-ink:#ffe7f1!important;--scene-accent:#f1a5c5!important;--scene-glow:rgba(203,88,145,.13)!important}html[data-theme="dark"] #menuExperience[data-current-cat="mocktails"] .category-scene,html.dark #menuExperience[data-current-cat="mocktails"] .category-scene{--scene-a:#0c3540!important;--scene-b:#0a202c!important;--scene-ink:#dffaff!important;--scene-accent:#6fe0ec!important;--scene-glow:rgba(41,188,211,.13)!important}html[data-theme="dark"] .catalog-head h2,html.dark .catalog-head h2{color:#d8f3ff!important}html[data-theme="dark"] .catalog-head>div>small,html.dark .catalog-head>div>small{color:#75c9e9!important}html[data-theme="dark"] .qr-readonly-note,html.dark .qr-readonly-note{background:#0d2b39!important;color:#b4dce9!important;border-color:rgba(112,190,222,.15)!important}html[data-theme="dark"] .product-card,html.dark .product-card{background:#0c222e!important;border-color:rgba(112,190,222,.14)!important;box-shadow:0 12px 30px rgba(0,0,0,.18)!important}html[data-theme="dark"] .product-card:hover,html.dark .product-card:hover{border-color:rgba(103,203,238,.35)!important;box-shadow:0 23px 48px rgba(0,0,0,.27)!important}html[data-theme="dark"] .product-media,html.dark .product-media{background:linear-gradient(145deg,#102f3e,#0d202b)!important;border-bottom-color:rgba(112,190,222,.1)!important}html[data-theme="dark"] .bf-photo-empty,html.dark .bf-photo-empty{background:linear-gradient(145deg,#10303f,#0b202b)!important}html[data-theme="dark"] .bf-photo-empty:before,html.dark .bf-photo-empty:before{border-color:rgba(111,198,229,.2)}html[data-theme="dark"] .bf-photo-watermark,html.dark .bf-photo-watermark{filter:brightness(1.4) saturate(.7);opacity:.16}html[data-theme="dark"] .product-title h3,html.dark .product-title h3{color:#e3f5fc!important}html[data-theme="dark"] .product-title b,html.dark .product-title b{color:#83d8f4!important}html[data-theme="dark"] .product-body p,html.dark .product-body p{color:#9cb8c6!important}html[data-theme="dark"] .product-kicker,html.dark .product-kicker{color:#8ed7f1!important}html[data-theme="dark"] .product-card-footer,html.dark .product-card-footer{border-top-color:rgba(112,190,222,.12);color:#90b7c7}html[data-theme="dark"] .price-pending,html.dark .price-pending{background:#102c39;color:#91c2d4;border-color:rgba(112,190,222,.16)}html[data-theme="dark"] .product-section-chip,html.dark .product-section-chip{background:#10313f;color:#92d9f0}html[data-theme="dark"] .menu-endnote,html.dark .menu-endnote{color:#87b8ca}html[data-theme="dark"] .empty,html.dark .empty{background:rgba(12,34,46,.5);color:#98b8c8!important;border-color:rgba(112,190,222,.17)}html[data-theme="dark"] .detail-card,html.dark .detail-card{background:#0c222e!important;color:#e5f4fa!important;border-color:rgba(112,190,222,.2)!important}html[data-theme="dark"] #detailFa,html.dark #detailFa{color:#e8f8ff}html[data-theme="dark"] #detailDesc,html.dark #detailDesc{color:#a9c1ce}
@keyframes bfCategoryIn{from{opacity:0;transform:translateY(12px) translateX(5px);filter:blur(3px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes bfCategoryArt{from{opacity:.25;transform:scale(.92) rotate(-4deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes bfHaloBreathe{0%,100%{transform:scale(.96);opacity:.8}50%{transform:scale(1.04);opacity:1}}@keyframes bfFloatLogo{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes bfOrb{0%,100%{transform:scale(.95);opacity:.8}50%{transform:scale(1.06);opacity:1}}@keyframes bfOrbit{from{rotate:0deg}to{rotate:360deg}}@keyframes bfSpark{0%,100%{transform:translateY(0) scale(.85);opacity:.5}50%{transform:translateY(-8px) scale(1.12);opacity:1}}@keyframes bfPixelBlink{0%,100%{opacity:1}50%{opacity:.4}}@keyframes bfPixelFloat{0%,100%{translate:0 0;rotate:2deg}50%{translate:0 -8px;rotate:-3deg}}
@media(max-width:1000px){.page{padding-inline:20px}.hero{gap:22px;min-height:420px}.hero-art{min-height:360px}.category-scene{grid-template-columns:minmax(0,1fr) 210px;padding:24px}.catalog{grid-template-columns:repeat(2,minmax(0,1fr))!important}.product-media{height:220px!important}}
@media(max-width:680px){.page{padding:0 12px 105px}.mast{height:72px}.hero{min-height:auto;grid-template-columns:1fr;gap:0;padding:17px 0 26px}.hero-copy{order:-1;text-align:center;padding:16px 10px 0}.eyebrow{justify-content:center;font-size:9px!important;letter-spacing:2px!important}.hero h1{font-size:clamp(35px,10vw,48px)!important;line-height:1.42!important;letter-spacing:-1px!important}.hero p{font-size:12px;line-height:2!important}.hero-note{justify-content:center;font-size:10px!important;padding:9px 12px!important}.hero-art{min-height:220px;margin-top:2px}.hero-art:before{width:195px;height:195px;box-shadow:0 0 0 14px rgba(255,255,255,.42),0 0 0 15px rgba(65,170,214,.12)}.hero-halo{width:230px;height:230px}.hero-logo{width:min(65%,265px)}.hero-butterfly-mark{width:44px;height:44px;right:15%;top:12%}.menu-shell{padding:12px!important;border-radius:23px!important}.menu-toolbar{gap:12px!important;padding-bottom:12px!important}.searchbox{min-height:44px}.categories{gap:7px!important;margin-inline:-1px}.cat-btn{min-height:54px;padding:8px 10px!important;border-radius:15px!important;gap:7px}.cat-btn b{font-size:11px}.cat-btn small{font-size:7px;letter-spacing:.7px}.cat-symbol{width:29px;height:29px;flex-basis:29px;border-radius:10px;font-size:16px}.category-scene{grid-template-columns:minmax(0,1fr) 105px;gap:6px;min-height:205px;margin-top:13px;padding:18px 14px;border-radius:20px}.scene-eyebrow{font-size:7px;letter-spacing:1.7px}.scene-copy h2{font-size:25px;line-height:1.5}.scene-title-en{font-size:7px;letter-spacing:1.2px}.scene-copy p{font-size:10px;line-height:1.95;margin:8px 0 11px}.scene-meta{font-size:8px;gap:6px}.scene-count{padding:5px 7px}.scene-art{min-height:125px}.scene-butterfly{width:72px;height:72px}.orb-one{width:92px;height:92px}.orb-two{width:115px;height:115px;box-shadow:0 0 0 9px rgba(255,255,255,.1),0 0 0 10px color-mix(in srgb,var(--scene-accent) 8%,transparent)}.scene-orbit{width:145px;height:65px}.scene-star{font-size:15px}.star-one{right:9%;top:12%}.star-two{left:7%;bottom:11%}.pixel-glass-one{left:31%;top:26%;transform:scale(.75) rotate(-8deg)}.pixel-glass-two{right:14%;bottom:18%;transform:scale(.56) rotate(9deg)}.pixel-spark-one{left:4%;top:19%;transform:scale(.34) rotate(45deg)}.pixel-spark-two{right:4%;bottom:11%;transform:scale(.4)}.catalog-head{padding:20px 3px 12px!important;align-items:flex-start!important;flex-direction:column;gap:9px!important}.catalog-head h2{font-size:20px!important}.qr-readonly-note{border-radius:13px!important;font-size:9px!important;align-items:flex-start!important}.catalog{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.product-card{border-radius:17px!important}.product-media{height:148px!important}.bf-photo-empty:before{inset:7px;border-radius:9px}.bf-photo-watermark{width:47px!important;height:47px!important}.bf-photo-empty>span{bottom:14px;font-size:6px;letter-spacing:1.4px}.product-body{padding:11px 10px 12px!important}.product-kicker{font-size:7px!important;letter-spacing:1px!important}.product-title{flex-direction:column;align-items:flex-start!important;gap:3px!important}.product-title h3{font-size:12px!important;line-height:1.75}.product-title b{font-size:10px!important}.price-pending{font-size:7px;padding:4px 6px}.product-body p{font-size:9px!important;line-height:1.8!important;min-height:54px!important;margin-top:7px!important}.product-card-footer{margin-top:8px;padding-top:8px;font-size:7px;gap:4px}.product-section-chip{font-size:6px;padding:4px 5px}.product-card .soldout-badge{font-size:8px;top:7px;right:7px;padding:5px 6px}.menu-endnote{gap:8px;font-size:10px;padding-top:24px}.menu-endnote img{width:19px;height:19px}.menu-endnote small{font-size:6px;letter-spacing:1px}.mobile-dock{display:flex!important}}
@media(max-width:390px){.catalog{grid-template-columns:1fr!important}.product-media{height:200px!important}.product-title{flex-direction:row;align-items:center!important}.product-title h3{font-size:15px!important}.product-body p{min-height:35px!important;font-size:10px!important}.category-scene{grid-template-columns:minmax(0,1fr) 90px}.scene-copy h2{font-size:22px}.scene-title-en{font-size:6px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/* Read-only option preview, including pending syrup / cold-foam selections. */
.qr-options-group{margin:12px 0;padding:13px 14px;border:1px solid rgba(71,151,188,.14);border-radius:17px;background:rgba(239,249,253,.55)}.qr-options-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.qr-options-heading>b{font-size:12px;color:#174e6b}.qr-options-heading>small{font-size:9px;color:#438aa8;background:rgba(91,174,207,.1);padding:4px 7px;border-radius:999px;white-space:nowrap}.qr-options-group.is-pending{border-style:dashed;background:rgba(244,249,251,.58)}.qr-options-group.is-pending .qr-options-heading>small{background:rgba(205,155,89,.13);color:#9a733f}.qr-option-chips{display:flex;flex-wrap:wrap;gap:7px}.qr-option-chip{border:1px solid rgba(71,151,188,.15)!important;border-radius:999px!important;background:#fff!important;color:#376a81!important;padding:7px 10px!important;font-size:10px!important}.qr-option-chip.is-pending{border-style:dashed!important;color:#7895a3!important;background:rgba(255,255,255,.48)!important}.detail-media .bf-photo-empty{min-height:200px;border-radius:16px}.detail-media .bf-photo-watermark{width:92px!important;height:92px!important}.detail-card #detailPrice{font-size:14px;color:#1b769d}
html[data-theme="dark"] .qr-options-group,html.dark .qr-options-group{background:rgba(12,42,56,.6);border-color:rgba(112,190,222,.15)}html[data-theme="dark"] .qr-options-heading>b,html.dark .qr-options-heading>b{color:#d7f3ff}html[data-theme="dark"] .qr-options-heading>small,html.dark .qr-options-heading>small{background:#103342;color:#9bd9f0}html[data-theme="dark"] .qr-options-group.is-pending .qr-options-heading>small,html.dark .qr-options-group.is-pending .qr-options-heading>small{background:#30271c;color:#e0ba83}html[data-theme="dark"] .qr-option-chip,html.dark .qr-option-chip{background:#102b39!important;color:#d3edf7!important;border-color:rgba(112,190,222,.16)!important}html[data-theme="dark"] .qr-option-chip.is-pending,html.dark .qr-option-chip.is-pending{background:#0d2632!important;color:#8ba9b7!important}html[data-theme="dark"] .detail-card #detailPrice,html.dark .detail-card #detailPrice{color:#9cdef6}

/* v8.1 — quiet category ambience, animated background details and signature reveal */
#menuExperience{position:relative;isolation:isolate}
#menuExperience>.category-atmosphere{--ambient-a:rgba(83,190,228,.15);--ambient-b:rgba(172,225,245,.16);--ambient-accent:#2797c5;position:absolute;inset:0;z-index:0;overflow:hidden;border-radius:inherit;pointer-events:none;opacity:.78;background:radial-gradient(ellipse at 8% 23%,var(--ambient-a),transparent 25%),radial-gradient(ellipse at 93% 71%,var(--ambient-b),transparent 27%),radial-gradient(ellipse at 48% 102%,rgba(255,255,255,.3),transparent 42%);transition:opacity 1s ease,background 1s ease}
#menuExperience>.category-atmosphere:before{content:"";position:absolute;left:-118px;top:17%;width:280px;height:280px;border:1px solid color-mix(in srgb,var(--ambient-accent) 20%,transparent);border-radius:50%;box-shadow:0 0 0 14px color-mix(in srgb,var(--ambient-accent) 5%,transparent),0 0 0 31px color-mix(in srgb,var(--ambient-accent) 4%,transparent),0 0 0 52px color-mix(in srgb,var(--ambient-accent) 3%,transparent);opacity:.48;animation:bfAmbientDrift 19s ease-in-out infinite}
#menuExperience>.category-atmosphere:after{content:"";position:absolute;right:5.5%;top:19%;width:74px;height:74px;border:1px solid color-mix(in srgb,var(--ambient-accent) 16%,transparent);border-radius:50%;box-shadow:0 0 0 10px color-mix(in srgb,var(--ambient-accent) 4%,transparent);opacity:.36;animation:bfAmbientDrift 23s ease-in-out -4s infinite reverse}
#menuExperience>.category-atmosphere~:not(.category-atmosphere){position:relative;z-index:1}
#menuExperience .ambient-speckle{position:absolute;display:block;width:116px;height:116px;background-image:radial-gradient(var(--ambient-accent) 1px,transparent 1.5px);background-size:15px 15px;opacity:.095;animation:bfAmbientSpeckle 17s ease-in-out infinite}
#menuExperience .ambient-speckle-one{right:7%;top:36%}
#menuExperience .ambient-speckle-two{left:35%;bottom:7%;width:76px;height:76px;opacity:.06;animation-delay:-8s}
#menuExperience .ambient-star{position:absolute;right:12%;top:13%;font:400 35px/1 Georgia,serif;color:var(--ambient-accent);opacity:.18;animation:bfAmbientStar 8s ease-in-out infinite}
#menuExperience[data-current-cat="coffee-bar"]>.category-atmosphere{--ambient-a:rgba(200,157,103,.17);--ambient-b:rgba(234,212,180,.17);--ambient-accent:#a57749;background:radial-gradient(ellipse at 8% 23%,var(--ambient-a),transparent 25%),radial-gradient(ellipse at 93% 71%,var(--ambient-b),transparent 27%),linear-gradient(115deg,rgba(219,185,142,.035),transparent 62%)}
#menuExperience[data-current-cat="iced-coffee-bar"]>.category-atmosphere{--ambient-a:rgba(81,192,235,.2);--ambient-b:rgba(173,232,249,.2);--ambient-accent:#168fc1;background:radial-gradient(ellipse at 8% 23%,var(--ambient-a),transparent 25%),radial-gradient(ellipse at 93% 71%,var(--ambient-b),transparent 27%),radial-gradient(ellipse at 48% 102%,rgba(201,240,252,.23),transparent 42%)}
#menuExperience[data-current-cat="wellness"]>.category-atmosphere{--ambient-a:rgba(92,191,145,.17);--ambient-b:rgba(184,232,207,.2);--ambient-accent:#348d74;background:radial-gradient(ellipse at 8% 23%,var(--ambient-a),transparent 25%),radial-gradient(ellipse at 93% 71%,var(--ambient-b),transparent 27%),linear-gradient(135deg,rgba(199,238,218,.06),transparent 65%)}
#menuExperience[data-current-cat="hot-bar"]>.category-atmosphere{--ambient-a:rgba(230,164,83,.17);--ambient-b:rgba(246,216,168,.18);--ambient-accent:#b87938;background:radial-gradient(ellipse at 8% 23%,var(--ambient-a),transparent 25%),radial-gradient(ellipse at 93% 71%,var(--ambient-b),transparent 27%),linear-gradient(120deg,rgba(238,189,123,.06),transparent 65%)}
#menuExperience[data-current-cat="affogato"]>.category-atmosphere{--ambient-a:rgba(193,151,126,.16);--ambient-b:rgba(233,211,195,.2);--ambient-accent:#9b6d54;background:radial-gradient(ellipse at 8% 23%,var(--ambient-a),transparent 25%),radial-gradient(ellipse at 93% 71%,var(--ambient-b),transparent 27%),linear-gradient(120deg,rgba(216,184,166,.06),transparent 65%)}
#menuExperience[data-current-cat="shakes"]>.category-atmosphere{--ambient-a:rgba(222,128,168,.16);--ambient-b:rgba(247,202,221,.2);--ambient-accent:#c15c88;background:radial-gradient(ellipse at 8% 23%,var(--ambient-a),transparent 25%),radial-gradient(ellipse at 93% 71%,var(--ambient-b),transparent 27%),linear-gradient(120deg,rgba(241,186,210,.055),transparent 65%)}
#menuExperience[data-current-cat="mocktails"]>.category-atmosphere{--ambient-a:rgba(54,197,214,.18);--ambient-b:rgba(151,236,237,.19);--ambient-accent:#148bb3;background-image:repeating-linear-gradient(0deg,rgba(36,156,190,.026) 0 1px,transparent 1px 16px),repeating-linear-gradient(90deg,rgba(36,156,190,.026) 0 1px,transparent 1px 16px),radial-gradient(ellipse at 8% 23%,var(--ambient-a),transparent 25%),radial-gradient(ellipse at 93% 71%,var(--ambient-b),transparent 27%)}
#menuExperience[data-current-cat="mocktails"] .ambient-speckle{background-image:linear-gradient(var(--ambient-accent) 2px,transparent 2px),linear-gradient(90deg,var(--ambient-accent) 2px,transparent 2px);background-size:14px 14px;opacity:.065}
#menuExperience.is-category-changing>.category-atmosphere{animation:bfAtmosphereReveal 1.45s cubic-bezier(.2,.8,.2,1) both}
#menuExperience.is-category-changing>.category-atmosphere:before{animation:bfAmbientArrive 1.55s cubic-bezier(.2,.8,.2,1) both,bfAmbientDrift 19s ease-in-out 1.55s infinite}
#menuExperience.is-category-changing .ambient-speckle-one{animation:bfAmbientSpeckleIn 1.3s ease both,bfAmbientSpeckle 17s ease-in-out 1.3s infinite}
#menuExperience.is-category-changing .ambient-speckle-two{animation:bfAmbientSpeckleIn 1.5s ease .08s both,bfAmbientSpeckle 17s ease-in-out 1.58s infinite}
#menuExperience.is-category-changing .ambient-star{animation:bfAmbientStarIn 1.4s ease both,bfAmbientStar 8s ease-in-out 1.4s infinite}
body:before{transition:filter 1.2s ease,opacity 1.2s ease}
body[data-menu-mood="coffee-bar"]:before{filter:sepia(.17) hue-rotate(330deg) saturate(.86)}
body[data-menu-mood="iced-coffee-bar"]:before{filter:saturate(1.08) hue-rotate(-4deg)}
body[data-menu-mood="wellness"]:before{filter:hue-rotate(30deg) saturate(.88)}
body[data-menu-mood="hot-bar"]:before{filter:sepia(.22) hue-rotate(340deg) saturate(.94)}
body[data-menu-mood="affogato"]:before{filter:sepia(.16) hue-rotate(345deg) saturate(.82)}
body[data-menu-mood="shakes"]:before{filter:hue-rotate(295deg) saturate(.82)}
body[data-menu-mood="mocktails"]:before{filter:hue-rotate(12deg) saturate(1.12)}
.signature-footer{max-width:760px;max-height:0;margin:0 auto;padding:0 18px;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity 1.25s ease,transform 1.25s ease,max-height 1s ease,padding .8s ease,margin .8s ease,visibility 1s ease}
.signature-footer.is-visible{max-height:170px;margin:4px auto 0;padding:23px 18px 10px;opacity:1;visibility:visible;transform:translateY(0)}
.signature-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;justify-items:center;gap:clamp(10px,3vw,28px);width:100%;position:relative}
.signature-row:before{content:"";position:absolute;top:-11px;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,rgba(76,158,192,.23),transparent)}
.signature-mark{display:block;width:min(100%,176px);height:auto;max-height:78px;object-fit:contain;opacity:0;transform:translateY(7px) scale(.985);filter:drop-shadow(0 3px 5px rgba(20,61,82,.045))}
.signature-footer.is-visible .signature-mark{animation:bfSignatureInk 1.45s cubic-bezier(.2,.8,.2,1) both}
.signature-footer.is-visible .signature-mark:nth-child(2){animation-delay:.13s}
.signature-footer.is-visible .signature-mark:nth-child(3){animation-delay:.26s}
html[data-theme="dark"] .signature-mark,html.dark .signature-mark{filter:brightness(0) invert(1) opacity(.78)}
@keyframes bfAmbientDrift{0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(20px,-13px,0) rotate(7deg)}}
@keyframes bfAmbientSpeckle{0%,100%{transform:translate3d(0,0,0);opacity:.055}50%{transform:translate3d(-7px,-11px,0);opacity:.11}}
@keyframes bfAmbientStar{0%,100%{transform:translateY(0) rotate(0);opacity:.13}50%{transform:translateY(-7px) rotate(12deg);opacity:.24}}
@keyframes bfAtmosphereReveal{from{opacity:.18;filter:blur(5px)}to{opacity:.78;filter:blur(0)}}
@keyframes bfAmbientArrive{from{opacity:0;transform:translate3d(-12px,8px,0) scale(.92)}to{opacity:.48;transform:translate3d(0,0,0) scale(1)}}
@keyframes bfAmbientSpeckleIn{from{opacity:0;transform:translate3d(0,8px,0)}to{opacity:.095;transform:translate3d(0,0,0)}}
@keyframes bfAmbientStarIn{from{opacity:0;transform:translateY(8px) rotate(-12deg)}to{opacity:.18;transform:translateY(0) rotate(0)}}
@keyframes bfSignatureInk{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:.9;transform:translateY(0) scale(1)}}
@media(max-width:680px){.signature-footer.is-visible{padding:20px 8px 8px;max-height:135px}.signature-row{gap:7px}.signature-mark{width:100%;max-height:60px}.signature-row:before{left:4%;right:4%}#menuExperience>.category-atmosphere:before{left:-190px;width:250px;height:250px}#menuExperience>.category-atmosphere:after{right:3%;width:54px;height:54px}}
@media(prefers-reduced-motion:reduce){#menuExperience>.category-atmosphere,#menuExperience>.category-atmosphere:before,#menuExperience>.category-atmosphere:after,#menuExperience .ambient-speckle,#menuExperience .ambient-star,.signature-footer{animation:none!important;transition:none!important;filter:none!important}.signature-mark{animation:none!important;transition:none!important}.signature-footer.is-visible .signature-mark{opacity:.9;transform:none}}

/* v8.2 — recognizable, category-specific animated illustrations and background textures */
.motif-stage{position:absolute;inset:0;z-index:4;display:grid;place-items:center;pointer-events:none;overflow:visible}.category-motif{display:none;position:relative;z-index:4;width:clamp(132px,18vw,208px);height:auto;max-height:220px;overflow:visible;opacity:.94;color:var(--scene-accent);filter:drop-shadow(0 12px 18px color-mix(in srgb,var(--scene-accent) 15%,transparent));transform-origin:50% 60%;pointer-events:none}
#categoryScene[data-section="coffee-bar"] .motif-coffee,
#categoryScene[data-section="iced-coffee-bar"] .motif-iced,
#categoryScene[data-section="wellness"] .motif-wellness,
#categoryScene[data-section="hot-bar"] .motif-hot,
#categoryScene[data-section="affogato"] .motif-affogato,
#categoryScene[data-section="shakes"] .motif-shakes,
#categoryScene[data-section="mocktails"] .motif-mocktails{display:block}
#categoryScene[data-section="all"] .scene-butterfly{display:block}
#categoryScene[data-section]:not([data-section="all"]) .scene-butterfly{display:none}
#categoryScene.is-changing .category-motif{animation:bfMotifArrival 1.05s cubic-bezier(.18,.8,.2,1) both,bfMotifFloat 6.8s ease-in-out 1.05s infinite}
#categoryScene[data-section="coffee-bar"] .motif-coffee{color:#a57749}
#categoryScene[data-section="iced-coffee-bar"] .motif-iced{color:#168fc1}
#categoryScene[data-section="wellness"] .motif-wellness{color:#348d74}
#categoryScene[data-section="hot-bar"] .motif-hot{color:#b87938}
#categoryScene[data-section="affogato"] .motif-affogato{color:#9b6d54}
#categoryScene[data-section="shakes"] .motif-shakes{color:#c15c88}
#categoryScene[data-section="mocktails"] .motif-mocktails{color:#148bb3;filter:drop-shadow(5px 5px 0 rgba(36,156,190,.08))}
#categoryScene[data-section="mocktails"] .pixel-glass{display:none!important}
#categoryScene[data-section="mocktails"] .category-motif{image-rendering:pixelated;animation-timing-function:steps(5,end),ease-in-out}
#categoryScene[data-section="coffee-bar"] .scene-orb-two{border-style:solid;box-shadow:0 0 0 13px rgba(165,119,73,.055),0 0 0 27px rgba(165,119,73,.035)}
#categoryScene[data-section="iced-coffee-bar"] .scene-orb-two{border-style:dashed;box-shadow:0 0 0 13px rgba(22,143,193,.06),0 0 0 27px rgba(22,143,193,.035)}
#categoryScene[data-section="wellness"] .scene-orbit{border-style:dotted;transform:rotate(-42deg) scale(.94)}
#categoryScene[data-section="hot-bar"] .scene-orbit{border-style:double;transform:rotate(18deg) scale(.92)}
#categoryScene[data-section="affogato"] .scene-orbit{border-style:dotted;transform:rotate(38deg) scale(.9)}
#categoryScene[data-section="shakes"] .scene-orbit{border-style:dashed;transform:rotate(-12deg) scale(.96)}
#categoryScene[data-section="mocktails"] .scene-orbit{border-style:dashed;transform:rotate(90deg) scale(.88)}
/* Distinct textures across the full menu backdrop, not just a hue shift. */
#menuExperience[data-current-cat="coffee-bar"]>.category-atmosphere{background-image:radial-gradient(ellipse 16px 8px at 18% 28%,rgba(165,119,73,.12) 0 52%,transparent 60%),radial-gradient(ellipse 13px 7px at 83% 43%,rgba(165,119,73,.10) 0 52%,transparent 61%),radial-gradient(ellipse 12px 6px at 31% 74%,rgba(165,119,73,.09) 0 52%,transparent 61%),radial-gradient(ellipse at 8% 23%,var(--ambient-a),transparent 25%),radial-gradient(ellipse at 93% 71%,var(--ambient-b),transparent 27%),linear-gradient(115deg,rgba(219,185,142,.035),transparent 62%)}
#menuExperience[data-current-cat="iced-coffee-bar"]>.category-atmosphere{background-image:radial-gradient(circle at 21% 31%,rgba(22,143,193,.12) 0 3px,transparent 4px),radial-gradient(circle at 84% 52%,rgba(22,143,193,.1) 0 5px,transparent 6px),radial-gradient(circle at 71% 79%,rgba(22,143,193,.09) 0 2px,transparent 3px),repeating-linear-gradient(135deg,rgba(22,143,193,.018) 0 1px,transparent 1px 22px),radial-gradient(ellipse at 8% 23%,var(--ambient-a),transparent 25%),radial-gradient(ellipse at 93% 71%,var(--ambient-b),transparent 27%),radial-gradient(ellipse at 48% 102%,rgba(201,240,252,.23),transparent 42%)}
#menuExperience[data-current-cat="wellness"]>.category-atmosphere{background-image:radial-gradient(ellipse 22px 8px at 17% 35%,rgba(52,141,116,.12) 0 50%,transparent 56%),radial-gradient(ellipse 20px 7px at 84% 58%,rgba(52,141,116,.1) 0 50%,transparent 56%),radial-gradient(ellipse 18px 7px at 32% 82%,rgba(52,141,116,.08) 0 50%,transparent 56%),radial-gradient(ellipse at 8% 23%,var(--ambient-a),transparent 25%),radial-gradient(ellipse at 93% 71%,var(--ambient-b),transparent 27%),linear-gradient(135deg,rgba(199,238,218,.06),transparent 65%)}
#menuExperience[data-current-cat="hot-bar"]>.category-atmosphere{background-image:radial-gradient(ellipse 8px 26px at 23% 32%,rgba(184,121,56,.09),transparent 72%),radial-gradient(ellipse 9px 30px at 80% 55%,rgba(184,121,56,.08),transparent 72%),radial-gradient(ellipse at 8% 23%,var(--ambient-a),transparent 25%),radial-gradient(ellipse at 93% 71%,var(--ambient-b),transparent 27%),linear-gradient(120deg,rgba(238,189,123,.06),transparent 65%)}
#menuExperience[data-current-cat="affogato"]>.category-atmosphere{background-image:radial-gradient(circle at 21% 39%,rgba(155,109,84,.1) 0 18px,transparent 19px),radial-gradient(circle at 83% 68%,rgba(155,109,84,.08) 0 13px,transparent 14px),radial-gradient(ellipse at 8% 23%,var(--ambient-a),transparent 25%),radial-gradient(ellipse at 93% 71%,var(--ambient-b),transparent 27%),linear-gradient(120deg,rgba(216,184,166,.06),transparent 65%)}
#menuExperience[data-current-cat="shakes"]>.category-atmosphere{background-image:radial-gradient(circle at 21% 33%,rgba(193,92,136,.1) 0 4px,transparent 5px),radial-gradient(circle at 27% 37%,rgba(193,92,136,.08) 0 9px,transparent 10px),radial-gradient(circle at 81% 63%,rgba(193,92,136,.09) 0 6px,transparent 7px),radial-gradient(circle at 74% 74%,rgba(193,92,136,.07) 0 12px,transparent 13px),radial-gradient(ellipse at 8% 23%,var(--ambient-a),transparent 25%),radial-gradient(ellipse at 93% 71%,var(--ambient-b),transparent 27%),linear-gradient(120deg,rgba(241,186,210,.055),transparent 65%)}
#menuExperience[data-current-cat="mocktails"]>.category-atmosphere{background-image:repeating-linear-gradient(0deg,rgba(36,156,190,.035) 0 1px,transparent 1px 13px),repeating-linear-gradient(90deg,rgba(36,156,190,.035) 0 1px,transparent 1px 13px),radial-gradient(circle at 22% 31%,rgba(255,190,83,.12) 0 3px,transparent 4px),radial-gradient(circle at 81% 59%,rgba(79,198,220,.14) 0 4px,transparent 5px),radial-gradient(ellipse at 8% 23%,var(--ambient-a),transparent 25%),radial-gradient(ellipse at 93% 71%,var(--ambient-b),transparent 27%)}
#menuExperience[data-current-cat="coffee-bar"] .ambient-star{font-size:30px}
#menuExperience[data-current-cat="iced-coffee-bar"] .ambient-star{transform:rotate(45deg);font-size:32px}
#menuExperience[data-current-cat="wellness"] .ambient-star{font-size:26px}
#menuExperience[data-current-cat="hot-bar"] .ambient-star{font-size:36px}
#menuExperience[data-current-cat="affogato"] .ambient-star{font-size:28px}
#menuExperience[data-current-cat="shakes"] .ambient-star{font-size:34px}
#menuExperience[data-current-cat="mocktails"] .ambient-star{font-family:monospace;text-shadow:3px 0 rgba(255,190,83,.55),-3px 0 rgba(79,198,220,.45)}
@keyframes bfMotifArrival{0%{opacity:0;transform:translateY(14px) scale(.86) rotate(-7deg);filter:blur(4px)}70%{opacity:1;transform:translateY(-3px) scale(1.025) rotate(1deg);filter:blur(0)}100%{opacity:.94;transform:translateY(0) scale(1) rotate(0);filter:drop-shadow(0 12px 18px color-mix(in srgb,var(--scene-accent) 15%,transparent))}}
@keyframes bfMotifFloat{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -6px;rotate:1.3deg}}
#categoryScene[data-section="coffee-bar"] .motif-steam{animation:bfSteamCurl 4.8s ease-in-out infinite;transform-origin:center}
#categoryScene[data-section="hot-bar"] .motif-steam{animation:bfSteamCurl 4.1s ease-in-out infinite;transform-origin:center}
@keyframes bfSteamCurl{0%,100%{opacity:.45;translate:0 3px}50%{opacity:1;translate:0 -5px}}
html[data-theme="dark"] .category-motif,html.dark .category-motif{filter:drop-shadow(0 12px 18px rgba(0,0,0,.18));opacity:.98}
html[data-theme="dark"] #menuExperience[data-current-cat="coffee-bar"]>.category-atmosphere{--ambient-a:rgba(181,127,76,.12);--ambient-b:rgba(216,171,119,.09)}
html[data-theme="dark"] #menuExperience[data-current-cat="iced-coffee-bar"]>.category-atmosphere{--ambient-a:rgba(49,173,220,.14);--ambient-b:rgba(113,213,240,.1)}
html[data-theme="dark"] #menuExperience[data-current-cat="wellness"]>.category-atmosphere{--ambient-a:rgba(57,171,129,.13);--ambient-b:rgba(121,218,177,.09)}
html[data-theme="dark"] #menuExperience[data-current-cat="hot-bar"]>.category-atmosphere{--ambient-a:rgba(230,164,83,.12);--ambient-b:rgba(246,216,168,.09)}
html[data-theme="dark"] #menuExperience[data-current-cat="affogato"]>.category-atmosphere{--ambient-a:rgba(193,151,126,.12);--ambient-b:rgba(233,211,195,.09)}
html[data-theme="dark"] #menuExperience[data-current-cat="shakes"]>.category-atmosphere{--ambient-a:rgba(222,128,168,.12);--ambient-b:rgba(247,202,221,.09)}
html[data-theme="dark"] #menuExperience[data-current-cat="mocktails"]>.category-atmosphere{--ambient-a:rgba(54,197,214,.14);--ambient-b:rgba(151,236,237,.1)}
@media(max-width:680px){.category-motif{width:clamp(92px,24vw,126px);max-height:135px}.category-scene[data-section="mocktails"] .category-motif{width:clamp(86px,22vw,118px)}#categoryScene[data-section="coffee-bar"] .motif-coffee,#categoryScene[data-section="hot-bar"] .motif-hot{width:clamp(100px,24vw,130px)}}
@media(prefers-reduced-motion:reduce){#categoryScene.is-changing .category-motif{animation:none!important;opacity:.94;transform:none!important}.category-motif .motif-steam{animation:none!important}.category-motif{transition:none!important}}


/* v8.3 — true site-wide category scenes (fixed behind the entire page) */
.site-mood-background{--mood-glow-1:rgba(115,201,232,.13);--mood-glow-2:rgba(201,235,248,.16);--mood-accent:#6bb9d9;position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;isolation:isolate;background:transparent;transition:background-color 1.1s ease}
.site-mood-background:before{content:"";position:absolute;inset:-5%;background:radial-gradient(ellipse at 4% 20%,var(--mood-glow-1),transparent 38%),radial-gradient(ellipse at 98% 77%,var(--mood-glow-2),transparent 36%),radial-gradient(ellipse at 54% 49%,rgba(255,255,255,.11),transparent 55%);opacity:.95;transition:background 1.25s ease,opacity 1.25s ease;}
.page{position:relative;z-index:1}
.mood-scene{position:absolute;inset:0;overflow:hidden;opacity:0;visibility:hidden;transition:opacity 1.15s cubic-bezier(.2,.75,.2,1),visibility 0s linear 1.15s;}
.mood-scene.is-active{opacity:1;visibility:visible;transition:opacity 1.15s cubic-bezier(.2,.75,.2,1),visibility 0s linear 0s}
.mood-art{position:absolute;display:block;height:auto;max-height:88vh;object-fit:contain;overflow:visible;will-change:transform,opacity;filter:drop-shadow(0 18px 30px color-mix(in srgb,var(--mood-accent) 16%,transparent));}
.mood-art-primary{width:clamp(280px,36vw,500px);left:-2.8vw;top:12vh;opacity:.34;transform-origin:50% 58%;}
.mood-art-secondary{width:clamp(185px,24vw,330px);right:-3.8vw;bottom:3vh;opacity:.21;transform-origin:50% 50%;}
.mood-scene.is-entering .mood-art-primary{animation:bfMoodArtArrive 1.35s cubic-bezier(.18,.8,.2,1) both,bfMoodPrimaryDrift 12s ease-in-out 1.35s infinite}
.mood-scene.is-entering .mood-art-secondary{animation:bfMoodSecondaryArrive 1.55s cubic-bezier(.18,.8,.2,1) .1s both,bfMoodSecondaryDrift 15s ease-in-out 1.65s infinite}
.mood-scene .steam-lines{transform-box:fill-box;transform-origin:center}
.mood-scene.is-active[data-mood="coffee-bar"] .steam-lines,.mood-scene.is-active[data-mood="hot-bar"] .steam-lines{animation:bfMoodSteam 5.2s ease-in-out infinite}
body[data-menu-mood="all"] .site-mood-background{--mood-glow-1:rgba(115,201,232,.13);--mood-glow-2:rgba(201,235,248,.16);--mood-accent:#6bb9d9}
body[data-menu-mood="coffee-bar"] .site-mood-background{--mood-glow-1:rgba(181,127,76,.19);--mood-glow-2:rgba(236,211,177,.23);--mood-accent:#a57749}
body[data-menu-mood="iced-coffee-bar"] .site-mood-background{--mood-glow-1:rgba(55,178,222,.19);--mood-glow-2:rgba(176,233,249,.24);--mood-accent:#168fc1}
body[data-menu-mood="wellness"] .site-mood-background{--mood-glow-1:rgba(80,177,126,.18);--mood-glow-2:rgba(199,237,206,.24);--mood-accent:#348d74}
body[data-menu-mood="hot-bar"] .site-mood-background{--mood-glow-1:rgba(226,154,71,.2);--mood-glow-2:rgba(250,216,165,.23);--mood-accent:#b87938}
body[data-menu-mood="affogato"] .site-mood-background{--mood-glow-1:rgba(171,119,88,.17);--mood-glow-2:rgba(237,211,192,.24);--mood-accent:#9b6d54}
body[data-menu-mood="shakes"] .site-mood-background{--mood-glow-1:rgba(218,119,160,.18);--mood-glow-2:rgba(248,206,223,.25);--mood-accent:#c15c88}
body[data-menu-mood="mocktails"] .site-mood-background{--mood-glow-1:rgba(57,199,218,.19);--mood-glow-2:rgba(255,202,123,.18);--mood-accent:#148bb3}
body[data-menu-mood="coffee-bar"] .mood-art-primary{filter:drop-shadow(0 22px 32px rgba(111,68,35,.18))}
body[data-menu-mood="iced-coffee-bar"] .mood-art-primary{filter:drop-shadow(0 22px 34px rgba(43,160,205,.2))}
body[data-menu-mood="wellness"] .mood-art-primary{filter:drop-shadow(0 22px 34px rgba(52,141,116,.18))}
body[data-menu-mood="hot-bar"] .mood-art-primary{filter:drop-shadow(0 22px 34px rgba(184,121,56,.18))}
body[data-menu-mood="affogato"] .mood-art-primary{filter:drop-shadow(0 22px 34px rgba(155,109,84,.18))}
body[data-menu-mood="shakes"] .mood-art-primary{filter:drop-shadow(0 22px 34px rgba(193,92,136,.18))}
/* The mocktail scene intentionally contains butterflies and pixel sparks only — no drink illustration. */
.mood-scene-butterflies .mood-butterfly{position:absolute;width:clamp(170px,22vw,310px);height:auto;object-fit:contain;opacity:.17;filter:saturate(1.18) drop-shadow(0 15px 24px rgba(20,143,179,.12));image-rendering:auto;will-change:transform;}
.butterfly-one{left:-2vw;top:14vh;transform:rotate(-13deg)}
.butterfly-two{right:-3vw;bottom:7vh;width:clamp(210px,27vw,370px)!important;opacity:.13!important;transform:rotate(13deg) scaleX(-1)}
.butterfly-three{left:38%;bottom:-8vh;width:clamp(140px,17vw,240px)!important;opacity:.1!important;filter:hue-rotate(165deg) saturate(1.2)!important;transform:rotate(7deg)}
.mood-scene-butterflies.is-entering .butterfly-one{animation:bfButterflyArrive 1.4s cubic-bezier(.18,.8,.2,1) both,bfButterflyFloat 9s ease-in-out 1.4s infinite}
.mood-scene-butterflies.is-entering .butterfly-two{animation:bfButterflyArrive 1.65s cubic-bezier(.18,.8,.2,1) .12s both,bfButterflyFloat 11s ease-in-out 1.8s infinite reverse}
.mood-scene-butterflies.is-entering .butterfly-three{animation:bfButterflyArrive 1.7s cubic-bezier(.18,.8,.2,1) .2s both,bfButterflyFloat 12s ease-in-out 2s infinite}
.mood-pixel{position:absolute;width:9px;height:9px;background:#efb44c;box-shadow:13px 0 currentColor,0 13px currentColor,13px 13px currentColor;color:#efb44c;opacity:0;image-rendering:pixelated}
.pixel-one{left:22%;top:28%;color:#59c7dc;background:#59c7dc}.pixel-two{right:23%;top:19%;color:#f1b44f;background:#f1b44f}.pixel-three{left:48%;bottom:22%;color:#e9a7c2;background:#e9a7c2}.pixel-four{right:12%;bottom:42%;color:#81d2a5;background:#81d2a5}
.mood-scene-butterflies.is-entering .mood-pixel{animation:bfPixelSparkIn .8s steps(3,end) both,bfPixelSpark 4s steps(2,end) .8s infinite}
.mood-scene-butterflies.is-entering .pixel-two{animation-delay:.12s,.92s}.mood-scene-butterflies.is-entering .pixel-three{animation-delay:.24s,1.04s}.mood-scene-butterflies.is-entering .pixel-four{animation-delay:.36s,1.16s}
html[data-theme="dark"] .site-mood-background:before,html.dark .site-mood-background:before{opacity:.8}
html[data-theme="dark"] .mood-art,html.dark .mood-art{opacity:.2;filter:drop-shadow(0 18px 32px rgba(0,0,0,.28))}
html[data-theme="dark"] .mood-scene-butterflies .mood-butterfly,html.dark .mood-scene-butterflies .mood-butterfly{opacity:.16;filter:saturate(1.05) drop-shadow(0 15px 24px rgba(0,0,0,.24))}
@keyframes bfMoodArtArrive{0%{opacity:0;transform:translate3d(-22px,18px,0) scale(.91) rotate(-4deg);filter:blur(7px)}72%{opacity:.36;transform:translate3d(5px,-5px,0) scale(1.015) rotate(1deg);filter:blur(0)}100%{opacity:.34;transform:translate3d(0,0,0) scale(1) rotate(0);filter:drop-shadow(0 18px 30px color-mix(in srgb,var(--mood-accent) 16%,transparent))}}
@keyframes bfMoodSecondaryArrive{0%{opacity:0;transform:translate3d(18px,15px,0) scale(.9) rotate(7deg);filter:blur(5px)}100%{opacity:.21;transform:translate3d(0,0,0) scale(1) rotate(0);filter:drop-shadow(0 14px 24px color-mix(in srgb,var(--mood-accent) 12%,transparent))}}
@keyframes bfMoodPrimaryDrift{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -11px;rotate:.8deg}}
@keyframes bfMoodSecondaryDrift{0%,100%{translate:0 0;rotate:0deg}50%{translate:-9px 12px;rotate:-2deg}}
@keyframes bfMoodSteam{0%,100%{opacity:.55;translate:0 3px}50%{opacity:1;translate:0 -7px}}
@keyframes bfButterflyArrive{0%{opacity:0;transform:translateY(16px) scale(.8) rotate(-9deg);filter:blur(5px)}100%{opacity:.17;filter:none}}
@keyframes bfButterflyFloat{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -16px;rotate:3deg}}
@keyframes bfPixelSparkIn{from{opacity:0;transform:translateY(8px) scale(.5)}to{opacity:.52;transform:translateY(0) scale(1)}}
@keyframes bfPixelSpark{0%,100%{opacity:.22}50%{opacity:.58}}
@media(max-width:680px){.mood-art-primary{width:clamp(250px,74vw,330px);left:-112px;top:14vh;opacity:.28}.mood-art-secondary{width:clamp(170px,48vw,220px);right:-94px;bottom:8vh;opacity:.15}.mood-scene-butterflies .butterfly-one{left:-95px;top:17vh;width:210px}.mood-scene-butterflies .butterfly-two{right:-112px;bottom:10vh;width:240px!important}.mood-scene-butterflies .butterfly-three{left:25%;bottom:-3vh;width:145px!important}.mood-pixel{transform:scale(.72)}.site-mood-background:before{opacity:.8}}
@media(prefers-reduced-motion:reduce){.mood-scene,.mood-art,.mood-butterfly,.mood-pixel,.site-mood-background:before{animation:none!important;transition:opacity .2s ease!important;filter:none!important}.mood-scene.is-active .mood-art-primary{opacity:.3}.mood-scene.is-active .mood-art-secondary{opacity:.18}.mood-scene-butterflies.is-active .mood-butterfly{opacity:.15}}
@keyframes bfMoodArtArriveDark{0%{opacity:0;transform:translate3d(-22px,18px,0) scale(.91) rotate(-4deg);filter:blur(7px)}72%{opacity:.22;transform:translate3d(5px,-5px,0) scale(1.015) rotate(1deg);filter:blur(0)}100%{opacity:.2;transform:translate3d(0,0,0) scale(1) rotate(0);filter:drop-shadow(0 18px 30px rgba(0,0,0,.22))}}
@keyframes bfMoodSecondaryArriveDark{0%{opacity:0;transform:translate3d(18px,15px,0) scale(.9) rotate(7deg);filter:blur(5px)}100%{opacity:.12;transform:translate3d(0,0,0) scale(1) rotate(0);filter:drop-shadow(0 14px 24px rgba(0,0,0,.18))}}
html[data-theme="dark"] .mood-scene.is-entering .mood-art-primary,html.dark .mood-scene.is-entering .mood-art-primary{animation-name:bfMoodArtArriveDark,bfMoodPrimaryDrift}
html[data-theme="dark"] .mood-scene.is-entering .mood-art-secondary,html.dark .mood-scene.is-entering .mood-art-secondary{animation-name:bfMoodSecondaryArriveDark,bfMoodSecondaryDrift}
/* In the mocktail category, use Butterfly artwork rather than a drink illustration. */
#categoryScene[data-section="mocktails"] .motif-mocktails{display:none!important}
#categoryScene[data-section="mocktails"] .scene-butterfly{display:block!important;opacity:.54!important;image-rendering:pixelated;filter:saturate(1.12) drop-shadow(4px 4px 0 rgba(36,156,190,.12))!important;animation:bfMotifFloat 6.2s ease-in-out infinite}
html[data-theme="dark"] #categoryScene[data-section="mocktails"] .scene-butterfly{opacity:.36!important}




/* v8.4.1 — show the entire uploaded product photo without cropping */
.product-media{height:clamp(220px,28vw,320px)!important;min-height:220px;background:linear-gradient(145deg,#e9f5fa,#f7f3e9)!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
.product-media>img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center center!important;padding:0!important;margin:0 auto!important;background:transparent!important}
.detail-media{height:clamp(250px,58vw,380px)!important;display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(145deg,#e9f5fa,#f7f3e9)!important;overflow:hidden!important}
.detail-media>img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center center!important;padding:0!important;margin:0 auto!important;background:transparent!important}
.admin-image-preview{background:linear-gradient(145deg,#e9f5fa,#f7f3e9)!important}
.admin-image-preview>img{object-fit:contain!important;object-position:center center!important;padding:8px!important}
@media(max-width:620px){.product-media{height:clamp(230px,72vw,340px)!important}.detail-media{height:clamp(250px,72vw,360px)!important}}