*{box-sizing:border-box}body{margin:0;background:#070707;color:#f4d5c5;font-family:Georgia,serif}
header{background:#000;border-bottom:1px solid #9f6b5a;position:sticky;top:0}
.nav{max-width:1400px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:18px}
.logo{font-size:42px;color:#d99b87;font-style:italic}
nav a{color:#f4d5c5;text-decoration:none;margin:0 14px}
.hero{height:520px;background:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.45)),url('images/banner.jpg') center/cover;display:flex;align-items:center}
.hero-content{padding:70px;max-width:700px}
.hero h1{font-size:88px;color:#e6b8a2;margin:0}
.hero p{font-size:28px}
.btn{display:inline-block;background:#c47f6a;color:white;padding:14px 24px;text-decoration:none;border-radius:6px}
.grid{max-width:1400px;margin:auto;padding:30px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.card{background:#111;border:1px solid #3d2a24}
.card img{width:100%;height:320px;object-fit:cover;background:#2b2b2b}
.card h3,.card p{padding:0 12px}
.price{color:#e6b8a2;font-weight:bold}
.pagination{text-align:center;padding:30px}
.pagination a{color:#fff;text-decoration:none;padding:10px 14px;border:1px solid #9f6b5a;margin:3px}
@media(max-width:1000px){.grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:56px}}