:root {
  --voltra-deep: #091423;
  --voltra-deep-2: #0d1d31;
  --voltra-panel: rgba(8, 18, 32, 0.82);
  --voltra-panel-2: rgba(12, 26, 43, 0.72);
  --voltra-panel-soft: rgba(16, 31, 51, 0.54);
  --voltra-border: rgba(53, 109, 170, 0.28);
  --voltra-border-strong: rgba(79, 153, 224, 0.42);
  --voltra-gold: #d7a53b;
  --voltra-gold-soft: #efd18a;
  --voltra-blue: #1f86e5;
  --voltra-blue-soft: #7fd4ff;
  --voltra-electric: #00a8ff;
  --voltra-electric-soft: rgba(0, 168, 255, 0.22);
  --voltra-text: #f4f7fb;
  --voltra-muted: #91a3b8;
  --voltra-shadow: 0 22px 58px rgba(0, 0, 0, 0.56), 0 0 0 1px rgba(17, 58, 101, 0.54) inset;
  --voltra-energy-shadow: 0 0 28px rgba(0, 140, 255, 0.12), 0 16px 48px rgba(0, 0, 0, 0.42);
}

@keyframes voltraEnergyDrift {
  0%, 100% {
    background-position: 0 0, 0 0, 0 0, 0 0, 0 0;
    opacity: 0.28;
  }
  50% {
    background-position: 80px 24px, -64px 18px, 20px -16px, -24px 18px, 18px 24px;
    opacity: 0.42;
  }
}

@keyframes voltraSoftPulse {
  0%, 100% {
    opacity: 0.56;
  }
  50% {
    opacity: 0.86;
  }
}

@keyframes voltraStreak {
  0%, 100% {
    transform: translateX(-28%);
    opacity: 0.24;
  }
  50% {
    transform: translateX(28%);
    opacity: 0.58;
  }
}

:root {
  --brand: var(--voltra-blue);
  --brand-2: var(--voltra-gold);
  --brand-c: var(--voltra-blue-soft);
  --text: var(--voltra-text);
  --muted: var(--voltra-muted);
  --line: var(--voltra-border);
  --ring: 1px solid var(--voltra-border);
  --shadow: var(--voltra-shadow);
}

body {
  color: var(--voltra-text) !important;
}

.aurora {
  background:
    radial-gradient(circle at 50% -10%, rgba(0, 96, 180, 0.16), transparent 34%),
    linear-gradient(180deg, #01050b 0%, #020914 46%, #01050b 100%) !important;
}

.aurora span:nth-child(1) {
  background: radial-gradient(ellipse, rgba(2, 22, 56, 0.94), transparent 65%) !important;
}

.aurora span:nth-child(2) {
  background: radial-gradient(ellipse, rgba(0, 168, 255, 0.46), transparent 66%) !important;
}

.aurora span:nth-child(3) {
  background: radial-gradient(ellipse, rgba(0, 69, 138, 0.64), transparent 66%) !important;
}

.aurora span:nth-child(4) {
  background: radial-gradient(ellipse, rgba(236, 180, 54, 0.16), transparent 68%) !important;
}

.aurora::after {
  background:
    linear-gradient(180deg, rgba(1, 5, 11, 0.28), rgba(1, 5, 11, 0.55)),
    radial-gradient(circle at 12% 20%, rgba(0, 168, 255, 0.07), transparent 22%),
    radial-gradient(circle at 88% 28%, rgba(236, 180, 54, 0.045), transparent 18%) !important;
}

.aurora::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  opacity: 0.34 !important;
  background-image:
    linear-gradient(110deg, transparent 0 18%, rgba(0, 168, 255, 0.12) 18.2%, transparent 18.7% 54%, rgba(236, 180, 54, 0.08) 54.2%, transparent 54.8%),
    linear-gradient(90deg, transparent 0 74%, rgba(0, 168, 255, 0.08) 74.2%, transparent 74.7%),
    radial-gradient(circle at 18% 32%, rgba(127, 212, 255, 0.18) 0 1px, transparent 2px),
    radial-gradient(circle at 78% 22%, rgba(236, 180, 54, 0.14) 0 1px, transparent 2px),
    radial-gradient(circle at 64% 76%, rgba(127, 212, 255, 0.12) 0 1px, transparent 2px);
  background-size: 920px 520px, 680px 460px, 260px 260px, 320px 320px, 380px 380px !important;
  mix-blend-mode: screen !important;
  animation: voltraEnergyDrift 18s ease-in-out infinite !important;
}

.gold-glow {
  background: radial-gradient(800px 280px at 50% var(--y, -60px), rgba(0, 168, 255, 0.20), rgba(236, 180, 54, 0.07), transparent 62%) !important;
}

.navbar {
  position: sticky !important;
  overflow: hidden !important;
  background:
    linear-gradient(90deg, rgba(0, 168, 255, 0.08), transparent 22%, rgba(236, 180, 54, 0.045) 78%, transparent),
    linear-gradient(180deg, rgba(5, 12, 22, 0.94), rgba(7, 15, 27, 0.8)) !important;
  border-bottom: 1px solid rgba(65, 137, 209, 0.32) !important;
  box-shadow: 0 1px 0 rgba(0, 168, 255, 0.18), 0 18px 38px rgba(0, 0, 0, 0.48) !important;
}

.navbar::before {
  content: "" !important;
  position: absolute !important;
  inset: auto -12% 0 -12% !important;
  height: 1px !important;
  pointer-events: none !important;
  background: linear-gradient(90deg, transparent, rgba(0, 168, 255, 0.88), rgba(236, 180, 54, 0.34), transparent) !important;
  filter: blur(0.4px) !important;
  animation: voltraStreak 9s ease-in-out infinite !important;
}

.navbar > * {
  position: relative !important;
  z-index: 1 !important;
}

.footer {
  position: relative !important;
  overflow: hidden !important;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(0, 168, 255, 0.08), transparent 42%),
    linear-gradient(180deg, rgba(8, 17, 30, 0.78), rgba(3, 8, 15, 0.98)) !important;
  border-top: 1px solid var(--voltra-border) !important;
  color: var(--voltra-muted) !important;
}

.footer::before {
  background: linear-gradient(90deg, transparent, rgba(46, 134, 230, 0.55), rgba(215, 165, 59, 0.42), transparent) !important;
}

.footer::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  opacity: 0.38 !important;
  background:
    linear-gradient(115deg, transparent 0 42%, rgba(0, 168, 255, 0.10) 42.2%, transparent 42.8% 64%, rgba(236, 180, 54, 0.08) 64.2%, transparent 65%),
    radial-gradient(circle at 20% 0%, rgba(0, 168, 255, 0.12), transparent 22%),
    radial-gradient(circle at 82% 12%, rgba(236, 180, 54, 0.08), transparent 18%) !important;
  mix-blend-mode: screen !important;
  z-index: 0 !important;
}

.footer > * {
  position: relative !important;
  z-index: 1 !important;
}

.logo {
  filter: drop-shadow(0 0 10px rgba(0, 168, 255, 0.24)) drop-shadow(0 0 6px rgba(215, 165, 59, 0.14)) !important;
}

.nav a,
.drawer .d-links a,
.user-chip,
.user-pill,
.user-chip,
.contact-chip,
.badge,
.chip,
.btn-outline,
.btn,
.hamburger {
  border-color: var(--voltra-border) !important;
}

.nav a,
.drawer .d-links a {
  position: relative !important;
  overflow: hidden !important;
  background: linear-gradient(180deg, rgba(12, 28, 50, 0.74), rgba(8, 18, 32, 0.68)) !important;
  color: var(--voltra-text) !important;
  box-shadow: none !important;
}

.nav a::before {
  background: linear-gradient(135deg, rgba(29, 92, 153, 0.18), rgba(215, 165, 59, 0.08)) !important;
}

.nav a::after,
.drawer .d-links a::after {
  content: "" !important;
  position: absolute !important;
  inset: auto 12px 5px 12px !important;
  height: 1px !important;
  pointer-events: none !important;
  background: linear-gradient(90deg, transparent, rgba(0, 168, 255, 0.52), transparent) !important;
  opacity: 0.26 !important;
}

.nav a:hover,
.nav a.active,
.nav a[aria-current="page"],
.drawer .d-links a:hover {
  background: linear-gradient(135deg, rgba(15, 45, 78, 0.94), rgba(18, 32, 50, 0.88)) !important;
  border-color: rgba(0, 168, 255, 0.44) !important;
  box-shadow: 0 0 18px rgba(0, 168, 255, 0.13), 0 10px 22px rgba(5, 14, 24, 0.42) !important;
  transform: none !important;
}

.user-chip,
.user-pill,
.contact-chip,
.contact-chip:hover {
  background: rgba(12, 27, 45, 0.82) !important;
  color: var(--voltra-text) !important;
  box-shadow: none !important;
}

.contact-chip a,
.link {
  color: var(--voltra-blue-soft) !important;
}

.search input,
.input,
select,
textarea,
.qty-input,
.pill-input {
  background: rgba(8, 18, 32, 0.82) !important;
  border: 1px solid var(--voltra-border) !important;
  color: var(--voltra-text) !important;
  box-shadow: none !important;
}

.search input::placeholder,
.input::placeholder,
textarea::placeholder {
  color: rgba(145, 163, 184, 0.72) !important;
}

.search input:focus,
.input:focus,
textarea:focus,
select:focus,
.qty-input:focus,
.pill-input:focus {
  border-color: rgba(85, 162, 233, 0.46) !important;
  box-shadow: 0 0 0 3px rgba(27, 76, 123, 0.18) !important;
  background: rgba(10, 22, 38, 0.9) !important;
}

.hamburger,
.hamburger:hover {
  background: rgba(13, 27, 45, 0.86) !important;
  color: var(--voltra-text) !important;
  box-shadow: none !important;
  transform: none !important;
}

.drawer {
  overflow: hidden auto !important;
  background: linear-gradient(160deg, rgba(7, 14, 24, 0.98), rgba(12, 24, 41, 0.96)) !important;
  border-left: 1px solid var(--voltra-border) !important;
  box-shadow: -20px 0 54px rgba(0, 0, 0, 0.58) !important;
}

.drawer::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  opacity: 0.3 !important;
  background:
    linear-gradient(120deg, transparent 0 34%, rgba(0, 168, 255, 0.12) 34.2%, transparent 35% 76%, rgba(236, 180, 54, 0.08) 76.2%, transparent 77%),
    radial-gradient(circle at 90% 10%, rgba(0, 168, 255, 0.14), transparent 18%) !important;
}

.btn,
.btn-outline {
  position: relative !important;
  overflow: hidden !important;
  background: linear-gradient(180deg, rgba(13, 30, 52, 0.9), rgba(8, 18, 32, 0.84)) !important;
  color: var(--voltra-text) !important;
  box-shadow: 0 0 0 1px rgba(0, 168, 255, 0.04) inset !important;
}

.btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 1px !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  background:
    linear-gradient(115deg, transparent 0 35%, rgba(0, 168, 255, 0.24) 35.5%, transparent 36.4% 70%, rgba(236, 180, 54, 0.13) 70.5%, transparent 71.2%),
    linear-gradient(90deg, transparent, rgba(127, 212, 255, 0.18), transparent) !important;
  opacity: 0.18 !important;
}

.btn:hover,
.btn-outline:hover {
  background: linear-gradient(180deg, rgba(17, 45, 76, 0.94), rgba(10, 23, 40, 0.9)) !important;
  border-color: rgba(0, 168, 255, 0.44) !important;
  box-shadow: 0 0 22px rgba(0, 168, 255, 0.13), 0 10px 24px rgba(0, 0, 0, 0.36) !important;
  transform: none !important;
  filter: none !important;
}

.btn:hover::before,
.btn-primary::before {
  opacity: 0.34 !important;
}

.btn::after {
  background: rgba(30, 85, 139, 0.18) !important;
}

.btn-primary {
  background:
    linear-gradient(135deg, rgba(255, 236, 172, 0.94), rgba(210, 142, 28, 0.98)),
    linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent) !important;
  color: #09111b !important;
  border: 1px solid rgba(228, 191, 102, 0.44) !important;
  box-shadow: 0 0 22px rgba(236, 180, 54, 0.20), 0 12px 28px rgba(0, 0, 0, 0.34) !important;
}

.btn-primary:hover {
  background: linear-gradient(135deg, #f5d98d, #d89b2f) !important;
  color: #09111b !important;
  box-shadow: 0 0 26px rgba(236, 180, 54, 0.24), 0 12px 28px rgba(0, 0, 0, 0.38) !important;
  transform: none !important;
  filter: none !important;
}

.card,
.hero,
.soft,
.modal__panel,
.map,
.table,
.empty,
.note,
.warn {
  background:
    linear-gradient(140deg, rgba(0, 168, 255, 0.055), transparent 22%, rgba(236, 180, 54, 0.035) 100%),
    linear-gradient(160deg, rgba(7, 16, 29, 0.93), rgba(13, 26, 44, 0.82)) !important;
  border-color: rgba(65, 137, 209, 0.31) !important;
  box-shadow: var(--voltra-shadow), 0 0 24px rgba(0, 168, 255, 0.075) !important;
  overflow: hidden !important;
}

.card::before,
.hero::before,
.modal__panel::before {
  background:
    radial-gradient(ellipse 72% 54% at 85% 10%, rgba(0, 168, 255, 0.15), transparent 68%),
    linear-gradient(115deg, transparent 0 68%, rgba(236, 180, 54, 0.055), transparent 84%) !important;
}

.card::after,
.modal__panel::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  z-index: 0 !important;
  border-radius: inherit !important;
  background:
    linear-gradient(90deg, transparent, rgba(0, 168, 255, 0.18), transparent) top left / 100% 1px no-repeat,
    linear-gradient(180deg, rgba(236, 180, 54, 0.11), transparent 28%) top right / 1px 45% no-repeat,
    radial-gradient(circle at 92% 12%, rgba(0, 168, 255, 0.16), transparent 18%) !important;
  opacity: 0.75 !important;
  animation: voltraSoftPulse 7s ease-in-out infinite !important;
}

.card > *,
.hero > *,
.modal__panel > * {
  position: relative;
  z-index: 1;
}

.section {
  position: relative !important;
}

.section::before {
  content: "" !important;
  position: absolute !important;
  inset: 6px 0 auto 0 !important;
  height: 1px !important;
  pointer-events: none !important;
  opacity: 0.32 !important;
  background: linear-gradient(90deg, transparent, rgba(0, 168, 255, 0.20), rgba(236, 180, 54, 0.08), transparent) !important;
}

.section::after {
  content: "" !important;
  position: absolute !important;
  inset: auto 8% 0 8% !important;
  height: 1px !important;
  pointer-events: none !important;
  opacity: 0.18 !important;
  background: linear-gradient(90deg, transparent, rgba(127, 212, 255, 0.30), transparent) !important;
}

.section > * {
  position: relative;
  z-index: 1;
}

.section-head {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  background:
    linear-gradient(125deg, rgba(0, 168, 255, 0.075), transparent 38%, rgba(236, 180, 54, 0.05)),
    linear-gradient(160deg, rgba(5, 13, 24, 0.96), rgba(10, 24, 41, 0.9)) !important;
  border-color: rgba(73, 147, 219, 0.38) !important;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.50), 0 0 28px rgba(0, 168, 255, 0.10), 0 0 0 1px rgba(236, 180, 54, 0.07) inset !important;
}

.section-head::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  z-index: 0 !important;
  background:
    radial-gradient(ellipse 72% 58% at 86% 12%, rgba(0, 168, 255, 0.16), transparent 68%),
    radial-gradient(ellipse 46% 42% at 12% 22%, rgba(236, 180, 54, 0.075), transparent 70%),
    linear-gradient(115deg, transparent 0 66%, rgba(0, 168, 255, 0.08), transparent 82%) !important;
}

.section-head::after {
  content: "" !important;
  position: absolute !important;
  inset: auto 18px 14px 18px !important;
  height: 1px !important;
  pointer-events: none !important;
  z-index: 0 !important;
  background: linear-gradient(90deg, transparent, rgba(0, 168, 255, 0.48), rgba(236, 180, 54, 0.18), transparent) !important;
  opacity: 0.58 !important;
}

.section-head > * {
  position: relative !important;
  z-index: 1 !important;
}

.hero,
.modal__head,
.cart-tools {
  background:
    linear-gradient(115deg, rgba(0, 168, 255, 0.08), transparent 34%, rgba(236, 180, 54, 0.05)),
    linear-gradient(160deg, rgba(6, 15, 27, 0.94), rgba(15, 30, 50, 0.82)) !important;
  border-color: rgba(73, 147, 219, 0.36) !important;
}

.hero {
  box-shadow: 0 28px 78px rgba(0, 0, 0, 0.52), 0 0 34px rgba(0, 168, 255, 0.12), 0 0 0 1px rgba(236, 180, 54, 0.08) inset !important;
}

.hero h1,
.kpi .v,
.title,
.title::before,
.price,
#qvPrice {
  color: inherit;
}

.hero h1,
.kpi .v,
.title strong,
.price,
#qvPrice {
  background: linear-gradient(135deg, #f7fbff, #81cfff, #e1b652) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}

.title::before {
  background: linear-gradient(180deg, var(--voltra-blue), var(--voltra-gold)) !important;
  box-shadow: none !important;
}

.badge,
.chip {
  position: relative !important;
  overflow: hidden !important;
  background:
    linear-gradient(135deg, rgba(236, 180, 54, 0.12), rgba(0, 168, 255, 0.055)),
    rgba(10, 20, 34, 0.78) !important;
  border-color: rgba(236, 180, 54, 0.36) !important;
  color: var(--voltra-gold-soft) !important;
  box-shadow: 0 0 16px rgba(236, 180, 54, 0.08) !important;
}

.badge::before,
.chip::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 14% 50%, rgba(0, 168, 255, 0.26) 0 1px, transparent 2px),
    linear-gradient(90deg, transparent, rgba(236, 180, 54, 0.14), transparent) !important;
  opacity: 0.32 !important;
}

.kpi,
.feature {
  background:
    linear-gradient(135deg, rgba(0, 168, 255, 0.06), rgba(12, 24, 40, 0.82)),
    rgba(12, 24, 40, 0.76) !important;
  border-color: rgba(60, 130, 200, 0.30) !important;
  box-shadow: 0 0 18px rgba(0, 168, 255, 0.055) !important;
}

.kpi:hover,
.feature:hover,
.card:hover {
  border-color: rgba(0, 168, 255, 0.45) !important;
  box-shadow: 0 0 26px rgba(0, 168, 255, 0.11), 0 16px 34px rgba(0, 0, 0, 0.38) !important;
  transform: none !important;
}

.icon,
.fc-icon {
  background:
    radial-gradient(circle at 35% 25%, rgba(255, 255, 255, 0.36), transparent 22%),
    linear-gradient(135deg, rgba(0, 111, 205, 0.98), rgba(236, 180, 54, 0.92)) !important;
  border-color: rgba(90, 144, 197, 0.34) !important;
  box-shadow: 0 0 18px rgba(0, 168, 255, 0.14) !important;
}

.hero .media,
.media,
.thumb,
.modal__media,
.product-media,
.gallery,
.main-img,
.order-card,
.summary-card {
  border-color: rgba(66, 137, 209, 0.34) !important;
  box-shadow: 0 16px 42px rgba(0, 0, 0, 0.42), 0 0 22px rgba(0, 168, 255, 0.075) !important;
  position: relative !important;
  overflow: hidden !important;
}

.thumb,
.modal__media,
.hero .media {
  background:
    linear-gradient(145deg, rgba(0, 168, 255, 0.08), rgba(236, 180, 54, 0.035)),
    rgba(7, 16, 28, 0.86) !important;
}

.hero .media::after,
.thumb::after,
.modal__media::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(120deg, transparent 0 28%, rgba(0, 168, 255, 0.18) 28.4%, transparent 29.2% 68%, rgba(236, 180, 54, 0.12) 68.3%, transparent 69%),
    radial-gradient(circle at 82% 18%, rgba(127, 212, 255, 0.16), transparent 17%) !important;
  mix-blend-mode: screen !important;
  opacity: 0.38 !important;
}

.list .li,
.faq .q,
.faq .a,
.testi,
.contact-chip,
.status,
.t-step,
.timeline .step {
  border-color: rgba(58, 124, 192, 0.28) !important;
  background:
    linear-gradient(135deg, rgba(0, 168, 255, 0.045), rgba(8, 18, 32, 0.72)) !important;
  box-shadow: none !important;
}

.faq .q:hover,
.faq .q.active,
.testi:hover {
  border-color: rgba(0, 168, 255, 0.40) !important;
  background:
    linear-gradient(135deg, rgba(0, 168, 255, 0.09), rgba(12, 26, 45, 0.84)) !important;
  box-shadow: 0 0 18px rgba(0, 168, 255, 0.08) !important;
}

.dot,
.dot-pulse,
.t-dot,
.line {
  background: linear-gradient(135deg, var(--voltra-electric), var(--voltra-gold)) !important;
  box-shadow: 0 0 14px rgba(0, 168, 255, 0.20) !important;
}

.stars {
  color: var(--voltra-gold-soft) !important;
  filter: drop-shadow(0 0 4px rgba(236, 180, 54, 0.22)) !important;
}

.status.new,
.status.processing,
.status.preparing {
  background: rgba(0, 168, 255, 0.10) !important;
  color: var(--voltra-blue-soft) !important;
  border-color: rgba(0, 168, 255, 0.28) !important;
}

.status.shipped,
.status.delivered,
.ok,
.stock-ok {
  color: #6ee7b7 !important;
}

.warn,
.stock-low {
  color: var(--voltra-gold-soft) !important;
}

.table thead th,
.table tfoot th {
  background:
    linear-gradient(90deg, rgba(0, 168, 255, 0.09), transparent 38%, rgba(236, 180, 54, 0.05)),
    rgba(8, 18, 32, 0.9) !important;
}

.table tbody tr:nth-child(odd),
.order-row:nth-child(odd) {
  background: rgba(0, 168, 255, 0.025) !important;
}

.heart {
  border-color: var(--voltra-border) !important;
  background: rgba(12, 25, 42, 0.8) !important;
  color: rgba(244, 247, 251, 0.82) !important;
  box-shadow: none !important;
}

.heart:hover,
.heart.active {
  border-color: rgba(80, 163, 237, 0.48) !important;
  background: rgba(15, 39, 63, 0.92) !important;
  color: var(--voltra-blue-soft) !important;
}

.modal__head,
.table thead th,
.table tfoot th {
  border-color: var(--voltra-border) !important;
}

.table tbody td,
.sep,
.divider {
  border-color: rgba(48, 92, 139, 0.2) !important;
}

.title,
.fc-label,
.close,
label,
strong {
  color: var(--voltra-text) !important;
}

.muted,
.subtle,
.subtle-center,
.lead,
.kpi .t,
#qvDesc,
#qvCat,
.footer,
.contact-chip span,
.price:not(#qvPrice),
small {
  color: var(--voltra-muted) !important;
}

.close {
  background: rgba(12, 27, 45, 0.82) !important;
  border-color: var(--voltra-border) !important;
}

.close:hover {
  background: rgba(16, 34, 56, 0.92) !important;
  border-color: var(--voltra-border-strong) !important;
}

.fc-btn {
  border-color: rgba(54, 112, 175, 0.36) !important;
  background: linear-gradient(135deg, rgba(8, 18, 32, 0.94), rgba(15, 29, 48, 0.9)) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.38) !important;
  color: var(--voltra-text) !important;
}

.fc-btn:hover {
  border-color: rgba(79, 153, 224, 0.44) !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.42) !important;
  transform: none !important;
}

.fc-badge {
  background: linear-gradient(135deg, #f0cb74, #c9871f) !important;
  color: #08111a !important;
  box-shadow: none !important;
}

.sw,
.swatch {
  border-color: rgba(102, 149, 197, 0.34) !important;
}

:focus-visible {
  outline: 2px solid rgba(102, 176, 241, 0.8) !important;
  box-shadow: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .aurora::before,
  .navbar::before,
  .card::after,
  .modal__panel::after {
    animation: none !important;
  }
}

/* ===== Coverage Pass: page-specific components ===== */
.cat,
.counter,
.skeleton,
.order,
.summary,
.order-card,
#rateBox {
  background:
    linear-gradient(140deg, rgba(0, 168, 255, 0.06), transparent 34%, rgba(236, 180, 54, 0.035)),
    linear-gradient(160deg, rgba(7, 16, 29, 0.92), rgba(13, 26, 44, 0.82)) !important;
  border-color: rgba(65, 137, 209, 0.32) !important;
  box-shadow: var(--voltra-shadow), 0 0 22px rgba(0, 168, 255, 0.075) !important;
}

.cat::after,
.counter::before {
  background:
    linear-gradient(135deg, rgba(0, 168, 255, 0.11), transparent 48%, rgba(236, 180, 54, 0.06)),
    radial-gradient(circle at 86% 16%, rgba(0, 168, 255, 0.14), transparent 18%) !important;
}

.cat:hover,
.counter:hover,
.order:hover,
.skeleton:hover {
  border-color: rgba(0, 168, 255, 0.44) !important;
  box-shadow: 0 0 26px rgba(0, 168, 255, 0.11), 0 18px 42px rgba(0, 0, 0, 0.40) !important;
  transform: none !important;
}

.cat .imgwrap,
.skel-cat .skel-img,
.skel-card .skel-thumb,
.skel-cat .skel-label,
.skel-card .skel-line,
.skel-card .skel-btn {
  background:
    linear-gradient(135deg, rgba(0, 168, 255, 0.08), rgba(236, 180, 54, 0.035)),
    rgba(8, 18, 32, 0.82) !important;
}

.cat .label {
  border-top-color: rgba(65, 137, 209, 0.28) !important;
  background: linear-gradient(180deg, rgba(8, 18, 32, 0.12), rgba(8, 18, 32, 0.56)) !important;
}

.skeleton {
  position: relative !important;
  overflow: hidden !important;
}

.skeleton::after {
  background: linear-gradient(110deg, transparent 0 35%, rgba(0, 168, 255, 0.16) 48%, rgba(236, 180, 54, 0.08) 54%, transparent 68%) !important;
}

.shine {
  background: linear-gradient(110deg, transparent 0 40%, rgba(0, 168, 255, 0.18) 50%, rgba(236, 180, 54, 0.10) 56%, transparent 66%) !important;
}

.tab,
.pill,
.mini,
.btn-ghost,
.wp,
.size-btn,
.arrow,
.thumbs img {
  background: linear-gradient(180deg, rgba(13, 30, 52, 0.88), rgba(8, 18, 32, 0.82)) !important;
  border-color: rgba(58, 124, 192, 0.30) !important;
  color: var(--voltra-text) !important;
  box-shadow: none !important;
}

.tab:hover,
.tab.active,
.btn-ghost:hover,
.wp:hover,
.size-btn:hover,
.size-btn.active,
.arrow:hover,
.thumbs img:hover,
.thumbs img.active {
  background: linear-gradient(135deg, rgba(0, 168, 255, 0.13), rgba(10, 24, 41, 0.88), rgba(236, 180, 54, 0.06)) !important;
  border-color: rgba(0, 168, 255, 0.45) !important;
  box-shadow: 0 0 18px rgba(0, 168, 255, 0.12), 0 10px 22px rgba(0, 0, 0, 0.32) !important;
  transform: none !important;
  outline-color: rgba(0, 168, 255, 0.72) !important;
}

.swatch {
  border-color: rgba(90, 144, 197, 0.40) !important;
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.34), 0 0 0 1px rgba(0, 168, 255, 0.08) !important;
}

.swatch:hover,
.swatch.active {
  border-color: rgba(0, 168, 255, 0.54) !important;
  box-shadow: 0 0 18px rgba(0, 168, 255, 0.18), inset 0 0 0 2px rgba(0, 0, 0, 0.30) !important;
  outline-color: rgba(0, 168, 255, 0.78) !important;
  transform: none !important;
}

.star-btn .star {
  color: rgba(145, 163, 184, 0.62) !important;
}

.star-btn .star.active,
.star-btn .star.hover,
.star-btn:hover .star {
  color: var(--voltra-gold-soft) !important;
  filter: drop-shadow(0 0 7px rgba(236, 180, 54, 0.36)) !important;
  background: rgba(236, 180, 54, 0.10) !important;
}

.status.pending,
.status.new {
  background: rgba(0, 168, 255, 0.10) !important;
  border-color: rgba(0, 168, 255, 0.30) !important;
  color: var(--voltra-blue-soft) !important;
}

.status.confirmed,
.status.accepted {
  background: rgba(236, 180, 54, 0.10) !important;
  border-color: rgba(236, 180, 54, 0.30) !important;
  color: var(--voltra-gold-soft) !important;
}

.status.processing,
.status.preparing,
.status.out_for_delivery,
.status.shipping {
  background: rgba(0, 168, 255, 0.12) !important;
  border-color: rgba(0, 168, 255, 0.34) !important;
  color: var(--voltra-blue-soft) !important;
}

.status.delivered {
  background: rgba(34, 197, 94, 0.10) !important;
  border-color: rgba(34, 197, 94, 0.28) !important;
  color: #86efac !important;
}

.status.canceled,
.status.cancelled,
.status.returned,
.btn-danger,
.error {
  background: rgba(239, 68, 68, 0.10) !important;
  border-color: rgba(239, 68, 68, 0.30) !important;
  color: #fca5a5 !important;
}

.btn-danger:hover {
  background: rgba(239, 68, 68, 0.16) !important;
  border-color: rgba(239, 68, 68, 0.46) !important;
  box-shadow: 0 0 18px rgba(239, 68, 68, 0.16), 0 10px 22px rgba(0, 0, 0, 0.30) !important;
}

.ok {
  background: rgba(34, 197, 94, 0.10) !important;
  border-color: rgba(34, 197, 94, 0.28) !important;
  color: #86efac !important;
}

.price,
#qvPrice {
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  color: var(--voltra-gold-soft) !important;
}

/* ===== Audit Pass: uncovered utility states ===== */
.hint,
.tips-card,
#loading,
#notfound,
#emptyState {
  background:
    linear-gradient(135deg, rgba(0, 168, 255, 0.055), rgba(8, 18, 32, 0.82)) !important;
  border: 1px solid rgba(65, 137, 209, 0.28) !important;
  color: var(--voltra-muted) !important;
  box-shadow: 0 0 18px rgba(0, 168, 255, 0.06), 0 12px 28px rgba(0, 0, 0, 0.26) !important;
}

.gps-pill,
.avatar,
.to-top button,
.btn-wa {
  background: linear-gradient(180deg, rgba(13, 30, 52, 0.9), rgba(8, 18, 32, 0.84)) !important;
  border-color: rgba(58, 124, 192, 0.32) !important;
  color: var(--voltra-text) !important;
  box-shadow: 0 0 0 1px rgba(0, 168, 255, 0.04) inset !important;
}

.gps-pill:hover,
.to-top button:hover,
.btn-wa:hover {
  background: linear-gradient(135deg, rgba(0, 168, 255, 0.12), rgba(10, 24, 41, 0.88), rgba(236, 180, 54, 0.06)) !important;
  border-color: rgba(0, 168, 255, 0.44) !important;
  box-shadow: 0 0 20px rgba(0, 168, 255, 0.12), 0 10px 22px rgba(0, 0, 0, 0.32) !important;
  transform: none !important;
}

.gps-pill input {
  accent-color: var(--voltra-gold) !important;
}

.big-no,
.error-num {
  background: linear-gradient(135deg, #f7fbff, #81cfff, #e1b652) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  filter: drop-shadow(0 0 18px rgba(0, 168, 255, 0.16)) drop-shadow(0 0 8px rgba(236, 180, 54, 0.12)) !important;
}

#stars .star,
.star {
  background: rgba(8, 18, 32, 0.72) !important;
  border: 1px solid rgba(58, 124, 192, 0.22) !important;
  color: rgba(145, 163, 184, 0.66) !important;
  box-shadow: none !important;
}

#stars .star:hover,
#stars .star.active,
#stars .star.hover,
.star.active,
.star.hover {
  border-color: rgba(236, 180, 54, 0.42) !important;
  color: var(--voltra-gold-soft) !important;
  filter: drop-shadow(0 0 7px rgba(236, 180, 54, 0.32)) !important;
}

.stock-zero {
  color: #fca5a5 !important;
}

.stock-zero,
.stock-low,
.stock-ok {
  font-weight: 800 !important;
}

.sticky-cta .btn {
  border-color: rgba(0, 168, 255, 0.34) !important;
}

/* ===== Home marquee readability ===== */
.marquee-wrap {
  padding-block: 2px !important;
}

.marquee-wrap::before,
.marquee-wrap::after {
  width: 28px !important;
}

.marquee {
  width: max-content !important;
  min-width: max-content !important;
  align-items: center !important;
  gap: 18px !important;
  padding: 12px max(18px, 2vw) !important;
}

.marquee .chip {
  flex: 0 0 auto !important;
  width: max-content !important;
  max-width: none !important;
  min-width: max-content !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  padding: 8px 18px !important;
  line-height: 1.45 !important;
}