@import url("https://fonts.googleapis.com/css2?family=Alexandria:wght@200;300;400;500;600;700;800&display=swap");
:root{
  --ink:#111111;--muted:#66635f;--paper:#f7f6f2;--white:#fff;--line:#dedbd3;
  --ice:#d9f1f4;--peach:#ffb180;--pink:#ff6aa8;--lime:#c9f56c;--lav:#c9baff;--sky:#75c8ff;--yellow:#ffd666;
  --radius:28px;--container:min(1240px,calc(100% - 40px));
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Alexandria","Helvetica Neue",Arial,sans-serif;background:var(--paper);color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased}body.drawer-open{overflow:hidden}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{color:inherit}::selection{background:var(--lime);color:var(--ink)}
.container{width:var(--container);margin-inline:auto}.section{padding:110px 0}.section-sm{padding:70px 0}.eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;display:flex;align-items:center;gap:10px}.eyebrow:before{content:"";width:28px;height:2px;background:currentColor}.display{font-size:clamp(64px,9vw,138px);letter-spacing:-.07em;line-height:.82;margin:0;font-weight:900}.title{font-size:clamp(38px,5vw,72px);line-height:.96;letter-spacing:-.045em;margin:0}.copy{font-size:clamp(17px,1.5vw,21px);color:var(--muted);max-width:640px}.small{font-size:13px;color:var(--muted)}
.site-header{position:fixed;z-index:100;top:0;left:0;right:0;padding:14px 0}.header-shell{width:min(1320px,calc(100% - 26px));margin:auto;background:rgba(247,246,242,.91);backdrop-filter:blur(18px);border:1px solid rgba(17,17,17,.10);border-radius:22px;display:flex;align-items:center;gap:24px;padding:10px 12px 10px 16px}.brand{display:flex;align-items:center;min-width:148px}.brand img{width:122px;height:54px;object-fit:contain;object-position:center;mix-blend-mode:multiply}.desktop-nav{margin-left:auto;display:flex;align-items:center;gap:6px}.desktop-nav a{padding:11px 13px;border-radius:13px;font-weight:750;font-size:14px}.desktop-nav a:hover,.desktop-nav a.active{background:var(--white)}.header-actions{display:flex;align-items:center;gap:7px}.icon-btn,.lang-btn,.cart-btn{height:44px;border:1px solid rgba(17,17,17,.12);background:var(--white);border-radius:14px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-weight:800}.lang-btn{padding:0 13px;min-width:50px}.cart-btn{gap:8px;padding:0 14px}.cart-count{min-width:22px;height:22px;border-radius:99px;background:var(--ink);color:white;display:inline-grid;place-items:center;font-size:11px}.menu-toggle{display:none;width:44px}.menu-toggle span,.menu-toggle:before,.menu-toggle:after{content:"";display:block;width:18px;height:2px;background:var(--ink);margin:3px auto}
.nav-drawer{position:fixed;z-index:160;inset:0 0 0 auto;width:min(430px,100%);background:var(--paper);padding:20px;transform:translateX(105%);transition:.35s cubic-bezier(.2,.8,.2,1);border-left:1px solid var(--line);display:flex;flex-direction:column}.drawer-open .nav-drawer{transform:none}.drawer-top{display:flex;justify-content:space-between;align-items:center}.drawer-logo{width:130px;mix-blend-mode:multiply}.drawer-close{width:46px;height:46px;border:1px solid var(--line);background:white;border-radius:14px;font-size:26px;cursor:pointer}.drawer-links{display:grid;margin-top:50px}.drawer-links a{font-size:clamp(30px,7vw,48px);font-weight:900;letter-spacing:-.04em;padding:8px 0;border-bottom:1px solid var(--line)}.drawer-bottom{margin-top:auto;display:grid;gap:10px}.drawer-bottom a,.drawer-bottom button{background:white;border:1px solid var(--line);padding:13px 15px;border-radius:14px;text-align:center;font-weight:800}
.hero{min-height:850px;padding:140px 0 70px;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:42px;align-items:center;min-height:690px}.hero-copy{position:relative;z-index:2}.hero-copy .display{max-width:760px}.hero-copy p{max-width:590px;margin:28px 0}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.btn{border:1px solid var(--ink);border-radius:15px;min-height:50px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:850;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-dark{background:var(--ink);color:white}.btn-light{background:var(--white)}.btn-pink{background:var(--pink)}.btn-lime{background:var(--lime)}.hero-visual{height:680px;border-radius:44px;overflow:hidden;position:relative;background:#d7d7d2;border:1px solid rgba(17,17,17,.08)}.hero-visual video{width:100%;height:100%;object-fit:cover}.hero-visual:after{content:"";position:absolute;inset:0;border:18px solid rgba(255,255,255,.12);border-radius:44px;pointer-events:none}.sticker{position:absolute;z-index:4;border:1px solid var(--ink);border-radius:999px;padding:12px 17px;font-weight:900;background:white;transform:rotate(-4deg)}.sticker.s1{top:8%;right:5%;background:var(--lime)}.sticker.s2{bottom:10%;left:-4%;background:var(--pink);transform:rotate(6deg)}.sticker.s3{top:38%;left:-6%;background:var(--yellow);transform:rotate(-8deg)}.orb{position:absolute;border-radius:50%;z-index:0}.orb.a{width:290px;height:290px;background:var(--ice);left:-90px;top:80px}.orb.b{width:160px;height:160px;background:var(--lav);left:47%;bottom:20px}.squiggle{display:inline-block;position:relative}.squiggle:after{content:"";position:absolute;left:2%;right:1%;height:10px;background:var(--pink);bottom:-4px;border-radius:99px;transform:rotate(-2deg);z-index:-1}.ticker{background:var(--ink);color:white;overflow:hidden;padding:15px 0}.ticker-track{display:flex;gap:40px;width:max-content;animation:ticker 28s linear infinite;font-weight:850;letter-spacing:.06em;text-transform:uppercase;font-size:13px}.ticker-track span:after{content:"✦";margin-left:40px;color:var(--lime)}@keyframes ticker{to{transform:translateX(-50%)}}
.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:42px}.section-head .copy{margin:0}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{background:white;border:1px solid var(--line);border-radius:26px;overflow:hidden;position:relative;transition:.25s}.product-card:hover{transform:translateY(-5px)}.product-photo{aspect-ratio:1/1;overflow:hidden;background:#eee}.product-photo img{width:100%;height:100%;object-fit:cover;transition:.5s}.product-card:hover .product-photo img{transform:scale(1.035)}.product-info{padding:18px}.product-top{display:flex;justify-content:space-between;gap:16px;align-items:start}.product-info h3{margin:0;font-size:21px;line-height:1.08;letter-spacing:-.025em}.product-desc{font-size:14px;color:var(--muted);min-height:42px;margin:10px 0 16px}.price{font-size:14px;font-weight:900}.add{width:44px;height:44px;min-width:44px;border-radius:13px;border:1px solid var(--ink);background:var(--ink);color:white;font-size:24px;cursor:pointer;display:grid;place-items:center}.add:hover{background:var(--lime);color:var(--ink)}.tag{display:inline-flex;border:1px solid var(--line);padding:5px 9px;border-radius:999px;font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;margin-bottom:10px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0 30px}.filter-btn{border:1px solid var(--line);background:white;border-radius:999px;padding:10px 14px;font-weight:800;cursor:pointer}.filter-btn.active{background:var(--ink);color:white;border-color:var(--ink)}.menu-toolbar{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px}.search-box{background:white;border:1px solid var(--line);border-radius:16px;padding:13px 16px;display:flex;gap:10px;align-items:center}.search-box input{border:0;outline:0;background:transparent;width:100%;font-weight:700}.menu-note{background:var(--ice);border:1px solid var(--ink);border-radius:16px;padding:12px 16px;font-size:13px;font-weight:800}
.mood-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-template-rows:320px 260px;gap:14px}.mood-grid figure{margin:0;border-radius:28px;overflow:hidden;border:1px solid var(--line);position:relative}.mood-grid figure:first-child{grid-row:1/3}.mood-grid figure:last-child{grid-column:2/4}.mood-grid img{width:100%;height:100%;object-fit:cover}.mood-grid figcaption{position:absolute;bottom:12px;left:12px;background:rgba(255,255,255,.9);padding:9px 12px;border-radius:12px;font-weight:850;font-size:13px}.feature-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.feature-card{min-height:220px;border:1px solid var(--ink);border-radius:25px;padding:24px;display:flex;flex-direction:column;justify-content:space-between}.feature-card:nth-child(1){background:var(--ice)}.feature-card:nth-child(2){background:var(--peach)}.feature-card:nth-child(3){background:var(--lime)}.feature-card:nth-child(4){background:var(--lav)}.feature-num{font-size:12px;font-weight:900}.feature-card h3{font-size:30px;line-height:.95;letter-spacing:-.04em;margin:0}.feature-card p{margin:10px 0 0;font-size:14px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:18px}.split-card{border-radius:34px;min-height:520px;overflow:hidden;position:relative;border:1px solid var(--line)}.split-card img,.split-card video{width:100%;height:100%;object-fit:cover}.split-copy{padding:48px;background:white;display:flex;flex-direction:column;justify-content:center}.delivery-panel{background:var(--ink);color:white;border-radius:36px;padding:50px;display:grid;grid-template-columns:1.25fr .75fr;gap:30px;align-items:center}.delivery-panel .copy{color:#d5d1c9}.app-pills{display:flex;flex-wrap:wrap;gap:9px}.app-pill{border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:11px 15px;background:#1f1f1f;font-weight:850}.app-pill:hover{background:white;color:black}.app-pill.light{background:white;color:black;border-color:var(--line)}
.page-hero{padding:180px 0 85px;position:relative;overflow:hidden}.page-hero-grid{display:grid;grid-template-columns:1fr .65fr;gap:60px;align-items:end}.page-hero .display{font-size:clamp(62px,8vw,120px)}.page-hero .copy{margin:0}.page-blob{position:absolute;width:260px;height:260px;border-radius:50%;right:5%;top:110px;background:var(--peach);z-index:-1}.story-hero-media{height:620px;border-radius:40px;overflow:hidden;border:1px solid var(--line)}.story-hero-media video{width:100%;height:100%;object-fit:cover}.story-copy-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}.story-copy-grid h2{position:sticky;top:120px;align-self:start}.story-copy-grid .prose{font-size:21px;color:#4d4a46}.story-copy-grid .prose p{margin:0 0 25px}.quote-card{background:var(--pink);border:1px solid var(--ink);border-radius:30px;padding:45px;font-size:clamp(30px,4vw,60px);font-weight:900;letter-spacing:-.05em;line-height:.95}.story-values{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.value-card{border:1px solid var(--line);background:white;border-radius:24px;padding:28px}.value-card h3{font-size:26px;margin:18px 0 8px}.value-icon{width:52px;height:52px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-size:22px;background:var(--lime)}
.booking-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:50px;align-items:start}.booking-side{position:sticky;top:120px}.booking-side h2{font-size:clamp(42px,5vw,70px);line-height:.95;letter-spacing:-.05em}.booking-points{display:grid;gap:10px;margin-top:30px}.booking-points span{border-top:1px solid var(--line);padding:12px 0;display:flex;gap:18px;font-size:13px}.form-card{background:white;border:1px solid var(--line);border-radius:30px;padding:30px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-card label,.checkout-panel label,.full-label{display:grid;gap:8px;font-size:13px;font-weight:800}.form-card input,.form-card select,.form-card textarea,.checkout-panel input,.checkout-panel select,.checkout-panel textarea{width:100%;border:1px solid #cbc7bf;border-radius:14px;padding:13px 14px;background:#fbfaf7;outline:none;color:var(--ink)}.form-card input:focus,.form-card select:focus,.form-card textarea:focus,.checkout-panel input:focus,.checkout-panel select:focus,.checkout-panel textarea:focus{border-color:var(--ink)}.form-span{grid-column:1/-1}.full-label{margin-top:18px}.choices{border:0;padding:0;margin:24px 0}.choices legend{font-size:13px;font-weight:900;margin-bottom:12px}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.check-choice{display:flex!important;align-items:center;grid-template-columns:auto 1fr!important;gap:10px!important;border:1px solid var(--line);border-radius:14px;padding:12px;background:#fbfaf7;cursor:pointer}.check-choice input{width:auto!important}.form-submit{width:100%;margin-top:20px}.form-note{font-size:12px;color:var(--muted);text-align:center}.package-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:30px}.package-card{border:1px solid var(--ink);border-radius:24px;padding:22px;min-height:210px;background:white}.package-card:nth-child(2){background:var(--ice)}.package-card:nth-child(3){background:var(--peach)}.package-card:nth-child(4){background:var(--lime)}.package-card h3{font-size:25px;margin:25px 0 8px;line-height:1}.package-card p{font-size:13px;margin:0}
.branch-card{background:white;border:1px solid var(--line);border-radius:34px;display:grid;grid-template-columns:.9fr 1.1fr;overflow:hidden}.branch-media{min-height:570px}.branch-media img{width:100%;height:100%;object-fit:cover}.branch-info{padding:50px;display:flex;flex-direction:column;justify-content:center}.branch-info h2{font-size:clamp(42px,5vw,70px);line-height:.95;margin:10px 0 20px;letter-spacing:-.05em}.info-list{display:grid;gap:14px;margin:28px 0}.info-item{border-top:1px solid var(--line);padding-top:13px;display:grid;grid-template-columns:130px 1fr;gap:20px}.coverage{display:flex;gap:8px;flex-wrap:wrap}.coverage span{border:1px solid var(--line);background:#fbfaf7;padding:8px 11px;border-radius:999px;font-size:12px;font-weight:800}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px}.contact-panel{border:1px solid var(--line);background:white;border-radius:28px;padding:34px}.contact-panel h3{font-size:34px;line-height:1;margin:0 0 25px;letter-spacing:-.04em}.contact-links{display:grid;gap:10px}.contact-link{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:14px 0;font-weight:800}.contact-link span:last-child{color:var(--muted)}
.checkout-layout{display:grid;grid-template-columns:1fr .82fr;gap:28px;align-items:start}.cart-panel,.checkout-panel{background:white;border:1px solid var(--line);border-radius:28px;padding:26px}.checkout-panel{position:sticky;top:110px}.cart-row{display:grid;grid-template-columns:80px 1fr auto;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.cart-thumb{width:80px;height:80px;border-radius:15px;object-fit:cover}.cart-row h4{margin:0 0 6px;font-size:17px}.qty{display:flex;align-items:center;gap:10px}.qty button{width:34px;height:34px;border:1px solid var(--line);background:#faf9f6;border-radius:10px;cursor:pointer}.cart-price{font-size:13px;font-weight:900;margin-top:6px}.cart-empty{padding:60px 20px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:20px}.checkout-total{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:20px;padding-top:18px;font-size:22px;font-weight:900}.method-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px}.method-option input{display:none}.method-option span{display:block;text-align:center;border:1px solid var(--line);border-radius:13px;padding:12px;font-weight:850;cursor:pointer}.method-option input:checked+span{background:var(--ink);color:white;border-color:var(--ink)}.delivery-status{border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin:14px 0;font-size:13px;background:#f5f4f0}.delivery-status.ok{background:#e8f7d1;border-color:#90bd4c}.delivery-status.no{background:#ffe4ee;border-color:#d87b9d}.external-order{display:none;margin-top:18px;padding:18px;border-radius:18px;background:#f0edf8}.external-order.show{display:block}.empty-cta{margin-top:15px}
.footer{padding:70px 0 28px;border-top:1px solid var(--line);background:#efede7}.footer-grid{display:grid;grid-template-columns:1.1fr repeat(3,.7fr);gap:35px}.footer-logo{width:150px;mix-blend-mode:multiply;margin-bottom:15px}.footer h4{font-size:12px;letter-spacing:.13em;text-transform:uppercase;margin:0 0 14px}.footer a,.footer button{display:block;margin:9px 0;color:#4d4a46;background:none;border:0;padding:0;text-align:start;cursor:pointer}.footer-bottom{border-top:1px solid #d3cfc7;margin-top:45px;padding-top:22px;display:flex;justify-content:space-between;gap:30px;font-size:12px;color:var(--muted)}
.reveal{opacity:0;transform:translateY(18px);transition:.65s ease}.reveal.visible{opacity:1;transform:none}.toast{position:fixed;z-index:300;left:50%;bottom:25px;transform:translate(-50%,20px);background:var(--ink);color:white;border-radius:14px;padding:12px 18px;font-weight:800;font-size:13px;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}
[dir="rtl"] .desktop-nav{margin-left:0;margin-right:auto}[dir="rtl"] .eyebrow:before{order:2}[dir="rtl"] .mood-grid figcaption{left:auto;right:12px}[dir="rtl"] .footer a,[dir="rtl"] .footer button{text-align:right}[dir="rtl"] .drawer-links,[dir="rtl"] .drawer-bottom{text-align:right}
@media(max-width:1050px){.desktop-nav{display:none}.menu-toggle{display:inline-block}.hero-grid{grid-template-columns:1fr 1fr}.product-grid{grid-template-columns:repeat(2,1fr)}.feature-strip,.package-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.booking-layout{grid-template-columns:1fr}.booking-side{position:static}.branch-card{grid-template-columns:1fr}.branch-media{min-height:480px}.checkout-layout{grid-template-columns:1fr}.checkout-panel{position:static}}
@media(max-width:760px){:root{--container:min(100% - 24px,1240px)}.site-header{padding:8px 0}.header-shell{width:calc(100% - 14px);padding:7px 8px 7px 12px;border-radius:18px}.brand{min-width:0}.brand img{width:95px;height:44px}.lang-btn{height:40px}.cart-btn{height:40px;padding:0 10px}.cart-btn .cart-text{display:none}.menu-toggle{height:40px;width:40px}.hero{padding:105px 0 40px;min-height:auto}.hero-grid{grid-template-columns:1fr;gap:26px;min-height:auto}.hero-copy .display{font-size:clamp(62px,19vw,104px)}.hero-copy p{margin:20px 0}.hero-visual{height:560px;border-radius:30px}.hero-visual:after{border-width:10px;border-radius:30px}.sticker{font-size:12px;padding:9px 12px}.sticker.s2{left:2%}.sticker.s3{left:2%}.section{padding:72px 0}.section-sm{padding:48px 0}.section-head{display:block}.section-head .copy{margin-top:16px}.product-grid{grid-template-columns:1fr 1fr;gap:10px}.product-info{padding:13px}.product-info h3{font-size:16px}.product-desc{font-size:12px;min-height:54px}.add{width:38px;height:38px;min-width:38px}.tag{font-size:8px}.mood-grid{grid-template-columns:1fr 1fr;grid-template-rows:300px 220px 240px}.mood-grid figure:first-child{grid-column:1/3;grid-row:auto}.mood-grid figure:last-child{grid-column:1/3}.feature-strip{grid-template-columns:1fr 1fr}.feature-card{min-height:175px;padding:18px}.feature-card h3{font-size:23px}.split{grid-template-columns:1fr}.split-card{min-height:420px}.split-copy{padding:32px;min-height:360px}.delivery-panel{grid-template-columns:1fr;padding:30px;border-radius:28px}.page-hero{padding:130px 0 55px}.page-hero-grid{grid-template-columns:1fr;gap:25px}.page-blob{width:150px;height:150px;top:105px}.story-hero-media{height:520px;border-radius:28px}.story-copy-grid{grid-template-columns:1fr;gap:25px}.story-copy-grid h2{position:static}.story-copy-grid .prose{font-size:18px}.story-values{grid-template-columns:1fr}.quote-card{padding:30px}.form-grid{grid-template-columns:1fr}.form-span{grid-column:auto}.choice-grid{grid-template-columns:1fr}.package-grid{grid-template-columns:1fr 1fr}.package-card{min-height:180px}.branch-media{min-height:370px}.branch-info{padding:30px}.info-item{grid-template-columns:1fr;gap:4px}.contact-grid{grid-template-columns:1fr}.menu-toolbar{grid-template-columns:1fr}.checkout-layout{gap:14px}.cart-panel,.checkout-panel{padding:18px}.cart-row{grid-template-columns:64px 1fr}.cart-thumb{width:64px;height:64px}.qty{grid-column:2;justify-content:flex-start}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}}
@media(max-width:430px){.product-grid{grid-template-columns:1fr}.feature-strip,.package-grid{grid-template-columns:1fr}.hero-visual{height:510px}.display{font-size:58px}.footer-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* 2026-08 top-right actions + persistent bottom navigation */
.header-shell{direction:ltr;justify-content:space-between}
.desktop-nav{display:none!important}
.header-actions{margin-left:auto;display:flex;align-items:center;gap:8px}
.menu-toggle{display:inline-flex!important;width:auto;padding:0 14px;gap:9px}
.menu-toggle .hamburger{display:grid;gap:4px;width:18px}
.menu-toggle .hamburger i{display:block;width:18px;height:2px;background:var(--ink);border-radius:99px;margin:0}
.menu-toggle .menu-label{font-size:13px;font-weight:850;line-height:1}
.menu-toggle:before,.menu-toggle:after{display:none!important}
.action-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

.bottom-nav{position:fixed;z-index:145;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(420px,calc(100% - 24px));height:72px;padding:7px;background:rgba(247,246,242,.94);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(17,17,17,.12);box-shadow:0 14px 42px rgba(17,17,17,.14);border-radius:24px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;direction:ltr}
.bottom-nav-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:18px;font-size:10px;font-weight:900;letter-spacing:.01em;color:var(--ink);transition:.2s;background:transparent;min-width:0}
.bottom-nav-item svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.bottom-nav-item:hover,.bottom-nav-item.active{background:white;transform:translateY(-1px)}
.bottom-nav-item.bottom-home{background:var(--ink);color:white}
.bottom-nav-item.bottom-home.active{background:var(--lime);color:var(--ink)}
.bottom-cart-count{position:absolute;top:7px;right:calc(50% - 25px);min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:var(--pink);color:var(--ink);font-size:10px;display:grid;place-items:center;border:1px solid var(--ink);line-height:1}
body{padding-bottom:96px}
.toast{bottom:108px}

@media(max-width:760px){
  .header-shell{padding:7px 8px 7px 12px}
  .header-actions{gap:5px}
  .lang-btn{min-width:44px;padding:0 9px}
  .cart-btn{padding:0 9px;gap:5px}
  .cart-btn .cart-text{display:none}
  .menu-toggle{height:40px;padding:0 10px;gap:0}
  .menu-toggle .menu-label{display:none}
  .menu-toggle .hamburger,.menu-toggle .hamburger i{width:17px}
  .action-icon{width:17px;height:17px}
  .bottom-nav{bottom:max(8px,env(safe-area-inset-bottom));width:calc(100% - 16px);height:68px;border-radius:21px;padding:6px}
  .bottom-nav-item{border-radius:16px;font-size:10px}
  .bottom-nav-item svg{width:21px;height:21px}
  .bottom-cart-count{top:6px}
  body{padding-bottom:88px}
  .toast{bottom:96px}
}

@media(max-width:390px){
  .brand img{width:88px}
  .header-actions{gap:4px}
  .lang-btn{min-width:40px;padding:0 7px}
  .cart-btn{padding:0 7px}
  .menu-toggle{padding:0 8px}
}


/* Menu-only refinements: no top-right navigation drawer, swipeable categories, grid menu */
.menu-toggle,.nav-drawer{display:none!important}
.header-actions{margin-left:auto}

.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.product-card{border-radius:20px}
.product-info{padding:15px}
.product-info h3{font-size:18px}
.product-desc{min-height:42px;margin:8px 0 12px;font-size:13px}
.product-photo{aspect-ratio:1/1}
.add{width:40px;height:40px;min-width:40px;border-radius:12px}

.category-slider{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 42px;gap:8px;align-items:center;margin:25px 0 30px}
.filters{display:flex;flex-wrap:nowrap;gap:9px;margin:0;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scroll-behavior:smooth;scrollbar-width:none;padding:3px 1px 5px}
.filters::-webkit-scrollbar{display:none}
.filter-btn{flex:0 0 auto;scroll-snap-align:start;white-space:nowrap;padding:11px 17px;box-shadow:0 3px 12px rgba(17,17,17,.04)}
.category-arrow{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:white;display:grid;place-items:center;font-size:27px;line-height:1;cursor:pointer;box-shadow:0 4px 14px rgba(17,17,17,.07);z-index:2}
.category-arrow:hover{background:var(--ink);color:#fff;border-color:var(--ink)}

@media(max-width:1050px){
  .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .product-card{border-radius:16px}
  .product-info{padding:11px}
  .product-info h3{font-size:14px;line-height:1.1}
  .product-desc{font-size:11px;line-height:1.35;min-height:44px;margin:7px 0 9px}
  .price{font-size:12px}
  .add{width:34px;height:34px;min-width:34px;border-radius:10px;font-size:20px}
  .tag{font-size:7px;padding:4px 7px;margin-bottom:7px}
  .category-slider{display:block;margin:18px 0 24px}
  .filters{margin:0 calc(var(--container) * 0);padding:2px 2px 7px}
  .filter-btn{padding:10px 15px;font-size:13px}
  .category-arrow{display:none}
}
@media(max-width:430px){
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .product-info{padding:9px}
  .product-info h3{font-size:13px}
  .product-desc{font-size:10.5px;min-height:42px}
  .add{width:31px;height:31px;min-width:31px;font-size:18px}
}


/* Polished menu page heading */
.menu-heading-hero{padding:150px 0 58px;min-height:0;background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,0));}
.menu-heading-hero .page-blob{width:210px;height:210px;right:8%;top:112px;background:var(--lime);opacity:.78;filter:blur(.2px)}
.menu-heading-wrap{position:relative;z-index:1;text-align:center;display:flex;flex-direction:column;align-items:center}
.menu-heading-kicker{display:inline-flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.22em;font-weight:900;padding:9px 13px;border:1px solid var(--ink);border-radius:999px;background:var(--white);box-shadow:0 5px 0 var(--ink);margin-bottom:22px}
.menu-heading-kicker:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--pink);border:1px solid var(--ink)}
.menu-heading-title{margin:0;font-size:clamp(58px,9vw,124px);line-height:.82;letter-spacing:-.07em;font-weight:950;text-transform:uppercase}
.menu-heading-copy{max-width:680px;margin:22px auto 0;color:var(--muted);font-size:clamp(15px,1.5vw,19px);line-height:1.55}
.menu-heading-pill{margin-top:20px;padding:9px 14px;border-radius:999px;background:var(--ice);border:1px solid var(--line);font-size:12px;font-weight:850}
@media(max-width:760px){.menu-heading-hero{padding:112px 0 40px}.menu-heading-hero .page-blob{width:120px;height:120px;right:-15px;top:102px}.menu-heading-kicker{font-size:9px;letter-spacing:.18em;margin-bottom:17px;padding:8px 11px;box-shadow:0 4px 0 var(--ink)}.menu-heading-title{font-size:clamp(50px,17vw,78px);line-height:.84}.menu-heading-copy{font-size:14px;max-width:340px;margin-top:17px}.menu-heading-pill{font-size:11px;margin-top:14px}}


/* Bottom Menu -> category chooser */
.bottom-menu-trigger{border:0;cursor:pointer;padding:0;width:100%}
body.category-popup-open{overflow:hidden}
.category-popup{position:fixed;inset:0;z-index:220;pointer-events:none;visibility:hidden}
.category-popup-backdrop{position:absolute;inset:0;border:0;padding:0;background:rgba(17,17,17,.42);opacity:0;transition:opacity .25s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);cursor:pointer}
.category-sheet{position:absolute;left:50%;bottom:0;width:min(560px,100%);max-height:min(72vh,650px);overflow:auto;transform:translate(-50%,105%);background:var(--paper);border:1px solid rgba(17,17,17,.12);border-bottom:0;border-radius:30px 30px 0 0;padding:11px 20px calc(102px + env(safe-area-inset-bottom));box-shadow:0 -24px 70px rgba(17,17,17,.2);transition:transform .34s cubic-bezier(.2,.8,.2,1)}
.category-popup.open{pointer-events:auto;visibility:visible}
.category-popup.open .category-popup-backdrop{opacity:1}
.category-popup.open .category-sheet{transform:translate(-50%,0)}
.category-sheet-handle{width:44px;height:5px;border-radius:99px;background:#c9c6bf;margin:0 auto 14px}
.category-sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}
.category-sheet-kicker{font-size:10px;letter-spacing:.18em;font-weight:900;color:var(--muted);margin-bottom:4px}
.category-sheet-head h2{font-size:28px;line-height:1.05;letter-spacing:-.04em;margin:0}
.category-sheet-close{width:42px;height:42px;min-width:42px;border-radius:50%;border:1px solid var(--line);background:white;font-size:28px;line-height:1;display:grid;place-items:center;cursor:pointer}
.category-popup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.category-popup-item{min-height:88px;border:1px solid var(--line);border-radius:19px;background:white;padding:13px 14px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;text-align:left;cursor:pointer;transition:.18s ease;box-shadow:0 4px 14px rgba(17,17,17,.035)}
.category-popup-item:hover{transform:translateY(-2px);border-color:rgba(17,17,17,.35)}
.category-popup-item.active{background:var(--ink);color:white;border-color:var(--ink);box-shadow:0 8px 22px rgba(17,17,17,.18)}
.category-popup-icon{width:40px;height:40px;border:1px solid currentColor;border-radius:13px;display:grid;place-items:center;font-size:18px;background:rgba(255,255,255,.55)}
.category-popup-item.active .category-popup-icon{background:white;color:var(--ink)}
.category-popup-label{font-size:14px;font-weight:900;line-height:1.1}
.category-popup-count{min-width:27px;height:27px;padding:0 7px;border-radius:99px;background:var(--paper);color:var(--ink);display:grid;place-items:center;font-size:10px;font-weight:900}
.category-popup-item.active .category-popup-count{background:var(--lime)}
[dir="rtl"] .category-popup-item{text-align:right;grid-template-columns:auto 1fr 42px}
[dir="rtl"] .category-popup-icon{grid-column:3}
[dir="rtl"] .category-popup-label{grid-column:2;grid-row:1}
[dir="rtl"] .category-popup-count{grid-column:1;grid-row:1}
@media(max-width:560px){
  .category-sheet{width:100%;border-radius:27px 27px 0 0;padding:10px 14px calc(92px + env(safe-area-inset-bottom));max-height:76vh}
  .category-sheet-head{margin-bottom:14px;padding:0 2px}
  .category-sheet-head h2{font-size:25px}
  .category-popup-grid{gap:8px}
  .category-popup-item{min-height:76px;border-radius:16px;padding:10px;grid-template-columns:36px 1fr auto;gap:8px}
  .category-popup-icon{width:35px;height:35px;border-radius:11px;font-size:16px}
  .category-popup-label{font-size:13px}
  [dir="rtl"] .category-popup-item{grid-template-columns:auto 1fr 36px}
}
@media(max-width:370px){
  .category-popup-grid{grid-template-columns:1fr}
  .category-popup-item{min-height:64px}
}


/* Table selection cart: view-only, designed to show directly to the waiter */
body.selection-popup-open{overflow:hidden}
.selection-popup{position:fixed;inset:0;z-index:170;pointer-events:none;visibility:hidden}
.selection-popup.open{pointer-events:auto;visibility:visible}
.selection-popup-backdrop{position:absolute;inset:0;border:0;background:rgba(17,17,17,.46);opacity:0;transition:opacity .25s ease;cursor:pointer}
.selection-popup.open .selection-popup-backdrop{opacity:1}
.selection-sheet{position:absolute;left:50%;bottom:0;width:min(620px,100%);max-height:min(84vh,780px);overflow:auto;transform:translate(-50%,105%);background:var(--paper);border:1px solid rgba(17,17,17,.12);border-bottom:0;border-radius:30px 30px 0 0;padding:11px 20px calc(28px + env(safe-area-inset-bottom));box-shadow:0 -24px 70px rgba(17,17,17,.22);transition:transform .34s cubic-bezier(.2,.8,.2,1)}
.selection-popup.open .selection-sheet{transform:translate(-50%,0)}
.selection-sheet-handle{width:44px;height:5px;border-radius:99px;background:#c9c6bf;margin:0 auto 14px}
.selection-sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}
.selection-sheet-head>div{min-width:0}.selection-sheet-kicker{font-size:10px;letter-spacing:.18em;font-weight:900;color:var(--muted);margin-bottom:5px}
.selection-sheet-head h2{font-size:28px;line-height:1.05;letter-spacing:-.04em;margin:0 0 8px}.selection-sheet-head p{margin:0;color:var(--muted);font-size:13px;line-height:1.45;max-width:430px}
.selection-sheet-close{width:42px;height:42px;min-width:42px;border-radius:50%;border:1px solid var(--line);background:white;font-size:28px;line-height:1;display:grid;place-items:center;cursor:pointer}
.selection-list{display:grid;gap:0}.selection-list .cart-empty{margin:8px 0 18px;padding:38px 18px;background:white}
.selection-list .cart-row{grid-template-columns:72px 1fr auto;background:white;padding:12px;border:1px solid var(--line);border-bottom:0;gap:12px}
.selection-list .cart-row:first-child{border-radius:18px 18px 0 0}.selection-list .cart-row:last-of-type{border-bottom:1px solid var(--line);border-radius:0 0 18px 18px}
.selection-list .cart-thumb{width:72px;height:72px;border-radius:12px}.selection-list .cart-row h4{font-size:15px;margin-bottom:3px}.selection-list .small{font-size:10px;text-transform:uppercase;letter-spacing:.08em}.selection-list .cart-price{margin-top:4px}
.selection-list .qty{align-self:center}.selection-list .qty button{width:32px;height:32px;border-radius:50%;font-size:18px;background:#f7f6f2}.selection-list .qty b{min-width:18px;text-align:center}
.cart-remove{border:0;background:none;padding:4px 0;color:#777;cursor:pointer;font-size:11px;text-decoration:underline}
.clear-selection{margin:12px auto 2px;display:block;border:0;background:none;text-decoration:underline;cursor:pointer;font-size:12px;font-weight:750;color:var(--muted)}
.selection-summary{display:flex;justify-content:space-between;align-items:center;margin:16px 0 10px;padding:17px 18px;background:var(--ink);color:white;border-radius:17px;font-weight:850}.selection-summary strong{font-size:24px;letter-spacing:-.03em}
.waiter-note{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--ink);border-radius:17px;background:#d9f3f7}.waiter-note-icon{width:34px;height:34px;min-width:34px;border-radius:50%;background:var(--ink);color:white;display:grid;place-items:center;font-weight:900}.waiter-note strong{font-size:13px}.waiter-note p{margin:2px 0 0;font-size:12px;color:#454545}
@media(max-width:760px){.selection-sheet{width:100%;max-height:82vh;border-radius:27px 27px 0 0;padding:10px 14px calc(18px + env(safe-area-inset-bottom))}.selection-sheet-head h2{font-size:24px}.selection-list .cart-row{grid-template-columns:62px 1fr auto;gap:10px}.selection-list .cart-thumb{width:62px;height:62px}.selection-list .qty{grid-column:auto;justify-content:flex-end;gap:6px}.selection-list .qty button{width:30px;height:30px}.selection-summary{margin-top:14px}.selection-summary strong{font-size:21px}}

/* Clean menu-only footer */
.footer-grid{grid-template-columns:1.15fr .7fr .85fr}
.footer-bottom{justify-content:flex-start}
@media(max-width:1050px){.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.footer-grid{grid-template-columns:1fr}}

/* Bottom quick links: location + delivery */
.bottom-nav.bottom-nav-five{width:min(560px,calc(100% - 18px));grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
.bottom-nav.bottom-nav-five .bottom-nav-item{padding:0 3px;font-size:9px}
.bottom-nav.bottom-nav-five .bottom-nav-item svg{width:20px;height:20px}
.bottom-nav.bottom-nav-five .bottom-home{transform:none}
.bottom-nav.bottom-nav-five .bottom-home:hover{transform:translateY(-1px)}

body.delivery-popup-open,body.location-popup-open{overflow:hidden}
.info-popup{position:fixed;inset:0;z-index:225;pointer-events:none;visibility:hidden}
.info-popup.open{pointer-events:auto;visibility:visible}
.info-popup-backdrop{position:absolute;inset:0;border:0;padding:0;background:rgba(17,17,17,.44);opacity:0;transition:opacity .25s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);cursor:pointer}
.info-popup.open .info-popup-backdrop{opacity:1}
.info-sheet{position:absolute;left:50%;bottom:0;width:min(620px,100%);max-height:min(82vh,720px);overflow:auto;transform:translate(-50%,105%);transition:transform .3s cubic-bezier(.2,.8,.2,1);background:var(--paper);border-radius:28px 28px 0 0;padding:10px 18px calc(28px + env(safe-area-inset-bottom));box-shadow:0 -18px 60px rgba(17,17,17,.18)}
.info-popup.open .info-sheet{transform:translate(-50%,0)}
.info-sheet-handle{width:44px;height:5px;border-radius:999px;background:rgba(17,17,17,.18);margin:0 auto 18px}
.info-sheet-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px}
.info-sheet-kicker{font-size:10px;font-weight:950;letter-spacing:.13em;margin-bottom:6px;opacity:.56}
.info-sheet-head h2{margin:0 0 6px;font-size:clamp(24px,5vw,34px);line-height:1}
.info-sheet-head p{margin:0;max-width:440px;font-size:13px;line-height:1.45;opacity:.65}
.info-sheet-close{flex:0 0 auto;width:42px;height:42px;border:1px solid var(--line);border-radius:14px;background:white;font-size:26px;line-height:1;display:grid;place-items:center;cursor:pointer}
.link-popup-list{display:grid;gap:9px}
.external-link-card,.map-link-card{display:grid;grid-template-columns:48px 1fr 22px;align-items:center;gap:12px;min-height:72px;padding:10px 13px;border:1px solid var(--line);border-radius:18px;background:white;color:var(--ink);text-decoration:none;box-shadow:0 4px 16px rgba(17,17,17,.035);transition:.18s ease}
.external-link-card:hover,.map-link-card:hover{transform:translateY(-2px);border-color:rgba(17,17,17,.34);box-shadow:0 10px 24px rgba(17,17,17,.08)}
.external-link-icon,.map-pin-icon{width:46px;height:46px;border-radius:14px;background:var(--ink);color:white;display:grid;place-items:center;font-size:17px;font-weight:950}
.external-link-card:nth-child(1) .external-link-icon{background:#ff5a00}
.external-link-card:nth-child(2) .external-link-icon{background:#7b2cff}
.external-link-card:nth-child(3) .external-link-icon{background:#111}
.external-link-card:nth-child(4) .external-link-icon{background:#ffd92f;color:#111}
.external-link-card strong,.map-link-card strong{display:block;font-size:14px;font-weight:950;margin-bottom:3px}
.external-link-card small,.map-link-card small{display:block;font-size:11px;line-height:1.3;opacity:.58}
.external-link-card>svg,.map-arrow{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.62}
.location-sheet{padding-bottom:calc(32px + env(safe-area-inset-bottom))}
.map-link-card{min-height:88px;padding:14px}
.map-pin-icon{background:var(--lime);color:var(--ink)}
.map-pin-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
[dir="rtl"] .external-link-card,[dir="rtl"] .map-link-card{grid-template-columns:22px 1fr 48px;text-align:right}
[dir="rtl"] .external-link-card .external-link-icon,[dir="rtl"] .map-pin-icon{grid-column:3}
[dir="rtl"] .external-link-card>span:nth-child(2),[dir="rtl"] .map-link-card>span:nth-child(2){grid-column:2;grid-row:1}
[dir="rtl"] .external-link-card>svg,[dir="rtl"] .map-arrow{grid-column:1;grid-row:1;transform:scaleX(-1)}

@media(max-width:560px){
  .bottom-nav.bottom-nav-five{width:calc(100% - 12px);height:69px;padding:5px;border-radius:21px;gap:2px}
  .bottom-nav.bottom-nav-five .bottom-nav-item{font-size:8.5px;border-radius:15px;gap:3px;padding:0 1px}
  .bottom-nav.bottom-nav-five .bottom-nav-item svg{width:19px;height:19px}
  .info-sheet{border-radius:24px 24px 0 0;padding-left:14px;padding-right:14px}
  .info-sheet-head{gap:10px}
  .info-sheet-close{width:39px;height:39px;border-radius:13px}
  .external-link-card,.map-link-card{grid-template-columns:44px 1fr 20px;border-radius:16px;padding:9px 11px}
  .external-link-icon,.map-pin-icon{width:42px;height:42px;border-radius:13px}
  [dir="rtl"] .external-link-card,[dir="rtl"] .map-link-card{grid-template-columns:20px 1fr 44px}
}


/* Final menu footer + explore popup refinements */
.footer-open-links{display:block;margin:9px 0;color:#4d4a46;background:none;border:0;padding:0;text-align:start;cursor:pointer;font-weight:inherit}
.bottom-nav.bottom-nav-three{width:min(430px,calc(100% - 18px));grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.bottom-nav.bottom-nav-three .bottom-nav-item{font-size:10px}
.bottom-nav.bottom-nav-three .bottom-cart-main{background:var(--ink);color:white}
.bottom-nav.bottom-nav-three .bottom-cart-main:hover{background:#252525;color:white;transform:translateY(-1px)}
.bottom-nav.bottom-nav-three .bottom-explore svg{stroke-width:1.7}
.bottom-nav.bottom-nav-three .bottom-cart-count{top:7px;right:calc(50% - 27px)}
body.explore-popup-open{overflow:hidden}
.explore-popup-list .map-link-card{margin-bottom:4px}
.explore-sheet{padding-bottom:calc(30px + env(safe-area-inset-bottom))}
.explore-sheet .map-link-card strong,.explore-sheet .external-link-card strong{font-size:15px}
@media(max-width:560px){.bottom-nav.bottom-nav-three{width:calc(100% - 12px);height:69px;padding:5px;border-radius:21px;gap:4px}.bottom-nav.bottom-nav-three .bottom-nav-item{font-size:9px;border-radius:15px;padding:0 2px}.bottom-nav.bottom-nav-three .bottom-nav-item svg{width:20px;height:20px}.bottom-nav.bottom-nav-three .bottom-cart-count{top:5px;right:calc(50% - 24px)}}


/* Café-photo hero + larger top-left logo */
.brand{min-width:180px}
.brand img{
  width:158px;
  height:66px;
  object-fit:contain;
  object-position:left center;
}
.header-shell{padding-left:20px}

.menu-heading-hero{
  min-height:620px;
  padding:170px 0 66px;
  display:flex;
  align-items:flex-end;
  isolation:isolate;
  background:
    linear-gradient(180deg,rgba(7,12,15,.10) 0%,rgba(7,12,15,.18) 40%,rgba(7,12,15,.68) 100%),
    url("assets/images/header-interior-desktop.jpg") center 42% / cover no-repeat;
}
.menu-heading-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(90deg,rgba(0,0,0,.05),rgba(0,0,0,.08));
  pointer-events:none;
}
.menu-heading-hero .page-blob{display:none}
.menu-heading-wrap{
  color:#fff;
  text-shadow:0 2px 20px rgba(0,0,0,.28);
}
.menu-heading-copy{
  color:rgba(255,255,255,.92);
}
.menu-heading-pill{
  background:rgba(255,255,255,.92);
  color:var(--ink);
  border-color:rgba(255,255,255,.72);
  text-shadow:none;
}
.menu-heading-kicker{
  color:var(--ink);
  text-shadow:none;
  background:rgba(255,255,255,.95);
}

@media(max-width:760px){
  .header-shell{padding-left:14px}
  .brand{min-width:135px}
  .brand img{
    width:124px;
    height:54px;
  }
  .menu-heading-hero{
    min-height:570px;
    padding:128px 0 38px;
    background:
      linear-gradient(180deg,rgba(7,12,15,.04) 0%,rgba(7,12,15,.16) 52%,rgba(7,12,15,.72) 100%),
      url("assets/images/header-interior-mobile.jpg") center 40% / cover no-repeat;
  }
  .menu-heading-wrap{
    align-items:flex-start;
    text-align:left;
  }
  .menu-heading-copy{
    margin-left:0;
    margin-right:0;
    max-width:330px;
  }
  [dir="rtl"] .menu-heading-wrap{
    align-items:flex-end;
    text-align:right;
  }
}
@media(max-width:390px){
  .brand img{width:116px;height:50px}
  .brand{min-width:125px}
}


/* Larger transparent top-left brand logo */
.site-header .brand{
  min-width:220px;
}
.site-header .brand img{
  width:205px;
  height:auto;
  max-height:78px;
  object-fit:contain;
  object-position:left center;
  mix-blend-mode:normal;
  background:transparent;
}
@media(max-width:760px){
  .site-header .brand{min-width:155px}
  .site-header .brand img{
    width:150px;
    max-height:62px;
  }
}
@media(max-width:390px){
  .site-header .brand{min-width:145px}
  .site-header .brand img{width:142px}
}


/* Clickable menu-image detail popup */
.product-photo-button{
  display:block;
  width:100%;
  border:0;
  padding:0;
  margin:0;
  cursor:pointer;
  position:relative;
  text-align:inherit;
}
.product-photo-button:focus-visible{
  outline:3px solid var(--pink);
  outline-offset:-3px;
}
.product-view-hint{
  position:absolute;
  right:10px;
  bottom:10px;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.92);
  color:var(--ink);
  border:1px solid rgba(17,17,17,.12);
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
  opacity:0;
  transform:translateY(5px);
  transition:.18s ease;
  pointer-events:none;
}
.product-photo-button:hover .product-view-hint,
.product-photo-button:focus-visible .product-view-hint{
  opacity:1;
  transform:none;
}
body.product-popup-open{overflow:hidden}
.product-popup{
  position:fixed;
  inset:0;
  z-index:260;
  pointer-events:none;
  visibility:hidden;
}
.product-popup.open{
  pointer-events:auto;
  visibility:visible;
}
.product-popup-backdrop{
  position:absolute;
  inset:0;
  border:0;
  padding:0;
  background:rgba(10,10,10,.62);
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
  opacity:0;
  transition:opacity .24s ease;
}
.product-popup.open .product-popup-backdrop{opacity:1}
.product-detail-sheet{
  position:absolute;
  left:50%;
  top:50%;
  width:min(760px,calc(100% - 28px));
  max-height:min(88vh,820px);
  overflow:auto;
  transform:translate(-50%,-46%) scale(.97);
  opacity:0;
  background:var(--paper);
  border:1px solid rgba(255,255,255,.2);
  border-radius:30px;
  box-shadow:0 30px 90px rgba(0,0,0,.34);
  transition:.26s cubic-bezier(.2,.8,.2,1);
}
.product-popup.open .product-detail-sheet{
  transform:translate(-50%,-50%) scale(1);
  opacity:1;
}
.product-popup-close{
  position:absolute;
  top:14px;
  right:14px;
  z-index:3;
  width:44px;
  height:44px;
  border:1px solid rgba(17,17,17,.12);
  border-radius:50%;
  background:rgba(255,255,255,.94);
  color:var(--ink);
  font-size:29px;
  line-height:1;
  display:grid;
  place-items:center;
  cursor:pointer;
  box-shadow:0 6px 18px rgba(0,0,0,.12);
}
.product-popup-media{
  width:100%;
  aspect-ratio:16/10;
  overflow:hidden;
  background:#e8e7e2;
}
.product-popup-media img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.product-popup-content{
  padding:26px 28px 30px;
}
.product-popup-tag{
  display:inline-flex;
  border:1px solid var(--line);
  background:#fff;
  border-radius:999px;
  padding:6px 10px;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:900;
  margin-bottom:12px;
}
.product-popup-content h2{
  margin:0;
  font-size:clamp(30px,5vw,48px);
  line-height:.98;
  letter-spacing:-.045em;
}
.product-popup-price{
  margin-top:10px;
  font-size:18px;
  font-weight:950;
}
.product-popup-content p{
  margin:16px 0 0;
  color:var(--muted);
  font-size:16px;
  line-height:1.65;
}
[dir="rtl"] .product-popup-close{right:auto;left:14px}
[dir="rtl"] .product-view-hint{right:auto;left:10px}

@media(max-width:760px){
  .product-view-hint{
    opacity:1;
    transform:none;
    font-size:8px;
    padding:5px 8px;
    right:7px;
    bottom:7px;
  }
  .product-detail-sheet{
    width:calc(100% - 20px);
    max-height:86vh;
    border-radius:24px;
  }
  .product-popup-media{aspect-ratio:1/1}
  .product-popup-content{padding:20px 20px 24px}
  .product-popup-content h2{font-size:30px}
  .product-popup-content p{font-size:14px}
  .product-popup-close{
    width:40px;
    height:40px;
    top:10px;
    right:10px;
  }
  [dir="rtl"] .product-popup-close{right:auto;left:10px}
}


/* Halabyte digital-menu credit: footer only */
.footer-credit-stack{display:grid;gap:10px;justify-items:start}

@media(max-width:560px){.halabyte-sheet{padding-left:14px;padding-right:14px;border-radius:24px 24px 0 0}.halabyte-credit{font-size:11px}.halabyte-link-card{border-radius:15px}}


/* Live Doha time + opening hours */
.menu-heading-wrap{position:relative}
.live-hours-card{position:absolute;top:0;right:0;width:min(330px,42vw);display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:14px 16px;border:1px solid rgba(255,255,255,.55);border-radius:18px;background:rgba(247,246,242,.92);color:var(--ink);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 10px 30px rgba(0,0,0,.16);cursor:pointer;text-align:left;text-shadow:none}
.live-hours-card:hover{transform:translateY(-2px)}
.live-hours-dot{width:11px;height:11px;border-radius:50%;background:#aaa;box-shadow:0 0 0 5px rgba(120,120,120,.12)}
.live-hours-card.is-open .live-hours-dot{background:#2ebd70;box-shadow:0 0 0 5px rgba(46,189,112,.16)}
.live-hours-card.is-closed .live-hours-dot{background:#e45656;box-shadow:0 0 0 5px rgba(228,86,86,.14)}
.live-hours-copy{min-width:0;display:grid;gap:3px}.live-hours-copy small{font-size:9px;letter-spacing:.11em;font-weight:900;opacity:.56}.live-hours-copy strong{display:flex;gap:7px;align-items:center;font-size:14px;white-space:nowrap}.live-time-sep{opacity:.35}.live-hours-arrow{font-size:19px;font-weight:900}
body.hours-popup-open{overflow:hidden}.hours-sheet{padding-bottom:calc(30px + env(safe-area-inset-bottom))}.hours-status-card{display:flex;align-items:center;gap:10px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:white;margin-bottom:14px}.hours-status-dot{width:10px;height:10px;border-radius:50%;background:#aaa}.hours-status-card.is-open .hours-status-dot{background:#2ebd70}.hours-status-card.is-closed .hours-status-dot{background:#e45656}.hours-list{display:grid;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:white}.hours-row{display:flex;justify-content:space-between;gap:18px;padding:13px 15px;border-bottom:1px solid var(--line);font-size:13px}.hours-row:last-child{border-bottom:0}.hours-row.today{background:var(--ice);font-weight:850}.hours-row strong{font-size:12px}.network-time-note{display:flex;align-items:center;gap:8px;margin-top:13px;font-size:11px;color:var(--muted)}.network-dot{width:7px;height:7px;border-radius:50%;background:#2ebd70}.hours-popup .info-sheet{z-index:2}
@media(max-width:760px){.live-hours-card{position:absolute;top:20px;right:14px;width:min(300px,calc(100% - 28px));padding:12px 13px;border-radius:16px}.live-hours-copy small{font-size:8px}.live-hours-copy strong{font-size:13px}.menu-heading-hero{padding-top:190px}}
@media(max-width:430px){.live-hours-card{top:16px;right:10px;width:calc(100% - 20px)}.live-hours-copy strong{font-size:12px}.live-hours-arrow{font-size:17px}}
[dir="rtl"] .live-hours-card{right:auto;left:0;text-align:right}[dir="rtl"] .live-hours-copy strong{justify-content:flex-start}@media(max-width:760px){[dir="rtl"] .live-hours-card{left:14px;right:auto}}@media(max-width:430px){[dir="rtl"] .live-hours-card{left:10px}}


/* Reposition live hours card to top-right marked hero area */
.menu-heading-hero{position:relative;}
.menu-heading-wrap{position:static;}
.live-hours-card{
  position:absolute;
  top:26px;
  right:22px;
  width:min(325px,44vw);
  z-index:3;
}
@media(max-width:760px){
  .menu-heading-hero{padding-top:128px;}
  .live-hours-card{
    top:22px;
    right:14px;
    width:min(290px,calc(100% - 150px));
  }
}
@media(max-width:430px){
  .live-hours-card{
    top:20px;
    right:12px;
    width:min(280px,calc(100% - 185px));
    padding:11px 12px;
  }
  .live-hours-copy small{font-size:7.5px;}
  .live-hours-copy strong{font-size:11.5px;}
}
[dir="rtl"] .live-hours-card{right:auto;left:22px;}
@media(max-width:760px){[dir="rtl"] .live-hours-card{left:14px;right:auto;}}
@media(max-width:430px){[dir="rtl"] .live-hours-card{left:12px;right:auto;}}


/* Move live time button lower onto the hero bar */
.live-hours-card{top:118px !important; right:22px;}
@media(max-width:760px){
  .live-hours-card{top:134px !important; right:14px;}
}
@media(max-width:430px){
  .live-hours-card{top:128px !important; right:12px;}
}
[dir="rtl"] .live-hours-card{left:22px; right:auto;}
@media(max-width:760px){[dir="rtl"] .live-hours-card{left:14px; right:auto;}}
@media(max-width:430px){[dir="rtl"] .live-hours-card{left:12px; right:auto;}}


/* Make live time button a bit smaller */
.live-hours-card{width:min(290px,39vw) !important;padding:11px 13px !important;border-radius:16px !important;gap:10px !important;}
.live-hours-dot{width:10px !important;height:10px !important;}
.live-hours-copy small{font-size:8px !important;}
.live-hours-copy strong{font-size:13px !important;}
.live-hours-arrow{font-size:17px !important;}
@media(max-width:760px){
  .live-hours-card{width:min(255px,calc(100% - 170px)) !important;padding:10px 12px !important;border-radius:15px !important;}
  .live-hours-copy small{font-size:7px !important;}
  .live-hours-copy strong{font-size:11.5px !important;}
  .live-hours-arrow{font-size:16px !important;}
}
@media(max-width:430px){
  .live-hours-card{width:min(240px,calc(100% - 190px)) !important;padding:9px 11px !important;border-radius:14px !important;}
  .live-hours-copy small{font-size:6.8px !important;}
  .live-hours-copy strong{font-size:10.8px !important;}
  .live-hours-arrow{font-size:15px !important;}
}


/* Add-to-cart button inside item popup */
.product-popup-content{
  position:relative;
  padding-right:104px;
}
.product-popup-add{
  position:absolute;
  top:26px;
  right:26px;
  width:58px;
  height:58px;
  border:0;
  border-radius:18px;
  background:var(--ink);
  color:#fff;
  display:grid;
  place-items:center;
  font-size:36px;
  line-height:1;
  font-weight:400;
  cursor:pointer;
  box-shadow:0 8px 22px rgba(17,17,17,.18);
  transition:transform .18s ease,background .18s ease,color .18s ease;
}
.product-popup-add:hover,
.product-popup-add:focus-visible{
  background:var(--lime);
  color:var(--ink);
  transform:translateY(-2px);
  outline:none;
}
.product-popup-add:active{transform:scale(.96)}
[dir="rtl"] .product-popup-content{
  padding-right:28px;
  padding-left:104px;
}
[dir="rtl"] .product-popup-add{
  right:auto;
  left:26px;
}
@media(max-width:760px){
  .product-popup-content{
    padding-right:88px;
  }
  .product-popup-add{
    top:22px;
    right:18px;
    width:54px;
    height:54px;
    border-radius:17px;
    font-size:33px;
  }
  [dir="rtl"] .product-popup-content{
    padding-right:20px;
    padding-left:88px;
  }
  [dir="rtl"] .product-popup-add{
    right:auto;
    left:18px;
  }
}


/* Swipe/page navigation inside menu-item popup */
.product-popup-media{
  position:relative;
  touch-action:pan-y;
}
.product-popup-nav{
  position:absolute;
  top:50%;
  z-index:4;
  width:46px;
  height:46px;
  margin-top:-23px;
  border:1px solid rgba(17,17,17,.12);
  border-radius:50%;
  background:rgba(255,255,255,.92);
  color:var(--ink);
  display:grid;
  place-items:center;
  font-size:34px;
  line-height:1;
  cursor:pointer;
  box-shadow:0 8px 24px rgba(0,0,0,.16);
  backdrop-filter:blur(9px);
  -webkit-backdrop-filter:blur(9px);
  transition:transform .17s ease,background .17s ease;
}
.product-popup-nav:hover,
.product-popup-nav:focus-visible{
  background:#fff;
  transform:scale(1.06);
  outline:none;
}
.product-popup-prev{left:14px}
.product-popup-next{right:14px}
.product-popup-page{
  position:absolute;
  left:50%;
  bottom:13px;
  z-index:4;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  gap:4px;
  min-width:54px;
  justify-content:center;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(17,17,17,.78);
  color:#fff;
  font-size:10px;
  font-weight:900;
  letter-spacing:.04em;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.product-detail-sheet.page-next .product-popup-media img,
.product-detail-sheet.page-next .product-popup-content{
  animation:productPageNext .28s ease;
}
.product-detail-sheet.page-prev .product-popup-media img,
.product-detail-sheet.page-prev .product-popup-content{
  animation:productPagePrev .28s ease;
}
@keyframes productPageNext{
  from{opacity:.35;transform:translateX(30px)}
  to{opacity:1;transform:translateX(0)}
}
@keyframes productPagePrev{
  from{opacity:.35;transform:translateX(-30px)}
  to{opacity:1;transform:translateX(0)}
}
@media(max-width:760px){
  .product-popup-nav{
    width:40px;
    height:40px;
    margin-top:-20px;
    font-size:29px;
    background:rgba(255,255,255,.9);
  }
  .product-popup-prev{left:9px}
  .product-popup-next{right:9px}
  .product-popup-page{
    bottom:9px;
    font-size:9px;
    padding:5px 9px;
  }
}
@media(max-width:390px){
  .product-popup-nav{
    width:37px;
    height:37px;
    margin-top:-18.5px;
    font-size:27px;
  }
}
[dir="rtl"] .product-popup-prev{left:auto;right:14px}
[dir="rtl"] .product-popup-next{right:auto;left:14px}
@media(max-width:760px){
  [dir="rtl"] .product-popup-prev{left:auto;right:9px}
  [dir="rtl"] .product-popup-next{right:auto;left:9px}
}


/* True page-style sliding transition for product popup */
.product-detail-sheet{
  isolation:isolate;
  transform-style:preserve-3d;
}
.product-detail-sheet.product-page-sliding{
  overflow:hidden;
}
.product-detail-sheet.product-page-sliding .product-popup-media,
.product-detail-sheet.product-page-sliding .product-popup-content{
  will-change:transform,opacity;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}
.product-slide-ghost{
  position:absolute;
  inset:0;
  z-index:2;
  overflow:hidden;
  border-radius:inherit;
  background:var(--paper);
  pointer-events:none;
  will-change:transform,opacity;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  box-shadow:18px 0 38px rgba(0,0,0,.08);
}
.product-slide-ghost .product-popup-media{
  position:relative;
  width:100%;
}
.product-slide-ghost .product-popup-content{
  position:relative;
  background:var(--paper);
}
.product-detail-sheet.product-page-sliding::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.055),rgba(255,255,255,0));
  opacity:.45;
  animation:pageSheen .46s ease both;
}
@keyframes pageSheen{
  0%{transform:translateX(-75%);opacity:0}
  45%{opacity:.5}
  100%{transform:translateX(75%);opacity:0}
}
@media(prefers-reduced-motion:reduce){
  .product-slide-ghost,
  .product-detail-sheet.product-page-sliding .product-popup-media,
  .product-detail-sheet.product-page-sliding .product-popup-content{transition:none!important}
  .product-detail-sheet.product-page-sliding::after{animation:none!important}
}


/* Waiter bell button + popup */
.waiter-btn{height:44px;border:1px solid rgba(17,17,17,.12);background:var(--white);border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;cursor:pointer;font-weight:800;color:var(--ink)}
.waiter-text{white-space:nowrap}
.waiter-btn:hover{transform:translateY(-1px)}
body.waiter-popup-open{overflow:hidden}
.waiter-sheet{padding-bottom:calc(30px + env(safe-area-inset-bottom))}
.waiter-form{display:grid;gap:14px;margin-top:10px}
.waiter-field{display:grid;gap:8px}
.waiter-field span{font-size:12px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.waiter-field input{width:100%;height:54px;border:1px solid var(--line);border-radius:16px;background:#fff;padding:0 16px;font-size:16px;font-weight:700;outline:none}
.waiter-field input:focus{border-color:rgba(17,17,17,.4);box-shadow:0 0 0 4px rgba(201,245,108,.26)}
.waiter-call-btn{min-height:56px;border:1px solid var(--ink);border-radius:16px;background:var(--ink);color:#fff;font-size:16px;font-weight:900;cursor:pointer;transition:.18s ease}
.waiter-call-btn:hover,.waiter-call-btn:focus-visible{background:var(--lime);color:var(--ink);transform:translateY(-1px);outline:none}
@media(max-width:760px){.waiter-btn{padding:0 10px;gap:0;min-width:48px}.waiter-text{display:none}.waiter-field input{height:50px;font-size:16px}.waiter-call-btn{min-height:52px}}
@media(max-width:390px){.waiter-btn{padding:0 8px;min-width:44px}}


/* About Us popup */
body.about-popup-open{overflow:hidden}
.about-popup{z-index:238}
.about-sheet{width:min(820px,100%);max-height:min(90vh,900px);padding:0 0 calc(28px + env(safe-area-inset-bottom));overflow:auto;background:var(--paper)}
.about-sheet .info-sheet-handle{position:absolute;z-index:5;top:9px;left:50%;transform:translateX(-50%);background:rgba(255,255,255,.72)}
.about-hero{position:relative;min-height:310px;overflow:hidden;border-radius:28px 28px 0 0;background:#bbb}
.about-hero>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 42%}
.about-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.06) 20%,rgba(0,0,0,.68) 100%)}
.about-hero-overlay{position:absolute;z-index:2;left:28px;right:80px;bottom:25px;color:#fff}
.about-hero-overlay span{font-size:10px;letter-spacing:.2em;font-weight:900;opacity:.9}
.about-hero-overlay h2{margin:7px 0 0;font-size:clamp(36px,7vw,64px);line-height:.9;letter-spacing:-.055em}
.about-close{position:absolute;z-index:4;right:16px;top:16px;width:44px;height:44px;border:1px solid rgba(17,17,17,.1);border-radius:50%;background:rgba(255,255,255,.94);font-size:29px;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 7px 24px rgba(0,0,0,.14)}
.about-content{padding:28px}
.about-lead{font-size:clamp(18px,2.5vw,24px);line-height:1.45;letter-spacing:-.02em;margin:0 0 28px;font-weight:650;max-width:720px}
.about-story-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:20px;align-items:stretch}
.about-story-grid>div{padding:22px;border:1px solid var(--line);border-radius:22px;background:#fff}
.about-eyebrow{font-size:9px;letter-spacing:.16em;font-weight:900;color:var(--muted);margin-bottom:10px}
.about-story-grid h3{font-size:clamp(25px,4vw,38px);line-height:.98;letter-spacing:-.045em;margin:0 0 14px}
.about-story-grid p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}
.about-story-grid>img{width:100%;height:100%;min-height:310px;object-fit:cover;border-radius:22px;border:1px solid var(--line)}
.about-gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.about-gallery figure{position:relative;margin:0;min-height:210px;border-radius:20px;overflow:hidden;border:1px solid var(--line);background:#ddd}
.about-gallery img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.about-gallery figure:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.62))}
.about-gallery figcaption{position:absolute;z-index:2;left:15px;right:15px;bottom:13px;color:#fff;font-size:12px;font-weight:850}
.about-values{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px}
.about-values>div{min-height:120px;padding:16px;border:1px solid var(--ink);border-radius:18px;background:var(--ice);display:flex;flex-direction:column;justify-content:space-between}
.about-values>div:nth-child(2){background:var(--lime)}
.about-values>div:nth-child(3){background:var(--lav)}
.about-values strong{font-size:11px;letter-spacing:.12em}
.about-values span{font-size:12px;line-height:1.35}
[dir="rtl"] .about-hero-overlay{left:80px;right:28px;text-align:right}
[dir="rtl"] .about-close{right:auto;left:16px}
[dir="rtl"] .about-gallery figcaption{text-align:right}
@media(max-width:760px){
  .about-sheet{width:100%;max-height:90vh;border-radius:26px 26px 0 0}
  .about-hero{min-height:270px;border-radius:26px 26px 0 0}
  .about-hero-overlay{left:20px;bottom:20px}
  .about-content{padding:20px 15px 22px}
  .about-lead{font-size:18px;margin-bottom:20px}
  .about-story-grid{grid-template-columns:1fr;gap:10px}
  .about-story-grid>div{padding:18px;border-radius:18px}
  .about-story-grid>img{min-height:230px;border-radius:18px}
  .about-gallery{gap:8px;margin-top:8px}
  .about-gallery figure{min-height:170px;border-radius:17px}
  .about-values{grid-template-columns:1fr;gap:8px;margin-top:8px}
  .about-values>div{min-height:90px;border-radius:16px}
  [dir="rtl"] .about-hero-overlay{right:20px;left:70px}
}


/* Closing-soon state (2 hours or less before closing) */
.live-hours-card.is-closing-soon{background:rgba(255,245,214,.95);border-color:rgba(215,151,35,.45)}
.live-hours-card.is-closing-soon .live-hours-dot{background:#e8a62a !important;box-shadow:0 0 0 5px rgba(232,166,42,.18) !important}
.hours-status-card.is-closing-soon{background:#fff7df;border-color:rgba(215,151,35,.38)}
.hours-status-card.is-closing-soon .hours-status-dot{background:#e8a62a !important}
.live-hours-card.is-closing-soon .live-hours-copy strong{gap:6px}
@media(max-width:760px){.live-hours-card.is-closing-soon .live-hours-copy strong{font-size:10.8px !important}}
@media(max-width:430px){.live-hours-card.is-closing-soon .live-hours-copy strong{font-size:10px !important}}


/* Halabyte scrolling ticker at footer bottom */
.bottom-nav{bottom:calc(env(safe-area-inset-bottom) + 38px)}
body{padding-bottom:128px}
.toast{bottom:140px}
@media(max-width:760px){.halabyte-ticker{height:30px}.halabyte-ticker-segment{gap:12px;padding:0 10px}.halabyte-ticker-link,.halabyte-ticker-item{height:22px;padding:0 10px;font-size:10px}.halabyte-ticker-item strong{font-size:9px}.halabyte-ticker-item span{font-size:10px}.bottom-nav{bottom:calc(env(safe-area-inset-bottom) + 34px)}body{padding-bottom:120px}.toast{bottom:132px}}
@media(max-width:420px){.halabyte-ticker-link,.halabyte-ticker-item{padding:0 8px}.halabyte-ticker-segment{gap:10px}}
@media (prefers-reduced-motion: reduce){.halabyte-ticker-track{animation:none}}


/* Refined Halabyte popup with transparent logo */
@media(max-width:560px){
}
@media(max-width:420px){
}


/* Halabyte services showcase */
.service-no{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:linear-gradient(135deg,#8f1f53,#c1377f);color:#fff;font-size:16px;font-weight:950;letter-spacing:-.03em;box-shadow:0 10px 20px rgba(161,37,96,.22)}
@media(max-width:640px){
  .service-no{width:42px;height:42px;border-radius:14px;font-size:15px}
}
@media(max-width:420px){
}


/* Contact cards with Call + WhatsApp actions */
@media(max-width:560px){.halabyte-contact-card{grid-template-columns:1fr auto;gap:10px}.halabyte-action-btn{width:42px;height:42px;border-radius:14px}.halabyte-action-btn svg{width:19px;height:19px}.halabyte-contact-copy strong{font-size:14px}}


/* Hide top header bar on scroll down */
.site-header{transition:transform .28s ease,opacity .22s ease}
.site-header.header-hidden{transform:translateY(calc(-100% - 18px));opacity:0;pointer-events:none}


/* Halabyte 5-second promo — replaces the scrolling ticker */
.bottom-nav{bottom:max(14px,env(safe-area-inset-bottom))}
body{padding-bottom:96px}
.toast{bottom:108px}
@media(max-width:760px){
  .bottom-nav{bottom:max(8px,env(safe-area-inset-bottom))}
  body{padding-bottom:88px}
  .toast{bottom:96px}
}
@media(max-width:480px){.halabyte-promo-card{padding:26px 22px 24px;border-radius:25px}.halabyte-promo-brand img{width:130px}.halabyte-promo h2{font-size:38px}.halabyte-promo p{font-size:12px}}


/* Bilingual controls for the Halabyte promo */


/* Hide bottom nav while scrolling; show only when idle */
.bottom-nav{transition:transform .28s ease, opacity .22s ease, box-shadow .22s ease}
.bottom-nav.nav-hidden{transform:translateX(-50%) translateY(calc(100% + 18px));opacity:0;pointer-events:none;box-shadow:none}


/* Digital Menu by Halabyte explanation inside 10-second promo */
.halabyte-promo-tags{
  margin:16px 0 14px!important;
}
.halabyte-menu-about{
  position:relative;
  z-index:2;
  margin:0 0 18px;
  padding:14px 15px;
  border:1px solid rgba(155,37,92,.13);
  border-radius:18px;
  background:rgba(155,37,92,.045);
}
.halabyte-menu-about-label{
  display:block;
  margin-bottom:7px;
  color:#9b255c;
  font-size:9px;
  line-height:1.25;
  font-weight:950;
  letter-spacing:.15em;
}
.halabyte-menu-about p{
  margin:0!important;
  color:#4f4b47!important;
  font-size:11.5px!important;
  line-height:1.55;
  font-weight:650!important;
  letter-spacing:0!important;
}
@media(max-width:480px){
  .halabyte-menu-about{
    padding:12px 13px;
    border-radius:16px;
    margin-bottom:16px;
  }
  .halabyte-menu-about p{
    font-size:11px!important;
  }
}
[dir="rtl"] .halabyte-menu-about{
  text-align:right;
}
[dir="rtl"] .halabyte-menu-about-label{
  letter-spacing:.05em;
}


/* Halabyte promo auto-dock entry points */
@media(min-width:761px){body.halabyte-promo-docked .bottom-nav{bottom:calc(max(14px,env(safe-area-inset-bottom)) + 18px)}}
@media(max-width:760px){.halabyte-dock-link{font-size:10px;min-height:18px;padding:0 8px}}
@media (prefers-reduced-motion: reduce){.halabyte-mini-trigger,.halabyte-dock-link,.halabyte-promo-card,.halabyte-promo-backdrop{transition:none!important}}


/* Final bottom navigation: flush to screen bottom, no Digital Partner text link */
body.halabyte-promo-docked .bottom-nav,
.bottom-nav{
  bottom:0!important;
  width:min(430px,100%)!important;
  border-radius:24px 24px 0 0!important;
  padding-bottom:max(7px,env(safe-area-inset-bottom))!important;
  height:calc(72px + env(safe-area-inset-bottom))!important;
}
.toast{bottom:calc(84px + env(safe-area-inset-bottom))!important}
@media(max-width:760px){
  body.halabyte-promo-docked .bottom-nav,
  .bottom-nav{
    bottom:0!important;
    width:100%!important;
    height:calc(68px + env(safe-area-inset-bottom))!important;
    padding:6px 6px max(6px,env(safe-area-inset-bottom))!important;
    border-radius:21px 21px 0 0!important;
  }
  body{padding-bottom:calc(78px + env(safe-area-inset-bottom))!important}
.toast{bottom:calc(80px + env(safe-area-inset-bottom))!important}
}


/* Final refinement: bigger transparent top logo + thinner bottom bar */
.site-header .brand{
  min-width:210px!important;
}
.site-header .brand img{
  width:182px!important;
  max-height:72px!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
  background:transparent!important;
  mix-blend-mode:normal!important;
}
.header-shell{
  padding-top:10px!important;
  padding-bottom:10px!important;
}
@media(max-width:760px){
  .site-header .brand{
    min-width:170px!important;
  }
  .site-header .brand img{
    width:164px!important;
    max-height:64px!important;
  }
  .header-shell{
    padding:8px 8px 8px 14px!important;
  }
}
@media(max-width:390px){
  .site-header .brand{
    min-width:156px!important;
  }
  .site-header .brand img{
    width:154px!important;
    max-height:60px!important;
  }
}

.bottom-nav.bottom-nav-three,
body.halabyte-promo-docked .bottom-nav,
.bottom-nav{
  height:calc(56px + env(safe-area-inset-bottom))!important;
  padding:4px 4px max(4px,env(safe-area-inset-bottom))!important;
  border-radius:18px 18px 0 0!important;
  gap:4px!important;
}
.bottom-nav.bottom-nav-three .bottom-nav-item,
.bottom-nav-item{
  gap:2px!important;
  font-size:8.5px!important;
  border-radius:14px!important;
  padding:0 2px!important;
}
.bottom-nav.bottom-nav-three .bottom-nav-item svg,
.bottom-nav-item svg{
  width:18px!important;
  height:18px!important;
}
.bottom-nav.bottom-nav-three .bottom-cart-count,
.bottom-cart-count{
  top:3px!important;
  min-width:16px!important;
  height:16px!important;
  font-size:9px!important;
  right:calc(50% - 22px)!important;
}
body{padding-bottom:calc(64px + env(safe-area-inset-bottom))!important;}
.toast{bottom:calc(66px + env(safe-area-inset-bottom))!important;}

@media(max-width:760px){
  .bottom-nav.bottom-nav-three,
  body.halabyte-promo-docked .bottom-nav,
  .bottom-nav{
    width:100%!important;
    height:calc(54px + env(safe-area-inset-bottom))!important;
    padding:3px 4px max(3px,env(safe-area-inset-bottom))!important;
    border-radius:17px 17px 0 0!important;
    gap:3px!important;
    bottom:0!important;
  }
  .bottom-nav.bottom-nav-three .bottom-nav-item,
  .bottom-nav-item{
    font-size:8px!important;
    border-radius:13px!important;
    gap:1px!important;
  }
  .bottom-nav.bottom-nav-three .bottom-nav-item svg,
  .bottom-nav-item svg{
    width:17px!important;
    height:17px!important;
  }
  .bottom-nav.bottom-nav-three .bottom-cart-count,
  .bottom-cart-count{
    top:2px!important;
    right:calc(50% - 20px)!important;
    min-width:15px!important;
    height:15px!important;
    font-size:8px!important;
    padding:0 4px!important;
  }
  body{padding-bottom:calc(60px + env(safe-area-inset-bottom))!important;}
.toast{bottom:calc(62px + env(safe-area-inset-bottom))!important;}
}


/* Final update: make To The Brain logo bigger on top left */
.site-header .brand{
  min-width:220px!important;
}
.site-header .brand img{
  width:210px!important;
  max-height:84px!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
  background:transparent!important;
}
@media(max-width:760px){
  .site-header .brand{
    min-width:180px!important;
  }
  .site-header .brand img{
    width:172px!important;
    max-height:68px!important;
    height:auto!important;
  }
}
@media(max-width:390px){
  .site-header .brand{
    min-width:168px!important;
  }
  .site-header .brand img{
    width:162px!important;
    max-height:64px!important;
    height:auto!important;
  }
}


/* qmenu platform credit — replaces the Halabyte promo that used to open
   itself over a guest's menu. A quiet footer link, nothing that interrupts. */
.footer-wordmark{font-size:22px;font-weight:900;letter-spacing:-.02em;color:var(--ink);margin-bottom:10px}
.footer-credit-stack{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.qmenu-credit{position:relative;display:inline-flex;align-items:center;gap:11px;padding:9px 40px 9px 10px;border:1px solid rgba(17,17,17,.12);border-radius:16px;background:rgba(255,255,255,.6);color:var(--ink);text-decoration:none;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}
.qmenu-credit:hover{background:#fff;transform:translateY(-1px);box-shadow:0 8px 22px rgba(17,17,17,.09)}
.qmenu-credit-mark{flex:none;width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:var(--ink);color:var(--paper);font-size:16px;font-weight:900;line-height:1}
.qmenu-credit-copy{display:flex;flex-direction:column;line-height:1.25;text-align:start}
.qmenu-credit-copy small{font-size:9px;font-weight:800;letter-spacing:.13em;color:var(--muted)}
.qmenu-credit-copy strong{font-size:13px;font-weight:850;letter-spacing:-.01em}
.qmenu-credit-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:13px;color:var(--muted)}
[dir="rtl"] .qmenu-credit{padding:9px 10px 9px 40px}
[dir="rtl"] .qmenu-credit-arrow{right:auto;left:12px;transform:translateY(-50%) scaleX(-1)}
@media(max-width:520px){.qmenu-credit{width:100%}}

/* Scanned-table badge, order reference and the WhatsApp handoff. The QR, the
   table and the order-intent plumbing all existed server-side; these are the
   parts a guest actually sees. */
.selection-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.selection-table,.selection-ref{display:inline-flex;align-items:center;padding:5px 11px;border-radius:999px;font-size:11px;font-weight:850;letter-spacing:.04em}
.selection-table{background:var(--ink);color:var(--paper)}
.selection-ref{background:rgba(17,17,17,.06);color:var(--muted);font-variant-numeric:tabular-nums}
.selection-wa-btn{display:flex;width:100%;align-items:center;justify-content:center;gap:10px;margin-top:14px;padding:15px 18px;border:0;border-radius:18px;background:#25d366;color:#fff;font-size:15px;font-weight:850;cursor:pointer;transition:filter .18s ease,transform .18s ease}
.selection-wa-btn:hover{filter:brightness(.95);transform:translateY(-1px)}
.selection-wa-btn:active{transform:translateY(0)}
.selection-wa-btn svg{flex:none}

/* ─── Identity ───────────────────────────────────────────────────────
   A tenant with no uploaded logo gets its own name set as a wordmark, and an
   item with no photo gets a typographic tile. Neither borrows the template's
   images, which belong to the restaurant the prototype was built for. */
.brand-wordmark{display:inline-block;font-size:19px;font-weight:900;letter-spacing:-.02em;color:var(--ink);white-space:nowrap}
.product-photo-empty,.cart-thumb-empty{display:grid;place-items:center;width:100%;height:100%;background:var(--line);background:color-mix(in srgb,var(--accent) 14%,var(--white));color:var(--accent);font-size:34px;font-weight:900;letter-spacing:-.02em}
.cart-thumb-empty{font-size:20px;border-radius:14px}

/* ─── Theme layouts ──────────────────────────────────────────────────
   A theme picks one of these, so two restaurants on different themes are
   shaped differently and not merely recoloured. Each rule set only overrides
   the grid and card; everything else (popups, cart, header) is shared. */

/* list — printed-menu rows. The layout to reach for when a restaurant has no
   photography yet, which is most of them on day one. */
[data-layout="list"] .product-grid{display:flex;flex-direction:column;gap:0}
[data-layout="list"] .product-card{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:14px;padding:15px 4px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;box-shadow:none}
[data-layout="list"] .product-card:last-child{border-bottom:0}
[data-layout="list"] .product-photo{width:64px;height:64px;border-radius:10px;overflow:hidden;padding:0;aspect-ratio:auto}
[data-layout="list"] .product-photo img{width:100%;height:100%;object-fit:cover}
[data-layout="list"] .product-photo-empty{font-size:22px}
[data-layout="list"] .product-view-hint{display:none}
[data-layout="list"] .product-info{padding:0;display:block}
[data-layout="list"] .product-info .tag{display:none}
[data-layout="list"] .product-top{display:block}
[data-layout="list"] .product-top h3{font-size:16px;margin:0}
[data-layout="list"] .product-desc{margin:3px 0 0;font-size:12.5px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
[data-layout="list"] .price{font-size:15px;font-weight:850;white-space:nowrap}
[data-layout="list"] .product-card .add{grid-column:3;width:38px;height:38px}

/* showcase — the photo is the card, text sits over it. For menus with strong
   photography; the gradient keeps the text legible on any image. */
[data-layout="showcase"] .product-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
[data-layout="showcase"] .product-card{position:relative;border:0;border-radius:var(--radius);overflow:hidden;min-height:300px;display:flex;align-items:flex-end}
[data-layout="showcase"] .product-photo{position:absolute;inset:0;width:100%;height:100%;padding:0;border-radius:0}
[data-layout="showcase"] .product-photo img{width:100%;height:100%;object-fit:cover}
[data-layout="showcase"] .product-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.82) 100%);pointer-events:none}
[data-layout="showcase"] .product-info{position:relative;z-index:2;width:100%;padding:18px;color:#fff;pointer-events:none}
[data-layout="showcase"] .product-info h3,[data-layout="showcase"] .price{color:#fff}
[data-layout="showcase"] .product-info .tag{background:rgba(255,255,255,.18);color:#fff;backdrop-filter:blur(4px)}
[data-layout="showcase"] .product-desc{color:rgba(255,255,255,.82)}
[data-layout="showcase"] .product-card .add{pointer-events:auto;background:#fff;color:#111}
[data-layout="showcase"] .product-view-hint{display:none}

/* compact — dense two-up tiles. For a long menu (a karak house with eighty
   drinks) where scrolling past big cards is the whole experience. */
[data-layout="compact"] .product-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
[data-layout="compact"] .product-card{border-radius:var(--radius)}
[data-layout="compact"] .product-photo{aspect-ratio:1/1;padding:0;border-radius:var(--radius) var(--radius) 0 0;overflow:hidden}
[data-layout="compact"] .product-photo img{width:100%;height:100%;object-fit:cover}
[data-layout="compact"] .product-photo-empty{font-size:26px}
[data-layout="compact"] .product-info{padding:10px}
[data-layout="compact"] .product-info .tag{display:none}
[data-layout="compact"] .product-top h3{font-size:13.5px;line-height:1.25}
[data-layout="compact"] .price{font-size:13px}
[data-layout="compact"] .product-desc{display:none}
[data-layout="compact"] .product-card .add{width:32px;height:32px;font-size:17px}
[data-layout="compact"] .product-view-hint{display:none}

/* RTL: the add button and photo swap sides in the row layout. */
[dir="rtl"][data-layout="list"] .product-card{grid-template-columns:64px 1fr auto}

/* sidebar — a two-column app shell. The categories leave the horizontal rail
   and become a sticky column that stays in view while the guest scrolls the
   food, with the brand above them. Built by re-placing the existing elements
   with grid areas rather than by shipping a second set of markup, so the
   template, the cart, the popups and the search all stay exactly as they are.

   Grid areas follow the inline direction, so RTL mirrors the whole shell with
   no separate rules. */
[data-layout="sidebar"] .section-sm > .container{
  display:grid;
  grid-template-columns:272px minmax(0,1fr);
  grid-template-areas:"nav head" "nav grid";
  align-items:start;
  gap:18px 22px;
}
[data-layout="sidebar"] .menu-toolbar{grid-area:head;margin:0}
[data-layout="sidebar"] .category-slider{grid-area:nav;position:sticky;top:16px;display:block}
[data-layout="sidebar"] #productGrid{grid-area:grid}

/* The rail's scroll arrows exist for a horizontal strip; a vertical list
   scrolls with the page. */
[data-layout="sidebar"] .category-arrow{display:none}
[data-layout="sidebar"] .filters{
  display:flex;flex-direction:column;gap:7px;
  overflow:visible;padding:0;margin:0;scroll-snap-type:none;
}
[data-layout="sidebar"] .filter-btn{
  width:100%;text-align:start;justify-content:flex-start;
  min-height:46px;padding:12px 15px;border-radius:13px;
  border:1px solid var(--line);background:var(--white);color:var(--accent);
  font-weight:750;flex:0 0 auto;
}
[data-layout="sidebar"] .filter-btn:hover{border-color:var(--accent);transform:translateX(2px)}
[dir="rtl"][data-layout="sidebar"] .filter-btn:hover{transform:translateX(-2px)}
[data-layout="sidebar"] .filter-btn.active{background:var(--accent);color:var(--paper);border-color:var(--accent)}

/* Brand card: the restaurant's mark and name, held above the categories. */
[data-layout="sidebar"] .sidebar-brand{
  display:flex;align-items:center;gap:12px;margin-bottom:14px;padding:14px;
  border-radius:18px;color:#fff;
  background:linear-gradient(145deg,var(--accent),color-mix(in srgb,var(--accent) 72%,#000));
}
[data-layout="sidebar"] .sidebar-brand img,
[data-layout="sidebar"] .sidebar-brand-initial{
  flex:none;width:46px;height:46px;border-radius:13px;object-fit:cover;
  display:grid;place-items:center;background:rgba(255,255,255,.14);
  font-size:20px;font-weight:900;color:#fff;
}
[data-layout="sidebar"] .sidebar-brand-text{min-width:0;line-height:1.25}
[data-layout="sidebar"] .sidebar-brand-text small{display:block;font-size:11.5px;opacity:.78;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
[data-layout="sidebar"] .sidebar-brand-text strong{font-size:19px;letter-spacing:-.02em}

/* Search sits in a raised panel with the count beside it. */
[data-layout="sidebar"] .menu-toolbar{
  display:flex;flex-wrap:wrap;align-items:center;gap:12px;
  background:var(--white);border:1px solid var(--line);border-radius:var(--radius);
  padding:12px 14px;position:sticky;top:16px;z-index:6;
}
[data-layout="sidebar"] .menu-toolbar .search-box{flex:1 1 220px;margin:0}
[data-layout="sidebar"] .menu-note{flex:1 1 100%;order:3;font-size:12.5px;margin:0}
[data-layout="sidebar"] .result-count{margin:0;font-size:12.5px;font-weight:650;color:var(--muted);white-space:nowrap}
.result-count{display:none}
[data-layout="sidebar"] .result-count{display:block}

[data-layout="sidebar"] .product-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}

/* Below the shell's breakpoint it folds back to the familiar single column,
   categories scrolling horizontally again — a 272px column on a phone would
   leave nothing for the food. */
@media(max-width:900px){
  [data-layout="sidebar"] .section-sm > .container{display:block}
  [data-layout="sidebar"] .category-slider{position:static;display:flex;margin-bottom:14px}
  [data-layout="sidebar"] .filters{flex-direction:row;overflow-x:auto;gap:8px}
  [data-layout="sidebar"] .filter-btn{width:auto;min-height:0;padding:9px 15px;border-radius:999px}
  [data-layout="sidebar"] .sidebar-brand{display:none}
  [data-layout="sidebar"] .menu-toolbar{position:static;margin-bottom:12px}
  [data-layout="sidebar"] .category-arrow{display:grid}
}

/* A restaurant with no delivery links loses the Delivery button, so the bar
   has two items rather than a gap where a third used to be. */
.bottom-nav-two{width:min(340px,calc(100% - 18px));grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}

/* ─── Hero cover ──────────────────────────────────────────────────────
   A restaurant's own photograph behind the menu heading. Only ever present
   when the tenant has uploaded one, so the default hero is untouched.

   The text goes white over a scrim rather than trying to keep the ink colour
   legible: a cover can be any photograph, light or dark, and a fixed dark
   overlay is the only thing that reads correctly on all of them. */
.menu-heading-hero.has-cover{background:var(--ink);min-height:clamp(320px,44vw,470px);display:flex;align-items:center}
.menu-hero-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}

/* The scrim is strongest where the words are, not weakest.
   The first version graded top-to-bottom and was thinnest (26%) across the
   middle — exactly where the display heading sits. Over a bright photograph,
   which is most interior shots, white text on a 26% wash is invisible. A
   restaurant uploaded a photo of a pale grey room and its heading disappeared.
   So: a radial pool of shade centred on the text, over a lighter top-and-tail
   gradient. The middle lands near 67% black whatever the photograph is, while
   the edges stay around 40% so the room is still visible. */
.menu-heading-hero.has-cover:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(120% 90% at 50% 50%,rgba(0,0,0,.60) 0%,rgba(0,0,0,.42) 55%,rgba(0,0,0,.18) 100%),
    linear-gradient(180deg,rgba(0,0,0,.30) 0%,rgba(0,0,0,.12) 45%,rgba(0,0,0,.42) 100%)}
.menu-heading-hero.has-cover .menu-heading-wrap{position:relative;z-index:2}
/* The decorative blob is for the flat hero; over a photograph it reads as a
   smudge on the lens. */
.menu-heading-hero.has-cover .page-blob{display:none}
/* A shadow as well as the scrim: the close one gives the letterforms an edge
   against anything pale, the wide one lifts them off a busy background. */
.menu-heading-hero.has-cover .menu-heading-title,
.menu-heading-hero.has-cover .menu-heading-copy{color:#fff;
  text-shadow:0 1px 2px rgba(0,0,0,.55),0 4px 28px rgba(0,0,0,.6)}
.menu-heading-hero.has-cover .menu-heading-wrap{width:var(--container);margin-inline:auto}
.menu-heading-hero.has-cover .menu-heading-kicker{background:rgba(255,255,255,.94);border-color:transparent;
  box-shadow:0 4px 0 rgba(0,0,0,.3)}

/* ─── The live hours badge on a phone ─────────────────────────────────
   It is absolutely positioned in the top-right of the hero, and six rounds of
   overrides had it at top:128px with a width of calc(100% - 190px) — which on
   a 360px screen is a 170px box sitting directly on top of the headline.

   On a phone it stops floating and joins the flow underneath the heading,
   where it has the width to be read and nothing to collide with. The desktop
   placement is untouched. The higher-specificity selector is what lets these
   win against the !important pile above without adding another layer of
   guesswork to it. */
@media(max-width:760px){
  .menu-heading-hero .live-hours-card{
    position:static !important;
    top:auto !important; right:auto !important; left:auto !important;
    width:100% !important; max-width:360px;
    margin:18px 0 0 !important;
    padding:12px 14px !important;
    border-radius:16px !important;
  }
  .menu-heading-hero .live-hours-copy small{font-size:8.5px !important}
  .menu-heading-hero .live-hours-copy strong{font-size:13px !important}
  .menu-heading-hero .live-hours-card.is-closing-soon .live-hours-copy strong{font-size:12.5px !important}
  .menu-heading-hero .live-hours-arrow{font-size:17px !important}
  /* The badge is the last thing in the hero now, so the hero does not need to
     reserve room at the top for it. */
  .menu-heading-hero{padding-top:104px !important}
}
[dir="rtl"] .menu-heading-hero .live-hours-card{text-align:right}