body{margin:0;font-family:'Roboto',sans-serif;background:#fafafa;color:#333;}
.container{max-width:1200px;margin:auto;padding:0 20px;}
header{display:flex;flex-direction:column;align-items:flex-start;padding:20px 0;}
header h1{margin:0;font-size:40px;display:flex;align-items:center;gap:14px;}
.logo-inline{height:1em;width:auto;}
.tagline{margin:5px 0 0;color:#555;}
.social-qr{margin-top:10px;display:flex;align-items:center;gap:10px;}
.qr-icon{height:50px;width:50px;}

nav{background:#fff;border-bottom:1px solid #ddd;}
nav a{color:#333;text-decoration:none;margin:0 15px;padding:12px 0;display:inline-block;font-weight:500;}
nav a:hover{color:#007BFF;}

.hero{position:relative;height:70vh;min-height:420px;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;}
.hero-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.45);z-index:2;}
.hero-content{position:relative;z-index:3;color:#fff;max-width:900px;padding:20px;}
.hero-content h2{font-size:46px;margin-bottom:12px;}
.hero-content p{font-size:18px;margin-bottom:24px;}
.hero-buttons a{display:inline-block;margin:6px;padding:12px 26px;background:rgba(255,255,255,0.9);color:#333;border-radius:6px;font-weight:600;text-decoration:none;}
.hero-buttons a:hover{background:#ffffff;}
.hero-buttons i{margin-right:8px;font-size:16px;}

h2{font-size:28px;margin-bottom:20px;}
p{font-size:16px;line-height:1.6;}

.product-cards{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;}
.card{background:#fff;border-radius:10px;padding:15px;text-align:center;box-shadow:0 5px 15px rgba(0,0,0,0.1);transition:transform 0.3s ease,box-shadow 0.3s ease;cursor:pointer;}
.card img{width:200px;height:150px;object-fit:cover;border-radius:10px;margin-bottom:10px;}
.card:hover{transform:scale(1.05);box-shadow:0 10px 20px rgba(0,0,0,0.2);}

/* Gallery */
.gallery-wrapper{position:relative;display:flex;align-items:center;}
.gallery-horizontal{display:flex;overflow-x:auto;scroll-behavior:smooth;gap:10px;padding:10px;}
.gallery-horizontal img{width:220px;height:160px;object-fit:cover;border-radius:10px;cursor:pointer;transition:transform 0.3s ease;}
.gallery-horizontal img:hover{transform:scale(1.05);}
.scroll-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:rgba(0,0,0,0.5);color:#fff;border:none;font-size:2em;padding:10px;cursor:pointer;border-radius:50%;}
.left-btn{left:5px;}
.right-btn{right:5px;}
.scroll-btn:hover{background:rgba(0,0,0,0.8);}

/* Lightbox */
#lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.9);display:none;justify-content:center;align-items:center;cursor:zoom-out;z-index:9999;}
#lightbox img{max-width:90%;max-height:90%;object-fit:contain;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,0.5);}

/* WhatsApp */
.whatsapp-btn{position:fixed;bottom:20px;right:20px;background:#25D366;color:#fff;padding:15px;border-radius:50px;text-decoration:none;font-size:20px;z-index:1000;}

/* Footer */
footer{background:#fff;border-top:1px solid #ddd;text-align:center;padding:15px 0;color:#555;}

/* Responsive */
@media(max-width:768px){.gallery-horizontal img,.card img{width:45%;height:auto;}.hero h2{font-size:28px;}}
@media(max-width:480px){.gallery-horizontal img,.card img{width:100%;height:auto;}nav a{display:block;margin:5px 0;}}

.social-icons {
  margin-top: 10px;
  display: flex;
  gap: 15px;
}

.social-icons a {
  color: #333;
  transition: color 0.3s ease;
}

.social-icons a:hover {
  color: #007BFF; /* blue on hover */
}