:root{--max:78rem;--r:18px;--p:#7a2e23;--a:#c59d5f;--bg:#fbf7f0;--s:#fff;--soft:#efe5d7;--ink:#211a17;--muted:#695c55;--line:#d8c9ba;--focus:#0e7490;--shadow:0 24px 60px #211a1720}
[data-theme=dark]{--p:var(--dp);--a:var(--da);--bg:var(--dbg);--s:var(--ds);--soft:var(--dsoft);--ink:var(--dink);--muted:var(--dmuted);--line:var(--dline)}[data-theme=premium]{--p:var(--pp);--a:var(--pa);--bg:var(--pbg);--s:var(--ps);--soft:var(--psoft);--ink:var(--pink);--muted:var(--pmuted);--line:var(--pline)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font,Georgia,serif);line-height:1.65}html[lang=ar] body{font-family:"Segoe UI",Tahoma,Arial,sans-serif;line-height:1.8}a{color:var(--p)}img{display:block;max-width:100%}button,input,select{font:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.skip{position:fixed;z-index:50;transform:translateY(-150%);background:var(--ink);color:var(--bg);padding:.7rem}.skip:focus{transform:none}.preview{min-height:56px;padding:.5rem 2rem;background:#0d1117;color:white;display:flex;justify-content:space-between;align-items:center;font-family:Arial,sans-serif;font-size:.8rem}.preview>div:first-child{display:grid}.preview span{color:#aeb9c7}.preview-actions{display:flex;gap:.6rem;align-items:center}.preview a,.preview select,.preview button{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.preview a{color:white}.preview select,.preview button{background:#1e293b;color:white;border:1px solid #64748b;border-radius:8px;padding:.4rem .7rem}.preview button:disabled{opacity:.6}
header{max-width:var(--max);min-height:90px;margin:auto;padding:1rem 2rem;display:flex;align-items:center;gap:1.5rem}.brand{min-width:190px;color:var(--ink)}.brand img{width:clamp(10rem,17vw,15rem)}header nav{display:flex;gap:clamp(.5rem,1.5vw,1.3rem);margin:auto}header nav a{text-decoration:none;color:var(--muted);font-weight:700;min-height:44px;display:flex;align-items:center;border-bottom:2px solid transparent}header nav a[aria-current]{color:var(--ink);border-color:var(--p)}.reserve,.button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;background:var(--p);color:white;padding:.75rem 1.2rem;text-decoration:none;border:1px solid var(--p);border-radius:var(--r);font-weight:800}.menu-toggle{display:none}
.hero,.section,.prose{max-width:var(--max);margin:auto;padding:clamp(4rem,8vw,8rem) 2rem}.hero{min-height:680px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(3rem,7vw,8rem)}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--p);font-family:Arial,sans-serif;font-size:.76rem;font-weight:850}.hero h1{font-size:clamp(3rem,6vw,6rem);line-height:.98;letter-spacing:-.04em;margin:.7rem 0 1.5rem;max-width:12ch}html[lang=ar] .hero h1{line-height:1.18;letter-spacing:0}.lead{font-size:clamp(1.1rem,1.8vw,1.35rem);color:var(--muted);max-width:55ch}.actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin-top:2rem}.actions>a{min-height:44px;display:flex;align-items:center;font-weight:800}.plate{aspect-ratio:1;border-radius:50%;background:var(--soft);border:1px solid var(--line);position:relative;box-shadow:var(--shadow)}.plate i{position:absolute;border-radius:50%;background:var(--p)}.plate i:nth-child(1){inset:18%}.plate i:nth-child(2){inset:32%;background:var(--a)}.plate i:nth-child(3){inset:43%;background:var(--s)}.section-head{max-width:48rem}.section h2,.promo h2,.prose h2{font-size:clamp(2.1rem,4vw,3.8rem);line-height:1.15}.dishes{margin-top:2rem;border-top:1px solid var(--line)}.dishes article{display:flex;justify-content:space-between;gap:2rem;padding:1.5rem 0;border-bottom:1px solid var(--line)}.dishes h3,.dishes p{margin:.2rem 0}.dishes p,.dishes small,.prose p{color:var(--muted)}.dishes strong{font-size:1.2rem;color:var(--p)}.promo{padding:4rem max(2rem,calc((100% - var(--max))/2 + 2rem));background:var(--p);color:white;display:flex;justify-content:space-between;align-items:center;gap:2rem}.promo .eyebrow{color:white}.inverse{background:white;color:var(--p);border-color:white}.reservation{display:grid;grid-template-columns:.8fr 1.2fr;gap:5rem}.reservation form{display:grid;grid-template-columns:1fr 1fr;gap:1rem;background:var(--s);border:1px solid var(--line);padding:2rem;border-radius:var(--r)}.reservation label{display:grid;gap:.4rem;font-weight:700}.reservation input,.reservation select{min-height:44px;width:100%;padding:.65rem;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:8px}.reservation button,.reservation [role=status]{grid-column:1/-1}.prose{max-width:54rem}.prose p{font-size:1.12rem}.gallery{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1rem}.gallery i{min-height:260px;background:linear-gradient(135deg,var(--soft),var(--a));border-radius:var(--r)}.gallery i:nth-child(1){grid-row:span 2}.gallery i:nth-child(4){grid-column:span 2}footer{padding:3rem max(2rem,calc((100% - var(--max))/2 + 2rem));background:#0d1117;color:#d8e0e9;display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem}footer img{filter:brightness(0) invert(1)}footer a{color:#fff;min-width:44px;min-height:44px;display:flex;align-items:center}
[data-restaurant=grill] .hero{grid-template-columns:1.2fr .8fr}[data-restaurant=grill] .plate{border-radius:0;transform:rotate(5deg);background:repeating-linear-gradient(90deg,var(--soft) 0 8px,var(--line) 8px 10px)}[data-restaurant=grill] .dishes{display:grid;grid-template-columns:1fr 1fr;gap:1rem;border:0}[data-restaurant=grill] .dishes article{background:var(--s);padding:1.5rem;border:1px solid var(--line)}
[data-restaurant=napoli] .hero{grid-template-columns:1fr 1fr}[data-restaurant=napoli] .plate{border-radius:50%;border:18px solid var(--s);outline:1px solid var(--line);background:repeating-linear-gradient(45deg,var(--soft) 0 16px,color-mix(in srgb,var(--soft) 76%,var(--s)) 16px 32px);box-shadow:var(--shadow)}[data-restaurant=napoli] .plate::after{content:"";position:absolute;inset:8%;border:1px solid color-mix(in srgb,var(--p) 30%,transparent);border-radius:50%}[data-restaurant=napoli] .dishes{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;border:0}[data-restaurant=napoli] .dishes article{min-height:230px;padding:1.5rem;display:flex;flex-direction:column;border:1px solid var(--line);border-block-start:4px solid var(--p);background:var(--s)}[data-restaurant=napoli] .dishes article strong{margin-inline-start:auto;margin-top:auto}[data-restaurant=napoli] .section{max-width:76rem}
[data-restaurant=sakura] .hero{grid-template-columns:.72fr 1.28fr}[data-restaurant=sakura] .plate{border-radius:0;background:linear-gradient(90deg,transparent 49.5%,var(--p) 50%,transparent 50.5%);box-shadow:none}[data-restaurant=sakura] .plate i{border-radius:0}[data-restaurant=sakura] .dishes article{padding:2.4rem 0}[data-restaurant=sakura] .section{max-width:66rem}
@media(max-width:64rem){header{flex-wrap:wrap}.menu-toggle{display:inline-flex;min-width:44px;min-height:44px;margin-inline-start:auto}.reserve{display:none}header nav{display:none;order:5;width:100%;flex-direction:column}header nav[data-open=true]{display:flex}.hero,[data-restaurant=grill] .hero,[data-restaurant=napoli] .hero,[data-restaurant=sakura] .hero{grid-template-columns:1fr;min-height:auto}.plate{max-width:36rem}.reservation{grid-template-columns:1fr}.gallery{grid-template-columns:1fr 1fr}}
@media(max-width:48rem){.preview{padding-inline:1rem;align-items:flex-start;flex-direction:column}.preview-actions{width:100%;flex-wrap:wrap}.preview button{flex:1}.hero,.section,.prose{padding:3.8rem 1rem}.hero h1{font-size:clamp(2.6rem,13vw,4.2rem)}.dishes,[data-restaurant=grill] .dishes,[data-restaurant=napoli] .dishes{grid-template-columns:1fr}.reservation form,.gallery{grid-template-columns:1fr}.gallery i,.gallery i:nth-child(1),.gallery i:nth-child(4){grid-column:auto;grid-row:auto;min-height:190px}.promo{flex-direction:column;align-items:flex-start;padding-inline:1rem}footer{grid-template-columns:1fr;padding-inline:1rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
header nav a{min-width:44px;justify-content:center}
h1,h2,h3,p,a{overflow-wrap:anywhere}

.marketplace-preview{position:relative;z-index:90}.marketplace-preview>span{font-weight:700}.marketplace-choose{padding:.5rem .8rem;border-radius:8px;background:#fff!important;color:#0b1220!important;text-decoration:none}@media(max-width:48rem){.marketplace-preview{position:relative}.marketplace-preview>span{display:none}}
