/* Responsive overrides. Bootstrap breakpoints: 576 / 768 / 992 / 1200 / 1400 */

@media (min-width: 992px) {
  .sticky-lg { position: sticky; top: 110px; }
}

@media (min-width: 1400px) {
  .hero { padding-top: 5.5rem; }
}

@media (max-width: 1199.98px) {
  .trust__list { grid-template-columns: repeat(2, 1fr); }
  .steps { grid-template-columns: repeat(2, 1fr); row-gap: 2.6rem; }
  .steps::before { display: none; }
}

@media (max-width: 991.98px) {
  .section { padding: 4rem 0; }
  .hero { padding: 3rem 0 6.5rem; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 36px), 0 100%); }
  .hero h1 { max-width: 16ch; }
  .lead-card { max-width: none; }
  .hero .lead-card { margin-left: 0; }
  .bio { grid-template-columns: 1fr; }
  .bio__side { display: grid; grid-template-columns: 120px 1fr; column-gap: 1.2rem; align-items: center; }
  .bio__side .bio-photo { grid-row: span 3; max-width: 120px; border-radius: 22px; }
  .bio__side .bio-photo span { font-size: 2.2rem; }
  .bio__name { margin-top: 0; }
  .navbar-collapse { padding: 1rem 0 1.2rem; border-top: 1px solid var(--line); margin-top: .7rem; }
  .nav-link { padding: .8rem .4rem !important; font-size: 1.05rem; }
  .nav-link::after { display: none; }
  .btn, .chip, .nav-link { min-height: 44px; }
  .options-grid { grid-template-columns: 1fr 1fr; }
  .opt--buy { grid-column: span 2; grid-row: auto; }
  .opt--return, .opt--new { grid-column: span 1; }
  .opt--unsure { grid-column: span 2; }
  .chooser { grid-template-columns: 1fr; }
  .why { grid-template-columns: 1fr 1fr; }
  .cta-band__inner { padding: 2.2rem; }
}

@media (max-width: 767.98px) {
  body { font-size: 1rem; padding-bottom: 68px; }   /* room for the mobile action bar */
  .options-grid { grid-template-columns: 1fr; }
  .opt--buy, .opt--return, .opt--new, .opt--unsure { grid-column: auto; }
  .opt { padding: 1.5rem; }
  .opt--unsure { flex-direction: column; align-items: flex-start; }
  .showcase { grid-template-columns: 1fr; }
  .why { grid-template-columns: 1fr; }
  .trust { margin-top: -2.8rem; }
  .trust__list { padding: 1.1rem; gap: 1rem .8rem; }
  .trust__list li { flex-direction: column; align-items: flex-start; gap: .5rem; }
  .cta-band { padding-bottom: 4rem; }
  .cta-band__btns .btn { width: 100%; justify-content: center; }
  .footer-bottom { flex-direction: column; }

  .mobile-bar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1040; display: grid; grid-template-columns: 1fr 2fr; gap: .6rem; padding: .65rem .8rem calc(.65rem + env(safe-area-inset-bottom)); background: var(--navy-deep); box-shadow: 0 -8px 24px rgba(0, 0, 0, .25); transform: translateY(110%); transition: transform .3s ease; }
  .mobile-bar.is-visible { transform: none; }
  .mobile-bar .btn { padding: .7rem; }
}

@media (max-width: 575.98px) {
  .brand__mark { width: 40px; height: 40px; font-size: 1.1rem; border-radius: 12px; }
  .brand__name { font-size: 1.28rem; }
  .brand__role { font-size: .66rem; }
  .hero { padding-top: 2.2rem; }
  .hero-lead { font-size: 1.05rem; }
  .lead-card { padding: 1.3rem 1.1rem 1.1rem; border-radius: 22px; }
  .hero-actions .btn { width: 100%; justify-content: center; }
  .meet__btns .btn { width: 100%; }
  .steps { grid-template-columns: 1fr; }
  .step { display: grid; grid-template-columns: 68px 1fr; column-gap: 1.1rem; }
  .step__num { grid-row: span 2; margin: 0; width: 56px; height: 56px; font-size: 1.5rem; }
  .step h3 { align-self: end; }
  .cta-band__inner { padding: 1.8rem 1.4rem; }
  .embed-card { padding: 1rem; }
  .chooser { padding: 1.4rem 1.2rem; }
}

@media (max-width: 359.98px) {
  .trust__list { grid-template-columns: 1fr; }
  .hero h1 { font-size: 2.1rem; }
}