*{box-sizing:border-box}
body{margin:0;font-family:Arial;background:#f4f6f8;color:#111}
header{background:#fff;padding:10px 40px;display:flex;align-items:center;border-bottom:4px solid #f59e0b}
header img{height:55px}
nav{margin-left:auto}
nav a{margin-left:22px;text-decoration:none;color:#111;font-weight:600}

.hero{position:relative;height:450px}
.hero img{width:100%;height:100%;object-fit:cover}
.hero-overlay{position:absolute;inset:0;background:rgba(0,0,0,.45);
display:flex;align-items:center;justify-content:center;text-align:center;color:#fff}
.hero-overlay h1{font-size:42px;margin:0}
.hero-overlay p{margin-top:10px;font-size:16px}

.section{padding:60px 40px;text-align:center;background:#fff}
.section.gray{background:#f4f6f8}

.products{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
gap:24px;margin-top:40px}
.card{background:#fff;border-radius:6px;box-shadow:0 4px 10px rgba(0,0,0,.1)}
.card img{width:100%;height:200px;object-fit:cover}
.card h3{padding:15px;margin:0}

footer{background:#1f2933;color:#fff;text-align:center;padding:20px}