.badacare-funnel-preview { width: 100%; background: #fff; border-radius: 22px; overflow: hidden; }
.badacare-funnel-dialog { position: static; inset: auto; display: block; width: 100%; max-width: none; max-height: none; margin: 0; padding: 0; border: 0; background: #fff; color: #223645; }
.badacare-funnel-frame { display: block; width: 100%; max-width: 100%; border: 0; background: #fff; }
.badacare-funnel-close { display: none; }
.badacare-funnel-resume { width: 100%; min-height: 44px; border: 0; background: #f8ede7; color: #913c28; font: 600 14px Poppins, sans-serif; cursor: pointer; }
.badacare-funnel-resume[hidden], .badacare-funnel-fallback[hidden] { display: none; }
.badacare-funnel-fallback { margin: 0; padding: 12px 20px; font-size: 13px; }
.badacare-funnel-fallback a { text-decoration: underline; }
.bc-servizio .hero-form-wrap:has(.badacare-funnel-preview) { border: 1px solid #eaded7; border-radius: 22px; padding: 0; overflow: hidden; }
#form-ricerca:has(.badacare-funnel-preview) { scroll-margin-top: 110px; }
.bc-servizio .badacare-funnel-grid { grid-template-areas: 'title form' 'intro form'; row-gap: 0; align-items: start; }
.bc-servizio .badacare-hero-title { grid-area: title; }
.bc-servizio .badacare-hero-intro { grid-area: intro; }
.bc-servizio .badacare-funnel-grid > .hero-form-wrap { grid-area: form; align-self: center; }
#bc-popup-famiglie, #bc-popup-badanti { display: none !important; }
body.badacare-funnel-in-view #hs-chat-toggle,
body.badacare-funnel-in-view #hs-chat-box,
body.badacare-funnel-in-view #page-scroll-up,
body.badacare-funnel-in-view .bc-servizio .mobile-sticky,
body.badacare-funnel-modal-open #hs-chat-toggle,
body.badacare-funnel-modal-open #hs-chat-box { display: none !important; }
.badacare-funnel-dialog.is-modal { position: fixed; inset: 0; margin: 0; width: 100vw; height: 100dvh; max-height: 100dvh; display: flex; flex-direction: column; border-radius: 0; box-shadow: none; }
.badacare-funnel-dialog.is-modal::backdrop { background: #22364580; }
.badacare-funnel-dialog.is-modal .badacare-funnel-close { display: block; flex: 0 0 auto; align-self: flex-end; min-height: 48px; padding: 10px 24px; margin: 0; border: 0; background: #fff; color: #913c28; text-decoration: underline; font: 600 14px Poppins, sans-serif; cursor: pointer; }
.badacare-funnel-dialog.is-modal .badacare-funnel-frame { flex: 1 1 0; min-height: 0; height: 100% !important; }
.badacare-funnel-close:focus-visible, .badacare-funnel-resume:focus-visible { outline: 3px solid #223645; outline-offset: -4px; }
@media (min-width: 768px) {
  .badacare-funnel-preview { min-height: 530px; }
  .badacare-funnel-dialog:not(.is-modal) .badacare-funnel-frame { height: 530px !important; }
}
@media (max-width: 767px) {
  .bc-servizio .hero:has(.badacare-funnel-preview) { padding-top: 22px; }
  .bc-servizio .badacare-funnel-grid { grid-template-columns: minmax(0, 1fr); grid-template-areas: 'title' 'form' 'intro'; gap: 22px; }
  .bc-servizio .badacare-hero-title { font-size: 27px; line-height: 1.2; margin-bottom: 0; }
  .badacare-funnel-resume { display: none; }
}
/* 2.0.1 (Badacare, 11/11/2026): il funnel anche su città, assistenza locale, regioni e /badanti-italia/. */
/* Città e assistenza locale (.bc-locale): sezione #form-ricerca a tutta larghezza, funnel centrato con la cornice dell'hero. */
.bc-locale #form-ricerca .badacare-funnel-preview { max-width: 760px; margin: 0 auto; border: 1px solid #eaded7; box-shadow: 0 12px 40px rgba(31, 43, 61, .10); }
/* Regioni e Italia (.bc-page): il riquadro ha già titolo e testo, il funnel ha i suoi; il riquadro resta come cornice. */
.bc-page .form-card:has(.badacare-funnel-preview) { padding: 0; overflow: hidden; }
.bc-page .form-card:has(.badacare-funnel-preview) > h2,
.bc-page .form-card:has(.badacare-funnel-preview) > p { display: none; }
/* Barra fissa delle regioni su mobile: nascosta mentre il funnel è in vista, come sulla pagina Assistenza anziani. */
body.badacare-funnel-in-view .bc-page .m-sticky { display: none !important; }
@media (min-width: 768px) {
  /* Il riquadro è largo 440 px: il primo passaggio è alto circa 550 px e a 530 l'ultima riga resterebbe tagliata. */
  .bc-page .form-card .badacare-funnel-preview { min-height: 580px; }
  .bc-page .form-card .badacare-funnel-dialog:not(.is-modal) .badacare-funnel-frame { height: 580px !important; }
}