/* ALICE CINEMATIC HERO — الصورة تُحمّل حصريًا من Firebase عبر site-media.js */
body[data-page="home"] .alice-cinematic-hero{
  position:relative!important;
  isolation:isolate;
  display:grid!important;
  min-height:clamp(620px,88vh,900px)!important;
  padding:0!important;
  overflow:hidden;
  background-image:var(--alice-hero-image, none)!important;
  background-size:cover!important;
  background-position:center 32%!important;
  border-radius:0!important;
}
body[data-page="home"] .alice-cinematic-hero::before{display:none!important}
body[data-page="home"] .alice-cinematic-overlay{
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(180deg,rgba(42,14,26,.08) 0%,rgba(42,14,26,.16) 42%,rgba(42,14,26,.72) 100%),
    linear-gradient(90deg,rgba(40,12,23,.52) 0%,rgba(40,12,23,.12) 58%,rgba(40,12,23,0) 100%);
}
body[data-page="home"] .alice-cinematic-inner{
  width:min(1180px,100%);
  min-height:inherit;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  padding-top:clamp(40px,9vh,100px);
  padding-bottom:clamp(44px,8vh,90px);
}
body[data-page="home"] .alice-cinematic-copy{
  width:min(620px,100%);
  margin-inline-start:0;
  text-align:start;
  color:#fff;
  text-shadow:0 2px 20px rgba(28,9,17,.28);
}
body[data-page="home"] .alice-cinematic-copy .eyebrow{
  display:inline-block;
  margin-bottom:16px;
  color:#fff4f7!important;
  font-size:13px;
  font-weight:700;
  letter-spacing:.16em;
}
body[data-page="home"] .alice-cinematic-copy h1{
  margin:0 0 18px;
  color:#fff!important;
  font-family:"Playfair Display","Cairo",serif;
  font-size:clamp(46px,6.5vw,88px);
  line-height:.98;
  letter-spacing:-.035em;
}
body[data-page="home"] .alice-cinematic-copy p{
  width:min(540px,100%);
  margin:0 0 28px;
  color:rgba(255,255,255,.94)!important;
  font-size:clamp(16px,1.5vw,19px);
  line-height:1.9;
}
body[data-page="home"] .alice-cinematic-copy .hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
body[data-page="home"] .alice-cinematic-copy .button{
  min-width:168px;
  min-height:52px;
  border-radius:999px!important;
  justify-content:center;
}
body[data-page="home"] .alice-cinematic-copy .button-primary{
  background:#fff!important;
  color:#7f244d!important;
  border-color:#fff!important;
  box-shadow:0 14px 34px rgba(30,9,18,.22)!important;
}
body[data-page="home"] .alice-cinematic-copy .button-secondary{
  background:rgba(255,255,255,.12)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.72)!important;
  backdrop-filter:blur(9px);
}
@media (max-width:700px){
  body[data-page="home"] .alice-cinematic-hero{
    min-height:calc(100svh - 92px)!important;
    max-height:860px;
    background-position:center 26%!important;
  }
  body[data-page="home"] .alice-cinematic-overlay{
    background:linear-gradient(180deg,rgba(45,12,25,.05) 0%,rgba(45,12,25,.08) 34%,rgba(45,12,25,.76) 76%,rgba(45,12,25,.9) 100%);
  }
  body[data-page="home"] .alice-cinematic-inner{
    align-items:flex-end;
    justify-content:center;
    padding:24px 20px 42px!important;
  }
  body[data-page="home"] .alice-cinematic-copy{
    width:100%;
    text-align:center;
  }
  body[data-page="home"] .alice-cinematic-copy .eyebrow{
    margin-bottom:10px;
    font-size:10px;
    letter-spacing:.13em;
  }
  body[data-page="home"] .alice-cinematic-copy h1{
    margin-bottom:13px;
    font-size:clamp(38px,11.5vw,56px);
    line-height:1.02;
  }
  body[data-page="home"] .alice-cinematic-copy p{
    width:min(330px,100%);
    margin:0 auto 20px;
    font-size:13px;
    line-height:1.75;
  }
  body[data-page="home"] .alice-cinematic-copy .hero-actions{
    justify-content:center;
    gap:9px;
  }
  body[data-page="home"] .alice-cinematic-copy .button{
    min-width:0;
    flex:1 1 140px;
    max-width:170px;
    min-height:46px;
    padding-inline:16px!important;
    font-size:13px;
  }
}
@media (max-width:390px){
  body[data-page="home"] .alice-cinematic-copy .hero-actions{display:grid;grid-template-columns:1fr 1fr}
  body[data-page="home"] .alice-cinematic-copy .button{width:100%;max-width:none}
}

/* لا تُعرض أي صورة بديلة قبل اكتمال جلب صورة الهيرو من Firebase */
html:not(.alice-hero-ready) body[data-page="home"] .alice-cinematic-hero{
  background-image:none!important;
}
html:not(.alice-hero-ready) body[data-page="home"] .alice-cinematic-hero .alice-cinematic-overlay{
  background:linear-gradient(145deg,#8e315a,#c65f83)!important;
}
.brand-logo img:not([src]), .alice-menu-head img:not([src]), [data-site-logo]:not([src]){display:none!important}
