/* Editorial collection system: image-led, restrained, and continuous. */
:root{--canvas:#fafaf8;--line:#45492e26;--muted:#747569}
body{background:var(--canvas);font-size:15px;color:var(--ink)}
.wrap{width:min(1600px,calc(100% - 80px))}
h1,h2,h3{font-weight:400;letter-spacing:0;line-height:1.5}
h2{font-size:32px}h3{font-size:18px}
.header{background:var(--canvas);border:0;position:relative}.nav{height:116px;width:calc(100% - 80px);max-width:none}
.header .logo img{width:160px;height:78px}.header .logo{left:50%}
.navend{gap:26px}.lang,.order-now{font-size:13px}.burger{font-size:22px}
.btn{border-radius:0;font-weight:400;padding:12px 24px;min-height:44px;background:transparent;color:var(--ink);border:1px solid var(--line)}
.btn:hover{transform:none;background:var(--pale)}
.hero{padding:0 0 18px;background:var(--canvas)}
.hero-grid{width:calc(100% - 160px);max-width:1440px;height:clamp(480px,43vw,650px);min-height:0;background:var(--pale)}
.hero-art.campaign-art{position:absolute;inset:0;width:100%;height:100%;min-height:0}
.campaign-art .hero-film{width:100%;height:100%;object-fit:cover;object-position:center 55%;background:var(--pale)}
.hero-copy{inset:auto 0 0;padding:100px 30px 42px;background:linear-gradient(transparent,#18200f99);z-index:2}
.hero h1{font-size:clamp(28px,2.7vw,42px);font-weight:400;line-height:1.5;color:#fff;letter-spacing:0}
.hero h1 em{font-weight:400;margin:0;color:#fff}.hero .lead{font-size:14px;margin:8px auto 16px;max-width:540px;color:#fff}
.hero-discover{display:inline-block;pointer-events:auto;color:#fff;border-bottom:1px solid #fff9;font-size:13px;padding:3px 0}
.campaign-art .hero-film-control{left:20px;bottom:20px;padding:0;width:34px;height:34px;min-height:34px;background:#0003;color:white;border:0;border-radius:3px}
.hero-film-control .film-button-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.section{padding:80px 0}
.eyebrow{font-size:11px;font-weight:400;letter-spacing:1.8px}
.restaurant-section{padding:30px 0 80px;background:var(--canvas);color:var(--ink)}
.restaurant-heading{gap:12px;margin-bottom:0}.restaurant-heading h2{font-size:26px}
.restaurant-heading .eyebrow,.restaurant-heading .lead,.restaurant-intro,.restaurant-section .restaurant-bottom,.restaurant-section .restaurant-bottom a{color:var(--muted)}
.restaurant-heading .eyebrow{display:none}.restaurant-heading .lead{font-size:13px;margin:8px auto 0}.restaurant-heading .talabat-link{display:none}
.restaurant-intro{font-size:12px;margin:16px 0 48px}
.restaurant-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:64px 32px}
.restaurant-group,.restaurant-group ul{display:contents}
.restaurant-group h3{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0;padding:0;border:0}
.restaurant-group li{padding:0;border:0;min-width:0}
.restaurant-photo{width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;background:#fff;border-radius:0;transition:transform .5s}
.restaurant-group li:hover .restaurant-photo{transform:scale(1.015)}
.restaurant-item-copy{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:18px 6px 0;font-size:14px;font-weight:400}
.restaurant-price{color:var(--muted);font-weight:400;font-size:13px}.restaurant-price small{font-size:12px}
.restaurant-bottom{margin-top:55px;border-top:1px solid var(--line);padding-top:24px;font-size:12px}
.prep-section{padding:20px 0 90px;background:var(--canvas)}
.prep-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:0;min-height:0;background:#f0eee7;overflow:hidden;max-width:1440px}
.prep-visual{height:auto;aspect-ratio:1;background:#f0eee7}
.prep-film{width:100%;height:100%;object-fit:contain}
.prep-copy{position:static;inset:auto;padding:48px;text-align:center;align-self:center;background:none;color:var(--ink)}
.prep-copy h2{font-size:34px;font-weight:400}.prep-copy .eyebrow,.prep-copy .lead{color:var(--muted)}.prep-copy .lead{font-size:16px;margin:18px auto 28px}.prep-copy .btn{background:none;color:var(--ink);border:0;border-bottom:1px solid var(--ink);padding:5px 0;min-height:0;font-size:13px}.prep-copy .arrow{display:none}
.prep-film-control{bottom:20px;inset-inline-end:20px;background:#ffffffd9;font-size:11px}
.food-section{padding-top:0}.heading-row{margin-bottom:30px;gap:4px}.heading-row h2{font-size:30px}.heading-row .eyebrow{display:none}.heading-row p{font-size:14px;margin-top:12px}.heading-row>.btn{border:0;border-bottom:1px solid var(--line);padding:5px 0;font-size:13px;min-height:0}
.filters{margin:25px 0 40px;gap:24px}.chip{font-size:12px;border:0;border-bottom:1px solid transparent;padding:8px 0;border-radius:0;background:transparent}.chip[aria-pressed=true]{color:var(--ink);background:transparent;border-bottom-color:var(--ink)}
.food-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:54px 32px}.meal-photo{aspect-ratio:4/5;background:#f3f0e8}.meal img{object-fit:contain}.meal h3{font-size:14px;font-weight:400}.meal-foot small{display:none}.meal-foot{padding:18px 0}.menu-foot .btn{border:0;border-bottom:1px solid var(--line);padding:5px 0;min-height:0;font-size:13px}
.steps-section{background:var(--canvas);border-top:1px solid var(--line)}.step-num{font-size:28px}.step h3{font-weight:400}.step p{font-size:14px}.steps{gap:64px}.steps-section h2{font-size:30px}
.plans-section{background:var(--canvas);border-top:1px solid var(--line)}.plans-grid{gap:48px 32px}.plan{border:0;padding:0}.plan-img{aspect-ratio:4/5;background:#f3f0e8;object-fit:contain}.plan>small,.plan>p{display:none}.plan h3{font-size:18px;font-weight:400;margin:14px 0 0}.plan .price{font-size:22px;font-weight:400;margin-top:12px}.plan-combo{font-size:12px}.plan .btn{background:transparent;color:var(--ink);border:0;border-bottom:1px solid var(--line);padding:10px 0;border-radius:0;justify-content:space-between}.note-strip{background:none;border-top:1px solid var(--line);border-radius:0;padding:24px 0;margin-top:40px;font-size:12px}
.story{background:var(--canvas);color:var(--ink);border-top:1px solid var(--line)}.story .eyebrow,.story p,.person span{color:var(--muted)}.story .people{border-color:var(--line)}.story p{font-size:15px}.story h2{font-size:34px}.story-layout{max-width:1200px}.person strong{font-weight:400}.person a{border-color:var(--line)}
.app-section{background:#f0eee7}.app-section h2{font-size:34px}.app-section .lead{font-size:16px}.faq-layout h2{font-size:30px}.final-cta{background:none;border-block:1px solid var(--line);padding:64px 24px;margin-top:0}.final-cta h2{font-size:32px;font-weight:400}.final-cta .btn{background:var(--brown)}
.footer{background:var(--brown);padding-top:64px}.float-wa{width:42px;height:42px;box-shadow:none}.mobile-cta{display:none}
@media(min-width:1700px){.restaurant-section>.wrap,.food-section>.wrap{max-width:none;width:calc(100% - 64px)}}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.hero-grid{width:calc(100% - 64px)}.restaurant-groups,.food-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 24px}.prep-copy{padding:32px}.prep-copy h2{font-size:28px}.plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.steps{gap:28px}}
@media(max-width:600px){.wrap{width:calc(100% - 32px)}.nav{width:calc(100% - 32px);height:94px}.header .logo{left:44%}.header .logo img{width:120px;height:60px}.navend{gap:10px}.order-now{font-size:11px}.lang{font-size:12px}.drawer.open{top:94px}.hero-grid{width:calc(100% - 24px);height:540px;min-height:0}.campaign-art .hero-film{object-fit:cover;object-position:center}.hero-copy{padding:110px 18px 55px}.hero h1{font-size:28px}.hero .lead{font-size:13px}.hero-discover{font-size:12px}.restaurant-heading h2{font-size:22px}.restaurant-section{padding-top:20px}.restaurant-intro{margin-bottom:32px}.restaurant-groups,.food-grid{gap:34px 14px}.restaurant-item-copy{font-size:13px;padding:14px 2px 0}.restaurant-photo,.meal-photo{aspect-ratio:4/5}.restaurant-price{font-size:12px}.restaurant-bottom{flex-direction:column;gap:14px}.prep-layout{grid-template-columns:1fr;width:calc(100% - 24px)}.prep-copy{padding:36px 24px 42px}.prep-copy h2{font-size:28px}.prep-copy .lead{font-size:15px}.prep-section{padding-bottom:60px}.section{padding-block:60px}.food-section{padding-top:0}.heading-row h2{font-size:26px}.meal h3{font-size:13px}.filters{gap:20px}.steps{grid-template-columns:1fr}.plan h3{font-size:17px}.plan .price{font-size:22px}.final-cta h2,.app-section h2,.story h2{font-size:28px}.footer{padding-bottom:40px}.float-wa{bottom:18px}.hero .hero-film-control{bottom:16px;left:16px}.menu-foot p{font-size:12px}}

/* Full-width paired campaign films. */
.header .nav{height:104px}.header .logo img{height:72px;width:152px}
.home-cinema{padding:0;background:var(--canvas)}
.cinema-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;width:100%;height:78svh;min-height:500px;max-height:860px}
.cinema-card{position:relative;min-width:0;overflow:hidden;background:#303326;isolation:isolate}
.cinema-screen{position:absolute;inset:0}
.cinema-video{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 42%}
.cinema-card:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(15,19,12,.65));pointer-events:none;z-index:1}
.cinema-toggle{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:transparent;color:#fff;cursor:pointer;display:grid;place-items:center;z-index:2}
.cinema-toggle .film-icon{display:grid;place-items:center;width:66px;height:66px;border:1px solid #ffffffb3;border-radius:50%;font-size:19px;background:#00000014;backdrop-filter:blur(5px);transition:opacity .25s,background .25s}
.cinema-toggle:hover .film-icon{background:#00000038}
.cinema-toggle:focus-visible{outline:2px solid white;outline-offset:-6px}
.cinema-card.is-playing .film-icon{opacity:0}
.cinema-card.is-playing:hover .film-icon,.cinema-card.is-playing:focus-within .film-icon{opacity:1}
.cinema-caption{position:absolute;z-index:3;inset-inline:24px;bottom:42px;text-align:center;color:white;pointer-events:none}
.cinema-caption h2{margin:0 0 10px;font-size:clamp(26px,3vw,44px);font-weight:400;line-height:1.35;color:white}
.cinema-caption>span{font-size:14px;font-weight:400;color:#ffffffd9}
.cinema-utilities{position:absolute;top:20px;inset-inline-end:20px;display:flex;gap:8px;z-index:4}
.cinema-utilities button{width:44px;height:44px;display:grid;place-items:center;border:1px solid #ffffff80;border-radius:50%;background:#0002;color:white;cursor:pointer;backdrop-filter:blur(5px)}
.cinema-utilities svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.cinema-utilities button:focus-visible{outline:2px solid white;outline-offset:3px}
.cinema-sound[aria-pressed=true]:after{content:"";width:22px;height:1px;background:white;transform:rotate(-45deg);position:absolute}
.cinema-seek{position:absolute;inset-inline:24px;bottom:12px;width:calc(100% - 48px);height:24px;margin:0;z-index:4;cursor:pointer;accent-color:white;opacity:0;pointer-events:none;direction:ltr}
.cinema-card.is-selected .cinema-seek,.cinema-card:focus-within .cinema-seek{opacity:1;pointer-events:auto}
.cinema-seek:focus-visible{outline:2px solid white;outline-offset:2px}
.cinema-footer{text-align:center;padding:38px 24px 48px}
.cinema-footer h1{margin:0 0 16px;font-size:clamp(24px,2.4vw,34px);font-weight:400;line-height:1.45;color:var(--ink)}
.cinema-footer>a{display:inline-block;padding:4px 0;font-size:14px;border-bottom:1px solid var(--ink)}
.cinema-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.cinema-card:fullscreen{background:#181d11}.cinema-card:fullscreen .cinema-video{object-fit:contain}
@media(max-width:700px){
 .header .nav{height:88px}.header .logo img{width:120px;height:60px}.drawer.open{top:88px}
 .cinema-pair{height:100vw;min-height:320px;max-height:600px;gap:2px}
 .cinema-video{object-position:50% 40%}
 .cinema-toggle .film-icon{width:48px;height:48px;font-size:15px}
 .cinema-caption{inset-inline:10px;bottom:25px}.cinema-caption h2{font-size:24px;margin-bottom:6px}.cinema-caption>span{font-size:12px}
 .cinema-utilities{top:8px;inset-inline-end:8px;gap:4px}.cinema-utilities button{width:36px;height:36px}.cinema-utilities svg{width:17px;height:17px}
 .cinema-seek{inset-inline:10px;width:calc(100% - 20px);bottom:0}
 .cinema-footer{padding:26px 16px 32px}.cinema-footer h1{font-size:24px;margin-bottom:14px}
 .restaurant-section{padding-top:22px}
}
@media(prefers-reduced-motion:reduce){.cinema-toggle .film-icon{transition:none}}
html{overflow-x:clip}