/* v503G — rebuild desktop hero text flow for Urgent eVisa and Add-on pages.
   Goal: stop oversized hero headlines from breaking into many very short lines. */

@media (min-width: 1101px){
  /* Urgent page */
  body .page-hero.urgent-hero .urgent-hero-grid{
    grid-template-columns: minmax(0, 1.32fr) minmax(300px, .68fr) !important;
    gap: 28px !important;
    align-items: start !important;
  }

  body .page-hero.urgent-hero .urgent-hero-grid > div:first-child,
  body.addon-page .addon-hero-grid > div:first-child{
    min-width: 0 !important;
  }

  body .page-hero.urgent-hero h1{
    max-width: none !important;
    width: 100% !important;
    margin-right: 0 !important;
  }

  body .page-hero.urgent-hero .muted,
  body .page-hero.urgent-hero .urgent-hero-note{
    max-width: none !important;
    width: 100% !important;
  }

  body .page-hero.urgent-hero .urgent-visual-card{
    max-width: 520px !important;
    width: 100% !important;
    justify-self: end !important;
    margin-top: -8px !important;
  }

  body .page-hero.urgent-hero .urgent-visual-card img{
    height: 470px !important;
  }

  /* Add-on page */
  body.addon-page .addon-hero-grid{
    grid-template-columns: minmax(0, 1.32fr) minmax(300px, .68fr) !important;
    gap: 28px !important;
    align-items: center !important;
  }

  body .page-hero.addon-hero h1{
    max-width: none !important;
    width: 100% !important;
    margin-right: 0 !important;
  }

  body .page-hero.addon-hero .muted{
    max-width: none !important;
    width: 100% !important;
  }

  body.addon-page .addon-hero .urgent-visual-card{
    max-width: 520px !important;
    width: 100% !important;
    justify-self: end !important;
  }
}

@media (min-width: 1101px) and (max-width: 1320px){
  body .page-hero.urgent-hero .urgent-hero-grid,
  body.addon-page .addon-hero-grid{
    grid-template-columns: minmax(0, 1.24fr) minmax(300px, .76fr) !important;
    gap: 24px !important;
  }

  body .page-hero.urgent-hero .urgent-visual-card,
  body.addon-page .addon-hero .urgent-visual-card{
    max-width: 500px !important;
  }
}