:root{
  --hp-ease:cubic-bezier(.22,.8,.2,1);
  --hp-panel:linear-gradient(180deg,rgba(16,10,7,.78),rgba(7,5,4,.95));
  --hp-card-shadow:0 22px 54px rgba(0,0,0,.34);
}

.home-page .hero{
  min-height:100svh!important;
  background:#050302!important;
  overflow:hidden!important;
}
.home-page .hero .wrap{
  position:relative;
  z-index:2;
  min-height:100svh;
  display:flex;
  align-items:flex-end;
}
.home-page .hero-slides{
  background:url('../images/nawab7-storefront-hero-enhanced.webp') center center/cover no-repeat;
}
.home-page .hero:after{
  background:
    linear-gradient(90deg,rgba(6,4,3,.60) 0%,rgba(6,4,3,.28) 42%,rgba(6,4,3,.12) 76%),
    linear-gradient(180deg,rgba(6,4,3,.18) 0%,rgba(6,4,3,.08) 34%,rgba(6,4,3,.84) 100%)!important;
}
.home-page .hero-content{
  width:min(560px,calc(100vw - 40px))!important;
  max-width:560px!important;
  margin:0 0 clamp(74px,11vh,118px)!important;
  padding:0!important;
  text-shadow:0 18px 54px rgba(0,0,0,.82)!important;
}
.home-page .hero h1{
  font-size:clamp(3rem,7vw,6.4rem)!important;
  line-height:.88!important;
  letter-spacing:.015em!important;
  max-width:8ch;
}
.home-page .hero .sub{
  max-width:40ch!important;
  font-size:clamp(.98rem,1.35vw,1.08rem)!important;
  line-height:1.72!important;
  color:rgba(247,238,225,.94)!important;
}
.home-page .hero-bg{
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  opacity:0;
  transition:opacity .9s linear!important;
  transform:none!important;
}
.home-page .hero-bg.active{opacity:1!important;animation:none!important;transform:none!important;}
.home-page .hero-bg.leaving{opacity:0!important;animation:none!important;transform:none!important;}
.home-page .hero-bg:before,
.home-page .hero-slides:before,
.home-page .hero-slides:after{
  display:none!important;
}

.home-page .signature-group,
.home-page .special-card,
.home-page .deal-card,
.home-page .quick-card,
.home-page .dish,
.home-page .cat-card,
.home-page .hall-card,
.home-page .cert-card,
.home-page .review,
.home-page .g-item{
  box-shadow:var(--hp-card-shadow)!important;
  transition:transform .48s var(--hp-ease),box-shadow .48s var(--hp-ease),border-color .48s var(--hp-ease)!important;
}
.home-page .signature-group:hover,
.home-page .special-card:hover,
.home-page .deal-card:hover,
.home-page .quick-card:hover,
.home-page .dish:hover,
.home-page .cat-card:hover,
.home-page .hall-card:hover,
.home-page .cert-card:hover,
.home-page .review:hover,
.home-page .g-item:hover{
  transform:translateY(-7px)!important;
  box-shadow:0 28px 68px rgba(0,0,0,.42)!important;
  border-color:rgba(212,169,65,.30)!important;
}

.home-page .motion-reveal{
  opacity:0!important;
  filter:none!important;
  transition:opacity .8s var(--hp-ease),transform .8s var(--hp-ease)!important;
  will-change:transform,opacity;
}
.home-page .motion-reveal.from-left{transform:translate3d(-42px,0,0) scale(.985)!important;}
.home-page .motion-reveal.from-right{transform:translate3d(42px,0,0) scale(.985)!important;}
.home-page .motion-reveal.zoom{transform:translate3d(0,24px,0) scale(.965)!important;}
.home-page .motion-reveal.in{opacity:1!important;transform:translate3d(0,0,0) scale(1)!important;}

.home-page .signature-group{
  padding:26px!important;
  border-radius:32px!important;
  background:linear-gradient(180deg,rgba(17,11,8,.92),rgba(7,5,4,.98))!important;
  border:1px solid rgba(212,169,65,.16)!important;
}
.home-page .signature-group-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(260px,340px)!important;
  gap:24px!important;
  align-items:center!important;
  margin-bottom:22px!important;
}
.home-page .signature-group-visual{
  height:100%;
  min-height:230px;
  border-radius:26px;
  overflow:hidden;
  border:1px solid rgba(212,169,65,.16);
}
.home-page .signature-group-visual img{
  width:100%;height:100%;object-fit:cover;
}
.home-page .signature-group-title{
  font-size:clamp(2rem,2.8vw,3rem)!important;
  line-height:.96!important;
}
.home-page .signature-group-copy{
  max-width:48ch;
  color:rgba(247,238,225,.82)!important;
  line-height:1.7!important;
}

.home-page .dish,.home-page .deal-card{
  overflow:hidden!important;
  border-radius:28px!important;
}
.home-page .dish-media,.home-page .deal-media,.home-page .special-media{
  position:relative;
  overflow:hidden;
}
.home-page .dish-media img,.home-page .deal-media img,.home-page .special-media img{
  transition:transform .72s var(--hp-ease),filter .72s var(--hp-ease)!important;
}
.home-page .dish:hover .dish-media img,
.home-page .deal-card:hover .deal-media img,
.home-page .special-card:hover .special-media img{
  transform:scale(1.05)!important;
}
.home-page .dish-body,.home-page .deal-body,.home-page .special-copy{
  background:var(--hp-panel)!important;
}
.home-page .dish-body h3,.home-page .deal-body h3{font-size:clamp(1.35rem,1.7vw,1.7rem)!important;}
.home-page .dish-body p,.home-page .deal-body p{color:rgba(247,238,225,.80)!important;line-height:1.62!important;}

.home-page .cat-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:28px!important;
  align-items:stretch!important;
}
.home-page .cat-card{
  position:relative!important;
  min-height:420px!important;
  border-radius:34px!important;
  border:1px solid rgba(212,169,65,.18)!important;
  background:#090604!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
.home-page .cat-card>img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  filter:saturate(1.04) contrast(1.03) brightness(.88)!important;
  transition:transform .88s var(--hp-ease),filter .88s var(--hp-ease)!important;
}
.home-page .cat-card:hover>img{
  transform:scale(1.06) translateX(6px)!important;
  filter:saturate(1.06) contrast(1.04) brightness(.94)!important;
}
.home-page .cat-card:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    linear-gradient(180deg,rgba(0,0,0,.04) 0%,rgba(0,0,0,.10) 28%,rgba(0,0,0,.78) 72%,rgba(0,0,0,.92) 100%),
    linear-gradient(90deg,rgba(0,0,0,.22),transparent 42%)!important;
}
.home-page .cat-content{
  position:absolute!important;
  z-index:2!important;
  left:22px!important;
  right:22px!important;
  bottom:22px!important;
  padding:22px 22px 20px!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,rgba(18,11,8,.78),rgba(7,5,4,.92))!important;
  border:1px solid rgba(212,169,65,.18)!important;
  box-shadow:0 12px 32px rgba(0,0,0,.26)!important;
}
.home-page .cat-card small{
  display:block!important;
  color:var(--gold2)!important;
  letter-spacing:.22em!important;
  font-size:.76rem!important;
  font-weight:800!important;
  text-transform:uppercase!important;
}
.home-page .cat-card h3{
  font-size:clamp(2rem,2.6vw,3.1rem)!important;
  line-height:.96!important;
  margin:.55rem 0 .7rem!important;
  color:#fff!important;
}
.home-page .cat-card p{
  color:rgba(247,238,225,.84)!important;
  font-size:1rem!important;
  line-height:1.68!important;
  max-width:44ch!important;
}
.home-page .cat-card .count,
.home-page .cat-card .sub-count{
  position:absolute!important;
  top:18px!important;
  z-index:3!important;
  display:inline-flex!important;
  align-items:center!important;
  padding:.64rem .95rem!important;
  border-radius:999px!important;
  background:rgba(7,5,4,.56)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  backdrop-filter:blur(8px)!important;
  color:var(--gold2)!important;
  font-size:.78rem!important;
  font-weight:800!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
}
.home-page .cat-card .count{left:18px!important;right:auto!important;}
.home-page .cat-card .sub-count{right:18px!important;left:auto!important;}

.home-page .quick-card{
  border-radius:24px!important;
  background:linear-gradient(180deg,rgba(20,13,9,.92),rgba(10,7,5,.98))!important;
  border:1px solid rgba(212,169,65,.12)!important;
}
.home-page .quick-card .k{color:var(--gold2)!important;letter-spacing:.16em!important;text-transform:uppercase!important;}
.home-page .quick-card .v{color:rgba(247,238,225,.92)!important;}

.home-page .title{max-width:13ch;}
.home-page .head .lede{max-width:64ch;color:rgba(247,238,225,.82)!important;line-height:1.72!important;}

@media (max-width: 980px){
  .home-page .signature-group-head{grid-template-columns:1fr!important;}
  .home-page .signature-group-visual{min-height:210px;}
  .home-page .cat-grid{grid-template-columns:1fr!important;gap:22px!important;}
}

@media (max-width: 760px){
  .home-page .hero .wrap{align-items:flex-end!important;min-height:94svh!important;}
  .home-page .hero-content{width:min(100%,400px)!important;margin:0 0 92px!important;}
  .home-page .hero h1{font-size:clamp(2.8rem,15vw,4.6rem)!important;max-width:7ch!important;}
  .home-page .hero .arabic{font-size:.92rem!important;}
  .home-page .hero .sub{font-size:.92rem!important;max-width:30ch!important;}
  .home-page .hero-cta{gap:10px!important;}
  .home-page .hero-cta .btn{width:100%!important;justify-content:center!important;}
  .home-page .signature-group{padding:20px!important;}
  .home-page .cat-card{min-height:360px!important;}
  .home-page .cat-content{left:16px!important;right:16px!important;bottom:16px!important;padding:17px!important;}
  .home-page .cat-card h3{font-size:clamp(1.65rem,9vw,2.35rem)!important;}
  .home-page .cat-card p{font-size:.92rem!important;line-height:1.58!important;}
  .home-page .cat-card .count,.home-page .cat-card .sub-count{font-size:.68rem!important;padding:.56rem .8rem!important;}
}

@media (prefers-reduced-motion: reduce){
  .home-page .motion-reveal,
  .home-page .motion-reveal.in,
  .home-page .hero-bg,
  .home-page .hero-bg.active,
  .home-page .hero-bg.leaving,
  .home-page .signature-group,
  .home-page .special-card,
  .home-page .deal-card,
  .home-page .quick-card,
  .home-page .dish,
  .home-page .cat-card,
  .home-page .hall-card,
  .home-page .cert-card,
  .home-page .review,
  .home-page .g-item{
    transition:none!important;
    animation:none!important;
    transform:none!important;
    opacity:1!important;
  }
}