@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@300;400;600;700;800&family=Barlow:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap');
:root{--lb-navy:#1B3A6B;--lb-accent:#3A7BDB;--lb-accent-bright:#5B9BFF;--lb-dark:#0a0e1a;--lb-dark2:#0e1525;--lb-dark3:#141c30;--lb-mid:#1e2a42;--lb-surface:#1a2236;--lb-text:#e8edf5;--lb-text-muted:#8096B4;--lb-text-dim:#4a5a78;--lb-border:rgba(90,120,180,0.15);--lb-border-bright:rgba(90,120,180,0.35);--lb-green:#2ECC8A;--lb-amber:#F5A623;--lb-steel:#8096B4;}
body{background:var(--lb-dark)!important;color:var(--lb-text)!important;font-family:'Barlow',sans-serif!important;}
main#main{background:transparent!important;}
h1,h2,h3,h4,h5,h6{font-family:'Barlow Condensed',sans-serif!important;font-weight:800!important;text-transform:uppercase!important;color:var(--lb-text)!important;}
header{background:rgba(10,14,26,0.95)!important;backdrop-filter:blur(12px)!important;border-bottom:1px solid var(--lb-border)!important;}
header a{color:var(--lb-text-muted)!important;font-size:13px!important;font-weight:500!important;letter-spacing:0.08em!important;text-transform:uppercase!important;text-decoration:none!important;}
header a:hover{color:var(--lb-text)!important;}
footer{background:var(--lb-dark)!important;border-top:1px solid var(--lb-border)!important;color:var(--lb-text-dim)!important;}
footer a{color:var(--lb-text-dim)!important;text-decoration:none!important;transition:color 0.2s!important;}
footer a:hover{color:var(--lb-text)!important;}
input,textarea,select{background:var(--lb-dark)!important;border:1px solid var(--lb-border-bright)!important;color:var(--lb-text)!important;border-radius:2px!important;}
input:focus,textarea:focus{border-color:var(--lb-accent)!important;}
::-webkit-scrollbar{width:6px;}
::-webkit-scrollbar-track{background:var(--lb-dark);}
::-webkit-scrollbar-thumb{background:var(--lb-mid);border-radius:3px;}

/* ── HEADER OVERRIDES ── */
header.shadow-gray, header.sticky {
  background: rgba(10,14,26,0.97) !important;
  backdrop-filter: blur(12px) !important;
  border-bottom: 1px solid rgba(90,120,180,0.2) !important;
  box-shadow: none !important;
}

/* Nav height */
.min-h-\[78px\] { min-height: 60px !important; }

/* Nav border */
.border-b { border-color: rgba(90,120,180,0.2) !important; }

/* Category links */
header a, header span[class*="uppercase"] {
  color: #8096B4 !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.1em !important;
}

header a:hover { color: #e8edf5 !important; }

/* Active category border */
.hover\:border-navyBlue:hover { border-color: #3A7BDB !important; }
.border-navyBlue { border-color: #3A7BDB !important; }

/* Search input */
header input[type="text"] {
  background: #1e2a42 !important;
  border: 1px solid rgba(90,120,180,0.3) !important;
  color: #e8edf5 !important;
  border-radius: 3px !important;
  font-size: 11px !important;
}

header input[type="text"]:hover,
header input[type="text"]:focus {
  border-color: #3A7BDB !important;
}

header input[type="text"]::placeholder { color: #4a5a78 !important; }

/* Icons */
header .icon-search,
header .icon-compare,
header .icon-cart,
header .icon-users { color: #8096B4 !important; }

header .icon-search:hover,
header .icon-compare:hover,
header .icon-cart:hover,
header .icon-users:hover { color: #e8edf5 !important; }

/* Dropdown menus */
header .bg-white {
  background: #1a2236 !important;
  border: 1px solid rgba(90,120,180,0.3) !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.5) !important;
}

header .hover\:bg-gray-100:hover { background: rgba(90,120,180,0.1) !important; }
header .text-zinc-500 { color: #8096B4 !important; }
header .border-zinc-200 { border-color: rgba(90,120,180,0.2) !important; }

/* Cart count badge */
header .bg-navyBlue { background: #3A7BDB !important; }

/* Sign in / Sign up buttons */
header .primary-button {
  background: #3A7BDB !important;
  color: white !important;
  border: none !important;
  border-radius: 2px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

header .secondary-button {
  background: transparent !important;
  color: #8096B4 !important;
  border: 1px solid rgba(90,120,180,0.3) !important;
  border-radius: 2px !important;
  font-size: 11px !important;
}

/* ── FOOTER OVERRIDES ── */
footer.mt-9,
footer.bg-lightOrange {
  background: #0a0e1a !important;
  border-top: 1px solid rgba(90,120,180,0.15) !important;
  margin-top: 0 !important;
}

footer .bg-\[\#F1EADF\],
footer .bg-lightOrange {
  background: #0e1525 !important;
}

footer p, footer li, footer a, footer span {
  color: #4a5a78 !important;
  font-size: 13px !important;
}

footer a:hover { color: #e8edf5 !important; }

footer .text-navyBlue {
  color: #e8edf5 !important;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-style: normal !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: -0.01em !important;
}

/* Newsletter input */
footer input[type="email"] {
  background: #1e2a42 !important;
  border: 1px solid rgba(90,120,180,0.3) !important;
  color: #e8edf5 !important;
  border-radius: 3px !important;
}

/* Newsletter button */
footer button[type="submit"] {
  background: #3A7BDB !important;
  color: white !important;
  border-radius: 2px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  border: none !important;
}

footer button[type="submit"]:hover { background: #5B9BFF !important; }

/* Footer border */
footer .border-\[\#e9decc\] {
  border-color: rgba(90,120,180,0.2) !important;
}

/* Copyright bar */
footer .text-zinc-600 { color: #4a5a78 !important; }

/* Accordion for mobile */
footer .bg-\[\#F1EADF\] {
  background: #1e2a42 !important;
}

/* ── HERO SECTION ── */
.lb-homepage-hero {
  background: linear-gradient(135deg, #0a0e1a 0%, #0e1525 60%, #141c30 100%);
  border-bottom: 1px solid rgba(90,120,180,0.12);
  padding: 60px;
}

.lb-hero-inner { max-width: 1200px; margin: 0 auto; }

.lb-hero-content { max-width: 640px; }

.lb-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(58,123,219,0.1);
  border: 1px solid rgba(58,123,219,0.3);
  padding: 5px 12px;
  border-radius: 2px;
  font-size: 10px;
  color: #5B9BFF;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-family: 'JetBrains Mono', monospace;
}

.lb-hero-dot {
  width: 6px; height: 6px;
  background: #2ECC8A;
  border-radius: 50%;
  display: inline-block;
  animation: lb-pulse 2s infinite;
}

@keyframes lb-pulse { 0%,100%{opacity:1} 50%{opacity:0.3} }

.lb-hero-title {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 800 !important;
  font-size: clamp(40px, 5vw, 68px) !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  letter-spacing: -0.02em !important;
  margin-bottom: 20px !important;
  color: #e8edf5 !important;
}

.lb-hero-title em {
  font-style: normal;
  color: transparent;
  -webkit-text-stroke: 1px #8096B4;
  display: block;
}

.lb-hero-accent {
  color: #5B9BFF;
  display: block;
}

.lb-hero-sub {
  font-size: 15px;
  color: #8096B4;
  line-height: 1.7;
  margin-bottom: 32px;
  max-width: 500px;
}

.lb-hero-actions {
  display: flex;
  gap: 20px;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 48px;
}

.lb-btn-primary {
  background: #3A7BDB;
  color: white !important;
  padding: 12px 28px;
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none !important;
  border-radius: 2px;
  transition: background 0.2s;
  clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px));
}

.lb-btn-primary:hover { background: #5B9BFF !important; color: white !important; }

.lb-btn-ghost {
  font-size: 13px;
  color: #8096B4 !important;
  text-decoration: none !important;
  transition: color 0.2s;
}

.lb-btn-ghost:hover { color: #e8edf5 !important; }

.lb-hero-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: rgba(90,120,180,0.15);
  border: 1px solid rgba(90,120,180,0.15);
  max-width: 640px;
}

.lb-hero-stat {
  background: rgba(14,21,37,0.8);
  padding: 16px 20px;
  text-align: center;
}

.lb-hero-stat strong {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  color: #e8edf5 !important;
  display: block !important;
  text-transform: uppercase !important;
}

.lb-hero-stat span {
  font-size: 10px;
  color: #4a5a78;
  font-family: 'JetBrains Mono', monospace;
}

/* ── TRUST BAR ── */
.lb-trust-bar {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  border-top: 1px solid rgba(90,120,180,0.12);
  border-bottom: 1px solid rgba(90,120,180,0.12);
  background: #0e1525;
  padding: 32px 60px;
  gap: 40px;
}

.lb-trust-item { text-align: center; }

.lb-trust-icon {
  font-size: 24px;
  display: block;
  margin-bottom: 10px;
}

.lb-trust-item strong {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  color: #e8edf5 !important;
  display: block !important;
  margin-bottom: 6px !important;
}

.lb-trust-item p {
  font-size: 12px !important;
  color: #4a5a78 !important;
  line-height: 1.6 !important;
}

/* ── PRODUCT/CATEGORY CAROUSELS ── */
[class*="carousel"] h2,
[class*="carousel"] h3 {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 800 !important;
  font-size: 28px !important;
  text-transform: uppercase !important;
  color: #e8edf5 !important;
}

[class*="carousel"] {
  background: transparent !important;
}