*{margin:0;padding:0;box-sizing:border-box}
:root{--dark:#111;--gold:#f4b400;--text:#222;--muted:#666;--light:#f8f8f8;--white:#fff}
html{scroll-behavior:smooth}
body{font-family:'Poppins',Arial,sans-serif;color:var(--text);line-height:1.6;background:#fff}
a{text-decoration:none;color:inherit}img{width:100%;display:block}.container{width:90%;max-width:1200px;margin:auto}
header{background:var(--dark);position:sticky;top:0;z-index:999;box-shadow:0 4px 15px rgba(0,0,0,.15)}
.navbar{display:flex;justify-content:space-between;align-items:center;padding:22px 0;gap:24px}.logo h1{color:#fff;font-size:22px;font-weight:700;letter-spacing:1px}
nav ul{display:flex;list-style:none;gap:30px;flex-wrap:wrap}nav a{color:#fff;font-size:15px;font-weight:500;position:relative;transition:.25s}nav a::after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:2px;background:var(--gold);transition:.25s}nav a:hover,nav a.active{color:var(--gold)}nav a:hover::after,nav a.active::after{width:100%}
.hero,.page-hero{background:url('./webimg/banner.jpg') center/cover no-repeat;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;position:relative}.hero{min-height:82vh}.page-hero{min-height:42vh}.hero::before,.page-hero::before{content:"";position:absolute;inset:0;background:rgba(18,18,18,.52)}.hero-content,.page-hero-content{position:relative;z-index:2;padding:25px}.hero h2{font-size:18px;letter-spacing:2px}.hero h1{font-size:48px;margin:8px 0}.hero p,.page-hero p{font-size:18px}.page-hero h1{font-size:52px}.page-hero h2{font-size:22px;margin:6px 0}
.btn{display:inline-block;padding:12px 25px;background:var(--dark);color:#fff;border-radius:5px;transition:.25s;border:0;cursor:pointer}.btn:hover{background:var(--gold);color:#111}.hero .btn{margin-top:20px}
.section{padding:80px 0}.section-light{background:var(--light)}.section-dark{background:var(--dark);color:#fff}.section-title{font-size:38px;margin-bottom:20px}.section-title.center,.section-subtitle.center{text-align:center}.section-subtitle{color:var(--muted);margin:-8px auto 35px;max-width:760px}.section-dark .section-subtitle{color:#ddd}
.about-grid,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.about-grid img{height:500px;object-fit:cover;border-radius:12px;box-shadow:0 5px 20px rgba(0,0,0,.12)}.about-copy p{margin-bottom:18px;color:#555;text-align:justify}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.product-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.09);transition:.25s}.product-card:hover{transform:translateY(-5px)}.product-image{height:390px;overflow:hidden;position:relative}.product-image img{height:100%;object-fit:cover}.quick-view{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);background:#111;color:#fff;padding:9px 18px;border-radius:4px;font-size:12px;opacity:0;transition:.25s}.product-card:hover .quick-view{opacity:1}.product-content{padding:15px 18px}.product-content h3{font-size:18px}.product-content p{color:#777}
.reviews{text-align:center}.review-box{max-width:700px;margin:20px auto;background:#111;color:#fff;padding:30px;border-radius:10px}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.feature-card{background:#fff;padding:34px 24px;border-radius:12px;text-align:center;box-shadow:0 3px 15px rgba(0,0,0,.08)}.feature-card i{font-size:38px;color:var(--gold);margin-bottom:16px}.feature-card h3{font-size:22px;margin-bottom:10px}.feature-card p{color:#666}
.check-list{list-style:none;margin:22px 0}.check-list li{margin:9px 0}.check-list i{color:var(--gold);margin-right:9px}
.contact-box{background:#fff;padding:28px;border-radius:10px;box-shadow:0 3px 16px rgba(0,0,0,.08);height:100%}.contact-box h2{margin-bottom:15px}.contact-box p,.contact-box a{margin-bottom:10px;color:#555}.map-img{margin-top:30px;border-radius:10px;border:1px solid #eee}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.gallery-grid img{height:380px;object-fit:cover;border-radius:10px;box-shadow:0 3px 14px rgba(0,0,0,.08)}
.article{max-width:850px;margin:auto}.article img{max-height:520px;object-fit:cover;border-radius:12px;margin:25px 0}.article p{margin:16px 0;color:#555;text-align:justify}
footer{background:#111;color:#fff;padding:55px 0 22px}.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-bottom:35px}.footer-box h3{margin-bottom:18px;position:relative;padding-bottom:10px}.footer-box h3::after{content:"";position:absolute;width:45px;height:3px;background:var(--gold);left:0;bottom:0}.footer-box p,.footer-box a{display:block;color:#ccc;margin-bottom:10px}.footer-box a:hover{color:var(--gold)}.copyright{border-top:1px solid #333;padding-top:20px;text-align:center;color:#aaa;font-size:14px}
@media(max-width:900px){.product-grid,.features,.gallery-grid{grid-template-columns:repeat(2,1fr)}.about-grid,.contact-grid{grid-template-columns:1fr}.about-grid img{height:420px}.footer-grid{grid-template-columns:1fr 1fr}.page-hero h1{font-size:42px}}
@media(max-width:650px){.navbar{flex-direction:column;align-items:center;padding:16px 0}.logo h1{text-align:center;font-size:19px}nav ul{gap:18px;justify-content:center}.hero{min-height:70vh}.hero h1{font-size:34px}.page-hero h1{font-size:34px}.section{padding:58px 0}.section-title{font-size:31px}.product-grid,.features,.gallery-grid,.footer-grid{grid-template-columns:1fr}.product-image,.gallery-grid img{height:360px}.about-grid img{height:350px}.footer-box{text-align:center}.footer-box h3::after{left:50%;transform:translateX(-50%)}}