@media (max-width: 1066px) {
      .servizi-hero .right-col img {
        content: url("/assets/servizi/Sconti_accorpata.png") !important;
    
      }
    }


    @media (max-width: 1132px) {
    .app-options {
        margin-top: 40px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
    }
}

.notifiche-mail {
  display: flex;
  align-items: flex-start; 
  gap: 30px;              
}

.notifiche-mail .linea-decorativa {
  max-width: 120px; 
  height: auto;
  flex-shrink: 0;    
  margin-top: 5px;  
}

.notifiche-mail .content {
  flex: 1;          
}

@media (max-width: 768px) {
  .notifiche-mail {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .notifiche-mail .linea-decorativa {
    max-width: 80px;
    margin-bottom: 15px;
  }
}

.section-title-row {
  display: flex;
  align-items: center;
  justify-content: center;
}

.section-app.welcome-kit {
  background-image: url("/assets/servizi/Linea_ondulata_dx.png");
  background-repeat: no-repeat;
  background-position: right -30rem top 2rem;
}

@media (max-width: 773px) {
  .section-app.welcome-kit {
    background-image: none;
  }

  .notifiche-mail {
    background-image: none;
  }
}

/* Sezione Notifiche: linea a sinistra come background */
.notifiche-mail {
  background-image: url("/assets/servizi/Linea_ondulata_sx.png");
  background-repeat: no-repeat;
  /* metà dentro e metà fuori a sinistra; vicino al titolo */
  background-position: -30rem 2rem;
}

/* Mobile: togli le linee se lo spazio è poco */
@media (max-width: 768px) {
  .welcome-kit,
  .notifiche-mail {
    background-image: none;
  }
}







.img-options {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  align-items: center;
  justify-items: center;

}

/* Desktop: 5 colonne (welcome kit sempre al centro) */
.img-options img {
  max-width: 180px;
  height: auto;
}

.img-options img.welcome-kit-desktop {
  grid-column: 3; /* terza colonna = centro */
  max-width: 350px;
}

/* Nascondi welcome-kit mobile su desktop */
.img-options img.welcome-kit {
  display: none;
}

/* Tablet/Mobile */
@media (max-width: 1024px) {
  .img-options {
    grid-template-columns: repeat(2, 1fr); /* 2 colonne */
  }

  /* Le prime 4 immagini formano la griglia 2x2 */
  .img-options img:not(.welcome-kit) {
    max-width: 150px;
  }

  /* Welcome kit desktop sparisce */
  .img-options img.welcome-kit-desktop {
    display: none;
  }

  /* Welcome kit mobile compare sotto */
  .img-options img.welcome-kit {
    display: block;
    grid-column: 1 / -1; /* occupa tutta la riga */
    justify-self: center;
    max-width: 250px;
    margin-top: 20px;
  }
}


@media screen and (max-width: 323px) {
    .img-options img:not(.welcome-kit) {
        max-width: 59px;
    }
    .img-options img.welcome-kit {
    
        max-width: 129px;
    
    }
}