:root{--coffee-sidebar-bg:#f5f0e8;--coffee-sidebar-card:#fff;--coffee-sidebar-active:#fff0eb;--coffee-sidebar-active-border:#e6ada4;--coffee-sidebar-text:#302923;--coffee-products-bg:#f5f0e8;--coffee-page-bg:#f5f0e8;--ink:#302923;--red:#ad5952;--yellow:#efd99c;--muted:#79716a;--line:#e6dfd6;--white:#fff;--shadow:0 5px 20px #42311e06;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:180px}body{margin:0;background:var(--coffee-products-bg);color:var(--ink);font:16px/1.4 Arial,Helvetica,sans-serif;-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button{border:0}button:focus-visible,a:focus-visible{outline:3px solid #b46529;outline-offset:4px}button:disabled{cursor:default;opacity:.48}a{color:inherit;text-decoration:none}input{min-width:0}h1,h2,h3,p{margin:0}h1{font-size:30px;line-height:1.12;letter-spacing:-1px}h2{font-size:23px;line-height:1.25;letter-spacing:-.5px}h3{font-size:17px;line-height:1.3}small{font-size:12px}img{max-width:100%;display:block}.loading{padding:40px;text-align:center;color:var(--muted)}.shell{max-width:1280px;margin:auto;padding:0 32px 140px}.topbar{background:var(--coffee-sidebar-bg);border-bottom:1px solid var(--line)}.topbar-inner{max-width:1280px;margin:auto;padding:22px 32px;display:flex;align-items:center;justify-content:space-between;gap:16px}.wordmark{display:flex;gap:12px;align-items:center;font-size:21px;font-weight:900;letter-spacing:-.8px}.brand-icon{width:40px;height:40px;flex:none}.wordmark small{display:block;font-size:10px;font-weight:600;letter-spacing:1.4px;color:var(--muted);text-transform:uppercase;margin-top:2px}.icon-link{border:1px solid #ddcbb6;background:#fffaf3;border-radius:14px;padding:11px 15px;font-size:13px;font-weight:700;display:flex;align-items:center;gap:8px}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.demo-chip{display:inline-flex;align-items:center;gap:7px;font-size:11px;letter-spacing:1px;font-weight:700;text-transform:uppercase;color:var(--red)}.demo-chip:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--red)}.hero{margin:28px 0;display:flex;align-items:center;justify-content:space-between;min-height:188px;border-radius:24px;background:var(--coffee-sidebar-bg);overflow:hidden;position:relative;padding:28px 34px}.hero h1{margin:12px 0;max-width:420px;font-size:36px}.hero p{font-size:14px;color:#806657;max-width:340px}.hero img{height:195px;width:250px;object-fit:contain;mix-blend-mode:multiply;margin:-25px 5px -25px 20px}.catalog-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:28px}.category-nav{position:sticky;top:18px;align-self:start}.category-nav h2{margin:0 0 17px}.categories{display:flex;flex-direction:column;gap:8px}.category{display:flex;align-items:center;gap:11px;border:1px solid var(--line);background:var(--coffee-sidebar-card);color:var(--ink);border-radius:14px;padding:8px 12px;min-height:60px;text-align:left;font-size:14px;font-weight:700;white-space:normal}.category img{height:44px;width:44px;object-fit:contain;border-radius:8px;mix-blend-mode:multiply;flex:none}.category.active{background:var(--coffee-sidebar-active);border-color:var(--red);box-shadow:inset 3px 0 var(--red)}.category .all-icon{display:grid;place-items:center;width:44px;height:38px}.search{display:flex;align-items:center;gap:10px;padding:0 16px;border:1px solid var(--line);background:var(--white);border-radius:14px;height:48px;margin-bottom:23px;color:var(--muted)}.search input{background:none;border:0;outline:0;width:100%;font-size:16px;color:var(--ink)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.section-head small{color:var(--muted);white-space:nowrap}.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.product-card{position:relative;border:1px solid var(--line);border-radius:20px;background:var(--white);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;min-width:0}.product-open{width:100%;text-align:left;background:none;padding:0;color:inherit;display:flex;flex-direction:column;flex:1}.product-photo{width:100%;height:195px;background:#fff;display:grid;place-items:center;overflow:hidden}.product-photo img{width:100%;height:100%;object-fit:contain;transition:transform .2s}.product-open:hover .product-photo img{transform:scale(1.035)}.no-image{font-size:36px;color:#bda58c}.product-copy{padding:16px 16px 10px}.product-copy h3{font-size:15px;font-weight:700;min-height:39px}.product-copy small{display:block;margin-top:7px;color:var(--muted);font-size:11px}.product-bottom{padding:0 16px 16px;display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:58px}.price{font-size:19px;font-weight:800;white-space:nowrap}.price.unavailable{font-size:12px;color:var(--muted);white-space:normal}.add-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:13px;background:var(--red);color:white;font-size:23px;flex:none}.floating-wrap{position:fixed;bottom:0;left:0;right:0;z-index:10;background:linear-gradient(transparent,var(--coffee-products-bg) 18%);padding:20px 20px calc(14px + env(safe-area-inset-bottom));pointer-events:none}.floating-cart{max-width:600px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 20px;border-radius:18px;background:var(--red);color:#fffaf3;box-shadow:0 7px 25px #94151a25;pointer-events:auto;width:100%;font-weight:700}.cart-left{display:flex;align-items:center;gap:12px}.cart-count{display:grid;place-items:center;background:#ffffff20;border-radius:9px;min-width:29px;height:29px;font-size:14px}.floating-cart small{font-size:12px;opacity:.85;font-weight:400}.subtle{color:var(--muted);font-size:13px;line-height:1.6}.notice{border:1px solid #dfc8a8;background:#fff6e8;color:#795632;border-radius:14px;padding:14px 16px;font-size:13px;line-height:1.6;margin:15px 0}.notice.error{background:#fff0ee;border-color:#eac7c3;color:#96362c}.notice a,.notice button{text-decoration:underline;background:none;color:inherit;padding:0}.empty{border:1px dashed #d8c9b7;border-radius:20px;padding:34px 22px;text-align:center;color:var(--muted)}.empty h2{color:var(--ink);margin:12px 0}.empty p{margin:10px 0 20px}.primary,.secondary{border-radius:14px;padding:15px 20px;min-height:50px;width:100%;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px}.primary{background:var(--red);color:var(--white)}.secondary{border:1px solid var(--line);background:var(--coffee-sidebar-card);color:var(--ink)}.page{max-width:660px;margin:26px auto;padding:0 22px 130px}.page-heading{display:flex;gap:14px;align-items:center;margin-bottom:22px}.back{display:grid;place-items:center;border:1px solid var(--line);background:var(--white);border-radius:13px;width:43px;height:43px;flex:none}.page h1{font-size:27px}.cart-line{display:flex;gap:15px;align-items:flex-start;border-bottom:1px solid var(--line);padding:20px 0}.cart-line>img{width:82px;height:82px;object-fit:contain;border-radius:14px;background:#fff;flex:none}.cart-line .line-info{flex:1;min-width:0}.line-info h3{font-size:15px}.line-info p{font-size:12px;color:var(--muted);margin:5px 0 12px}.line-bottom{display:flex;justify-content:space-between;align-items:center;gap:7px}.stepper{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;background:var(--white);padding:3px}.stepper button{height:34px;width:34px;border-radius:8px;background:none;color:var(--ink);font-size:20px}.stepper span{min-width:13px;text-align:center;font-size:14px}.summary{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:20px;margin:24px 0}.summary-line{display:flex;justify-content:space-between;gap:16px;font-size:14px;padding:7px 0}.summary-line.total{border-top:1px solid var(--line);padding-top:17px;margin-top:9px;font-size:21px;font-weight:800}.summary-line:first-child.total{border:0;margin:0;padding:0}.field{display:block;margin:24px 0}.field span{display:block;font-size:13px;font-weight:700;margin-bottom:9px}.field input{font-size:16px;padding:16px;border-radius:13px;border:1px solid #d8c7b1;width:100%;background:var(--white);outline:0;color:var(--ink)}.field input:focus{border-color:var(--red);box-shadow:0 0 0 3px #94151a0d}.checkout-items{margin:20px 0}.checkout-items .summary-line span{min-width:0}.checkout-items .summary-line strong{white-space:nowrap}.bottom-note{text-align:center;margin-top:17px;font-size:12px;color:var(--muted)}.product-page{max-width:760px;margin:0 auto;padding:24px 24px 130px}.product-detail-photo{height:280px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:24px;margin:20px 0}.product-detail-photo img{height:100%;width:100%;object-fit:contain;border-radius:24px}.product-detail-description{color:var(--muted);line-height:1.65;margin:14px 0 20px;font-size:14px}.modifier-group{border:0;border-top:1px solid var(--line);margin:22px 0;padding:20px 0 0;min-width:0}.modifier-group legend{font-size:17px;font-weight:700;padding:0 9px 0 0}.modifier-hint{font-size:12px;color:var(--muted);margin:0 0 13px}.modifier-option{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:14px;padding:12px;margin:8px 0;background:var(--white);cursor:pointer}.modifier-option:has(input:checked){border-color:var(--red);background:var(--coffee-sidebar-active)}.modifier-option img{width:48px;height:48px;object-fit:contain;flex:none}.modifier-option input{width:20px;height:20px;accent-color:var(--red);flex:none}.modifier-option .mod-title{font-size:14px;flex:1}.modifier-option small{color:var(--muted);display:block}.product-action{display:flex;gap:12px;max-width:690px;margin:auto;pointer-events:auto}.product-action .stepper{padding:5px}.product-action .primary{box-shadow:0 5px 20px #94151a18}.status-card{text-align:center;background:var(--white);border:1px solid var(--line);border-radius:24px;padding:30px 23px;margin-top:26px}.status-icon{border-radius:50%;background:#f5e9d8;color:var(--red);width:68px;height:68px;margin:0 auto 20px;display:grid;place-items:center}.status-icon .icon{height:29px;width:29px}.status-card h2{margin-bottom:12px}.order-number{font-size:45px;font-weight:800;letter-spacing:-1px;margin:18px 0 8px}.status-card p{font-size:14px;color:var(--muted);line-height:1.6}.order-status-note{margin:17px 0;color:var(--muted);font-size:13px}.order-card{display:block;background:var(--white);border:1px solid var(--line);border-radius:18px;padding:20px;margin:14px 0}.order-card small{color:var(--muted);display:block;margin-top:8px}.order-card .summary-line{padding:0}.loader{border:3px solid #e9d9c3;border-top-color:var(--red);border-radius:50%;width:26px;height:26px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#toast{position:fixed;bottom:calc(95px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%,15px);border-radius:13px;padding:12px 17px;max-width:calc(100vw - 32px);width:max-content;background:var(--ink);color:white;font-size:13px;opacity:0;pointer-events:none;transition:.15s;z-index:30}#toast.show{opacity:1;transform:translate(-50%,0)}.network-bar{font-size:12px;margin:10px 0;color:#9c4939}.refresh-button{background:none;color:var(--red);padding:10px 0;font-weight:700}.required{color:var(--red)}.status-detail{font-size:12px;color:var(--muted);overflow-wrap:anywhere;text-align:left;margin-top:20px}
@media(max-width:1000px){.products{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-layout{grid-template-columns:170px minmax(0,1fr);gap:20px}.product-photo{height:185px}}
@media(max-width:700px){html{scroll-padding-top:120px}.topbar-inner{padding:15px 18px;padding-top:calc(15px + env(safe-area-inset-top))}.wordmark{font-size:19px;gap:9px}.brand-icon{width:36px;height:36px}.icon-link{padding:10px;font-size:0}.icon-link .icon{width:22px;height:22px}.shell{padding:0 16px 120px}.hero{margin:18px 0 22px;border-radius:20px;padding:22px;min-height:171px}.hero h1{font-size:26px;max-width:215px;margin:10px 0}.hero p{font-size:12px;max-width:185px}.hero img{position:absolute;width:133px;height:139px;right:-8px;bottom:-10px;margin:0}.hero>div{position:relative;z-index:1}.hero .demo-chip{font-size:10px}.catalog-layout{display:block}.category-nav{position:sticky;top:0;z-index:5;margin:0 -16px 18px;padding:10px 16px 0;background:var(--coffee-products-bg);border-bottom:1px solid var(--line)}.category-nav h2{display:none}.categories{flex-direction:row;overflow-x:auto;gap:8px;padding-bottom:12px;scrollbar-width:none}.categories::-webkit-scrollbar{display:none}.category{white-space:nowrap;flex:none;font-size:12px;border-radius:12px;padding:7px 11px;min-height:45px;gap:6px}.category img{width:28px;height:28px}.category.active{box-shadow:none;border-width:1px}.category .all-icon{width:22px;height:25px}.search{margin-bottom:20px;height:46px}.section-head h2{font-size:22px}.section-head small{font-size:11px}.products{gap:11px}.product-photo{height:153px}.product-card{border-radius:17px}.product-copy{padding:12px 12px 8px}.product-copy h3{font-size:13px;min-height:34px}.product-copy small{font-size:10px}.product-bottom{padding:0 12px 13px}.price{font-size:17px}.add-button{height:36px;width:36px;border-radius:11px}.floating-wrap{padding:18px 16px calc(12px + env(safe-area-inset-bottom))}.floating-cart{padding:14px 16px;border-radius:16px;font-size:15px}.page{margin-top:20px;padding:0 18px 125px}.page h1{font-size:25px}.cart-line>img{width:70px;height:70px}.line-bottom strong{font-size:16px}.line-info h3{font-size:13px}.product-page{padding:20px 18px 135px}.product-detail-photo{height:250px}.product-page h1{font-size:26px}.product-action .stepper{gap:8px}.product-action .primary{padding:14px 10px;font-size:14px}.modifier-option{padding:10px;gap:9px}.modifier-option .mod-title{font-size:13px}.summary{padding:17px}.order-number{font-size:39px}}
@media(max-width:359px){.products{grid-template-columns:1fr}.product-photo{height:205px}.product-copy h3{font-size:16px;min-height:0}.hero h1{font-size:24px;max-width:200px}.hero img{opacity:.3;right:-27px}.hero p{max-width:210px}.line-bottom{flex-wrap:wrap}.wordmark{font-size:17px}.modifier-option img{width:35px;height:35px}.modifier-option .stepper{gap:5px}.modifier-option .stepper button{width:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Compact catalogue: square photos, circular category rail and corner cart. */
.topbar{background:#fff}.wordmark{min-width:0}.brand-logo{width:300px;max-width:100%;height:auto;object-fit:contain}.topbar-inner{padding-top:16px;padding-bottom:16px}
.combo-banner{display:flex;align-items:center;gap:24px;width:100%;min-height:144px;margin:24px 0 18px;padding:20px 32px;border-radius:24px;text-align:left;background:var(--red);color:#fffaf3;overflow:hidden}
.combo-banner>span:first-child{flex:1}.combo-banner strong{display:block;font-size:40px;line-height:1.1;letter-spacing:-1px}.combo-banner small{display:block;margin-top:9px;font-size:14px;color:#f8ddcf}
.combo-banner img{height:110px;width:140px;object-fit:contain;flex:none}.combo-arrow{font-size:32px}
.catalog-layout{display:block}.category-nav{display:flex;align-items:center;gap:10px;position:sticky;top:0;z-index:5;margin:0 0 22px;padding:10px 0;background:var(--coffee-products-bg);border-bottom:1px solid var(--line)}
.categories{display:flex;flex:1;min-width:0;flex-direction:row;gap:0;overflow-x:auto;padding:4px 0;scrollbar-width:none;overscroll-behavior-x:contain;overflow-anchor:none;scroll-behavior:auto}
.categories::-webkit-scrollbar{display:none}.category-cycle{display:flex;flex:none;align-items:stretch;gap:10px;padding-right:10px}
.category{flex:none;white-space:nowrap;min-height:58px;padding:8px 15px;font-size:14px;border-radius:14px;gap:9px}.category img{width:38px;height:38px}.category .all-icon{width:28px;height:38px}.category .no-image{width:38px;text-align:center;font-size:25px}
.category.active{box-shadow:none}.category-arrow{display:grid;place-items:center;flex:none;width:36px;height:48px;border:1px solid var(--line);border-radius:12px;background:var(--coffee-sidebar-card);color:var(--ink);font-size:28px}
.products{grid-template-columns:repeat(4,minmax(0,1fr))}.product-photo{position:relative;aspect-ratio:1/1;height:auto;flex:none;padding:8px}.product-photo img{position:absolute;inset:8px;width:calc(100% - 16px);height:calc(100% - 16px);object-fit:contain}.product-open:hover .product-photo img{transform:none}
.product-detail-photo{width:100%;max-width:420px;aspect-ratio:1/1;height:auto;margin:20px auto;padding:12px;position:relative}.product-detail-photo img{position:absolute;inset:12px;width:calc(100% - 24px);height:calc(100% - 24px);object-fit:contain}
.compact-cart{position:fixed;right:calc(20px + env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));z-index:10;display:flex;align-items:center;gap:12px;min-height:54px;padding:14px 19px;border-radius:18px;background:#238341;color:#fff;box-shadow:0 5px 18px #164b352b;font-size:18px;white-space:nowrap}.compact-cart .icon{width:24px;height:24px}.compact-cart:hover{background:#1c7137}
@media(max-width:1000px){.products{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.combo-banner{min-height:116px;margin:16px 0 12px;padding:18px 20px;gap:12px;border-radius:20px}.combo-banner strong{font-size:32px}.combo-banner small{font-size:12px}.combo-banner img{width:86px;height:82px}.combo-arrow{font-size:25px}.category-nav{gap:0;margin:0 -16px 18px;padding:8px 0}.category-arrow{display:none}.category{min-height:52px;padding:8px 12px;font-size:13px;gap:7px}.category img{width:32px;height:32px}.category .all-icon{height:32px}.category-cycle{gap:8px;padding-right:8px}.products{grid-template-columns:repeat(2,minmax(0,1fr))}.product-photo{height:auto}.product-detail-photo{height:auto}.compact-cart{right:calc(16px + env(safe-area-inset-right));bottom:calc(14px + env(safe-area-inset-bottom));min-height:52px;padding:13px 17px;font-size:17px;border-radius:16px}}
@media(max-width:359px){.product-copy h3{font-size:13px;min-height:34px}.product-photo{height:auto}.product-bottom{padding:0 9px 11px}.product-copy{padding:10px 9px 7px}.price{font-size:16px}.add-button{width:32px;height:32px}.combo-banner{gap:8px;padding:16px}.combo-banner img{width:75px}.combo-banner small{font-size:11px}}
@media(max-width:700px){.brand-logo{width:260px}.topbar-inner{gap:18px;padding-top:calc(15px + env(safe-area-inset-top));padding-bottom:15px}.icon-link{flex:none}}

/* Warm contemporary palette, with restrained brand accents. */
.topbar{background:#fff;border-bottom-color:#ece6df}.wordmark{padding:0;background:#fff;border-radius:0}.icon-link{background:#faf8f4;border-color:var(--line);color:var(--ink)}
.combo-banner{background:#ede2d2;color:var(--ink);border:1px solid #e7dbca;border-radius:22px}.combo-banner strong{color:var(--ink);text-transform:none;font-weight:750;letter-spacing:-1px}.combo-banner small{color:#776859;font-weight:400}.combo-banner img{mix-blend-mode:multiply}.combo-arrow{color:var(--red)}
.category{font-weight:600;background:#fff;border-color:#e8e0d7}.category img{mix-blend-mode:normal;background:#fff}.category.active{background:#f9e8df;border-color:#dcb7a7;color:#895548}.category.active .no-image{color:#a52f30}
.category-arrow:hover{border-color:#d7b3a8;color:var(--red)}.search{background:#fff;border-color:#e8e0d7}.search:focus-within{border-color:#c89990}.search input::placeholder,.field input::placeholder{color:#928b84;opacity:1}
.section-head h2{color:var(--ink);font-weight:700;letter-spacing:-.6px}.modifier-group legend{color:var(--ink);font-weight:700}.product-copy h3{font-weight:600;line-height:1.4}.product-copy small{color:#8b8279}.product-card{background:#fff;border-color:#ebe4dc;box-shadow:var(--shadow)}.price{color:var(--ink);font-weight:700}.add-button{background:#f2d6cf;color:#944940}.add-button:hover:not(:disabled){background:#ebc5bd}
.primary{background:var(--red);color:#fff;font-weight:600}.primary:hover:not(:disabled){background:#984a44}.secondary:hover{border-color:#d3b6a7}.product-action .primary{box-shadow:0 5px 20px #942a2014}
.field input{background:#fff;border-color:var(--line)}.field input:focus{border-color:#c78e82;box-shadow:0 0 0 3px #c78e8217}.field .required{display:inline;color:var(--red)}
.modifier-option:has(input:checked){border-color:#ddb2a4;background:#fff4ee;color:var(--ink)}.modifier-option:has(input:checked) small{color:#826b60}.modifier-option input{accent-color:var(--red)}.modifier-option img{background:#fff;border-radius:8px}
.notice{background:#fbf4e8;border-color:#e9dcc7;color:#796449}.notice.error{background:#fff0ed;border-color:#e9c5bc;color:#963c36}.empty{border-color:#dacfc1}
.status-icon{background:#f3e9da;color:#ab704a}.loader{border-color:#e5d7c4;border-top-color:var(--red)}.order-number,.summary-line.total strong{color:var(--ink)}
.refresh-button{color:var(--red)}.network-bar{color:#a64e48}.no-image{color:#baa998}#toast{background:#3e342c;color:#fff;box-shadow:0 4px 20px #30261b20}
button:focus-visible,a:focus-visible{outline-color:#c28466}.combo-banner:focus-visible,.primary:focus-visible{outline-color:#934d3a}
@media(max-width:700px){.wordmark{padding:0}.topbar-inner{gap:16px}.combo-banner{border-radius:20px}.product-copy h3{font-weight:600}}

.compact-cart{background:#507b60;box-shadow:0 5px 18px #3d60442b}.compact-cart:hover{background:#42694f}
@media(max-width:700px){.icon-link{width:44px;height:44px;padding:0;gap:0;justify-content:center}.icon-link>span{display:none}}

/* Make the pickup number easy to read from a phone. */
.order-number{color:#c03932;font-size:clamp(64px,18vw,88px);font-weight:900;line-height:1.05;letter-spacing:-2px;margin:22px 0 16px;overflow-wrap:anywhere}
.order-card .order-list-number{color:#c03932;font-size:24px;line-height:1.15}

.order-number.order-number-pickup{color:#507b60}

/* A calm, prominent preparation timer: no flashing, motion respects OS preferences. */
.cooking-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;background:#fff2ed;border:1px solid #efd4ca;border-radius:19px;padding:16px 18px;margin:-8px -5px 23px;color:#b43d32;overflow:hidden}
.cooking-banner[hidden]{display:none}.cooking-progress{min-width:0}.cooking-label{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:700;line-height:1.3}.cooking-label .icon{width:19px;height:19px}.cooking-time{font-size:clamp(34px,10vw,46px);line-height:1.15;font-weight:800;letter-spacing:-1px;font-variant-numeric:tabular-nums;margin:8px 0 4px}.cooking-caption{font-size:11px;color:#98685e}.assembling-burger{width:105px;height:114px;flex:none;overflow:visible}.cooking-replaced-icon{display:none}
.burger-layer{animation:burger-assemble 4.8s ease-in-out infinite;transform-box:view-box;transform-origin:60px 100px}.burger-bottom{animation-delay:0s}.burger-patty{animation-delay:.25s}.burger-cheese{animation-delay:.5s}.burger-tomato{animation-delay:.75s}.burger-lettuce{animation-delay:1s}.burger-top{animation-delay:1.25s}
@keyframes burger-assemble{0%,8%{opacity:0;transform:translateY(-24px)}22%,68%{opacity:1;transform:translateY(0)}82%,100%{opacity:0;transform:translateY(5px)}}
@media(max-width:360px){.cooking-banner{padding:14px 12px;gap:4px}.cooking-label{font-size:12px;gap:5px}.assembling-burger{width:78px;height:99px}.cooking-caption{font-size:10px}}
.header-order-slot{display:flex;flex:none}.header-active-order{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:64px;max-width:235px;padding:9px 12px;border:1px solid #e6b4a8;border-radius:16px;background:#fff0e9;color:#b43d32;box-shadow:0 0 0 3px #c84d3210;animation:order-attention 3s ease-in-out infinite}.header-order-copy{min-width:0}.header-order-label{display:block;font-size:12px;font-weight:700;line-height:1.25}.header-order-value{display:flex;align-items:center;gap:6px;font-size:22px;line-height:1.15;font-weight:800;font-variant-numeric:tabular-nums;margin-top:5px}.header-active-order .assembling-burger{width:47px;height:53px}.header-order-value .icon{width:18px;height:18px}.header-order-ready{color:#39644a;background:#eef6eb;border-color:#a5c5a7;animation:none;box-shadow:0 0 0 3px #507b6012}.header-order-ready .header-order-value{font-size:15px}.order-list-progress{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;min-height:30px}.order-list-progress .assembling-burger{width:44px;height:48px}.order-list-state{display:flex;align-items:center;flex-wrap:wrap;gap:7px;font-size:13px;color:var(--muted)}.order-state-cooking{color:#b43d32}.order-state-ready{color:#39644a}.order-list-state strong{font-size:18px;font-variant-numeric:tabular-nums}.order-list-number.order-list-number-ready{color:#507b60}
@keyframes order-attention{0%,100%{box-shadow:0 0 0 3px #c84d3210}50%{box-shadow:0 0 0 6px #c84d321a}}
@media(max-width:700px){.topbar-inner{gap:10px}.topbar-inner:has(.header-active-order) .wordmark{flex:1}.header-active-order{max-width:174px;min-height:61px;padding:8px 9px;border-radius:14px}.header-order-label{font-size:10px}.header-order-value{font-size:20px}.header-active-order .assembling-burger{width:39px;height:47px}}
@media(max-width:359px){.header-active-order{max-width:156px;padding:7px}.header-active-order .assembling-burger{width:33px;height:43px}.header-order-label{font-size:9px}.header-order-value{font-size:18px}}

.install-invite{position:fixed;z-index:90;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(440px,calc(100% - 24px));padding:18px;background:#fffdf9;color:#302a24;border:1px solid #e8dfd3;border-radius:24px;box-shadow:0 10px 45px #33251b2a;text-align:left;max-height:75dvh;overflow:auto}
.install-invite-top{display:flex;gap:12px;align-items:flex-start}.install-invite-top img{border-radius:15px;flex-shrink:0}.install-invite strong{font-size:17px;line-height:1.25;display:block}.install-invite p{font-size:14px;line-height:1.45;margin:6px 0 0;color:#75685c}.install-close{background:transparent;border:0;font-size:26px;line-height:1;color:#8c7b6b;min-width:30px;min-height:34px;padding:0;cursor:pointer}.install-actions{display:flex;gap:10px;margin-top:16px}.install-actions button{width:auto;min-height:44px;margin:0;padding:11px 16px;font-size:14px}.install-actions .primary{flex:1}.install-invite .install-help{background:#f5f0e8;padding:12px;border-radius:12px;color:#534a40;margin-top:14px}

/* One finite, touch-scrollable row of categories, with menu thumbnails. */
 .category-nav{display:flex;align-items:center;gap:8px;position:sticky;top:0;z-index:8;border-bottom:1px solid var(--line);margin:0 0 20px;padding:8px 0;background:var(--coffee-products-bg)}
.category-nav .categories{display:flex;flex:1;min-width:0;flex-direction:row;gap:8px;padding:4px 0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:none;scroll-behavior:auto;-webkit-overflow-scrolling:touch}
.category-nav .category{display:flex;flex:none;align-items:center;justify-content:flex-start;gap:7px;min-height:46px;padding:8px 13px;border:1px solid #e8e1d9;border-radius:999px;background:#fff;color:#69625c;font-size:13px;font-weight:700;line-height:1.25;white-space:nowrap;box-shadow:none;scroll-snap-align:none;transition:background .15s,color .15s,border-color .15s}
.category-nav .category.active{background:#27231f;border-color:#27231f;color:#fff;box-shadow:none}
.category-nav .category .category-thumb{display:block;width:26px;height:26px;flex:none;object-fit:contain;border-radius:7px;background:#fff;mix-blend-mode:normal}
.category-nav .category>.icon{width:20px;height:20px;flex:none}
.category-nav .category>span{white-space:nowrap}
.category-nav .category-arrow{width:30px;height:40px;border-radius:999px;font-size:23px}
.category-nav .category-arrow:disabled{opacity:.25;cursor:default}
@media(hover:hover){.category-nav .category:not(.active):hover{background:#faf7f2;border-color:#cec3b7}}
@media(max-width:700px){.category-nav{gap:0}.category-nav .category-arrow{display:none}.category-nav .category{padding:7px 11px}}

/* Compact combo choices, with a separate replace action. */
.combo-choice-summary{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #e4ddd3;border-radius:16px;background:#fff}
.combo-choice-summary>img{width:46px;height:46px;object-fit:contain;flex:none;border-radius:9px;background:#fff}
.combo-choice-summary>.no-image{font-size:26px;width:46px;flex:none;text-align:center}
.combo-choice-title{min-width:0;flex:1;font-size:14px;line-height:1.4;overflow-wrap:anywhere}.combo-choice-title small{display:block;color:var(--muted);font-size:12px;margin-top:4px}
.combo-replace{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:13px;background:#507b60;color:#fff;border:0}.combo-replace:hover{background:#42694f}.combo-replace[aria-expanded="true"]{background:#355a41}.combo-replace .icon{width:21px;height:21px}
.combo-replacements{margin-top:14px}.combo-replacements[hidden]{display:none}
@media(max-width:359px){.combo-choice-summary{gap:8px;padding:10px}.combo-choice-summary>img{width:38px;height:38px}.combo-choice-title{font-size:13px}}

/* Mobile ordering refinement: persistent cart and compact combo choices. */
.cart-dock{position:fixed;bottom:0;left:0;right:0;z-index:15;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(transparent,#f5f1e8 25%);pointer-events:none}
.cart-dock-button{pointer-events:auto;display:flex;align-items:center;gap:12px;max-width:690px;margin:auto;background:#507b60;color:#fff;border-radius:17px;min-height:60px;padding:12px 18px;box-shadow:0 6px 20px #3d60442b}
.cart-dock-button>span:first-of-type{flex:1;font-weight:700}.cart-dock-button small{display:block;font-size:12px;font-weight:400;color:#fff}.cart-dock-button strong{white-space:nowrap;font-size:18px}.cart-dock-button .icon{width:25px;height:25px}
.stepper button{width:44px;min-width:44px;height:44px}.add-button{width:44px;height:44px}.product-action .stepper{gap:0;padding:2px}.product-action .stepper span{min-width:23px;text-align:center}
.combo-replace{width:auto;min-width:80px;padding:8px;gap:3px;height:auto;min-height:48px;font-size:11px;font-weight:600}.combo-replace .icon{width:18px;height:18px}
.combo-product-page .product-detail-photo{width:180px;max-width:100%;margin:12px auto;height:180px;aspect-ratio:1/1}.combo-product-page .product-detail-description{margin:10px 0;font-size:13px}.combo-product-page .page-heading{margin-bottom:12px}.combo-product-page h1{font-size:23px;line-height:1.2}.combo-product-page .modifier-group{margin:18px 0;padding-top:12px}.combo-product-page .modifier-hint{margin-bottom:8px}
.cart-components{padding:0;margin:8px 0;list-style:none;font-size:13px;line-height:1.5;color:var(--muted)}.cart-components li+li{margin-top:4px}.edit-cart-line{color:#3e6a4b;background:#e6eee5;border:0;border-radius:10px;min-height:44px;padding:8px 12px;font-size:13px;font-weight:700;margin:4px 0 10px}
.fulfillment{border:0;padding:0;margin:24px 0}.fulfillment legend{font-size:16px;font-weight:700;margin-bottom:12px}.fulfillment-options{display:flex;gap:10px}.fulfillment-options label{flex:1;cursor:pointer;position:relative}.fulfillment-options input{position:absolute;opacity:0}.fulfillment-options span{display:flex;align-items:center;justify-content:center;min-height:52px;border:1px solid var(--line);border-radius:13px;background:white;font-weight:700}.fulfillment-options input:checked+span{background:#e6eee5;border-color:#507b60;color:#365d42}.fulfillment-options input:focus-visible+span{outline:3px solid #b27550;outline-offset:3px}.fulfillment p{font-size:12px;color:var(--muted);margin-top:10px}.venue-info{background:white;border:1px solid var(--line);padding:16px;border-radius:16px;margin:16px 0}.venue-info p{font-size:14px;margin-top:6px;line-height:1.5}
@media(max-width:359px){.product-action .primary{font-size:12px}.combo-product-page .product-detail-photo{width:150px;height:150px}.combo-choice-title{overflow-wrap:anywhere}}

.products.products-grouped{display:block}.menu-category-section+.menu-category-section{margin-top:34px}.menu-category-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.menu-category-heading h2{font-size:24px;font-weight:700;letter-spacing:-.5px}.menu-category-heading small{color:var(--muted);white-space:nowrap}@media(max-width:700px){.menu-category-section+.menu-category-section{margin-top:28px}.menu-category-heading{margin-bottom:13px}.menu-category-heading h2{font-size:21px}.menu-category-heading small{font-size:11px}}

/* Equal side columns keep the lettering centered on the phone, independently of the order button. */
.brand-home{display:none}
@media(max-width:700px){
 .category-nav{padding-top:max(8px,env(safe-area-inset-top))}
 .topbar-inner{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:10px;position:relative}
 .brand-home{display:block;grid-column:1;grid-row:1;width:44px;height:44px;border-radius:8px}
 .brand-home::before{content:"";display:block;width:44px;height:44px;background:url('/brand-logo.jpg') left center / auto 44px no-repeat;clip-path:polygon(50% 9%,75% 13%,89% 25%,89% 76%,75% 92%,27% 92%,12% 77%,12% 26%,26% 13%)}
 .topbar-inner .wordmark{grid-column:2;grid-row:1;display:block;width:100%;max-width:260px;justify-self:center;overflow:hidden}
 .topbar-inner .brand-logo{width:129.032258%;max-width:none;transform:translateX(-22.5%)}
 .header-order-slot{grid-column:3;grid-row:1;justify-self:end}
 .topbar-inner:has(.header-active-order) .header-order-slot{grid-column:1 / -1;grid-row:2;justify-self:stretch}
 .topbar-inner .header-active-order{width:100%;max-width:none}
}

/* Keep the confirmed promotion and total readable in the mobile cart footer. */
.cart-line-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}
.cart-line-price del{font-size:13px;color:#7c7770;font-weight:400}
.promotion-saving{color:#3d7252}
.promotion-status{margin-top:10px;font-size:13px;line-height:1.4;color:#756c62}
.promotion-retry{display:block;margin-top:8px;padding:7px 14px;border:1px solid #d9cec0;border-radius:999px;background:#fff;color:var(--ink);font:inherit;cursor:pointer;min-height:36px}

.install-invite .install-help h3{font-size:16px;margin:16px 0 8px;color:var(--ink)}
.install-help ol{padding-left:24px;margin:0;font-size:14px;line-height:1.5}
.install-help li{padding-left:4px;margin:12px 0}
.install-help li::marker{font-weight:700;color:var(--ink)}
.install-invite .install-help .install-tip{font-size:13px;line-height:1.5;border-top:1px solid #ded5c8;padding-top:12px;margin-top:14px}
.install-platforms{display:flex;gap:8px}
.install-platforms button{flex:1;min-height:42px;padding:9px 12px;border:1px solid #d6cbbd;border-radius:999px;background:#fff;font:inherit;font-size:13px;color:var(--ink);cursor:pointer}
.install-platforms button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.install-platforms button:focus-visible{outline:3px solid #a84b38;outline-offset:2px}
.install-invite .install-actions{position:sticky;bottom:-1px;background:#fffdf9;padding-top:10px;padding-bottom:3px}