@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@600;700;800;900&display=swap');
:root{--bg:#fffaf3;--surface:#fff;--cream:#f8eddc;--gold:#d79408;--gold2:#f5bd35;--ink:#22170f;--text:#3c2a1c;--muted:#7b6b5d;--line:rgba(197,132,23,.22);--red:#df2d2d;--radius:22px;--shadow:0 16px 38px rgba(106,73,28,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'Cairo',Arial,sans-serif;font-weight:700;line-height:1.75}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.container{width:min(1180px,calc(100% - 32px));margin:auto}.grid{display:grid;gap:22px}
.header{position:sticky;top:0;z-index:100;background:rgba(255,252,247,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{height:104px;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand img{width:150px;height:90px;object-fit:contain}.navlinks{display:flex;align-items:center;gap:28px;font-weight:900;color:#21170f}.navlinks a{position:relative}.navlinks a::after{content:"";position:absolute;right:0;bottom:-10px;width:0;height:2px;background:var(--gold);transition:.25s}.navlinks a:hover,.navlinks a.active{color:var(--gold)}.navlinks a:hover::after,.navlinks a.active::after{width:100%}.actions{display:flex;gap:10px;align-items:center}.lang,.menu-toggle{font-family:inherit;font-weight:900;border:1px solid var(--line);background:#fff;color:var(--ink);padding:11px 15px;border-radius:13px;cursor:pointer}.menu-toggle{display:none;font-size:1.3rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 24px;border-radius:13px;font-family:inherit;font-weight:900;border:1px solid var(--gold);transition:.25s}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(167,109,13,.18)}.btn-primary{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#231704}.btn-outline{background:#fff;color:#55370c}.btn-ghost{color:#fff;border-color:rgba(255,255,255,.86);background:rgba(0,0,0,.18)}
.hero{height:650px;position:relative;display:grid;place-items:center;overflow:hidden;background:#160d06}.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,8,3,.45),rgba(16,8,3,.18),rgba(16,8,3,.48)),linear-gradient(0deg,rgba(16,8,3,.68),rgba(16,8,3,.12) 55%,rgba(16,8,3,.30))}.hero-content{position:relative;z-index:2}.hero-copy{max-width:860px;margin:auto;text-align:center;color:#fff}.hero-stars{color:#efb225;letter-spacing:8px;font-size:1.25rem}.eyebrow{display:inline-block;color:#f2bd42;font-size:1.2rem;font-weight:900;margin-top:10px}.hero h1{font-size:clamp(3rem,7vw,5.9rem);line-height:1.15;margin:12px 0 18px;text-shadow:0 4px 22px rgba(0,0,0,.42)}.hero p{font-size:clamp(1.05rem,2vw,1.35rem);color:#fff6e6;margin:0 auto;max-width:720px}.hero-buttons{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:32px}
.category-strip{padding:24px 0;background:#fff;border-bottom:1px solid var(--line)}.categories{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}.categories a{min-height:105px;background:#fffdf9;border:1px solid var(--line);border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12px 7px;transition:.25s}.categories a:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--gold)}.categories span{font-size:2rem;line-height:1}.categories b{font-size:.88rem;margin-top:8px;color:#392518}
.section{padding:78px 0}.section-head{text-align:center;margin-bottom:38px}.section-head h2{font-size:clamp(2rem,4vw,3.1rem);line-height:1.3;margin:0;color:var(--ink);font-weight:900}.section-head p{margin:3px 0 0;color:var(--muted)}.section-head h2::after{content:"";display:block;width:62px;height:3px;background:var(--gold);margin:10px auto 0;border-radius:20px}.featured-grid{grid-template-columns:repeat(3,1fr)}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:.3s}.card:hover{transform:translateY(-5px);box-shadow:0 24px 50px rgba(106,73,28,.14)}.product-card .card-img{height:300px;display:grid;place-items:center;padding:18px;background:radial-gradient(circle at 50% 58%,#fff 0,#fffdf8 60%,#f6ead7 100%)}.product-card .card-img img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 14px rgba(70,43,11,.16));transition:.3s}.product-card:hover .card-img img{transform:scale(1.04)}.card-body{text-align:center;padding:20px 22px 24px}.card-body h3{margin:0;color:var(--ink);font-size:1.3rem}.card-body p{margin:7px 0;color:var(--muted);font-size:.93rem}.price{color:var(--red);font-size:1.3rem;font-weight:900}.section-cta{text-align:center;margin-top:26px}.popular-section{padding-top:20px}.branches-section{padding-top:35px}.branch-grid{grid-template-columns:repeat(2,1fr)}.branch-card{display:grid;grid-template-columns:42% 1fr;min-height:290px}.map-visual{background:linear-gradient(135deg,#eee8df,#fbf7f1);display:grid;place-items:center;position:relative;overflow:hidden}.map-visual::before,.map-visual::after{content:"";position:absolute;inset:0;background-image:linear-gradient(35deg,transparent 45%,rgba(205,147,43,.22) 46%,rgba(205,147,43,.22) 49%,transparent 50%),linear-gradient(-20deg,transparent 45%,rgba(109,153,119,.16) 46%,rgba(109,153,119,.16) 49%,transparent 50%);background-size:75px 75px}.map-visual span{position:relative;z-index:1;background:#fff;padding:10px 18px;border-radius:999px;border:1px solid var(--line);font-weight:900;color:var(--red)}.branch-info{padding:26px;text-align:center;display:flex;flex-direction:column;justify-content:center}.branch-info h3{font-size:1.7rem;margin:0;color:var(--ink)}.branch-info p{color:var(--muted)}.branch-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.quality-strip{padding:28px 0 48px}.quality-grid{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);overflow:hidden}.quality-grid>div{text-align:center;padding:24px 18px;position:relative}.quality-grid>div:not(:last-child)::after{content:"";position:absolute;left:0;top:20%;height:60%;width:1px;background:var(--line)}.quality-grid span{font-size:2rem}.quality-grid h3{margin:5px 0 2px;color:#a96f0a}.quality-grid p{margin:0;color:var(--muted);font-size:.9rem}
.footer{background:#f8eddd;border-top:1px solid var(--line);padding:46px 0 16px}.footer-grid{grid-template-columns:repeat(3,1fr)}.footer-grid>div{text-align:center}.footer h3{color:#a36b08}.footer .muted{color:var(--muted)}.footer-bottom{margin-top:26px;padding-top:16px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:18px}.credit{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:.8rem}.credit img{width:88px;max-height:35px;object-fit:contain}
.page-hero{padding:95px 0 65px;background:radial-gradient(circle at top right,#f4dfb7,transparent 44%),linear-gradient(180deg,#fff9ef,#f6ead6);text-align:center}.page-hero h1{font-size:clamp(2.5rem,6vw,4.8rem);margin:0;color:var(--ink);font-weight:900}.page-hero p{text-align:center}.muted{color:var(--muted)}.category-nav{display:flex;justify-content:center;gap:10px;overflow:auto;padding-bottom:12px;margin-bottom:34px;scrollbar-width:none}.category-nav a{white-space:nowrap;border:1px solid var(--line);background:#fff;padding:10px 17px;border-radius:999px}.category-nav a:hover{background:var(--gold);color:#111}.menu-section{scroll-margin-top:120px;margin-bottom:58px}.menu-section h2{text-align:center;font-size:2.2rem;color:var(--ink);border-bottom:1px solid var(--line);padding-bottom:13px}.menu-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.menu-item{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;display:grid;grid-template-columns:1fr auto;gap:8px 16px;box-shadow:0 8px 24px rgba(73,48,12,.06)}.menu-item h3{margin:0;font-size:1.1rem}.menu-item .desc{grid-column:1/-1;color:var(--muted);font-size:.92rem}.branches{grid-template-columns:repeat(2,1fr)}.branch{padding:30px;text-align:center}.branch h3{font-size:1.8rem;margin-top:0}.gallery{grid-template-columns:repeat(3,1fr)}.gallery a{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;min-height:290px;box-shadow:var(--shadow);display:grid;place-items:center}.gallery img{width:100%;height:100%;object-fit:contain;padding:20px;filter:drop-shadow(0 16px 16px rgba(73,48,12,.16));transition:.35s}.gallery a:hover img{transform:scale(1.05)}.about-grid{grid-template-columns:1.1fr .9fr;align-items:center}.about-grid>div:first-child{text-align:center}.about-image{background:#fff;border:1px solid var(--line);border-radius:30px;padding:30px;box-shadow:var(--shadow)}.contact-grid{grid-template-columns:1fr 1fr}.contact-card{padding:30px;text-align:center}.socials{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.socials a{border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px 16px}.original-menu{grid-template-columns:repeat(2,1fr)}.original-menu img{border-radius:18px}.notice{padding:16px;border:1px solid var(--line);background:#fff5d8;border-radius:14px;color:#7f5b0c;margin-bottom:25px;text-align:center}
@media(max-width:980px){.navlinks{position:fixed;inset:104px 0 auto 0;background:#fffaf3;display:none;flex-direction:column;padding:26px;border-bottom:1px solid var(--line)}.navlinks.open{display:flex}.menu-toggle{display:block}.categories{grid-template-columns:repeat(4,1fr)}.featured-grid,.gallery{grid-template-columns:repeat(2,1fr)}.branch-grid,.branches,.about-grid,.contact-grid,.footer-grid{grid-template-columns:1fr}.quality-grid{grid-template-columns:repeat(2,1fr)}.quality-grid>div::after{display:none}.branch-card{grid-template-columns:1fr}.map-visual{min-height:180px}.menu-list{grid-template-columns:1fr}}
@media(max-width:620px){.container{width:min(100% - 22px,1180px)}.nav{height:78px}.brand img{width:94px;height:68px}.navlinks{top:78px}.nav-order{display:none}.hero{height:650px}.hero h1{font-size:3.15rem}.hero-stars{letter-spacing:4px}.categories{grid-template-columns:repeat(2,1fr)}.featured-grid,.gallery,.original-menu{grid-template-columns:1fr}.product-card .card-img{height:260px}.section{padding:58px 0}.quality-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.actions{gap:7px}.lang,.menu-toggle{padding:9px 11px}}

/* v5 refinements */
.menu-preview,.popular-section{position:relative;overflow:hidden}
.menu-preview::before,.popular-section::after{content:"";position:absolute;width:300px;height:300px;background-repeat:no-repeat;background-size:contain;opacity:.13;pointer-events:none;z-index:0}
.menu-preview::before{background-image:url('../images/product-transparent-07.webp');left:-95px;top:70px;transform:rotate(-12deg)}
.popular-section::after{background-image:url('../images/product-transparent-09.webp');right:-105px;bottom:25px;transform:rotate(10deg)}
.menu-preview .container,.popular-section .container{position:relative;z-index:1}
.marketing-copy{text-align:center}
.marketing-copy h3{font-weight:800}
.marketing-copy p{max-width:30ch;margin-inline:auto}
.page-hero h1{margin-bottom:0}
@media(max-width:700px){.menu-preview::before,.popular-section::after{width:180px;height:180px;opacity:.08}.hero-copy h1{font-size:clamp(2.4rem,13vw,4rem)}}


/* v6 social and conversion sections */
.social-wall{position:relative;overflow:hidden;background:linear-gradient(180deg,#fffaf3 0%,#f7ead6 100%)}
.social-wall::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 10% 20%,rgba(215,148,8,.10),transparent 28%),radial-gradient(circle at 90% 75%,rgba(215,148,8,.09),transparent 30%);pointer-events:none}
.social-wall .container{position:relative;z-index:1}.social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.social-card{min-height:410px;background:#fff;border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;transition:.3s}.social-card:hover{transform:translateY(-6px);box-shadow:0 26px 52px rgba(106,73,28,.16)}.social-card img{height:270px;width:100%;object-fit:contain;padding:20px;background:radial-gradient(circle,#fff 30%,#f8ead7 100%)}.social-card>div{text-align:center;padding:20px}.social-card h3{margin:4px 0;color:var(--ink);font-size:1.25rem}.social-card p{margin:3px 0;color:var(--muted)}.social-kicker{display:inline-flex;padding:5px 11px;border-radius:999px;background:#20150e;color:#fff;font-size:.78rem}.instagram-card .social-kicker{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)}.tiktok-card .social-kicker{background:#111}.facebook-card .social-kicker{background:#1877f2}.embed-note{text-align:center;color:var(--muted);font-size:.85rem;margin:22px auto 0;max-width:760px}.final-cta{padding:58px 0;background:linear-gradient(125deg,#1a1009,#3b240d);color:#fff;position:relative;overflow:hidden}.final-cta::after{content:"";position:absolute;width:340px;height:340px;right:-90px;bottom:-170px;background:url('../images/product-transparent-01.webp') center/contain no-repeat;opacity:.13}.final-cta-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:28px}.final-cta h2{font-size:clamp(1.8rem,4vw,3rem);line-height:1.35;margin:8px 0 0}.final-cta .eyebrow{margin:0}.final-cta-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-start}.btn-light{background:#fff;color:#2c1b0d;border-color:#fff}
@media(max-width:980px){.social-grid{grid-template-columns:1fr 1fr}.final-cta-inner{flex-direction:column;text-align:center}.final-cta-actions{justify-content:center}}
@media(max-width:620px){.social-grid{grid-template-columns:1fr}.social-card{min-height:0}.final-cta-actions{flex-direction:column;width:100%}.final-cta-actions .btn{width:100%}}


/* v7 real-photo category cards and centered layout */
.categories{display:flex!important;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:18px;direction:rtl}
.categories a{width:190px;min-height:190px;padding:14px 12px 16px;justify-content:flex-start;background:linear-gradient(180deg,#fff 0%,#fffaf2 100%)}
.categories .category-photo{width:132px;height:112px;margin:0 auto 8px;display:grid;place-items:center;overflow:hidden;font-size:0;line-height:0}
.categories .category-photo img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 10px rgba(85,52,12,.14));transition:transform .3s ease}
.categories a:hover .category-photo img{transform:scale(1.08)}
.categories b{margin-top:auto;font-size:1rem;text-align:center;width:100%}
@media(max-width:700px){.categories{gap:12px}.categories a{width:calc(50% - 8px);min-height:165px}.categories .category-photo{width:108px;height:92px}.categories b{font-size:.88rem}}


/* v8: centered compact categories and subtle menu photography */
.category-strip{padding:28px 0;background:#fff;border-bottom:1px solid var(--line)}
.categories.categories-compact{
  width:min(900px,100%);
  margin-inline:auto;
  display:flex!important;
  justify-content:center!important;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
  direction:rtl;
}
.categories.categories-compact a{
  width:auto;
  min-height:0;
  padding:12px 22px;
  border-radius:999px;
  justify-content:center;
  background:#fffdf9;
  box-shadow:0 7px 18px rgba(100,65,19,.06);
}
.categories.categories-compact b{
  margin:0;
  font-size:.98rem;
  width:auto;
  white-space:nowrap;
}
.menu-page main{position:relative;isolation:isolate;overflow:hidden}
.menu-page main::before,.menu-page main::after{
  content:"";
  position:absolute;
  width:430px;
  height:430px;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  opacity:.055;
  filter:saturate(.9);
  pointer-events:none;
  z-index:-1;
}
.menu-page main::before{background-image:url('../images/product-transparent-01.webp');left:-185px;top:430px;transform:rotate(-14deg)}
.menu-page main::after{background-image:url('../images/product-transparent-07.webp');right:-195px;top:1050px;transform:rotate(15deg)}
.menu-page .section{position:relative}
.menu-page .menu-section{position:relative}
.menu-page .menu-section:nth-of-type(odd)::after{
  content:"";
  position:absolute;
  width:270px;
  height:210px;
  inset-inline-end:-180px;
  top:45%;
  background:url('../images/product-transparent-05.webp') center/contain no-repeat;
  opacity:.035;
  pointer-events:none;
  z-index:-1;
}
@media(max-width:700px){
  .categories.categories-compact{gap:9px}
  .categories.categories-compact a{width:auto;min-height:0;padding:10px 15px}
  .categories.categories-compact b{font-size:.82rem}
  .menu-page main::before,.menu-page main::after{width:240px;height:240px;opacity:.04}
}

/* v9 compact menu cover */
.menu-cover{
  position:relative;
  min-height:340px;
  height:340px;
  padding:0;
  display:grid;
  place-items:center;
  overflow:hidden;
  background-image:url('../images/menu-cover.webp');
  background-size:cover;
  background-position:center 48%;
  border-bottom:1px solid var(--line);
}
.menu-cover-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(40,23,8,.16),rgba(40,23,8,.28),rgba(40,23,8,.16));
}
.menu-cover-content{
  position:relative;
  z-index:1;
  text-align:center;
  padding:20px;
}
.menu-cover h1{
  color:#fff;
  text-shadow:0 4px 22px rgba(24,12,2,.72);
  font-size:clamp(2.8rem,6vw,5rem);
  line-height:1;
  margin:0 0 16px;
}
.menu-cover p{
  margin:0 auto;
  color:#fff;
  font-weight:800;
  font-size:clamp(1rem,2vw,1.35rem);
  text-shadow:0 3px 15px rgba(24,12,2,.75);
}
.menu-cover + .section{padding-top:42px}
.menu-cover + .section .category-nav{justify-content:center;margin-inline:auto}
@media (max-width:700px){
  .menu-cover{height:260px;min-height:260px;background-position:center center}
  .menu-cover h1{font-size:3rem;margin-bottom:12px}
  .menu-cover p{max-width:310px;font-size:.95rem;line-height:1.7}
  .menu-cover + .section{padding-top:28px}
}