/* Booked By Search — mobile-only hero headline layout v31
   Desktop/tablet presentation remains unchanged.
   Safari-safe mobile line breaks:
   1. Your next customer
   2. is already
   3. searching Google.
*/

@media (max-width:680px){
  .hero h1{
    max-width:100%;
    font-size:clamp(32px,10vw,39px);
    line-height:.98;
    letter-spacing:-.055em;
    text-wrap:initial;
  }

  .hero h1 .hero-title-first{
    display:block;
    white-space:nowrap;
  }

  .hero h1 .hero-title-is,
  .hero h1 .hero-title-already,
  .hero h1 .hero-title-search{
    white-space:nowrap;
  }

  /* Hide the desktop-only forced break after “is” on mobile */
  .hero h1 .hero-title-desktop-break{
    display:none !important;
  }

  /* Keep the gradient words on line 2 and 3 without using block children
     inside the inline gradient span (prevents Safari from dropping line 3). */
  .hero h1 .gradient-text{
    display:inline;
  }

  .hero h1 .hero-title-already::after{
    content:"";
    display:block;
  }

  .hero h1 .hero-title-search{
    display:inline;
  }
}