@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap');
:root{--ink:#171512;--cream:#f7f3ec;--sand:#e9dfd0;--gold:#b08a55;--muted:#77716a}
*{box-sizing:border-box}body{font-family:'DM Sans',sans-serif;color:var(--ink);background:#fff;margin:0}
h1,h2,h3,.brand{font-family:'Playfair Display',serif}a{color:inherit;text-decoration:none}
.topbar{background:var(--ink);color:#fff;text-align:center;padding:8px;font-size:12px;letter-spacing:1.5px}
.navbar{display:flex;align-items:center;justify-content:space-between;padding:20px 5%;border-bottom:1px solid #eee;gap:20px}
.brand{font-size:25px;letter-spacing:2px;font-weight:700}.navlinks{display:flex;gap:22px;font-size:13px;text-transform:uppercase;letter-spacing:1px}
.container{width:min(1180px,92%);margin:auto}.hero{background:linear-gradient(90deg,rgba(0,0,0,.55),rgba(0,0,0,.04)),url('../images/hero.jpg') center/cover;min-height:470px;display:flex;align-items:center;color:#fff;padding:7%}
.hero h1{font-size:clamp(38px,6vw,68px);max-width:600px;margin:0 0 15px}.hero p{font-size:16px;max-width:440px}
.btn{display:inline-block;background:var(--ink);color:#fff;padding:12px 22px;border:0;cursor:pointer;font:inherit}.btn.gold{background:var(--gold)}.btn.light{background:#fff;color:#171512}
.section{padding:58px 0}.section-head{text-align:center;margin-bottom:30px}.section-head h2{font-size:36px;margin:0 0 8px}.muted{color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.product-card{border:1px solid #eee;background:#fff}.product-card img{width:100%;height:280px;object-fit:cover;background:var(--cream)}.product-info{padding:14px}.product-info h3{font:600 16px 'DM Sans';margin:0 0 8px}.price{font-weight:700}.old{color:#999;text-decoration:line-through;margin-left:8px;font-weight:400}
.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.category-tile{background:var(--cream);padding:35px;text-align:center}
.footer{background:#171512;color:#fff;padding:45px 5%;margin-top:50px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer a{color:#ddd}
.form-control{width:100%;padding:12px;border:1px solid #ddd;margin:6px 0 15px;font:inherit}.form-label{font-size:13px;font-weight:600}
.page-title{background:var(--cream);padding:42px 0;margin-bottom:35px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:35px}
.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;border-bottom:1px solid #eee;text-align:left;font-size:14px}
.badge{padding:4px 9px;background:#eee;border-radius:20px;font-size:11px}.whatsapp{position:fixed;right:20px;bottom:20px;background:#168b50;color:#fff;border-radius:50px;padding:14px 18px;z-index:10}
@media(max-width:800px){.navlinks{display:none}.grid{grid-template-columns:repeat(2,1fr)}.category-grid,.two-col,.footer-grid{grid-template-columns:1fr}.hero{min-height:380px}.product-card img{height:220px}}
@media(max-width:480px){.grid{gap:10px}.product-card img{height:180px}.brand{font-size:19px}}
