.hamburger{width:42px;height:42px;border:1px solid var(--line);border-radius:13px;background:rgba(30,23,17,.9);color:var(--cream);display:grid;place-items:center;flex:none}.hamburger svg{width:21px}.splash-menu-btn{position:absolute;z-index:5;top:max(18px,env(safe-area-inset-top));left:18px;background:rgba(16,11,8,.68);backdrop-filter:blur(12px)}
.drawer-shade{position:fixed;z-index:90;inset:0;background:rgba(8,5,3,.68);opacity:0;pointer-events:none;transition:.25s}.drawer-shade.open{opacity:1;pointer-events:auto}.site-drawer{position:fixed;z-index:91;left:0;top:0;bottom:0;width:min(340px,88vw);background:#1b140f;border-right:1px solid var(--line);transform:translateX(-102%);transition:transform .32s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;box-shadow:22px 0 60px rgba(0,0,0,.45)}.site-drawer.open{transform:none}
.drawer-head{padding:max(24px,env(safe-area-inset-top)) 20px 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.drawer-head div{display:flex;flex-direction:column;gap:4px}.drawer-head small{font-size:9px;letter-spacing:1.8px;color:var(--ember);font-weight:800}.drawer-head b{font-family:var(--serif);font-size:25px}.drawer-close,.page-close,.page-back{font-size:30px;color:var(--muted);width:40px;height:40px}
.drawer-nav{display:flex;flex:1;flex-direction:column;overflow:auto;padding:10px 12px 14px}.drawer-nav button{width:100%;display:flex;align-items:center;gap:13px;padding:11px 13px;border-radius:12px;color:var(--cream2);font-size:14px;text-align:left}.drawer-nav button:hover{background:var(--panel2)}.drawer-nav button span{width:23px;text-align:center;font-size:17px;color:var(--muted)}.nav-spacer{height:12px;flex:none;border-bottom:1px solid var(--line);margin:2px 10px 8px}.drawer-foot{padding:12px 20px calc(12px + env(safe-area-inset-bottom));font-size:10px;color:var(--muted);border-top:1px solid var(--line)}
.info-page{position:fixed;z-index:85;inset:0;background:var(--ink);background-image:radial-gradient(rgba(255,210,160,.035) 1px,transparent 1.4px);background-size:24px 24px;transform:translateX(102%);transition:transform .32s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column}.info-page.open{transform:none}.info-page>header{height:72px;padding:max(10px,env(safe-area-inset-top)) 15px 9px;display:grid;grid-template-columns:42px 1fr 42px;align-items:center;border-bottom:1px solid var(--line);background:rgba(20,16,12,.96)}.info-page>header div{text-align:center}.info-page>header small{display:block;color:var(--ember);font-size:8px;letter-spacing:1.6px;font-weight:800}.info-page>header h2{font-family:var(--serif);font-size:20px}.info-page main{overflow:auto;flex:1;padding:22px max(18px,calc((100vw - 760px)/2)) calc(40px + env(safe-area-inset-bottom))}
.map-card{overflow:hidden;border:1px solid var(--line);border-radius:19px;background:var(--panel);height:310px}.map-card iframe{width:100%;height:100%;border:0;filter:saturate(.75) contrast(1.05)}.unit-card{padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--panel);margin-top:13px}.unit-card>span{font-size:9px;color:var(--ember);font-weight:800;letter-spacing:1.4px}.unit-card h3{font-family:var(--serif);font-size:23px;margin:6px 0}.unit-card p{color:var(--cream2);line-height:1.55}.unit-card small{display:block;color:var(--muted);margin-top:12px}.unit-card a{display:block;margin-top:15px;padding:12px;border:1px solid var(--line2);border-radius:11px;text-align:center;color:var(--gold);font-size:12px;font-weight:800;text-decoration:none}
.hours-list{border:1px solid var(--line);border-radius:18px;overflow:hidden}.hours-list div{display:flex;justify-content:space-between;padding:15px 17px;background:var(--panel);border-bottom:1px solid var(--line)}.hours-list div:last-child{border:0}.hours-list span{color:var(--gold)}.hours-list .off span{color:var(--muted)}.info-note,.about-card{padding:18px;border:1px solid var(--line);border-radius:17px;background:var(--panel);margin-top:13px;color:var(--muted);font-size:13px;line-height:1.6}.about-hero{text-align:center;padding:25px 18px}.about-hero>span{font-size:52px}.about-hero h3{font-family:var(--serif);font-size:34px;margin:9px 0}.about-hero p,.about-card p{color:var(--muted);line-height:1.65}.about-card h4{font-family:var(--serif);font-size:21px;color:var(--cream);margin-bottom:8px}.info-empty{text-align:center;padding:50px 20px;color:var(--muted)}.info-empty>span{font-size:48px}.info-empty h3{color:var(--cream);font-family:var(--serif);font-size:24px;margin:10px}.favorite-list{display:grid;gap:10px}.favorite-list article{display:flex;gap:14px;padding:17px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.favorite-list article>span{color:#ef6d5a;font-size:22px}.favorite-list small{display:block;color:var(--muted);margin-top:4px}
.hours-status{display:flex;align-items:center;gap:13px;padding:17px;border:1px solid var(--line);border-radius:17px;background:var(--panel);margin-bottom:12px}.hours-status .status-dot{width:12px;height:12px;border-radius:50%;flex:none;background:var(--fire);box-shadow:0 0 0 7px rgba(232,71,43,.1)}.hours-status.open .status-dot{background:var(--basil2);box-shadow:0 0 0 7px rgba(134,196,122,.1)}.hours-status div{display:flex;flex-direction:column}.hours-status b{font-size:15px}.hours-status small{color:var(--muted);font-size:11px;margin-top:2px}.hours-summary{display:flex;flex-direction:column;padding:17px;border:1px solid rgba(233,178,60,.26);border-radius:17px;background:rgba(233,178,60,.06);margin-bottom:12px}.hours-summary>span{color:var(--ember);font-size:9px;letter-spacing:1.5px;text-transform:uppercase;font-weight:900}.hours-summary b{font-size:15px;margin-top:5px}.hours-summary small{color:var(--muted);font-size:11px;margin-top:3px}
.favorite-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:5px;background:var(--panel);border:1px solid var(--line);border-radius:15px;margin-bottom:15px}.favorite-tabs button{padding:11px;border-radius:11px;color:var(--muted);font-weight:800}.favorite-tabs button.active{background:var(--fire);color:#fff}.favorite-tabs span{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:20px;background:rgba(0,0,0,.2);font-size:10px;margin-left:5px}
.favorite-products,.favorite-orders{display:grid;gap:11px}.favorite-products article,.favorite-orders article{position:relative;border:1px solid var(--line);border-radius:17px;background:var(--panel);overflow:hidden}.fav-product-main{display:flex;align-items:center;gap:14px;width:100%;padding:12px 52px 12px 12px;text-align:left}.fav-product-main img{width:82px;height:82px;object-fit:cover;border-radius:13px;flex:none}.fav-product-main>span{display:flex;flex-direction:column;min-width:0}.fav-product-main b{font-family:var(--serif);font-size:18px}.fav-product-main small{color:var(--muted);font-size:11px;line-height:1.4;margin:4px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fav-product-main strong{color:var(--gold);font-size:12px}.fav-remove{position:absolute;right:12px;top:12px;width:34px;height:34px;border-radius:50%;background:rgba(232,71,43,.15);color:#ef6d5a;font-size:19px}
.favorite-orders article{padding:16px}.fav-order-head{display:flex;align-items:flex-start;gap:11px}.fav-order-head>span{color:#ef6d5a;font-size:21px}.fav-order-head>div{flex:1;min-width:0}.fav-order-head b{font-size:17px}.fav-order-head small{display:block;color:var(--muted);line-height:1.5;margin-top:4px}.fav-order-head>button{color:var(--muted);font-size:11px;padding:5px}.fav-order-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.fav-order-actions button{padding:11px 8px;border:1px solid var(--line2);border-radius:11px;color:var(--cream2);font-size:11px;font-weight:800}.fav-order-actions button:first-child{background:var(--fire);border-color:var(--fire);color:#fff}.fav-order-actions button:last-child:nth-child(3){grid-column:1/-1;color:var(--basil2)}
.success .card{position:relative}.success-close{position:absolute;right:15px;top:13px;width:42px;height:42px;border-radius:50%;background:var(--panel3);border:1px solid var(--line);color:var(--cream);font-size:29px;line-height:1;z-index:2}
@media(max-width:560px){.menu-hamburger{width:40px;height:40px}.ms-top{gap:8px}.ms-brand .lg{display:none}.map-card{height:280px}}@media(min-width:700px){.splash-menu-btn{top:24px;left:24px}.info-page>header{height:82px}}
.site-drawer .drawer-nav button span{display:grid;place-items:center}
.site-drawer .drawer-nav .ui-icon{width:21px;height:21px}
.about-hero .ui-icon{width:48px;height:48px}
.favorite-products .fav-remove .ui-icon,.fav-order-head .ui-icon{width:22px;height:22px;fill:currentColor;color:#ff6a55}
.icon-notifications{color:#f39a3c}
.notify-hero{text-align:center;padding:27px 18px 22px;border:1px solid rgba(243,154,60,.2);border-radius:22px;background:radial-gradient(circle at 50% 10%,rgba(232,71,43,.18),transparent 58%),var(--panel);margin-bottom:13px}.notify-hero>span{display:grid;place-items:center;width:66px;height:66px;margin:0 auto 14px;border-radius:21px;background:linear-gradient(145deg,#f45a34,#cf2f1d);box-shadow:0 16px 35px rgba(232,71,43,.24)}.notify-hero>span .ui-icon{width:31px;height:31px;color:#fff}.notify-hero small{display:block;color:var(--ember);font-size:8px;letter-spacing:1.7px;font-weight:900}.notify-hero h3{font-family:var(--serif);font-size:25px;line-height:1.08;margin:7px auto 9px;max-width:420px}.notify-hero p{color:var(--muted);font-size:12px;line-height:1.55;max-width:480px;margin:auto}
.notify-permission{display:flex;align-items:flex-start;gap:13px;padding:16px;border:1px solid rgba(243,154,60,.28);border-radius:17px;background:rgba(243,154,60,.07);margin-bottom:20px}.notify-permission>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:rgba(243,154,60,.13);flex:none}.notify-permission .ui-icon{width:21px;height:21px}.notify-permission>div{flex:1}.notify-permission b{display:block;font-size:14px}.notify-permission p{color:var(--muted);font-size:11px;line-height:1.5;margin-top:3px}.notify-permission button{padding:10px 13px;border-radius:10px;background:var(--fire);color:#fff;font-size:11px;font-weight:900;margin-top:11px}.notify-permission.allowed{border-color:rgba(134,196,122,.3);background:rgba(134,196,122,.07)}.notify-permission.allowed>span{background:rgba(134,196,122,.13)}.notify-permission.allowed .ui-icon{color:var(--basil2)}.notify-permission.blocked{border-color:var(--line);background:var(--panel)}.notify-permission.blocked .ui-icon{color:var(--muted)}
.notify-section-title{display:flex;align-items:center;justify-content:space-between;margin:0 2px 10px}.notify-section-title b{font-size:13px}.notify-section-title span{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:1px}.notify-demo-list{display:grid;gap:9px}.notify-demo-card{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:13px;border:1px solid var(--line);border-radius:16px;background:var(--panel);text-align:left;color:var(--cream);transition:.2s}.notify-demo-card:not(:disabled):active{transform:scale(.985)}.notify-demo-card:disabled{opacity:.48}.notify-demo-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:rgba(243,154,60,.1)}.notify-demo-icon .ui-icon{width:21px;height:21px}.notify-demo-card>span:nth-child(2){display:flex;flex-direction:column;min-width:0}.notify-demo-card small{color:var(--ember);font-size:8px;letter-spacing:1.2px;text-transform:uppercase;font-weight:900}.notify-demo-card b{font-size:14px;margin:3px 0}.notify-demo-card em{color:var(--muted);font-size:10px;line-height:1.4;font-style:normal}.notify-test{padding:8px 10px;border:1px solid var(--line2);border-radius:9px;color:var(--cream2);font-size:9px;font-weight:900}.notify-demo-card.green .notify-demo-icon,.notify-demo-card.green.sent{background:rgba(134,196,122,.09)}.notify-demo-card.green .ui-icon{color:var(--basil2)}.notify-demo-card.orange .ui-icon{color:#f39a3c}.notify-demo-card.blue .ui-icon{color:#70aee8}.notify-demo-card.gold .ui-icon{color:var(--gold)}.notify-demo-card.sent{border-color:rgba(134,196,122,.45)}.notify-demo-card.sent .notify-test{border-color:rgba(134,196,122,.4);color:var(--basil2)}
.notify-future{padding:17px;border:1px dashed var(--line2);border-radius:16px;margin-top:13px}.notify-future b{font-size:12px}.notify-future p{color:var(--muted);font-size:11px;line-height:1.55;margin-top:5px}
@media(max-width:430px){.notify-demo-card{grid-template-columns:41px minmax(0,1fr);gap:10px}.notify-demo-icon{width:41px;height:41px}.notify-test{grid-column:2;justify-self:start;margin-top:2px}}