/* Service-page hero on phones (≤767px) — owner-approved layout "C" (2026-10-24):
   open illustration on top (no card frame), centred heading and hook, full-width stacked buttons,
   English answer paragraph kept visible (AEO) with a thin accent rule, no icon tile.
   Breadcrumb: on 3-level trails the "Services" step is dropped so the current page name shows.
   Loaded after service-page.css / ls-system.css; !important only where those set !important or win on specificity. */
@media (max-width:767px){
  :root body .sp-breadcrumb__inner:has(> a:nth-of-type(3)) > a:nth-of-type(2),
  :root body .sp-breadcrumb__inner:has(> a:nth-of-type(3)) > .sp-breadcrumb__sep:nth-of-type(2){ display:none !important; }
  :root body .sp-breadcrumb__current{ max-width:52vw !important; }

  :root body .sp-herowrap .sp-hero{ padding-bottom:5.5rem !important; }
  :root body .sp-herowrap .sp-hero__container{ gap:.5rem !important; }
  :root body .sp-herowrap .sp-hero__icon{ display:none !important; }
  :root body .sp-herowrap .sp-hero__visual{ background:none !important; border:0 !important; box-shadow:none !important; padding:0 !important; }
  :root body .sp-herowrap .sp-hero__visual svg{ max-height:175px !important; }
  :root body .sp-herowrap .sp-hero__title{ font-size:clamp(1.5rem,6.3vw,1.9rem) !important; line-height:1.3 !important; }
  :root body .sp-herowrap .sp-hero__hook{ font-size:.96rem !important; margin-bottom:1rem !important; }
  :root body .sp-herowrap .sp-hero__ctas{ flex-direction:column !important; gap:.5rem !important; }
  :root body .sp-herowrap .sp-hero__ctas .btn{ width:100% !important; flex:none !important; min-width:0 !important; }
  :root body .sp-herowrap .sp-hero__answer{ text-align:left !important; border-left:3px solid var(--av-accent,#FF375F); padding:.1rem 0 .1rem .75rem !important; margin:1rem 0 0 !important; font-size:.79rem !important; line-height:1.45 !important; }
}