/* =======================================================
   Affilia — Services page mobile overrides (< 500px)
   Applies to /services listing cards + filters.
======================================================= */

@media (max-width: 500px) {
  /* Keep service cards compact so actions + text fit */
  .service-card-img { height: 85px; }
  .service-card-body { padding: 0.6rem; }

  /* Price badge (overlay) */
  .service-price {
    top: 0.55rem;
    right: 0.55rem;
    font-size: 0.74rem;
    padding: 0.25rem 0.55rem;
  }

  /* Filters density */
  #servicesGrid { gap: 0.35rem; }
  .card { padding: 1rem; }
  .form-input { padding: 0.6rem 0.8rem; }
  .sort-btn { padding: 0.35rem 0.7rem; font-size: 0.78rem; }

  /* Reduce vertical spacing inside the card */
  .service-card-body h3 { margin-bottom: 0.35rem; }
  .service-card-body p { margin-bottom: 0.35rem; }
}