html { scroll-behavior: smooth; }

body {
margin: 0;
font-family: 'Playfair Display', serif;
background: #fdfbf7;
color: #3b3b3b;
}

/* Announcement */
.announcement {
background: #2c1e14;
color: #fff;
text-align: center;
padding: 10px;
font-size: 14px;
}

/* Header */
.header {
background: #fff;
border-bottom: 1px solid #e6e1d8;
padding: 18px;
text-align: center;
}

.nav a {
margin: 0 12px;
text-decoration: none;
color: #3b3b3b;
font-size: 15px;
}

.nav a:hover {
color: #d4af37;
}

/* Hero */
.hero {
text-align: center;
padding: 60px 20px;
background: #fffaf0;
}

.logo {
width: 140px;
margin-bottom: 20px;
}

.hero h1 {
font-size: 44px;
margin: 10px 0;
color: #2c1e14;
}

.hero h2 {
font-size: 22px;
margin: 5px 0;
}

.hero p {
font-size: 15px;
color: #6b6b6b;
}

.hero-images {
display: flex;
justify-content: center;
gap: 20px;
margin-top: 40px;
flex-wrap: wrap;
}

.hero-images img {
width: 260px;
border-radius: 8px;
}

/* Sections */
.section {
padding: 70px 30px;
text-align: center;
}

.section h3 {
font-size: 30px;
margin-bottom: 10px;
}

.section p {
color: #6b6b6b;
}

/* Products */
.products-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 30px;
margin-top: 40px;
}

.product {
background: #fff;
border: 1px solid #e6e1d8;
border-radius: 12px;
padding: 20px;
}

.product img {
width: 100%;
border-radius: 10px;
}

.product h4 {
margin: 15px 0 6px;
}

.price {
color: #d4af37;
font-weight: bold;
}

/* Footer */
.footer {
background: #2c1e14;
color: #fff;
padding: 40px 20px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 20px;
}

.footer a {
color: #fff;
text-decoration: none;
}

.footer img {
width: 120px;
}