/* ZS Royals V44 — glass hero visibility fix
   Fixes the remaining dark overlay/panel so printed artwork (including Sultan)
   remains visible behind the hero copy.
*/

@media (min-width: 901px){
  /* Remove most of the broad dark wash from the right side. */
  .zsr-v39-hero::before{
    background: linear-gradient(90deg,
      rgba(7,26,49,0.00) 0%,
      rgba(7,26,49,0.00) 64%,
      rgba(7,26,49,0.05) 74%,
      rgba(7,26,49,0.10) 84%,
      rgba(7,26,49,0.15) 100%) !important;
  }

  /* Highly transparent text panel — true glass rather than a dark box. */
  .zsr-v39-panel{
    background: rgba(7,26,49,0.10) !important;
    border: 1px solid rgba(255,255,255,0.13) !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.08) !important;
    backdrop-filter: blur(0.8px) !important;
    -webkit-backdrop-filter: blur(0.8px) !important;
  }

  /* Keep text readable without needing an opaque panel. */
  .zsr-v39-copy .eyebrow,
  .zsr-v39-copy h1,
  .zsr-v39-copy p,
  .zsr-v39-actions a{
    text-shadow:
      0 1px 2px rgba(0,0,0,0.48),
      0 3px 14px rgba(0,0,0,0.24) !important;
  }

  /* Nudge copy right so printed Sultan stays readable to its left. */
  .zsr-v39-copy{
    right: clamp(18px, 2.2vw, 42px) !important;
    width: min(350px, 23vw) !important;
    max-width: 350px !important;
  }

  .zsr-v39-copy h1{
    font-size: clamp(34px, 2.7vw, 50px) !important;
    max-width: 7.4ch !important;
  }
}

@media (max-width: 900px){
  .zsr-v39-hero::before{
    background: linear-gradient(0deg,
      rgba(7,26,49,.18) 0%,
      rgba(7,26,49,.10) 34%,
      rgba(7,26,49,.03) 70%,
      rgba(7,26,49,0) 100%) !important;
  }
  .zsr-v39-panel{
    background: rgba(7,26,49,0.12) !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    box-shadow: 0 8px 18px rgba(0,0,0,0.08) !important;
    backdrop-filter: blur(0.7px) !important;
    -webkit-backdrop-filter: blur(0.7px) !important;
  }
}