:root{--accent:#d62828;--dark:#222;--muted:#6c757d;--bg:#fafafa}
*{box-sizing:border-box}
body{background:var(--bg);color:var(--dark);font-family:Inter,Segoe UI,Helvetica,Arial,sans-serif}
.topbar{font-size:.95rem}
.hero{background:linear-gradient(180deg, rgba(214,40,40,0.04), rgba(255,255,255,0));}
.muted{color:var(--muted)!important}
.card{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px rgba(0,0,0,.05);border:0}
@media (max-width:992px){ .hero .col-lg-5 { display:none; }}

body{padding-top:80px}
@media (max-width:576px){body{padding-top:72px}}

.card{transition:transform .18s ease, box-shadow .18s ease; cursor:pointer}
.card:hover{transform:translateY(-6px);box-shadow:0 12px 28px rgba(0,0,0,.12)}

.carousel img{width: 100%; height: auto; max-height: 50vh; object-fit: contain;}
.carousel-control-prev-icon, .carousel-control-next-icon, .carousel-indicators [data-bs-target] {filter: invert(60%);} 

/* Navbar and sections */
.site-navbar {
  background: #ffffff;
  box-shadow: 0 6px 20px rgba(16,24,40,0.08);
  border-bottom: 1px solid rgba(0,0,0,0.06);
  transition: box-shadow .18s ease, background .18s ease;
}
.site-navbar.scrolled { box-shadow: 0 10px 30px rgba(16,24,40,0.12); }
.site-navbar .nav-link { 
  font-weight: 600; 
  color: #1f2937; 
  padding: .45rem .85rem; 
  margin: 0 .25rem;
}
.site-navbar .nav-link:hover { 
  background: rgba(13,110,253,0.06); 
  border-radius: .35rem; 
  color: #0d6efd;
}

.hero {
  background: linear-gradient(90deg, #0d6efd 0%, #00c3ff 100%);
  color: #fff;
}
.hero h1, .hero p { color: #fff; }
.hero .btn-primary { background:#fff; color:#0d6efd; border:0; }
.hero .btn-primary:hover { background:#e9ecef; }

/* Dropdown header style (used in categories menu) */
.dropdown-header { font-weight: 700; }

/* Status badge */
.status-badge { padding: .55rem 1rem; font-size: .95rem; }
#store-status .small { display:block; margin-top: .25rem; }

footer {
  background: #f8f9fa;
  border-top: 1px solid rgba(0,0,0,0.06);
  padding: 2rem 0;
  font-size: .9rem;
  color: #6c757d;
}

.footer-brands a img{max-width:250px;width:100%;height:auto}
@media (max-width:767px){
    .footer-brands{gap:1rem !important}
    .footer-brands a{margin:0 .25rem}
    .footer-brands a img{max-width:140px}
}

/* Lightbox styles for carousel images */
.carousel .carousel-item img{cursor:zoom-in}
#globalLightboxModal .modal-dialog{max-width:900px}
#globalLightboxModal .modal-body{display:flex;justify-content:center;align-items:center;padding:1rem;background:#fff}
#globalLightboxModal img{max-width:100%;max-height:80vh;object-fit:contain}
.lightbox-controls .btn{opacity:.95}

#index-review-banner .gradient-review {
  background: linear-gradient(90deg, #ff7a18 0%, #ff0047 50%, #6f42c1 100%);
  transition:transform .18s ease, box-shadow .18s ease; 
  cursor:pointer
}
#index-review-banner .gradient-review:hover{transform:translateY(-6px);box-shadow:0 12px 28px rgba(0,0,0,.12)}


.navbar-toggler {
    margin-left: auto;
    padding: .25rem .5rem;
    border: none;
}

.navbar-toggler:focus {
    box-shadow: none;
}