/* ============================================================
   ASISTT VISUAL PATCH V69 · 2026-09-15
   Scope: home search spacing + mobile horizontal overflow fix.
   Presentation only. No forms, routes, workflow or business logic.
   ============================================================ */

/* Desktop V70: add 2–3 visual lines ABOVE the search module, not below.
   Also restore a normal bottom gap before the following cards. */
@media (min-width:1020px){
  .asistt-home-v59 .home-search-bar{
    margin-top:12px;
    margin-bottom:28px;
  }
  .asistt-home-v59 .home-search-field label{
    font-size:.90rem;
    line-height:1.2;
    font-weight:850;
    margin-bottom:9px;
    letter-spacing:-.005em;
  }
}

/* Keep labels more legible on smaller screens too, without changing layout. */
@media (max-width:1019px){
  .asistt-home-v59 .home-search-field label{
    font-size:.82rem;
    line-height:1.2;
  }
}

/* Mobile/tablet: the old mobile rule changed .hero to overflow:visible.
   The hero owns a large decorative pseudo-element positioned beyond the
   right edge, which can create real document-level horizontal scrolling.
   Keep all hero decoration clipped to the hero and harden intrinsic widths
   of the home composition so nothing can widen the viewport. */
@media (max-width:779px){
  body.asistt-home-v59{
    width:100%;
    max-width:100%;
    overflow-x:clip;
  }

  .asistt-home-v59 .hero{
    width:100%;
    max-width:100%;
    overflow:hidden;
  }

  .asistt-home-v59 .hero-grid,
  .asistt-home-v59 .hero-copy,
  .asistt-home-v59 .hero-visual-stack,
  .asistt-home-v59 .hero-media,
  .asistt-home-v59 .hero-visual-stack .trust-inline,
  .asistt-home-v59 .home-search-bar,
  .asistt-home-v59 .home-search-field,
  .asistt-home-v59 .home-search-control,
  .asistt-home-v59 .section,
  .asistt-home-v59 .section > .container,
  .asistt-home-v59 .split-cards,
  .asistt-home-v59 .category-grid{
    min-width:0;
    max-width:100%;
    box-sizing:border-box;
  }

  .asistt-home-v59 .hero::before{
    max-width:100%;
    pointer-events:none;
  }
}

/* Older mobile patch explicitly set overflow:visible at <=560px.
   Override it last and intentionally. */
@media (max-width:560px){
  .asistt-home-v59 .hero{overflow:hidden!important}
}


/* V78 · Mobile balance for the four trust signals under the home hero.
   Keep the same content but make the 2x2 block visually even on phones. */
@media (max-width:560px){
  .asistt-home-v59 .hero-visual-stack .trust-inline{
    grid-template-columns:repeat(2,minmax(0,1fr));
    justify-items:stretch;
    align-items:stretch;
    gap:10px 12px;
    padding:0;
    text-align:center;
  }

  .asistt-home-v59 .hero-visual-stack .trust-inline span{
    width:100%;
    min-height:46px;
    justify-content:center;
    align-items:center;
    text-align:center;
    white-space:normal;
    line-height:1.22;
    padding:2px 4px;
    box-sizing:border-box;
  }
}

@media (min-width:561px) and (max-width:1019px){
  .asistt-home-v59 .hero-visual-stack .trust-inline{
    justify-items:stretch;
    align-items:stretch;
  }

  .asistt-home-v59 .hero-visual-stack .trust-inline span{
    width:100%;
    min-height:40px;
    align-items:center;
  }
}