/* ========================================
   TEMPLATE NEON — Dark premium con acentos de luz
   Fondo casi negro, header y footer negros, glow sutil.

   COLORES PERSONALIZABLES (panel → Diseño):
   - Color principal  → --neon-1 (botones, precios, links, estados activos)
   - Color secundario → --neon-2 (badges, estrellas, degradés, carrito)
   header.php inyecta --neon-accent-1/2 (el color de la tienda aclarado si
   es demasiado oscuro para fondo negro) y --neon-ink-1/2 (texto legible
   encima del acento). Sin esas variables se usa --primary/--secondary.

   PATRÓN: variables propias --neon-* para fondo/texto/bordes,
   así header.php no las pisa.
======================================== */

@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@500;600;700;800&family=Rajdhani:wght@400;500;600;700&display=swap');

:root {
    /* Acentos (de la tienda) */
    --neon-1: var(--neon-accent-1, var(--primary-color, #00f5ff));
    --neon-2: var(--neon-accent-2, var(--secondary-color, #ff00ff));
    --neon-on-1: var(--neon-ink-1, #05060a);
    --neon-on-2: var(--neon-ink-2, #05060a);
    --neon-1-soft: color-mix(in srgb, var(--neon-1) 13%, transparent);
    --neon-1-line: color-mix(in srgb, var(--neon-1) 45%, transparent);
    --neon-2-soft: color-mix(in srgb, var(--neon-2) 13%, transparent);
    --neon-2-line: color-mix(in srgb, var(--neon-2) 45%, transparent);
    --neon-gradient: linear-gradient(90deg, var(--neon-1), var(--neon-2));

    /* Estructura */
    --neon-bg:        #05060a;
    --neon-header:    #000000;
    --neon-surface:   #0b0d14;
    --neon-surface-2: #11141d;
    --neon-line:      rgba(255, 255, 255, 0.08);
    --neon-line-strong: rgba(255, 255, 255, 0.14);
    --neon-text:      #eceef5;
    --neon-muted:     #9ba1b5;
    --neon-faint:     #646a80;

    /* Glow */
    --neon-glow-1: 0 0 0 1px color-mix(in srgb, var(--neon-1) 55%, transparent),
                   0 0 18px color-mix(in srgb, var(--neon-1) 38%, transparent),
                   0 0 44px color-mix(in srgb, var(--neon-1) 16%, transparent);
    --neon-glow-2: 0 0 0 1px color-mix(in srgb, var(--neon-2) 55%, transparent),
                   0 0 18px color-mix(in srgb, var(--neon-2) 38%, transparent),
                   0 0 44px color-mix(in srgb, var(--neon-2) 16%, transparent);
    --neon-glow-sm: 0 0 14px color-mix(in srgb, var(--neon-1) 30%, transparent);
    --neon-text-glow: 0 0 12px color-mix(in srgb, var(--neon-1) 55%, transparent),
                      0 0 32px color-mix(in srgb, var(--neon-1) 22%, transparent);

    /* Tipografía */
    --neon-font:         'Rajdhani', sans-serif;
    --neon-font-display: 'Orbitron', sans-serif;
    --font-display:      'Orbitron', sans-serif;

    /* Forma */
    --neon-radius-sm: 6px;
    --neon-radius:    12px;
    --neon-radius-lg: 18px;
    --neon-transition: 0.28s cubic-bezier(0.2, 0.7, 0.2, 1);

    /* Alias de la versión anterior (CSS personalizado de tiendas) */
    --neon-cyan:    var(--neon-1);
    --neon-magenta: var(--neon-2);
    --neon-card:    var(--neon-surface);
    --neon-alt:     var(--neon-surface);
    --neon-light:   var(--neon-faint);
    --neon-border:  var(--neon-line-strong);
    --neon-border-light: var(--neon-line);
    --neon-glow-cyan:    var(--neon-glow-1);
    --neon-glow-magenta: var(--neon-glow-2);
}

/* ========== BASE ========== */
html body.theme-neon {
    background-color: var(--neon-bg) !important;
    background-image:
        radial-gradient(1100px 520px at 8% -8%, color-mix(in srgb, var(--neon-1) 9%, transparent), transparent 62%),
        radial-gradient(900px 480px at 102% 4%, color-mix(in srgb, var(--neon-2) 7%, transparent), transparent 60%) !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
    color: var(--neon-text) !important;
    font-family: var(--neon-font) !important;
    font-size: 1.05rem !important;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
}

body.theme-neon ::selection {
    background: var(--neon-1);
    color: var(--neon-on-1);
}

body.theme-neon a:focus-visible,
body.theme-neon button:focus-visible {
    outline: 2px solid var(--neon-1) !important;
    outline-offset: 2px;
}

body.theme-neon .product-detail-wrapper.section,
body.theme-neon .product-detail-wrapper {
    margin-top: 0 !important;
    padding-top: 18px !important;
}

/* ========== HEADER (negro parejo de punta a punta) ========== */
html body.theme-neon .site-header.store-header {
    background: var(--neon-header) !important;
    background-color: var(--neon-header) !important;
    border-bottom: 1px solid transparent !important;
    border-image: linear-gradient(90deg, transparent, var(--neon-1) 22%, var(--neon-2) 78%, transparent) 1 !important;
    box-shadow: 0 1px 26px color-mix(in srgb, var(--neon-1) 14%, transparent) !important;
}

/* Todo lo de adentro transparente: sin franjas de otro color */
html body.theme-neon .site-header.store-header .header-wrapper,
html body.theme-neon .site-header.store-header .container,
html body.theme-neon .site-header.store-header .logo,
html body.theme-neon .site-header.store-header .logo a,
html body.theme-neon .site-header.store-header .desktop-nav,
html body.theme-neon .site-header.store-header .desktop-nav > ul,
html body.theme-neon .site-header.store-header .desktop-nav > ul > li,
html body.theme-neon .site-header.store-header .header-icons {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

html body.theme-neon .site-header.store-header .logo a {
    font-family: var(--neon-font-display) !important;
    font-size: 1.2rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
    text-shadow: var(--neon-text-glow) !important;
}

html body.theme-neon .site-header.store-header .logo a:hover {
    color: var(--neon-1) !important;
}

/* Nav */
html body.theme-neon .site-header.store-header .desktop-nav a,
html body.theme-neon .site-header.store-header .desktop-nav ul li a,
html body.theme-neon .site-header.store-header nav a {
    color: #e6e8f0 !important;
    font-family: var(--neon-font) !important;
    font-weight: 600 !important;
    font-size: 0.86rem !important;
    letter-spacing: 0.09em !important;
    text-transform: uppercase !important;
    text-shadow: none !important;
    background: transparent !important;
    opacity: 1 !important;
    transition: color var(--neon-transition), text-shadow var(--neon-transition) !important;
}

html body.theme-neon .site-header.store-header .desktop-nav a:hover,
html body.theme-neon .site-header.store-header .desktop-nav ul li a:hover,
html body.theme-neon .site-header.store-header nav a:hover,
html body.theme-neon .site-header.store-header .desktop-nav > ul > li.active > a {
    color: var(--neon-1) !important;
    text-shadow: var(--neon-text-glow) !important;
    background: transparent !important;
}

html body.theme-neon .site-header.store-header .desktop-nav > ul > li.active > a,
html body.theme-neon .site-header.store-header .desktop-nav > ul > li > a.active {
    box-shadow: inset 0 -2px 0 var(--neon-1) !important;
}

/* Dropdown */
html body.theme-neon .site-header.store-header .desktop-nav .dropdown {
    background: #07080d !important;
    border: 1px solid var(--neon-line-strong) !important;
    border-radius: var(--neon-radius) !important;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.75), 0 0 30px color-mix(in srgb, var(--neon-1) 8%, transparent) !important;
}

html body.theme-neon .site-header.store-header .desktop-nav .dropdown a {
    color: #d5d8e4 !important;
    text-transform: none !important;
    letter-spacing: 0.02em !important;
    font-size: 0.95rem !important;
    border-radius: var(--neon-radius-sm) !important;
}

html body.theme-neon .site-header.store-header .desktop-nav .dropdown a:hover {
    color: var(--neon-1) !important;
    background: var(--neon-1-soft) !important;
    text-shadow: none !important;
}

/* Menú anidado (N niveles): submenú a la derecha */
body.theme-neon .site-header.store-header .desktop-nav .dropdown .has-dropdown { position: relative; }
body.theme-neon .site-header.store-header .desktop-nav .dropdown .has-dropdown .dropdown { left: 100%; top: 0; margin-top: 0; margin-left: -4px; min-width: 180px; z-index: 1101; }
body.theme-neon .site-header.store-header .desktop-nav .dropdown .has-dropdown:hover > .dropdown { opacity: 1; visibility: visible; }

/* Íconos (lupa, carrito, menú) */
html body.theme-neon .site-header.store-header .icon-link,
html body.theme-neon .site-header.store-header .header-icons a,
html body.theme-neon .site-header.store-header .header-icons button,
html body.theme-neon .site-header.store-header .mobile-menu-toggle,
html body.theme-neon .site-header.store-header .mobile-menu-toggle span,
html body.theme-neon .site-header.store-header .cart-icon,
html body.theme-neon .site-header.store-header .search-icon {
    color: #ffffff !important;
    text-shadow: none !important;
    background: transparent !important;
    opacity: 1 !important;
    transition: color var(--neon-transition), filter var(--neon-transition) !important;
}

html body.theme-neon .site-header.store-header .icon-link:hover,
html body.theme-neon .site-header.store-header .header-icons a:hover,
html body.theme-neon .site-header.store-header .header-icons button:hover,
html body.theme-neon .site-header.store-header .mobile-menu-toggle:hover {
    color: var(--neon-1) !important;
    filter: drop-shadow(0 0 6px color-mix(in srgb, var(--neon-1) 70%, transparent)) !important;
}

html body.theme-neon .cart-count,
html body.theme-neon .cart-badge {
    background: var(--neon-2) !important;
    color: var(--neon-on-2) !important;
    font-weight: 700 !important;
    box-shadow: 0 0 10px color-mix(in srgb, var(--neon-2) 60%, transparent) !important;
}

/* Buscador desplegable */
html body.theme-neon .search-overlay {
    background: #000000 !important;
    border-bottom: 1px solid var(--neon-line-strong) !important;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.7) !important;
}

/* Menú móvil */
html body.theme-neon .mobile-menu {
    background: #05060a !important;
    border-right: 1px solid var(--neon-line-strong) !important;
    color: var(--neon-text) !important;
}

html body.theme-neon .mobile-menu-header {
    background: transparent !important;
    border-bottom: 1px solid var(--neon-line) !important;
    color: #ffffff !important;
}

html body.theme-neon .mobile-menu-header span {
    font-family: var(--neon-font-display) !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
}

html body.theme-neon .mobile-menu .close-mobile-menu {
    color: var(--neon-muted) !important;
    background: transparent !important;
}

html body.theme-neon .mobile-nav-links a,
html body.theme-neon .mobile-nav-links li a {
    color: #e6e8f0 !important;
    border-bottom-color: var(--neon-line) !important;
    background: transparent !important;
}

html body.theme-neon .mobile-nav-links a:hover,
html body.theme-neon .mobile-nav-links a:active {
    color: var(--neon-1) !important;
    background: var(--neon-1-soft) !important;
}

html body.theme-neon .mobile-nav-links .dropdown {
    background: rgba(255, 255, 255, 0.02) !important;
}

/* ========== BOTONES ========== */
html body.theme-neon .btn,
html body.theme-neon button[type="submit"],
html body.theme-neon .btn-primary,
html body.theme-neon .product-card .btn,
html body.theme-neon .product-card .btn-primary,
html body.theme-neon .product-card button {
    background: var(--neon-1) !important;
    color: var(--neon-on-1) !important;
    border: 1px solid var(--neon-1) !important;
    font-family: var(--neon-font) !important;
    font-weight: 700 !important;
    font-size: 0.9rem !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    text-shadow: none !important;
    box-shadow: 0 6px 22px color-mix(in srgb, var(--neon-1) 22%, transparent) !important;
    transition: transform var(--neon-transition), box-shadow var(--neon-transition), background var(--neon-transition), color var(--neon-transition), filter var(--neon-transition) !important;
}

html body.theme-neon .btn:hover,
html body.theme-neon button[type="submit"]:hover,
html body.theme-neon .btn-primary:hover,
html body.theme-neon .product-card .btn:hover,
html body.theme-neon .product-card .btn-primary:hover,
html body.theme-neon .product-card button:hover {
    background: var(--neon-1) !important;
    color: var(--neon-on-1) !important;
    border-color: var(--neon-1) !important;
    box-shadow: var(--neon-glow-1) !important;
    filter: brightness(1.08) !important;
    transform: translateY(-2px) !important;
}

/* Secundarios / contorno */
html body.theme-neon .btn-secondary,
html body.theme-neon .btn-outline,
html body.theme-neon .product-card .btn-secondary,
html body.theme-neon .product-card .btn-outline {
    background: transparent !important;
    color: var(--neon-1) !important;
    border: 1px solid var(--neon-1-line) !important;
    box-shadow: none !important;
}

html body.theme-neon .btn-secondary:hover,
html body.theme-neon .btn-outline:hover,
html body.theme-neon .product-card .btn-secondary:hover,
html body.theme-neon .product-card .btn-outline:hover {
    background: var(--neon-1-soft) !important;
    color: var(--neon-1) !important;
    border-color: var(--neon-1) !important;
    box-shadow: var(--neon-glow-sm) !important;
}

html body.theme-neon .btn-whatsapp-cart,
html body.theme-neon .btn-whatsapp-cart:hover {
    background: #25d366 !important;
    border-color: #25d366 !important;
    color: #ffffff !important;
}

/* ========== TÍTULOS ========== */
html body.theme-neon .section-title,
html body.theme-neon .hero-title,
html body.theme-neon h2.section-title,
html body.theme-neon .related-products-title {
    font-family: var(--neon-font-display) !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
}

html body.theme-neon .section-title {
    text-shadow: 0 0 24px color-mix(in srgb, var(--neon-1) 28%, transparent) !important;
}

html body.theme-neon .section-tag {
    color: var(--neon-1) !important;
    font-family: var(--neon-font) !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.22em !important;
    font-size: 0.78rem !important;
}

html body.theme-neon .section-subtitle {
    color: var(--neon-muted) !important;
}

html body.theme-neon .section-line {
    background: var(--neon-gradient) !important;
    box-shadow: var(--neon-glow-sm) !important;
    height: 2px !important;
    border-radius: 2px !important;
}

/* ========== SECCIONES ========== */
body.theme-neon .section {
    padding: 1.35rem 0 !important;
}

/* Fondos claros de secciones genéricas → transparentes (se ve el fondo del tema) */
html body.theme-neon .home-products-section,
html body.theme-neon .testimonials-section,
html body.theme-neon .related-products-section,
html body.theme-neon .related-products-outer,
html body.theme-neon .product-page-extra-section,
html body.theme-neon .reviews-section,
html body.theme-neon .faq-section,
html body.theme-neon .about-section {
    background: transparent !important;
    background-color: transparent !important;
    color: var(--neon-text) !important;
}

/* ========== HERO ========== */
html body.theme-neon .hero h1,
html body.theme-neon .hero .hero-title {
    font-family: var(--neon-font-display) !important;
    font-weight: 800 !important;
    letter-spacing: 0.03em !important;
    text-transform: uppercase !important;
    line-height: 1.12 !important;
    text-shadow: 0 2px 18px rgba(0, 0, 0, 0.6), var(--neon-text-glow) !important;
}

html body.theme-neon .hero p,
html body.theme-neon .hero .hero-subtitle {
    font-family: var(--neon-font) !important;
    font-weight: 500 !important;
    text-shadow: 0 1px 12px rgba(0, 0, 0, 0.7) !important;
}

html body.theme-neon .hero-overlay {
    background:
        radial-gradient(70% 90% at 50% 100%, color-mix(in srgb, var(--neon-1) 16%, transparent), transparent 70%),
        linear-gradient(180deg, rgba(5, 6, 10, 0.35) 0%, rgba(5, 6, 10, 0.72) 100%) !important;
}

html body.theme-neon .hero .btn,
html body.theme-neon .hero .btn-primary {
    padding: 14px 32px !important;
    font-size: 0.95rem !important;
}

/* ========== TARJETAS DE PRODUCTO (grillas, carruseles y catálogo) ========== */
html body.theme-neon .product-card,
html body.theme-neon .cl-card {
    background: linear-gradient(180deg, var(--neon-surface-2) 0%, var(--neon-surface) 100%) !important;
    border: 1px solid var(--neon-line) !important;
    border-radius: var(--neon-radius) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35) !important;
    overflow: hidden !important;
    transition: transform var(--neon-transition), box-shadow var(--neon-transition), border-color var(--neon-transition) !important;
}

html body.theme-neon .product-card:hover,
html body.theme-neon .cl-card:hover {
    border-color: var(--neon-1-line) !important;
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--neon-1) 28%, transparent),
                0 18px 44px rgba(0, 0, 0, 0.55),
                0 0 30px color-mix(in srgb, var(--neon-1) 16%, transparent) !important;
    transform: translateY(-4px) !important;
}

html body.theme-neon .product-img-wrap,
html body.theme-neon .product-image,
html body.theme-neon .cl-card-img,
html body.theme-neon .cl-card-media {
    background: #0f1118 !important;
}

html body.theme-neon .product-info,
html body.theme-neon .product-card .product-info,
html body.theme-neon .cl-card-body {
    background: transparent !important;
    color: var(--neon-text) !important;
}

html body.theme-neon .product-card .product-info {
    padding: 16px !important;
}

html body.theme-neon .product-category {
    color: var(--neon-1) !important;
    font-family: var(--neon-font) !important;
    font-weight: 700 !important;
    font-size: 0.72rem !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
}

html body.theme-neon .product-title,
html body.theme-neon .product-card .product-title,
html body.theme-neon .product-card h3,
html body.theme-neon .cl-card-name,
html body.theme-neon .product-title a,
html body.theme-neon .product-card .product-title a,
html body.theme-neon .cl-card-name a {
    color: #f1f2f8 !important;
    font-family: var(--neon-font) !important;
    font-weight: 600 !important;
    letter-spacing: 0.01em !important;
    text-shadow: none !important;
}

html body.theme-neon .product-title a:hover,
html body.theme-neon .product-card .product-title a:hover,
html body.theme-neon .cl-card-name a:hover {
    color: var(--neon-1) !important;
}

html body.theme-neon .product-price,
html body.theme-neon .product-card .product-price,
html body.theme-neon .product-price-wrap .product-price,
html body.theme-neon .cl-card-price-current,
html body.theme-neon .cl-card-price {
    color: var(--neon-1) !important;
    font-family: var(--neon-font) !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
    text-shadow: 0 0 14px color-mix(in srgb, var(--neon-1) 35%, transparent) !important;
}

html body.theme-neon .cl-card-price-from,
html body.theme-neon .product-price-prefix {
    color: var(--neon-muted) !important;
    text-shadow: none !important;
}

html body.theme-neon .product-price-dual-card,
html body.theme-neon .product-price-dual {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

html body.theme-neon .product-price-old,
html body.theme-neon .product-compare-price,
html body.theme-neon .cl-card-price-old {
    color: var(--neon-faint) !important;
    text-shadow: none !important;
}

/* Botones de la tarjeta del catálogo */
html body.theme-neon .cl-card-btn {
    background: var(--neon-1) !important;
    color: var(--neon-on-1) !important;
    border: 1px solid var(--neon-1) !important;
    font-family: var(--neon-font) !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
}

html body.theme-neon .cl-card-btn:hover {
    box-shadow: var(--neon-glow-1) !important;
    filter: brightness(1.08) !important;
}

html body.theme-neon .cl-card-cart-btn {
    background: transparent !important;
    color: var(--neon-1) !important;
    border: 1px solid var(--neon-1-line) !important;
    box-shadow: none !important;
}

html body.theme-neon .cl-card-cart-btn:hover {
    background: var(--neon-1-soft) !important;
    border-color: var(--neon-1) !important;
    box-shadow: var(--neon-glow-sm) !important;
}

/* Badges */
html body.theme-neon .badge-sale,
html body.theme-neon .badge-promo {
    background: var(--neon-2) !important;
    color: var(--neon-on-2) !important;
    box-shadow: 0 0 14px color-mix(in srgb, var(--neon-2) 50%, transparent) !important;
}

html body.theme-neon .badge-new {
    background: var(--neon-1) !important;
    color: var(--neon-on-1) !important;
    box-shadow: 0 0 14px color-mix(in srgb, var(--neon-1) 45%, transparent) !important;
}

html body.theme-neon .quick-add-btn {
    background: var(--neon-1) !important;
    color: var(--neon-on-1) !important;
    box-shadow: var(--neon-glow-sm) !important;
}

html body.theme-neon .quick-add-btn:hover {
    background: var(--neon-2) !important;
    color: var(--neon-on-2) !important;
    box-shadow: var(--neon-glow-2) !important;
}

/* ========== FEATURES ========== */
html body.theme-neon .features-section {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.015), rgba(255, 255, 255, 0)) !important;
    border-top: 1px solid var(--neon-line) !important;
    border-bottom: 1px solid var(--neon-line) !important;
    padding: 3.5rem 0 !important;
}

html body.theme-neon .features-section .features-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 1.25rem !important;
}

@media (max-width: 992px) {
    html body.theme-neon .features-section .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 1rem !important;
    }
}

@media (max-width: 576px) {
    html body.theme-neon .features-section .features-grid {
        grid-template-columns: 1fr !important;
        gap: 0.75rem !important;
    }
}

html body.theme-neon .feature-card {
    background: var(--neon-surface) !important;
    border: 1px solid var(--neon-line) !important;
    border-radius: var(--neon-radius) !important;
    padding: 1.75rem 1.5rem !important;
    box-shadow: none !important;
    transition: transform var(--neon-transition), border-color var(--neon-transition), box-shadow var(--neon-transition) !important;
}

html body.theme-neon .feature-card:hover {
    border-color: var(--neon-1-line) !important;
    box-shadow: var(--neon-glow-sm) !important;
    transform: translateY(-4px) !important;
}

html body.theme-neon .feature-card .icon-box {
    background: var(--neon-1-soft) !important;
    color: var(--neon-1) !important;
    border: 1px solid var(--neon-1-line) !important;
    width: 54px !important;
    height: 54px !important;
    border-radius: var(--neon-radius) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1.3rem !important;
    box-shadow: none !important;
    transition: background var(--neon-transition), color var(--neon-transition), box-shadow var(--neon-transition) !important;
}

html body.theme-neon .feature-card .icon-box i {
    color: inherit !important;
}

html body.theme-neon .feature-card:hover .icon-box {
    background: var(--neon-1) !important;
    color: var(--neon-on-1) !important;
    box-shadow: var(--neon-glow-1) !important;
}

html body.theme-neon .feature-card h4 {
    color: #ffffff !important;
    font-family: var(--neon-font-display) !important;
    font-weight: 600 !important;
    font-size: 0.86rem !important;
    line-height: 1.35 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
}

html body.theme-neon .feature-card p {
    color: var(--neon-muted) !important;
}

/* ========== CATEGORÍAS ========== */
html body.theme-neon .cat-card-img {
    border-color: var(--neon-line-strong) !important;
}

html body.theme-neon .cat-card-item:hover .cat-card-img {
    border-color: var(--neon-1) !important;
    box-shadow: var(--neon-glow-sm) !important;
}

/* ========== FORMULARIOS ========== */
html body.theme-neon input:not([type="color"]):not([type="radio"]):not([type="checkbox"]):not([type="range"]),
html body.theme-neon select,
html body.theme-neon textarea {
    background: var(--neon-surface-2) !important;
    border: 1px solid var(--neon-line-strong) !important;
    color: var(--neon-text) !important;
    border-radius: var(--neon-radius-sm) !important;
}

html body.theme-neon input::placeholder,
html body.theme-neon textarea::placeholder {
    color: var(--neon-faint) !important;
}

html body.theme-neon input:focus,
html body.theme-neon select:focus,
html body.theme-neon textarea:focus {
    border-color: var(--neon-1) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--neon-1) 22%, transparent) !important;
    outline: none !important;
}

html body.theme-neon input[type="checkbox"],
html body.theme-neon input[type="radio"],
html body.theme-neon input[type="range"] {
    accent-color: var(--neon-1) !important;
}

/* ========== NEWSLETTER ========== */
html body.theme-neon .newsletter-section:not(.newsletter-section--custom) {
    background:
        radial-gradient(60% 120% at 0% 0%, color-mix(in srgb, var(--neon-1) 14%, transparent), transparent 60%),
        radial-gradient(60% 120% at 100% 100%, color-mix(in srgb, var(--neon-2) 12%, transparent), transparent 60%),
        var(--neon-surface) !important;
    border-top: 1px solid var(--neon-line) !important;
    border-bottom: 1px solid var(--neon-line) !important;
}

html body.theme-neon .newsletter-section:not(.newsletter-section--custom) .newsletter-content h2 {
    color: #ffffff !important;
    text-shadow: var(--neon-text-glow) !important;
    font-family: var(--neon-font-display) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
}

html body.theme-neon .newsletter-section:not(.newsletter-section--custom) .newsletter-subtitle,
html body.theme-neon .newsletter-section:not(.newsletter-section--custom) .newsletter-consent {
    color: var(--neon-muted) !important;
}

html body.theme-neon .newsletter-form input {
    background: rgba(0, 0, 0, 0.45) !important;
    border: 1px solid var(--neon-line-strong) !important;
    color: #ffffff !important;
}

/* ========== CONTACT BOX ========== */
html body.theme-neon .contact-box {
    background: var(--neon-surface) !important;
    border: 1px solid var(--neon-line-strong) !important;
    box-shadow: var(--neon-glow-sm) !important;
}

html body.theme-neon .contact-box h2 {
    color: #ffffff !important;
    text-shadow: var(--neon-text-glow) !important;
    font-family: var(--neon-font-display) !important;
    text-transform: uppercase !important;
}

html body.theme-neon .contact-box p {
    color: var(--neon-muted) !important;
}

/* ========== FILTROS (categories_listing) ========== */
html body.theme-neon .filter-btn,
html body.theme-neon .cl-topfilter-cat {
    background: var(--neon-surface) !important;
    border: 1px solid var(--neon-line-strong) !important;
    color: #c9cde0 !important;
}

html body.theme-neon .filter-btn:hover,
html body.theme-neon .filter-btn.active,
html body.theme-neon .cl-topfilter-cat:hover,
html body.theme-neon .cl-topfilter-cat.active {
    background: var(--neon-1-soft) !important;
    border-color: var(--neon-1-line) !important;
    color: var(--neon-1) !important;
}

html body.theme-neon .filters-row {
    background: var(--neon-surface) !important;
    border-color: var(--neon-line) !important;
}

html body.theme-neon .cl-filters {
    background: var(--neon-surface) !important;
    border: 1px solid var(--neon-line) !important;
    border-radius: var(--neon-radius) !important;
    color: var(--neon-text) !important;
}

html body.theme-neon .cl-filters-title {
    color: var(--neon-1) !important;
    font-family: var(--neon-font) !important;
    font-weight: 700 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    opacity: 1 !important;
}

html body.theme-neon .cl-filter-group {
    border-bottom-color: var(--neon-line) !important;
}

html body.theme-neon .cl-filter-group h4 {
    color: #d5d8e4 !important;
    font-family: var(--neon-font) !important;
}

html body.theme-neon .cl-cat-btn {
    color: #c9cde0 !important;
    background: transparent !important;
    border: 1px solid transparent !important;
}

html body.theme-neon .cl-cat-btn:hover {
    background: rgba(255, 255, 255, 0.04) !important;
    color: var(--neon-1) !important;
}

html body.theme-neon .cl-cat-btn.active {
    background: var(--neon-1-soft) !important;
    border-color: var(--neon-1-line) !important;
    color: var(--neon-1) !important;
}

html body.theme-neon .cl-cat-count,
html body.theme-neon .cl-price-labels {
    color: var(--neon-muted) !important;
    opacity: 1 !important;
}

html body.theme-neon .cl-price-range {
    accent-color: var(--neon-1) !important;
}

html body.theme-neon select.cl-sort-wrap,
html body.theme-neon .cl-sort-wrap,
html body.theme-neon .cl-search-wrap input {
    background-color: var(--neon-surface) !important;
    border: 1px solid var(--neon-line-strong) !important;
    color: var(--neon-text) !important;
    box-shadow: none !important;
}

html body.theme-neon .cl-mobile-toggle {
    background: var(--neon-surface) !important;
    border: 1px solid var(--neon-line-strong) !important;
    color: var(--neon-text) !important;
}

html body.theme-neon .cl-mobile-toggle i {
    color: var(--neon-1) !important;
}

html body.theme-neon .cl-count-label,
html body.theme-neon .cl-empty {
    color: var(--neon-muted) !important;
}

html body.theme-neon .cl-empty i {
    color: var(--neon-faint) !important;
}

html body.theme-neon .cl-pagination button,
html body.theme-neon .cl-pagination a {
    background: var(--neon-surface) !important;
    border: 1px solid var(--neon-line-strong) !important;
    color: var(--neon-text) !important;
    box-shadow: none !important;
}

html body.theme-neon .cl-pagination .active,
html body.theme-neon .cl-pagination button.active {
    background: var(--neon-1) !important;
    border-color: var(--neon-1) !important;
    color: var(--neon-on-1) !important;
}

/* ========== TESTIMONIOS / RESEÑAS ========== */
html body.theme-neon .testimonial-card,
html body.theme-neon .review-card,
html body.theme-neon .testimonials-section[class*="testimonials-style-"] .testimonial-card,
html body.theme-neon .testimonials-section[class*="testimonials-style-"] .review-card {
    background: var(--neon-surface) !important;
    border: 1px solid var(--neon-line) !important;
    border-radius: var(--neon-radius) !important;
    box-shadow: none !important;
    color: var(--neon-text) !important;
}

html body.theme-neon .testimonial-card:hover,
html body.theme-neon .review-card:hover {
    border-color: var(--neon-2-line) !important;
}

html body.theme-neon .testimonial-card::before,
html body.theme-neon .review-card::before {
    color: var(--neon-2) !important;
    opacity: 0.35 !important;
}

html body.theme-neon .stars,
html body.theme-neon .stars i,
html body.theme-neon .testimonial-stars i {
    color: var(--neon-2) !important;
    text-shadow: 0 0 10px color-mix(in srgb, var(--neon-2) 45%, transparent) !important;
}

html body.theme-neon .testimonial-text,
html body.theme-neon .review-text {
    color: #c9cde0 !important;
}

html body.theme-neon .review-author,
html body.theme-neon .testimonial-info h4 {
    color: var(--neon-1) !important;
}

html body.theme-neon .testimonial-info p,
html body.theme-neon .about-text {
    color: var(--neon-muted) !important;
}

/* ========== STATS ========== */
html body.theme-neon .stat-number {
    color: var(--neon-1) !important;
    text-shadow: var(--neon-text-glow) !important;
    font-family: var(--neon-font-display) !important;
}

html body.theme-neon .stat-item {
    background: var(--neon-surface) !important;
    border-color: var(--neon-line) !important;
}

html body.theme-neon .stat-label {
    color: var(--neon-muted) !important;
}

/* ========== CARRUSELES ========== */
html body.theme-neon .carousel-btn,
html body.theme-neon .pcarousel-btn,
html body.theme-neon .catgrid-strip-btn {
    background: rgba(0, 0, 0, 0.6) !important;
    border: 1px solid var(--neon-line-strong) !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

html body.theme-neon .carousel-btn:hover,
html body.theme-neon .pcarousel-btn:hover,
html body.theme-neon .catgrid-strip-btn:hover {
    background: var(--neon-1) !important;
    border-color: var(--neon-1) !important;
    color: var(--neon-on-1) !important;
    box-shadow: var(--neon-glow-1) !important;
}

/* ========== FICHA DE PRODUCTO ========== */
html body.theme-neon .product-detail-title {
    color: #ffffff !important;
    font-family: var(--neon-font-display) !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
    line-height: 1.2 !important;
}

html body.theme-neon .product-detail-price {
    color: var(--neon-1) !important;
    font-family: var(--neon-font) !important;
    font-weight: 700 !important;
    text-shadow: var(--neon-text-glow) !important;
}

html body.theme-neon .breadcrumb,
html body.theme-neon .product-breadcrumb,
html body.theme-neon .product-breadcrumb a,
html body.theme-neon .breadcrumb a {
    color: var(--neon-muted) !important;
}

html body.theme-neon .product-breadcrumb a:hover,
html body.theme-neon .breadcrumb a:hover {
    color: var(--neon-1) !important;
}

html body.theme-neon .product-breadcrumb-current {
    color: #d5d8e4 !important;
}

html body.theme-neon .product-gallery img,
html body.theme-neon .product-image-zoom {
    border-radius: var(--neon-radius) !important;
}

html body.theme-neon .product-thumb {
    border-color: var(--neon-line-strong) !important;
}

html body.theme-neon .product-thumb.active,
html body.theme-neon .product-thumb:hover {
    border-color: var(--neon-1) !important;
    box-shadow: var(--neon-glow-sm) !important;
}

html body.theme-neon .product-qty-label,
html body.theme-neon .shipping-title,
html body.theme-neon .product-description-title {
    color: #ffffff !important;
}

html body.theme-neon .qty-selector {
    background: var(--neon-surface-2) !important;
    border: 1px solid var(--neon-line-strong) !important;
    border-radius: var(--neon-radius-sm) !important;
    overflow: hidden;
}

html body.theme-neon .qty-selector .qty-btn,
html body.theme-neon .qty-btn {
    background: transparent !important;
    color: var(--neon-text) !important;
    border: none !important;
    box-shadow: none !important;
}

html body.theme-neon .qty-btn:hover {
    color: var(--neon-1) !important;
    background: var(--neon-1-soft) !important;
}

html body.theme-neon .qty-selector .qty-input,
html body.theme-neon .qty-input {
    background: transparent !important;
    border: none !important;
    border-left: 1px solid var(--neon-line) !important;
    border-right: 1px solid var(--neon-line) !important;
    border-radius: 0 !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

html body.theme-neon .product-detail-wrapper .cart-buttons-row .btn-comprar-ahora,
html body.theme-neon .product-detail-wrapper .cart-buttons-row #btn-comprar-ahora,
html body.theme-neon .product-detail-wrapper .product-sticky-bar .btn-primary,
html body.theme-neon .product-detail-wrapper .product-sticky-bar .product-sticky-btn {
    background: var(--neon-1) !important;
    color: var(--neon-on-1) !important;
    border: 1px solid var(--neon-1) !important;
    box-shadow: 0 6px 24px color-mix(in srgb, var(--neon-1) 28%, transparent) !important;
}

html body.theme-neon .product-detail-wrapper .cart-buttons-row .btn-comprar-ahora:hover,
html body.theme-neon .product-detail-wrapper .cart-buttons-row #btn-comprar-ahora:hover {
    box-shadow: var(--neon-glow-1) !important;
}

html body.theme-neon .product-detail-wrapper .cart-buttons-row .btn-agregar-carrito,
html body.theme-neon .product-detail-wrapper .cart-buttons-row .btn-outline.product-cart-btn {
    background: transparent !important;
    color: var(--neon-1) !important;
    border: 1px solid var(--neon-1-line) !important;
    box-shadow: none !important;
}

html body.theme-neon .product-detail-wrapper .cart-buttons-row .btn-agregar-carrito:hover,
html body.theme-neon .product-detail-wrapper .cart-buttons-row .btn-outline.product-cart-btn:hover {
    background: var(--neon-1-soft) !important;
    border-color: var(--neon-1) !important;
    box-shadow: var(--neon-glow-sm) !important;
}

html body.theme-neon .product-shipping-calculator .btn-calc-shipping,
html body.theme-neon .btn-calc-shipping {
    background: transparent !important;
    color: var(--neon-1) !important;
    border: 1px solid var(--neon-1-line) !important;
    box-shadow: none !important;
}

html body.theme-neon .btn-calc-shipping:hover {
    background: var(--neon-1-soft) !important;
    border-color: var(--neon-1) !important;
}

html body.theme-neon .shipping-title i,
html body.theme-neon .product-trust-icon,
html body.theme-neon .product-trust-icon i {
    color: var(--neon-1) !important;
}

html body.theme-neon .product-trust-icon {
    background: var(--neon-1-soft) !important;
    border-color: var(--neon-1-line) !important;
}

html body.theme-neon .product-trust-label {
    color: #c9cde0 !important;
}

html body.theme-neon .product-stock-msg {
    color: var(--neon-muted) !important;
}

html body.theme-neon .product-description-content,
html body.theme-neon .product-description-html {
    color: #c9cde0 !important;
}

html body.theme-neon .product-detail-wrapper hr,
html body.theme-neon .product-description-block,
html body.theme-neon .product-detail-buy-box,
html body.theme-neon .product-detail-wrapper .product-breadcrumb,
html body.theme-neon .product-detail-wrapper .product-detail-price-block,
html body.theme-neon .product-detail-wrapper .product-description-title,
html body.theme-neon .product-detail-wrapper .product-shipping-calculator,
html body.theme-neon .related-products-section {
    border-color: var(--neon-line) !important;
}

html body.theme-neon .product-sticky-bar {
    background: rgba(0, 0, 0, 0.92) !important;
    border-top: 1px solid var(--neon-line-strong) !important;
    backdrop-filter: blur(10px);
}

html body.theme-neon .product-sticky-price {
    color: var(--neon-1) !important;
}

/* ========== CARRITO (panel oscuro; header.php lo fuerza blanco en el resto de temas) ========== */
html body.theme-neon .cart-modal,
html body.theme-neon .cart-modal-body,
html body.theme-neon .cart-sidebar,
html body.theme-neon #cart-modal .cart-modal,
html body.theme-neon #cart-modal .cart-modal-body {
    background: var(--neon-surface) !important;
    color: var(--neon-text) !important;
    border-color: var(--neon-line) !important;
}

html body.theme-neon #cart-modal .cart-modal {
    border-left: 1px solid var(--neon-line-strong) !important;
    box-shadow: -18px 0 50px rgba(0, 0, 0, 0.7), -1px 0 24px color-mix(in srgb, var(--neon-1) 12%, transparent) !important;
}

html body.theme-neon .cart-modal-header,
html body.theme-neon #cart-modal .cart-modal-header,
html body.theme-neon .cart-header {
    background: #000000 !important;
    color: #ffffff !important;
    border-bottom: 1px solid var(--neon-line) !important;
}

html body.theme-neon .cart-modal-header h3,
html body.theme-neon .cart-header h3 {
    font-family: var(--neon-font-display) !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    font-size: 1rem !important;
}

html body.theme-neon .cart-modal-body p,
html body.theme-neon .cart-modal-body i,
html body.theme-neon .cart-modal-item-variant {
    color: var(--neon-muted) !important;
}

html body.theme-neon .cart-modal-item,
html body.theme-neon #cart-modal .cart-modal-item,
html body.theme-neon .cart-item {
    border-bottom-color: var(--neon-line) !important;
}

html body.theme-neon .cart-modal-item img {
    background: #0f1118 !important;
    border-radius: var(--neon-radius-sm) !important;
}

html body.theme-neon .cart-modal-item-title,
html body.theme-neon .cart-modal-qty-val,
html body.theme-neon .cart-item-name,
html body.theme-neon .cart-item-title {
    color: #f1f2f8 !important;
}

html body.theme-neon .cart-modal-item-price,
html body.theme-neon .cart-item-price {
    color: var(--neon-1) !important;
}

html body.theme-neon .cart-modal-qty-btn,
html body.theme-neon .cart-modal-item-remove,
html body.theme-neon .cart-item-qty button {
    background: var(--neon-surface-2) !important;
    border: 1px solid var(--neon-line-strong) !important;
    color: var(--neon-text) !important;
}

html body.theme-neon .cart-modal-qty-btn:hover,
html body.theme-neon .cart-item-qty button:hover {
    border-color: var(--neon-1) !important;
    color: var(--neon-1) !important;
}

html body.theme-neon .cart-modal-item-remove:hover {
    border-color: #f87171 !important;
    color: #f87171 !important;
    background: rgba(248, 113, 113, 0.1) !important;
}

html body.theme-neon .cart-modal-footer,
html body.theme-neon #cart-modal .cart-modal-footer,
html body.theme-neon .cart-footer {
    background: #07080d !important;
    color: var(--neon-text) !important;
    border-top: 1px solid var(--neon-line) !important;
}

html body.theme-neon .cart-total-row,
html body.theme-neon .cart-total-row span {
    color: var(--neon-text) !important;
}

html body.theme-neon #cart-modal .cart-modal-footer .btn-link {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: var(--neon-muted) !important;
}

html body.theme-neon #cart-modal .cart-modal-footer .btn-link:hover {
    color: var(--neon-1) !important;
}

html body.theme-neon .btn-checkout {
    background: var(--neon-1) !important;
    color: var(--neon-on-1) !important;
    font-family: var(--neon-font) !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    border: none !important;
    box-shadow: 0 6px 24px color-mix(in srgb, var(--neon-1) 28%, transparent) !important;
}

html body.theme-neon .btn-checkout:hover {
    box-shadow: var(--neon-glow-1) !important;
    filter: brightness(1.08) !important;
}

html body.theme-neon .cart-overlay,
html body.theme-neon #cart-modal.cart-modal-overlay {
    background: rgba(0, 0, 0, 0.72) !important;
}

html body.theme-neon .close-cart,
html body.theme-neon .close-modal,
html body.theme-neon .cart-modal .close-modal {
    background: transparent !important;
    color: var(--neon-muted) !important;
    border: 1px solid var(--neon-line-strong) !important;
}

html body.theme-neon .close-cart:hover,
html body.theme-neon .close-modal:hover,
html body.theme-neon .cart-modal .close-modal:hover {
    color: var(--neon-1) !important;
    border-color: var(--neon-1) !important;
}

/* ========== FOOTER (negro; texto con contraste automático) ========== */
html body.theme-neon .site-footer.footer-force-white,
html body.theme-neon .store-footer {
    position: relative;
    border-top: 1px solid transparent !important;
    border-image: linear-gradient(90deg, transparent, var(--neon-1) 22%, var(--neon-2) 78%, transparent) 1 !important;
}

html body.theme-neon .site-footer.footer-force-white .footer-logo {
    font-family: var(--neon-font-display) !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    text-shadow: var(--neon-text-glow) !important;
}

html body.theme-neon .site-footer.footer-force-white .footer-col h4 {
    font-family: var(--neon-font) !important;
    font-weight: 700 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
}

html body.theme-neon .site-footer.footer-force-white .footer-col h4::after {
    background: var(--neon-gradient) !important;
}

html body.theme-neon .site-footer.footer-force-white .footer-col a:hover,
html body.theme-neon .site-footer.footer-force-white .footer-bottom a:hover {
    color: var(--neon-1) !important;
    opacity: 1 !important;
}

html body.theme-neon .site-footer.footer-force-white .footer-col i,
html body.theme-neon .site-footer.footer-force-white .contact-list i {
    color: var(--neon-1) !important;
}

html body.theme-neon .site-footer.footer-force-white .social-links a,
html body.theme-neon .social-link {
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid var(--neon-line-strong) !important;
    transition: all var(--neon-transition) !important;
}

html body.theme-neon .site-footer.footer-force-white .social-links a:hover,
html body.theme-neon .social-link:hover {
    background: var(--neon-1-soft) !important;
    border-color: var(--neon-1) !important;
    color: var(--neon-1) !important;
    box-shadow: var(--neon-glow-sm) !important;
}

html body.theme-neon .footer-feature i {
    color: var(--neon-1) !important;
}

/* ========== CHECKOUT (tarjetas oscuras, texto blanco) ========== */
html body.theme-neon .order-summary-card,
html body.theme-neon .payment-card,
html body.theme-neon .pay-plan-wrap,
html body.theme-neon .pay-plan-option,
html body.theme-neon .checkout-legal-consent__card,
html body.theme-neon .shipping-option,
html body.theme-neon label.payment-option,
html body.theme-neon .checkout-processing-card,
html body.theme-neon .dni-modal-box {
    background: var(--neon-surface) !important;
    color: #ffffff !important;
    border-color: var(--neon-line-strong) !important;
    box-shadow: none !important;
}

html body.theme-neon #shipping-methods-container {
    background: transparent !important;
    color: #ffffff !important;
}

html body.theme-neon .shipping-option strong,
html body.theme-neon .shipping-option small,
html body.theme-neon .shipping-option span,
html body.theme-neon .shipping-option div,
html body.theme-neon .payment-title,
html body.theme-neon .payment-desc,
html body.theme-neon .payment-method-price,
html body.theme-neon .payment-method-price .pay-price-now,
html body.theme-neon .payment-method-price .pay-price-plan,
html body.theme-neon .pay-plan-title,
html body.theme-neon .pay-plan-option,
html body.theme-neon .pay-plan-option .pay-plan-main,
html body.theme-neon .pay-plan-option .pay-plan-total,
html body.theme-neon .form-section-title,
html body.theme-neon .form-label,
html body.theme-neon #checkout-form small,
html body.theme-neon .summary-title,
html body.theme-neon .summary-row,
html body.theme-neon .summary-row span,
html body.theme-neon .summary-item-title,
html body.theme-neon .summary-item-meta,
html body.theme-neon .summary-item-price,
html body.theme-neon #checkout-items-list,
html body.theme-neon #checkout-items-list div,
html body.theme-neon .checkout-legal-consent__text,
html body.theme-neon .back-link,
html body.theme-neon .checkout-sticky-label,
html body.theme-neon #checkout-sticky-total,
html body.theme-neon #checkout-pickup-point {
    color: #ffffff !important;
}

html body.theme-neon .shipping-option small,
html body.theme-neon .payment-desc,
html body.theme-neon .summary-item-meta,
html body.theme-neon .summary-row:not(.total),
html body.theme-neon #checkout-form small,
html body.theme-neon .back-link {
    color: #d5d8e4 !important;
}

html body.theme-neon #transfer-discount-row,
html body.theme-neon #transfer-discount-row span,
html body.theme-neon #coupon-discount-row,
html body.theme-neon #coupon-discount-row span,
html body.theme-neon #promo-discount-row,
html body.theme-neon #promo-discount-row span,
html body.theme-neon #spend-offer-row,
html body.theme-neon #spend-offer-row span,
html body.theme-neon #gift-discount-row,
html body.theme-neon #gift-discount-row span,
html body.theme-neon #checkout-spend-offer-hint {
    color: #6ee7b7 !important;
}

html body.theme-neon .payment-card.selected,
html body.theme-neon .shipping-option:has(input:checked),
html body.theme-neon .pay-plan-option.is-selected {
    background: var(--neon-surface-2) !important;
    border-color: var(--neon-1) !important;
    box-shadow: var(--neon-glow-sm) !important;
}

html body.theme-neon .checkout-sticky-bar {
    background: #000000 !important;
    color: #ffffff !important;
    border-top-color: var(--neon-line-strong) !important;
}

html body.theme-neon #checkout-pickup-point {
    background: var(--neon-surface-2) !important;
    border: 1px solid var(--neon-line-strong) !important;
}

/* ========== SCROLLBAR (WebKit) ========== */
body.theme-neon ::-webkit-scrollbar { width: 8px; height: 8px; }
body.theme-neon ::-webkit-scrollbar-track { background: #000000; }
body.theme-neon ::-webkit-scrollbar-thumb { background: color-mix(in srgb, var(--neon-1) 35%, #1a1d27); border-radius: 8px; }
body.theme-neon ::-webkit-scrollbar-thumb:hover { background: var(--neon-1); }

@media (prefers-reduced-motion: reduce) {
    html body.theme-neon .product-card:hover,
    html body.theme-neon .cl-card:hover,
    html body.theme-neon .feature-card:hover,
    html body.theme-neon .btn:hover {
        transform: none !important;
    }
}