/* ================================================================
   GALATIC MATERIAL — Futuristic Ecommerce Theme
   Deep-space dark with cyan neon accents
   ================================================================ */

:root {
  --space-deep: #03060f;
  --space-mid: #0a1330;
  --space-blue: #0d1b3d;
  --line: #1a2750;
  --cyan: #00d4ff;
  --cyan-soft: #4fe3ff;
  --cyan-deep: #0090c0;
  --orange: #ffaa1a;
  --magenta: #ff2e7e;
  --green: #48d999;
  --white: #f0f5ff;
  --gray: #7589b3;
  --gray-d: #3a4a72;
  --shadow-cyan: 0 0 24px rgba(0,212,255,.35), 0 0 60px rgba(0,212,255,.15);
  --r: 14px;
  --t: cubic-bezier(.7,.05,.2,1);
}

/* ===== RESET & BASE ===== */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }

body {
  font-family: 'Chakra Petch', 'Ubuntu', sans-serif !important;
  background: var(--space-deep) !important;
  color: var(--white) !important;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

::selection { background: var(--cyan); color: var(--space-deep); }

::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: var(--space-deep); }
::-webkit-scrollbar-thumb {
  background: linear-gradient(var(--cyan-deep), var(--cyan));
  border-radius: 10px;
}

/* ===== GALATIC LOADER ===== */
#galatic-loader {
  position: fixed; inset: 0; z-index: 9999;
  background: var(--space-deep);
  display: flex; align-items: center; justify-content: center;
  flex-direction: column; gap: 18px;
  transition: opacity .8s var(--t), visibility .8s;
}
#galatic-loader.gone { opacity: 0; visibility: hidden; pointer-events: none; }
.galatic-loader-logo {
  font-family: 'Orbitron', 'Ubuntu', sans-serif;
  font-weight: 900;
  font-size: clamp(28px, 4vw, 44px);
  letter-spacing: .2em;
  color: var(--white);
  text-shadow: 0 0 20px var(--cyan);
  animation: gal-pulse 1.4s ease-in-out infinite;
}
.galatic-loader-bar {
  width: 220px; height: 3px;
  background: rgba(0,212,255,.12); border-radius: 2px; overflow: hidden;
}
.galatic-loader-bar::before {
  content: ""; display: block; height: 100%;
  background: linear-gradient(90deg, transparent, var(--cyan), transparent);
  animation: gal-scan 1.2s ease-in-out infinite;
}
@keyframes gal-scan { 0% { transform: translateX(-100%); } 100% { transform: translateX(300%); } }
@keyframes gal-pulse { 0%,100% { opacity:1; } 50% { opacity:.4; } }

/* ===== ANIMATED SPACE BACKGROUND ===== */
.galatic-space-bg {
  position: fixed; inset: 0; z-index: -3; pointer-events: none;
  background:
    radial-gradient(ellipse at 20% 10%, rgba(0,212,255,.08), transparent 50%),
    radial-gradient(ellipse at 80% 90%, rgba(255,46,126,.06), transparent 55%),
    linear-gradient(180deg, #03060f 0%, #080d22 50%, #03060f 100%);
}

#galatic-stars {
  position: fixed; inset: 0; z-index: -2;
  width: 100%; height: 100%; pointer-events: none;
}

.galatic-grid-floor {
  position: fixed;
  bottom: -40vh; left: 50%;
  transform: translateX(-50%) perspective(700px) rotateX(60deg);
  width: 240vw; height: 90vh; z-index: -1; pointer-events: none;
  background-image:
    linear-gradient(rgba(0,212,255,.15) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,212,255,.15) 1px, transparent 1px);
  background-size: 60px 60px;
  opacity: .45;
  mask-image: radial-gradient(ellipse at center top, black, transparent 70%);
  -webkit-mask-image: radial-gradient(ellipse at center top, black, transparent 70%);
  animation: gal-gridflow 12s linear infinite;
}
@keyframes gal-gridflow {
  from { background-position: 0 0, 0 0; }
  to   { background-position: 0 60px, 60px 0; }
}

.galatic-scanlines {
  position: fixed; inset: 0; z-index: 9999; pointer-events: none;
  background: repeating-linear-gradient(
    180deg, transparent 0, transparent 2px,
    rgba(0,212,255,.018) 3px, transparent 4px
  );
  mix-blend-mode: overlay;
}

/* ===== TYPOGRAPHY ===== */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Orbitron', 'Ubuntu', sans-serif !important;
  letter-spacing: .05em;
  color: var(--white) !important;
}

a { transition: color .3s; }

/* ===== NAVIGATION — sticky glassmorphism ===== */
header,
.sticky,
#theme-light-nav-area,
nav.navbar,
nav.bg-dark {
  background: rgba(3,6,15,.8) !important;
  backdrop-filter: blur(14px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(140%) !important;
  border-bottom: 1px solid rgba(0,212,255,.14) !important;
  position: sticky !important; top: 0 !important; z-index: 500 !important;
  box-shadow: none !important;
}

/* Logo */
.navbar-brand img, .logo-area img {
  filter: brightness(1.15) drop-shadow(0 0 8px rgba(0,212,255,.3));
}

/* Nav links */
.navbar-nav .nav-link,
.nav-item .nav-link {
  font-family: 'Chakra Petch', sans-serif !important;
  font-weight: 600 !important;
  font-size: 11px !important;
  letter-spacing: .2em !important;
  text-transform: uppercase !important;
  color: var(--white) !important;
  transition: color .3s, text-shadow .3s !important;
}
.navbar-nav .nav-link:hover { color: var(--cyan) !important; text-shadow: 0 0 12px rgba(0,212,255,.5) !important; }
.navbar-nav .nav-link.active { color: var(--cyan) !important; }

/* Nav toggler */
.navbar-toggler { border-color: rgba(0,212,255,.4) !important; }
.navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0,212,255,0.9)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important; }

/* Dropdown */
.dropdown-menu {
  background: rgba(8,13,34,.95) !important;
  backdrop-filter: blur(14px) !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--r) !important;
  box-shadow: 0 20px 60px rgba(0,0,0,.6) !important;
}
.dropdown-item {
  color: var(--gray) !important;
  font-family: 'Chakra Petch', sans-serif !important;
  font-size: 13px !important;
  letter-spacing: .1em !important;
  padding: 10px 18px !important;
  transition: all .2s !important;
}
.dropdown-item:hover { background: rgba(0,212,255,.08) !important; color: var(--cyan) !important; }

/* Search bar */
input.search, input[name="search"],
.navbar-form.search,
input[type="text"], input[type="email"],
input[type="password"], input[type="number"],
textarea, select {
  background: rgba(10,19,48,.7) !important;
  border: 1px solid var(--line) !important;
  color: var(--white) !important;
  font-family: 'Chakra Petch', sans-serif !important;
  border-radius: 8px !important;
  padding: 10px 14px !important;
  transition: border-color .3s, box-shadow .3s !important;
  -webkit-appearance: none;
}
input[type="text"]:focus, input[type="email"]:focus,
input[type="password"]:focus, textarea:focus, select:focus,
input.search:focus {
  outline: none !important;
  border-color: var(--cyan) !important;
  box-shadow: 0 0 0 3px rgba(0,212,255,.15) !important;
  background: rgba(3,6,15,.9) !important;
}
input::placeholder, textarea::placeholder { color: var(--gray) !important; }

label {
  font-family: 'Orbitron', sans-serif !important;
  font-size: 10px !important;
  letter-spacing: .2em !important;
  color: var(--gray) !important;
  text-transform: uppercase !important;
  display: block !important;
  margin-bottom: 6px !important;
}

/* ===== BUTTONS ===== */
.btn,
.btn-primary,
.btn-outline-primary,
.btn-outline-secondary,
.btn-carousel,
.addToCart,
button[type="submit"],
.search-button-light-theme,
.searchBtn {
  font-family: 'Orbitron', sans-serif !important;
  font-weight: 700 !important;
  font-size: 10px !important;
  letter-spacing: .2em !important;
  text-transform: uppercase !important;
  border: 1px solid var(--cyan) !important;
  background: transparent !important;
  color: var(--cyan) !important;
  border-radius: 99px !important;
  padding: 10px 22px !important;
  cursor: pointer !important;
  transition: all .35s var(--t) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  text-decoration: none !important;
  position: relative !important;
  overflow: hidden !important;
}

.btn:hover, .btn-primary:hover,
.btn-outline-primary:hover, .btn-outline-secondary:hover,
button[type="submit"]:hover, .addToCart:hover,
.btn-carousel:hover {
  background: var(--cyan) !important;
  color: var(--space-deep) !important;
  border-color: var(--cyan) !important;
  box-shadow: var(--shadow-cyan) !important;
  text-decoration: none !important;
}

.addToCart, .btn-primary {
  background: var(--cyan) !important;
  color: var(--space-deep) !important;
  box-shadow: 0 0 18px rgba(0,212,255,.3) !important;
}
.addToCart:hover { box-shadow: var(--shadow-cyan) !important; }

.btn-danger { border-color: var(--magenta) !important; color: var(--magenta) !important; }
.btn-danger:hover { background: var(--magenta) !important; color: #fff !important; }
.btn-success { border-color: var(--green) !important; color: var(--green) !important; }
.btn-success:hover { background: var(--green) !important; color: var(--space-deep) !important; }
.btn-warning { border-color: var(--orange) !important; color: var(--orange) !important; }
.btn-warning:hover { background: var(--orange) !important; color: var(--space-deep) !important; }

/* ===== HERO / CAROUSEL ===== */
.carousel, #carouselExampleControls {
  border-bottom: 1px solid var(--line);
  position: relative;
}
.carousel-item img {
  filter: brightness(.55) saturate(.9);
  max-height: 75vh; object-fit: cover;
}
.carousel-caption {
  text-align: left !important;
  bottom: 14% !important;
  left: 8% !important;
  right: 30% !important;
}
.carousel-caption::before {
  content: "NEW COLLECTION";
  display: block;
  font-family: 'Chakra Petch', sans-serif;
  font-weight: 600; font-size: 11px; letter-spacing: .4em;
  color: var(--cyan);
  margin-bottom: 14px;
}
.slider-title {
  font-family: 'Orbitron', sans-serif !important;
  font-weight: 900 !important;
  font-size: clamp(32px, 5vw, 72px) !important;
  line-height: .95 !important;
  text-transform: uppercase !important;
  letter-spacing: -.01em !important;
  color: var(--white) !important;
  text-shadow: 0 0 40px rgba(0,212,255,.25) !important;
}
.slider-description {
  color: var(--gray) !important;
  font-family: 'Chakra Petch', sans-serif !important;
  font-size: 16px !important;
  max-width: 480px !important;
  margin-bottom: 24px !important;
}
.carousel-control-prev, .carousel-control-next {
  width: 50px !important; background: transparent !important;
  opacity: 1 !important;
}
.carousel-control-prev-icon, .carousel-control-next-icon {
  background-color: rgba(0,212,255,.15) !important;
  border-radius: 50% !important;
  padding: 18px !important;
  border: 1px solid rgba(0,212,255,.3) !important;
}

/* ===== SECTION LAYOUTS ===== */
section {
  position: relative;
  padding-top: 60px;
  padding-bottom: 60px;
}

/* Section headings */
section h2, section h3 {
  font-family: 'Orbitron', sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
}

/* ===== CATEGORY IMAGES (home page) ===== */
.category-image {
  min-height: 280px !important;
  border-radius: var(--r) !important;
  overflow: hidden !important;
  border: 1px solid var(--line) !important;
  transition: all .4s var(--t) !important;
  filter: brightness(.7) saturate(.9);
  position: relative;
}
.category-image::before {
  content: "";
  position: absolute; inset: 0;
  background: linear-gradient(to top, rgba(3,6,15,.85), transparent 50%);
  z-index: 1;
}
.category-image:hover {
  filter: brightness(.85) saturate(1.1) !important;
  border-color: rgba(0,212,255,.35) !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 16px 50px -16px rgba(0,212,255,.4) !important;
}
.home-category {
  position: relative; z-index: 2;
}
.home-category p {
  font-family: 'Orbitron', sans-serif !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  color: var(--white) !important;
  margin-bottom: 6px !important;
}
.home-category a {
  font-family: 'Chakra Petch', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: .3em !important;
  text-transform: uppercase !important;
  color: var(--cyan) !important;
  text-decoration: none !important;
}

/* ===== OFFER SECTION ===== */
.offer-section {
  border-radius: var(--r) !important;
  border: 1px solid var(--line) !important;
  min-height: 320px !important;
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
  filter: brightness(.7);
}
.offer-section:hover { filter: brightness(.85); }
.offer-body {
  background: rgba(3,6,15,.7) !important;
  backdrop-filter: blur(6px) !important;
  padding: 40px !important;
  border-right: 1px solid rgba(0,212,255,.2) !important;
}
.offer-body h3 {
  font-family: 'Orbitron', sans-serif !important;
  font-weight: 900 !important;
  font-size: clamp(24px, 3vw, 42px) !important;
  text-transform: uppercase !important;
  color: var(--white) !important;
  margin-bottom: 12px !important;
}
.offer-body p {
  color: var(--gray) !important;
  font-family: 'Chakra Petch', sans-serif !important;
  margin-bottom: 22px !important;
}

/* ===== PRODUCT CARDS ===== */
.card, .product-box, .single-product-item,
.product-item, .product-card {
  background: linear-gradient(160deg, rgba(13,27,61,.65), rgba(3,6,15,.88)) !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--r) !important;
  transition: all .5s var(--t) !important;
  overflow: hidden !important;
  color: var(--white) !important;
}
.card:hover, .product-box:hover, .product-item:hover {
  border-color: rgba(0,212,255,.35) !important;
  transform: translateY(-6px) !important;
  box-shadow: 0 20px 60px -20px rgba(0,212,255,.4) !important;
}

.card-body { color: var(--gray) !important; }
.card-header {
  background: rgba(0,212,255,.06) !important;
  border-bottom: 1px solid var(--line) !important;
  font-family: 'Orbitron', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: .15em !important;
  text-transform: uppercase !important;
  color: var(--white) !important;
}

/* Product name */
.card-title, .product-name, .product-title,
.product-box h4, .product-box h5 {
  font-family: 'Orbitron', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  color: var(--white) !important;
}
.card-title a, .product-name a {
  color: var(--white) !important;
  text-decoration: none !important;
  transition: color .3s !important;
}
.card-title a:hover, .product-name a:hover { color: var(--cyan) !important; }

/* Product price */
.product-price, .price, .card .price,
.product-box .price, span.price {
  font-family: 'Orbitron', sans-serif !important;
  font-weight: 800 !important;
  font-size: 20px !important;
  color: var(--cyan) !important;
  text-shadow: 0 0 12px rgba(0,212,255,.35) !important;
}
del, .old-price, .original-price {
  color: var(--gray) !important;
  font-size: 13px !important;
  text-shadow: none !important;
}

/* Product badges */
.badge-new, .badge-hot, .badge-sale {
  font-family: 'Orbitron', sans-serif !important;
  font-weight: 700 !important;
  font-size: 9px !important;
  letter-spacing: .2em !important;
  padding: 4px 10px !important;
  border-radius: 4px !important;
}
.badge-new { background: var(--cyan) !important; color: var(--space-deep) !important; }
.badge-sale { background: var(--magenta) !important; color: #fff !important; }

.badge {
  font-family: 'Orbitron', sans-serif !important;
  font-weight: 700 !important;
  font-size: 9px !important;
  letter-spacing: .15em !important;
  background: var(--cyan) !important;
  color: var(--space-deep) !important;
}

/* Star ratings */
.star-rating i, .rating i, .fa-star { color: var(--orange) !important; }

/* ===== SIDEBAR ===== */
.sidebar-widget, .filter-widget {
  background: linear-gradient(160deg, rgba(13,27,61,.55), rgba(3,6,15,.75)) !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--r) !important;
  padding: 24px !important;
  margin-bottom: 22px !important;
}
.sidebar-widget h4, .widget-title {
  font-family: 'Orbitron', sans-serif !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  letter-spacing: .22em !important;
  text-transform: uppercase !important;
  color: var(--white) !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid var(--line) !important;
  margin-bottom: 14px !important;
}
.sidebar-widget ul li a, .widget ul li a {
  color: var(--gray) !important;
  font-family: 'Chakra Petch', sans-serif !important;
  font-size: 13px !important;
  text-decoration: none !important;
  transition: color .3s !important;
}
.sidebar-widget ul li a:hover { color: var(--cyan) !important; }

/* ===== BREADCRUMB ===== */
.breadcrumb {
  background: transparent !important;
  padding: 0 !important;
}
.breadcrumb-item, .breadcrumb-item a {
  font-family: 'Chakra Petch', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: .2em !important;
  color: var(--gray) !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}
.breadcrumb-item a:hover { color: var(--cyan) !important; }
.breadcrumb-item.active { color: var(--cyan) !important; }
.breadcrumb-item + .breadcrumb-item::before { color: var(--gray-d) !important; }

/* Page title area */
.page-section, .page-header-area {
  background: linear-gradient(135deg, rgba(13,27,61,.7), rgba(3,6,15,.85)) !important;
  border-bottom: 1px solid var(--line) !important;
  padding: 36px 0 !important;
}

/* ===== TABLES ===== */
.table {
  color: var(--white) !important;
  border-color: var(--line) !important;
}
.table thead th {
  font-family: 'Orbitron', sans-serif !important;
  font-size: 10px !important;
  letter-spacing: .2em !important;
  text-transform: uppercase !important;
  color: var(--cyan) !important;
  border-bottom: 2px solid var(--line) !important;
  background: rgba(0,212,255,.04) !important;
}
.table tbody tr { border-bottom: 1px solid var(--line) !important; transition: background .3s; }
.table tbody tr:hover { background: rgba(0,212,255,.03) !important; }
.table td { color: var(--gray) !important; border-color: var(--line) !important; vertical-align: middle !important; }
.table-striped tbody tr:nth-of-type(odd) { background: rgba(0,212,255,.02) !important; }

/* ===== CART ===== */
.cart-product-name a {
  color: var(--white) !important;
  font-family: 'Orbitron', sans-serif !important;
  font-size: 12px !important;
  letter-spacing: .06em !important;
  text-decoration: none !important;
  transition: color .3s !important;
}
.cart-product-name a:hover { color: var(--cyan) !important; }
.cart-total, .order-total-box {
  background: linear-gradient(160deg, rgba(13,27,61,.6), rgba(3,6,15,.85)) !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--r) !important;
  padding: 24px !important;
}
.grand-total, .total-price {
  font-family: 'Orbitron', sans-serif !important;
  font-weight: 900 !important;
  font-size: 28px !important;
  color: var(--cyan) !important;
  text-shadow: 0 0 18px rgba(0,212,255,.4) !important;
}

/* ===== FORMS / AUTH ===== */
.form-control {
  background: rgba(10,19,48,.7) !important;
  border: 1px solid var(--line) !important;
  color: var(--white) !important;
  font-family: 'Chakra Petch', sans-serif !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
}
.form-control:focus {
  outline: none !important;
  border-color: var(--cyan) !important;
  box-shadow: 0 0 0 3px rgba(0,212,255,.15) !important;
  background: rgba(3,6,15,.9) !important;
  color: var(--white) !important;
}
.form-group { margin-bottom: 18px !important; }

/* Auth card */
.login-area, .register-area, .checkout-area {
  background: transparent !important;
}
.login-box, .auth-card, .checkout-box {
  background: linear-gradient(160deg, rgba(13,27,61,.7), rgba(3,6,15,.9)) !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--r) !important;
  padding: 36px !important;
  position: relative !important;
  overflow: hidden !important;
}
.login-box::before {
  content: "";
  position: absolute; top: 0; left: 0; right: 0; height: 1px;
  background: linear-gradient(90deg, transparent, var(--cyan), transparent);
  animation: gal-scan 4s infinite;
}

/* ===== ALERTS ===== */
.alert {
  border-radius: var(--r) !important;
  font-family: 'Chakra Petch', sans-serif !important;
  border-width: 1px !important;
}
.alert-success {
  background: rgba(72,217,153,.1) !important;
  border-color: var(--green) !important;
  color: var(--green) !important;
}
.alert-danger, .alert-error {
  background: rgba(255,46,126,.1) !important;
  border-color: var(--magenta) !important;
  color: #ff7aad !important;
}
.alert-warning {
  background: rgba(255,170,26,.1) !important;
  border-color: var(--orange) !important;
  color: var(--orange) !important;
}
.alert-info {
  background: rgba(0,212,255,.08) !important;
  border-color: var(--cyan) !important;
  color: var(--cyan-soft) !important;
}

/* ===== TABS ===== */
.nav-tabs { border-bottom: 1px solid var(--line) !important; }
.nav-tabs .nav-link {
  font-family: 'Orbitron', sans-serif !important;
  font-size: 10px !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  color: var(--gray) !important;
  border: none !important;
  background: transparent !important;
  padding: 12px 20px !important;
  transition: color .3s !important;
}
.nav-tabs .nav-link:hover { color: var(--cyan) !important; }
.nav-tabs .nav-link.active {
  color: var(--cyan) !important;
  border-bottom: 2px solid var(--cyan) !important;
  background: transparent !important;
  box-shadow: 0 4px 16px -8px rgba(0,212,255,.4) !important;
}
.tab-content {
  background: rgba(13,27,61,.3) !important;
  border: 1px solid var(--line) !important;
  border-top: none !important;
  border-radius: 0 0 var(--r) var(--r) !important;
  padding: 24px !important;
}

/* ===== PAGINATION ===== */
.page-link {
  background: transparent !important;
  border: 1px solid var(--line) !important;
  color: var(--gray) !important;
  font-family: 'Orbitron', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: .1em !important;
  transition: all .3s !important;
  margin: 0 2px !important;
  border-radius: 6px !important;
}
.page-link:hover {
  background: rgba(0,212,255,.1) !important;
  border-color: var(--cyan) !important;
  color: var(--cyan) !important;
}
.page-item.active .page-link {
  background: var(--cyan) !important;
  border-color: var(--cyan) !important;
  color: var(--space-deep) !important;
  box-shadow: var(--shadow-cyan) !important;
}
.page-item.disabled .page-link { opacity: .4 !important; }

/* ===== MODAL ===== */
.modal-content {
  background: linear-gradient(160deg, #0a1330, #03060f) !important;
  border: 1px solid rgba(0,212,255,.3) !important;
  border-radius: var(--r) !important;
  box-shadow: 0 0 60px rgba(0,212,255,.25) !important;
  color: var(--white) !important;
}
.modal-header {
  border-bottom: 1px solid var(--line) !important;
  background: rgba(0,212,255,.04) !important;
}
.modal-title {
  font-family: 'Orbitron', sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  color: var(--white) !important;
}
.modal-footer { border-top: 1px solid var(--line) !important; }
.modal-backdrop { background: rgba(3,6,15,.85) !important; }
.close, .btn-close { color: var(--gray) !important; opacity: .7 !important; }

/* ===== FOOTER ===== */
#footer, .footer-area {
  background: rgba(3,6,15,.95) !important;
  border-top: 1px solid var(--line) !important;
  color: var(--gray) !important;
  font-family: 'Chakra Petch', sans-serif !important;
}
.footer-section-title {
  font-family: 'Orbitron', sans-serif !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  letter-spacing: .22em !important;
  text-transform: uppercase !important;
  color: var(--white) !important;
  margin-bottom: 16px !important;
}
.footer-links a, #footer a {
  color: var(--gray) !important;
  text-decoration: none !important;
  font-size: 13px !important;
  transition: color .3s !important;
}
.footer-links a:hover, #footer a:hover { color: var(--cyan) !important; }

/* Social icons */
.social-body a {
  font-size: 20px !important;
  color: var(--cyan) !important;
  margin: 0 6px !important;
  transition: all .3s var(--t) !important;
  text-decoration: none !important;
}
.social-body a:hover {
  color: var(--white) !important;
  text-shadow: 0 0 14px var(--cyan) !important;
  transform: translateY(-3px) !important;
}

/* Copyright bar */
.copyright {
  background: rgba(0,0,0,.4) !important;
  border-top: 1px solid var(--line) !important;
  color: var(--gray) !important;
  font-family: 'Chakra Petch', sans-serif !important;
  font-size: 12px !important;
  padding: 16px 0 !important;
}

/* Footer logo */
.footer-logo a img {
  filter: brightness(1.1) drop-shadow(0 0 10px rgba(0,212,255,.25));
}
.copy-right-text { color: var(--gray) !important; }

/* Scroll to top */
#scroll-top {
  background: var(--space-mid) !important;
  border: 1px solid var(--cyan) !important;
  color: var(--cyan) !important;
  border-radius: 50% !important;
  width: 44px !important; height: 44px !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  box-shadow: var(--shadow-cyan) !important;
  transition: all .3s !important;
}
#scroll-top:hover {
  background: var(--cyan) !important;
  color: var(--space-deep) !important;
}

/* ===== TOPBAR ===== */
nav.bg-dark .container {
  color: var(--gray) !important;
}
nav.bg-dark a {
  color: var(--cyan) !important;
  text-decoration: none !important;
  font-size: 11px !important;
  letter-spacing: .15em !important;
  transition: color .3s !important;
}
nav.bg-dark a:hover { color: var(--white) !important; }

/* ===== OFFCANVAS SEARCH SIDENAV ===== */
.sidenav {
  background: rgba(3,6,15,.97) !important;
  border-right: 1px solid rgba(0,212,255,.2) !important;
}
.sidenav label { color: var(--gray) !important; }
.closebtn { color: var(--cyan) !important; }

/* Header right icons */
.header-right-icons, .header-right-icon {
  color: var(--white) !important;
  transition: color .3s !important;
}
.header-right-icon:hover { color: var(--cyan) !important; }
.header-top {
  background: rgba(3,6,15,.85) !important;
  border-bottom: 1px solid rgba(0,212,255,.1) !important;
  padding: 8px 16px !important;
}

/* ===== CATEGORY PAGE ===== */
.category-hero, .category-banner {
  border-bottom: 1px solid var(--line);
  background: linear-gradient(135deg, rgba(13,27,61,.8), rgba(3,6,15,.9)) !important;
}
.category-title {
  font-family: 'Orbitron', sans-serif !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  color: var(--white) !important;
}

/* ===== PRODUCT DETAIL ===== */
.product-details-area, .single-product-page { background: transparent !important; }
.product-details-title h3, .product-details-title h2 {
  font-family: 'Orbitron', sans-serif !important;
  font-weight: 800 !important;
  font-size: clamp(20px, 3vw, 36px) !important;
  text-transform: uppercase !important;
  color: var(--white) !important;
}
.product-details-price {
  font-family: 'Orbitron', sans-serif !important;
  font-weight: 900 !important;
  font-size: 34px !important;
  color: var(--cyan) !important;
  text-shadow: 0 0 20px rgba(0,212,255,.4) !important;
}
.product-description, .product-desc {
  color: var(--gray) !important;
  font-family: 'Chakra Petch', sans-serif !important;
  line-height: 1.7 !important;
}

/* ===== USER DASHBOARD ===== */
.dashboard-area, .user-area { background: transparent !important; }
.dashboard-card {
  background: linear-gradient(160deg, rgba(13,27,61,.6), rgba(3,6,15,.85)) !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--r) !important;
}
.dashboard-stat {
  font-family: 'Orbitron', sans-serif !important;
  font-weight: 900 !important;
  font-size: 36px !important;
  color: var(--cyan) !important;
  text-shadow: 0 0 20px rgba(0,212,255,.35) !important;
}

/* ===== SCROLL REVEAL ===== */
.galatic-reveal {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .9s var(--t), transform .9s var(--t);
}
.galatic-reveal.galatic-in {
  opacity: 1;
  transform: translateY(0);
}

/* ===== UTILITY ===== */
.text-cyan    { color: var(--cyan) !important; }
.text-orange  { color: var(--orange) !important; }
.text-magenta { color: var(--magenta) !important; }
.text-green   { color: var(--green) !important; }
.text-muted   { color: var(--gray) !important; }
.border-gal   { border-color: var(--line) !important; }
.font-orbitron { font-family: 'Orbitron', sans-serif !important; }
.font-chakra   { font-family: 'Chakra Petch', sans-serif !important; }

/* ===== OVERRIDE BOOTSTRAP TEXT COLORS ===== */
.text-dark { color: var(--white) !important; }
.text-secondary { color: var(--gray) !important; }
.bg-light { background: rgba(10,19,48,.6) !important; }
.bg-white { background: rgba(10,19,48,.6) !important; }

/* ===== POINTER UTILITY ===== */
.pointer { cursor: pointer !important; }

/* ===== PRODUCT CARDS — actual blade selectors ===== */
.product {
  background: linear-gradient(160deg, rgba(13,27,61,.65), rgba(3,6,15,.88)) !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--r) !important;
  transition: all .5s var(--t) !important;
  overflow: hidden !important;
  color: var(--white) !important;
  margin-bottom: 22px !important;
}
.product:hover {
  border-color: rgba(0,212,255,.35) !important;
  transform: translateY(-5px) !important;
  box-shadow: 0 20px 60px -20px rgba(0,212,255,.4) !important;
}
.proImg { position: relative; overflow: hidden; }
.proImg img {
  transition: transform .6s var(--t) !important;
  filter: brightness(.85) saturate(.9);
}
.proImg:hover img { transform: scale(1.05) !important; filter: brightness(.95) saturate(1); }
.proImg .info {
  position: absolute; inset: 0;
  background: rgba(3,6,15,.75) !important;
  backdrop-filter: blur(4px);
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  opacity: 0;
  transition: opacity .4s var(--t) !important;
  cursor: pointer;
}
.proImg:hover .info { opacity: 1 !important; }
.prodTitle {
  font-family: 'Orbitron', sans-serif !important;
  font-size: 12px !important; font-weight: 700 !important;
  letter-spacing: .08em !important; text-transform: uppercase !important;
  color: var(--white) !important; text-align: center;
}
.proImg .price {
  font-family: 'Orbitron', sans-serif !important;
  font-weight: 800 !important; font-size: 18px !important;
  color: var(--cyan) !important; text-shadow: 0 0 12px rgba(0,212,255,.4) !important;
  text-align: center;
}
.proImg .slogan {
  font-family: 'Chakra Petch', sans-serif !important;
  font-size: 11px !important; color: var(--gray) !important;
  letter-spacing: .15em !important; text-align: center;
}
.prod-content { padding: 14px 12px !important; cursor: pointer; }
.prod-name a {
  font-family: 'Orbitron', sans-serif !important;
  font-size: 12px !important; font-weight: 700 !important;
  letter-spacing: .06em !important; text-transform: uppercase !important;
  color: var(--white) !important; text-decoration: none !important;
  transition: color .3s !important; display: block;
}
.prod-name a:hover { color: var(--cyan) !important; }
.prod-price { display: flex; align-items: baseline; gap: 10px; margin-top: 8px; }
.prodOld-price { color: var(--gray) !important; font-size: 12px !important; text-decoration: line-through !important; }
.cart-info { padding: 0 12px 14px !important; }

/* ===== SINGLE PRODUCT SLIDER (recommended) ===== */
.single-product-slider {
  background: linear-gradient(160deg, rgba(13,27,61,.6), rgba(3,6,15,.8)) !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--r) !important; padding: 14px !important;
  transition: all .4s var(--t) !important; overflow: hidden !important;
}
.single-product-slider:hover {
  border-color: rgba(0,212,255,.3) !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 16px 40px -16px rgba(0,212,255,.35) !important;
}
.single-product-slider p {
  font-family: 'Orbitron', sans-serif !important; font-size: 11px !important;
  font-weight: 700 !important; letter-spacing: .06em !important;
  text-transform: uppercase !important; color: var(--white) !important; margin-top: 10px !important;
}
.single-product-slider .product-code {
  font-family: 'Chakra Petch', sans-serif !important; font-size: 10px !important;
  color: var(--gray) !important; letter-spacing: .15em !important; text-transform: uppercase !important;
}
.single-product-slider h6 {
  font-family: 'Orbitron', sans-serif !important; font-size: 15px !important;
  font-weight: 800 !important; color: var(--cyan) !important;
  text-shadow: 0 0 10px rgba(0,212,255,.3) !important; margin-top: 4px !important;
}
.card__img img, .imgbox img {
  filter: brightness(.85) saturate(.85); transition: all .5s var(--t);
}

/* ===== CONTENT-HOLDER / CATEGORY SECTION ===== */
.content-holder { padding-top: 50px !important; padding-bottom: 30px !important; }
.main-title .slider-title span {
  font-family: 'Orbitron', sans-serif !important;
  font-size: clamp(22px, 3vw, 38px) !important; font-weight: 900 !important;
  letter-spacing: .06em !important; text-transform: uppercase !important; color: var(--white) !important;
}
.main-title .slider-title h6 {
  font-family: 'Chakra Petch', sans-serif !important; font-size: 13px !important;
  color: var(--gray) !important; letter-spacing: .25em !important;
  text-transform: uppercase !important; margin: 6px 0 18px !important;
}

/* ===== OWL CAROUSEL THEME ===== */
.owl-theme .owl-nav [class*='owl-'] {
  background: rgba(0,212,255,.12) !important; border: 1px solid rgba(0,212,255,.3) !important;
  color: var(--cyan) !important; border-radius: 50% !important;
  width: 40px !important; height: 40px !important; transition: all .3s !important;
}
.owl-theme .owl-nav [class*='owl-']:hover { background: var(--cyan) !important; color: var(--space-deep) !important; }
.owl-theme .owl-dots .owl-dot span { background: var(--gray-d) !important; transition: all .3s !important; }
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: var(--cyan) !important; box-shadow: 0 0 10px rgba(0,212,255,.5) !important;
}

/* ===== NAV LIGHT THEME — extra overrides ===== */
.navbar-light .navbar-nav .nav-link { color: var(--white) !important; }
.navbar-light .navbar-toggler { border-color: rgba(0,212,255,.35) !important; }
.bg-light { background: rgba(3,6,15,.8) !important; }

/* ===== BTN-INFO / BTN-THEME / BTN-SM ===== */
.btn-info, .btn-theme {
  border-color: var(--cyan) !important; background: transparent !important; color: var(--cyan) !important;
}
.btn-info:hover, .btn-theme:hover { background: var(--cyan) !important; color: var(--space-deep) !important; }

/* ===== GALATIC SECTION LABEL ===== */
.galatic-section-label {
  font-family: 'Chakra Petch', sans-serif;
  font-weight: 600; font-size: 11px; letter-spacing: .35em;
  color: var(--cyan); text-transform: uppercase;
  display: inline-flex; align-items: center; gap: 12px;
  margin-bottom: 10px;
}
.galatic-section-label::before { content: ""; width: 28px; height: 1px; background: var(--cyan); }

/* ===== PRODUCT IMAGE AREA ===== */
.product-image {
  overflow: hidden !important; border-radius: 10px 10px 0 0 !important;
  background: rgba(10,19,48,.4) !important;
}
.product-image a img {
  transition: transform .6s var(--t), filter .4s !important;
  filter: brightness(.82) saturate(.9) !important;
}
.product:hover .product-image img {
  transform: scale(1.04) !important; filter: brightness(.92) saturate(1) !important;
}

/* ===== WISHLIST ===== */
.wishlist-div { position: absolute !important; top: 10px !important; right: 10px !important; z-index: 10 !important; }

/* ===== FLIP BOX ===== */
.flip-box-front img, .flip-box-back img { filter: brightness(.85) saturate(.85); transition: filter .4s; }

/* ===== INLINE BG COLOR OVERRIDE (category-wise-products-light) ===== */
div[style*="background-color"] {
  background-color: transparent !important;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
  .galatic-grid-floor { display: none; }
}

/* ================================================================
   PRODUCT DETAIL PAGE
   ================================================================ */
.product-menu { padding: 10px 0 !important; margin-bottom: 6px !important; }
.product-menu a { color: var(--cyan) !important; text-decoration: none !important; font-family: 'Chakra Petch', sans-serif !important; font-size: 13px !important; letter-spacing: .08em !important; }
.product-menu a:hover { color: var(--white) !important; }

.slideshow-container {
  position: relative !important;
  background: rgba(10,19,48,.5) !important;
  border: 1px solid var(--line) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}
.mySlides { display: none; }
.slideshow-container a.prev,
.slideshow-container a.next {
  cursor: pointer !important; position: absolute !important; top: 50% !important;
  transform: translateY(-50%) !important; padding: 10px 16px !important;
  color: var(--cyan) !important; background: rgba(3,6,15,.7) !important;
  border: 1px solid rgba(0,212,255,.3) !important; border-radius: 6px !important;
  font-size: 18px !important; user-select: none !important;
  transition: all .3s !important; text-decoration: none !important;
}
.slideshow-container a.prev { left: 10px !important; }
.slideshow-container a.next { right: 10px !important; }
.slideshow-container a.prev:hover,
.slideshow-container a.next:hover { background: rgba(0,212,255,.15) !important; box-shadow: 0 0 12px rgba(0,212,255,.4) !important; }

.dot {
  cursor: pointer !important; height: 10px !important; width: 10px !important;
  margin: 0 4px !important; background-color: var(--gray-d) !important;
  border-radius: 50% !important; display: inline-block !important;
  transition: background-color .3s !important;
}
.dot.active, .dot:hover { background-color: var(--cyan) !important; box-shadow: 0 0 8px rgba(0,212,255,.5) !important; }

.show-small-img { display: block !important; width: 100% !important; }
.small-img { margin-top: 12px !important; }
.small-container { display: flex !important; gap: 8px !important; flex-wrap: wrap !important; }
#small-img-roll { display: flex !important; gap: 8px !important; flex-wrap: wrap !important; }
#small-img-roll img {
  width: 70px !important; height: 70px !important; object-fit: cover !important;
  border: 1px solid var(--line) !important; border-radius: 8px !important;
  cursor: pointer !important; transition: border-color .3s, box-shadow .3s !important;
  filter: brightness(.8) !important;
}
#small-img-roll img:hover { border-color: var(--cyan) !important; box-shadow: 0 0 10px rgba(0,212,255,.4) !important; filter: brightness(1) !important; }

.single-product-title {
  font-family: 'Orbitron', sans-serif !important; font-weight: 700 !important;
  color: var(--white) !important; letter-spacing: .05em !important;
  text-transform: uppercase !important; margin-bottom: 8px !important;
}

.product-selection { border-top: 1px solid var(--line) !important; padding-top: 16px !important; }
.product-selection h6 {
  font-family: 'Orbitron', sans-serif !important; font-size: 11px !important;
  letter-spacing: .2em !important; color: var(--gray) !important;
  text-transform: uppercase !important; margin-bottom: 12px !important;
}
.size-variation { gap: 8px !important; flex-wrap: wrap !important; justify-content: center !important; }
.size-variation label {
  display: inline-flex !important; align-items: center !important; gap: 6px !important;
  padding: 8px 14px !important; border: 1px solid var(--line) !important;
  border-radius: 6px !important; cursor: pointer !important; font-size: 13px !important;
  color: var(--white) !important; transition: all .3s !important;
  background: rgba(10,19,48,.4) !important;
}
.size-variation label:hover,
.size-variation label:has(input:checked) { border-color: var(--cyan) !important; background: rgba(0,212,255,.1) !important; color: var(--cyan) !important; }
.size-variation input[type="radio"] { accent-color: var(--cyan) !important; }

.product-buy-cart-box { margin-top: 20px !important; }
.product-buy-cart { display: flex !important; gap: 12px !important; justify-content: center !important; }
.add-cart .buyNow {
  font-family: 'Orbitron', sans-serif !important; font-weight: 700 !important;
  font-size: 12px !important; letter-spacing: .15em !important;
  padding: 12px 24px !important; background: var(--cyan) !important;
  color: var(--space-deep) !important; border: none !important;
  border-radius: 99px !important; cursor: pointer !important;
  text-transform: uppercase !important; transition: all .35s !important;
  box-shadow: 0 0 24px rgba(0,212,255,.35) !important;
}
.add-cart .buyNow:hover { background: var(--white) !important; box-shadow: 0 0 40px rgba(0,212,255,.5) !important; }
.cart-disable {
  padding: 12px 24px !important; background: rgba(58,74,114,.3) !important;
  color: var(--gray) !important; border: 1px solid var(--gray-d) !important;
  border-radius: 99px !important; font-family: 'Orbitron', sans-serif !important;
  font-size: 12px !important; letter-spacing: .15em !important;
}

.custom-card {
  background: rgba(10,19,48,.4) !important; border: 1px solid var(--line) !important;
  border-radius: 14px !important; color: var(--white) !important;
}
.custom-card h1,.custom-card h2,.custom-card h3,.custom-card h4,.custom-card h5,.custom-card h6 { color: var(--white) !important; }
.custom-card p, .custom-card li, .custom-card span { color: var(--gray) !important; }

.similar-products-title { margin-bottom: 20px !important; border-bottom: 1px solid var(--line) !important; padding-bottom: 14px !important; }
.product-like-text {
  font-family: 'Orbitron', sans-serif !important; font-size: 13px !important;
  letter-spacing: .25em !important; color: var(--cyan) !important; margin: 0 !important;
}

/* ================================================================
   CHECKOUT PAGE
   ================================================================ */
.checkout-area, .proceed-area {
  background: rgba(10,19,48,.4) !important; border: 1px solid var(--line) !important;
  border-radius: 14px !important; padding: 24px !important; margin-bottom: 20px !important;
}
.titleArea {
  display: flex !important; align-items: center !important; justify-content: space-between !important;
  margin-bottom: 18px !important; padding-bottom: 14px !important;
  border-bottom: 1px solid var(--line) !important;
}
.checktitle, .titleName {
  font-family: 'Orbitron', sans-serif !important; font-weight: 700 !important;
  font-size: 14px !important; letter-spacing: .15em !important;
  text-transform: uppercase !important; color: var(--white) !important;
}
.backToCart {
  width: 34px !important; height: 34px !important; border-radius: 50% !important;
  background: rgba(0,212,255,.08) !important; border: 1px solid rgba(0,212,255,.3) !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  cursor: pointer !important; color: var(--cyan) !important; transition: all .3s !important;
}
.backToCart:hover { background: rgba(0,212,255,.18) !important; box-shadow: 0 0 12px rgba(0,212,255,.4) !important; }

.checkout-footer { border-top: 1px solid var(--line) !important; padding-top: 14px !important; margin-top: 10px !important; }
.totle-footer {
  font-family: 'Orbitron', sans-serif !important; font-size: 15px !important;
  color: var(--cyan) !important; font-weight: 700 !important;
  display: flex !important; justify-content: space-between !important;
}

.amount-counter { padding: 0 !important; }
.total-priceArea {
  display: flex !important; justify-content: space-between !important;
  padding: 10px 0 !important; border-bottom: 1px solid rgba(26,39,80,.5) !important;
  font-size: 14px !important;
}
.total-priceArea .name { color: var(--gray) !important; }
.total-priceArea .amount { color: var(--white) !important; font-weight: 600 !important; }
.total-priceArea.text-success .name,
.total-priceArea.text-success .amount { color: var(--green) !important; }

/* ================================================================
   AUTH PAGES (Login / Register)
   ================================================================ */
.login-area, .register-form-area {
  max-width: 520px !important; margin: 60px auto !important;
  background: rgba(10,19,48,.5) !important; border: 1px solid var(--line) !important;
  border-radius: 16px !important; padding: 40px !important;
  box-shadow: 0 20px 60px -20px rgba(0,212,255,.25) !important;
}
.login-area .titleArea, .register-form-area .titleArea {
  justify-content: center !important; font-family: 'Orbitron', sans-serif !important;
  font-weight: 800 !important; font-size: 18px !important;
  letter-spacing: .1em !important; color: var(--white) !important;
  border-bottom: 1px solid var(--line) !important;
}

/* ================================================================
   USER DASHBOARD
   ================================================================ */
.content-holder { padding-top: 30px !important; padding-bottom: 40px !important; }
.list-area {
  background: rgba(10,19,48,.4) !important; border: 1px solid var(--line) !important;
  border-radius: 14px !important; padding: 24px 0 !important;
  height: fit-content !important;
}
.profile-photo { text-align: center !important; padding-bottom: 18px !important; border-bottom: 1px solid var(--line) !important; margin-bottom: 12px !important; }
.profile-photo img { border: 2px solid var(--cyan) !important; box-shadow: 0 0 16px rgba(0,212,255,.4) !important; }
.profile-name span {
  font-family: 'Orbitron', sans-serif !important; font-weight: 700 !important;
  font-size: 14px !important; color: var(--white) !important; letter-spacing: .08em !important;
}
.profile-email { font-size: 12px !important; color: var(--gray) !important; margin-top: 4px !important; margin-bottom: 14px !important; }

.listStyle {
  display: flex !important; align-items: center !important; gap: 12px !important;
  padding: 12px 24px !important; color: var(--gray) !important;
  text-decoration: none !important; font-size: 13px !important;
  letter-spacing: .06em !important; transition: all .3s !important;
  border-left: 2px solid transparent !important;
  font-family: 'Chakra Petch', sans-serif !important;
}
.listStyle:hover { color: var(--cyan) !important; background: rgba(0,212,255,.06) !important; border-left-color: var(--cyan) !important; }
.listStyle.active { color: var(--cyan) !important; border-left-color: var(--cyan) !important; background: rgba(0,212,255,.08) !important; font-weight: 600 !important; }
.listStyle i { color: var(--cyan) !important; width: 16px !important; }

.right-side-area {
  background: rgba(10,19,48,.3) !important; border: 1px solid var(--line) !important;
  border-radius: 14px !important; padding: 24px !important;
}

.title-area {
  display: flex !important; justify-content: space-between !important; align-items: center !important;
  margin-bottom: 20px !important; padding-bottom: 14px !important;
  border-bottom: 1px solid var(--line) !important;
}
.verified {
  display: inline-flex !important; align-items: center !important; gap: 6px !important;
  font-size: 11px !important; letter-spacing: .15em !important;
  color: var(--green) !important; padding: 5px 12px !important;
  border: 1px solid rgba(72,217,153,.3) !important; border-radius: 99px !important;
  background: rgba(72,217,153,.06) !important;
}

.information-area {
  background: rgba(3,6,15,.3) !important; border: 1px solid var(--line) !important;
  border-radius: 10px !important; padding: 18px !important; margin-bottom: 16px !important;
}
.information-area .heading {
  font-family: 'Orbitron', sans-serif !important; font-size: 11px !important;
  letter-spacing: .2em !important; text-transform: uppercase !important;
  margin-bottom: 14px !important; padding-bottom: 10px !important;
  border-bottom: 1px solid rgba(26,39,80,.5) !important;
}
.information-area .heading.text-success { color: var(--green) !important; }
.information-area .heading.text-info { color: var(--cyan) !important; }
.information-area .heading.text-danger { color: var(--magenta) !important; }

.profile-information {
  display: flex !important; gap: 16px !important; padding: 8px 0 !important;
  border-bottom: 1px solid rgba(26,39,80,.3) !important;
}
.profile-information:last-child { border-bottom: none !important; }
.info-title { color: var(--gray) !important; font-size: 13px !important; min-width: 100px !important; }
.info-content { color: var(--white) !important; font-size: 13px !important; font-weight: 500 !important; }

/* ================================================================
   ORDER SUCCESS PAGE
   ================================================================ */
.order-success-area, .success-area {
  text-align: center !important; padding: 60px 20px !important;
  background: rgba(10,19,48,.4) !important; border: 1px solid var(--line) !important;
  border-radius: 16px !important; margin: 40px auto !important; max-width: 600px !important;
}

/* ================================================================
   SINGLE PRODUCT EXTRA (buy-item button wrapper)
   ================================================================ */
.buy-item { display: block !important; }
.text-danger del { color: var(--magenta) !important; }

/* ================================================================
   CONTACT PAGE
   ================================================================ */
.contact-area {
  background: rgba(10,19,48,.35) !important; border: 1px solid var(--line) !important;
  border-radius: 14px !important; padding: 30px !important;
}

/* ================================================================
   CARD (generic Bootstrap card override)
   ================================================================ */
.card {
  background: rgba(10,19,48,.5) !important; border: 1px solid var(--line) !important;
  color: var(--white) !important;
}
.card-body { background: transparent !important; }
.card-header {
  background: rgba(0,212,255,.06) !important; border-bottom: 1px solid var(--line) !important;
  color: var(--white) !important; font-family: 'Orbitron', sans-serif !important;
  font-size: 13px !important; letter-spacing: .12em !important;
}

/* ================================================================
   AUTH FOOTER PARTIAL
   ================================================================ */
.auth-footer { color: var(--gray) !important; font-size: 13px !important; text-align: center !important; padding: 20px 0 !important; }
.auth-footer a { color: var(--cyan) !important; text-decoration: none !important; }

/* ================================================================
   BTN PRIMARY override
   ================================================================ */
.btn-primary, .btn-success, .btn-secondary {
  font-family: 'Orbitron', sans-serif !important; font-weight: 700 !important;
  font-size: 12px !important; letter-spacing: .12em !important;
  padding: 10px 22px !important; border-radius: 99px !important;
  border: 1px solid var(--cyan) !important;
  background: var(--cyan) !important; color: var(--space-deep) !important;
  transition: all .35s !important;
}
.btn-primary:hover, .btn-success:hover, .btn-secondary:hover {
  background: transparent !important; color: var(--cyan) !important;
  box-shadow: 0 0 24px rgba(0,212,255,.4) !important;
}
.btn-danger {
  font-family: 'Orbitron', sans-serif !important;
  border: 1px solid var(--magenta) !important; background: transparent !important;
  color: var(--magenta) !important; border-radius: 99px !important;
}
.btn-danger:hover { background: var(--magenta) !important; color: var(--space-deep) !important; }

/* ================================================================
   WISHLIST PAGE
   ================================================================ */
.wishlist-area { padding: 30px 0 !important; }
.wish-product {
  display: flex !important; gap: 20px !important; align-items: flex-start !important;
  background: rgba(10,19,48,.4) !important; border: 1px solid var(--line) !important;
  border-radius: 12px !important; padding: 20px !important; margin-bottom: 16px !important;
  position: relative !important; transition: border-color .3s !important;
}
.wish-product:hover { border-color: rgba(0,212,255,.3) !important; }
.wish-product .product-image { flex-shrink: 0 !important; width: 120px !important; }
.wish-product .product-image img {
  width: 120px !important; height: 120px !important; object-fit: cover !important;
  border-radius: 8px !important; border: 1px solid var(--line) !important;
}
.wish-content { flex: 1 !important; }
.wish-content .prod-name a { color: var(--white) !important; font-weight: 600 !important; font-size: 15px !important; text-decoration: none !important; }
.wish-content .prod-name a:hover { color: var(--cyan) !important; }
.prod-slogan { font-size: 12px !important; color: var(--gray) !important; margin: 4px 0 10px !important; letter-spacing: .06em !important; }

.empty-holder {
  text-align: center !important; padding: 80px 20px !important;
}
.emptyContent { display: inline-flex !important; flex-direction: column !important; align-items: center !important; gap: 16px !important; }
.empty-logo {
  font-size: 48px !important; color: var(--cyan) !important;
  opacity: .5 !important; animation: pulse 2s ease-in-out infinite !important;
}
.empty-heading {
  font-family: 'Orbitron', sans-serif !important; font-size: 14px !important;
  letter-spacing: .15em !important; color: var(--gray) !important;
  text-transform: uppercase !important;
}
@keyframes pulse { 0%,100% { opacity: .5; } 50% { opacity: 1; } }

/* ================================================================
   ORDERS PAGE
   ================================================================ */
.orders-area, .order-list-area {
  background: rgba(10,19,48,.35) !important; border: 1px solid var(--line) !important;
  border-radius: 14px !important; padding: 20px !important;
}

/* ================================================================
   GLOBAL TEXT COLOR FIXES
   ================================================================ */
.text-black, .text-dark { color: var(--white) !important; }
.text-muted { color: var(--gray) !important; }
.text-success { color: var(--green) !important; }
.text-danger { color: var(--magenta) !important; }
.text-info { color: var(--cyan) !important; }
.text-warning { color: var(--orange) !important; }
.text-white { color: var(--white) !important; }

/* Labels and generic text */
label { color: var(--gray) !important; }
p { color: var(--gray) !important; }
h1,h2,h3,h4,h5,h6 { color: var(--white) !important; }
strong { color: var(--white) !important; }

/* Strong inside price context */
h5 > strong { color: var(--cyan) !important; font-family: 'Orbitron', sans-serif !important; }

/* ================================================================
   PAGINATION
   ================================================================ */
.pagination { gap: 4px !important; justify-content: center !important; }
.page-item .page-link {
  background: rgba(10,19,48,.5) !important; border: 1px solid var(--line) !important;
  color: var(--gray) !important; font-family: 'Orbitron', sans-serif !important;
  font-size: 11px !important; letter-spacing: .1em !important;
  border-radius: 6px !important; transition: all .3s !important;
}
.page-item.active .page-link {
  background: var(--cyan) !important; border-color: var(--cyan) !important;
  color: var(--space-deep) !important; box-shadow: 0 0 12px rgba(0,212,255,.4) !important;
}
.page-item .page-link:hover { border-color: var(--cyan) !important; color: var(--cyan) !important; }

/* ================================================================
   CONTAINER & SECTION SPACING
   ================================================================ */
.container-fluid, .container { position: relative !important; z-index: 1 !important; }
#main-wrapper { padding-top: 20px !important; padding-bottom: 40px !important; }