.navbar-container { gap: 20px; }
.nav-menu { gap: 18px; }
.nav-menu .btn { white-space: nowrap; }
.nav-menu a[href*="book-your-free-session"] { font-size: 14px; padding: 12px 16px; }
.gallery-filter { max-width: 100%; overflow-x: auto; justify-content: flex-start; }
.gallery-filter .tab-btn { flex: 0 0 auto; }
.top-bar-info { min-width: 0; }
@media (max-width: 1279px) {
  .navbar-container { position: relative; }
  .nav-menu { position: absolute; top: 100%; left: 0; width: 100%; padding: 24px; background: var(--clr-bg-main); box-shadow: var(--shadow-md); flex-direction: column; align-items: stretch; display: none; max-height: 80vh; overflow-y: auto; }
  .nav-menu.open { display: flex; }
  .nav-menu .btn { white-space: normal; text-align: center; justify-content: center; }
  .mobile-toggle { display: block; }
}
@media (max-width: 900px) {
  .checkout-grid { grid-template-columns: minmax(0, 1fr) !important; }
  .payment-box,
  .order-summary-card { width: 100%; min-width: 0; }
  .order-summary-card { position: static !important; }
}
@media (max-width: 760px) {
  .top-bar-content,
  .top-bar-info { width: 100%; flex-wrap: wrap; justify-content: center; }
  .top-bar-item { min-width: 0; }
  .top-bar-item a { overflow-wrap: anywhere; }
  .services-grid .service-card { width: 100%; min-width: 0; }
  .payment-box,
  .order-summary-card { padding: 24px 20px !important; }
  .payment-methods { grid-template-columns: minmax(0, 1fr) !important; }
  #checkoutForm > div[style*="grid-template-columns:1fr 1fr"] {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  #checkoutForm > button[type="submit"] {
    padding: 15px 10px !important;
    font-size: 14px !important;
    line-height: 1.35;
    white-space: normal;
    text-align: center;
  }
}