:root {
  --c-primary:#16A34A; --c-secondary:#22C55E; --c-orange:#F97316;
  --c-yellow:#FBBF24; --c-dark:#111827; --c-light:#F8FAFC;
}
* { box-sizing:border-box; }
body { font-family:'Inter',system-ui,sans-serif; color:var(--c-dark); background:#fff; }
h1,h2,h3,h4,h5,h6,.display-1,.display-2,.display-3,.display-4,.display-5,.display-6 { font-family:'Montserrat',sans-serif; font-weight:700; letter-spacing:-0.01em; }
.btn { font-family:'Poppins',sans-serif; font-weight:500; border-radius:.6rem; }
.btn-success { background:var(--c-primary); border-color:var(--c-primary); }
.btn-success:hover { background:#15803D; border-color:#15803D; }
.btn-warning { background:var(--c-yellow); border-color:var(--c-yellow); color:#111827; }
.text-success { color:var(--c-primary) !important; }
.bg-success { background-color:var(--c-primary) !important; }

.skip-link { position:absolute; left:-9999px; }
.skip-link:focus { left:1rem; top:1rem; background:#000; color:#fff; padding:.5rem 1rem; z-index:9999; }

.site-header .navbar-brand { font-family:'Montserrat',sans-serif; color:var(--c-primary); font-size:1.25rem; }
.site-header .brand-mark { font-size:1.5rem; }
.nav-link { font-weight:500; color:var(--c-dark) !important; }
.nav-link:hover { color:var(--c-primary) !important; }

.hero-section {
  background:
    radial-gradient(circle at 20% 20%, rgba(34,197,94,.35), transparent 40%),
    radial-gradient(circle at 80% 80%, rgba(249,115,22,.3), transparent 40%),
    linear-gradient(135deg,#16A34A 0%,#111827 100%);
  min-height:540px; position:relative; overflow:hidden;
}
.hero-card-stack { position:relative; height:380px; }
.hero-card { position:absolute; padding:1.25rem 1.5rem; background:#fff; color:#111827; border-radius:1rem; box-shadow:0 20px 50px rgba(0,0,0,.2); font-weight:600; font-family:'Poppins',sans-serif; }
.hero-card-1 { top:0; left:10%; }
.hero-card-2 { top:80px; right:0; background:var(--c-yellow); }
.hero-card-3 { top:200px; left:0; }
.hero-card-4 { top:260px; right:10%; background:var(--c-orange); color:#fff; }

.dept-card { transition:transform .25s ease, box-shadow .25s ease; }
.dept-card:hover { transform:translateY(-4px); box-shadow:0 12px 28px rgba(0,0,0,.08); }

.product-card { transition:transform .2s ease; }
.product-card:hover { transform:translateY(-3px); }
.product-thumb { background:linear-gradient(135deg,#F8FAFC,#fff); }

.promo-banner { min-height:260px; display:flex; flex-direction:column; justify-content:center; }
.promo-card { border-top:4px solid var(--c-orange) !important; }

.page-hero { position:relative; }

.whatsapp-float {
  position:fixed; bottom:20px; right:20px; width:56px; height:56px;
  background:#25D366; color:#fff; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-size:28px; box-shadow:0 8px 20px rgba(37,211,102,.4);
  z-index:9998; transition:transform .2s ease;
}
.whatsapp-float:hover { transform:scale(1.08); color:#fff; }

.site-footer a { color:#fff; }
.footer-menu li a:hover { color:var(--c-yellow) !important; }

@media (max-width:768px){
  .hero-section { min-height:auto; padding:2rem 0; }
  .display-4 { font-size:2rem; }
}