.cocktail-world{
max-width:1100px;
margin:50px auto;
padding:0 20px;
font-family:Arial, Helvetica, sans-serif;
}

.cocktail-world h2{
text-align:center;
font-size:32px;
margin-bottom:20px;
}

/* REGION BUTTONS */

.region-buttons{
text-align:center;
margin-bottom:25px;
}

.region-buttons button{

padding:10px 18px;
margin:6px;
border:none;
border-radius:30px;
font-weight:bold;
background:linear-gradient(135deg,#ff5f6d,#ffc371);
color:white;
cursor:pointer;
transition:opacity .2s ease;

}

.region-buttons button:hover{

opacity:.85;

}

/* GRID OF DRINKS */

.region-results{

display:grid;
grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
gap:20px;
margin-top:25px;

}

/* DRINK CARD */

.drink-tile{

background:white;
border-radius:14px;
overflow:hidden;
box-shadow:0 8px 18px rgba(0,0,0,.15);
cursor:pointer;
transition:transform .2s ease, box-shadow .2s ease;

}

.drink-tile:hover{

transform:translateY(-6px);
box-shadow:0 16px 28px rgba(0,0,0,.25);

}

.drink-tile img{

width:100%;
height:180px;
object-fit:cover;

}

.drink-tile p{

padding:10px;
font-weight:bold;
text-align:center;
font-size:15px;

}

/* FEATURED DRINK DETAILS */

.drink-detail{

background:white;
border-radius:18px;
box-shadow:0 12px 30px rgba(0,0,0,.2);
margin-bottom:40px;
padding:20px;

}

.drink-detail img{

width:100%;
max-height:420px;
object-fit:cover;
border-radius:12px;

}

.drink-detail h3{

font-size:26px;
text-align:center;
margin:15px 0;

}

.drink-grid{

display:grid;
grid-template-columns:1fr 1fr;
gap:20px;

}

.drink-grid ul{

padding-left:18px;

}

.drink-grid p{

line-height:1.6;

}

/* MOBILE */

@media(max-width:700px){

.drink-grid{
grid-template-columns:1fr;
}

}