/* QA follow-up fixes shared by every page. Loaded last on all pages. */

/* Mobile menu: start the open list at the top so the first item of an expanded
   submenu (e.g. Products > ERMVare) is not pushed under the header */
@media (max-width:1180px){
  html body header.site-header ul.navbar-nav{justify-content:flex-start!important}
}

/* Product pages: "AiiVare How It Works" keeps its button shape on phones */
@media (max-width:760px){
  html body a.btn.product-ai-how{display:inline-flex!important;align-items:center!important;gap:8px!important;width:auto!important;max-width:100%!important;min-height:44px!important;padding:0 18px!important;border:2px solid rgba(15,27,61,.2)!important;border-radius:999px!important;background:#fff!important;align-self:flex-start}
  html body a.btn.product-ai-how img{height:16px!important;width:auto!important}
}

/* Wider layout on large screens: less empty space at the sides (24 Oct 2026) */
@media (min-width:1500px){
  :root{--max:1400px}
  main .wrap,body>section .wrap,footer.site-footer>.wrap,.cta-band .wrap,.tvl-hero .tvl-inner,.homepage-story-hero .wrap{max-width:1400px!important;width:min(100%,1400px)!important}
  .tvl-hero .tvl-inner{padding-inline:28px!important}
}
@media (min-width:1800px){
  :root{--max:1560px}
  main .wrap,body>section .wrap,footer.site-footer>.wrap,.cta-band .wrap,.tvl-hero .tvl-inner,.homepage-story-hero .wrap{max-width:1560px!important;width:min(100%,1560px)!important}
  html{font-size:106.25%}
}
@media (min-width:1800px){html body header.site-header>.wrap{max-width:1620px!important}}
@media (min-width:1500px) and (max-width:1799px){html body header.site-header>.wrap{max-width:1460px!important}}