body {
font-family: 'Poppins', sans-serif;
margin: 0;
background: #fffaf0;
color: #3b2f2f;
text-align: center;
}

header {
background: linear-gradient(90deg, #6f4e37, #c19a6b);
padding: 30px 0;
position: relative;
}

header .logo {
width: 120px;
display: block;
margin: 0 auto 10px;
border-radius: 20px;
}

header h1 {
color: #fff;
font-size: 2.8em;
margin: 0;
}

.info-section h2,
h2 {
font-size: 2em;
margin: 20px 0 10px 0;
color: #4b3220;
}

.info-section p {
font-size: 1.2em;
color: #8b5e3c;
margin: 5px 0;
}

.flavors-list {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 15px;
margin-bottom: 30px;
}

.flavor-item {
background-color: #d9c0a3;
padding: 15px 25px;
border-radius: 20px;
font-weight: bold;
transition: transform 0.2s;
}

.flavor-item:hover {
transform: scale(1.1);
background-color: #c19a6b;
color: #fff;
}

.contact-section {
background-color: #f5f0e6;
padding: 20px 0;
}

.contact-section a {
color: #6f4e37;
text-decoration: none;
font-weight: bold;
}

.contact-section a:hover {
text-decoration: underline;
}