body {margin:0;font-family:Arial,sans-serif;color:#333;}
.navbar {background:#fff;border-bottom:1px solid #eee;position:fixed;top:0;width:100%;z-index:100;}
.nav-content {display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;}
.logo {font-weight:bold;color:red;font-size:1.2rem;}
.menu a {margin-left:1rem;text-decoration:none;color:#333;}
.menu .btn {background:red;color:#fff;padding:0.5rem 1rem;border-radius:4px;}
.hero {height:100vh;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center;position:relative;}
.hero .overlay {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);}
.hero-content {position:relative;z-index:1;max-width:800px;}
.hero h1 {font-size:2.5rem;margin-bottom:1rem;}
.hero p {font-size:1.2rem;margin-bottom:1.5rem;}
.btn {background:red;color:white;padding:0.75rem 1.5rem;text-decoration:none;border-radius:4px;}
.section {padding:4rem 2rem;}
.bg-light {background:#f9f9f9;}
.grid-2 {display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;}
.grid-3 {display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;}
.img-large {width:100%;border-radius:8px;}
.card.product {position:relative;height:200px;background-size:cover;background-position:center;border-radius:8px;overflow:hidden;display:flex;align-items:flex-end;color:#fff;font-weight:bold;}
.card.product .overlay {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,0,0,0.4);opacity:0;transition:opacity .3s;}
.card.product:hover .overlay {opacity:1;}
.grid-masonry {display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;}
.grid-masonry img {width:100%;border-radius:8px;}
.brands {display:flex;gap:2rem;justify-content:center;align-items:center;flex-wrap:wrap;}
.testimonial {background:#fff;border-left:5px solid red;padding:1rem;border-radius:6px;}
.footer {background:#111;color:#fff;padding:3rem 2rem;}
.footer a {color:#fff;}
.footer .map {width:100%;height:200px;border:0;margin-top:1rem;}
.contact-form input,.contact-form textarea {width:100%;padding:0.75rem;margin-bottom:1rem;border:1px solid #ccc;border-radius:4px;}
.contact-form button {background:red;color:#fff;padding:0.75rem 1.5rem;border:none;border-radius:4px;cursor:pointer;}
.copyright {text-align:center;margin-top:2rem;font-size:0.9rem;color:#aaa;}