/* ==== GOOGLE FONTS ==== */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Lato:wght@400;700&display=swap');

/* ==== GLOBAL ==== */
* { box-sizing: border-box; margin:0; padding:0; }
html { scroll-behavior: smooth; }
body {
    font-family: 'Lato', sans-serif;
    background: #ffffff;
    color: #333;
    line-height: 1.7;
}

/* ==== TYPOGRAPHY ==== */
h1, h2, h3, h4 { font-family: 'Playfair Display', serif; color: #5d4037; }
h1 { font-size: 3.2rem; }
h2 { font-size: 2.3rem; margin-bottom: .8rem; }
h3 { font-size: 1.7rem; margin-top: 1.5rem; }
p { margin-bottom: .9rem; }
.spec { margin: .7rem 0; font-size: .95rem; }
.spec strong { color:#5d4037; text-transform: uppercase; font-weight:700; }

/* ==== LAYOUT ==== */
.container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }

/* ==== ALL SECTIONS WHITE ==== */
section { padding: 4rem 0; background: #ffffff; }

/* ==== HEADER ==== */
header {
    background: #ffffff;
    padding: 1.2rem 0;
    border-bottom: 1px solid #eee;
    position: sticky; top:0; z-index:100;
}
header .logo img { height: 55px; }
header nav { display: flex; align-items: center; gap: 2rem; }
header nav a { color: #5d4037; text-decoration: none; font-weight: 600; font-size: 1.1rem; }
header select {
    background: #d4af37; color: #5d4037; border:none; padding:6px 12px; border-radius:4px; font-weight:600;
}

/* ==== HERO – #eae6ec + THINNER ==== */
.hero {
    background: #eae6ec;
    height: 70vh; /* thinner */
    display: flex; align-items: center; justify-content: center; text-align:center;
    color:#5d4037;
}
.hero .content { max-width: 800px; }
.hero h1 { font-size: 4.2rem; color: #5d4037; }
.hero p { font-size: 1.4rem; max-width: 700px; margin:1.2rem auto; color: #5d4037; }

/* ==== WINES PAGE – PDF STYLE ==== */
.wine-card {
    display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 3.5rem;
    background: #ffffff; padding:1.8rem; border-radius:12px; box-shadow: 0 4px 12px rgba(0,0,0,.05);
}
.wine-card img { width: 220px; height:auto; object-fit:contain; border-radius:8px; }
.wine-info { flex:1; min-width:300px; }
.wine-info h3 { margin:0 0 .4rem; font-size:2.1rem; }
.wine-info h4 { font-size:1.1rem; color:#d4af37; margin-bottom:.8rem; font-weight:700; }
.price { font-size:1.5rem; color:#d4af37; font-weight:700; float:right; }

/* ==== BUTTONS ==== */
.btn {
    background:#d4af37; color:#5d4037; padding:.7rem 1.4rem; border:none; border-radius:6px;
    cursor:pointer; font-weight:700; display:inline-block; margin-top:1.2rem; font-size:1rem;
    transition: background .3s;
}
.btn:hover { background:#e6c24a; }

/* ==== CONTACT FORM – LIGHT CREAM ==== */
form {
    max-width:520px; margin:0 auto; display:grid; gap:1.1rem;
    background: #fdf8e8; padding: 1.8rem; border-radius:12px; border: 1px solid #f0e6d2;
}
form label { color:#5d4037; font-weight:600; }
form input, form textarea {
    background:#ffffff; border:1px solid #e6d9c2; color:#333; padding:.7rem; border-radius:6px;
    font-family: 'Lato', sans-serif;
}
form textarea { min-height:130px; }

/* ==== FOOTER ==== */
footer {
    background:#ffffff; color:#777; text-align:center; padding:2rem 0; border-top:1px solid #eee;
    font-size:.9rem;
}
footer .container { display:flex; justify-content:center; align-items:center; gap:1rem; flex-wrap:wrap; }

/* ==== RESPONSIVE ==== */
@media (max-width:768px){
    .wine-card{ flex-direction:column; text-align:center; }
    .hero h1{font-size:2.9rem;}
    .wine-card img { width:180px; }
    .price { float:none; display:block; margin-top:.5rem; }
}