:root{
  --red:#B1121A;
  --gold:#C9A24D;
  --ivory:#FBF7F2;
  --dark:#1A1A1A;
}

*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}
body{background:var(--ivory);color:var(--dark)}
a{text-decoration:none}

header{
  background:#fff;
  border-bottom:3px solid var(--red);
}
.header{
  max-width:1200px;
  margin:auto;
  padding:15px;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.header img{height:55px}
nav a{margin-left:20px;color:#000}
nav a:hover{color:var(--red)}

.btn{
  background:var(--red);
  color:#fff;
  padding:12px 28px;
  border-radius:30px;
  display:inline-block;
  cursor:pointer;
  border:none;
}
.btn:hover{background:var(--gold);color:#000}

section{padding:70px 8%}
.title{text-align:center;margin-bottom:40px}
.title h2{color:var(--red);font-size:32px}

.grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:25px;
}

.card{
  background:#fff;
  border-radius:16px;
  box-shadow:0 15px 40px rgba(0,0,0,0.08);
  overflow:hidden;
}
.card img{width:100%;height:260px;object-fit:cover}
.card .info{padding:20px}
.price{color:var(--red);font-weight:600}

.form{
  max-width:420px;
  margin:auto;
  background:#fff;
  padding:35px;
  border-radius:18px;
}

footer{
  background:#111;
  color:#aaa;
  text-align:center;
  padding:25px;
}

@media(max-width:768px){
  nav{display:none}
}