/* ZS Royals V41 — Final Hero Blend Repair
   Purpose: preserve Sultan/background artwork, remove heavy dark blocks,
   keep copy readable, avoid head cropping, and stop old hero patches fighting.
*/
:root{--zsv41-navy:#071a31;--zsv41-gold:#c7922a}

[data-zsv41-hero="1"]{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:#ead7c5!important;
  min-height:clamp(560px,52vw,760px)!important;
}

/* Hero image stays bright and natural. */
[data-zsv41-hero="1"]>img,
[data-zsv41-hero="1"] .hero-image,
[data-zsv41-hero="1"] .hero-media img,
[data-zsv41-hero="1"] picture,
[data-zsv41-hero="1"] picture img{
  width:100%!important;
  height:100%!important;
  min-height:inherit!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center 14%!important;
  filter:none!important;
  opacity:1!important;
}

/* Never darken the whole photo. */
[data-zsv41-hero="1"]::before,
[data-zsv41-hero="1"]::after{display:none!important;content:none!important}

/* Neutralise prior split-panel backgrounds. */
[data-zsv41-hero="1"] .hero-right,
[data-zsv41-hero="1"] .hero-copy-panel,
[data-zsv41-hero="1"] .hero-text-panel,
[data-zsv41-hero="1"] .hero-panel,
[data-zsv41-hero="1"] .v32-hero-panel,
[data-zsv41-hero="1"] .v33-hero-panel,
[data-zsv41-hero="1"] .v34-hero-panel,
[data-zsv41-hero="1"] .v35-hero-panel,
[data-zsv41-hero="1"] .v36-hero-panel,
[data-zsv41-hero="1"] .v37-hero-panel,
[data-zsv41-hero="1"] .v38-hero-panel,
[data-zsv41-hero="1"] .v39-hero-panel,
[data-zsv41-hero="1"] .v40-hero-panel{background:transparent!important}

/* Desktop copy: ultra-light glass. Background remains visible through it. */
[data-zsv41-hero="1"] [data-zsv41-copy="1"]{
  position:absolute!important;
  z-index:8!important;
  right:clamp(22px,2.8vw,52px)!important;
  left:auto!important;
  top:auto!important;
  bottom:clamp(22px,3vw,50px)!important;
  transform:none!important;
  width:min(29vw,430px)!important;
  max-width:430px!important;
  padding:clamp(16px,1.6vw,24px)!important;
  margin:0!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,rgba(7,26,49,.11),rgba(7,26,49,.035))!important;
  -webkit-backdrop-filter:blur(.6px) saturate(1.02)!important;
  backdrop-filter:blur(.6px) saturate(1.02)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.08)!important;
  color:#fff!important;
}

[data-zsv41-hero="1"] [data-zsv41-copy="1"] *{box-sizing:border-box}
[data-zsv41-hero="1"] [data-zsv41-copy="1"] h1,
[data-zsv41-hero="1"] [data-zsv41-copy="1"] h2,
[data-zsv41-hero="1"] [data-zsv41-copy="1"] p,
[data-zsv41-hero="1"] [data-zsv41-copy="1"] span,
[data-zsv41-hero="1"] [data-zsv41-copy="1"] a{
  color:#fff!important;
  text-shadow:0 2px 8px rgba(0,0,0,.78)!important;
}
[data-zsv41-hero="1"] [data-zsv41-copy="1"] h1,
[data-zsv41-hero="1"] [data-zsv41-copy="1"] h2{
  font-size:clamp(36px,3.8vw,64px)!important;
  line-height:.98!important;
  letter-spacing:-.02em!important;
  margin:.12em 0 .24em!important;
}
[data-zsv41-hero="1"] [data-zsv41-copy="1"] p{
  font-size:clamp(14px,1vw,17px)!important;
  line-height:1.45!important;
  margin:0 0 15px!important;
}
[data-zsv41-hero="1"] [data-zsv41-copy="1"] a{
  display:inline-flex!important;
  align-items:center!important;
  min-height:42px!important;
  background:rgba(7,26,49,.50)!important;
  border-color:rgba(255,255,255,.32)!important;
}

/* If there is a kicker/eyebrow, keep it compact. */
[data-zsv41-hero="1"] [data-zsv41-copy="1"] .eyebrow,
[data-zsv41-hero="1"] [data-zsv41-copy="1"] .kicker,
[data-zsv41-hero="1"] [data-zsv41-copy="1"] small{
  font-size:12px!important;
  letter-spacing:.15em!important;
}

/* Tablet / mobile: protect every printed element by moving copy below image. */
@media(max-width:900px){
  [data-zsv41-hero="1"]{min-height:0!important;overflow:visible!important;background:#fff!important}
  [data-zsv41-hero="1"]>img,
  [data-zsv41-hero="1"] .hero-image,
  [data-zsv41-hero="1"] .hero-media img,
  [data-zsv41-hero="1"] picture img{
    height:clamp(520px,112vw,760px)!important;
    min-height:0!important;
    object-fit:cover!important;
    object-position:center 8%!important;
  }
  [data-zsv41-hero="1"] [data-zsv41-copy="1"]{
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    width:100%!important;
    max-width:none!important;
    padding:24px 22px 26px!important;
    border:0!important;
    border-radius:0!important;
    background:var(--zsv41-navy)!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    box-shadow:none!important;
  }
  [data-zsv41-hero="1"] [data-zsv41-copy="1"] h1,
  [data-zsv41-hero="1"] [data-zsv41-copy="1"] h2{font-size:clamp(38px,10.5vw,58px)!important}
}

@media(max-width:540px){
  [data-zsv41-hero="1"]>img,
  [data-zsv41-hero="1"] .hero-image,
  [data-zsv41-hero="1"] .hero-media img,
  [data-zsv41-hero="1"] picture img{
    height:560px!important;
    object-position:center 6%!important;
  }
}
