body{

margin:0;

font-family:Arial, sans-serif;

background:#fff;

color:#333;

}



header{

text-align:center;

padding:30px;

background:#fff;

border-bottom:2px solid #d4af37;

}



.logo{

width:120px;

}



h1{

color:#b8860b;

letter-spacing:3px;

}



.hero{

text-align:center;

padding:70px 20px;

background:#faf7f0;

}



.hero h2{

font-size:40px;

color:#b8860b;

}



.button{

display:inline-block;

margin-top:20px;

background:#b8860b;

color:white;

padding:15px 35px;

border-radius:30px;

text-decoration:none;

}



.collection{

padding:40px;

text-align:center;

}



.products{

display:flex;

justify-content:center;

gap:25px;

flex-wrap:wrap;

}



.card{

width:300px;

box-shadow:0 0 15px #ddd;

padding:15px;

}



.card img{

width:100%;

height:350px;

object-fit:cover;

}



.about{

text-align:center;

padding:40px;

background:#faf7f0;

}



.contact{

text-align:center;

padding:40px;

}



footer{

background:#222;

color:white;

text-align:center;

padding:20px;

}