.brand-logo{line-height:0}.brand-logo svg{display:block}.brand-logo--compact svg{height:42px;width:auto}.brand-logo--full svg{width:min(32rem,100%);height:auto}@media(prefers-reduced-motion:no-preference){.brand-logo--live .brand-logo__icon{transform-origin:50px 95px;animation:brand-pop 1s ease-out forwards;opacity:0}.brand-logo--live .brand-logo__straw{transform-origin:51px 13px;animation:brand-straw .8s ease-out .9s forwards;opacity:0}.brand-logo--live .brand-logo__pack{animation:brand-fade-up .6s ease-out 1.3s forwards;opacity:0}.brand-logo--live .brand-logo__pro{animation:brand-fade-up .6s ease-out 1.5s forwards;opacity:0}.brand-logo--live .brand-logo__tagline{animation:brand-fade-in .6s ease-out 1.9s forwards;opacity:0}.brand-logo--live .brand-logo__shine{animation:brand-shine 3.5s ease-in-out 2.4s infinite;opacity:0}}@keyframes brand-pop{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:1}}@keyframes brand-straw{0%{transform:translateY(-40px) rotate(12deg);opacity:0}to{transform:translateY(0) rotate(12deg);opacity:1}}@keyframes brand-fade-up{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes brand-fade-in{0%{opacity:0}to{opacity:1}}@keyframes brand-shine{0%{transform:translate(-60px) skew(-20deg);opacity:0}15%{opacity:.55}40%{opacity:0}to{transform:translate(60px) skew(-20deg);opacity:0}}.shell{min-height:100%}.shell-store{display:flex;flex-direction:column;overflow-x:clip}.header{position:sticky;top:0;z-index:20;display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-4);padding:var(--space-3) var(--space-5)}.brand{display:flex;align-items:center;flex-shrink:0}.nav{display:flex;gap:var(--space-2);flex:1}.nav-item{display:inline-flex;align-items:center;gap:.4rem;color:var(--color-ink);padding:.35rem .55rem;border-radius:var(--radius-control)}.nav-item.active{font-weight:600;color:var(--color-accent);background:var(--color-mist)}.header-actions{display:flex;align-items:center;gap:var(--space-3)}.header strong{font-family:var(--font-display);color:var(--color-brand)}.main{padding:var(--space-6);max-width:76rem;margin:0 auto;width:100%}.main-staff{max-width:80rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(16.5rem,1fr));gap:var(--space-4)}.grid .ui-card img,.media-ph{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:4px;margin-bottom:var(--space-3);background:var(--color-mist)}.media-ph{position:relative;overflow:hidden;display:grid;place-items:center;color:var(--color-brand);text-decoration:none}.media-ph .ui-icon{position:relative;z-index:1}.stack{display:flex;flex-direction:column;gap:var(--space-4);max-width:28rem}.row{display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:center}.catalog{display:flex;flex-direction:column;gap:var(--space-6)}.catalog>h2{margin-bottom:0}.hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(13rem,18rem);align-items:center;gap:var(--space-6);background:var(--color-mist);border-radius:var(--radius-card);padding:var(--space-8) var(--space-6)}.hero-copy{position:relative;z-index:1;max-width:38rem}.hero h1{font-size:clamp(1.75rem,3.4vw,2.35rem);max-width:18ch}.hero p{max-width:36rem}.hero-copy .ui-btn{margin-top:var(--space-4)}.product-thumb{width:2.75rem;height:2.75rem;object-fit:cover;border-radius:4px;background:var(--color-mist)}.product-photo,.product-photo-preview img{width:100%;max-height:12rem;object-fit:cover;border-radius:4px;background:var(--color-mist)}.product-photo-preview{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2)}.product-card{display:flex;flex-direction:column;min-height:100%}.product-card h3{margin-bottom:var(--space-2)}.product-card .row{margin-top:auto;padding-top:var(--space-3)}.product-detail{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--space-6);align-items:start}.product-detail .stack{max-width:none}.product-detail .media-ph,.product-detail img{aspect-ratio:1;margin:0}.value-bar{margin-top:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);background:var(--color-brand);color:var(--color-bg);padding:var(--space-5) var(--space-6)}.value-item{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-display);font-size:.875rem;font-weight:500}.erp-nav{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6)}.page-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.page-head h1{margin:0}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:var(--space-4);max-width:none}.stat-card{text-decoration:none;color:inherit}.stat-card strong{display:block;font-family:var(--font-display);font-size:1.75rem;color:var(--color-brand);margin:var(--space-3) 0 var(--space-1)}.stat-card span{color:var(--color-muted);font-size:.875rem}.pos-board{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(16rem,.8fr);gap:var(--space-5);align-items:start}.pos-ticket{position:sticky;top:5rem}.pos-ticket .stack{max-width:none}.pos-unit-row{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.pos-unit-row .ui-btn{flex:1 1 auto;min-width:0}.pack-editor{display:grid;gap:var(--space-4)}.pack-editor-title{margin:0;font-family:var(--font-display);font-weight:600;color:var(--color-brand)}.pack-row{display:grid;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-bg)}.pack-flags{display:flex;flex-wrap:wrap;gap:var(--space-3)}.auth-shell{min-height:100%;display:flex;flex-direction:column;background:var(--color-bg);position:relative;overflow:hidden}.auth-pattern{opacity:.45;-webkit-mask-image:linear-gradient(to bottom,#000 0%,transparent 78%);mask-image:linear-gradient(to bottom,#000 0%,transparent 78%)}.auth-bar{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);position:relative;z-index:1}.auth-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-6);padding:var(--space-4) var(--space-5) 7rem;position:relative;z-index:1}.auth-main .ui-card{width:min(28rem,100%);border-color:var(--color-mist)}.auth-main .stack{max-width:none}.auth-main a{font-weight:500}.auth-wave{position:absolute;inset-inline:0;bottom:0;height:120px;pointer-events:none;z-index:0}.auth-wave svg{display:block;width:100%;height:100%}@media(max-width:900px){.product-detail,.pos-board{grid-template-columns:1fr}.pos-ticket{position:static}.erp-nav{flex-wrap:nowrap;overflow-x:auto;padding-bottom:var(--space-2)}.erp-nav .nav-item{flex-shrink:0}.page-head{flex-wrap:wrap}.main,.main-staff{padding:var(--space-4)}.header-actions{flex-wrap:wrap;justify-content:flex-end}.header strong{min-width:0;max-width:42vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grid{grid-template-columns:repeat(auto-fill,minmax(11.5rem,1fr))}}@media(max-width:720px){.hero{grid-template-columns:1fr;justify-items:center}.hero-copy{justify-self:stretch}.header{flex-wrap:wrap}.nav{order:3;width:100%;overflow-x:auto;padding-bottom:var(--space-2)}.nav .nav-item{flex-shrink:0}.header-actions{order:4;width:100%;overflow-x:auto;justify-content:flex-start;padding-bottom:var(--space-2);flex-wrap:nowrap}.header-actions .nav-item,.header-actions .ui-btn{flex-shrink:0}.value-bar{grid-template-columns:1fr 1fr}}.exploded{--explode: 0;color:var(--color-ink)}.exploded-run{min-height:220vh;margin-inline:calc(50% - 50vw);width:100vw;background:var(--color-bg)}.exploded-stage{position:sticky;top:0;min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(13rem,1fr) minmax(16rem,1.35fr) minmax(13rem,1fr);gap:var(--space-6);align-items:center;padding:5.5rem var(--space-8) var(--space-8);background:var(--color-bg)}.exploded-stage--scene-only{grid-template-columns:1fr;justify-items:center;padding:var(--space-8)}.exploded-copy h2,.exploded-cta h2{font-size:clamp(1.7rem,3.2vw,2.6rem);max-width:12ch;margin-bottom:var(--space-3)}.exploded-kicker{font-family:var(--font-display);font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-3)}.exploded-copy>p{max-width:28ch}.exploded-nav{display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-6)}.exploded-nav-item{display:flex;align-items:baseline;gap:var(--space-3);padding:var(--space-2) 0;border:0;border-inline-start:2px solid var(--color-line);background:transparent;color:var(--color-muted);font:inherit;text-align:start;cursor:pointer;border-radius:0}.exploded-nav-item:hover,.exploded-nav-item.is-active{color:var(--color-accent);border-inline-start-color:var(--color-accent)}.exploded-nav-item:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.exploded-nav-index{font-family:var(--font-display);font-size:.75rem;font-weight:600;min-width:1.6rem}.exploded-scene{position:relative;display:grid;place-items:center;min-height:28rem}.exploded-halo{position:absolute;width:min(22rem,80%);aspect-ratio:1;border-radius:50%;background:var(--color-mist);opacity:.85}.exploded-svg{position:relative;z-index:1;width:min(22rem,100%);height:auto;overflow:visible}.exploded-part{transform-box:fill-box;transform-origin:center}.exploded-straw{transform:translateY(calc(var(--explode) * -4.6rem))}.exploded-lid,.exploded-seal{transform:translateY(calc(var(--explode) * -2.15rem))}.exploded-cup{transform:translateY(calc(var(--explode) * .35rem))}.exploded-sleeve{transform:translateY(calc(var(--explode) * 2.6rem))}.exploded-part.is-active{filter:drop-shadow(0 0 .55rem color-mix(in srgb,var(--color-accent) 45%,transparent))}.exploded-stroke{fill:none;stroke:var(--color-brand);stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}.exploded-fill-surface{fill:var(--color-surface)}.exploded-fill-mist{fill:var(--color-mist)}.exploded-fill-inner{fill:color-mix(in srgb,var(--color-mist) 70%,var(--color-surface))}.exploded-fill-accent{fill:var(--color-accent)}.exploded-rim{fill:none;stroke:var(--color-accent);stroke-width:1.2;opacity:.7}.exploded-accent-band{fill:none;stroke:var(--color-accent);stroke-width:5;stroke-linecap:round;opacity:.85}.exploded-straw-body{fill:none;stroke:var(--color-mark);stroke-width:7;stroke-linecap:round}.exploded-straw-shine{fill:none;stroke:color-mix(in srgb,var(--color-mark) 55%,var(--color-surface));stroke-width:1.6;stroke-linecap:round}.exploded-lines{position:absolute;inset:8% 4%;pointer-events:none;z-index:2}.exploded-line{position:absolute;height:1px;background:var(--color-brand);opacity:calc(var(--explode) * .55);transform:scaleX(var(--explode));transform-origin:left center}html[dir=rtl] .exploded-line{transform-origin:right center}.exploded-line-straw{top:8%;inset-inline-end:0;width:28%}.exploded-line-lid{top:32%;inset-inline-end:0;width:22%}.exploded-line-cup{top:54%;inset-inline-end:0;width:26%}.exploded-line-sleeve{top:78%;inset-inline-end:0;width:24%}.exploded-labels{display:grid;gap:var(--space-4);align-content:center}.exploded-callout{opacity:calc(.28 + var(--explode) * .72);transform:translateY(calc((1 - var(--explode)) * .6rem));padding-inline-start:var(--space-4);border-inline-start:1px solid var(--color-line)}.exploded-callout.is-active{border-inline-start-color:var(--color-accent)}.exploded-callout h3{font-size:.95rem;margin-bottom:var(--space-2)}.exploded-callout ul{margin:0;padding:0;list-style:none}.exploded-callout li{color:var(--color-muted);font-size:.875rem;line-height:1.45}#catalogue{scroll-margin-top:5rem}.exploded-center-col{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.exploded-feature-card{padding:var(--space-5) var(--space-5);border-radius:var(--radius-card);background:var(--color-mist);border:1px solid var(--color-line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .2s ease,box-shadow .2s ease}.exploded-feature-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px color-mix(in srgb,var(--color-ink) 8%,transparent)}.exploded-feature-card--center{text-align:center;max-width:22rem;background:color-mix(in srgb,var(--color-mist) 60%,var(--color-surface))}.exploded-feature-icon{display:block;font-size:1.6rem;margin-bottom:var(--space-3);color:var(--color-accent);line-height:1}.exploded-feature-title{font-size:1.05rem;font-weight:700;margin-bottom:var(--space-2);color:var(--color-ink)}.exploded-feature-desc{font-size:.88rem;line-height:1.6;color:var(--color-muted);max-width:26ch}@media(max-width:1100px){.exploded-stage{grid-template-columns:1fr;grid-template-rows:auto minmax(22rem,1fr) auto;min-height:100vh;padding:5rem var(--space-5) var(--space-5)}.exploded-copy h2{max-width:18ch}.exploded-copy>p{max-width:40ch}.exploded-nav{flex-direction:row;overflow-x:auto;margin-top:var(--space-4);padding-bottom:var(--space-2)}.exploded-nav-item{flex:0 0 auto;border-inline-start:0;border-bottom:2px solid var(--color-line);padding:var(--space-2) var(--space-3)}.exploded-nav-item:hover,.exploded-nav-item.is-active{border-inline-start-color:transparent;border-bottom-color:var(--color-accent)}.exploded-labels{grid-template-columns:1fr 1fr}}@media(max-width:720px){.exploded-run{min-height:170vh}.exploded-stage{min-height:auto;padding-top:4.75rem}.exploded-scene{min-height:20rem}.exploded-svg{width:min(16.5rem,88%)}.exploded-labels{grid-template-columns:1fr}.exploded-line{display:none}}@media(prefers-reduced-motion:reduce){.exploded-run{min-height:0}.exploded-stage{position:relative;min-height:0}.exploded-run,.exploded-callout,.exploded-part{--explode: 1}.exploded-straw,.exploded-lid,.exploded-seal,.exploded-cup,.exploded-sleeve,.exploded-callout{transform:none}.exploded-part.is-active{filter:none}}.hero-billboard{position:relative;z-index:1;display:grid;place-items:center;min-height:16rem;perspective:1100px}.hero-billboard-scene{transform-style:preserve-3d;transform:rotateY(-22deg) rotateX(8deg);animation:hero-billboard-sway 9s ease-in-out infinite alternate}.hero-billboard-board{position:relative;width:min(16.5rem,100%);transform-style:preserve-3d}.hero-billboard-face{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-4) var(--space-4);background:#fafafa;border:1px solid var(--color-line);border-radius:6px;box-shadow:10px 18px 28px #0e3b3638}html[data-theme=night] .hero-billboard-face{box-shadow:10px 18px 28px #00000073}.hero-billboard-face .brand-logo{max-width:11rem}.hero-billboard-products{position:relative;width:7.6rem;height:8.4rem}.hero-billboard-products svg{display:block;height:auto;filter:drop-shadow(0 6px 8px rgba(14,59,54,.16))}.hero-billboard-straw{position:absolute;top:0;inset-inline-start:52%;width:.9rem;z-index:3}.hero-billboard-lid{position:absolute;top:1.55rem;inset-inline:.45rem;width:6.5rem;z-index:2}.hero-billboard-cup{position:absolute;top:2.35rem;inset-inline:.1rem;width:7.4rem;z-index:1}.hero-billboard-tag{font-family:var(--font-display);font-size:.7rem;font-weight:600;letter-spacing:.04em;color:var(--color-brand);text-align:center}html[data-theme=night] .hero-billboard-tag{color:var(--color-brand)}.hero-billboard-side{position:absolute;inset-block:.4rem;inset-inline-end:-.7rem;width:.7rem;background:#0a2c28;transform:rotateY(70deg);transform-origin:left center;border-radius:0 4px 4px 0}html[dir=rtl] .hero-billboard-side{transform-origin:right center;inset-inline-end:auto;inset-inline-start:-.7rem}html[data-theme=night] .hero-billboard-side{background:#071211}.hero-billboard-posts{display:flex;justify-content:space-around;padding:0 2.2rem;height:2.4rem}.hero-billboard-posts span{width:.45rem;height:100%;background:#0a2c28;border-radius:0 0 2px 2px}html[data-theme=night] .hero-billboard-posts span{background:#071211}@keyframes hero-billboard-sway{0%{transform:rotateY(-24deg) rotateX(7deg)}to{transform:rotateY(-12deg) rotateX(9deg)}}@media(prefers-reduced-motion:reduce){.hero-billboard-scene{animation:none;transform:rotateY(-16deg) rotateX(6deg)}}@media(max-width:720px){.hero-billboard{min-height:14rem}.hero-billboard-board{width:min(13.5rem,100%)}}.cart-page{display:flex;flex-direction:column;gap:var(--space-5)}.cart-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4)}.cart-header h1{margin:0}.cart-clear{background:none;border:none;color:var(--color-danger);font-weight:500;cursor:pointer;padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);font-size:.875rem}.cart-clear:hover{background:var(--color-mist)}.cart-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(20rem,.8fr);gap:var(--space-6);align-items:start}.cart-items{display:flex;flex-direction:column;gap:var(--space-3)}.cart-item{padding:var(--space-4)}.cart-item-inner{display:grid;grid-template-columns:4rem minmax(0,1fr) auto auto auto;align-items:center;gap:var(--space-4)}.cart-item-img{display:block;width:4rem;height:4rem;border-radius:var(--radius-card);overflow:hidden;background:var(--color-bg);flex-shrink:0}.cart-item-img img{width:100%;height:100%;object-fit:cover}.cart-item-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-brand)}.cart-item-info{display:flex;flex-direction:column;gap:.25rem}.cart-item-name{font-weight:600;color:var(--color-ink);font-family:var(--font-display)}.cart-item-unit{font-size:.8125rem;color:var(--color-muted)}.cart-item-price{font-size:.875rem;font-weight:500;color:var(--color-brand)}.cart-stepper{display:flex;align-items:center;background:var(--color-bg);border:1px solid var(--color-line);border-radius:var(--radius-control);overflow:hidden}.cart-stepper-btn{background:none;border:none;padding:.4rem .5rem;color:var(--color-ink);cursor:pointer;display:flex;align-items:center;justify-content:center}.cart-stepper-btn:hover{background:var(--color-mist)}.cart-stepper-val{min-width:2rem;text-align:center;font-weight:500;font-size:.875rem}.cart-item-total{font-weight:600;color:var(--color-ink);min-width:4.5rem;text-align:right}.cart-remove{background:none;border:none;color:var(--color-muted);cursor:pointer;padding:.4rem;border-radius:var(--radius-control);display:flex;align-items:center;justify-content:center}.cart-remove:hover{color:var(--color-danger);background:var(--color-mist)}.cart-summary{position:sticky;top:5rem}.cart-summary-title{font-size:1.125rem;margin:0 0 var(--space-4) 0}.cart-summary-rows{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.cart-summary-row{display:flex;justify-content:space-between;align-items:center;color:var(--color-muted);font-size:.9375rem}.cart-summary-divider{height:1px;background:var(--color-line);margin:0 0 var(--space-4) 0}.cart-summary-total{color:var(--color-brand);font-weight:600;font-size:1.25rem;font-family:var(--font-display)}@media(max-width:900px){.cart-layout{grid-template-columns:1fr}.cart-summary{position:static}}@media(max-width:600px){.cart-item-inner{grid-template-columns:4rem 1fr}.cart-item-img{grid-row:span 3}.cart-stepper{grid-column:2;justify-self:start}.cart-item-total{grid-column:2;text-align:left}.cart-remove{position:absolute;top:var(--space-3);right:var(--space-3)}.cart-item{position:relative}}html:has(.bb-page),html:has(.bb-page) body,html:has(.bb-page) #root{background:#0e3b36}.bb-page{--rx: 0deg;--ry: 0deg;--px: 0;--py: 0;min-height:100vh;min-height:100dvh;overflow:hidden;position:relative;color:#e6f7f5;background:#0e3b36;font-family:var(--font)}.bb-chrome .ui-btn-ghost{color:#e6f7f5}.bb-chrome{position:absolute;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);inset-inline:var(--space-5)}.bb-chrome-top{top:var(--space-4)}.bb-chrome-bottom{bottom:var(--space-4);flex-wrap:wrap}.bb-chrome-bottom p{margin:0;color:#e6f7f5;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase}.bb-mark{display:flex;align-items:center;gap:var(--space-3);background:#fafafa;border-radius:6px;padding:.35rem .7rem}.bb-mark span{color:#0e3b36;font-family:var(--font-display);font-size:.72rem;font-weight:600}.bb-mark .brand-logo{max-width:7.5rem}.bb-chrome-actions{display:flex;align-items:center;gap:var(--space-3)}.bb-back{color:#e6f7f5;font-weight:500}.bb-back:hover{color:#14b3a0}.bb-stage{min-height:100vh;min-height:100dvh;display:grid;place-items:center;perspective:1400px}.bb-lights{position:absolute;inset:0;pointer-events:none}.bb-light{position:absolute;border-radius:50%}.bb-light-key{width:42%;height:38%;top:-8%;inset-inline-start:-6%;background:radial-gradient(circle,rgba(230,247,245,.16),transparent 70%)}.bb-light-rim{width:36%;height:40%;bottom:8%;inset-inline-end:-4%;background:radial-gradient(circle,rgba(20,179,160,.2),transparent 70%)}.bb-light-accent{width:18%;height:18%;bottom:18%;inset-inline-start:12%;background:radial-gradient(circle,rgba(245,156,11,.1),transparent 70%)}.bb-world{position:relative;z-index:1;transform:translate3d(calc(var(--px) * 10px),calc(var(--py) * 8px),0)}.bb-scene{transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry))}.bb-frame{position:relative;width:min(72rem,88vw);aspect-ratio:16 / 9;padding:.7rem;border-radius:12px;background:#0a2c28;box-shadow:0 28px 64px #00000061,inset 0 1px #e6f7f51f;transform-style:preserve-3d}.bb-frame-tag{position:absolute;z-index:2;margin:0;font-size:.58rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#9bb5b2}.bb-frame-tag-tl{top:.12rem;inset-inline-start:.95rem}.bb-frame-tag-br{bottom:.12rem;inset-inline-end:.95rem}.bb-bevel{position:absolute;inset:.35rem;border-radius:10px;border:1px solid rgba(20,179,160,.28);pointer-events:none}.bb-screen{position:relative;overflow:hidden;height:100%;border-radius:8px;background:#fafafa}.bb-edge{position:absolute;inset-block:.8rem;inset-inline-end:-.72rem;width:.72rem;background:#071c1a;transform:rotateY(78deg);transform-origin:left center;border-radius:0 4px 4px 0}html[dir=rtl] .bb-edge{transform-origin:right center;inset-inline-end:auto;inset-inline-start:-.72rem}.bb-copy{position:relative;z-index:1;max-width:22rem;padding:var(--space-6);animation:bb-in .85s cubic-bezier(.22,1,.36,1)}.bb-copy-brand{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5)}.bb-copy-brand span,.bb-copy-kicker{font-family:var(--font-display);font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#14b3a0;margin:0}.bb-copy-brand .brand-logo{max-width:8.5rem}.bb-copy h1{color:#0e3b36;font-size:clamp(2rem,4.4vw,3.4rem);max-width:10ch;margin-bottom:var(--space-3)}.bb-copy-head{color:#5b7472;font-size:1.05rem;max-width:16ch}.bb-products{position:absolute;inset:8% 6% 10% 38%}.bb-prod{position:absolute;padding:0;border:0;background:transparent;cursor:pointer;animation:bb-settle 1.5s cubic-bezier(.22,1,.36,1) both,bb-float 5.4s ease-in-out infinite}.bb-prod svg{display:block;width:100%;height:auto;filter:drop-shadow(0 10px 14px rgba(14,59,54,.18));transition:filter .25s ease,scale .25s ease}.bb-prod-straw{top:-4%;inset-inline-end:30%;width:2.1rem;z-index:4;animation-delay:0s,.2s;transform:translate3d(calc(var(--px) * 18px),calc(var(--py) * 10px),0)}.bb-prod-lid{top:12%;inset-inline-end:18%;width:7.5rem;z-index:3;animation-duration:1.5s,6s;animation-delay:.08s,.5s;transform:translate3d(calc(var(--px) * 14px),calc(var(--py) * 8px),0)}.bb-prod-cup{top:26%;inset-inline-end:16%;width:8.8rem;z-index:2;animation-duration:1.5s,5.2s;animation-delay:.16s,.1s;transform:translate3d(calc(var(--px) * 10px),calc(var(--py) * 6px),0)}.bb-prod-coffee{bottom:4%;inset-inline-start:4%;width:6.2rem;animation-duration:1.5s,6.4s;animation-delay:.22s,.8s;transform:translate3d(calc(var(--px) * 8px),calc(var(--py) * 4px),0)}.bb-prod-takeaway{bottom:10%;inset-inline-end:0;width:5rem;animation-duration:1.5s,5.8s;animation-delay:.28s,1s;transform:translate3d(calc(var(--px) * 12px),calc(var(--py) * 5px),0)}.bb-prod.is-on svg,.bb-prod:hover svg,.bb-prod:focus-visible svg{scale:1.05;filter:drop-shadow(0 0 10px rgba(20,179,160,.45))}.bb-prod:focus-visible{outline:2px solid #14b3a0;outline-offset:4px}.bb-prod-tip{position:absolute;inset-inline-start:0;bottom:100%;margin-bottom:.45rem;min-width:8rem;padding:.4rem .55rem;border-radius:6px;background:#0e3b36;color:#e6f7f5;opacity:0;transform:translateY(8px);pointer-events:none;text-align:start}.bb-prod-tip strong,.bb-prod-tip span{display:block;font-style:normal}.bb-prod-tip span{font-size:.75rem;color:#9bb5b2}.bb-prod:hover .bb-prod-tip,.bb-prod:focus-visible .bb-prod-tip{opacity:1;transform:translateY(0)}.bb-posts{display:flex;justify-content:space-around;padding:0 18%;height:2.8rem}.bb-posts span{width:.55rem;background:#071c1a}.bb-base{width:42%;height:.55rem;margin:0 auto;border-radius:999px;background:#00000047}.bb-scenes{position:absolute;z-index:3;top:50%;inset-inline-end:var(--space-5);display:flex;flex-direction:column;gap:.35rem;transform:translateY(-50%)}.bb-scenes button,.bb-select button{border:0;background:transparent;color:#9bb5b2;font:inherit;cursor:pointer;text-align:start}.bb-scenes button{font-family:var(--font-display);font-weight:600;letter-spacing:.08em;padding:.2rem 0}.bb-scenes button.is-on,.bb-select button.is-on,.bb-scenes button:hover,.bb-select button:hover{color:#14b3a0}.bb-select{position:absolute;z-index:3;inset-inline-start:var(--space-5);bottom:4.5rem;display:grid;gap:var(--space-3);max-width:16rem}.bb-select button{display:grid;gap:.15rem}.bb-select span{font-size:.7rem;letter-spacing:.08em}.bb-select strong{color:#e6f7f5;font-weight:600}.bb-select em{font-style:normal;font-size:.8rem;color:#9bb5b2}.bb-select button.is-on strong{color:#14b3a0}.bb-fallback{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.bb-focus-inner{display:grid;grid-template-columns:minmax(5rem,8rem) minmax(0,1fr);gap:var(--space-4);align-items:center}.bb-focus-inner ul{margin:0;padding-inline-start:1.1rem}.bb-focus-model{width:100%;height:auto}@keyframes bb-in{0%{opacity:0;transform:translate3d(0,16px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes bb-settle{0%{opacity:.35;translate:0 16px}to{opacity:1;translate:0 0}}@keyframes bb-float{0%,to{translate:0 0}50%{translate:0 -8px}}@media(max-width:900px){.bb-page{overflow:auto}.bb-stage{padding:5.4rem .75rem 6.5rem}.bb-frame{width:min(92vw,41.6vh);aspect-ratio:4 / 5}.bb-products{inset:auto 8% 6%;height:42%}.bb-prod-coffee,.bb-prod-takeaway{display:none}.bb-select{position:relative;inset:auto;width:min(40rem,92vw);margin-top:1.25rem;max-width:none;grid-template-columns:1fr 1fr}.bb-select em{display:none}.bb-scenes{position:relative;top:auto;inset-inline-end:auto;transform:none;flex-direction:row;justify-content:center;width:min(40rem,92vw);margin-top:.9rem}.bb-focus-inner{grid-template-columns:1fr}.bb-focus-model{max-width:8rem}}@media(max-width:600px){.bb-stage{padding-top:6.8rem}.bb-mark{width:max-content}.bb-mark span{display:none}.bb-chrome-top{flex-wrap:wrap;row-gap:.35rem}.bb-chrome-actions{margin-inline-start:auto;flex-wrap:wrap;justify-content:flex-end}.bb-chrome-top .bb-back{font-size:.82rem}.bb-chrome-bottom p,.bb-chrome-bottom .bb-back{font-size:.72rem}}@media(hover:none){.bb-prod-straw,.bb-prod-lid,.bb-prod-cup,.bb-prod-coffee,.bb-prod-takeaway{transform:none}}@media(prefers-reduced-motion:reduce){.bb-prod,.bb-copy,.bb-world,.bb-scene{animation:none!important;transform:none!important}.bb-prod svg{transition:none}.bb-prod-tip{transform:none}}@supports not (transform-style: preserve-3d){.bb-scene,.bb-frame,.bb-edge{transform:none}}:root{color-scheme:light;--color-bg: #fafafa;--color-ink: #222b2e;--color-brand: #0e3b36;--color-primary: #0e3b36;--color-accent: #14b3a0;--color-mark: #f59c0b;--color-mist: #e6f7f5;--color-confirm: #14b3a0;--color-danger: #9b1c1c;--color-muted: #5b7472;--color-line: #d7e4e1;--color-surface: #ffffff;--color-scrim: rgba(14, 59, 54, .4);--color-header: rgba(250, 250, 250, .86);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--radius-control: 6px;--radius-card: 8px;--control-h: 2.75rem;--font-display: "Poppins", "IBM Plex Sans Arabic", sans-serif;--font: "Montserrat", "IBM Plex Sans Arabic", sans-serif;--font-ar: "IBM Plex Sans Arabic", "Montserrat", sans-serif;--shadow-overlay: 0 12px 40px rgba(14, 59, 54, .14)}html[data-theme=night]{color-scheme:dark;--color-bg: #0b1615;--color-ink: #e7efee;--color-brand: #d4f3ef;--color-primary: #14b3a0;--color-accent: #3ecfc0;--color-mark: #f59c0b;--color-mist: #143230;--color-confirm: #3ecfc0;--color-danger: #e07a7a;--color-muted: #9bb5b2;--color-line: #1e3a37;--color-surface: #122221;--color-scrim: rgba(0, 0, 0, .55);--color-header: rgba(11, 22, 21, .88);--shadow-overlay: 0 12px 40px rgba(0, 0, 0, .45)}html[dir=rtl]{--font-display: var(--font-ar);--font: var(--font-ar)}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font);font-size:1rem;line-height:1.45;letter-spacing:0;color:var(--color-ink);background:var(--color-bg)}h1,h2,h3{font-family:var(--font-display);line-height:1.1;letter-spacing:-.02em;color:var(--color-brand);margin:0 0 var(--space-4)}h1{font-weight:700}h2{font-weight:600}h3{font-weight:500}p{margin:0 0 var(--space-3);color:var(--color-muted)}a{color:var(--color-accent);text-decoration:none}button,input,select,textarea{font:inherit}img{max-width:100%;display:block}.app-header,.app-sheet-bar{background:var(--color-header);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--color-line)}@media(prefers-reduced-transparency:reduce){.app-header,.app-sheet-bar{background:var(--color-bg);-webkit-backdrop-filter:none;backdrop-filter:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:opacity .2s ease!important}}.ui-icon{display:block;flex-shrink:0;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.ui-icon-mark{stroke:var(--color-mark);stroke-width:1.8}.ui-card-interactive{cursor:pointer}.ui-card-interactive:hover{border-color:var(--color-accent)}.ui-empty .ui-icon{margin:0 auto var(--space-3);color:var(--color-accent)}.mark-fill{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--control-h);padding:0 var(--space-4);border:1px solid transparent;border-radius:var(--radius-control);cursor:pointer;font-weight:500;background:var(--color-primary);color:#fff}.ui-btn:hover:not(:disabled):not(.ui-btn-secondary):not(.ui-btn-ghost):not(.ui-btn-danger){background:var(--color-accent)}.ui-btn-secondary:hover:not(:disabled),.ui-btn-ghost:hover:not(:disabled){background:var(--color-bg)}.ui-btn:disabled{opacity:.45;cursor:not-allowed}.ui-btn-secondary{background:var(--color-surface);color:var(--color-ink);border-color:var(--color-line)}.ui-btn-ghost{background:transparent;color:var(--color-ink)}.ui-btn-danger{background:var(--color-danger);color:#fff}.ui-field{display:flex;flex-direction:column;gap:var(--space-1);width:100%}.ui-field span{font-size:.875rem;font-weight:500}.ui-field-error{color:var(--color-danger);font-size:.8125rem}.ui-input,.ui-select,.ui-textarea{width:100%;min-height:var(--control-h);padding:0 var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-ink)}.ui-textarea{min-height:6rem;padding:var(--space-3);resize:vertical}.ui-input:focus,.ui-select:focus,.ui-textarea:focus{outline:2px solid var(--color-accent);outline-offset:1px}.ui-input-otp{font-family:var(--font-display);font-size:1.35rem;font-weight:700;letter-spacing:.28em;text-align:center;color:var(--color-brand)}.ui-input-otp:focus{outline-color:var(--color-mark)}.ui-check{display:flex;align-items:center;gap:var(--space-2)}.ui-card{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-card);padding:var(--space-5)}.ui-badge{display:inline-flex;align-items:center;min-height:1.5rem;padding:0 var(--space-2);border-radius:var(--radius-control);border:1px solid var(--color-line);font-size:.75rem;font-weight:500}.ui-badge-ok{color:var(--color-confirm);border-color:var(--color-confirm)}.ui-badge-warn{color:var(--color-accent)}.ui-badge-danger{color:var(--color-danger);border-color:var(--color-danger)}.ui-alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-card);border:1px solid var(--color-line);background:var(--color-surface)}.ui-alert-danger{border-color:var(--color-danger);color:var(--color-danger)}.ui-alert-ok{border-color:var(--color-confirm);color:var(--color-confirm)}.ui-table-wrap{overflow:auto;border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-surface)}.ui-table{width:100%;border-collapse:collapse;font-size:.9375rem}.ui-table th,.ui-table td{padding:.7rem var(--space-3);text-align:start;border-bottom:1px solid var(--color-line)}.ui-table th{font-weight:600;background:var(--color-mist)}.ui-table tr:last-child td{border-bottom:0}.ui-empty{padding:var(--space-8);text-align:center;color:var(--color-muted)}.ui-tabs{display:flex;gap:var(--space-2);border-bottom:1px solid var(--color-line);margin-bottom:var(--space-5)}.ui-tab{background:none;border:0;border-bottom:2px solid transparent;padding:var(--space-3) var(--space-2);cursor:pointer;color:var(--color-muted)}.ui-tab-active{color:var(--color-ink);border-bottom-color:var(--color-accent)}.ui-pager{display:flex;gap:var(--space-2);justify-content:flex-end;margin-top:var(--space-4)}.ui-scrim{position:fixed;inset:0;background:var(--color-scrim);display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:40}.ui-modal{width:min(36rem,100%);background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-overlay);border:1px solid rgba(255,255,255,.4);overflow:hidden}.ui-modal-h,.ui-modal-f{padding:var(--space-4) var(--space-5);display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.ui-modal-b{padding:0 var(--space-5) var(--space-5);max-height:min(78vh,40rem);overflow:auto}.ui-sheet-root{position:fixed;inset:0;z-index:40;display:flex;align-items:flex-end;justify-content:center}.ui-sheet{width:min(40rem,100%);max-height:92vh;overflow:auto;background:#ffffffeb;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-radius:12px 12px 0 0;box-shadow:var(--shadow-overlay);border-top:1px solid rgba(255,255,255,.5)}@media(prefers-reduced-transparency:reduce){.ui-sheet{background:var(--color-surface);-webkit-backdrop-filter:none;backdrop-filter:none}}