/* =====================================================================
   kubrra.com — MOBILE LAYOUT OVERRIDES  (final, cleaned)
   Categories: 3 per row on phones
   People / providers: 2 per row on phones
   Desktop is untouched.
   ===================================================================== */

@media (max-width: 767.98px){

  /* Categories ("Explore Lifestyle") — 3 across */
  .category-section .row > .col{
    flex: 0 0 33.333% !important;
    max-width: 33.333% !important;
  }

  /* People / providers ("People near you") — 2 across */
  .provider-sec .provider-card{
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }

  /* ---------------------------------------------------------------
     EXPERIENCE SECTION — to be added once we identify it.
     (Likely a slider, not a grid, so it may need a different fix.)
     --------------------------------------------------------------- */

}

/* A little breathing room at the bottom of the page */
body{ padding-bottom: 60px !important; }