.welcome h1{
  font-family:"Playfair Display",serif;
  font-size:38px;
  font-weight:600;
  color:#222;
  margin-bottom:20px;
}

.welcome p{
  font-family:"Open Sans",sans-serif;
  font-size:28px;
  line-height:1.6;
  color:#444;
  margin:10px 0;
}

.welcome .english{
  font-style:italic;
  color:#666;
}

/* MOBILE */
@media (max-width:768px){
  .slide img{
    width:100%;
  }
}



/* slider


/* Main centrato */
main{
  display:flex;
  flex-direction:column; /* elementi uno sotto l'altro */
  align-items:center;    /* centra orizzontalmente */
}

/* SLIDER */
.product-slider{
  position:relative;
  display:block;
  margin:0 auto;
  width:auto; /* la larghezza dipende dalle immagini */
  max-width:100%;
}

.slides{
  position:relative;
  width:auto;
}

/* singola slide */
.slide{
  position:absolute;
  top:0;
  left:0;
  opacity:0;
  transition:opacity 1s ease;
  display:flex;
  justify-content:center;
}

.slide.active{
  opacity:1;
  position:relative;
}

.slide img{
  width:auto;
  height:auto;
  max-width:100%; /* responsivo su mobile */
  border-radius:16px;
  border:2px solid #eee;
  box-shadow:0 12px 35px rgba(0,0,0,0.25);
  transition:transform .4s;
}

.slide img:hover{
  transform:scale(1.03);
}

/* PALLINI INDICATORI */
.dots{
  margin-top:15px;
  text-align:center;
}

.dot{
  height:12px;
  width:12px;
  margin:0 5px;
  background:#ccc;
  border-radius:50%;
  display:inline-block;
  cursor:pointer;
  transition:background .3s;
}

.dot.active{
  background:#333;
}

/* WELCOME SOTTO LO SLIDER */
.welcome{
  margin:5px auto 0 auto;
  max-width:900px;
  padding:0 20px;
  text-align:center;
}

.welcome h1{
  font-family:"Playfair Display",serif;
  font-size:38px;
  font-weight:600;
  color:#222;
  margin-bottom:20px;
}

.welcome p{
  font-family:"Open Sans",sans-serif;
  font-size:22px;
  line-height:1.6;
  color:#444;
  margin:10px 0;
}

.welcome .english{
  font-style:italic;
  color:#666;
}

/* MOBILE */
@media (max-width:768px){
  .slide img{
    width:100%;
  }


}



 .btn {
      display: inline-block;
      margin: 10px;
      padding: 15px 25px;
      background: #007bff;
      color: white;
      text-decoration: none;
      border-radius: 8px;
      font-size: 18px;
      transition: 0.3s;
    }

    .btn:hover {
      background: #0056b3;
      transform: scale(1.05);
    }