/* Brand accents */
:root {
  --sth-primary: #0d6efd;
}

.bg-gradient {
  background: linear-gradient(135deg, rgba(13,110,253,.08), rgba(13,110,253,.02));
}

/* Navbar */
.navbar-brand { letter-spacing: .2px; }
.main-nav .logo{ height:40px; width:auto; }
.topbar{ background:#0b1324; }
.topbar .separator{ width:1px; height:16px; background:rgba(255,255,255,.25); display:inline-block; }
.search-btn{ width:38px; height:38px; border-radius:50%; background:#0d6efd; color:#fff; text-decoration:none; }
.search-btn:hover{ color:#fff; background:#0b5ed7; }

/* Utilities */
.rounded-4 { border-radius: 1rem; }

/* Hero landing */
.hero-landing{ min-height: 75vh; background:url('../img/hero-carousel/hero-carousel-1.jpg') center/cover no-repeat fixed; display:flex; align-items:flex-end; }
.hero-landing .hero-overlay{ position:absolute; inset:0; background:rgba(0,0,0,.5); }
.hero-title{ font-size:clamp(1.8rem, 3.2vw + 1rem, 2.5rem); font-weight:700; }
.hero-subtitle{ font-size:1.125rem; opacity:.95; }
.products-heading{ position:relative; text-transform:uppercase; letter-spacing:.15rem; font-weight:600; }
.products-heading span{ position:relative; z-index:1; }
.products-heading::before, .products-heading::after{ content:""; display:inline-block; width:90px; height:2px; background:#fff; vertical-align:middle; margin:0 .75rem; opacity:.8; }
.products-icons .product-icon{ background:rgba(255,255,255,.08); border-radius:.75rem; padding:1rem; text-align:center; color:#fff; border:1px solid rgba(255,255,255,.15); backdrop-filter: blur(2px); }
.products-icons .product-icon i{ font-size:1.6rem; display:block; margin-bottom:.35rem; }
.products-icons .product-icon small{ display:block; opacity:.95; }

/* Forms */
form .form-label { font-weight: 500; }

/* Footer */
footer { background-color: #fff; }
.site-footer{ background:#f8f9fb; }
.site-footer .footer-logo{ width:56px; height:56px; object-fit:cover; border-radius:8px; }
.site-footer .footer-title{ text-transform:uppercase; font-size:.85rem; letter-spacing:.06rem; color:#6c757d; margin-bottom:.75rem; }
.site-footer .link-muted{ color:#6c757d; text-decoration:none; }
.site-footer .link-muted:hover{ color:#0d6efd; text-decoration:underline; }
.site-footer .badge-box{ width:72px; height:56px; border:2px solid #e0e3e7; border-radius:.5rem; display:flex; align-items:center; justify-content:center; font-weight:800; color:#dc3545; margin:0 auto .35rem; background:#fff; }