body{
margin:0;
font-family:Arial;
background:#faf8f3;
color:#1f2937;
}

.container{
max-width:1200px;
margin:auto;
padding:20px;
}

.header{
background:#fff;
border-bottom:1px solid #eee;
}

.header .container{
display:flex;
justify-content:space-between;
align-items:center;
}

nav a{
margin-left:15px;
text-decoration:none;
color:#000;
}

.hero-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:40px;
padding:60px 0;
}

.hero-box{
height:400px;
background:#eee;
border-radius:20px;
}

.section{
padding:60px 0;
}

.dark{
background:#28533b;
color:#fff;
}

.grid-3{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px;
}

.card{
background:#fff;
padding:20px;
border-radius:20px;
}

.product .img{
height:180px;
background:#eee;
border-radius:15px;
margin-bottom:10px;
}

.product{
text-decoration:none;
color:#000;
}

.img-big{
height:400px;
background:#eee;
border-radius:20px;
}

.product-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:40px;
}

.btn{
display:inline-block;
padding:12px 18px;
background:#28533b;
color:#fff;
text-decoration:none;
border-radius:12px;
margin-right:10px;
}

.btn.outline{
background:#fff;
color:#28533b;
border:1px solid #28533b;
}

.footer{
padding:30px;
border-top:1px solid #eee;
}