/* ===== BYB HOMEPAGE ONLY MOBILE FIXES ===== */
@media (max-width: 860px) {

  .byb-home-page,
  .byb-below {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .byb-home-shell,
  .byb-below-shell {
    width: 100% !important;
    max-width: 100% !important;
  }

  .byb-home-shell {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .byb-photo-col {
    display: none !important;
  }

  .section,
  .section-wide {
    padding: 18px 14px !important;
    margin: 10px auto !important;
    border-radius: 16px !important;
  }

  .hero h1 {
    font-size: 1.9rem !important;
    line-height: 1.15 !important;
    margin: 8px 0 10px !important;
  }

  .hero p {
    font-size: 1rem !important;
    line-height: 1.55 !important;
  }

  .cta-row {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
  }

  .btn {
    width: 100% !important;
    max-width: 100% !important;
    padding: 15px 18px !important;
    font-size: 1rem !important;
  }

  .benefits {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .testimonials {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .grid-2 {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .trust-pill {
    display: block !important;
    width: 100% !important;
    padding: 10px 14px !important;
    line-height: 1.4 !important;
  }

  .spacer-bar {
    height: 12px !important;
    margin: 10px 0 !important;
  }

  .spacer-bar .straw-row {
    gap: 6px !important;
  }

  .spacer-bar .straw {
    width: 10px !important;
    height: 10px !important;
  }
}