*{box-sizing:border-box;font-family:'Montserrat',sans-serif}
body{margin:0;color:#222;background:#fff}
.container{width:95%;max-width:1200px;margin:0 auto;padding:20px}
.topbar{background:linear-gradient(90deg,#000,#b82b7d);color:#fff;padding:14px 0;box-shadow:0 2px 8px rgba(0,0,0,.1)}
.brand a{color:#fff;text-decoration:none;font-weight:700;font-size:1.4rem}
.departments{display:inline-block;margin-left:20px}
.departments a{color:#fff;margin-right:10px;text-decoration:none;padding:6px 8px;border-radius:6px;background:transparent}
.search{float:right}
.search input{padding:8px;border-radius:25px;border:0;outline:none;width:200px}
.search button{padding:8px 16px;border:0;border-radius:25px;margin-left:6px;background:#fff;color:#b82b7d;font-weight:600;cursor:pointer}
.banner-slider{position:relative;max-height:400px;overflow:hidden}
.banner-slider img{width:100%;object-fit:cover;height:400px;border-bottom:4px solid #b82b7d}
.slide{display:none;animation:fade 1.5s ease-in-out}
@keyframes fade{from{opacity:.4}to{opacity:1}}
h2{text-align:center;font-weight:700;color:#222;margin:30px 0 10px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px;margin-top:20px}
.card{background:#fff;border-radius:16px;box-shadow:0 8px 20px rgba(0,0,0,0.08);overflow:hidden;transition:transform .3s}
.card:hover{transform:translateY(-6px)}
.card a{text-decoration:none;color:inherit;display:block}
.thumb{height:240px;display:flex;align-items:center;justify-content:center;background:#f9f9f9}
.thumb img{max-width:90%;max-height:90%;object-fit:contain}
.meta{padding:16px;text-align:center}
.meta h3{margin:0;font-size:1rem;font-weight:600;color:#333;min-height:48px}
.zap-btn a{display:inline-block;margin-top:10px;padding:10px 18px;border-radius:50px;background:#25d366;color:#fff;font-weight:600;text-decoration:none;box-shadow:0 4px 10px rgba(37,211,102,0.4);transition:background .3s}
.zap-btn a:hover{background:#1ebd58}
.footer{padding:20px;text-align:center;color:#666;background:#f5f5f5;margin-top:40px}
.product-detail{display:flex;gap:20px;margin-top:20px}
.product-detail .col{flex:1}
.product-detail .image img{max-width:100%;border-radius:8px}
.btn-whats{display:inline-block;padding:10px 16px;background:#25d366;color:#fff;border-radius:8px;text-decoration:none}