* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: Arial, sans-serif; }
header { 
  background: #2c3e50; color: white; padding: 1rem 2rem; 
  display: flex; justify-content: space-between; align-items: center;
}
.logo { font-size: 1.5rem; font-weight: bold; }
nav ul { display: flex; list-style: none; gap: 1rem; }
nav a { color: white; text-decoration: none; }
.hero { height: 400px; background: #34495e; position: relative; }
.slider .slides { height: 100%; display: flex; width: 300%; }
.slide { width: 100%; background-size: cover; background-position: center; }
.prev, .next { position: absolute; top: 50%; color: white; font-size: 2rem; cursor: pointer; }
.prev { left: 10px; }
.next { right: 10px; }
.gifts { padding: 2rem; max-width: 1200px; margin: 0 auto; }
.gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1rem; margin-top: 1rem; }
.gift-item { width: 100%; aspect-ratio: 4/3; background: #eee; }
footer { text-align: center; padding: 1rem; background: #2c3e50; color: white; margin-top: 2rem; }