/*
 * BOOSTIFY MARKET — Tema Premium "Nácar Oscuro"
 * Paleta: negro profundo + violeta + rosa perlado (sin superficies blancas)
 * Diseño orgánico, formas suaves y asimétricas, animaciones propias
*/

/* ─── FONTS ──────────────────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');

/* ─── VARIABLES ──────────────────────────────────────────────────── */
:root {
  /* Marca — violeta a rosa (nácar) */
  --brand-1: #7c3aed;
  --brand-2: #a855f7;
  --brand-3: #ec4899;
  --brand-grad: linear-gradient(135deg, #7c3aed 0%, #c026d3 55%, #ec4899 100%);
  --brand-grad-soft: linear-gradient(135deg, rgba(168,85,247,0.16), rgba(236,72,153,0.16));

  /* Fondo nácar oscuro (negro violeta profundo, sin blancos) */
  --bg-page: #0d0817;
  --bg-panel: #170f27;
  --bg-card: #170f27;
  --bg-card-hover: #1f1435;
  --bg-surface: #150c24;
  --bg-surface-2: #1a0f2e;

  --border-subtle: rgba(168, 85, 247, 0.16);
  --border-mid: rgba(168, 85, 247, 0.32);
  --border-bright: rgba(168, 85, 247, 0.6);

  --text-dark: #f3e8ff;
  --text-body: #d7c3ef;
  --text-muted: rgba(214, 196, 235, 0.62);
  --text-dim: rgba(214, 196, 235, 0.4);

  --shadow-soft: 0 4px 22px rgba(124, 58, 237, 0.22);
  --shadow-mid: 0 10px 36px rgba(124, 58, 237, 0.3);
  --shadow-glow: 0 10px 36px rgba(192, 38, 211, 0.4);

  /* Semánticos (ajustados para contraste sobre fondo oscuro) */
  --ok: #4ade80;
  --ok-bg: rgba(74, 222, 128, 0.12);
  --warn: #fbbf24;
  --warn-bg: rgba(251, 191, 36, 0.12);
  --danger: #f87171;

  /* Sellauth overrides */
  --cl-accent: #a855f7;
  --cl-accent-rgb: 168, 85, 247;
  --cl-background-primary: #0d0817;
  --cl-background-primary-rgb: 13, 8, 23;
  --cl-background-secondary: #170f27;
  --cl-background-secondary-rgb: 23, 15, 39;
  --cl-border: rgba(168, 85, 247, 0.22);
  --cl-border-rgb: 168, 85, 247;

  --bs-body-color: var(--text-body);
  --bs-secondary-color: var(--text-muted);
  --bs-border-radius: 1.1rem;
  --bs-border-radius-xxl: 2.2rem;
}

/* ─── BASE ───────────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; }

body {
  font-family: 'Manrope', sans-serif;
  font-weight: 400;
  background-color: var(--bg-page) !important;
  color: var(--text-body);
  background-image: none !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Sora', sans-serif;
  font-weight: 700;
  color: var(--text-dark);
}

.glow-inner { display: none !important; }

/* Fondo nácar oscuro: negro profundo con destellos violeta/rosa como reflejos de perla */
body::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: -2;
  background:
    radial-gradient(ellipse 60% 40% at 10% -5%, rgba(168, 85, 247, 0.28) 0%, transparent 60%),
    radial-gradient(ellipse 50% 35% at 95% 10%, rgba(236, 72, 153, 0.22) 0%, transparent 60%),
    radial-gradient(ellipse 55% 40% at 50% 105%, rgba(124, 58, 237, 0.24) 0%, transparent 65%),
    radial-gradient(ellipse 40% 30% at 50% 45%, rgba(192, 38, 211, 0.08) 0%, transparent 70%),
    var(--bg-page);
  pointer-events: none;
}

body::after {
  content: '';
  position: fixed;
  inset: 0;
  z-index: -1;
  background-image:
    radial-gradient(rgba(124, 58, 237, 0.05) 1px, transparent 1px);
  background-size: 26px 26px;
  pointer-events: none;
}

/* ─── ACCESSIBILITY & POLISH ─────────────────────────────────────── */
html {
  scroll-behavior: smooth;
}

:focus-visible {
  outline: 2px solid var(--brand-1) !important;
  outline-offset: 2px !important;
  border-radius: 4px;
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* Custom scrollbar */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--bg-surface); }
::-webkit-scrollbar-thumb {
  background: var(--brand-grad);
  border-radius: 999px;
  border: 2px solid var(--bg-surface);
}
::-webkit-scrollbar-thumb:hover { background: var(--brand-2); }

html { scrollbar-color: var(--brand-2) var(--bg-surface); scrollbar-width: thin; }

/* ─── PAGE TRANSITIONS ───────────────────────────────────────────── */
@keyframes riseIn {
  from { opacity: 0; transform: translateY(16px) scale(0.99); }
  to   { opacity: 1; transform: translateY(0) scale(1); }
}
.component {
  animation: riseIn 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}
/* IMPORTANT: no "both"/"forwards" fill-mode here on purpose.
   With a fill-mode that persists, the browser keeps a non-"none" transform
   "stuck" on this element forever (even though it's just scale(1) translateY(0)),
   which silently turns every .component wrapper into a positioning container
   for its fixed-position children. Since the group/variant picker modal
   (.modal has position:fixed) is rendered inside this same .component wrapper
   on the /products page, it was being boxed into the wrapper's small area
   instead of the full screen — so it looked "frozen"/like it never opened.
   Dropping the fill-mode keeps the exact same fade/rise-in animation but lets
   the transform clear itself once the animation finishes, so modals go back
   to positioning against the real viewport. */

/* ─── ANNOUNCEMENT ───────────────────────────────────────────────── */
.announcement {
  background: var(--brand-grad) !important;
  background-size: 200% 100% !important;
  animation: announceShift 8s ease-in-out infinite;
  color: #ffffff !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25) !important;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.03em;
}
@keyframes announceShift {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}
.announcement a {
  color: #fff !important;
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* ─── NAVBAR ─────────────────────────────────────────────────────── */
.navbar {
  background: rgba(19, 11, 32, 0.78) !important;
  border-bottom: 1px solid var(--border-subtle) !important;
  backdrop-filter: blur(16px) saturate(160%);
  -webkit-backdrop-filter: blur(16px) saturate(160%);
  box-shadow: 0 1px 0 rgba(168, 85, 247, 0.08);
  margin: 0.75rem auto 0;
  max-width: calc(100% - 1.5rem);
  border-radius: 1.4rem !important;
  border: 1px solid var(--border-subtle) !important;
}
@media (max-width: 575.98px) {
  .navbar {
    margin: 0.5rem auto 0;
    max-width: calc(100% - 0.75rem);
    border-radius: 1.1rem !important;
  }
}
.navbar .navbar-brand {
  font-family: 'Sora', sans-serif;
  font-weight: 800;
  font-size: 1.25rem;
  letter-spacing: -0.02em;
  background: var(--brand-grad);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.navbar .nav-link {
  font-size: 0.85rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  color: var(--text-muted) !important;
  transition: color 0.2s ease;
  position: relative;
}
.navbar .nav-link::after {
  content: '';
  position: absolute;
  left: 0.75rem; right: 0.75rem; bottom: 0.15rem;
  height: 2px;
  border-radius: 2px;
  background: var(--brand-grad);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.25s ease;
}
.navbar .nav-link:hover { color: var(--text-dark) !important; }
.navbar .nav-link:hover::after { transform: scaleX(1); }
.navbar .nav-item a.nav-link.active { color: var(--brand-1) !important; }
.navbar .nav-item a.nav-link.active::after { transform: scaleX(1); }

/* ─── SECTION HEADERS ────────────────────────────────────────────── */
.section-title {
  text-align: center;
  margin-bottom: 1.5rem;
}
.section-title h2 {
  font-family: 'Sora', sans-serif;
  font-weight: 800;
  font-size: clamp(1.8rem, 4vw, 2.5rem);
  letter-spacing: -0.02em;
  color: var(--text-dark);
  margin-bottom: 0.5rem;
}
.section-subtitle {
  text-align: center;
  margin-bottom: 2.5rem;
}
.section-subtitle p {
  color: var(--text-muted) !important;
  font-size: 0.95rem;
  font-weight: 500;
  max-width: 540px;
  margin: 0 auto;
  line-height: 1.7;
}

/* ─── PRODUCT CARDS ──────────────────────────────────────────────── */
.products .card {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-subtle) !important;
  border-radius: 28px 14px 28px 14px !important;
  overflow: hidden;
  transition: all 0.35s cubic-bezier(0.22, 1, 0.36, 1);
  box-shadow: var(--shadow-soft);
}
/* Alternar la asimetría de las esquinas para que la grilla no se vea uniforme/cuadrada */
.products .card:nth-child(3n+2) { border-radius: 14px 28px 14px 28px !important; }
.products .card:nth-child(3n+3) { border-radius: 28px 28px 14px 14px !important; }
.products .card:hover {
  border-color: var(--border-bright) !important;
  transform: translateY(-7px) rotate(-0.4deg) !important;
  box-shadow: var(--shadow-glow) !important;
  background: var(--bg-card-hover) !important;
}
.products .card .card-img-top {
  background: linear-gradient(135deg, #1f1435, #2a1440) !important;
  border-bottom: 1px solid var(--border-subtle);
  border-radius: 0 !important;
}
.products .card .card-body {
  padding: 1.2rem;
  background: var(--bg-card);
}
.products .card .card-title {
  font-family: 'Sora', sans-serif;
  font-size: 1rem;
  font-weight: 700;
  color: var(--text-dark);
  letter-spacing: -0.01em;
  margin-bottom: 0.5rem;
}
.products .card .info {
  font-size: 0.82rem;
  color: var(--text-muted) !important;
  font-weight: 500;
}
.products .card .info .price {
  font-size: 1.1rem;
  font-weight: 800;
  background: var(--brand-grad);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: -0.02em;
}
/* Badge — chip degradado, texto blanco: siempre legible */
.products .card .card-img-top .badges div,
.product-wrapper .badges div {
  background: var(--brand-grad) !important;
  color: #ffffff !important;
  border: none;
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  border-radius: 6px;
  box-shadow: 0 3px 12px rgba(124, 58, 237, 0.35);
}
.products .card .card-img-top .overlay .btn {
  background: rgba(23, 15, 39, 0.85) !important;
  border: 1px solid var(--border-mid) !important;
  color: var(--text-dark) !important;
  font-size: 0.78rem;
  font-weight: 700;
  border-radius: 10px;
  backdrop-filter: blur(8px);
  transition: all 0.25s ease;
}
.products .card .card-img-top .overlay .btn:hover {
  background: var(--brand-grad) !important;
  color: #ffffff !important;
  border-color: transparent !important;
  box-shadow: 0 6px 22px rgba(124, 58, 237, 0.45) !important;
  transform: translateY(-2px);
}

/* ─── BUTTONS ────────────────────────────────────────────────────── */
.btn-primary {
  --bs-btn-bg: linear-gradient(135deg, #7c3aed, #ec4899) !important;
  background: var(--brand-grad) !important;
  --bs-btn-border-color: transparent !important;
  --bs-btn-color: #ffffff !important;
  --bs-btn-hover-color: #ffffff !important;
  --bs-btn-active-color: #ffffff !important;
  --bs-btn-disabled-color: rgba(255, 255, 255, 0.7) !important;
  font-family: 'Sora', sans-serif;
  font-weight: 700;
  font-size: 0.83rem;
  letter-spacing: 0.01em;
  border: none !important;
  border-radius: 10px;
  box-shadow: 0 4px 18px rgba(124, 58, 237, 0.32);
  transition: all 0.22s ease;
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
.btn-primary::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(115deg, transparent 40%, rgba(255, 255, 255, 0.55) 50%, transparent 60%);
  transform: translateX(-120%);
  z-index: -1;
  pointer-events: none;
}
.btn-primary:hover::before {
  transform: translateX(120%);
  transition: transform 0.65s ease;
}
.btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(124, 58, 237, 0.46) !important;
}
.btn-outline-primary {
  --bs-btn-color: var(--brand-1) !important;
  --bs-btn-border-color: var(--border-mid) !important;
  --bs-btn-hover-color: #ffffff !important;
  --bs-btn-hover-border-color: transparent !important;
  font-family: 'Sora', sans-serif;
  font-weight: 600;
  font-size: 0.83rem;
  border-radius: 10px;
  transition: all 0.22s ease;
}
.btn-outline-primary:hover {
  background: var(--brand-grad) !important;
  transform: translateY(-2px);
}
.btn:hover { background-color: unset; border-color: unset; color: unset; }

/* ─── FORMS ──────────────────────────────────────────────────────── */
.form-control, .form-select {
  background-color: #1a1029 !important;
  border: 1px solid var(--border-mid) !important;
  color: var(--text-dark) !important;
  border-radius: 12px;
  font-family: 'Manrope', sans-serif;
  font-size: 0.9rem;
  transition: all 0.2s ease;
}
.form-control:focus, .form-select:focus {
  border-color: var(--brand-1) !important;
  box-shadow: 0 0 0 4px rgba(124, 58, 237, 0.13) !important;
  background-color: #201433 !important;
}
.form-control::placeholder { color: var(--text-dim); }
.form-control:disabled, .form-select:disabled {
  background-color: var(--bg-surface) !important;
  color: var(--text-dim) !important;
}
.form-check-input {
  --bs-form-check-bg: #1a1029;
  border-color: var(--border-mid) !important;
  border-radius: 5px;
}
.form-check-input:checked {
  background: var(--brand-grad) !important;
  border-color: transparent !important;
}
.form-label {
  color: var(--text-muted);
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}

/* ─── FEEDBACK / TESTIMONIALS ────────────────────────────────────── */
.testimonial {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-subtle) !important;
  border-radius: 18px !important;
  transition: all 0.3s ease;
}
.testimonial:hover {
  border-color: var(--border-mid) !important;
  box-shadow: var(--shadow-mid);
  transform: translateY(-3px);
}
.testimonial .header svg { color: rgba(124, 58, 237, 0.18) !important; }
.testimonial .content .message {
  color: var(--text-body);
  font-size: 0.9rem;
  line-height: 1.75;
}
.testimonial .footer {
  background: var(--bg-surface) !important;
  border-top: 1px solid var(--border-subtle);
  border-radius: 0 0 18px 18px;
  color: var(--text-muted) !important;
}
.testimonial .stars svg { color: #d97706 !important; }
.testimonial .content .reply {
  background: var(--bg-surface-2) !important;
  border: 1px solid var(--border-subtle);
  border-radius: 10px;
}
.testimonial .content .reply .text {
  border-left-color: var(--brand-1) !important;
  color: var(--text-muted);
}
.testimonial .content .reply .author span { color: var(--brand-1) !important; }

/* ─── PRODUCT PAGE ───────────────────────────────────────────────── */
.product-wrapper { background: transparent; }
.product-wrapper .carousel img {
  border: 1px solid var(--border-mid) !important;
  border-radius: 18px !important;
}
.product-wrapper .thumbnails button { border-radius: 10px; overflow: hidden; }
.product-wrapper .thumbnails button.active { box-shadow: 0 0 0 2px var(--brand-1); }

.product-wrapper h2.price,
.product-wrapper .product-price,
.product-price {
  font-family: 'Sora', sans-serif !important;
  font-weight: 800 !important;
  font-size: 2.4rem !important;
  background: var(--brand-grad) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  letter-spacing: -0.03em !important;
}
.product-wrapper .stock-count,
.product-wrapper .live-stats { color: var(--ok) !important; font-weight: 700; font-size: 0.85rem; }

.variants {
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  gap: 0.65rem;
}
.variants .variant {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
  background: var(--bg-surface) !important;
  border: 1px solid var(--border-subtle) !important;
  border-radius: 16px !important;
  transition: all 0.2s ease;
  padding: 0.9rem 1.1rem !important;
  text-align: left;
}
.variants .variant:hover {
  border-color: var(--border-mid) !important;
  background: #241738 !important;
}
.variants .variant.active {
  border-color: var(--brand-1) !important;
  background: rgba(124, 58, 237, 0.1) !important;
  box-shadow: 0 0 0 1px rgba(124, 58, 237, 0.3), var(--shadow-soft);
}
.variants .variant .name-stock { flex: 1; min-width: 0; }
.variants .variant .name {
  color: var(--text-dark);
  font-weight: 700;
  font-size: 0.95rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.plan-off-chip {
  display: inline-flex;
  align-items: center;
  background: rgba(74, 222, 128, 0.14);
  color: var(--ok);
  font-size: 0.68rem;
  font-weight: 800;
  padding: 0.1rem 0.45rem;
  border-radius: 6px;
  letter-spacing: 0.02em;
}
.variants .variant .stock { color: var(--text-muted); font-size: 0.75rem; margin-top: 0.15rem; }
.variants .variant .price {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  color: var(--brand-2) !important;
  font-weight: 800;
  font-size: 0.95rem;
  white-space: nowrap;
}
.variants .variant .price s {
  font-weight: 500;
  font-size: 0.75rem;
  color: var(--text-dim);
}
/* Indicador tipo radio, siempre visible (vacío) y relleno con check al seleccionar */
.plan-radio {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 2px solid var(--border-mid);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}
.plan-radio svg {
  width: 13px;
  height: 13px;
  color: #fdf4ff;
  opacity: 0;
  transform: scale(0.6);
  transition: all 0.2s ease;
}
.plan-radio.is-checked {
  background: var(--brand-grad);
  border-color: transparent;
  box-shadow: 0 3px 12px rgba(168, 85, 247, 0.5);
}
.plan-radio.is-checked svg { opacity: 1; transform: scale(1); }

/* Stepper de cantidad — píldora */
.qty-stepper {
  display: inline-flex;
  align-items: center;
  gap: 0;
  background: var(--bg-surface);
  border: 1px solid var(--border-mid);
  border-radius: 9999px;
  padding: 0.25rem;
  width: fit-content;
}
.qty-btn {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: none;
  background: transparent;
  color: var(--text-dark);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}
.qty-btn svg { width: 16px; height: 16px; }
.qty-btn:hover:not(:disabled) { background: rgba(168, 85, 247, 0.16); color: var(--brand-2); }
.qty-btn:disabled { opacity: 0.35; cursor: not-allowed; }
.qty-input {
  width: 52px;
  text-align: center;
  background: transparent;
  border: none;
  color: var(--text-dark);
  font-weight: 800;
  font-size: 1rem;
  -moz-appearance: textfield;
}
.qty-input:focus { outline: none; box-shadow: none; }
.qty-input::-webkit-outer-spin-button,
.qty-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

/* Progreso hacia el próximo descuento por volumen */
.volume-progress { margin-top: 0.9rem; }
.volume-progress-label {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--text-muted);
  margin-bottom: 0.5rem;
}
.volume-progress-label svg { color: var(--brand-2); flex-shrink: 0; }
.volume-progress-track {
  height: 6px;
  border-radius: 999px;
  background: rgba(168, 85, 247, 0.12);
  overflow: hidden;
}
.volume-progress-fill {
  height: 100%;
  border-radius: 999px;
  background: var(--brand-grad);
  transition: width 0.4s cubic-bezier(0.22,1,0.36,1);
}

/* Tabla de descuentos por volumen */
.volume-table {
  margin-top: 1rem;
  border: 1px solid var(--border-subtle);
  border-radius: 14px;
  overflow: hidden;
}
.volume-table-head,
.volume-table-row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 0.6rem 1rem;
  font-size: 0.8rem;
}
.volume-table-head {
  background: var(--bg-surface-2);
  color: var(--text-muted);
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.68rem;
  letter-spacing: 0.04em;
}
.volume-table-row {
  color: var(--text-body);
  font-weight: 600;
  border-top: 1px solid var(--border-subtle);
  transition: background 0.2s ease;
}
.volume-table-row.is-active {
  background: rgba(168, 85, 247, 0.08);
  color: var(--text-dark);
}
.volume-table-row .save { color: var(--ok); font-weight: 700; }
.volume-table-row span:last-child,
.volume-table-head span:last-child { text-align: right; }
.volume-table-row span:nth-child(2),
.volume-table-head span:nth-child(2) { text-align: center; }

/* Checklist "Qué incluye" — listas dentro de la descripción del producto */
.editor ul { list-style: none; padding-left: 0; margin: 1rem 0; }
.editor ul li {
  position: relative;
  padding-left: 1.75rem;
  margin-bottom: 0.55rem;
  color: var(--text-body);
  line-height: 1.6;
}
.editor ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.15rem;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: rgba(74, 222, 128, 0.14);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%234ade80'%3E%3Cpath fill-rule='evenodd' d='M16.7 5.3a1 1 0 010 1.4l-8 8a1 1 0 01-1.4 0l-4-4a1 1 0 111.4-1.4L8 12.6l7.3-7.3a1 1 0 011.4 0z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 11px;
}

/* Buy buttons */
.buy-buttons {
  display: flex !important;
  flex-direction: row !important;
  gap: 0.75rem !important;
  flex-wrap: wrap;
}
.buy-buttons .col { flex: 1; min-width: 0; }
.buy-buttons .btn-primary {
  width: 100%;
  padding: 0.9rem 1.25rem !important;
  font-size: 0.88rem !important;
  font-weight: 800 !important;
  border-radius: 14px !important;
  background: var(--brand-grad) !important;
  border: none !important;
  color: #ffffff !important;
  box-shadow: 0 8px 26px rgba(124, 58, 237, 0.38) !important;
  letter-spacing: 0.01em;
  position: relative;
  overflow: hidden;
}
.buy-buttons .btn-primary::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(115deg, transparent 40%, rgba(255, 255, 255, 0.5) 50%, transparent 60%);
  transform: translateX(-120%);
  pointer-events: none;
}
.buy-buttons .btn-primary:hover {
  box-shadow: 0 12px 34px rgba(124, 58, 237, 0.5) !important;
  transform: translateY(-2px);
}
.buy-buttons .btn-primary:hover::after {
  transform: translateX(120%);
  transition: transform 0.65s ease;
}
.buy-buttons .btn-outline-primary {
  width: 100%;
  padding: 0.9rem 1.25rem !important;
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  border-radius: 14px !important;
  background: rgba(124, 58, 237, 0.06) !important;
  border: 1px solid var(--border-mid) !important;
  color: var(--brand-1) !important;
}
.buy-buttons .btn-outline-primary:hover {
  background: var(--brand-grad) !important;
  border-color: transparent !important;
  color: #fff !important;
}

/* Product tabs */
.product-tabs .nav-link {
  color: var(--text-muted) !important;
  font-weight: 600;
  font-size: 0.85rem;
  border-radius: 10px !important;
  padding: 0.5rem 1rem;
  transition: all 0.2s ease;
  border: 1px solid transparent;
}
.product-tabs .nav-link:hover {
  color: var(--text-dark) !important;
  background: rgba(124, 58, 237, 0.06);
}
.product-tabs .nav-link.active,
.product-tabs .btn-primary {
  background: var(--brand-grad) !important;
  color: #ffffff !important;
  font-weight: 700;
  border-color: transparent !important;
  box-shadow: 0 4px 16px rgba(124, 58, 237, 0.3);
}

/* Description editor */
.editor { color: var(--text-body); line-height: 1.8; font-size: 0.95rem; }
.editor p { margin-bottom: 1rem; }
.editor strong, .editor b { color: var(--text-dark); font-weight: 700; }
.editor h1, .editor h2, .editor h3 { color: var(--text-dark); font-weight: 800; letter-spacing: -0.02em; }
.editor .e-link { color: var(--brand-1) !important; }
.editor .e-quote {
  border-left: 3px solid var(--brand-1) !important;
  padding-left: 1rem;
  color: var(--text-muted);
  font-style: italic;
}

/* ─── FEATURES ───────────────────────────────────────────────────── */
.features .list .feature {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-subtle);
  border-radius: 18px;
  transition: all 0.3s ease;
}
.features .list .feature:hover {
  border-color: var(--border-mid);
  box-shadow: var(--shadow-mid);
  transform: translateY(-3px);
}
.features .list .feature svg,
.features .list .feature i { color: var(--brand-1) !important; }
.features .list .feature .title { color: var(--text-dark); font-weight: 700; font-size: 1rem; letter-spacing: -0.01em; }
.features .list .feature .description { color: var(--text-muted) !important; font-size: 0.85rem; line-height: 1.7; }

/* ─── SOCIALS ─────────────────────────────────────────────────────── */
.socials { background: var(--bg-surface) !important; }
.socials .list .social {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-subtle);
  border-radius: 16px;
  color: var(--text-dark) !important;
  transition: all 0.25s ease;
}
.socials .list .social:hover {
  border-color: var(--border-mid);
  box-shadow: var(--shadow-soft);
  color: var(--brand-1) !important;
}
.socials .list .social .left svg {
  background: var(--brand-grad-soft) !important;
  color: var(--brand-1) !important;
  border: 1px solid var(--border-mid);
}

/* ─── FOOTER ─────────────────────────────────────────────────────── */
footer.footer {
  background: rgba(13, 8, 23, 0.95) !important;
  border-top: 1px solid var(--border-subtle) !important;
}
.footer .logo p {
  font-weight: 800;
  font-size: 1.15rem;
  font-family: 'Sora', sans-serif;
  background: var(--brand-grad);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: -0.02em;
}
.footer h5 {
  font-family: 'Sora', sans-serif;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--brand-1);
}
.footer .nav li a { color: var(--text-muted) !important; font-size: 0.875rem; transition: color 0.2s ease; }
.footer .nav li a:hover { color: var(--brand-1) !important; }

/* ─── CART ───────────────────────────────────────────────────────── */
.cart .product, .cart .form {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-subtle);
  border-radius: 18px;
}

/* ─── FAQ ─────────────────────────────────────────────────────────── */
.faq .accordion {
  --bs-accordion-btn-bg: var(--bg-card) !important;
  --bs-accordion-active-bg: var(--bg-surface) !important;
  --bs-accordion-border-color: var(--border-subtle) !important;
  --bs-accordion-active-color: var(--brand-1) !important;
  --bs-accordion-btn-focus-border-color: var(--brand-1) !important;
  --bs-accordion-btn-focus-box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.13) !important;
}
.accordion-item { border-radius: 14px !important; overflow: hidden; margin-bottom: 0.75rem; border: 1px solid var(--border-subtle) !important; }
.accordion-button { font-family: 'Sora', sans-serif; font-weight: 600; color: var(--text-dark) !important; font-size: 0.95rem; }
.accordion-button:not(.collapsed) { color: var(--brand-1) !important; box-shadow: none !important; }
.accordion-body { background: var(--bg-surface); color: var(--text-muted); font-size: 0.9rem; line-height: 1.8; }

/* ─── LOGIN / OTP MODAL ──────────────────────────────────────────── */
#customer-login-modal input[type="email"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237c3aed' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16v16H4z' opacity='0'/%3E%3Cpath d='M22 6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6zm-2 0-8 5-8-5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 0.9rem center;
  background-size: 20px;
  padding-left: 2.75rem !important;
}
#customer-login-modal .modal-title {
  font-size: 1.3rem;
  text-align: center;
  width: 100%;
}

.rp-otp-wrap {
  display: flex;
  align-items: stretch;
  background-color: #1a1029;
  border: 1px solid var(--border-mid);
  border-radius: 12px;
  padding: 0 0.25rem;
  transition: all 0.2s ease;
}
.rp-otp-wrap:focus-within {
  border-color: var(--brand-1);
  box-shadow: 0 0 0 4px rgba(124, 58, 237, 0.13);
  background-color: #201433;
}
.rp-otp-digit {
  flex: 1 1 0;
  min-width: 0;
  height: 3.25rem;
  background: transparent !important;
  border: none !important;
  outline: none;
  box-shadow: none !important;
  text-align: center;
  font-family: 'Sora', sans-serif;
  font-weight: 800;
  font-size: 1.3rem;
  color: var(--text-dark);
  caret-color: var(--brand-1);
  transition: transform 0.15s ease;
}
.rp-otp-digit::placeholder {
  color: var(--text-dim);
  font-weight: 400;
}
.rp-otp-digit:focus {
  transform: scale(1.12);
}
.rp-otp-digit:not(:last-child) {
  border-right: 1px solid var(--border-subtle) !important;
}

/* ─── MODALS ─────────────────────────────────────────────────────── */
.modal-content {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-mid) !important;
  border-radius: 20px;
  box-shadow: 0 24px 70px rgba(124, 58, 237, 0.22);
}
.modal-header { border-bottom: 1px solid var(--border-subtle) !important; }
.modal-footer { border-top: 1px solid var(--border-subtle) !important; }
.modal-title { font-family: 'Sora', sans-serif; font-weight: 800; color: var(--text-dark); letter-spacing: -0.02em; }

/* ─── GROUP PRODUCT MODAL (selector de variantes) ─────────────────── */
.sa-gmodal__dialog {
  max-width: 620px;
}
.sa-gmodal .sa-gmodal__panel {
  background: linear-gradient(180deg, #1c1330 0%, #120a1f 100%) !important;
  border: 1px solid var(--border-mid) !important;
  border-radius: 24px !important;
  overflow: hidden;
  position: relative;
  box-shadow: 0 30px 80px rgba(124, 58, 237, 0.22), 0 0 0 1px rgba(124,58,237,0.05);
}
.sa-gmodal__glow {
  position: absolute;
  top: -80px;
  left: 50%;
  transform: translateX(-50%);
  width: 320px;
  height: 220px;
  background: radial-gradient(closest-side, rgba(192,38,211,0.22), transparent);
  filter: blur(20px);
  pointer-events: none;
  z-index: 0;
}
.sa-gmodal__top {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.75rem 1.75rem 1.25rem;
  border-bottom: 1px solid var(--border-subtle);
}
.sa-gmodal__eyebrow {
  display: block;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--brand-1);
  margin-bottom: 0.35rem;
}
.sa-gmodal__title {
  margin: 0;
  font-family: 'Sora', sans-serif;
  font-size: 1.35rem;
  font-weight: 800;
  color: var(--text-dark);
  letter-spacing: -0.02em;
  line-height: 1.25;
}
.sa-gmodal__count {
  display: block;
  margin-top: 0.35rem;
  font-size: 0.8rem;
  color: var(--text-muted);
  font-weight: 500;
}
.sa-gmodal__close {
  flex-shrink: 0;
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border: 1px solid var(--border-mid);
  background: rgba(124,58,237,0.06);
  color: var(--text-muted);
  transition: all 0.2s ease;
}
.sa-gmodal__close svg { width: 16px; height: 16px; }
.sa-gmodal__close:hover {
  background: var(--brand-grad);
  color: #fff;
  transform: rotate(90deg);
}

.sa-gmodal__body {
  position: relative;
  z-index: 1;
  padding: 1rem 1rem 1.5rem;
  max-height: 62vh;
  overflow-y: auto;
}
.sa-gmodal__body::-webkit-scrollbar { width: 8px; }
.sa-gmodal__body::-webkit-scrollbar-thumb {
  background: var(--brand-grad);
  border-radius: 999px;
}

.sa-glist {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}

.sa-gitem {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.75rem 0.9rem;
  border-radius: 16px;
  border: 1px solid var(--border-subtle);
  background: #17102a;
  text-decoration: none !important;
  overflow: hidden;
  transition: transform 0.22s ease, border-color 0.22s ease, background 0.22s ease, box-shadow 0.22s ease;
  animation: gitemIn 0.35s ease both;
  animation-delay: calc(var(--i, 0) * 0.04s);
}
@keyframes gitemIn {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

.sa-gitem:hover {
  border-color: var(--border-bright);
  background: #1f1535;
  transform: translateX(4px);
  box-shadow: var(--shadow-soft);
}

.sa-gitem__left {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  min-width: 0;
}

.sa-gitem__thumb {
  flex-shrink: 0;
  width: 52px;
  height: 52px;
  border-radius: 12px;
  overflow: hidden;
  background: linear-gradient(135deg, #1f1435, #2a1440);
  border: 1px solid var(--border-subtle);
}
.sa-gitem__thumb img { width: 100%; height: 100%; object-fit: cover; }
.sa-gitem__ph {
  width: 100%; height: 100%;
  display: flex; align-items: center; justify-content: center;
  color: rgba(124, 58, 237, 0.35);
}
.sa-gitem__ph svg { width: 22px; height: 22px; }

.sa-gitem__meta { min-width: 0; }
.sa-gitem__name {
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--text-dark);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 220px;
}

.sa-gpill {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin-top: 0.3rem;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.02em;
}
.sa-gpill .dot { width: 6px; height: 6px; border-radius: 50%; }
.sa-gpill.is-in { color: var(--ok); }
.sa-gpill.is-in .dot { background: var(--ok); box-shadow: 0 0 6px rgba(21,128,61,0.5); }
.sa-gpill.is-low { color: var(--warn); }
.sa-gpill.is-low .dot { background: var(--warn); box-shadow: 0 0 6px rgba(180,83,9,0.5); }
.sa-gpill.is-out { color: var(--danger); }
.sa-gpill.is-out .dot { background: var(--danger); }

.sa-gitem__right {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.sa-gitem__price {
  font-size: 1rem;
  font-weight: 800;
  color: var(--brand-1);
  letter-spacing: -0.02em;
  white-space: nowrap;
}
.sa-gitem__go {
  width: 30px;
  height: 30px;
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(124,58,237,0.08);
  color: var(--brand-1);
  transition: all 0.22s ease;
}
.sa-gitem__go svg { width: 16px; height: 16px; }
.sa-gitem:hover .sa-gitem__go {
  background: var(--brand-grad);
  color: #fff;
  transform: translateX(2px);
}

.sa-gitem__shine {
  position: absolute;
  inset: 0;
  background: linear-gradient(115deg, transparent 40%, rgba(124,58,237,0.05) 50%, transparent 60%);
  transform: translateX(-100%);
  pointer-events: none;
}
.sa-gitem:hover .sa-gitem__shine {
  transform: translateX(100%);
  transition: transform 0.6s ease;
}

@media (max-width: 575.98px) {
  .sa-gmodal__top { padding: 1.4rem 1.1rem 1rem; }
  .sa-gmodal__title { font-size: 1.1rem; }
  .sa-gitem__name { max-width: 140px; }
}

/* ─── ALERTS ─────────────────────────────────────────────────────── */
.alert-warning {
  background: var(--warn-bg) !important;
  border: 1px solid rgba(180, 83, 9, 0.25) !important;
  border-radius: 12px !important;
  color: var(--warn) !important;
  font-weight: 600;
  font-size: 0.85rem;
}
.alert-info,
[class*="discount"],
[class*="bulk"] {
  background: var(--ok-bg) !important;
  border: 1px solid rgba(21, 128, 61, 0.22) !important;
  border-radius: 12px !important;
  color: var(--ok) !important;
  font-weight: 600;
  font-size: 0.85rem;
}

/* ─── PAGINATION ─────────────────────────────────────────────────── */
.pagination .page-item:not(.active) .page-link {
  background-color: var(--bg-card) !important;
  border-color: var(--border-subtle) !important;
  color: var(--text-muted) !important;
  border-radius: 10px;
}
.pagination .page-item.active .page-link {
  background: var(--brand-grad) !important;
  border-color: transparent !important;
  color: #ffffff !important;
  font-weight: 700;
  box-shadow: 0 4px 16px rgba(124, 58, 237, 0.4);
}

/* ─── DROPDOWN ───────────────────────────────────────────────────── */
.dropdown-menu, .dropdown-menu-dark {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-mid) !important;
  border-radius: 14px;
  box-shadow: 0 16px 44px rgba(124, 58, 237, 0.18);
}
.dropdown-item { color: var(--text-muted) !important; font-size: 0.875rem; font-weight: 500; border-radius: 8px; margin: 0.1rem 0.25rem; transition: all 0.15s ease; }
.dropdown-item:hover { background: rgba(124, 58, 237, 0.08) !important; color: var(--text-dark) !important; }

/* ─── NOTIFICATION ───────────────────────────────────────────────── */
.notification-content {
  background-color: var(--bg-card) !important;
  border: 1px solid var(--border-mid) !important;
  box-shadow: 0 18px 50px rgba(124, 58, 237, 0.2) !important;
  border-radius: 16px !important;
}
.notification-text-primary { color: var(--text-muted) !important; }
.notification-text-secondary { color: var(--text-dark) !important; font-weight: 700; }
.notification-text-tertiary { color: var(--text-dim) !important; }

/* ─── CHOICES ─────────────────────────────────────────────────────── */
.choices .choices__inner {
  background-color: #1a1029 !important;
  border: 1px solid var(--border-mid) !important;
  color: var(--text-dark) !important;
  border-radius: 12px !important;
}
.choices .choices__list.choices__list--dropdown {
  background-color: var(--bg-card) !important;
  border: 1px solid var(--border-mid) !important;
  border-radius: 12px;
}
.choices .choices__list--dropdown .choices__item,
.choices .choices__list[aria-expanded] .choices__item { background-color: transparent !important; color: var(--text-muted) !important; }
.choices .choices__list--dropdown .choices__item--selectable.is-highlighted,
.choices .choices__list[aria-expanded] .choices__item--selectable.is-highlighted { background-color: rgba(124, 58, 237, 0.1) !important; color: var(--text-dark) !important; }

/* ─── SCROLL TO TOP ──────────────────────────────────────────────── */
#scroll-to-top {
  background: var(--brand-grad) !important;
  border: none !important;
  color: #ffffff !important;
  border-radius: 12px !important;
  box-shadow: 0 6px 22px rgba(124, 58, 237, 0.4) !important;
  transition: all 0.25s ease;
}
#scroll-to-top:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 30px rgba(124, 58, 237, 0.52) !important;
}

/* ─── STATUS ─────────────────────────────────────────────────────── */
.status-card { background: var(--bg-card) !important; border: 1px solid var(--border-subtle) !important; border-radius: 14px; }
.status-card h3 { color: var(--text-dark) !important; font-weight: 700; font-size: 0.95rem; }
.status-group h2 { color: var(--text-dark) !important; font-weight: 800; font-size: 1.4rem; letter-spacing: -0.02em; }

/* ─── BLOCKS ─────────────────────────────────────────────────────── */
.bg-block-primary { background-color: var(--bg-page) !important; }
.bg-block-secondary { background-color: var(--bg-surface) !important; }
.cta-text-image { background: var(--bg-surface) !important; border-top: 1px solid var(--border-subtle); border-bottom: 1px solid var(--border-subtle); }
.cta-text-image .content .subtitle { color: var(--brand-1) !important; }
.cta-text-center { background: var(--bg-page) !important; }
.cta-text-center .content .subtitle { color: var(--brand-1) !important; }

/* ─── NAV PILLS ──────────────────────────────────────────────────── */
.nav-pills .nav-link { color: var(--text-muted); font-weight: 600; border-radius: 10px; }
.nav-pills .nav-link.active { background: var(--brand-grad) !important; color: #ffffff !important; font-weight: 700; box-shadow: 0 4px 16px rgba(124, 58, 237, 0.32); }

/* ─── CHIPS ──────────────────────────────────────────────────────── */
.chips .btn { background: rgba(124, 58, 237, 0.06); border: 1px solid var(--border-subtle); color: var(--text-muted); font-size: 0.78rem; font-weight: 600; border-radius: 2rem; transition: all 0.2s ease; }
.chips .btn:hover, .chips .btn.active { background: rgba(124, 58, 237, 0.14); border-color: var(--border-mid); color: var(--brand-1); }

/* ─── ALTCHA ─────────────────────────────────────────────────────── */
:root {
  --altcha-color-base: #1a1029 !important;
  --altcha-color-border: rgba(124, 58, 237, 0.28) !important;
  --altcha-color-text: var(--text-dark) !important;
  --altcha-color-footer-bg: var(--bg-card) !important;
}

/* ─── SCROLLBAR ──────────────────────────────────────────────────── */
::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background: var(--bg-surface); }
::-webkit-scrollbar-thumb { background: rgba(124, 58, 237, 0.35); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: rgba(124, 58, 237, 0.6); }

/* ─── SELECTION ──────────────────────────────────────────────────── */
::selection { background: rgba(192, 38, 211, 0.22); color: var(--text-dark); }

/* ─── HERO ───────────────────────────────────────────────────────── */
.hero .content h1 {
  font-family: 'Sora', sans-serif;
  font-weight: 800;
  letter-spacing: -0.03em;
  color: var(--text-dark);
}
.hero .content p { color: var(--text-muted) !important; }
.hero .content .stats {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-subtle);
  box-shadow: var(--shadow-soft);
}
.hero .content .stats div .value { color: var(--text-dark) !important; }
.hero .content .stats div .value svg { color: var(--brand-1) !important; }
.hero .content .stats div .label { color: var(--text-muted) !important; }
.hero .fake-searchbar input,
.hero .search-modal .searchbar input {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-mid) !important;
  color: var(--text-dark) !important;
}
.hero .fake-searchbar svg,
.hero .search-modal .searchbar svg { color: var(--text-muted) !important; }

/* ─── CURRENCY SELECTOR ──────────────────────────────────────────── */
.currency-selector .symbol {
  background-color: rgba(124, 58, 247, 0.08) !important;
  color: var(--brand-1) !important;
}

/* ─── EDITOR CODE BLOCKS (descripciones de producto) ─────────────── */
.editor .e-text-code,
.editor .e-code {
  background-color: var(--bg-surface) !important;
  color: var(--text-dark) !important;
  border: 1px solid var(--border-subtle);
}
.editor .e-collapsible {
  background-color: var(--bg-surface) !important;
  border: 1px solid var(--border-subtle) !important;
}

/* ─── TRUST SECTION (debajo de productos) ───────────────────────── */
.rp-why-us {
  padding: 4rem 0;
  text-align: center;
}
.rp-why-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1.5rem;
  margin-top: 2.5rem;
}
.rp-why-card {
  background: var(--bg-card);
  border: 1px solid var(--border-subtle);
  border-radius: 1.25rem;
  padding: 2rem 1.5rem;
  text-align: center;
  transition: all 0.3s ease;
}
.rp-why-card:hover {
  border-color: var(--border-mid);
  transform: translateY(-4px);
  box-shadow: var(--shadow-mid);
}
.rp-why-icon {
  width: 52px; height: 52px;
  display: flex; align-items: center; justify-content: center;
  background: var(--brand-grad-soft);
  border: 1px solid var(--border-mid);
  border-radius: 0.875rem;
  margin: 0 auto 1.25rem;
  color: var(--brand-1);
  font-size: 1.4rem;
}
.rp-why-title { font-family: 'Sora', sans-serif; font-size: 1rem; font-weight: 700; color: var(--text-dark); margin-bottom: 0.5rem; }
.rp-why-desc { font-size: 0.85rem; color: var(--text-muted); line-height: 1.7; }

/* Boostify Market redesign: a small, accessible design system layered over SellAuth markup. */
:root{--boost-bg:#0a1020;--boost-panel:#101a2e;--boost-panel-2:#14213a;--boost-line:rgba(164,185,222,.16);--boost-text:#f4f7ff;--boost-muted:#aebbd1;--boost-primary:#6d7cff;--boost-primary-2:#8f61ff;--boost-success:#38c996;--boost-danger:#ff6b7b;--boost-radius:16px;--boost-shadow:0 18px 44px rgba(1,8,23,.25)}
html{scroll-behavior:smooth}body{background:var(--boost-bg)!important;color:var(--boost-text)!important;line-height:1.55}.flex-wrapper{min-height:100vh;background:radial-gradient(900px 500px at 95% -10%,rgba(109,124,255,.15),transparent 60%),var(--boost-bg)}
body,button,input,select,textarea{font-family:var(--bs-font-sans-serif)}a{color:#bdc7ff}a:hover{color:#fff}.py-5-nav{padding-top:4.5rem!important;padding-bottom:4.5rem!important}.text-muted{color:var(--boost-muted)!important}.boost-kicker,.boost-summary-label{color:#aeb8ff;font-size:.72rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.boost-kicker{margin:0 0 .25rem}
/* Navigation */
header.sticky-top{z-index:1030}.navbar,.navbar.navbar-glass{background:rgba(10,16,32,.86)!important;border-bottom:1px solid var(--boost-line)!important;box-shadow:none!important;backdrop-filter:blur(18px)}.navbar .container{min-height:64px}.navbar-brand{color:#fff!important;font-size:1rem;letter-spacing:-.02em}.navbar-brand img{border-radius:8px}.navbar-nav.me-auto .nav-link,.navbar-nav.me-auto .btn{font-size:.9rem!important;color:var(--boost-muted)!important;padding:.5rem .7rem!important}.navbar-nav.me-auto .nav-link:hover,.navbar-nav.me-auto .btn:hover{color:#fff!important;background:rgba(109,124,255,.12)!important}.navbar-nav.gap-3 .btn-outline-primary,.navbar-nav .cart .btn{border:1px solid var(--boost-line)!important;background:rgba(255,255,255,.03)!important;color:#fff!important;border-radius:10px!important}.navbar-toggler{border-color:var(--boost-line)!important}.navbar-toggler-icon{filter:invert(1)}
/* Hero */
.boost-hero{position:relative;overflow:hidden;padding:8.5rem 0 6rem;background:linear-gradient(125deg,#0b1225 0%,#121a36 100%)}.boost-hero__aurora{position:absolute;width:58rem;height:40rem;left:50%;top:-21rem;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(109,124,255,.35),rgba(143,97,255,.1),transparent);filter:blur(4px);pointer-events:none}.boost-hero__content{position:relative;max-width:900px;text-align:center}.boost-eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:.42rem .75rem;border:1px solid rgba(173,186,255,.24);border-radius:999px;background:rgba(109,124,255,.1);color:#c5cdfd;font-size:.72rem;font-weight:800;letter-spacing:.12em}.boost-eyebrow span{width:7px;height:7px;border-radius:50%;background:var(--boost-success);box-shadow:0 0 0 4px rgba(56,201,150,.13)}.boost-hero h1{max-width:760px;margin:1.35rem auto .9rem;color:#fff;font-size:clamp(2.7rem,7vw,5.2rem);font-weight:800;line-height:1.02;letter-spacing:-.065em}.boost-hero__lead{max-width:660px;margin:0 auto;font-size:clamp(1rem,2vw,1.2rem);color:#c3cde0}.boost-hero__actions{display:flex;gap:.9rem;justify-content:center;align-items:center;flex-wrap:wrap;margin:2rem 0 3.5rem}.boost-cta{padding:.82rem 1.2rem!important;box-shadow:0 10px 28px rgba(109,124,255,.28)}.boost-text-link{padding:.7rem;color:#d6def2;text-decoration:none;font-weight:700;font-size:.92rem}.boost-hero__facts{display:flex;justify-content:center;gap:0;border:1px solid var(--boost-line);border-radius:var(--boost-radius);background:rgba(10,16,32,.42);overflow:hidden}.boost-hero__facts div{display:grid;grid-template-columns:auto auto;gap:.1rem .45rem;padding:1rem 1.5rem;text-align:left;min-width:160px;border-right:1px solid var(--boost-line)}.boost-hero__facts div:last-child{border:0}.boost-hero__facts i{grid-row:span 2;align-self:center;color:#aab6ff}.boost-hero__facts span{font-size:.73rem;color:var(--boost-muted)}.boost-hero__facts strong{font-size:1rem;color:#fff}
/* Reusable SellAuth surfaces */
.card,.bg-gray,.modal-content,.cart .product,.cart .form,.editor,.product-wrapper .carousel,.product-wrapper>.container .card-img-top{background:var(--boost-panel)!important;border:1px solid var(--boost-line)!important;border-radius:var(--boost-radius)!important;box-shadow:var(--boost-shadow)}.section-title h1,.section-title h2,.product-wrapper h1{color:#fff!important;letter-spacing:-.045em;font-weight:800!important}.section-title h1:after,.section-title h2:after{display:none}.btn{min-height:42px;border-radius:10px!important;font-weight:700!important;transition:transform .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease}.btn-primary{background:linear-gradient(135deg,var(--boost-primary),var(--boost-primary-2))!important;border:0!important;color:#fff!important}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px rgba(109,124,255,.28)}.btn-outline-primary{color:#dce2ff!important;border-color:rgba(154,169,255,.48)!important;background:transparent!important}.btn-outline-primary:hover:not(:disabled){background:rgba(109,124,255,.14)!important}.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(164,177,255,.75)!important;outline-offset:2px;box-shadow:none!important}.btn:disabled{opacity:.55;cursor:not-allowed}.form-control,.form-select,.choices__inner{min-height:46px;border:1px solid var(--boost-line)!important;border-radius:10px!important;background:#0c1528!important;color:#fff!important}.form-control::placeholder{color:#8592aa}.form-control:focus{border-color:#8491ff!important;box-shadow:0 0 0 3px rgba(109,124,255,.16)!important}.form-label{color:#e7edff!important;font-weight:700}.alert{border-radius:12px!important}.alert-warning{border-color:rgba(255,201,102,.32)!important;background:rgba(255,201,102,.1)!important;color:#ffde9a}.alert-danger{border-color:rgba(255,107,123,.35)!important;background:rgba(255,107,123,.1)!important;color:#ffb4bd}
/* Product discovery and product detail */
.rp-products-section{padding-top:5rem!important;padding-bottom:5rem!important}.rp-section-head{text-align:left!important;margin-bottom:2rem!important}.rp-section-badge{display:none!important}.rp-section-title{color:#fff!important;font-size:clamp(1.8rem,3vw,2.5rem)!important}.rp-section-subtitle{margin:0!important;color:var(--boost-muted)!important}.pcard{background:var(--boost-panel)!important;border-color:var(--boost-line)!important;border-radius:var(--boost-radius)!important;box-shadow:none!important}.pcard:hover{transform:translateY(-4px)!important;border-color:rgba(145,160,255,.52)!important;box-shadow:var(--boost-shadow)!important}.pcard-img{background:var(--bg-surface-2, #170f27)!important}.pcard-body{background:transparent!important;padding:1rem 1.1rem 1.15rem!important}.pcard-title{color:#fff!important}.pcard-price{color:#c4cdff!important}.pcard-overlay{opacity:1!important;background:linear-gradient(transparent 40%,rgba(4,10,22,.85))!important}.pcard-cta-btn{background:#fff!important;color:#111936!important;border-radius:9px!important}.pcard-stock-in{color:var(--boost-success)!important}.pcard-stock-out{color:#ff98a4!important}.product-wrapper .carousel-inner{position:relative;border-radius:var(--boost-radius);background:var(--bg-surface-2, #170f27);overflow:hidden}.product-wrapper .carousel-item{width:100%}.product-wrapper .carousel img,.product-wrapper>img{display:block;width:100%;height:auto;border-radius:var(--boost-radius);background:var(--bg-surface-2, #170f27)}.product-wrapper .thumbnails button{border:1px solid var(--boost-line);border-radius:8px;overflow:hidden}.product-wrapper .thumbnails button.active{border-color:#98a5ff}.product-wrapper .badges>div,.status{border-radius:999px!important}.variants .variant{border:1px solid var(--boost-line)!important;background:var(--boost-panel)!important;border-radius:12px!important;color:var(--boost-text)!important}.variants .variant.active{border-color:#8b98ff!important;background:rgba(109,124,255,.13)!important}.qty-stepper{border-color:var(--boost-line)!important;border-radius:10px!important;background:var(--boost-panel)!important}.qty-input{background:transparent!important;color:#fff!important}.buy-buttons .btn{min-height:50px}.editor{line-height:1.75;color:#dce5f5!important}.desc-lang-switch{background:var(--boost-panel)!important;border-color:var(--boost-line)!important}.desc-lang-indicator{background:var(--boost-primary)!important}
/* Checkout, account and modal */
.boost-checkout__heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2.2rem}.boost-checkout__heading h1{margin:.2rem 0;color:#fff;font-size:2.5rem;font-weight:800;letter-spacing:-.05em}.boost-checkout__heading p:last-child{margin:0;color:var(--boost-muted)}.boost-checkout__steps{display:flex;gap:.55rem;list-style:none;margin:0;padding:0;color:#8390a8;font-size:.78rem;font-weight:700}.boost-checkout__steps li{padding:.4rem .6rem;border-radius:999px;border:1px solid var(--boost-line)}.boost-checkout__steps .is-current{color:#fff;background:rgba(109,124,255,.14);border-color:#7483ff}.boost-order-summary{position:sticky;top:90px}.boost-summary-label{margin:0 0 .3rem}.boost-empty-state i{display:block;margin-bottom:.7rem;color:#aebaff;font-size:2rem}.boost-empty-state h2{color:#fff;font-size:1.2rem;font-weight:800}.cart .product{padding:.8rem!important}.cart .product a{color:#fff!important}.modal-content{overflow:hidden}.modal-header,.modal-footer{border-color:var(--boost-line)!important}.modal-body{padding:1.5rem!important}.rp-otp-wrap{gap:.55rem!important}.rp-otp-digit{height:50px!important;width:44px!important;border:1px solid var(--boost-line)!important;background:#0c1528!important;border-radius:10px!important;color:#fff!important;font-size:1.35rem!important}.rp-otp-digit:focus{border-color:#8491ff!important;box-shadow:0 0 0 3px rgba(109,124,255,.16)!important}.customer-sidebar,.customer-sidebar .card,.table{background:var(--boost-panel)!important;color:#e7edff!important}.table>:not(caption)>*>*{background:transparent!important;color:inherit!important;border-color:var(--boost-line)!important}
/* Footer and motion */
.nexus-footer{background:#080e1b!important;border-color:var(--boost-line)!important}.nexus-footer-name{background:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important}.nexus-footer-link{color:var(--boost-muted)!important}.nexus-social-link{background:var(--boost-panel)!important;border-color:var(--boost-line)!important;color:#d7dfff!important}@media(max-width:767.98px){.py-5-nav{padding-top:2.75rem!important;padding-bottom:3.25rem!important}.boost-hero{padding:6.5rem 0 4rem}.boost-hero h1{font-size:clamp(2.5rem,13vw,3.65rem)}.boost-hero__facts{display:grid;grid-template-columns:1fr 1fr}.boost-hero__facts div{min-width:0;padding:.85rem;border-bottom:1px solid var(--boost-line)}.boost-hero__facts div:nth-child(2){border-right:0}.boost-hero__facts div:last-child{border-bottom:0}.boost-checkout__heading{display:block}.boost-checkout__steps{margin-top:1rem;overflow:auto}.boost-order-summary{position:static;margin-top:1rem}.navbar-collapse{padding:1rem 0}.navbar-nav.me-auto{align-items:stretch!important}.navbar-nav.gap-3{flex-direction:row!important;flex-wrap:wrap}.pcard-overlay{display:none!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Supreme-inspired Boostify update: pearl-purple, black canvas, compact cards and road carousel. */
:root{--boost-bg:#09080d;--boost-panel:#101016;--boost-panel-2:#171521;--boost-line:rgba(234,224,255,.13);--boost-text:#f8f5ff;--boost-muted:#a69eaf;--boost-primary:#a979ff;--boost-primary-2:#e8dcff;--boost-radius:14px;--boost-shadow:0 22px 54px rgba(0,0,0,.38)}
.flex-wrapper{background:radial-gradient(900px 560px at 50% -18%,rgba(141,89,255,.16),transparent 68%),var(--boost-bg)!important}.navbar,.navbar.navbar-glass{width:min(1120px,calc(100% - 32px));margin:12px auto 0;border:1px solid rgba(231,219,255,.17)!important;border-radius:14px;background:rgba(9,8,13,.86)!important}.navbar .container{min-height:46px}.navbar-brand{font-size:.82rem!important}.navbar-brand:before{content:'✦';color:#cbb2ff;margin-right:.45rem}.navbar-brand img{display:none}.navbar-nav.me-auto .nav-link,.navbar-nav.me-auto .btn{font-size:.72rem!important}.navbar-nav.gap-3 .btn-outline-primary,.navbar-nav .cart .btn{min-height:32px!important;font-size:.72rem!important}
.boost-hero{min-height:700px;padding:12rem 0 6.25rem;background:linear-gradient(180deg,rgba(9,8,13,.14) 0%,rgba(9,8,13,.42) 56%,var(--boost-bg) 100%),linear-gradient(90deg,rgba(22,11,40,.8),rgba(9,8,13,.12),rgba(22,11,40,.8)),var(--boost-hero-image) center/cover no-repeat!important}.boost-hero:before{content:'';position:absolute;inset:0;opacity:.43;background-image:radial-gradient(rgba(235,224,255,.9) .75px,transparent .85px);background-size:32px 32px;mask-image:linear-gradient(to bottom,black,transparent 86%);pointer-events:none}.boost-hero__aurora{width:50rem;height:28rem;top:8rem;background:radial-gradient(closest-side,rgba(161,109,255,.34),rgba(122,62,217,.08),transparent)!important}.boost-hero__content{max-width:800px}.boost-eyebrow{font-size:.64rem;background:rgba(15,12,20,.6);border-color:rgba(235,224,255,.22);color:#e7ddf8}.boost-eyebrow span{background:#cfb1ff;box-shadow:0 0 0 4px rgba(207,177,255,.12)}.boost-hero h1{max-width:800px;font-size:clamp(3rem,5vw,4.5rem);text-shadow:0 2px 28px #050308}.boost-hero h1 span{display:block;background:linear-gradient(110deg,#a974ff,#f3ecff,#a974ff);background-clip:text;-webkit-background-clip:text;color:transparent}.boost-hero__lead{max-width:570px;font-size:.96rem;color:#d6cedf;text-shadow:0 1px 14px #050308}.boost-hero__actions{margin:1.8rem 0 1.25rem}.boost-cta{background:linear-gradient(130deg,#9e65ff,#e6d9ff)!important;color:#160d25!important;padding:.75rem 1.1rem!important}.boost-text-link{border:1px solid rgba(234,224,255,.22);border-radius:10px;background:rgba(9,8,13,.45);font-size:.8rem}.boost-hero__facts{display:none}.boost-hero__trust{display:flex;justify-content:center;gap:1.2rem;flex-wrap:wrap;color:#e3dcef;font-size:.72rem;font-weight:700}.boost-hero__trust b{display:inline-block;width:5px;height:5px;margin-right:.35rem;border-radius:50%;background:#c8a5ff;box-shadow:0 0 8px #b67cff}
/* Home product highway. Duplicate set creates a seamless, continuously moving road. */
.boost-products{padding:5rem 0;background:var(--boost-bg);overflow:hidden}.boost-products__header{width:min(1120px,calc(100% - 32px));margin:0 auto 1.55rem;display:flex;justify-content:space-between;align-items:end;gap:1.25rem}.boost-products__header h2{margin:0;color:#fff;font-size:clamp(1.75rem,3vw,2.45rem);font-weight:800;letter-spacing:-.05em}.boost-products__header p{margin:.45rem 0 0;color:var(--boost-muted);font-size:.87rem}.boost-products__header .btn{min-height:36px;font-size:.72rem}.boost-products__road{position:relative;width:100%;overflow:hidden;padding:4px 0 24px}.boost-products__road:before,.boost-products__road:after{content:'';position:absolute;z-index:2;top:0;bottom:0;width:12vw;pointer-events:none}.boost-products__road:before{left:0;background:linear-gradient(90deg,var(--boost-bg),transparent)}.boost-products__road:after{right:0;background:linear-gradient(270deg,var(--boost-bg),transparent)}.boost-products__track{display:flex;width:max-content;animation:boostRoad 52s linear infinite}.boost-products__road:hover .boost-products__track{animation-play-state:paused}.boost-products__set{display:flex;gap:14px;padding:0 7px}.boost-products__set>.col-12{width:245px;flex:0 0 245px;margin:0!important;padding:0!important}.boost-products__set .pcard{height:100%;border-radius:12px!important}.boost-products__set .pcard-img{aspect-ratio:16/9}.boost-products__set .pcard-body{padding:.85rem!important}.boost-products__set .pcard-title{font-size:.9rem!important}.boost-products__set .pcard-price{font-size:1rem!important}.boost-products__set .pcard-overlay{display:none!important}@keyframes boostRoad{to{transform:translateX(-50%)}}
/* Why Boostify: four-panel editorial widget, modeled on the reference composition without duplicating its content. */
.boost-why{padding:6.5rem 0;background:var(--boost-bg)}.boost-why__header{max-width:660px;margin:0 auto 2.25rem;text-align:center}.boost-why__header h2{margin:.25rem 0 .55rem;color:#fff;font-size:clamp(2rem,4vw,3.1rem);font-weight:800;letter-spacing:-.055em}.boost-why__header>p:last-child{margin:0;color:var(--boost-muted);font-size:.92rem}.boost-why__grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:850px;margin:auto}.boost-why__card{position:relative;min-height:245px;padding:1.35rem;overflow:hidden;border:1px solid var(--boost-line);border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.005));color:#fff}.boost-why__card h3{position:relative;margin:.75rem 0 .35rem;font-size:1.05rem;font-weight:800;letter-spacing:-.03em}.boost-why__card p{position:relative;max-width:38ch;margin:0;color:var(--boost-muted);font-size:.8rem;line-height:1.55}.boost-why__icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(235,224,255,.14);border-radius:50%;color:#d4b9ff;font-size:1rem}.boost-why__eyebrow{position:absolute;top:1.45rem;right:1.35rem;color:#90869a;font-size:.55rem;font-weight:800;letter-spacing:.12em}.boost-why__eyebrow b{display:inline-block;width:5px;height:5px;border-radius:50%;background:#b88aff;margin-right:4px}.boost-why__chat{position:absolute;right:-10px;bottom:0;width:57%;height:78%;border-left:1px solid rgba(235,224,255,.1);transform:skewX(-9deg);opacity:.7}.boost-why__chat span{display:block;width:60%;height:22px;margin:19px 0 0 28px;border-radius:7px;background:rgba(181,135,255,.13);border:1px solid rgba(204,176,255,.13)}.boost-why__payment-grid{position:absolute;right:12px;bottom:13px;display:grid;grid-template-columns:repeat(3,43px);gap:6px;opacity:.85}.boost-why__payment-grid span{display:grid;place-items:center;height:28px;border-radius:5px;background:linear-gradient(135deg,#33264a,#ba9aff);color:#171020;font-size:.47rem;font-weight:900}.boost-why__card--dashboard{grid-column:span 1.35;min-height:280px}.boost-dashboard-preview{display:flex;height:130px;margin:-1.35rem -1.35rem 1.2rem;border-bottom:1px solid var(--boost-line);background:#0b0b10}.boost-dashboard-preview__side{width:18%;border-right:1px solid var(--boost-line);background:linear-gradient(#23153a,#0b0b10)}.boost-dashboard-preview__main{display:grid;grid-template-columns:repeat(3,1fr);align-content:start;gap:7px;flex:1;padding:20px}.boost-dashboard-preview__main span{height:27px;border:1px solid rgba(235,224,255,.11);border-radius:4px;background:#14131c}.boost-dashboard-preview__main i{grid-column:span 3;height:15px;border-radius:3px;background:rgba(184,140,255,.13)}.boost-why__card--delivery{min-height:280px}.boost-delivery-ring{width:118px;height:118px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto 1rem;border:8px solid #ad77ff;border-left-color:#4a305f;border-radius:50%;box-shadow:0 0 24px rgba(169,121,255,.15);color:#cfb0ff}.boost-delivery-ring i{font-size:1.2rem}.boost-delivery-ring span{font-size:.55rem;font-weight:900;letter-spacing:.12em;margin-top:5px}.boost-why__proof{display:flex;justify-content:center;gap:1.4rem;flex-wrap:wrap;margin:2rem 0 1.5rem;color:#bbb1c6;font-size:.74rem;font-weight:700}.boost-why__proof i{color:#c6a4ff;margin-right:.3rem}.boost-why__action{text-align:center}.boost-why__action .btn{min-height:44px;font-size:.82rem}
@media(max-width:767.98px){.navbar{width:calc(100% - 20px);margin-top:8px}.boost-hero{min-height:620px;padding:8.5rem 0 4rem;background-position:center}.boost-hero__trust{gap:.65rem}.boost-products__header{align-items:start;flex-direction:column}.boost-products__set>.col-12{width:220px;flex-basis:220px}.boost-products__track{animation-duration:38s}.boost-why{padding:4.5rem 0}.boost-why__grid{grid-template-columns:1fr;margin:0 10px}.boost-why__card--dashboard{grid-column:auto}.boost-why__card{min-height:235px}.boost-why__proof{gap:.65rem}.boost-why__payment-grid{right:8px;grid-template-columns:repeat(3,38px)}}

/* Final spacing and visual cleanup */
.announcement{display:none!important}.boost-hero{margin-top:-76px;padding-top:13.75rem}.boost-products{padding-top:6.75rem;padding-bottom:6.75rem}.boost-why{padding-top:7rem;padding-bottom:7rem}.rp-ctab{padding:6.5rem 0!important}.rp-ctab-card{border-radius:16px!important;background:linear-gradient(145deg,#171220,#0d0b11)!important;border-color:rgba(223,204,255,.18)!important;box-shadow:0 18px 52px rgba(0,0,0,.38)!important}.rp-ctab-glow{background:radial-gradient(closest-side,rgba(177,128,255,.26),transparent)!important}.rp-ctab-badge{color:#eadfff!important;border-color:rgba(207,178,255,.3)!important;background:rgba(178,125,255,.1)!important}.rp-ctab-badge svg{color:#caa9ff!important}.rp-ctab-title{color:#fff!important}.rp-ctab-subtitle{color:#aaa1b4!important}.rp-ctab-btn-primary{border-radius:10px!important;background:linear-gradient(135deg,#a979ff,#e7dcff)!important;color:#190f27!important;box-shadow:none!important}.rp-ctab-btn-secondary{border-radius:10px!important;border-color:rgba(223,204,255,.24)!important;color:#eadfff!important;background:rgba(255,255,255,.025)!important}
/* OTP is intentionally six separate controls: clear focus, generous gaps, no oversized wrapper. */
#customer-login-modal .modal-dialog{max-width:480px}.modal-backdrop{background:#030205}.modal-content{background:#0d0c12!important;border-color:rgba(226,212,255,.18)!important;border-radius:16px!important;box-shadow:0 26px 80px rgba(0,0,0,.62)!important}.modal-header{padding:1.25rem 1.35rem!important}.modal-header .modal-title{width:auto!important;text-align:left!important;color:#f5f0ff!important;font-size:1.35rem!important;letter-spacing:-.035em}.modal-body{padding:1.35rem!important}.modal-body small,.modal-body .form-text{color:#a79faf!important;line-height:1.5}.btn-close{filter:invert(1) grayscale(1);opacity:.65!important}.rp-otp-wrap{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.rp-otp-wrap:focus-within{background:transparent!important;border:0!important;box-shadow:none!important}.rp-otp-digit,.rp-otp-digit:not(:last-child){width:100%!important;height:54px!important;padding:0!important;border:1px solid rgba(219,200,255,.16)!important;border-radius:10px!important;background:#151225!important;color:#f6efff!important;font-family:inherit!important;font-size:1.3rem!important;line-height:1!important;caret-color:#c8a4ff!important;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease!important}.rp-otp-digit::placeholder{color:#756d85!important;opacity:1}.rp-otp-digit:focus{transform:none!important;border-color:#bb91ff!important;background:#1d1530!important;box-shadow:0 0 0 3px rgba(183,137,255,.18)!important;outline:0!important}.rp-otp-wrap+.form-text{margin-top:.8rem!important}.modal-body .btn-primary{min-height:48px;margin-top:1.25rem!important;background:linear-gradient(100deg,#a86eff,#e5d5ff)!important;color:#1a0f29!important}.modal-body .btn-primary svg{color:inherit}.modal-body .form-control{background:#151225!important;border-color:rgba(219,200,255,.16)!important}
/* Compact, evenly spaced footer modeled on the requested bottom section. */
.boost-footer{padding:4.75rem 0 1.35rem;background:#07070a;border-top:1px solid rgba(226,212,255,.12)}.boost-footer__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:4rem;padding-bottom:3rem}.boost-footer__name{display:inline-flex;align-items:center;gap:.5rem;color:#fff;text-decoration:none;font-size:1rem;font-weight:800;letter-spacing:-.03em}.boost-footer__name i{color:#c5a1ff}.boost-footer__brand p{max-width:34ch;margin:1rem 0 1.15rem;color:#958c9f;font-size:.78rem;line-height:1.7}.boost-footer__discord{display:inline-flex;align-items:center;gap:.45rem;padding:.6rem .85rem;border-radius:9px;background:rgba(170,121,255,.15);border:1px solid rgba(211,188,255,.24);color:#e8dcff;text-decoration:none;font-size:.72rem;font-weight:800}.boost-footer__links{display:flex;flex-direction:column;align-items:flex-start;gap:.6rem}.boost-footer__links h2{margin:0 0 .25rem;color:#d7cede;font-size:.64rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.boost-footer__links a{color:#958c9f;text-decoration:none;font-size:.76rem}.boost-footer__links a:hover{color:#ddc8ff}.boost-footer__bottom{display:flex;justify-content:space-between;gap:1rem;padding-top:1.2rem;border-top:1px solid rgba(226,212,255,.1);color:#71697a;font-size:.68rem}.nexus-footer{display:none!important}
@media(max-width:767.98px){.boost-hero{margin-top:-68px;padding-top:10.75rem}.boost-products{padding-top:4.75rem;padding-bottom:4.75rem}.boost-why{padding-top:5rem;padding-bottom:5rem}.rp-ctab{padding:4.5rem 0!important}.rp-ctab-card{padding:3rem 1.3rem!important}.rp-otp-wrap{gap:7px!important}.rp-otp-digit,.rp-otp-digit:not(:last-child){height:49px!important;font-size:1.1rem!important}.boost-footer{padding-top:3.5rem}.boost-footer__grid{grid-template-columns:1fr 1fr;gap:2.25rem 1.25rem}.boost-footer__brand{grid-column:span 2}.boost-footer__bottom{flex-direction:column;gap:.35rem}}

/* Boostify — /products catalog page */
.boost-breadcrumb{display:flex;align-items:center;gap:.45rem;margin:0 0 1.1rem;font-size:.82rem;font-weight:600;color:var(--text-dim)}
.boost-breadcrumb a{color:var(--text-muted);text-decoration:none;transition:color .18s ease}
.boost-breadcrumb a:hover{color:#fff}
.boost-breadcrumb__sep{opacity:.5}
.boost-breadcrumb__current{color:var(--text-dark)}

.boost-catalog__head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.boost-catalog__head{text-align:left!important;margin:0 0 2.25rem!important;max-width:640px}
.boost-catalog__count{color:var(--text-dark);font-weight:700}

.boost-search-box{position:relative;display:flex;align-items:center}
.boost-search-box i{position:absolute;left:14px;color:var(--text-dim);font-size:.85rem;pointer-events:none}
.boost-search-box .form-control{padding-left:2.4rem!important}

.boost-filter-card{background:var(--boost-panel,var(--bg-panel))!important;border:1px solid var(--boost-line,var(--border-subtle))!important;border-radius:var(--boost-radius,1.1rem)!important;box-shadow:var(--boost-shadow,var(--shadow-soft));padding:1.5rem;position:sticky;top:96px}
.boost-filter-label{color:#e7edff!important;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}
.boost-filter-cats{gap:.3rem!important}
.boost-filter-pill{display:flex;align-items:center;gap:.6rem;padding:.55rem .7rem;border-radius:10px;color:var(--boost-muted,var(--text-muted));text-decoration:none;font-weight:600;font-size:.88rem;transition:background .18s ease,color .18s ease}
.boost-filter-pill:hover{background:rgba(168,85,247,.12);color:#fff}
.boost-filter-pill.is-active{background:var(--brand-grad,linear-gradient(135deg,#7c3aed,#ec4899))!important;color:#fff!important}
.boost-filter-pill.is-active .boost-filter-pill__count{background:rgba(255,255,255,.22);color:#fff}
.boost-filter-pill__icon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:20px;font-size:.85rem;opacity:.85}
.boost-filter-pill__label{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.boost-filter-pill__count{flex:0 0 auto;font-size:.72rem;font-weight:700;color:var(--text-dim);background:rgba(168,85,247,.14);border-radius:999px;padding:.1rem .5rem;line-height:1.4}
.boost-filter-pill--all{font-weight:700}
@media (max-width:991.98px){.boost-catalog__head{text-align:center!important;margin-left:auto;margin-right:auto}.boost-catalog__head-row{justify-content:center}.boost-breadcrumb{justify-content:center}}

/* Boostify — secondary pages (terms, privacy, refund, feedback, status, blog post) */
.boost-legal{padding-top:1rem}
.boost-legal__head{max-width:680px;margin:0 auto 2.75rem;text-align:center}
.boost-legal__head .rp-section-badge{display:inline-flex!important;align-items:center;gap:.4rem}
.boost-legal__card{background:var(--boost-panel,var(--bg-panel))!important;border:1px solid var(--boost-line,var(--border-subtle))!important;border-radius:var(--boost-radius,1.1rem)!important;box-shadow:var(--boost-shadow,var(--shadow-soft));padding:2.25rem}
@media (max-width:767.98px){.boost-legal__card{padding:1.5rem}}
.boost-legal__back .boost-text-link{display:inline-flex;align-items:center;gap:.5rem;color:#d6def2;text-decoration:none;font-weight:700;font-size:.9rem}
.boost-legal__back .boost-text-link:hover{color:#fff}
.editor h1,.editor h2,.editor h3,.editor h4{color:#fff!important;letter-spacing:-.02em}
.editor a{color:#c8a4ff}
.editor ul,.editor ol{padding-left:1.25rem}
.editor p{margin-bottom:1rem}

/* Uses SellAuth's supported “features” component for the Why Boostify widget. */
.about-features{padding:7rem 0!important;background:var(--boost-bg)!important;color:#fff!important}.about-features .about-wrapper{display:block!important;max-width:850px;margin:auto;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;overflow:visible!important}.about-features .glow-inner,.about-features .feature-divider{display:none!important}.about-features .about-text{text-align:center!important;margin:0 auto 2.3rem!important;max-width:650px}.about-features .about-text h2{margin:0 0 .6rem!important;color:#fff!important;font-size:clamp(2rem,4vw,3.1rem)!important;font-weight:800!important;letter-spacing:-.055em}.about-features .about-text p{margin:0 auto!important;color:#a69eaf!important;font-size:.92rem!important}.about-features .features-list{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}.about-features .feature-box{position:relative;display:block!important;min-height:200px;padding:1.5rem!important;border:1px solid rgba(226,212,255,.13)!important;border-radius:14px!important;background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.005))!important;overflow:hidden}.about-features .feature-box:nth-child(3){grid-column:span 1}.about-features .feature-box .icon{width:46px!important;height:46px!important;margin:0 0 1rem!important;border-radius:50%!important;background:rgba(185,140,255,.09)!important;border-color:rgba(226,212,255,.14)!important;color:#ceb0ff!important;font-size:1rem!important}.about-features .feature-box h4{color:#fff!important;font-size:1.08rem!important;letter-spacing:-.03em}.about-features .feature-box p{max-width:35ch!important;color:#a69eaf!important;font-size:.8rem!important;line-height:1.6!important}.about-features .feature-box:after{content:'';position:absolute;right:-45px;bottom:-75px;width:170px;height:170px;border:1px solid rgba(203,171,255,.16);border-radius:50%;box-shadow:0 0 0 20px rgba(203,171,255,.025),0 0 0 42px rgba(203,171,255,.018);pointer-events:none}.about-features .feature-box:hover{transform:translateY(-3px)!important;border-color:rgba(209,180,255,.32)!important}@media(max-width:767.98px){.about-features{padding:5rem 0!important}.about-features .features-list{grid-template-columns:1fr!important}.about-features .feature-box{min-height:170px!important}}