/* A Good Neighbor Pool Service — mobile refinements (loaded on every page).
   Uses !important because the page elements are styled inline. */

/* HEADER ─ On phones the logo + "Book Now" + hamburger overflowed the row,
   clipping "Book Now" and pushing the menu button off the right edge.
   Hide the redundant header "Book Now" (the top-bar Call button and the
   hamburger menu's own "Get a Free Quote" both remain). */
@media (max-width:600px){
  nav a[href="#contact"]:has(~ .nav-burger){ display:none !important; }
  nav > div{ padding-left:16px !important; padding-right:16px !important; }
}

/* HERO ─ phones: shrink the three trust badges so they lay neatly across the
   screen, and bring the giant headline down so it wraps cleanly. Applies to the
   homepage and every area/service page (shared .hero-copy structure). */
@media (max-width:600px){
  header.agn-hero, header[style*="100svh"]{ padding-top:120px !important; padding-bottom:64px !important; }
  .hero-copy{ gap:16px !important; }
  /* trust badges row */
  .hero-copy > div:first-child{ gap:6px !important; row-gap:6px !important; }
  .hero-copy > div:first-child > span{
    font-size:9.5px !important; padding:6px 9px !important; gap:5px !important; letter-spacing:.01em !important;
  }
  .hero-copy > div:first-child > span svg{ width:12px !important; height:12px !important; }
  /* headline */
  .hero-copy h1{ font-size:clamp(1.85rem,8.2vw,2.35rem) !important; line-height:1.07 !important; max-width:20ch !important; }
  /* subhead */
  .hero-copy p{ font-size:1rem !important; line-height:1.45 !important; }
  /* hero CTAs full width and comfortable */
  .hero-copy .hero-cta{ flex:1 1 100% !important; justify-content:center !important; padding:15px 22px !important; }
}