/* Accessibility Core by Clivo: copia di themes/v1_fashona_12/assets/css/abc-b2b.css con 28 colori cambiati */
/* =========================================================
   ABC B2B LANDING - CMS ID 10
   Hero + profili + MEPA + flusso rivenditori
   ========================================================= */


/* -----------------------------------------
   RESET CMS / TEMA SOLO AREA CONTENUTO CMS
----------------------------------------- */

body.cms-id-10 #wrapper .tvcmscontainer-layout,
body.cms-id-10 #wrapper .tvcmscontainer-layout > .container,
body.cms-id-10 #wrapper .container.tv-left-layout,
body.cms-id-10 #wrapper #content-wrapper.left-column,
body.cms-id-10 #wrapper #content-wrapper,
body.cms-id-10 #wrapper #main,
body.cms-id-10 #wrapper .theiaStickySidebar,
body.cms-id-10 #wrapper #content,
body.cms-id-10 #wrapper .page-content.page-cms,
body.cms-id-10 #wrapper .cms-description,
body.cms-id-10 #wrapper .tv-sub-pages-inner-content {
  max-width: none !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.cms-id-10 #wrapper #content-wrapper.left-column,
body.cms-id-10 #wrapper #content-wrapper {
  flex: 0 0 100% !important;
}


/* -----------------------------------------
   LANDING / HERO BASE
----------------------------------------- */

body.cms-id-10 .abc-b2b-landing {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #ffffff !important;
  overflow: hidden !important;
}

body.cms-id-10 .abc-b2b-hero {
  position: relative !important;
  width: 100% !important;
  min-height: 345px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #ffffff !important;
  overflow: hidden !important;
}


/* -----------------------------------------
   HERO INNER
----------------------------------------- */

body.cms-id-10 .abc-b2b-hero__inner {
  position: relative !important;
  z-index: 2 !important;

  width: 100% !important;
  max-width: 1280px !important;
  min-height: 345px !important;

  margin: 0 auto !important;
  padding: 28px 54px 30px !important;

  display: grid !important;
  grid-template-columns: minmax(300px, 380px) minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 26px !important;

  overflow: visible !important;
}


/* -----------------------------------------
   COLONNA TESTO HERO
----------------------------------------- */

body.cms-id-10 .abc-b2b-hero__content {
  position: relative !important;
  z-index: 6 !important;
  max-width: 380px !important;
}

body.cms-id-10 .abc-b2b-kicker {
  color: #ca450c !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  letter-spacing: .065em !important;
  text-transform: uppercase !important;
  margin: 0 0 8px !important;
}

body.cms-id-10 .abc-b2b-hero h1 {
  color: #111827 !important;
  font-size: clamp(25px, 2.35vw, 34px) !important;
  line-height: 1.05 !important;
  letter-spacing: -0.035em !important;
  font-weight: 700 !important;
  margin: 0 0 10px !important;
}

body.cms-id-10 .abc-b2b-hero__text {
  color: #374151 !important;
  font-size: 13px !important;
  line-height: 1.42 !important;
  max-width: 350px !important;
  margin: 0 !important;
}


/* -----------------------------------------
   VALUE PROPOSITION DESKTOP
----------------------------------------- */

body.cms-id-10 .abc-b2b-hero__benefits {
  position: relative !important;
  z-index: 6 !important;

  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  gap: 14px !important;
  align-items: center !important;

  margin-top: 20px !important;

  color: #1f2937 !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

body.cms-id-10 .abc-b2b-hero__benefits span {
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
}

body.cms-id-10 .abc-b2b-hero__benefits span::before {
  content: "✓" !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  margin-right: 5px !important;

  border-radius: 50% !important;
  background: #ca450c !important;
  color: #ffffff !important;

  font-size: 9px !important;
  font-weight: 900 !important;
}


/* -----------------------------------------
   IMMAGINE HERO DESKTOP
----------------------------------------- */

body.cms-id-10 .abc-b2b-hero__media {
  position: absolute !important;
  z-index: 1 !important;

  top: 0 !important;
  bottom: 0 !important;
  left: 455px !important;
  right: calc((1280px - 100vw) / 2) !important;

  width: auto !important;
  height: auto !important;
  min-height: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  display: block !important;
  overflow: hidden !important;

  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

body.cms-id-10 .abc-b2b-hero__media::before {
  display: none !important;
}

body.cms-id-10 .abc-b2b-hero__media::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;

  width: 380px !important;
  z-index: 3 !important;
  pointer-events: none !important;

  background: linear-gradient(
    90deg,
    rgba(255,255,255,1) 0%,
    rgba(255,255,255,0.99) 20%,
    rgba(255,255,255,0.94) 38%,
    rgba(255,255,255,0.82) 56%,
    rgba(255,255,255,0.55) 74%,
    rgba(255,255,255,0.22) 90%,
    rgba(255,255,255,0) 100%
  ) !important;
}

body.cms-id-10 .abc-b2b-hero__image {
  display: block !important;

  width: 100% !important;
  height: 100% !important;

  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  object-fit: cover !important;
  object-position: right center !important;

  transform: none !important;
}


/* -----------------------------------------
   SICUREZZA DESKTOP SOTTO 1280PX
----------------------------------------- */

@media (max-width: 1280px) {
  body.cms-id-10 .abc-b2b-hero__media {
    right: 0 !important;
  }
}


/* -----------------------------------------
   HERO TABLET
----------------------------------------- */

@media (max-width: 991px) {
  body.cms-id-10 .abc-b2b-hero {
    min-height: 0 !important;
  }

  body.cms-id-10 .abc-b2b-hero__inner {
    max-width: 760px !important;
    min-height: 0 !important;
    padding: 30px 24px 34px !important;
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    text-align: center !important;
    overflow: visible !important;
  }

  body.cms-id-10 .abc-b2b-hero__content {
    max-width: 620px !important;
    margin: 0 auto !important;
  }

  body.cms-id-10 .abc-b2b-hero__text {
    max-width: 520px !important;
    margin: 0 auto !important;
  }

  body.cms-id-10 .abc-b2b-hero__benefits {
    justify-content: center !important;
    flex-wrap: wrap !important;
    white-space: normal !important;
  }

  body.cms-id-10 .abc-b2b-hero__media {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    margin-top: 20px !important;
  }

  body.cms-id-10 .abc-b2b-hero__image {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
  }

  body.cms-id-10 .abc-b2b-hero__media::after {
    display: none !important;
  }
}


/* -----------------------------------------
   HERO MOBILE
----------------------------------------- */

@media (max-width: 575px) {
  body.cms-id-10 .abc-b2b-hero {
    min-height: 0 !important;
    background: #ffffff !important;
    overflow: hidden !important;
  }

  body.cms-id-10 .abc-b2b-hero__inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;

    padding: 28px 18px 30px !important;
    gap: 0 !important;

    text-align: center !important;
    overflow: visible !important;
  }

  body.cms-id-10 .abc-b2b-hero__content {
    width: 100% !important;
    max-width: 330px !important;
    margin: 0 auto !important;
    padding: 0 !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }

  body.cms-id-10 .abc-b2b-kicker {
    font-size: 10px !important;
    line-height: 1.2 !important;
    letter-spacing: .08em !important;
    margin: 0 0 11px !important;
    text-align: center !important;
  }

  body.cms-id-10 .abc-b2b-hero h1 {
    font-size: 28px !important;
    line-height: 1.06 !important;
    letter-spacing: -0.035em !important;
    font-weight: 750 !important;
    max-width: 300px !important;
    margin: 0 0 15px !important;
    text-align: center !important;
  }

  body.cms-id-10 .abc-b2b-hero__text {
    font-size: 14px !important;
    line-height: 1.42 !important;
    max-width: 300px !important;
    margin: 0 auto !important;
    text-align: center !important;
  }

  body.cms-id-10 .abc-b2b-hero__media {
    display: none !important;
  }

  body.cms-id-10 .abc-b2b-hero__benefits {
    width: calc(100vw - 36px) !important;
    max-width: 340px !important;
    margin: 18px auto 0 !important;
    padding: 9px 0 !important;

    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 18px !important;

    overflow: hidden !important;
    white-space: nowrap !important;

    border-top: 1px solid rgba(17, 24, 39, .08) !important;
    border-bottom: 1px solid rgba(17, 24, 39, .08) !important;
    background: #ffffff !important;

    color: #1f2937 !important;
    font-size: 11.5px !important;
    line-height: 1.2 !important;
    font-weight: 750 !important;
    text-align: left !important;

    scrollbar-width: none !important;
  }

  body.cms-id-10 .abc-b2b-hero__benefits::-webkit-scrollbar {
    display: none !important;
  }

  body.cms-id-10 .abc-b2b-hero__benefits span {
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    white-space: nowrap !important;
    animation: abcB2bMobileBenefitMove 9s linear infinite !important;
  }

  body.cms-id-10 .abc-b2b-hero__benefits span::before {
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    margin-right: 5px !important;
    font-size: 9px !important;
  }

  body.cms-id-10 .abc-b2b-hero__benefits:hover span,
  body.cms-id-10 .abc-b2b-hero__benefits:active span {
    animation-play-state: paused !important;
  }
}


/* -----------------------------------------
   ANIMAZIONE MOBILE RASSICURAZIONI
----------------------------------------- */

@keyframes abcB2bMobileBenefitMove {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-150px);
  }
}


/* -----------------------------------------
   ACCESSIBILITÀ: RIDUZIONE MOVIMENTO
----------------------------------------- */

@media (max-width: 575px) and (prefers-reduced-motion: reduce) {
  body.cms-id-10 .abc-b2b-hero__benefits {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.cms-id-10 .abc-b2b-hero__benefits span {
    animation: none !important;
  }
}


/* =========================================================
   ABC B2B PROFILES - SCELTA PROFILO
   Scope: solo pagina CMS ID 10
   ========================================================= */

body.cms-id-10 .abc-b2b-profiles {
  background: #ffffff !important;
  padding: 28px 0 28px !important;
}

body.cms-id-10 .abc-b2b-profiles__inner {
  width: min(1180px, calc(100% - 80px)) !important;
  margin: 0 auto !important;
}

body.cms-id-10 .abc-b2b-section-head {
  max-width: 700px !important;
  margin: 0 auto 22px !important;
  text-align: center !important;
}

body.cms-id-10 .abc-b2b-section-kicker {
  display: none !important;
}

body.cms-id-10 .abc-b2b-section-head h2 {
  color: #111827 !important;
  font-size: 26px !important;
  line-height: 1.14 !important;
  font-weight: 750 !important;
  letter-spacing: -0.03em !important;
  margin: 0 0 8px !important;
}

body.cms-id-10 .abc-b2b-section-head p {
  max-width: 600px !important;
  margin: 0 auto !important;
  color: #4b5563 !important;
  font-size: 13px !important;
  line-height: 1.42 !important;
}

body.cms-id-10 .abc-b2b-profiles__grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
  align-items: stretch !important;
}

body.cms-id-10 .abc-b2b-profile-card {
  position: relative !important;
  min-height: 205px !important;
  padding: 22px 22px 20px !important;
  border: 1px solid rgba(17, 24, 39, .10) !important;
  border-radius: 11px !important;
  background: #ffffff !important;
  text-align: center !important;
  box-shadow: 0 8px 22px rgba(17, 24, 39, .04) !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;

  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}

body.cms-id-10 .abc-b2b-profile-card:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 13px 28px rgba(17, 24, 39, .07) !important;
  border-color: rgba(202,69,12,.34) !important;
}

body.cms-id-10 .abc-b2b-profile-card--reseller {
  border-color: rgba(202,69,12,.72) !important;
  background: linear-gradient(180deg, #fff7f2 0%, #ffffff 72%) !important;
}

body.cms-id-10 .abc-b2b-profile-card__badge {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  padding: 6px 9px !important;
  border-radius: 0 10px 0 8px !important;
  background: #ca450c !important;
  color: #ffffff !important;
  font-size: 9px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: .035em !important;
  z-index: 2 !important;
}

body.cms-id-10 .abc-b2b-profile-card__badge--soft {
  background: #fff2ec !important;
  color: #d94b1f !important;
  border-left: 1px solid rgba(202,69,12,.16) !important;
  border-bottom: 1px solid rgba(202,69,12,.16) !important;
}

body.cms-id-10 .abc-b2b-profile-card__icon {
  width: 56px !important;
  height: 56px !important;
  min-width: 56px !important;
  margin: 0 auto 10px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 15px !important;
  background: #fff7f2 !important;
}

body.cms-id-10 .abc-b2b-profile-card__icon img {
  display: block !important;
  width: 38px !important;
  height: 38px !important;
  object-fit: contain !important;
}

body.cms-id-10 .abc-b2b-profile-card h3 {
  color: #111827 !important;
  font-size: 17px !important;
  line-height: 1.14 !important;
  font-weight: 750 !important;
  letter-spacing: -0.02em !important;
  margin: 0 0 7px !important;
}

body.cms-id-10 .abc-b2b-profile-card p {
  color: #374151 !important;
  font-size: 12.5px !important;
  line-height: 1.34 !important;
  max-width: 280px !important;
  margin: 0 auto 12px !important;
}

body.cms-id-10 .abc-b2b-profile-card__link {
  margin-top: auto !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 182px !important;
  min-height: 34px !important;
  padding: 8px 14px !important;

  border: 1px solid #111f8f !important;
  border-radius: 5px !important;

  color: #111f8f !important;
  background: #ffffff !important;

  font-size: 11px !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

body.cms-id-10 .abc-b2b-profile-card__link::after {
  content: "→" !important;
  margin-left: 7px !important;
}

body.cms-id-10 .abc-b2b-profile-card__link:hover {
  color: #111f8f !important;
  text-decoration: none !important;
  box-shadow: 0 7px 16px rgba(17, 31, 143, .08) !important;
}

body.cms-id-10 .abc-b2b-profile-card__link--primary {
  background: #111f8f !important;
  color: #ffffff !important;
  border-color: #111f8f !important;
  box-shadow: 0 8px 18px rgba(17, 31, 143, .16) !important;
}

body.cms-id-10 .abc-b2b-profile-card__link--primary:hover {
  background: #0d1875 !important;
  border-color: #0d1875 !important;
  color: #ffffff !important;
}


/* -----------------------------------------
   PROFILES - TABLET
----------------------------------------- */

@media (max-width: 991px) {
  body.cms-id-10 .abc-b2b-profiles {
    padding: 30px 0 28px !important;
  }

  body.cms-id-10 .abc-b2b-profiles__inner {
    width: min(760px, calc(100% - 36px)) !important;
  }

  body.cms-id-10 .abc-b2b-section-head {
    margin-bottom: 20px !important;
  }

  body.cms-id-10 .abc-b2b-section-head h2 {
    font-size: 24px !important;
  }

  body.cms-id-10 .abc-b2b-section-head p {
    font-size: 13px !important;
  }

  body.cms-id-10 .abc-b2b-profiles__grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  body.cms-id-10 .abc-b2b-profile-card {
    min-height: 0 !important;
    padding: 24px 20px 22px !important;
  }

  body.cms-id-10 .abc-b2b-profile-card p {
    max-width: 320px !important;
  }
}


/* -----------------------------------------
   PROFILES - MOBILE
----------------------------------------- */

@media (max-width: 575px) {
  body.cms-id-10 .abc-b2b-profiles {
    padding: 26px 0 26px !important;
  }

  body.cms-id-10 .abc-b2b-profiles__inner {
    width: calc(100% - 32px) !important;
  }

  body.cms-id-10 .abc-b2b-section-head h2 {
    font-size: 23px !important;
  }

  body.cms-id-10 .abc-b2b-profile-card {
    padding: 23px 18px 20px !important;
  }

  body.cms-id-10 .abc-b2b-profile-card__link {
    width: 100% !important;
    max-width: 260px !important;
  }
}


/* =========================================================
   ABC B2B MEPA - FASCIA PUBBLICA AMMINISTRAZIONE
   Scope: solo pagina CMS ID 10
   ========================================================= */

body.cms-id-10 .abc-b2b-mepa {
  background: #ffffff !important;
  padding: 10px 0 34px !important;
}

body.cms-id-10 .abc-b2b-mepa__inner {
  width: min(1180px, calc(100% - 80px)) !important;
  margin: 0 auto !important;
  padding: 24px 28px !important;

  display: grid !important;
  grid-template-columns: 155px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 28px !important;

  border: 1px solid rgba(202,69,12,.28) !important;
  border-radius: 13px !important;
  background: #ffffff !important;
  box-shadow: 0 10px 28px rgba(17, 24, 39, .045) !important;
}

body.cms-id-10 .abc-b2b-mepa__visual {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;

  min-height: 98px !important;
  padding-right: 24px !important;
  border-right: 1px solid rgba(17, 24, 39, .12) !important;
  text-align: center !important;
}

body.cms-id-10 .abc-b2b-mepa__icon {
  width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 18px !important;
  background: #fff7f2 !important;
  box-shadow: 0 8px 20px rgba(202,69,12,.10) !important;
  overflow: hidden !important;
}

body.cms-id-10 .abc-b2b-mepa__icon img {
  display: block !important;
  width: 38px !important;
  height: 38px !important;
  max-width: 38px !important;
  max-height: 38px !important;
  object-fit: contain !important;
}

body.cms-id-10 .abc-b2b-mepa__label {
  color: #17466a !important;
  font-size: 30px !important;
  line-height: .95 !important;
  font-weight: 850 !important;
  letter-spacing: -0.045em !important;
  margin: 0 !important;
}

body.cms-id-10 .abc-b2b-mepa__content {
  min-width: 0 !important;
}

body.cms-id-10 .abc-b2b-mepa__kicker {
  display: block !important;
  margin: 0 0 5px !important;
  color: #ca450c !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: .07em !important;
}

body.cms-id-10 .abc-b2b-mepa h2 {
  margin: 0 0 8px !important;
  color: #111827 !important;
  font-size: 23px !important;
  line-height: 1.16 !important;
  font-weight: 750 !important;
  letter-spacing: -0.025em !important;
}

body.cms-id-10 .abc-b2b-mepa p {
  max-width: 660px !important;
  margin: 0 !important;
  color: #374151 !important;
  font-size: 13px !important;
  line-height: 1.42 !important;
}

body.cms-id-10 .abc-b2b-mepa__benefits {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px 18px !important;
  margin-top: 12px !important;
  color: #1f2937 !important;
  font-size: 11.5px !important;
  line-height: 1.2 !important;
  font-weight: 750 !important;
}

body.cms-id-10 .abc-b2b-mepa__benefits span {
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
}

body.cms-id-10 .abc-b2b-mepa__benefits span::before {
  content: "✓" !important;
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  margin-right: 5px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  background: #ca450c !important;
  color: #ffffff !important;
  font-size: 9px !important;
  font-weight: 900 !important;
}

body.cms-id-10 .abc-b2b-mepa__action {
  display: flex !important;
  justify-content: flex-end !important;
}

body.cms-id-10 .abc-b2b-mepa__link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 210px !important;
  min-height: 42px !important;
  padding: 11px 18px !important;

  border-radius: 5px !important;
  background: #111f8f !important;
  color: #ffffff !important;
  border: 1px solid #111f8f !important;

  font-size: 12px !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  white-space: nowrap !important;

  box-shadow: 0 8px 18px rgba(17, 31, 143, .16) !important;
}

body.cms-id-10 .abc-b2b-mepa__link::after {
  content: "→" !important;
  margin-left: 8px !important;
}

body.cms-id-10 .abc-b2b-mepa__link:hover {
  background: #0d1875 !important;
  border-color: #0d1875 !important;
  color: #ffffff !important;
  text-decoration: none !important;
}


/* -----------------------------------------
   MEPA - TABLET
----------------------------------------- */

@media (max-width: 991px) {
  body.cms-id-10 .abc-b2b-mepa {
    padding: 8px 0 30px !important;
  }

  body.cms-id-10 .abc-b2b-mepa__inner {
    width: min(760px, calc(100% - 36px)) !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    padding: 24px 22px !important;
    text-align: center !important;
  }

  body.cms-id-10 .abc-b2b-mepa__visual {
    min-height: 0 !important;
    justify-content: center !important;
    padding-right: 0 !important;
    border-right: 0 !important;
  }

  body.cms-id-10 .abc-b2b-mepa p {
    margin: 0 auto !important;
  }

  body.cms-id-10 .abc-b2b-mepa__benefits {
    justify-content: center !important;
  }

  body.cms-id-10 .abc-b2b-mepa__action {
    justify-content: center !important;
  }
}


/* -----------------------------------------
   MEPA - MOBILE
----------------------------------------- */

@media (max-width: 575px) {
  body.cms-id-10 .abc-b2b-mepa {
    padding: 6px 0 28px !important;
  }

  body.cms-id-10 .abc-b2b-mepa__inner {
    width: calc(100% - 32px) !important;
    padding: 22px 18px !important;
  }

  body.cms-id-10 .abc-b2b-mepa__visual {
    gap: 7px !important;
  }

  body.cms-id-10 .abc-b2b-mepa__icon {
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    border-radius: 15px !important;
  }

  body.cms-id-10 .abc-b2b-mepa__icon img {
    width: 34px !important;
    height: 34px !important;
    max-width: 34px !important;
    max-height: 34px !important;
  }

  body.cms-id-10 .abc-b2b-mepa__label {
    font-size: 28px !important;
  }

  body.cms-id-10 .abc-b2b-mepa h2 {
    font-size: 21px !important;
  }

  body.cms-id-10 .abc-b2b-mepa p {
    font-size: 13px !important;
  }

  body.cms-id-10 .abc-b2b-mepa__benefits {
    gap: 9px 12px !important;
  }

  body.cms-id-10 .abc-b2b-mepa__link {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 280px !important;
  }
}


/* =========================================================
   ABC B2B RESELLER FLOW - COME FUNZIONA
   Scope: solo pagina CMS ID 10
   ========================================================= */

body.cms-id-10 .abc-b2b-reseller-flow {
  background: #ffffff !important;
  padding: 26px 0 34px !important;
  clear: both !important;
}

body.cms-id-10 .abc-b2b-reseller-flow__inner {
  width: min(1180px, calc(100% - 80px)) !important;
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

body.cms-id-10 .abc-b2b-reseller-flow__head {
  text-align: center !important;
  margin: 0 0 22px !important;
}

body.cms-id-10 .abc-b2b-reseller-flow__head h2 {
  margin: 0 !important;
  color: #111827 !important;
  font-size: 24px !important;
  line-height: 1.18 !important;
  font-weight: 780 !important;
  letter-spacing: -0.03em !important;
}

body.cms-id-10 .abc-b2b-reseller-flow__steps {
  position: relative !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 22px !important;
  align-items: start !important;
  box-sizing: border-box !important;
}

body.cms-id-10 .abc-b2b-reseller-flow__steps::before {
  content: "" !important;
  position: absolute !important;
  left: 13% !important;
  right: 13% !important;
  top: 34px !important;
  border-top: 2px dashed rgba(17, 24, 39, .22) !important;
  z-index: 0 !important;
}

body.cms-id-10 .abc-b2b-reseller-step {
  position: relative !important;
  z-index: 1 !important;
  text-align: center !important;
  padding: 0 10px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

body.cms-id-10 .abc-b2b-reseller-step__icon {
  width: 68px !important;
  height: 68px !important;
  margin: 0 auto 13px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  background: #ffffff !important;
  border: 1px solid rgba(17, 24, 39, .14) !important;
  box-shadow: 0 8px 20px rgba(17, 24, 39, .045) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

body.cms-id-10 .abc-b2b-reseller-step__icon img {
  display: block !important;
  width: 52px !important;
  height: 52px !important;
  max-width: 52px !important;
  max-height: 52px !important;
  object-fit: contain !important;
}

body.cms-id-10 .abc-b2b-reseller-step__number {
  width: 19px !important;
  height: 19px !important;
  margin: 0 5px 0 0 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  background: #ca450c !important;
  color: #ffffff !important;

  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  vertical-align: middle !important;
}

body.cms-id-10 .abc-b2b-reseller-step h3 {
  display: inline !important;
  margin: 0 !important;
  color: #111827 !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
  vertical-align: middle !important;
}

body.cms-id-10 .abc-b2b-reseller-step p {
  max-width: 210px !important;
  margin: 7px auto 0 !important;
  color: #4b5563 !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}


/* -----------------------------------------
   RESELLER FLOW - TABLET
----------------------------------------- */

@media (max-width: 991px) {
  body.cms-id-10 .abc-b2b-reseller-flow__inner {
    width: min(760px, calc(100% - 36px)) !important;
  }

  body.cms-id-10 .abc-b2b-reseller-flow__steps {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 26px 18px !important;
  }

  body.cms-id-10 .abc-b2b-reseller-flow__steps::before {
    display: none !important;
  }
}


/* -----------------------------------------
   RESELLER FLOW - MOBILE
----------------------------------------- */

@media (max-width: 575px) {
  body.cms-id-10 .abc-b2b-reseller-flow {
    padding: 28px 0 32px !important;
  }

  body.cms-id-10 .abc-b2b-reseller-flow__inner {
    width: calc(100% - 32px) !important;
  }

  body.cms-id-10 .abc-b2b-reseller-flow__head h2 {
    font-size: 22px !important;
  }

  body.cms-id-10 .abc-b2b-reseller-flow__steps {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  body.cms-id-10 .abc-b2b-reseller-step {
    display: grid !important;
    grid-template-columns: 54px minmax(0, 1fr) !important;
    gap: 14px !important;
    align-items: center !important;
    text-align: left !important;
    padding: 14px 16px !important;
    border: 1px solid rgba(17, 24, 39, .08) !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    box-shadow: 0 8px 20px rgba(17, 24, 39, .035) !important;
  }

  body.cms-id-10 .abc-b2b-reseller-step__icon {
    width: 54px !important;
    height: 54px !important;
    margin: 0 !important;
  }

  body.cms-id-10 .abc-b2b-reseller-step__icon img {
    width: 42px !important;
    height: 42px !important;
    max-width: 42px !important;
    max-height: 42px !important;
  }

  body.cms-id-10 .abc-b2b-reseller-step p {
    max-width: none !important;
    margin-top: 5px !important;
  }
}
/* =========================================================
   ABC B2B DOCS - DOCUMENTAZIONE RICHIESTA
   Scope: solo pagina CMS ID 10
   ========================================================= */

body.cms-id-10 .abc-b2b-docs {
  background: #ffffff !important;
  padding: 0 0 34px !important;
}

body.cms-id-10 .abc-b2b-docs__inner {
  width: min(1180px, calc(100% - 80px)) !important;
  margin: 0 auto !important;
  padding: 24px 28px !important;

  display: grid !important;
  grid-template-columns: 150px minmax(0, 1fr) auto !important;
  gap: 26px !important;
  align-items: center !important;

  border: 1px solid rgba(202,69,12,.24) !important;
  border-radius: 13px !important;
  background: #ffffff !important;
  box-shadow: 0 10px 28px rgba(17, 24, 39, .04) !important;
}

body.cms-id-10 .abc-b2b-docs__visual {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  min-height: 105px !important;
  padding-right: 22px !important;
  border-right: 1px solid rgba(17, 24, 39, .10) !important;
}

body.cms-id-10 .abc-b2b-docs__icon {
  width: 86px !important;
  height: 86px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  background: #fff7f2 !important;
  color: #ca450c !important;

  font-size: 42px !important;
  line-height: 1 !important;
}

body.cms-id-10 .abc-b2b-docs h2 {
  margin: 0 0 8px !important;
  color: #111827 !important;
  font-size: 24px !important;
  line-height: 1.16 !important;
  font-weight: 780 !important;
  letter-spacing: -0.03em !important;
}

body.cms-id-10 .abc-b2b-docs p {
  max-width: 690px !important;
  margin: 0 !important;
  color: #4b5563 !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

body.cms-id-10 .abc-b2b-docs__items {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px 22px !important;
  margin-top: 13px !important;
  color: #1f2937 !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  font-weight: 750 !important;
}

body.cms-id-10 .abc-b2b-docs__items span {
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
}

body.cms-id-10 .abc-b2b-docs__items span::before {
  content: "✓" !important;
  width: 15px !important;
  height: 15px !important;
  min-width: 15px !important;
  margin-right: 6px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  background: #ca450c !important;
  color: #ffffff !important;

  font-size: 9px !important;
  font-weight: 900 !important;
}

body.cms-id-10 .abc-b2b-docs__action {
  display: flex !important;
  justify-content: flex-end !important;
}

body.cms-id-10 .abc-b2b-docs__link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 230px !important;
  min-height: 42px !important;
  padding: 11px 18px !important;

  border-radius: 5px !important;
  background: #111f8f !important;
  color: #ffffff !important;
  border: 1px solid #111f8f !important;

  font-size: 12px !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  white-space: nowrap !important;

  box-shadow: 0 8px 18px rgba(17, 31, 143, .16) !important;
}

body.cms-id-10 .abc-b2b-docs__link::after {
  content: "→" !important;
  margin-left: 8px !important;
}

body.cms-id-10 .abc-b2b-docs__link:hover {
  background: #0d1875 !important;
  border-color: #0d1875 !important;
  color: #ffffff !important;
  text-decoration: none !important;
}


/* -----------------------------------------
   DOCS - TABLET
----------------------------------------- */

@media (max-width: 991px) {
  body.cms-id-10 .abc-b2b-docs__inner {
    width: min(760px, calc(100% - 36px)) !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    text-align: center !important;
  }

  body.cms-id-10 .abc-b2b-docs__visual {
    min-height: 0 !important;
    padding-right: 0 !important;
    border-right: 0 !important;
  }

  body.cms-id-10 .abc-b2b-docs p {
    margin: 0 auto !important;
  }

  body.cms-id-10 .abc-b2b-docs__items {
    justify-content: center !important;
  }

  body.cms-id-10 .abc-b2b-docs__action {
    justify-content: center !important;
  }
}


/* -----------------------------------------
   DOCS - MOBILE
----------------------------------------- */

@media (max-width: 575px) {
  body.cms-id-10 .abc-b2b-docs {
    padding: 0 0 28px !important;
  }

  body.cms-id-10 .abc-b2b-docs__inner {
    width: calc(100% - 32px) !important;
    padding: 22px 18px !important;
  }

  body.cms-id-10 .abc-b2b-docs__icon {
    width: 72px !important;
    height: 72px !important;
    font-size: 34px !important;
  }

  body.cms-id-10 .abc-b2b-docs h2 {
    font-size: 22px !important;
  }

  body.cms-id-10 .abc-b2b-docs__items {
    gap: 10px !important;
  }

  body.cms-id-10 .abc-b2b-docs__items span {
    white-space: normal !important;
    justify-content: center !important;
  }

  body.cms-id-10 .abc-b2b-docs__link {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 280px !important;
  }
}
/* =========================================================
   ABC B2B FAQ - DOMANDE FREQUENTI
   Scope: solo pagina CMS ID 10
   ========================================================= */

body.cms-id-10 .abc-b2b-faq {
  background: #ffffff !important;
  padding: 0 0 34px !important;
}

body.cms-id-10 .abc-b2b-faq__inner {
  width: min(920px, calc(100% - 80px)) !important;
  margin: 0 auto !important;
}

body.cms-id-10 .abc-b2b-faq__head {
  text-align: center !important;
  margin: 0 0 14px !important;
}

body.cms-id-10 .abc-b2b-faq__head h2 {
  margin: 0 !important;
  color: #111827 !important;
  font-size: 24px !important;
  line-height: 1.18 !important;
  font-weight: 780 !important;
  letter-spacing: -0.03em !important;
}

body.cms-id-10 .abc-b2b-faq__list {
  display: grid !important;
  gap: 7px !important;
}

body.cms-id-10 .abc-b2b-faq__item {
  border: 1px solid rgba(17, 24, 39, .10) !important;
  border-radius: 7px !important;
  background: #ffffff !important;
  box-shadow: 0 5px 14px rgba(17, 24, 39, .025) !important;
  overflow: hidden !important;
}

body.cms-id-10 .abc-b2b-faq__question {
  width: 100% !important;
  padding: 11px 16px 11px 18px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;

  border: 0 !important;
  background: #ffffff !important;
  color: #111827 !important;

  font-size: 12.5px !important;
  line-height: 1.25 !important;
  font-weight: 780 !important;
  letter-spacing: -0.01em !important;
  text-align: left !important;
  cursor: pointer !important;
}

body.cms-id-10 .abc-b2b-faq__plus {
  flex: 0 0 auto !important;
  color: #111827 !important;
  font-size: 18px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
}

body.cms-id-10 .abc-b2b-faq__answer {
  display: none !important;
  padding: 0 18px 13px !important;
}

body.cms-id-10 .abc-b2b-faq__item.is-open .abc-b2b-faq__answer {
  display: block !important;
}

body.cms-id-10 .abc-b2b-faq__answer p {
  margin: 0 !important;
  color: #4b5563 !important;
  font-size: 12.5px !important;
  line-height: 1.45 !important;
}


/* -----------------------------------------
   FAQ - TABLET
----------------------------------------- */

@media (max-width: 991px) {
  body.cms-id-10 .abc-b2b-faq__inner {
    width: min(760px, calc(100% - 36px)) !important;
  }
}


/* -----------------------------------------
   FAQ - MOBILE
----------------------------------------- */

@media (max-width: 575px) {
  body.cms-id-10 .abc-b2b-faq {
    padding: 0 0 30px !important;
  }

  body.cms-id-10 .abc-b2b-faq__inner {
    width: calc(100% - 32px) !important;
  }

  body.cms-id-10 .abc-b2b-faq__head h2 {
    font-size: 22px !important;
  }

  body.cms-id-10 .abc-b2b-faq__question {
    padding: 12px 15px !important;
    font-size: 12.5px !important;
  }

  body.cms-id-10 .abc-b2b-faq__answer {
    padding: 0 15px 13px !important;
  }
}
/* =========================================================
   ABC B2B FINAL CTA
   Scope: solo pagina CMS ID 10
   ========================================================= */

body.cms-id-10 .abc-b2b-final-cta {
  background: #ffffff !important;
  padding: 6px 0 12px !important;
  margin: 0 !important;
  clear: both !important;
}

body.cms-id-10 .abc-b2b-final-cta__inner {
  width: min(1180px, calc(100% - 80px)) !important;
  margin: 0 auto !important;
  padding: 26px 34px !important;

  display: grid !important;
  grid-template-columns: 96px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 24px !important;

  border-radius: 13px !important;
  background: linear-gradient(135deg, #ca450c 0%, #ef3f0a 100%) !important;
  box-shadow: 0 12px 30px rgba(202,69,12,.16) !important;
}

body.cms-id-10 .abc-b2b-final-cta__icon {
  width: 96px !important;
  height: 96px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.cms-id-10 .abc-b2b-final-cta__icon img {
  display: block !important;
  width: 96px !important;
  height: 96px !important;
  max-width: 96px !important;
  max-height: 96px !important;

  object-fit: contain !important;
  filter: none !important;
  mix-blend-mode: screen !important;
  opacity: .98 !important;
}

body.cms-id-10 .abc-b2b-final-cta__content {
  max-width: 620px !important;
}

body.cms-id-10 .abc-b2b-final-cta h2 {
  margin: 0 0 7px !important;
  color: #ffffff !important;
  font-size: 27px !important;
  line-height: 1.1 !important;
  font-weight: 700 !important;
  letter-spacing: -0.025em !important;
}

body.cms-id-10 .abc-b2b-final-cta p {
  max-width: 610px !important;
  margin: 0 !important;
  color: rgba(255,255,255,.94) !important;
  font-size: 13.5px !important;
  line-height: 1.42 !important;
  font-weight: 400 !important;
}

body.cms-id-10 .abc-b2b-final-cta__actions {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
}

body.cms-id-10 .abc-b2b-final-cta__link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 255px !important;
  min-height: 42px !important;
  padding: 11px 20px !important;

  border-radius: 5px !important;
  background: #111f8f !important;
  color: #ffffff !important;
  border: 1px solid #111f8f !important;

  font-size: 12px !important;
  line-height: 1.1 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  white-space: nowrap !important;

  box-shadow: 0 8px 18px rgba(17,31,143,.18) !important;
}

body.cms-id-10 .abc-b2b-final-cta__link::after {
  content: "→" !important;
  margin-left: 8px !important;
}

body.cms-id-10 .abc-b2b-final-cta__link:hover {
  background: #0d1875 !important;
  border-color: #0d1875 !important;
  color: #ffffff !important;
  text-decoration: none !important;
}


/* -----------------------------------------
   FINAL CTA - TABLET
----------------------------------------- */

@media (max-width: 991px) {
  body.cms-id-10 .abc-b2b-final-cta {
    padding: 4px 0 18px !important;
  }

  body.cms-id-10 .abc-b2b-final-cta__inner {
    width: min(760px, calc(100% - 36px)) !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    padding: 30px 26px !important;
    text-align: center !important;
  }

  body.cms-id-10 .abc-b2b-final-cta__icon {
    margin: 0 auto !important;
  }

  body.cms-id-10 .abc-b2b-final-cta__content {
    margin: 0 auto !important;
  }

  body.cms-id-10 .abc-b2b-final-cta p {
    margin: 0 auto !important;
  }

  body.cms-id-10 .abc-b2b-final-cta__actions {
    justify-content: center !important;
  }
}


/* -----------------------------------------
   FINAL CTA - MOBILE
----------------------------------------- */

@media (max-width: 575px) {
  body.cms-id-10 .abc-b2b-final-cta {
    padding: 0 0 18px !important;
  }

  body.cms-id-10 .abc-b2b-final-cta__inner {
    width: calc(100% - 32px) !important;
    padding: 26px 20px !important;
    border-radius: 12px !important;
  }

  body.cms-id-10 .abc-b2b-final-cta__icon {
    width: 86px !important;
    height: 86px !important;
  }

  body.cms-id-10 .abc-b2b-final-cta__icon img {
    width: 86px !important;
    height: 86px !important;
    max-width: 86px !important;
    max-height: 86px !important;
  }

  body.cms-id-10 .abc-b2b-final-cta h2 {
    font-size: 23px !important;
  }

  body.cms-id-10 .abc-b2b-final-cta p {
    font-size: 13px !important;
  }

  body.cms-id-10 .abc-b2b-final-cta__link {
    width: 100% !important;
    max-width: 290px !important;
    min-width: 0 !important;
  }
}


/* =========================================================
   ABC B2B CMS BACKGROUND / FOOTER GAP FIX
   Scope: solo pagina CMS ID 10
   ========================================================= */

body.cms-id-10 #wrapper,
body.cms-id-10 #main,
body.cms-id-10 #content,
body.cms-id-10 #content-wrapper,
body.cms-id-10 .page-content.page-cms,
body.cms-id-10 .cms-description,
body.cms-id-10 .tv-sub-pages-inner-content,
body.cms-id-10 .abc-b2b-landing,
body.cms-id-10 .abc-b2b-faq,
body.cms-id-10 .abc-b2b-final-cta {
  background: #ffffff !important;
}

body.cms-id-10 .abc-b2b-final-cta__inner {
  margin-bottom: 0 !important;
}

body.cms-id-10 .abc-b2b-final-cta + * {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body.cms-id-10 .tv-sub-pages-inner-content,
body.cms-id-10 .cms-description,
body.cms-id-10 .page-content.page-cms,
body.cms-id-10 #content,
body.cms-id-10 #main {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

body.cms-id-10 .abc-b2b-final-cta::before,
body.cms-id-10 .abc-b2b-final-cta::after,
body.cms-id-10 .abc-b2b-landing::before,
body.cms-id-10 .abc-b2b-landing::after,
body.cms-id-10 .cms-description::before,
body.cms-id-10 .cms-description::after,
body.cms-id-10 .tv-sub-pages-inner-content::before,
body.cms-id-10 .tv-sub-pages-inner-content::after {
  background: transparent !important;
  box-shadow: none !important;
}
/* =========================================================
   ABC B2B MOBILE SWIPE SECTIONS
   Scope: solo pagina CMS ID 10
   ========================================================= */

@media (max-width: 767px) {

  /* -----------------------------------------
     PROFILI REGISTRAZIONE - SWIPE MOBILE
  ----------------------------------------- */

  body.cms-id-10 .abc-b2b-profiles {
    padding: 20px 0 18px !important;
    overflow: hidden !important;
  }

  body.cms-id-10 .abc-b2b-profiles__inner {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.cms-id-10 .abc-b2b-profiles .abc-b2b-section-head {
    width: calc(100% - 32px) !important;
    margin: 0 auto 12px !important;
    text-align: center !important;
  }

  body.cms-id-10 .abc-b2b-profiles__grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    grid-template-columns: unset !important;

    width: 100% !important;
    max-width: none !important;

    gap: 10px !important;
    padding: 0 16px 8px !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    scroll-snap-type: x mandatory !important;
    scroll-padding-left: 16px !important;
    -webkit-overflow-scrolling: touch !important;

    scrollbar-width: none !important;
  }

  body.cms-id-10 .abc-b2b-profiles__grid::-webkit-scrollbar {
    display: none !important;
  }

  body.cms-id-10 .abc-b2b-profile-card {
    flex: 0 0 80vw !important;
    width: 80vw !important;
    max-width: 300px !important;
    min-width: 0 !important;
    min-height: 166px !important;

    padding: 17px 15px 14px !important;
    scroll-snap-align: start !important;
  }

  body.cms-id-10 .abc-b2b-profile-card__icon {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    margin-bottom: 6px !important;
  }

  body.cms-id-10 .abc-b2b-profile-card__icon img {
    width: 28px !important;
    height: 28px !important;
  }

  body.cms-id-10 .abc-b2b-profile-card h3 {
    font-size: 14.5px !important;
    line-height: 1.15 !important;
    margin-bottom: 4px !important;
  }

  body.cms-id-10 .abc-b2b-profile-card p {
    font-size: 11.2px !important;
    line-height: 1.25 !important;
    margin-bottom: 7px !important;
  }

  body.cms-id-10 .abc-b2b-profile-card__link {
    min-height: 30px !important;
    min-width: 174px !important;
    padding: 6px 11px !important;
    font-size: 10.5px !important;
  }

  body.cms-id-10 .abc-b2b-profiles__grid::after {
    content: "" !important;
    flex: 0 0 4px !important;
  }


  /* -----------------------------------------
     COME FUNZIONA - SWIPE MOBILE
  ----------------------------------------- */

  body.cms-id-10 .abc-b2b-reseller-flow {
    padding: 18px 0 20px !important;
    overflow: hidden !important;
  }

  body.cms-id-10 .abc-b2b-reseller-flow__inner {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.cms-id-10 .abc-b2b-reseller-flow__head {
    width: calc(100% - 32px) !important;
    margin: 0 auto 12px !important;
    text-align: center !important;
  }

  body.cms-id-10 .abc-b2b-reseller-flow__steps {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    grid-template-columns: unset !important;

    width: 100% !important;
    max-width: none !important;

    gap: 10px !important;
    padding: 0 16px 8px !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    scroll-snap-type: x mandatory !important;
    scroll-padding-left: 16px !important;
    -webkit-overflow-scrolling: touch !important;

    scrollbar-width: none !important;
  }

  body.cms-id-10 .abc-b2b-reseller-flow__steps::-webkit-scrollbar {
    display: none !important;
  }

  body.cms-id-10 .abc-b2b-reseller-step {
    flex: 0 0 78vw !important;
    width: 78vw !important;
    max-width: 292px !important;
    min-width: 0 !important;

    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) !important;
    gap: 10px !important;

    padding: 13px !important;
    min-height: 116px !important;

    scroll-snap-align: start !important;
  }

  body.cms-id-10 .abc-b2b-reseller-step__icon {
    width: 44px !important;
    height: 44px !important;
  }

  body.cms-id-10 .abc-b2b-reseller-step__icon img {
    width: 34px !important;
    height: 34px !important;
  }

  body.cms-id-10 .abc-b2b-reseller-step h3 {
    font-size: 12px !important;
    line-height: 1.18 !important;
    margin: 0 !important;
  }

  body.cms-id-10 .abc-b2b-reseller-step p {
    font-size: 11px !important;
    line-height: 1.28 !important;
    margin: 4px 0 0 !important;
  }

  body.cms-id-10 .abc-b2b-reseller-flow__steps::after {
    content: "" !important;
    flex: 0 0 4px !important;
  }
}

/* =========================================================
   ABC MEPA LANDING - CMS ID 11
   Forniture MEPA per scuole, uffici pubblici ed enti
   ========================================================= */


/* =========================================================
   ABC MEPA - CSS PAGINA FORNITURE MEPA
   Scope: solo pagina CMS ID 11
   Versione ordinata / deduplicata
   ========================================================= */


/* ---------------------------------------------------------
   0. RESET CMS / TEMA SOLO PAGINA MEPA
--------------------------------------------------------- */

body.cms-id-11 {
  background: #ffffff !important;
}

body.cms-id-11 #wrapper,
body.cms-id-11 #main,
body.cms-id-11 #content,
body.cms-id-11 #content-wrapper,
body.cms-id-11 #wrapper .tvcmscontainer-layout,
body.cms-id-11 #wrapper .tvcmscontainer-layout > .container,
body.cms-id-11 #wrapper .container.tv-left-layout,
body.cms-id-11 #wrapper .container.tv-left-layout > .row,
body.cms-id-11 #wrapper #content-wrapper.left-column,
body.cms-id-11 #wrapper #main,
body.cms-id-11 #wrapper .theiaStickySidebar,
body.cms-id-11 #wrapper #content,
body.cms-id-11 #wrapper .page-content.page-cms,
body.cms-id-11 #wrapper .cms-description,
body.cms-id-11 #wrapper .tv-sub-pages-inner-content,
body.cms-id-11 .tvcmscontainer-layout,
body.cms-id-11 .tvcmscontainer-layout > .container,
body.cms-id-11 .container.tv-left-layout,
body.cms-id-11 .container.tv-left-layout > .row,
body.cms-id-11 .theiaStickySidebar,
body.cms-id-11 .page-content.page-cms,
body.cms-id-11 .cms-description,
body.cms-id-11 .tv-sub-pages-inner-content {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  border: 0 !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

body.cms-id-11 #wrapper #content-wrapper.left-column,
body.cms-id-11 #wrapper #content-wrapper {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}

body.cms-id-11 .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.cms-id-11 [class*="col-"] {
  padding-left: 0 !important;
  padding-right: 0 !important;
}


/* ---------------------------------------------------------
   1. LANDING BASE
--------------------------------------------------------- */

body.cms-id-11 .abc-mepa-page {
  --abc-mepa-orange: #ca450c;
  --abc-mepa-orange-soft: #fff1ea;
  --abc-mepa-blue: #111f8f;
  --abc-mepa-blue-dark: #0d1875;
  --abc-mepa-blue-soft: #f3f6ff;
  --abc-mepa-text: #111827;
  --abc-mepa-muted: #4b5563;
  --abc-mepa-border: rgba(17, 24, 39, .10);
  --abc-mepa-shadow: 0 12px 30px rgba(17, 24, 39, .045);

  width: 100% !important;
  max-width: none !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: #ffffff !important;
  color: var(--abc-mepa-text) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

body.cms-id-11 .abc-mepa-page * {
  box-sizing: border-box !important;
}

body.cms-id-11 .abc-mepa-page h1,
body.cms-id-11 .abc-mepa-page h2,
body.cms-id-11 .abc-mepa-page h3,
body.cms-id-11 .abc-mepa-page p {
  margin-top: 0 !important;
}

body.cms-id-11 .abc-mepa-page h2 {
  margin: 0 0 28px !important;
  color: var(--abc-mepa-text) !important;
  font-size: 31px !important;
  line-height: 1.15 !important;
  font-weight: 760 !important;
  letter-spacing: -0.04em !important;
}

body.cms-id-11 .abc-mepa-page h3 {
  margin: 0 0 9px !important;
  color: var(--abc-mepa-text) !important;
  font-size: 17px !important;
  line-height: 1.18 !important;
  font-weight: 780 !important;
  letter-spacing: -0.02em !important;
}

body.cms-id-11 .abc-mepa-page p {
  margin-bottom: 0 !important;
  color: var(--abc-mepa-muted) !important;
  font-size: 13px !important;
  line-height: 1.48 !important;
}


/* ---------------------------------------------------------
   2. CTA BASE
--------------------------------------------------------- */

body.cms-id-11 .abc-mepa-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  padding: 11px 22px !important;
  border-radius: 5px !important;
  font-size: 12px !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease !important;
}

body.cms-id-11 .abc-mepa-btn::after {
  content: "→" !important;
  margin-left: 8px !important;
}

body.cms-id-11 .abc-mepa-btn:hover {
  text-decoration: none !important;
  transform: translateY(-1px) !important;
}

body.cms-id-11 .abc-mepa-btn--primary {
  color: #ffffff !important;
  background: var(--abc-mepa-blue) !important;
  border: 1px solid var(--abc-mepa-blue) !important;
  box-shadow: 0 8px 18px rgba(17, 31, 143, .18) !important;
}

body.cms-id-11 .abc-mepa-btn--primary:hover {
  color: #ffffff !important;
  background: var(--abc-mepa-blue-dark) !important;
  border-color: var(--abc-mepa-blue-dark) !important;
}


/* ---------------------------------------------------------
   3. HERO FULL WIDTH - PROPORZIONI FINALI
--------------------------------------------------------- */

body.cms-id-11 .abc-mepa-hero {
  position: relative !important;
  display: block !important;

  width: 100vw !important;
  max-width: none !important;

  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;

  min-height: 330px !important;
  padding: 36px 0 34px !important;

  overflow: hidden !important;
  background: #ffffff !important;
}

body.cms-id-11 .abc-mepa-hero__content {
  position: relative !important;
  z-index: 3 !important;

  width: min(590px, 41vw) !important;
  max-width: 590px !important;

  margin-left: max(72px, calc((100vw - 1760px) / 2 + 72px)) !important;
}

body.cms-id-11 .abc-mepa-eyebrow {
  margin: 0 0 10px !important;
  color: #4a566b !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}

body.cms-id-11 .abc-mepa-page h1 {
  max-width: 585px !important;
  margin: 0 0 14px !important;

  color: #0f172a !important;
  font-size: clamp(38px, 3.25vw, 52px) !important;
  line-height: .98 !important;
  font-weight: 850 !important;
  letter-spacing: -0.06em !important;
}

body.cms-id-11 .abc-mepa-lead {
  max-width: 505px !important;
  margin: 0 0 18px !important;

  color: #475569 !important;
  font-size: 13.8px !important;
  line-height: 1.43 !important;
}

body.cms-id-11 .abc-mepa-hero .abc-mepa-btn {
  min-height: 42px !important;
  padding: 10px 23px !important;
  border-radius: 6px !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
}


/* ---------------------------------------------------------
   4. HERO IMAGE - POSIZIONE FINALE
--------------------------------------------------------- */

body.cms-id-11 .abc-mepa-hero__visual,
body.cms-id-11 .abc-mepa-hero__visual--image {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;

  display: block !important;
  width: 100% !important;
  height: 100% !important;

  overflow: hidden !important;
  pointer-events: none !important;
}

body.cms-id-11 .abc-mepa-hero__image {
  display: block !important;

  width: 100% !important;
  height: 100% !important;
  max-width: none !important;

  object-fit: cover !important;
  object-position: 63% center !important;

  transform: scale(1.005) translateX(-22px) !important;

  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* sfumatura laterale verso bianco */
body.cms-id-11 .abc-mepa-hero::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;

  background:
    linear-gradient(
      90deg,
      rgba(255,255,255,1) 0%,
      rgba(255,255,255,1) 26%,
      rgba(255,255,255,.97) 33%,
      rgba(255,255,255,.84) 39%,
      rgba(255,255,255,.56) 45%,
      rgba(255,255,255,.22) 51%,
      rgba(255,255,255,.06) 57%,
      rgba(255,255,255,0) 63%
    ) !important;
}

/* sfumatura inferiore */
body.cms-id-11 .abc-mepa-hero::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 48px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,.70) 70%,
      rgba(255,255,255,1) 100%
    ) !important;
}


/* ---------------------------------------------------------
   5. CONTACT STRIP
--------------------------------------------------------- */

body.cms-id-11 .abc-mepa-contact-strip {
  position: relative !important;
  z-index: 4 !important;

  width: min(1780px, calc(100% - 72px)) !important;
  max-width: 1780px !important;

  margin: -6px auto 42px !important;
  padding: 28px 36px !important;

  display: grid !important;
  grid-template-columns: 1.15fr repeat(3, 1fr) !important;
  gap: 0 !important;
  align-items: center !important;

  border: 1px solid rgba(17, 24, 39, .09) !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  box-shadow: 0 10px 28px rgba(17, 24, 39, .045) !important;
}

body.cms-id-11 .abc-mepa-contact-strip__intro {
  padding-right: 24px !important;
}

body.cms-id-11 .abc-mepa-contact-strip__intro h2 {
  margin: 0 0 8px !important;
  font-size: 22px !important;
  line-height: 1.1 !important;
  font-weight: 760 !important;
  letter-spacing: -0.03em !important;
  text-align: left !important;
}

body.cms-id-11 .abc-mepa-contact-strip__intro p {
  color: #4b5563 !important;
  font-size: 12.5px !important;
  line-height: 1.4 !important;
}

body.cms-id-11 .abc-mepa-contact-item {
  min-height: 72px !important;
  padding: 0 22px !important;
  border-left: 1px solid rgba(17, 24, 39, .10) !important;
}

body.cms-id-11 .abc-mepa-contact-item strong {
  display: block !important;
  margin: 0 0 5px !important;
  color: var(--abc-mepa-text) !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
  font-weight: 850 !important;
  word-break: break-word !important;
}

/* Icone contact strip: telefono, email, team */

body.cms-id-11 .abc-mepa-contact-item {
  position: relative !important;

  min-height: 68px !important;
  padding: 0 28px 0 74px !important;

  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

body.cms-id-11 .abc-mepa-contact-item::before {
  content: "" !important;

  position: absolute !important;
  left: 28px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;

  width: 31px !important;
  height: 31px !important;

  background-color: #0f172a !important;

  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;

  -webkit-mask-position: center !important;
  mask-position: center !important;

  -webkit-mask-size: contain !important;
  mask-size: contain !important;
}

/* Telefono */
body.cms-id-11 .abc-mepa-contact-item:nth-of-type(2)::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.62 10.79C8.06 13.62 10.38 15.93 13.21 17.38L15.41 15.18C15.68 14.91 16.08 14.82 16.43 14.94C17.55 15.31 18.75 15.5 20 15.5C20.55 15.5 21 15.95 21 16.5V20C21 20.55 20.55 21 20 21C10.61 21 3 13.39 3 4C3 3.45 3.45 3 4 3H7.5C8.05 3 8.5 3.45 8.5 4C8.5 5.25 8.69 6.45 9.06 7.57C9.17 7.92 9.09 8.31 8.81 8.59L6.62 10.79Z' fill='black'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.62 10.79C8.06 13.62 10.38 15.93 13.21 17.38L15.41 15.18C15.68 14.91 16.08 14.82 16.43 14.94C17.55 15.31 18.75 15.5 20 15.5C20.55 15.5 21 15.95 21 16.5V20C21 20.55 20.55 21 20 21C10.61 21 3 13.39 3 4C3 3.45 3.45 3 4 3H7.5C8.05 3 8.5 3.45 8.5 4C8.5 5.25 8.69 6.45 9.06 7.57C9.17 7.92 9.09 8.31 8.81 8.59L6.62 10.79Z' fill='black'/%3E%3C/svg%3E") !important;
}

/* Email */
body.cms-id-11 .abc-mepa-contact-item:nth-of-type(3)::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 4H4C2.9 4 2.01 4.9 2.01 6L2 18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V6C22 4.9 21.1 4 20 4ZM20 8L12 13L4 8V6L12 11L20 6V8Z' fill='black'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 4H4C2.9 4 2.01 4.9 2.01 6L2 18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V6C22 4.9 21.1 4 20 4ZM20 8L12 13L4 8V6L12 11L20 6V8Z' fill='black'/%3E%3C/svg%3E") !important;
}

/* Team */
body.cms-id-11 .abc-mepa-contact-item:nth-of-type(4)::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 11C17.66 11 18.99 9.66 18.99 8C18.99 6.34 17.66 5 16 5C14.34 5 13 6.34 13 8C13 9.66 14.34 11 16 11ZM8 11C9.66 11 10.99 9.66 10.99 8C10.99 6.34 9.66 5 8 5C6.34 5 5 6.34 5 8C5 9.66 6.34 11 8 11ZM8 13C5.67 13 1 14.17 1 16.5V19H15V16.5C15 14.17 10.33 13 8 13ZM16 13C15.71 13 15.38 13.02 15.03 13.05C16.19 13.89 17 15.02 17 16.5V19H23V16.5C23 14.17 18.33 13 16 13Z' fill='black'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 11C17.66 11 18.99 9.66 18.99 8C18.99 6.34 17.66 5 16 5C14.34 5 13 6.34 13 8C13 9.66 14.34 11 16 11ZM8 11C9.66 11 10.99 9.66 10.99 8C10.99 6.34 9.66 5 8 5C6.34 5 5 6.34 5 8C5 9.66 6.34 11 8 11ZM8 13C5.67 13 1 14.17 1 16.5V19H15V16.5C15 14.17 10.33 13 8 13ZM16 13C15.71 13 15.38 13.02 15.03 13.05C16.19 13.89 17 15.02 17 16.5V19H23V16.5C23 14.17 18.33 13 16 13Z' fill='black'/%3E%3C/svg%3E") !important;
}

/* ---------------------------------------------------------
   6. LARGHEZZA SEZIONI CENTRALI
--------------------------------------------------------- */

body.cms-id-11 .abc-mepa-section,
body.cms-id-11 .abc-mepa-notice,
body.cms-id-11 .abc-mepa-supply,
body.cms-id-11 .abc-mepa-process,
body.cms-id-11 .abc-mepa-modes,
body.cms-id-11 .abc-mepa-faq,
body.cms-id-11 .abc-mepa-final-cta {
  width: min(1640px, calc(100% - 96px)) !important;
  max-width: 1640px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.cms-id-11 .abc-mepa-section {
  margin-top: 52px !important;
}

body.cms-id-11 .abc-mepa-section > h2,
body.cms-id-11 .abc-mepa-supply > h2,
body.cms-id-11 .abc-mepa-process > h2,
body.cms-id-11 .abc-mepa-modes > h2,
body.cms-id-11 .abc-mepa-faq > h2 {
  text-align: center !important;
}


/* ---------------------------------------------------------
   7. NOTICE OPERATIVO MEPA
--------------------------------------------------------- */

body.cms-id-11 .abc-mepa-notice {
  position: relative !important;

  width: min(1120px, calc(100% - 96px)) !important;
  max-width: 1120px !important;

  margin: 0 auto 46px !important;
  padding: 24px 34px 24px 86px !important;

  border: 1px solid rgba(202,69,12,.22) !important;
  border-radius: 11px !important;

  background:
    linear-gradient(180deg, #fff7f2 0%, #fff1ea 100%) !important;

  box-shadow: 0 10px 24px rgba(202,69,12,.055) !important;
}

body.cms-id-11 .abc-mepa-notice::before {
  content: "!" !important;

  position: absolute !important;
  left: 34px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;

  width: 34px !important;
  height: 34px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  background: #ca450c !important;
  color: #ffffff !important;

  font-size: 19px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

body.cms-id-11 .abc-mepa-notice h2 {
  max-width: 760px !important;
  margin: 0 0 7px !important;

  color: #0f172a !important;
  font-size: 21px !important;
  line-height: 1.16 !important;
  font-weight: 850 !important;
  letter-spacing: -0.035em !important;
  text-align: left !important;
}

body.cms-id-11 .abc-mepa-notice p {
  max-width: 850px !important;
  margin: 0 !important;

  color: #475569 !important;
  font-size: 13.4px !important;
  line-height: 1.45 !important;
  font-weight: 450 !important;
}

body.cms-id-11 .abc-mepa-notice a {
  color: #111f8f !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

body.cms-id-11 .abc-mepa-notice a:hover {
  color: #0d1875 !important;
  text-decoration: underline !important;
}


/* ---------------------------------------------------------
   8. GRIGLIE E CARD FORNITURE
--------------------------------------------------------- */

body.cms-id-11 .abc-mepa-supply {
  margin-top: 50px !important;
}

body.cms-id-11 .abc-mepa-supply > h2 {
  max-width: 760px !important;
  margin: 0 auto 30px !important;

  color: #0f172a !important;
  font-size: 32px !important;
  line-height: 1.12 !important;
  font-weight: 850 !important;
  letter-spacing: -0.045em !important;
  text-align: center !important;
}

body.cms-id-11 .abc-mepa-grid {
  display: grid !important;
  gap: 16px !important;
}

body.cms-id-11 .abc-mepa-grid--six,
body.cms-id-11 .abc-mepa-supply__grid {
  width: min(1640px, 100%) !important;

  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

body.cms-id-11 .abc-mepa-card,
body.cms-id-11 .abc-mepa-supply-card {
  position: relative !important;

  min-height: 210px !important;
  padding: 28px 18px 23px !important;

  border: 1px solid rgba(15, 23, 42, .10) !important;
  border-radius: 11px !important;

  background: #ffffff !important;
  box-shadow: 0 9px 22px rgba(15, 23, 42, .035) !important;

  overflow: hidden !important;
  transition: transform .18s ease, box-shadow .18s ease !important;
}

body.cms-id-11 .abc-mepa-supply-card::before,
body.cms-id-11 .abc-mepa-card::before {
  content: "" !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 46px !important;
  height: 46px !important;
  margin: 0 0 18px !important;

  background-color: #ca450c !important;

  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;

  -webkit-mask-position: center !important;
  mask-position: center !important;

  -webkit-mask-size: 27px 27px !important;
  mask-size: 27px 27px !important;
}

/* 1. Cancelleria */
body.cms-id-11 .abc-mepa-supply-card:nth-child(1)::before,
body.cms-id-11 .abc-mepa-card:nth-child(1)::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25Zm17.71-10.04a1.003 1.003 0 0 0 0-1.42l-2.5-2.5a1.003 1.003 0 0 0-1.42 0l-1.96 1.96 3.75 3.75 2.13-1.79Z'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25Zm17.71-10.04a1.003 1.003 0 0 0 0-1.42l-2.5-2.5a1.003 1.003 0 0 0-1.42 0l-1.96 1.96 3.75 3.75 2.13-1.79Z'/%3E%3C/svg%3E") !important;
}

/* 2. Carta / archiviazione */
body.cms-id-11 .abc-mepa-supply-card:nth-child(2)::before,
body.cms-id-11 .abc-mepa-card:nth-child(2)::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6Zm-1 7V3.5L18.5 9H13ZM8 13h8v2H8v-2Zm0 4h8v2H8v-2Zm0-8h3v2H8V9Z'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6Zm-1 7V3.5L18.5 9H13ZM8 13h8v2H8v-2Zm0 4h8v2H8v-2Zm0-8h3v2H8V9Z'/%3E%3C/svg%3E") !important;
}

/* 3. Scuola */
body.cms-id-11 .abc-mepa-supply-card:nth-child(3)::before,
body.cms-id-11 .abc-mepa-card:nth-child(3)::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M12 3 1 9l11 6 9-4.91V17h2V9L12 3Zm0 13.5L5 12.69V17l7 4 7-4v-4.31l-7 3.81Z'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M12 3 1 9l11 6 9-4.91V17h2V9L12 3Zm0 13.5L5 12.69V17l7 4 7-4v-4.31l-7 3.81Z'/%3E%3C/svg%3E") !important;
}

/* 4. Ufficio */
body.cms-id-11 .abc-mepa-supply-card:nth-child(4)::before,
body.cms-id-11 .abc-mepa-card:nth-child(4)::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M20 6h-4V4c0-1.11-.89-2-2-2h-4c-1.11 0-2 .89-2 2v2H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2Zm-6 0h-4V4h4v2Z'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M20 6h-4V4c0-1.11-.89-2-2-2h-4c-1.11 0-2 .89-2 2v2H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2Zm-6 0h-4V4h4v2Z'/%3E%3C/svg%3E") !important;
}

/* 5. Consumabili */
body.cms-id-11 .abc-mepa-supply-card:nth-child(5)::before,
body.cms-id-11 .abc-mepa-card:nth-child(5)::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M19 8H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66-1.34-3-3-3ZM16 19H8v-5h8v5Zm3-7c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1ZM18 3H6v4h12V3Z'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M19 8H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66-1.34-3-3-3ZM16 19H8v-5h8v5Zm3-7c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1ZM18 3H6v4h12V3Z'/%3E%3C/svg%3E") !important;
}

/* 6. Professionale */
body.cms-id-11 .abc-mepa-supply-card:nth-child(6)::before,
body.cms-id-11 .abc-mepa-card:nth-child(6)::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M12 2 2 7l10 5 10-5-10-5Zm0 7.8L6.47 7 12 4.2 17.53 7 12 9.8ZM4 10v7l8 5 8-5v-7l-8 5-8-5Zm2 3.6 6 3.75 6-3.75v2.3l-6 3.75-6-3.75v-2.3Z'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M12 2 2 7l10 5 10-5-10-5Zm0 7.8L6.47 7 12 4.2 17.53 7 12 9.8ZM4 10v7l8 5 8-5v-7l-8 5-8-5Zm2 3.6 6 3.75 6-3.75v2.3l-6 3.75-6-3.75v-2.3Z'/%3E%3C/svg%3E") !important;
}

body.cms-id-11 .abc-mepa-supply-card h3,
body.cms-id-11 .abc-mepa-card h3 {
  max-width: 150px !important;
  margin: 0 0 10px !important;

  color: #0f172a !important;
  font-size: 16.5px !important;
  line-height: 1.14 !important;
  font-weight: 850 !important;
  letter-spacing: -0.025em !important;
}

body.cms-id-11 .abc-mepa-supply-card p,
body.cms-id-11 .abc-mepa-card p {
  max-width: 190px !important;

  color: #64748b !important;
  font-size: 12.6px !important;
  line-height: 1.43 !important;
}

/* hover leggero, solo desktop */
@media (hover: hover) {
  body.cms-id-11 .abc-mepa-supply-card:hover,
  body.cms-id-11 .abc-mepa-card:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 13px 28px rgba(15, 23, 42, .055) !important;
  }
}
/* ---------------------------------------------------------
   9. COME LAVORIAMO
--------------------------------------------------------- */

body.cms-id-11 .abc-mepa-process {
  width: min(1120px, calc(100% - 96px)) !important;
  max-width: 1120px !important;
  margin: 42px auto 0 !important;
}

body.cms-id-11 .abc-mepa-process > h2 {
  max-width: 720px !important;
  margin: 0 auto 28px !important;

  color: #0f172a !important;
  font-size: 28px !important;
  line-height: 1.12 !important;
  font-weight: 850 !important;
  letter-spacing: -0.04em !important;
  text-align: center !important;
}

body.cms-id-11 .abc-mepa-steps,
body.cms-id-11 .abc-mepa-process__steps {
  width: 100% !important;
  margin: 0 auto !important;

  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;

  border: 1px solid rgba(15, 23, 42, .08) !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  box-shadow: 0 10px 26px rgba(15, 23, 42, .035) !important;
  overflow: hidden !important;
}

body.cms-id-11 .abc-mepa-step,
body.cms-id-11 .abc-mepa-process-step {
  position: relative !important;

  min-height: 132px !important;
  padding: 26px 30px !important;

  display: grid !important;
  grid-template-columns: 52px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  column-gap: 16px !important;
  row-gap: 7px !important;
  align-items: start !important;

  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;

  text-align: left !important;
}

body.cms-id-11 .abc-mepa-step:not(:first-child),
body.cms-id-11 .abc-mepa-process-step:not(:first-child) {
  border-left: 1px solid rgba(15, 23, 42, .08) !important;
}

body.cms-id-11 .abc-mepa-step span,
body.cms-id-11 .abc-mepa-process-step span {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;

  width: 46px !important;
  height: 46px !important;
  margin: 0 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  background: #edf3ff !important;
  color: #111f8f !important;

  font-size: 21px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

body.cms-id-11 .abc-mepa-step h3,
body.cms-id-11 .abc-mepa-process-step h3 {
  grid-column: 2 !important;
  grid-row: 1 !important;

  margin: 1px 0 0 !important;

  color: #0f172a !important;
  font-size: 15.5px !important;
  line-height: 1.18 !important;
  font-weight: 850 !important;
  letter-spacing: -0.025em !important;
}

body.cms-id-11 .abc-mepa-step p,
body.cms-id-11 .abc-mepa-process-step p {
  grid-column: 2 !important;
  grid-row: 2 !important;

  max-width: 260px !important;
  margin: 0 !important;

  color: #475569 !important;
  font-size: 12.7px !important;
  line-height: 1.42 !important;
  font-weight: 450 !important;
}

body.cms-id-11 .abc-mepa-step:first-child,
body.cms-id-11 .abc-mepa-process-step:first-child {
  background: linear-gradient(180deg, #f8faff 0%, #ffffff 82%) !important;
}

/* ---------------------------------------------------------
   10. MODALITÀ MEPA
--------------------------------------------------------- */

body.cms-id-11 .abc-mepa-modes {
  width: min(1180px, calc(100% - 96px)) !important;
  max-width: 1180px !important;
  margin: 48px auto 0 !important;
}

body.cms-id-11 .abc-mepa-modes > h2 {
  max-width: 760px !important;
  margin: 0 auto 26px !important;

  color: #0f172a !important;
  font-size: 28px !important;
  line-height: 1.14 !important;
  font-weight: 850 !important;
  letter-spacing: -0.04em !important;
  text-align: center !important;
}

body.cms-id-11 .abc-mepa-modes__grid {
  width: min(1120px, 100%) !important;
  margin: 0 auto !important;

  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 20px !important;
}

body.cms-id-11 .abc-mepa-mode-card {
  position: relative !important;

  min-height: 135px !important;
  padding: 28px 26px 26px 88px !important;

  border: 1px solid rgba(15, 23, 42, .10) !important;
  border-radius: 11px !important;

  background: #ffffff !important;
  box-shadow: 0 9px 22px rgba(15, 23, 42, .035) !important;

  overflow: visible !important;
  transition: transform .18s ease, box-shadow .18s ease !important;
}

body.cms-id-11 .abc-mepa-mode-card--featured {
  border-color: rgba(202,69,12,.65) !important;
  box-shadow: 0 12px 28px rgba(202,69,12,.09) !important;
}

body.cms-id-11 .abc-mepa-mode-card__badge {
  position: absolute !important;
  left: 50% !important;
  top: -12px !important;
  transform: translateX(-50%) !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 5px 13px !important;
  border-radius: 999px !important;

  background: #ca450c !important;
  color: #ffffff !important;

  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
}

body.cms-id-11 .abc-mepa-mode-card__icon {
  position: absolute !important;
  left: 30px !important;
  top: 34px !important;

  width: 38px !important;
  height: 38px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.cms-id-11 .abc-mepa-mode-card__icon img {
  display: block !important;
  width: 38px !important;
  height: 38px !important;
  max-width: 38px !important;
  max-height: 38px !important;
  object-fit: contain !important;
}

body.cms-id-11 .abc-mepa-mode-card h3 {
  margin: 0 0 8px !important;

  color: #0f172a !important;
  font-size: 17px !important;
  line-height: 1.16 !important;
  font-weight: 850 !important;
  letter-spacing: -0.025em !important;
}

body.cms-id-11 .abc-mepa-mode-card p {
  max-width: 260px !important;
  margin: 0 !important;

  color: #475569 !important;
  font-size: 12.8px !important;
  line-height: 1.42 !important;
  font-weight: 450 !important;
}

@media (hover: hover) {
  body.cms-id-11 .abc-mepa-mode-card:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 14px 30px rgba(15, 23, 42, .06) !important;
  }

  body.cms-id-11 .abc-mepa-mode-card--featured:hover {
    box-shadow: 0 16px 32px rgba(202,69,12,.13) !important;
  }
}

/* ---------------------------------------------------------
   11. FAQ ACCORDION
--------------------------------------------------------- */

body.cms-id-11 .abc-mepa-faq {
  width: min(1180px, calc(100% - 96px)) !important;
  max-width: 1180px !important;
  margin: 52px auto 0 !important;
}

body.cms-id-11 .abc-mepa-faq > h2 {
  max-width: 760px !important;
  margin: 0 auto 24px !important;

  color: #0f172a !important;
  font-size: 28px !important;
  line-height: 1.14 !important;
  font-weight: 850 !important;
  letter-spacing: -0.04em !important;
  text-align: center !important;
}

body.cms-id-11 .abc-mepa-faq__list {
  display: grid !important;
  gap: 8px !important;
  max-width: 1080px !important;
  margin: 0 auto !important;
}

body.cms-id-11 .abc-mepa-faq__item {
  border: 1px solid rgba(15, 23, 42, .10) !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  box-shadow: 0 5px 14px rgba(15, 23, 42, .025) !important;
  overflow: hidden !important;
}

body.cms-id-11 .abc-mepa-faq__question {
  width: 100% !important;

  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;

  margin: 0 !important;
  padding: 14px 18px !important;

  border: 0 !important;
  background: #ffffff !important;

  color: #0f172a !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  font-weight: 850 !important;
  text-align: left !important;

  cursor: pointer !important;
  user-select: none !important;
}

body.cms-id-11 .abc-mepa-faq__question:hover {
  background: #f8fafc !important;
}

body.cms-id-11 .abc-mepa-faq__plus {
  flex: 0 0 auto !important;

  color: #0f172a !important;
  font-size: 18px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

body.cms-id-11 .abc-mepa-faq__answer {
  display: none !important;
  padding: 0 18px 16px !important;
}

body.cms-id-11 .abc-mepa-faq__answer p {
  margin: 0 !important;

  color: #475569 !important;
  font-size: 12.8px !important;
  line-height: 1.45 !important;
}

body.cms-id-11 .abc-mepa-faq__item.is-open .abc-mepa-faq__answer {
  display: block !important;
}/* ---------------------------------------------------------
   12. FINAL CTA
--------------------------------------------------------- */

body.cms-id-11 .abc-mepa-final-cta {
  width: min(1460px, calc(100% - 120px)) !important;
  max-width: 1460px !important;
  margin-top: 58px !important;
  margin-bottom: 62px !important;
  padding: 30px 34px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 24px !important;
  border-radius: 13px !important;
  background: linear-gradient(135deg, #ca450c 0%, #ef3f0a 100%) !important;
  box-shadow: 0 14px 34px rgba(202,69,12,.18) !important;
}

body.cms-id-11 .abc-mepa-final-cta h2 {
  margin: 0 0 8px !important;
  color: #ffffff !important;
  font-size: 28px !important;
  line-height: 1.12 !important;
  font-weight: 740 !important;
  letter-spacing: -0.025em !important;
  text-align: left !important;
}

body.cms-id-11 .abc-mepa-final-cta p {
  color: rgba(255, 255, 255, .94) !important;
  font-size: 13px !important;
}

body.cms-id-11 .abc-mepa-final-cta .abc-mepa-btn {
  min-width: 210px !important;
}


/* ---------------------------------------------------------
   13. FOOTER GAP FIX
--------------------------------------------------------- */

body.cms-id-11 .abc-mepa-final-cta + * {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body.cms-id-11 .abc-mepa-page,
body.cms-id-11 .abc-mepa-final-cta,
body.cms-id-11 .tv-sub-pages-inner-content,
body.cms-id-11 .cms-description,
body.cms-id-11 .page-content.page-cms,
body.cms-id-11 #content,
body.cms-id-11 #main {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}


/* ---------------------------------------------------------
   14. TABLET
--------------------------------------------------------- */

@media (max-width: 991px) {
  body.cms-id-11 .abc-mepa-hero {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;

    min-height: 420px !important;
    padding: 56px 0 48px !important;

    text-align: center !important;
  }

  body.cms-id-11 .abc-mepa-hero__content {
    width: min(700px, 100%) !important;
    max-width: 700px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  body.cms-id-11 .abc-mepa-page h1,
  body.cms-id-11 .abc-mepa-lead {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.cms-id-11 .abc-mepa-hero__image {
    object-position: 72% center !important;
    transform: scale(1.02) translateX(0) !important;
    opacity: .88 !important;
  }

  body.cms-id-11 .abc-mepa-hero::before {
    background:
      linear-gradient(
        180deg,
        rgba(255,255,255,.95) 0%,
        rgba(255,255,255,.92) 38%,
        rgba(255,255,255,.82) 58%,
        rgba(255,255,255,1) 100%
      ) !important;
  }

  body.cms-id-11 .abc-mepa-contact-strip,
  body.cms-id-11 .abc-mepa-section,
  body.cms-id-11 .abc-mepa-notice,
  body.cms-id-11 .abc-mepa-supply,
  body.cms-id-11 .abc-mepa-process,
  body.cms-id-11 .abc-mepa-modes,
  body.cms-id-11 .abc-mepa-faq,
  body.cms-id-11 .abc-mepa-final-cta {
    width: calc(100% - 40px) !important;
  }


  /* CONTACT STRIP TABLET */

  body.cms-id-11 .abc-mepa-contact-strip {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    padding: 24px 22px !important;
    text-align: center !important;
  }

  body.cms-id-11 .abc-mepa-contact-strip__intro {
    padding-right: 0 !important;
  }

  body.cms-id-11 .abc-mepa-contact-strip__intro h2 {
    text-align: center !important;
  }

  body.cms-id-11 .abc-mepa-contact-strip__intro p {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.cms-id-11 .abc-mepa-contact-item {
    min-height: 0 !important;
    padding: 16px 0 0 46px !important;
    border-left: 0 !important;
    border-top: 1px solid rgba(17, 24, 39, .10) !important;
    text-align: left !important;
  }

  body.cms-id-11 .abc-mepa-contact-item::before {
    left: 0 !important;
    top: 18px !important;
    transform: none !important;
    width: 26px !important;
    height: 26px !important;
  }


  /* GRIGLIE TABLET */

  body.cms-id-11 .abc-mepa-grid--six,
  body.cms-id-11 .abc-mepa-supply__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.cms-id-11 .abc-mepa-grid--three,
  body.cms-id-11 .abc-mepa-modes__grid {
    grid-template-columns: 1fr !important;
  }


  /* COME LAVORIAMO TABLET */

  body.cms-id-11 .abc-mepa-process {
    width: calc(100% - 40px) !important;
    margin-top: 32px !important;
  }

  body.cms-id-11 .abc-mepa-process > h2 {
    margin-bottom: 20px !important;
    font-size: 24px !important;
  }

  body.cms-id-11 .abc-mepa-steps,
  body.cms-id-11 .abc-mepa-process__steps {
    grid-template-columns: 1fr !important;
  }

  body.cms-id-11 .abc-mepa-step,
  body.cms-id-11 .abc-mepa-process-step {
    min-height: 0 !important;
    padding: 20px !important;
  }

  body.cms-id-11 .abc-mepa-step:not(:first-child),
  body.cms-id-11 .abc-mepa-process-step:not(:first-child) {
    border-left: 0 !important;
    border-top: 1px solid rgba(15, 23, 42, .08) !important;
  }

  body.cms-id-11 .abc-mepa-step p,
  body.cms-id-11 .abc-mepa-process-step p {
    max-width: none !important;
  }


  /* MODALITÀ MEPA TABLET */

  body.cms-id-11 .abc-mepa-mode-card {
    min-height: 0 !important;
    padding: 24px 22px 24px 82px !important;
  }

  body.cms-id-11 .abc-mepa-mode-card__icon {
    left: 24px !important;
    top: 26px !important;
    width: 34px !important;
    height: 34px !important;
  }

  body.cms-id-11 .abc-mepa-mode-card__icon img {
    width: 34px !important;
    height: 34px !important;
    max-width: 34px !important;
    max-height: 34px !important;
  }

  body.cms-id-11 .abc-mepa-mode-card__badge {
    top: -11px !important;
  }


  /* FINAL CTA TABLET */

  body.cms-id-11 .abc-mepa-final-cta {
    grid-template-columns: 1fr !important;
    text-align: center !important;
  }

  body.cms-id-11 .abc-mepa-final-cta h2 {
    text-align: center !important;
  }

  body.cms-id-11 .abc-mepa-final-cta .abc-mepa-btn {
    justify-self: center !important;
  }
}
/* FAQ TABLET */

body.cms-id-11 .abc-mepa-faq {
  width: calc(100% - 40px) !important;
}

body.cms-id-11 .abc-mepa-faq > h2 {
  font-size: 24px !important;
}
/* ---------------------------------------------------------
   15. MOBILE
--------------------------------------------------------- */

@media (max-width: 575px) {
  body.cms-id-11 .abc-mepa-page {
    padding-top: 12px !important;
  }


  /* HERO MOBILE */

  body.cms-id-11 .abc-mepa-hero {
    min-height: 0 !important;
    padding: 34px 0 26px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.cms-id-11 .abc-mepa-hero__content {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  body.cms-id-11 .abc-mepa-page h1 {
    font-size: 31px !important;
    line-height: 1.04 !important;
  }

  body.cms-id-11 .abc-mepa-lead {
    font-size: 13.5px !important;
  }

  body.cms-id-11 .abc-mepa-hero__visual,
  body.cms-id-11 .abc-mepa-hero__visual--image {
    display: none !important;
  }

  body.cms-id-11 .abc-mepa-hero::before,
  body.cms-id-11 .abc-mepa-hero::after {
    display: none !important;
  }


  /* LARGHEZZE MOBILE */

  body.cms-id-11 .abc-mepa-contact-strip,
  body.cms-id-11 .abc-mepa-section,
  body.cms-id-11 .abc-mepa-notice,
  body.cms-id-11 .abc-mepa-supply,
  body.cms-id-11 .abc-mepa-process,
  body.cms-id-11 .abc-mepa-modes,
  body.cms-id-11 .abc-mepa-faq,
  body.cms-id-11 .abc-mepa-final-cta {
    width: calc(100% - 32px) !important;
  }

  body.cms-id-11 .abc-mepa-page h2 {
    font-size: 23px !important;
  }


  /* CONTACT STRIP MOBILE */

  body.cms-id-11 .abc-mepa-contact-strip {
    padding: 22px 18px !important;
  }


  /* CARD FORNITURE MOBILE */

  body.cms-id-11 .abc-mepa-grid--six,
  body.cms-id-11 .abc-mepa-supply__grid {
    grid-template-columns: 1fr !important;
  }


  /* NOTICE MOBILE */

  body.cms-id-11 .abc-mepa-notice {
    width: calc(100% - 32px) !important;
    margin-bottom: 30px !important;
    padding: 58px 20px 20px !important;
  }

  body.cms-id-11 .abc-mepa-notice::before {
    left: 20px !important;
    top: 20px !important;
    transform: none !important;
    width: 30px !important;
    height: 30px !important;
    font-size: 17px !important;
  }

  body.cms-id-11 .abc-mepa-notice h2 {
    font-size: 18px !important;
  }


  /* COME LAVORIAMO MOBILE */

  body.cms-id-11 .abc-mepa-process {
    width: calc(100% - 32px) !important;
    margin-top: 32px !important;
  }

  body.cms-id-11 .abc-mepa-process > h2 {
    margin-bottom: 18px !important;
    font-size: 23px !important;
  }

  body.cms-id-11 .abc-mepa-steps,
  body.cms-id-11 .abc-mepa-process__steps {
    grid-template-columns: 1fr !important;
  }

  body.cms-id-11 .abc-mepa-step,
  body.cms-id-11 .abc-mepa-process-step {
    min-height: 0 !important;
    padding: 18px !important;
    grid-template-columns: 46px minmax(0, 1fr) !important;
    column-gap: 14px !important;
  }

  body.cms-id-11 .abc-mepa-step span,
  body.cms-id-11 .abc-mepa-process-step span {
    width: 40px !important;
    height: 40px !important;
    font-size: 19px !important;
  }

  body.cms-id-11 .abc-mepa-step h3,
  body.cms-id-11 .abc-mepa-process-step h3 {
    font-size: 14.5px !important;
  }

  body.cms-id-11 .abc-mepa-step p,
  body.cms-id-11 .abc-mepa-process-step p {
    max-width: none !important;
    font-size: 12.3px !important;
  }

  body.cms-id-11 .abc-mepa-step:not(:first-child),
  body.cms-id-11 .abc-mepa-process-step:not(:first-child) {
    border-left: 0 !important;
    border-top: 1px solid rgba(15, 23, 42, .08) !important;
  }


 /* ---------------------------------------------------------
   15. MOBILE
--------------------------------------------------------- */

@media (max-width: 575px) {
  body.cms-id-11 .abc-mepa-page {
    padding-top: 12px !important;
  }

  body.cms-id-11 .abc-mepa-page h2 {
    font-size: 18px !important;
    line-height: 1.12 !important;
    letter-spacing: -0.035em !important;
  }


  /* HERO MOBILE */

  body.cms-id-11 .abc-mepa-eyebrow {
    display: none !important;
  }

  body.cms-id-11 .abc-mepa-hero {
    min-height: 0 !important;
    padding: 18px 0 18px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.cms-id-11 .abc-mepa-hero__content {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  body.cms-id-11 .abc-mepa-page h1 {
    margin-bottom: 10px !important;
    font-size: 26px !important;
    line-height: 1.02 !important;
  }

  body.cms-id-11 .abc-mepa-lead {
    margin-bottom: 14px !important;
    font-size: 12.6px !important;
    line-height: 1.34 !important;
  }

  body.cms-id-11 .abc-mepa-hero .abc-mepa-btn {
    min-height: 37px !important;
    padding: 9px 17px !important;
    font-size: 11.4px !important;
  }

  body.cms-id-11 .abc-mepa-hero__visual,
  body.cms-id-11 .abc-mepa-hero__visual--image,
  body.cms-id-11 .abc-mepa-hero::before,
  body.cms-id-11 .abc-mepa-hero::after {
    display: none !important;
  }


  /* LARGHEZZE MOBILE */

  body.cms-id-11 .abc-mepa-contact-strip,
  body.cms-id-11 .abc-mepa-section,
  body.cms-id-11 .abc-mepa-notice,
  body.cms-id-11 .abc-mepa-faq,
  body.cms-id-11 .abc-mepa-final-cta {
    width: calc(100% - 32px) !important;
  }


  /* CONTACT STRIP MOBILE */

  body.cms-id-11 .abc-mepa-contact-strip {
    width: calc(100% - 32px) !important;
    margin: -4px auto 16px !important;
    padding: 14px 15px !important;

    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;

    border-radius: 10px !important;
  }

  body.cms-id-11 .abc-mepa-contact-strip__intro {
    padding: 0 0 9px !important;
    border-bottom: 1px solid rgba(15, 23, 42, .08) !important;
    text-align: left !important;
  }

  body.cms-id-11 .abc-mepa-contact-strip__intro h2 {
    max-width: none !important;
    margin: 0 0 4px !important;
    font-size: 17px !important;
    line-height: 1.08 !important;
    text-align: left !important;
  }

  body.cms-id-11 .abc-mepa-contact-strip__intro p {
    max-width: none !important;
    margin: 0 !important;
    font-size: 11.4px !important;
    line-height: 1.28 !important;
  }

  body.cms-id-11 .abc-mepa-contact-item {
    min-height: 0 !important;
    padding: 9px 0 9px 30px !important;
    border: 0 !important;
    border-top: 1px solid rgba(15, 23, 42, .08) !important;
    text-align: left !important;
  }

  body.cms-id-11 .abc-mepa-contact-item:first-of-type {
    border-top: 0 !important;
  }

  body.cms-id-11 .abc-mepa-contact-item::before {
    left: 0 !important;
    top: 12px !important;
    transform: none !important;
    width: 19px !important;
    height: 19px !important;
  }

  body.cms-id-11 .abc-mepa-contact-item strong {
    margin: 0 0 2px !important;
    font-size: 11.8px !important;
    line-height: 1.16 !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
  }

  body.cms-id-11 .abc-mepa-contact-item span {
    font-size: 10.8px !important;
    line-height: 1.22 !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
  }


  /* NOTICE MOBILE */

  body.cms-id-11 .abc-mepa-notice {
    width: calc(100% - 32px) !important;
    margin: 0 auto 18px !important;
    padding: 13px 14px 13px 48px !important;
    border-radius: 10px !important;
  }

  body.cms-id-11 .abc-mepa-notice::before {
    left: 14px !important;
    top: 15px !important;
    transform: none !important;
    width: 22px !important;
    height: 22px !important;
    font-size: 13px !important;
  }

  body.cms-id-11 .abc-mepa-notice h2 {
    margin: 0 0 4px !important;
    font-size: 14.2px !important;
    line-height: 1.14 !important;
  }

  body.cms-id-11 .abc-mepa-notice p {
    font-size: 11.4px !important;
    line-height: 1.28 !important;
  }


  /* COSA POSSIAMO FORNIRTI MOBILE */

  body.cms-id-11 .abc-mepa-supply-mobile-target {
    width: calc(100% - 32px) !important;
    margin: 18px auto 0 !important;
  }

  body.cms-id-11 .abc-mepa-supply-mobile-target > h2 {
    max-width: 260px !important;
    margin: 0 auto 12px !important;

    font-size: 18px !important;
    line-height: 1.1 !important;
    letter-spacing: -0.035em !important;
    text-align: center !important;
  }

  body.cms-id-11 .abc-mepa-supply-mobile-target .abc-mepa-grid--six {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
  }

  body.cms-id-11 .abc-mepa-supply-mobile-target .abc-mepa-card {
    min-height: 84px !important;
    height: 84px !important;

    padding: 10px 8px 9px !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;

    border-radius: 10px !important;
    text-align: center !important;
    background: #ffffff !important;
    box-shadow: 0 5px 12px rgba(15, 23, 42, .025) !important;
  }

  body.cms-id-11 .abc-mepa-supply-mobile-target .abc-mepa-card::before {
    flex: 0 0 auto !important;
    width: 27px !important;
    height: 27px !important;
    margin: 0 !important;

    -webkit-mask-size: 21px 21px !important;
    mask-size: 21px 21px !important;
  }

  body.cms-id-11 .abc-mepa-supply-mobile-target .abc-mepa-card h3 {
    max-width: 118px !important;
    min-height: 24px !important;
    margin: 0 auto !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: #0f172a !important;
    font-size: 11.1px !important;
    line-height: 1.08 !important;
    font-weight: 850 !important;
    letter-spacing: -0.02em !important;
    text-align: center !important;
  }

  body.cms-id-11 .abc-mepa-supply-mobile-target .abc-mepa-card p {
    display: none !important;
  }


  /* COME LAVORIAMO - SWIPE MOBILE */

  body.cms-id-11 .abc-mepa-process {
    width: 100% !important;
    margin-top: 24px !important;
    overflow: hidden !important;
  }

  body.cms-id-11 .abc-mepa-process > h2 {
    width: calc(100% - 32px) !important;
    margin: 0 auto 12px !important;
    font-size: 18px !important;
  }

  body.cms-id-11 .abc-mepa-steps,
  body.cms-id-11 .abc-mepa-process__steps {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 9px !important;

    width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;

    padding: 0 16px 5px !important;

    scroll-snap-type: x mandatory !important;
    scroll-padding-left: 16px !important;
    -webkit-overflow-scrolling: touch !important;

    scrollbar-width: none !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }

  body.cms-id-11 .abc-mepa-process__steps::-webkit-scrollbar,
  body.cms-id-11 .abc-mepa-steps::-webkit-scrollbar {
    display: none !important;
  }

  body.cms-id-11 .abc-mepa-step,
  body.cms-id-11 .abc-mepa-process-step {
    flex: 0 0 68vw !important;
    width: 68vw !important;
    max-width: 238px !important;

    min-height: 86px !important;
    padding: 13px !important;

    scroll-snap-align: start !important;

    display: grid !important;
    grid-template-columns: 36px minmax(0, 1fr) !important;
    column-gap: 10px !important;
    row-gap: 5px !important;

    border: 1px solid rgba(15, 23, 42, .08) !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    box-shadow: 0 6px 14px rgba(15, 23, 42, .03) !important;
  }

  body.cms-id-11 .abc-mepa-step span,
  body.cms-id-11 .abc-mepa-process-step span {
    width: 34px !important;
    height: 34px !important;
    font-size: 16px !important;
  }

  body.cms-id-11 .abc-mepa-step h3,
  body.cms-id-11 .abc-mepa-process-step h3 {
    font-size: 12.8px !important;
    line-height: 1.12 !important;
  }

  body.cms-id-11 .abc-mepa-step p,
  body.cms-id-11 .abc-mepa-process-step p {
    font-size: 11.2px !important;
    line-height: 1.25 !important;

    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }


  /* MODALITÀ MEPA - SWIPE MOBILE */

  body.cms-id-11 .abc-mepa-modes {
    width: 100% !important;
    margin-top: 24px !important;
    overflow: hidden !important;
  }

  body.cms-id-11 .abc-mepa-modes > h2 {
    width: calc(100% - 32px) !important;
    margin: 0 auto 15px !important;
    font-size: 18px !important;
    line-height: 1.12 !important;
  }

  body.cms-id-11 .abc-mepa-modes__grid {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 9px !important;

    width: 100% !important;
    overflow-x: auto !important;
    overflow-y: visible !important;

    padding: 8px 16px 5px !important;

    scroll-snap-type: x mandatory !important;
    scroll-padding-left: 16px !important;
    -webkit-overflow-scrolling: touch !important;

    scrollbar-width: none !important;
  }

  body.cms-id-11 .abc-mepa-modes__grid::-webkit-scrollbar {
    display: none !important;
  }

  body.cms-id-11 .abc-mepa-mode-card {
    flex: 0 0 72vw !important;
    width: 72vw !important;
    max-width: 260px !important;

    min-height: 92px !important;
    padding: 17px 14px 15px 58px !important;

    scroll-snap-align: start !important;
    border-radius: 10px !important;
  }

  body.cms-id-11 .abc-mepa-mode-card__icon {
    left: 16px !important;
    top: 22px !important;
    width: 28px !important;
    height: 28px !important;
  }

  body.cms-id-11 .abc-mepa-mode-card__icon img {
    width: 28px !important;
    height: 28px !important;
    max-width: 28px !important;
    max-height: 28px !important;
  }

  body.cms-id-11 .abc-mepa-mode-card h3 {
    font-size: 13.5px !important;
    line-height: 1.12 !important;
    margin-bottom: 5px !important;
  }

  body.cms-id-11 .abc-mepa-mode-card p {
    font-size: 11.4px !important;
    line-height: 1.27 !important;

    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  body.cms-id-11 .abc-mepa-mode-card__badge {
    top: -7px !important;
    font-size: 8.8px !important;
    padding: 4px 9px !important;
  }


  /* FAQ MOBILE */

  body.cms-id-11 .abc-mepa-faq {
    width: calc(100% - 32px) !important;
    margin-top: 26px !important;
  }

  body.cms-id-11 .abc-mepa-faq > h2 {
    margin-bottom: 14px !important;
    font-size: 18px !important;
  }

  body.cms-id-11 .abc-mepa-faq__question {
    padding: 13px 15px !important;
    font-size: 12.5px !important;
  }

  body.cms-id-11 .abc-mepa-faq__answer {
    padding: 0 15px 14px !important;
  }

  body.cms-id-11 .abc-mepa-faq__answer p {
    font-size: 12.5px !important;
  }

  body.cms-id-11 .abc-mepa-faq__plus {
    font-size: 17px !important;
  }

  body.cms-id-11 .abc-mepa-faq__question span:first-child {
    max-width: calc(100% - 28px) !important;
  }


  /* FINAL CTA MOBILE */

  body.cms-id-11 .abc-mepa-final-cta {
    width: calc(100% - 32px) !important;
    margin-top: 30px !important;
    margin-bottom: 34px !important;
    padding: 26px 20px !important;
  }

  body.cms-id-11 .abc-mepa-final-cta h2 {
    font-size: 23px !important;
  }

  body.cms-id-11 .abc-mepa-final-cta p {
    font-size: 12.8px !important;
  }

  body.cms-id-11 .abc-mepa-final-cta .abc-mepa-btn,
  body.cms-id-11 .abc-mepa-final-cta a {
    width: 100% !important;
    max-width: 280px !important;
    min-width: 0 !important;
  }
}