/* JUBAIL HERO TV FORCE RESTORE V4 */
.hero.jubail-hero{
  min-height:calc(100vh - 82px) !important;
}
.hero.jubail-hero .hero-inner{
  width:100% !important;
  display:grid !important;
  grid-template-columns:minmax(320px,.95fr) minmax(360px,1.05fr) !important;
  align-items:center !important;
  gap:44px !important;
}
.hero.jubail-hero .hero-copy{
  max-width:680px !important;
  width:100% !important;
  min-width:0 !important;
}
.hero.jubail-hero .hero-copy h1{
  max-width:680px !important;
}
.hero.jubail-hero .hero-panel.hero-image-panel.jubail-tv-panel{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  position:relative !important;
  z-index:10 !important;
  width:100% !important;
  max-width:620px !important;
  min-width:320px !important;
  margin:0 auto !important;
  transform:none !important;
}
.hero.jubail-hero .jubail-tv-image,
.hero.jubail-hero .hero-hospitality-image{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  width:100% !important;
  height:auto !important;
  object-fit:contain !important;
  max-height:none !important;
  border-radius:24px !important;
  box-shadow:0 28px 80px rgba(0,0,0,.34) !important;
}
html[dir="rtl"] .hero.jubail-hero .hero-inner,
body.rtl .hero.jubail-hero .hero-inner{
  direction:rtl !important;
}
@media(max-width:1200px){
  .hero.jubail-hero .hero-inner{
    grid-template-columns:minmax(300px,.9fr) minmax(320px,1fr) !important;
    gap:28px !important;
  }
  .hero.jubail-hero .hero-copy h1{
    font-size:clamp(44px,5vw,72px) !important;
  }
}
@media(max-width:950px){
  .hero.jubail-hero .hero-inner{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    gap:24px !important;
  }
  .hero.jubail-hero .hero-panel.hero-image-panel.jubail-tv-panel{
    order:-1 !important;
    width:100% !important;
    max-width:430px !important;
    min-width:0 !important;
    margin:0 auto 12px auto !important;
  }
  .hero.jubail-hero .hero-copy{
    max-width:100% !important;
    text-align:center !important;
  }
}