* {margin:0; padding:0; box-sizing:border-box; font-family: Arial, sans-serif;}
body {background:#f4f4f4; color:#333;}

header {background:#111; color:#fff; padding:10px 20px; display:flex; justify-content:space-between; align-items:center;}
header .logo {font-size:1.5rem; font-weight:bold;}
header nav ul {list-style:none; display:flex; gap:15px;}
header nav ul li a {color:#fff; text-decoration:none;}

.hero {display:flex; align-items:center; justify-content:space-between; padding:40px 20px; background:#222; color:#fff;}
.hero-text h1 {font-size:2.5rem; margin-bottom:15px;}
.hero-text p {font-size:1.2rem; margin-bottom:20px;}
.hero-buttons .btn {padding:12px 25px; margin-right:10px; background:#ff4d4d; color:#fff; text-decoration:none; border-radius:5px; transition:0.3s;}
.hero-buttons .btn:hover {background:#ff1a1a;}
.hero-buttons .btn-b2b {background:#4d79ff;}
.hero-buttons .btn-b2b:hover {background:#1a4dff;}
.hero-img img {border-radius:10px; max-width:100%;}

.featured {padding:40px 20px; text-align:center;}
.featured h2 {margin-bottom:30px; font-size:2rem;}
.products {display:flex; gap:20px; flex-wrap:wrap; justify-content:center;}
.product-card {background:#fff; padding:20px; border-radius:10px; width:200px; box-shadow:0 0 10px rgba(0,0,0,0.1);}
.product-card img {width:100%; border-radius:10px;}
.product-card h3 {margin:10px 0;}
.product-card p {margin-bottom:10px;}
.product-card button {padding:10px 20px; border:none; background:#ff4d4d; color:#fff; border-radius:5px; cursor:pointer; transition:0.3s;}
.product-card button:hover {background:#ff1a1a;}

.countdown {text-align:center; padding:30px 20px; background:#333; color:#fff;}
.countdown h2 {font-size:2rem; margin-bottom:15px;}
.countdown p {font-size:1.5rem;}

footer {background:#111; color:#fff; text-align:center; padding:20px;}
footer .social {margin-top:10px;}
footer .social a {color:#fff; text-decoration:none; margin:0 5px;}