
:root{--bg:#070604;--panel:#15120e;--text:#fff7e9;--muted:#cbb99b;--gold:#d6a448;--gold2:#ffe09a;--line:rgba(255,255,255,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;overflow-x:hidden}body.rtl{direction:rtl}
.topbar{position:fixed;z-index:50;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:14px clamp(14px,4vw,46px);background:linear-gradient(180deg,rgba(0,0,0,.78),rgba(0,0,0,.18));backdrop-filter:blur(10px)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff}.brand img{width:clamp(52px,7vw,78px);height:clamp(52px,7vw,78px);object-fit:contain;border-radius:50%}.brand span{font-family:Playfair Display,serif;font-size:clamp(30px,5vw,52px);font-weight:900;letter-spacing:.05em}
.lang{display:flex;gap:8px}.lang button{border:1px solid var(--line);background:rgba(255,255,255,.08);color:#fff;border-radius:999px;min-width:clamp(50px,7vw,74px);min-height:clamp(40px,5vw,54px);font-size:clamp(14px,2vw,19px);font-weight:700}.lang button.active{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#171006}
.hero{height:100svh;min-height:100svh;position:relative;display:flex;align-items:center;padding:110px clamp(24px,7vw,80px) 70px;overflow:hidden}.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.68),rgba(0,0,0,.25),rgba(0,0,0,.58));z-index:1}.heroText{position:relative;z-index:2}.hero h1{font-family:Playfair Display,serif;font-size:clamp(54px,11vw,132px);line-height:.86;margin:0 0 28px;text-shadow:0 9px 32px rgba(0,0,0,.75)}.hero h1 span{display:block}.hero h1 em{display:block;color:var(--gold2);font-style:normal}.primary{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#160f05;border:0;min-width:180px;min-height:56px;padding:16px 30px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.section{padding:72px clamp(16px,4vw,56px);max-width:1500px;margin:auto}.sectionTitle{text-align:center;margin-bottom:32px}.sectionTitle small{color:var(--gold2);letter-spacing:.26em;text-transform:uppercase;font-weight:800}.sectionTitle h2{font-family:Playfair Display,serif;font-size:clamp(36px,6vw,72px);margin:10px 0}.sectionTitle p{color:var(--muted);font-size:18px}.hidden{display:none!important}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px}.card{position:relative;min-height:330px;border-radius:30px;overflow:hidden;background:#111;cursor:pointer;border:1px solid var(--line);box-shadow:0 18px 50px rgba(0,0,0,.35)}.card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.82))}.cardContent{position:absolute;z-index:2;left:28px;right:28px;bottom:28px}.cardContent small{color:var(--gold2);letter-spacing:.22em;text-transform:uppercase;font-weight:800}.cardContent h3{font-family:Playfair Display,serif;font-size:clamp(34px,5vw,58px);margin:8px 0}.cardContent p{margin:0;color:var(--gold2);font-size:20px;font-weight:700}
.dishGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.dish{background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:24px;overflow:hidden}.dish img{width:100%;height:230px;object-fit:cover;background:#111}.dishBody{padding:20px}.dish h3{font-family:Playfair Display,serif;font-size:26px;margin:0 0 8px}.price{color:var(--gold2);font-weight:900}.ing{color:#e7dccd;line-height:1.55}.back{border:1px solid var(--line);background:rgba(255,255,255,.08);color:var(--gold2);border-radius:999px;padding:9px 16px;font-weight:900;margin-bottom:10px}
.modal{display:none;position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.75);padding:25px}.modal.open{display:flex;align-items:center;justify-content:center}.modalCard{max-width:900px;width:100%;background:#111;border:1px solid var(--line);border-radius:26px;overflow:hidden}.modalCard img{width:100%;max-height:430px;object-fit:cover}.modalBody{padding:24px}.modalBody h3{font-family:Playfair Display,serif;font-size:38px;margin:8px 0}.close{position:absolute;top:20px;right:22px;border:0;background:var(--gold);color:#111;border-radius:50%;width:42px;height:42px;font-size:26px}
footer{text-align:center;color:var(--gold);font-weight:800;padding:28px}
@media(max-width:900px){.cards,.dishGrid{grid-template-columns:1fr}.card{min-height:300px}.section{padding-top:56px}.hero{padding-top:105px}.brand span{font-size:30px}.brand img{width:54px;height:54px}.lang button{min-width:48px;min-height:40px}.dish img{height:220px}}
