/* ZS Royals V43 — transparent hero panel fix
   Purpose: make the hero text panel more transparent so the background content
   stays visible while the text remains readable.
*/

@media (min-width: 901px){
  .zsr-v39-panel{
    background: linear-gradient(180deg,
      rgba(8,22,40,0.14) 0%,
      rgba(8,22,40,0.22) 55%,
      rgba(8,22,40,0.28) 100%) !important;
    border: 1px solid rgba(255,255,255,0.10) !important;
    box-shadow: 0 10px 28px rgba(0,0,0,0.10) !important;
    backdrop-filter: blur(1.2px) !important;
    -webkit-backdrop-filter: blur(1.2px) !important;
  }

  .zsr-v39-copy h1,
  .zsr-v39-copy p,
  .zsr-v39-copy .eyebrow,
  .zsr-v39-actions a{
    text-shadow: 0 1px 8px rgba(0,0,0,0.26) !important;
  }
}

@media (max-width: 900px){
  .zsr-v39-panel{
    background: linear-gradient(180deg,
      rgba(8,22,40,0.22) 0%,
      rgba(8,22,40,0.34) 100%) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    box-shadow: 0 10px 22px rgba(0,0,0,0.10) !important;
    backdrop-filter: blur(1px) !important;
    -webkit-backdrop-filter: blur(1px) !important;
  }

  .zsr-v39-copy h1,
  .zsr-v39-copy p,
  .zsr-v39-copy .eyebrow,
  .zsr-v39-actions a{
    text-shadow: 0 1px 8px rgba(0,0,0,0.30) !important;
  }
}