:root{
  --brand: #0d3b66;
  --brand-2: #f95738;
}
body{ font-family:'Segoe UI', system-ui, sans-serif; color:#1f2937; }
a{ text-decoration:none; }
.navbar-brand{ font-weight:800; letter-spacing:-.5px; }
.btn-brand{ background:var(--brand); border-color:var(--brand); color:#fff; }
.btn-brand:hover{ background:var(--brand-2); border-color:var(--brand-2); color:#fff; }
.text-brand{ color:var(--brand) !important; }
.bg-brand{ background:var(--brand) !important; }

.hero{ background:linear-gradient(120deg, var(--brand) 0%, #16213e 100%); color:#fff; padding:70px 0 90px; position:relative; overflow:hidden; }
.hero::after{ content:''; position:absolute; right:-80px; bottom:-80px; width:320px; height:320px; border-radius:50%; background:rgba(255,255,255,.06); }
.hero h1{ font-weight:800; font-size:2.6rem; }

.hero-slide-wrap{ height:460px; background-size:cover; background-position:center; position:relative; }
.hero-slide-overlay{ position:absolute; inset:0; background:linear-gradient(90deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.15) 70%); display:flex; align-items:center; }
.hero-slide{ font-weight:800; }
#heroSlider h1.hero-slide{ font-size:2.4rem; }
@media (max-width: 767.98px){ .hero-slide-wrap{ height:340px; } #heroSlider h1.hero-slide{ font-size:1.7rem; } }

.section-title{ font-weight:800; margin-bottom:1.75rem; position:relative; }
.section-title::after{ content:''; display:block; width:52px; height:4px; background:var(--brand-2); border-radius:2px; margin-top:10px; }

.cat-card{ border-radius:14px; overflow:hidden; position:relative; height:130px; display:flex; align-items:flex-end; padding:14px; color:#fff; font-weight:700; background:linear-gradient(135deg, var(--brand), #1d5b9a); transition:.2s; }
.cat-card:hover{ transform:translateY(-4px); box-shadow:0 10px 24px rgba(13,59,102,.25); }

.brand-badge{ border:1px solid #e5e7eb; border-radius:10px; padding:14px 10px; text-align:center; font-weight:700; color:#374151; transition:.2s; height:100%; display:flex; align-items:center; justify-content:center; }
.brand-badge:hover{ border-color:var(--brand); color:var(--brand); box-shadow:0 6px 16px rgba(0,0,0,.06); }

.product-card{ border:1px solid #e5e7eb; border-radius:14px; overflow:hidden; transition:.2s; height:100%; background:#fff; }
.product-card:hover{ box-shadow:0 14px 30px rgba(0,0,0,.08); transform:translateY(-3px); }
.product-img{ height:170px; background:#f8fafc; display:flex; align-items:center; justify-content:center; position:relative; }
.product-img svg{ width:70%; height:70%; opacity:.85; }
.product-badges{ position:absolute; top:8px; left:8px; display:flex; flex-direction:column; gap:4px; }
.product-price-old{ text-decoration:line-through; color:#9ca3af; font-size:.85rem; }
.product-price{ font-weight:800; color:var(--brand); font-size:1.15rem; }

.wa-float{ position:fixed; bottom:22px; right:22px; background:#25D366; color:#fff; width:58px; height:58px; border-radius:50%;
  display:flex; align-items:center; justify-content:center; font-size:1.7rem; box-shadow:0 6px 18px rgba(0,0,0,.25); z-index:1050; }
.wa-float:hover{ color:#fff; transform:scale(1.06); }

footer{ background:#0f1b2d; color:#cbd5e1; }
footer a{ color:#cbd5e1; }
footer a:hover{ color:#fff; }

.filter-card{ border-radius:14px; border:1px solid #e5e7eb; }
.testimonial{ border-radius:14px; background:#f8fafc; padding:1.5rem; height:100%; }