* { margin:0; padding:0; box-sizing:border-box; }
body { background:#0a0a0a; color:#fff; font-family:Arial,sans-serif; }
header { background:#111; padding:15px 30px; display:flex; align-items:center; justify-content:space-between; border-bottom:3px solid #ffcc00; flex-wrap:wrap; gap:10px; }
.logo { font-size:24px; font-weight:bold; color:#fff; }
.logo span { color:#ffcc00; }
nav a { color:#fff; text-decoration:none; margin:0 12px; font-weight:500; }
nav a:hover { color:#ffcc00; }
.langs a { color:#ffcc00; margin:0 5px; text-decoration:none; font-weight:bold; }
.hero { position:relative; height:420px; overflow:hidden; }
.hero img { width:100%; height:100%; object-fit:cover; filter:brightness(0.45); }
.hero-text { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center; }
.hero-text h1 { font-size:42px; color:#ffcc00; margin-bottom:10px; }
.btn { display:inline-block; background:#ffcc00; color:#000; padding:12px 28px; border-radius:30px; text-decoration:none; font-weight:bold; margin-top:15px; }
.products { padding:40px 20px; max-width:1200px; margin:auto; }
.products h2 { text-align:center; margin-bottom:30px; color:#ffcc00; }
.grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:20px; }
.card { background:#1a1a1a; border-radius:12px; overflow:hidden; text-align:center; padding-bottom:15px; border:1px solid #333; }
.card img { width:100%; height:180px; object-fit:cover; }
.card h3 { margin:10px; font-size:16px; }
.price { color:#ffcc00; font-size:20px; font-weight:bold; margin:8px 0; }
footer { background:#111; text-align:center; padding:20px; margin-top:40px; border-top:2px solid #ffcc00; }
footer a { color:#ffcc00; }
@media(max-width:600px){ .hero{height:280px;} .hero-text h1{font-size:28px;} header{flex-direction:column;} }