/* Homepage-only adjustments on the approved v32.8.4 footer build. */

/* Phone: show three rows of two Popular services; See all opens the full directory. */
@media (max-width: 767.98px) {
  #root:has(.ls-customer-home) .ls-home-category-grid > :nth-child(n+7) {
    display: none !important;
  }
}

/* Laptop/desktop: retain the approved footer while making the emergency card
   as wide as the Customer content and slightly shorter than the old 16:9 card. */
@media (min-width: 1024px) and (max-width: 1439.98px) and (hover: hover) and (pointer: fine),
       (min-width: 1440px) {
  #root:has(.ls-customer-home) .ls-home-emergency > div {
    width: 100%;
    max-width: 80rem !important;
  }

  #root:has(.ls-customer-home) .ls-home-emergency-card {
    max-width: none;
    aspect-ratio: auto;
    height: clamp(16rem, 20vw, 18rem);
  }
}