/* Stili applicati SOLO su schermi fino a 768px (Mobile) */
@media screen and (max-width: 768px) {
  .cart-button {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 9999; /* Si assicura che sia sopra gli altri elementi */
     border-radius: 0px !important;
    /* Gestione dello spazio sicuro per iPhone con Notch/Home Bar */
    padding-bottom: env(safe-area-inset-bottom);
    margin-bottom: 0px !important;
    /* Estetica del bottone (personalizzabile) */
    background-color: #FF8C00  !important;/* Cambia con il tuo colore */
    color: #ffffff;
    border: none;
    padding: 16px 20px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.15); /* Ombra verso l'alto */
  }

  /* Opzionale: Aggiunge uno spazio in fondo alla pagina per evitare 
     che il bottone nasconda il testo/footer della pagina su mobile */
  body {
    padding-bottom: 70px; 
  }
}