/* Contenitore generale */

.offers-container {

  max-width: 1200px;

  margin: 40px auto;

  padding: 20px;

  font-family: 'Poppins', sans-serif;

}



.offers-title {

  text-align: center;

  font-size: 2.5rem;

  font-weight: 700;

  margin-bottom: 10px;

  color: #111; /* da blu → nero */

}



.offers-subtitle {

  text-align: center;

  font-size: 1.2rem;

  margin-bottom: 30px;

  color: #444;

}



/* Box offerta */

.offer-box {

  background: #fff;

  border-radius: 16px;

  box-shadow: 0 4px 12px rgba(0,0,0,0.08);

  padding: 25px;

  margin-bottom: 30px;

  transition: transform 0.3s ease;

}



.offer-box:hover {

  transform: translateY(-5px);

}



.offer-content {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 25px;

}



.offer-text {

  flex: 1;

  text-align: left;

}



.offer-text h2 {

  font-size: 1.8rem;  /* titolo più grande */

  margin-bottom: 10px;

  color: #111;

}



.details {

  font-size: 0.95rem;

  color: #555;

}



.old-price {

  text-decoration: line-through;

  color: #a00;

  font-weight: 600;

  margin: 5px 0;

}



.price {

  font-size: 1.3rem;

  font-weight: 700;

  color: #0a7c2f;

  margin-bottom: 10px;

}



/* Pulsanti Aggiungi al Carrello */

.add-to-cart {

  padding: 8px 15px;       /* dimensioni come nel modale */

  font-size: 16px;

  border: none;

  border-radius: 5px;

  cursor: pointer;

  transition: background 0.3s;

  background: #2c3e50;     /* verde */

  color: white;

}



.add-to-cart:hover {

  background: #218838;     /* verde scuro al passaggio */

}





/* Immagini offerte */

.offer-image img {

  max-width: 140px;

  border-radius: 12px;

  box-shadow: 0 2px 8px rgba(0,0,0,0.1);

  transition: transform 0.3s ease;

}



.offer-image img:hover {

  transform: scale(1.05);

}



.offer-subtitle {

  font-size: 1.3rem;

  font-weight: 600;

  color: #333;

  margin: 5px 0 10px 0;

}



.offer-title-link {

  text-decoration: none;   /* niente sottolineatura */

  color: #000;             /* colore normale nero */

  font-weight: 600;

  transition: color 0.3s ease;

  margin-right: 5px;       /* piccolo spazio tra i link */

}



.offer-title-link:hover {

  color: #ff0000;          /* rosso al passaggio del mouse */

  cursor: pointer;

}









@media (max-width: 768px) {

  .offer-content {

    display: flex;

    flex-direction: column; /* testo → immagini → pulsante */

    align-items: center;

    text-align: center;

  }



  .offer-text {

    order: 0;

    margin-bottom: 15px;

  }



  .offer-image {

    order: 1;

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    gap: 10px;

    margin-bottom: 15px;

  }



  .offer-image img {

    display: block;

    height: auto;       /* mantiene proporzioni */

    width: auto;        /* dimensione naturale */

    max-width: 48%;     /* massimo 48% per stare affiancate senza forzare altezza */

    border-radius: 12px;

  }



  .offer-image a {

  flex: 1 1 45%;       /* ogni link prende circa metà riga */

  max-width: 48%;      /* massimo 48% per evitare che sfori */

  display: flex;       /* tiene l'immagine centrata */

  justify-content: center;

}



.offer-image img {

  width: 100%;         /* l’immagine si adatta al contenitore */

  height: auto;        /* mantiene proporzioni naturali */

  border-radius: 12px;

}





  .add-to-cart {

    order: 2;

    display: block;

    margin: 20px auto 0;

    width: 85%;

    max-width: 280px;

    font-size: 1.1rem;

  }



  .offer-title-link {

  text-decoration: none;   /* niente sottolineatura */

  color: #000;             /* colore normale nero */

  font-weight: 600;

  transition: color 0.3s ease;

  margin-right: 5px;       /* piccolo spazio tra i link */

}



.offer-title-link:hover {

  color: #ff0000;          /* rosso al passaggio del mouse */

  cursor: pointer;

}





}









@media (max-width: 768px) {

  .offer-subtitle {

    font-size: 1.2rem; /* un po’ più grande per leggibilità */

  }

}