body {
  font-family: Montserrat; 			

  background: #f4f4f4;
  text-align: center;
  margin: 0;
}


.card h2 {	
font-style:italic;
font-size:18px;			border-bottom:1px solid lightcoral; /* modello macchina */
  margin: 0px 8px 25px 8px;
}





.img-box {  				 border:0px solid red; /* modello macchina */
  width: 100%; height:250px;
  overflow: hidden;   /* taglia le parti in eccesso */
  border-radius: 8px;
  display: flex;
  padding-top:5px;
  align-items: center;
  margin-bottom:20px;
  justify-content: center;
}

.img-box img {  
  width: 100%;
  height: 100%;
  object-fit: contain;  /* mantiene proporzioni senza deformare */
}


.logo {
  text-align: center;

 border: 1px solid #ccc;
width:80%;
background-color:white;
margin:0 auto;
border-radius:10px;
margin-bottom:30px
}


.logo img {
  width: 32%;  /* puoi cambiare dimensione */
  height: auto;padding:1.5%; 
margin:0 auto; 
display: block;
}


	
/* TITOLI */
h1 {
  margin: 20px; 
}




/* SELECT */
.cards {   				 border: 0px solid red;


  width: 80%;
  margin: 0 auto;
  box-sizing: border-box;			
  display: flex;
  justify-content: center; 		
  gap: clamp(1px, 2vw, 2px);
  margin-bottom: 0.5%;
  margin-top:0.5%;   
}

.cards select {
  flex: 1;
  padding: 15px 35px 15px 10px; /* spazio a destra per freccia */
  font-size: 16px;
  text-align: center;
  text-align-last: center; 
  border: 0px solid #888;
font-size:16px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
width:100%;

color: white;
background-color: #8faac8;;
 border-radius: 10px 10px 0 0;


  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='white' d='M5 7l5 5 5-5z'/></svg>");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 18px;
}


.cards select:hover {
  font-weight:bold;
}


/* CARDS */
.cards {
  display: flex;
  justify-content: center;
 

gap: clamp(3px, 2vw, 6px);


}



/* SINGOLA CARD */
.card { 			
  flex: 1;
  background: white;
  padding: 0px;
  border-radius: 10px;
 border: 1px solid #ccc;
  box-shadow: 0 0 20px rgba(0,0,0,0.1);
  box-sizing: border-box; 
}


.selettore { border: 0px solid red; margin: 0 auto;
}



/* IMMAGINI */
img {
  width: 100%;


  border-radius: 8px;
}

/* LISTE */
h2 {
  margin: 10px 0;
}


h3 {font-size:14px;padding-left:10px;   color:steelblue; text-align:left;
  margin: 0px; 					border:0px solid red; /* caratteristiche vantaggi */
}


ul {
  text-align: left;	
  margin:0px 8px 20px 8px;		 		border:1px solid #ccc; /* caratteristiche vantaggi */
  border-radius:8px;

  box-shadow: 0 0 10px rgba(0,0,0,0.1);
  padding:10px 10px 10px 30px;
}


/* Tablet e smartphone */
@media (max-width: 1024px) {
  .cards {
    display:flex;
    flex-direction: column;
    width: 98%;
  }
  
  .logo{width:98%;}
  
  .logo img{width:50%;}
  
}