/* Pro India — post-launch UI adjustments.

   Kept out of design.css so that file stays a verbatim copy of the approved
   design and every deliberate change since launch is visible in one place.
   Loaded last, so these rules win.

   Breakpoints deliberately match the ones already in design.css:
     900px — where .nav-toggle appears and the drawer takes over
     780px — where .founder-band collapses to one column and centres
*/

/* -------------------------------------------------------------------------
   1. Mobile drawer CTA
   The drawer's "Book free consultation" button was full-width, which ran it
   under the floating WhatsApp badge at the bottom-left of the viewport.
   Narrowing and centring it clears the overlap.
   ------------------------------------------------------------------------- */
@media (max-width: 900px) {
  .drawer .btn.btn-block {
    max-width: 260px;
    margin-inline: auto;
    text-align: center;
  }
}

/* -------------------------------------------------------------------------
   2. Founder / "Your Trainer" band
   Below 780px design.css already centres the band and its chips, but the
   button row is its own flex container, so text-align does not reach it —
   it stayed left-aligned. Centre the flex items instead.
   Applies on every page carrying the band: home, ESG Services, ESG Training,
   EPR Compliance, MSME Support.
   ------------------------------------------------------------------------- */
@media (max-width: 780px) {
  .founder-band .founder-chips ~ div {
    justify-content: center;
  }
}