:root{
  --black:#050505;
  --black2:#0c0a07;
  --gold:#d6a935;
  --gold2:#f3d372;
  --white:#ffffff;
  --muted:#cfc7b9;
  --border:rgba(214,169,53,.35);
}

*{box-sizing:border-box;margin:0;padding:0}
body{font-family:"Inter",sans-serif;background:var(--black);color:var(--white);overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}

.siteHeader{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  z-index:1000;
  background:rgba(0,0,0,.62);
  backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(214,169,53,.18);
}

.siteHeader.scrolled{background:rgba(0,0,0,.92)}

.headerInner{
  width:min(1240px,92%);
  margin:auto;
  min-height:82px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
}

.brand{display:flex;align-items:center;gap:12px}
.brand img{width:64px;height:64px;object-fit:contain}
.brand strong{
  font-family:"Cinzel",serif;
  color:var(--gold2);
  font-size:24px;
  letter-spacing:1px;
  display:block;
  line-height:1;
}
.brand small{
  color:var(--gold);
  text-transform:uppercase;
  letter-spacing:1.5px;
  font-size:12px;
}

.desktopNav{display:flex;align-items:center;gap:24px}
.desktopNav a{
  font-size:13px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.8px;
  position:relative;
}
.desktopNav a.active,
.desktopNav a:hover{color:var(--gold2)}
.desktopNav a.active:after,
.desktopNav a:hover:after{
  content:"";
  position:absolute;
  left:0;
  bottom:-10px;
  width:100%;
  height:2px;
  background:var(--gold);
}

.headerActions{display:flex;align-items:center;gap:12px}

.languageSwitch{
  display:flex;
  border:1px solid var(--border);
  border-radius:999px;
  overflow:hidden;
}
.languageSwitch a{
  padding:7px 9px;
  font-size:11px;
  font-weight:800;
}
.languageSwitch a.active{
  background:var(--gold);
  color:#000;
}

.headerOrder{
  border:1px solid var(--gold);
  color:var(--gold2);
  padding:13px 18px;
  border-radius:4px;
  font-size:12px;
  text-transform:uppercase;
  font-weight:900;
  letter-spacing:.8px;
}

.menuToggle{
  display:none;
  width:46px;
  height:46px;
  background:transparent;
  border:1px solid var(--border);
  border-radius:4px;
  padding:10px;
}
.menuToggle span{
  display:block;
  height:2px;
  margin:6px 0;
  background:var(--gold2);
}

.mobileNav{
  display:none;
  background:#050505;
  border-top:1px solid var(--border);
  padding:14px 22px 24px;
}
.mobileNav a{
  display:block;
  padding:14px 0;
  border-bottom:1px solid rgba(255,255,255,.08);
  font-weight:700;
}
.mobileNav.open{display:block}
.mobileLang{
  margin-top:12px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
}
.mobileLang a{
  border:1px solid var(--border);
  text-align:center;
  padding:10px;
}

.heroClean{
  min-height:100vh;
  position:relative;
  display:flex;
  align-items:center;
  padding:135px 0 135px;
  overflow:hidden;
  background:#050505;
}

.heroSlides{
  position:absolute;
  inset:0;
  z-index:0;
}

.heroSlide{
  position:absolute;
  inset:0;
  opacity:0;
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  background-color:#050505;
  transform:scale(1);
  transition:opacity 1.2s ease;
}

.heroSlide.active{
  opacity:1;
  z-index:1;
}

.heroOverlay{
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(
      90deg,
      rgba(0,0,0,.72) 0%,
      rgba(0,0,0,.45) 28%,
      rgba(0,0,0,.12) 62%,
      rgba(0,0,0,.02) 100%
    ),
    linear-gradient(
      180deg,
      rgba(0,0,0,.04) 0%,
      rgba(0,0,0,.38) 100%
    );
  pointer-events:none;
}

.heroContent{
  width:min(1240px,92%);
  margin:auto;
  position:relative;
  z-index:2;
  max-width:660px;
}

.eyebrow,
.sectionLabel{
  color:var(--gold);
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:2.2px;
  font-size:13px;
  margin-bottom:16px;
}

.hero h1{
  font-family:"Cinzel",serif;
  font-size:clamp(42px,7vw,86px);
  line-height:.98;
  letter-spacing:-1px;
  margin-bottom:22px;
}

.heroText{
  max-width:580px;
  color:#f0eadf;
  font-size:18px;
  line-height:1.75;
  margin-bottom:30px;
}

.heroButtons{display:flex;flex-wrap:wrap;gap:14px}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:15px 24px;
  border-radius:5px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.8px;
  font-size:13px;
  transition:.25s ease;
}
.btnGold{
  background:linear-gradient(135deg,var(--gold),var(--gold2));
  color:#000;
  border:1px solid var(--gold2);
}
.btnDark{
  background:rgba(0,0,0,.42);
  color:#fff;
  border:1px solid var(--border);
}
.btn:hover{transform:translateY(-2px)}

.heroTrust{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:3;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  background:rgba(0,0,0,.72);
  backdrop-filter:blur(14px);
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
}
.heroTrust div{
  padding:22px 14px;
  text-align:center;
  border-right:1px solid rgba(214,169,53,.25);
}
.heroTrust strong{
  color:var(--gold2);
  font-family:"Cinzel",serif;
  font-size:24px;
  display:block;
}
.heroTrust span{
  color:#fff;
  text-transform:uppercase;
  font-size:12px;
  letter-spacing:1px;
}

.quickOrder{
  width:min(1160px,92%);
  margin:-36px auto 0;
  position:relative;
  z-index:5;
  background:linear-gradient(135deg,rgba(26,20,10,.96),rgba(7,7,7,.96));
  border:1px solid var(--border);
  border-radius:18px;
  padding:26px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  box-shadow:0 20px 60px rgba(0,0,0,.5);
}
.quickOrder h2{
  font-family:"Cinzel",serif;
  font-size:30px;
}
.quickOrder p{color:var(--muted);line-height:1.6}

.section{
  width:min(1240px,92%);
  margin:auto;
  padding:90px 0;
}

.introSection{
  display:grid;
  grid-template-columns:1fr 1.25fr;
  gap:50px;
  align-items:start;
}
.introText h2,
.sectionHeader h2,
.midCta h2,
.finalCta h2{
  font-family:"Cinzel",serif;
  font-size:clamp(32px,4vw,52px);
  line-height:1.1;
  margin-bottom:20px;
}
.introText p{
  color:var(--muted);
  line-height:1.8;
  margin-bottom:24px;
}
.textLink,
.sectionLink{
  color:var(--gold2);
  font-weight:900;
  text-transform:uppercase;
  font-size:13px;
  letter-spacing:.8px;
}

.introCards{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.introCards article{
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));
  border:1px solid var(--border);
  border-radius:18px;
  padding:24px;
}
.introCards h3{
  color:var(--gold2);
  font-family:"Cinzel",serif;
  margin-bottom:12px;
}
.introCards p{color:var(--muted);line-height:1.65}

.sectionHeader{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:24px;
  margin-bottom:34px;
}

.foodCarousel{
  overflow:hidden;
  mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
}
.foodTrack{
  display:flex;
  gap:22px;
  width:max-content;
  animation:scrollFoods 34s linear infinite;
}
.foodCarousel:hover .foodTrack{animation-play-state:paused}
@keyframes scrollFoods{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}

.foodCard{
  width:310px;
  background:#0d0b08;
  border:1px solid var(--border);
  border-radius:18px;
  overflow:hidden;
  flex:0 0 auto;
}
.foodCard img{
  width:100%;
  height:240px;
  object-fit:cover;
}
.foodCard div{padding:20px}
.foodCard h3{
  font-family:"Cinzel",serif;
  color:var(--gold2);
  margin-bottom:10px;
}
.foodCard p{
  color:var(--muted);
  line-height:1.55;
  font-size:14px;
  margin-bottom:14px;
}
.foodCard strong{
  color:var(--gold2);
  font-size:20px;
}

.midCta{
  position:relative;
  overflow:hidden;

  background:
    url("/assets/images/home/kourosh-catering2.png")
    center center/cover no-repeat;

  padding:120px 20px;

  border-top:1px solid rgba(214,169,53,.25);
  border-bottom:1px solid rgba(214,169,53,.25);
}

.midCtaOverlay{
  position:absolute;
  inset:0;

  background:
    linear-gradient(
      90deg,
      rgba(0,0,0,.88) 0%,
      rgba(0,0,0,.62) 45%,
      rgba(0,0,0,.42) 100%
    );

  z-index:1;
}

.midCtaContent{
  position:relative;
  z-index:2;

  width:min(1000px,92%);
  margin:auto;
}

.midCta h2{
  max-width:850px;

  font-family:"Cinzel",serif;

  font-size:clamp(34px,5vw,62px);

  line-height:1.05;

  margin-bottom:24px;
}

.midCta p{
  max-width:760px;

  color:#e8e0d0;

  font-size:18px;

  line-height:1.8;

  margin-bottom:34px;
}

.midCtaButtons{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
}

.categoryGrid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.categoryCard{
  min-height:260px;
  border:1px solid var(--border);
  border-radius:18px;
  display:flex;
  align-items:end;
  padding:22px;
  overflow:hidden;
  transition:.25s ease;
  background:
    linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,.85)),
    url("/assets/images/foods/beef-koobideh.jpg") center center/cover no-repeat;
}
.categoryCard span{
  position:relative;
  z-index:2;

  font-family:"Cinzel",serif;

  font-size:34px;

  color:#fff;

  text-shadow:
    0 3px 12px rgba(0,0,0,.55);
}

.categoryCard{
  position:relative;
  transition:.45s ease;
}

.categoryCard::before{
  content:"";
  position:absolute;
  inset:0;

  background:
    linear-gradient(
      180deg,
      rgba(0,0,0,.05),
      rgba(0,0,0,.82)
    );

  z-index:1;
}

.categoryCard:hover{
  transform:translateY(-8px) scale(1.02);
}

.categoryKabobs{
  background-image:
    linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.78)),
    url("/assets/images/foods/kabobs2.png");
}

.categoryStew{
  background-image:
    linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.78)),
    url("/assets/images/foods/stews.png");
}

.categoryApp{
  background-image:
    linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.78)),
    url("/assets/images/foods/appetizers.png");
}

.categorySoup{
  background-image:
    linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.78)),
    url("/assets/images/foods/soups.png");
}

.categorySalad{
  background-image:
    linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.78)),
    url("/assets/images/foods/salads.png");
}

.categoryCatering{
  background-image:
    linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.78)),
    url("/assets/images/foods/caterings-3.png");
}
.eventGrid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}
.eventCard{
  min-height:520px;
  border:1px solid var(--border);
  box-shadow:
  0 20px 60px rgba(0,0,0,.45),
  0 0 0 1px rgba(214,169,53,.08);
  border-radius:20px;
  padding:28px;
  display:flex;
  flex-direction:column;
  justify-content:end;
  background:
    linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.9)),
    url("/assets/images/home/weddings.png") center center/cover no-repeat;
}
.eventCard.quince{
  background-image:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.9)),url("/assets/images/home/quinc.png");
}
.eventCard.cabaret{
  background-image:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.9)),url("/assets/images/home/liveband.png");
}
.eventCard h3{
  font-family:"Cinzel",serif;
  font-size:30px;
  margin-bottom:12px;
}
.eventCard p{
  color:var(--muted);
  line-height:1.7;
  margin-bottom:18px;
}
.eventCard a{
  color:var(--gold2);
  font-weight:900;
  text-transform:uppercase;
  font-size:13px;
}

.finalCta{
  text-align:center;
  padding:90px 20px;
  background:radial-gradient(circle at center,rgba(214,169,53,.16),transparent 30%),#050505;
  border-top:1px solid var(--border);
}
.finalCta p{
  color:var(--muted);
  margin-bottom:28px;
  line-height:1.7;
}
.finalCta .heroButtons{justify-content:center}

.footer{
  border-top:1px solid var(--border);
  background:#020202;
  width:100%;
  padding:34px max(4%,calc((100% - 1240px)/2));
  display:grid;
  grid-template-columns:2fr 1fr 1fr 1fr;
  gap:24px;
}
.footer strong{
  color:var(--gold2);
  font-family:"Cinzel",serif;
}
.footer p,
.footer a{
  color:var(--muted);
  line-height:1.6;
  margin-top:8px;
}

@media(max-width:1050px){
  .desktopNav,
  .headerOrder{display:none}
  .menuToggle{display:block}
  .introSection{grid-template-columns:1fr}
  .introCards,
  .eventGrid{grid-template-columns:1fr}
  .categoryGrid{grid-template-columns:repeat(2,1fr)}
  .midCta{flex-direction:column;align-items:flex-start}
}

@media(max-width:700px){
  body{
    padding-bottom:78px;
  }

  .headerInner{
    min-height:82px;
    padding:10px 0;
  }

  .brand img{
    width:56px;
    height:56px;
    object-fit:contain;
  }

  .brand strong{
    font-size:24px;
  }

  .brand small{
    font-size:11px;
  }

  .languageSwitch{
    display:none;
  }

  .heroClean{
    min-height:92svh;
    align-items:flex-end;
    padding:115px 0 155px;
  }

.heroSlide{
  background-size:105%;
  background-position:center center;
}

.heroOverlay{
  background:
    linear-gradient(
      180deg,
      rgba(0,0,0,.04) 0%,
      rgba(0,0,0,.28) 45%,
      rgba(0,0,0,.72) 100%
    ),
    linear-gradient(
      90deg,
      rgba(0,0,0,.28) 0%,
      rgba(0,0,0,.06) 100%
    );
}

  .heroContent{
    width:92%;
    max-width:100%;
  }

  .hero h1{
    font-size:43px;
    line-height:.94;
  }

  .heroText{
    font-size:16px;
    line-height:1.65;
  }

  .heroButtons{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
  }

  .btn{
    width:100%;
    min-height:56px;
    padding:14px 10px;
    font-size:13px;
    border-radius:14px;
  }

  .heroTrust{
    grid-template-columns:repeat(2,1fr);
  }

  .heroTrust div{
    padding:18px 10px;
    min-height:110px;
  }

  .quickOrder{
    margin-top:24px;
    flex-direction:column;
    align-items:flex-start;
  }

  .section{
    padding:72px 0;
  }

  .sectionHeader{
    display:block;
  }

  .foodCard{
    width:280px;
  }

  .categoryGrid{
    grid-template-columns:1fr;
  }

  .categoryCard{
    min-height:230px;
  }

  .footer{
    grid-template-columns:1fr;
  }
  .brandInfo{
    font-size:9px;
    line-height:1.15;
    max-width:110px;
  }

  .brandAddress{
    display:none;
  }

  .brand{
    gap:8px;
  }

  .brand img{
    width:46px;
    height:46px;
  }

  .brand strong{
    font-size:18px;
  }
    html[dir="rtl"] .brandInfo{
    text-align:right;
    max-width:120px;
    font-size:9px;
    line-height:1.2;
  }

  html[dir="rtl"] .brand{
    gap:6px;
  }

  html[dir="rtl"] .headerInner{
    gap:10px;
  }

  html[dir="rtl"] .brand strong{
    font-size:17px;
  }
  .mobileBottomBar{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:3000;
    display:grid;
    grid-template-columns:1fr 1fr;
    height:72px;
    border-top:1px solid rgba(214,169,53,.25);
    box-shadow:0 -10px 35px rgba(0,0,0,.45);
  }

  .mobileBottomBar a{
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
    font-weight:900;
  }

  .mobileBottomCall{
    background:#0f0f0f;
    color:#fff;
  }

  .mobileBottomOrder{
    background:linear-gradient(135deg,#d6a935,#f1d16b);
    color:#000;
  }
}
.foodCard{
  box-shadow:
    0 10px 30px rgba(0,0,0,.35),
    0 0 0 1px rgba(214,169,53,.08);
}
.foodCard{
  transition:.35s ease;
}

.foodCard:hover{
  transform:translateY(-6px);
}
.foodCard{
  position:relative;
}

.foodCard::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:160px;
  height:80px;
  background:linear-gradient(180deg, transparent, rgba(0,0,0,.45));
  pointer-events:none;
}
.foodOrderBtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:16px;
  background:linear-gradient(135deg,#d6a935,#f3d372);
  color:#000;
  padding:10px 16px;
  border-radius:10px;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.7px;
}

.foodOrderBtn:hover{
  transform:translateY(-2px);
}
html[dir="rtl"] body{
  font-family:"Noto Naskh Arabic","Inter",sans-serif;
  direction:rtl;
}

html[dir="rtl"] .desktopNav,
html[dir="rtl"] .headerActions,
html[dir="rtl"] .heroButtons,
html[dir="rtl"] .midCtaButtons{
  direction:rtl;
}

html[dir="rtl"] .heroContent{
  text-align:right;
}
html[dir="rtl"] .foodCarousel,
html[dir="rtl"] .foodTrack{
  direction:ltr;
}

html[dir="rtl"] .foodCard{
  direction:rtl;
  text-align:right;
}

html[dir="rtl"] .foodCard img{
  direction:ltr;
}
html[dir="rtl"] .foodCarousel,
html[dir="rtl"] .foodTrack{
  direction:ltr;
}

html[dir="rtl"] .foodCard{
  direction:rtl;
  text-align:right;
}

html[dir="rtl"] .foodCard img{
  direction:ltr;
}

html[dir="rtl"] .foodTrack{
  animation:scrollFoods 48s linear infinite;
}
.brandInfo{
  display:block;
  margin-top:4px;
  font-size:11px;
  line-height:1.35;
  letter-spacing:.2px;
  color:#e8e0d0;
  text-transform:none;
  max-width:240px;
}

.brandInfo a{
  color:#e8e0d0;
}

.brandInfo a:hover{
  color:#f3d372;
}

.brandAddress{
  display:block;
}

html[dir="rtl"] .brandInfo{
  text-align:right;
}