.img-inline {
    display: inline-block;
    vertical-align: middle; /* o top, bottom a seconda di come vuoi allineare */
}

.view-category.blog .article-details .article-intro-image img,
.view-category.blog .article-details .img-intro img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}


/* Mantieni il link allineato come gli altri */
.sp-megamenu-parent li a.home-icon {
  font-size: 0;
  position: relative;
  display: inline-flex;      /* evita icompatibilità di baseline */
  align-items: center;
  line-height: 1;            /* non far “gonfiare” l’altezza */
}

/* L’icona non deve alterare l’altezza della riga */
.sp-megamenu-parent li a.home-icon::before {
  content: "\f015";
  color: #171717;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 18px;
  line-height: 1;            /* importante */
  display: inline-block;
}



/* 1) usa le unità viewport moderne e rendi esplicito il contenitore che scrolla */
.offcanvas-menu {
  height: 100dvh;               /* meglio di 100vh su mobile */
}

.offcanvas-menu .offcanvas-inner {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;             /* il wrapper non scrolla, scrollerà il blocco menu */
}

/* 2) fai scrollare il blocco con il menu, con fix per iOS */
.offcanvas-menu .offcanvas-inner .sp-module {
  flex: 1 1 auto;               /* occupa lo spazio disponibile */
  min-height: 0;                /* fondamentale nei container flex per abilitare lo scroll */
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: calc(16px + env(safe-area-inset-bottom, 0px)); /* “aria” in fondo */
}

/* 3) un po’ di padding extra anche sull’ul,  */
.offcanvas-menu .sp-module ul.menu {
  padding-bottom: 48px;
}

/* 4) regola per tenere i submenu aperti  */
.offcanvas-menu .sp-module ul.menu li ul {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
}

/* 5) se Helix applica max-height in transizione ai submenu, neutralizzalo */
.offcanvas-menu .sp-module ul.menu li ul {
  max-height: none !important;
}

/* 6) se c’è una header/close bar sticky in alto o in basso, riserva spazio */
.offcanvas-menu .offcanvas-header,
.offcanvas-menu .offcanvas-footer {
  flex: 0 0 auto;
}