/* =====================================================================
   DIVENTA CLIENTE HAPPY (happy-user.php): layout desktop
   Attivo solo da 992px e solo su questa pagina (body.hu-d). Mobile invariato.
   ===================================================================== */
@media (min-width: 992px) {
  .hu-d { --hu-max: 1200px; --hu-space: clamp(56px, 6vw, 88px); }

  /* intestazione più compatta */
  .hu-d section.happy.header { padding-top: 48px !important; padding-bottom: 40px !important; }
  .hu-d section.happy.header .happy-corner { max-width: 220px; }

  /* passi: 5 card tutte visibili (3 + 2 centrate) invece del carosello */
  .hu-d .happy-user-slider .yellow .container { max-width: var(--hu-max); padding: 0 32px; }
  .hu-d .happyUserSwiper { max-width: var(--hu-max) !important; padding: 0 32px !important; overflow: visible; }
  .hu-d .happyUserSwiper .swiper-wrapper {
    display: flex !important; flex-wrap: wrap; justify-content: center; gap: 24px;
    transform: none !important; height: auto !important;
  }
  .hu-d .happyUserSwiper .swiper-slide { width: calc((100% - 48px) / 3) !important; margin: 0 !important; height: auto; }
  .hu-d .happyUserSwiper .happy-card { height: 100%; width: 100%; max-width: none; margin: 0; }
  .hu-d .happyUserSwiper .swiper-scrollbar { display: none; }

  /* vantaggi: spazio sotto il pulsante prima del titolo */
  .hu-d section.happy.benefit .happy-dots img { max-width: 88px; }
  .hu-d section.happy.benefit .link-wrap { padding-bottom: 48px !important; }
  .hu-d section.happy.mt-0 { padding-top: 32px; }
  .hu-d section.happy.mt-0 h2 { max-width: 820px; margin: 0 auto; line-height: 1.3; }

  /* newsletter centrata e staccata dal box aiuto */
  .hu-d section.welcome { margin-bottom: var(--hu-space); }
  .hu-d section.welcome .row { justify-content: center; }
  .hu-d section.help .wrap { max-width: 560px; }
}


/* === SEO h1: titoli principali con aspetto da h2/h3 (classe .h2/.h3): stesse regole degli h2/h3 === */
@media (min-width: 992px){.hu-d section.happy.mt-0 h1:where(.h2){max-width: 820px; margin: 0 auto; line-height: 1.3;}}