*{box-sizing:border-box}
body{font-family:Arial;margin:0;background:#f4ede6;color:#4b3a35}
.header{text-align:center;padding:30px;background:#e6d3c3}
.logo{width:120px;border-radius:50%}
.hero{text-align:center;padding:60px 20px}
.catalog{text-align:center;padding:40px 20px}
.grid-products{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;max-width:1100px;margin:auto}
.product{position:relative;background:#fff;padding:20px;border-radius:14px;box-shadow:0 6px 18px rgba(0,0,0,.08)}
.product img{width:100%;border-radius:12px}
.product-buttons{display:flex;flex-direction:column;gap:10px;margin-top:15px}
.badge{position:absolute;top:10px;left:10px;background:#e74c3c;color:#fff;padding:6px 10px;border-radius:6px;font-size:12px;font-weight:bold}
.buttons{display:flex;gap:12px;justify-content:center;padding:20px;flex-wrap:wrap}
.btn{padding:12px 18px;border-radius:8px;color:#fff;text-decoration:none;font-weight:bold;display:inline-block}
.wa{background:#25D366}
.shopee{background:#ee4d2d}
.tiktok{background:#000}
.ig{background:#c13584}
.maps{background:#4285F4}
.floating-wa{position:fixed;bottom:20px;right:20px;background:#25D366;color:#fff;font-size:24px;padding:14px 16px;border-radius:50%;text-decoration:none}
.footer{text-align:center;padding:20px;background:#e6d3c3}

.taman{text-align:center;padding:50px 20px;background:#fff}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;max-width:1100px;margin:20px auto}
.gal{width:100%;border-radius:12px;box-shadow:0 6px 16px rgba(0,0,0,.08)}

/* Floating WA */
.wa-float{
 position:fixed;
 right:20px;
 bottom:20px;
 background:#25D366;
 color:#fff;
 padding:14px 18px;
 border-radius:50px;
 font-weight:bold;
 text-decoration:none;
 box-shadow:0 8px 20px rgba(0,0,0,.25);
 animation:waBounce 1.6s infinite;
 z-index:9999;
}
@keyframes waBounce{
 0%,100%{transform:translateY(0)}
 50%{transform:translateY(-6px)}
}

/* FOMO popup */
.fomo{
 position:fixed;
 left:20px;
 bottom:20px;
 background:#111;
 color:#fff;
 padding:12px 16px;
 border-radius:10px;
 font-size:14px;
 box-shadow:0 8px 20px rgba(0,0,0,.25);
 opacity:0;
 transform:translateY(20px);
 transition:.4s;
 z-index:9998;
}
.fomo.show{opacity:1; transform:translateY(0)}