/* Inner-page hero — a PORT of the band the designs repeat across ELEVEN
   templates (About-Us, Affiliate, Brands, Check-Usage, Contact-Us,
   Corporate-Requests, Destinations, FAQ, Install-eSIM, Reviews,
   What-is-Roaming). Declarations are the design's, verbatim; only the generated
   class names are replaced with readable ones, since this is maintained by hand
   rather than regenerated.

   The flag rules below are NOT in this design — the sales pages put a flag in
   the heading and share this component, so they are carried over from the
   markup this replaces. */

.page-hero { background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%);padding:48px 24px 44px; }
.page-hero__inner { max-width:1140px;margin:0 auto; }
.page-hero__eyebrow { display:block;font-size: var(--text-md);font-weight:300;color:rgba(255,255,255,.85);margin-bottom:6px; }
.page-hero__title { font-size: var(--text-h1);font-weight:500;color:#fff;margin:0; }
.page-hero__crumbs { font-size: var(--text-sm);color:#fff;display:flex;align-items:center;gap:8px;margin-top:18px; }
.page-hero__crumb-link { color:#fff;text-decoration:none; }
.page-hero__crumb-sep { font-size: var(--text-base);opacity:.7; }
.page-hero__crumb-current { color:rgba(255,255,255,.85); }

.page-hero__flag { display:inline-flex; align-items:center; margin-right:.5rem; vertical-align:-.1em; }
.page-hero__flag--square .flag-icon,
.page-hero__flag--square [class^="flag-icon-"] { width:1em; height:1em; border-radius:.15em; overflow:hidden; }
.page-hero__flag--rect [class^="flag-icon-"] { width:1.35em; height:1em; border-radius:.15em; overflow:hidden; }
.page-hero__tagline { font-size: var(--text-lg); font-weight:300; color:rgba(255,255,255,.9); margin:10px 0 0; }