*{margin:0;padding:0;box-sizing:border-box;font-family:Arial, Helvetica, sans-serif;}
.container{width:92%;max-width:1400px;margin:0 auto;}
a{text-decoration:none;color:inherit;}

/* Header Nav */
.header{position:absolute;top:0;left:0;width:100%;z-index:100;padding:22px 0;}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;}
.logo{font-size:24px;font-weight:bold;color:#fff;}
.logo span{color:#ed2624;}
.main-nav{display:flex;gap:36px;}
.main-nav a{color:#fff;font-size:17px;font-weight:500;}
.main-nav a.active{color:#ed2624;}
.nav-icons{display:flex;gap:24px;color:#fff;font-size:20px;}

/* Hero Slider */
.hero-slider{height:100vh;position:relative;overflow:hidden;}
.slide{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;display:flex;align-items:center;opacity:0;transition:opacity 1s ease;background-color:#222;background-blend-mode:multiply;}
.slide.active{opacity:1;}
.slide-content{color:#fff;}
.subhead{font-size:18px;opacity:0.9;letter-spacing:1px;margin-bottom:12px;}
.slide h1{font-size:58px;line-height:1.1;margin-bottom:24px;}
.badge-row{display:flex;align-items:center;gap:20px;margin-bottom:32px;flex-wrap:wrap;}
.info-badge{background:rgba(255,255,255,0.15);backdrop-filter:blur(8px);padding:14px 18px;border-radius:8px;display:flex;align-items:center;gap:12px;}
.badge-icon{font-size:26px;}
.video-btn{background:rgba(255,255,255,0.15);backdrop-filter:blur(8px);border:none;color:#fff;padding:14px 20px;border-radius:8px;cursor:pointer;font-size:16px;}
.btn-row{display:flex;gap:18px;margin-bottom:40px;flex-wrap:wrap;}
.btn{padding:16px 30px;border-radius:99px;font-size:17px;font-weight:bold;border:none;cursor:pointer;display:inline-block;}
.btn-red{background:#ed2624;color:#fff;}
.btn-gray{background:rgba(255,255,255,0.2);color:#fff;backdrop-filter:blur(4px);}
.brand-trust{display:flex;gap:24px;opacity:0.8;font-size:15px;align-items:center;flex-wrap:wrap;}
.slider-dots{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);display:flex;gap:10px;}
.dot{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,0.4);cursor:pointer;}
.dot.active{background:#fff;}

/* Product Section */
.products-section{padding:80px 0;background:#f8f8f8;}
.products-section h2{text-align:center;font-size:36px;margin-bottom:40px;color:#222;}
.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px;}
.product-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px #00000012;}
.product-card img{width:100%;height:260px;object-fit:cover;}
.product-info{padding:20px;}
.add-cart{margin-top:12px;background:#25D366;color:white;border:none;padding:9px 14px;border-radius:6px;cursor:pointer;}

.about-section, .contact-section{padding:80px 0;}
.about-section h2, .contact-section h2{font-size:36px;margin-bottom:20px;}

/* WhatsApp Float */
.wa-float{position:fixed;right:30px;bottom:30px;width:54px;height:54px;border-radius:50%;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;z-index:99;}

/* Modal */
.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:200;align-items:center;justify-content:center;}
.modal-content{background:#fff;padding:30px;border-radius:12px;width:90%;max-width:520px;}
.close{float:right;font-size:28px;cursor:pointer;}

/* Mobile */
@media(max-width:900px){
  .main-nav{gap:16px;}
  .slide h1{font-size:38px;}
  .badge-row, .btn-row{flex-direction:column;align-items:flex-start;}
}