/* ==================================================
   DARK MODE
================================================== */

/* BODY */

body.dark-mode {
    background: #0b1120;
    color: #e5e7eb;
}

body.dark-mode .nx-finder {
    background: #111827;
}

body.dark-mode .nx-finder-content h2,
body.dark-mode .nx-energy-content h2,
body.dark-mode .compare-heading h2,
body.dark-mode .journey-heading h2,
body.dark-mode .savings-content h2 {
    color: #ffffff;
}

body.dark-mode .nx-finder-content h2 strong,
body.dark-mode .nx-energy-content h2 strong,
body.dark-mode .compare-heading h2 strong,
body.dark-mode .journey-heading h2 strong,
body.dark-mode .savings-content h2 strong {
    color: #60a5fa;
}

body.dark-mode .nx-finder-content p,
body.dark-mode .nx-energy-content > p,
body.dark-mode .compare-heading > p,
body.dark-mode .savings-content p {
    color: #94a3b8;
}

body.dark-mode .finder-option {
    background: #111827;
    border-color: #334155;
    color: #e5e7eb;
}

body.dark-mode .finder-option:hover {
    background: #1e3a5f;
    border-color: #3b82f6;
}

body.dark-mode .finder-icon {
    background: #1e3a5f;
    color: #60a5fa;
}

body.dark-mode .nx-energy-section {
    background: #0f172a;
}

body.dark-mode .nx-energy-visual {
    background:
    linear-gradient(
    145deg,
    #17291f,
    #1e293b
    );
}

body.dark-mode .energy-center {
    background: #111827;
    color: #ffffff;
}

body.dark-mode .energy-small-icon {
    background: #243c2e;
}

body.dark-mode .energy-feature strong {
    color: #ffffff;
}

body.dark-mode .energy-feature p {
    color: #94a3b8;
}

body.dark-mode .nx-compare-section {
    background: #0b1120;
}

body.dark-mode .compare-table {
    border-color: #334155;
}

body.dark-mode .compare-row {
    border-color: #334155;
    color: #94a3b8;
}

body.dark-mode .compare-row > div {
    color: #cbd5e1;
}

body.dark-mode .compare-actions a {
    color: #60a5fa;
}

body.dark-mode .nx-journey-section {
    background: #111827;
}

body.dark-mode .journey-icon {
    color: #60a5fa;
}

body.dark-mode .nx-savings-section {
    background: #0b1120;
}

body.dark-mode .savings-box {
    background:
    linear-gradient(
    135deg,
    #1e293b,
    #172033
    );
}

body.dark-mode .savings-content h2 {
    color: #ffffff;
}

body.dark-mode .h2-hero {
    background:
    radial-gradient(
    circle at 85% 30%,
    rgba(37,99,235,0.18),
    transparent 35%
    ),
    #0b1120;
}

body.dark-mode .h2-hero-content > p,
body.dark-mode .h2-section-title p,
body.dark-mode .h2-why-content > p {
    color: #94a3b8;
}

body.dark-mode .h2-smart-section,
body.dark-mode .h2-collections,
body.dark-mode .h2-why {
    background: #0b1120;
}

body.dark-mode .h2-washing-bg {
    background:
    linear-gradient(
    135deg,
    #102a22,
    #132e27
    );
}

body.dark-mode .h2-ac-bg {
    background:
    linear-gradient(
    135deg,
    #10223f,
    #172e4d
    );
}

body.dark-mode .h2-micro-bg {
    background:
    linear-gradient(
    135deg,
    #352414,
    #2d2115
    );
}

body.dark-mode .ab-hero,
body.dark-mode .ab-story,
body.dark-mode .ab-technology,
body.dark-mode .ab-testimonial,
body.dark-mode .ab-cta {
    background: #0f172a;
}

body.dark-mode .ab-mission,
body.dark-mode .ab-team {
    background: #111827;
}

body.dark-mode .ab-story-small {
    border-color: #0f172a;
}

body.dark-mode .ab-story-points > div {
    background: #111827;
}

body.dark-mode .ab-testimonial-box {
    background: #111827;
    border-color: #263449;
}

body.dark-mode .ab-testimonial-box > p {
    color: #f8fafc;
}

body.dark-mode .featured-appliance {
    background:
    linear-gradient(
    145deg,
    #1e293b,
    #111827
    );
    border-color: #334155;
}

body.dark-mode .featured-appliance-head {
    border-color: #334155;
}

body.dark-mode .featured-appliance-head > span {
    color: #cbd5e1;
}

body.dark-mode .featured-lines {
    background: #475569;
    box-shadow:
    0 8px 0 #475569,
    0 16px 0 #475569;
}

body.dark-mode .contact-hero {
    background:
    radial-gradient(
    circle at 80% 20%,
    rgba(23, 105, 255, 0.12),
    transparent 30%
    ),
    linear-gradient(
    180deg,
    #101d2c,
    #122236
    );
}

body.dark-mode .contact-info-section,
body.dark-mode .contact-faq-section,
body.dark-mode .contact-cta {
    background: #0e1825;
}

body.dark-mode .contact-checkbox {
    color: #91a1b5;
}

body.dark-mode .contact-map {
    background:
    linear-gradient(
    135deg,
    #203329,
    #1c2e38
    );
    border-color: #2a3f4a;
}

body.dark-mode .contact-map-label {
    background: rgba(17, 29, 43, 0.95);
}

body.dark-mode .contact-map-label strong {
    color: #edf3fa;
}

body.dark-mode .contact-map-label span {
    color: #95a6ba;
}

body.dark-mode .contact-faq-question {
    color: #edf3fa;
}

body.dark-mode .contact-faq-list,
body.dark-mode .contact-faq-item {
    border-color: #293b50;
}

body.dark-mode .contact-faq-answer p {
    color: #95a5b9;
}

body.dark-mode .contact-support-device {
    background:
    linear-gradient(
    145deg,
    #263a50,
    #15283c
    );
    border-color: #344b63;
}

body.dark-mode .contact-device-screen {
    background:
    linear-gradient(
    145deg,
    #172b41,
    #203a55
    );
    border-color: #2f4862;
}

body.dark-mode .contact-device-screen small {
    color: #91a5ba;
}

body.dl-dark-mode {
    --dl-bg: #0b1120;
    --dl-bg-soft: #111827;
    --dl-white: #111827;
    --dl-text: #e2e8f0;
    --dl-text-soft: #94a3b8;
    --dl-dark: #f8fafc;
    --dl-border: #263244;
    background: #0b1120;
    color: #e2e8f0;
}

body.dl-dark-mode .dl-hero {
    background:
    radial-gradient(
    circle at 90% 20%,
    rgba(37, 99, 235, 0.16),
    transparent 30%
    ),
    #0b1120;
}

body.dl-dark-mode .dl-hero h1,
body.dl-dark-mode .dl-section-heading h2 {
    color: #f8fafc;
}

body.dl-dark-mode .dl-hero-text > p {
    color: #94a3b8;
}

body.dl-dark-mode .dl-wishlist {
    background: #111827;
    border-color: #334155;
    color: #94a3b8;
}

body.dl-dark-mode .dl-wishlist:hover {
    background: #1f2937;
}

body.dl-dark-mode .dl-save {
    background: rgba(22, 163, 74, 0.12);
}

body.dl-dark-mode .dl-benefit-grid {
    background: #111827;
    border-color: #263244;
}

body.dl-dark-mode .dl-benefit-item {
    border-color: #263244;
}

body.dl-dark-mode .dl-benefit-item h4 {
    color: #f8fafc;
}

body.dl-dark-mode .dl-cta-box {
    background:
    radial-gradient(
    circle at 85% 50%,
    rgba(37, 99, 235, 0.14),
    transparent 30%
    ),
    #111827;
    border-color: #263244;
}

body.dl-dark-mode .dl-cta-content h2 {
    color: #f8fafc;
}

body.dl-dark-mode .dl-cta-content p {
    color: #94a3b8;
}

body.dark-mode .pr-page-hero {
    background:
    radial-gradient(
    circle at 85% 30%,
    rgba(37, 99, 235, 0.15),
    transparent 32%
    ),
    linear-gradient(
    135deg,
    #111c2e,
    #0f172a
    );
}

body.dark-mode .pr-page-heading h1 {
    color: #fff;
}

body.dark-mode .pr-wishlist {
    background: #172033;
    border-color: #334155;
    color: #cbd5e1;
}

body.dark-mode .pr-sort select {
    background: #111c2e;
    border-color: #263449;
    color: #fff;
}

body.dark-mode .pr-benefits {
    background: #111c2e;
    border-color: #263449;
}

body.dark-mode .pr-benefit {
    background: #0f172a;
    border-color: #263449;
}

body.dark-mode .pr-benefit h4 {
    color: #fff;
}

body.dark-mode .service-hero {
    background:
    radial-gradient(
    circle at 82% 45%,
    rgba(48, 103, 241, 0.18),
    transparent 32%
    ),
    #0b1222;
}

body.dark-mode .service-hero-content h1,
body.dark-mode .service-section-heading h2,
body.dark-mode .service-cta-box h2 {
    color: #ffffff;
}

body.dark-mode .service-list-section,
body.dark-mode .service-cta {
    background: #0b1222;
}

body.dark-mode .service-process-section {
    background: #10192c;
}

body.dark-mode .service-cta-box {
    background: #121d32;
    border-color: #263550;
}

body.dark-mode .technician-rating {
    border-color: #2a3953;
}

/* HEADER */

body.dark-mode .nexora-header {
    background:
    rgba(15, 23, 42, 0.97);
    border-color: #1e293b;
}

body.dark-mode .nexora-logo {
    color: #ffffff;
}

body.dark-mode .nexora-logo-text small {
    color: #94a3b8;
}

body.dark-mode .nexora-search-box {
    background: #0f172a;
    border-color: #1e293b;
}

body.dark-mode .nexora-search-inner {
    background: #111827;
    border-color: #334155;
}

body.dark-mode .h2-header {
    background:
    rgba(11,17,32,0.96);
    border-color:
    rgba(255,255,255,0.08);
}

body.dark-mode .h2-logo-text strong {
    color: #fff;
}

body.dark-mode .h2-search,
body.dark-mode .h2-search-box {
    background: #0f172a;
}

body.dark-mode .h2-search-box {
    border-color: #334155;
}

body.dark-mode .ab-header {
    background: rgba(15, 23, 42, 0.94);
    border-color: #1e293b;
}

body.dark-mode .ab-logo-text strong {
    color: #fff;
}

body.dark-mode .ab-search,
body.dark-mode .ab-search-box {
    background: #111827;
    border-color: #263449;
}

body.dark-mode .contact-header {
    background: rgba(14, 24, 37, 0.96);
    border-color: #26374a;
}

body.dark-mode .contact-logo-text {
    color: #fff;
}

body.dark-mode .contact-logo-text small {
    color: #93a4b8;
}

body.dark-mode .contact-search-box {
    background: #172638;
    border-color: #2b3d52;
}

body.dl-dark-mode .dl-header {
    background: rgba(15, 23, 42, 0.94);
    border-color: #263244;
}

body.dl-dark-mode .dl-logo-text {
    color: #fff;
}

body.dl-dark-mode .dl-search {
    background: #0f172a;
    border-color: #263244;
}

body.dl-dark-mode .dl-search-box {
    background: #111827;
    border-color: #334155;
}

body.dark-mode .pr-header {
    background: rgba(15, 23, 42, 0.96);
    border-color: #263449;
}

body.dark-mode .pr-logo-text strong {
    color: #fff;
}

body.dark-mode .pr-search {
    background: #0f172a;
    border-color: #263449;
}

body.dark-mode .pr-search-box {
    background: #111c2e;
    border-color: #263449;
}

body.dark-mode .pr-search-box:focus-within {
    background: #0f172a;
}

/* NAVIGATION */

body.dark-mode .nexora-dropdown-menu {
    background: #111827;
    border-color: #263244;
}

body.dark-mode .nexora-dropdown-menu::before {
    background: #111827;
    border-color: #263244;
}

body.dark-mode .nexora-dropdown-menu a {
    color: #d1d5db;
}

body.dark-mode .nexora-dropdown-menu a:hover {
    background: #1e3a5f;
    color: #ffffff;
}

.nexora-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
}

.nexora-nav a {
    position: relative;
    text-decoration: none;
    color: #4b5563;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
    transition: 0.3s ease;
}

.nexora-nav a:hover,
.nexora-nav a.active {
    color: var(--primary);
}

.nexora-nav a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 0;
    height: 2px;
    background: var(--primary);
    transition: 0.3s ease;
}

.nexora-nav a:hover::after,
.nexora-nav a.active::after {
    width: 100%;
}

body.dark-mode .nexora-nav a {
    color: #cbd5e1;
}

body.dark-mode .nexora-nav a:hover,
body.dark-mode .nexora-nav a.active {
    color: #60a5fa;
}

body.dark-mode .nexora-mobile-menu {
    background: #0f172a;
    border-color: #1e293b;
}

body.dark-mode .nexora-mobile-menu a {
    color: #e5e7eb;
    border-color: #1e293b;
}

body.dark-mode .h2-nav a {
    color: #94a3b8;
}

body.dark-mode .h2-nav a:hover,
body.dark-mode .h2-nav a.active {
    color: #60a5fa;
}

body.dark-mode .h2-mobile-menu {
    background: #0f172a;
    border-color: #334155;
}

body.dark-mode .h2-mobile-menu a {
    color: #cbd5e1;
    border-color: #1e293b;
}

body.dark-mode .ab-mobile-menu {
    background: #0f172a;
    border-color: #263449;
}

body.dark-mode .ab-mobile-menu a {
    border-color: #1e293b;
    color: #cbd5e1;
}

body.dark-mode .ab-menu {
    background: #1e293b;
    color: #fff;
}

body.dark-mode .contact-nav a {
    color: #a8b5c5;
}

body.dark-mode .contact-nav a:hover,
body.dark-mode .contact-nav a.active {
    color: #70a0ff;
}

body.dark-mode .contact-search-panel,
body.dark-mode .contact-mobile-menu {
    background: #101c2b;
    border-color: #26374a;
}

body.dark-mode .contact-mobile-menu a {
    color: #aab8c8;
}

body.dark-mode .contact-mobile-menu a:hover,
body.dark-mode .contact-mobile-menu a.active {
    background: #192c42;
    color: #70a0ff;
}

body.dl-dark-mode .dl-nav a {
    color: #94a3b8;
}

body.dl-dark-mode .dl-nav a:hover,
body.dl-dark-mode .dl-nav a.active {
    color: #60a5fa;
}

body.dark-mode .pr-nav a {
    color: #cbd5e1;
}

body.dark-mode .pr-nav a:hover,
body.dark-mode .pr-nav a.active {
    color: #60a5fa;
}

body.dark-mode .pr-mobile-menu {
    background: #0f172a;
    border-color: #263449;
}

body.dark-mode .pr-mobile-menu a {
    border-color: #263449;
    color: #cbd5e1;
}

/* CARDS */

body.dark-mode .nx-finder-card {
    background: #1e293b;
    box-shadow:
    0 25px 70px
    rgba(0,0,0,.3);
}

body.dark-mode .nx-finder-card h3 {
    color: #ffffff;
}

body.dark-mode .energy-card {
    background: #1e293b;
    color: #ffffff;
}

body.dark-mode .journey-card {
    background: #1e293b;
    color: #ffffff;
}

body.dark-mode .journey-card h3 {
    color: #ffffff;
}

body.dark-mode .journey-card p {
    color: #94a3b8;
}

body.dark-mode .h2-floating-card {
    background:
    rgba(17,24,39,0.92);
    border-color: #334155;
}

body.dark-mode .h2-floating-card strong {
    color: #fff;
}

body.dark-mode .h2-floating-card span {
    color: #94a3b8;
}

body.dark-mode .ab-mission-card,
body.dark-mode .ab-team-card,
body.dark-mode .ab-tech-item {
    background: #0f172a;
    border-color: #263449;
}

body.dark-mode .ab-device-card {
    background: linear-gradient(145deg, #1e293b, #111827);
    border-color: #334155;
}

body.dark-mode .brand-header {
    background: rgba(11, 17, 32, 0.94);
    border-color: #263449;
}

body.dark-mode .brand-nav a {
    color: #94a3b8;
}

body.dark-mode .brand-nav a:hover,
body.dark-mode .brand-nav a.active {
    color: #60a5fa;
}

body.dark-mode .brand-search-panel,
body.dark-mode .brand-mobile-menu {
    background: #0f172a;
    border-color: #263449;
}

body.dark-mode .brand-search-box,
body.dark-mode .brand-filter-box {
    background: #111c2e;
    border-color: #263449;
}

body.dark-mode .brand-mobile-inner a {
    background: #111c2e;
    color: #cbd5e1;
}

body.dark-mode .brand-mobile-inner a:hover,
body.dark-mode .brand-mobile-inner a.active {
    background: #172554;
    color: #60a5fa;
}

body.dark-mode .brand-hero {
    background:
    radial-gradient(
    circle at 10% 20%,
    rgba(37, 99, 235, 0.13),
    transparent 28%
    ),
    radial-gradient(
    circle at 90% 80%,
    rgba(96, 165, 250, 0.08),
    transparent 28%
    ),
    #0b1120;
}

body.dark-mode .brand-main-device {
    background:
    linear-gradient(
    145deg,
    #1e293b,
    #111827
    );
    border-color: #334155;
}

body.dark-mode .brand-device-top {
    background: #334155;
}

body.dark-mode .brand-device-line {
    background: #334155;
}

body.dark-mode .brand-floating-card {
    background: rgba(15, 23, 42, 0.94);
    border-color: #334155;
}

body.dark-mode .brand-floating-card strong {
    color: #f8fafc;
}

body.dark-mode .brand-section {
    background: #0f172a;
}

body.dark-mode .brand-card,
body.dark-mode .brand-benefit {
    background: #111c2e;
    border-color: #263449;
}

body.dark-mode .brand-card::before {
    background: #172554;
}

body.dark-mode .brand-card-logo {
    background: #0f172a;
}

body.dark-mode .brand-card:hover .brand-card-logo {
    background: #172554;
}

body.dark-mode .brand-card-logo,
body.dark-mode .brand-card-content h3,
body.dark-mode .brand-benefit h3 {
    color: #f8fafc;
}

body.dark-mode .brand-featured {
    background: #0b1120;
}

body.dark-mode .brand-featured-box {
    background:
    linear-gradient(
    135deg,
    #111c2e,
    #172554
    );
    border-color: #263449;
}

body.dark-mode .brand-benefits {
    background: #0f172a;
}

body.dark-mode .brand-cta {
    background: #0b1120;
}

body.dark-mode .cat-page,
.cat-page.dark-mode {
    --cat-white: #0b1422;
    --cat-light: #101c2c;
    --cat-text: #e7edf6;
    --cat-dark: #ffffff;
    --cat-muted: #9aa9bd;
    --cat-border: #223247;
    background: #0b1422;
    color: #e7edf6;
}

body.dark-mode .cat-header,
.cat-page.dark-mode .cat-header {
    background: rgba(11, 20, 34, 0.96);
    border-color: #1f3045;
}

body.dark-mode .cat-logo-text,
.cat-page.dark-mode .cat-logo-text {
    color: #ffffff;
}

body.dark-mode .cat-nav a,
.cat-page.dark-mode .cat-nav a {
    color: #a9b7c9;
}

body.dark-mode .cat-nav a:hover,
body.dark-mode .cat-nav a.active,
.cat-page.dark-mode .cat-nav a:hover,
.cat-page.dark-mode .cat-nav a.active {
    color: #63a0ff;
}

body.dark-mode .cat-cart-count,
.cat-page.dark-mode .cat-cart-count {
    border-color: #0b1422;
}

body.dark-mode .cat-hero,
.cat-page.dark-mode .cat-hero {
    background:
    radial-gradient(
    circle at 85% 20%,
    rgba(23, 105, 255, 0.15),
    transparent 35%
    ),
    linear-gradient(
    135deg,
    #101e31,
    #0e1a2b
    );
}

body.dark-mode .cat-breadcrumb,
.cat-page.dark-mode .cat-breadcrumb {
    color: #8999ae;
}

body.dark-mode .cat-section,
.cat-page.dark-mode .cat-section {
    background: #0b1422;
}

body.dark-mode .cat-card,
.cat-page.dark-mode .cat-card {
    background: #101c2c;
    border-color: #223247;
}

body.dark-mode .cat-card:hover,
.cat-page.dark-mode .cat-card:hover {
    border-color: #31598c;
}

body.dark-mode .cat-card-visual,
.cat-page.dark-mode .cat-card-visual {
    background:
    radial-gradient(
    circle at center,
    rgba(23, 105, 255, 0.13),
    transparent 65%
    );
}

body.dark-mode .cat-card-content p,
.cat-page.dark-mode .cat-card-content p {
    color: #8f9fb3;
}

body.dark-mode .cat-feature,
.cat-page.dark-mode .cat-feature {
    background: #101c2c;
    border-color: #223247;
}

body.dark-mode .cat-feature-item,
.cat-page.dark-mode .cat-feature-item {
    border-color: #223247;
}

body.dark-mode .cat-feature-icon,
.cat-page.dark-mode .cat-feature-icon {
    background: #152438;
    border-color: #29405d;
}

body.dark-mode .cat-feature-item p,
.cat-page.dark-mode .cat-feature-item p {
    color: #8798ad;
}

body.dark-mode .cat-cta,
.cat-page.dark-mode .cat-cta {
    background: #0b1422;
}

body.dark-mode .cat-search-box,
.cat-page.dark-mode .cat-search-box {
    background: #101c2c;
    border-color: #293b52;
}

body.dark-mode .cat-search-close,
.cat-page.dark-mode .cat-search-close {
    color: #a9b8ca;
    background: #17263a;
}

body.dark-mode .cat-mobile-menu,
.cat-page.dark-mode .cat-mobile-menu {
    background: #0f1b2b;
    border-color: #223247;
}

body.dark-mode .cat-mobile-menu a,
.cat-page.dark-mode .cat-mobile-menu a {
    color: #a9b7c9;
    border-color: #223247;
}

body.dark-mode .contact-info-card:hover {
    border-color: #345173;
}

body.dark-mode .contact-info-card h3,
body.dark-mode .contact-map-label strong,
body.dark-mode .contact-address strong {
    color: #edf3fa;
}

body.dark-mode .contact-info-card > span,
body.dark-mode .contact-address p {
    color: #8798ad;
}

body.dark-mode .contact-floating-card {
    background: rgba(18, 31, 46, 0.95);
    border-color: #2b4058;
}

body.dark-mode .contact-floating-card strong {
    color: #edf3fa;
}

body.dark-mode .contact-floating-card span {
    color: #8fa0b4;
}

body.dark-mode .service-hero-content > p,
body.dark-mode .service-section-heading p,
body.dark-mode .service-card p,
body.dark-mode .process-item p,
body.dark-mode .service-cta-box p {
    color: #9baac2;
}

body.dark-mode .service-card,
body.dark-mode .process-item {
    background: #121d32;
    border-color: #263550;
}

body.dark-mode .service-card h3,
body.dark-mode .process-item h3,
body.dark-mode .technician-info strong,
body.dark-mode .technician-rating strong,
body.dark-mode .technician-support strong {
    color: #ffffff;
}

body.dark-mode .service-technician-card,
body.dark-mode .service-floating-card {
    background: #162238;
}

body.dark-mode .technician-top span,
body.dark-mode .technician-info p,
body.dark-mode .technician-rating > span,
body.dark-mode .technician-support span,
body.dark-mode .service-floating-card span {
    color: #93a3bc;
}

/* PRODUCTS */

body.dark-mode .nexora-section,
body.dark-mode .nexora-deal,
body.dark-mode .nexora-contact {
    background: #0b1120;
}

body.dark-mode .nexora-products-section,
body.dark-mode .nexora-why {
    background: #111827;
}

body.dark-mode .nexora-category-card,
body.dark-mode .nexora-product-card,
body.dark-mode .nexora-brand-grid div,
body.dark-mode .nexora-benefit,
body.dark-mode .nexora-contact-items > div {
    background: #111827;
    border-color: #334155;
    color: #e5e7eb;
}

body.dark-mode .nexora-category-card h3,
body.dark-mode .nexora-product-info h3,
body.dark-mode .nexora-benefit h3 {
    color: #ffffff;
}

body.dark-mode .nexora-product-info > span {
    color: #60a5fa;
}

body.dark-mode .nexora-price strong {
    color: #ffffff;
}

body.dark-mode .compare-price > div:not(:first-child) {
    color: #ffffff;
}

body.dark-mode .h2-hero h1,
body.dark-mode .h2-section-title h2,
body.dark-mode .h2-section-heading h2,
body.dark-mode .h2-why-content > h2,
body.dark-mode .h2-product-info h3,
body.dark-mode .h2-price strong,
body.dark-mode .h2-tech-card h3,
body.dark-mode .h2-benefit-list strong {
    color: #f8fafc;
}

body.dark-mode .h2-products,
body.dark-mode .h2-reviews {
    background: #0f172a;
}

body.dark-mode .h2-tech-card,
body.dark-mode .h2-product-card,
body.dark-mode .h2-review-card {
    background: #111827;
    border-color: #1e293b;
}

body.dark-mode .h2-product-image {
    background:
    linear-gradient(
    135deg,
    #172033,
    #1e293b
    );
}

body.dark-mode .h2-product-info > span {
    color: #60a5fa;
}

body.dark-mode .h2-rating small,
body.dark-mode .h2-price del {
    color: #64748b;
}

body.dl-dark-mode .dl-deal-nav {
    background: #0f172a;
    border-color: #263244;
}

body.dl-dark-mode .dl-deal-tab {
    color: #94a3b8;
}

body.dl-dark-mode .dl-deal-tab:hover {
    background: #172554;
    color: #60a5fa;
}

body.dl-dark-mode .dl-product-card {
    background: #111827;
    border-color: #263244;
}

body.dl-dark-mode .dl-product-visual {
    background:
    radial-gradient(
    circle at 50% 45%,
    rgba(37, 99, 235, 0.13),
    transparent 55%
    ),
    #0f172a;
}

body.dl-dark-mode .dl-product-info h3,
body.dl-dark-mode .dl-price-row strong {
    color: #f8fafc;
}

body.dark-mode .pr-products-section {
    background: #0f172a;
}

body.dark-mode .pr-product-card {
    background: #111c2e;
    border-color: #263449;
}

body.dark-mode .pr-product-card:hover {
    border-color: #31558a;
}

body.dark-mode .pr-product-image {
    background:
    radial-gradient(
    circle at center,
    #1e293b 0%,
    #111c2e 70%,
    #0f172a 100%
    );
}

body.dark-mode .pr-product-info h3,
body.dark-mode .pr-price {
    color: #fff;
}

body.dark-mode .pr-product-bottom {
    border-color: #263449;
}

/* FORMS */

body.dark-mode .nexora-search-inner input {
    color: #ffffff;
}

body.dark-mode .h2-search-box input {
    color: #fff;
}

body.dark-mode .ab-nav a:hover,
body.dark-mode .ab-nav a.active,
body.dark-mode .ab-login:hover {
    color: #60a5fa;
}

body.dark-mode .ab-search-box input {
    color: #fff;
}

body.dark-mode .cat-login,
.cat-page.dark-mode .cat-login {
    color: #73a7ff;
    border-color: #28466d;
}

body.dark-mode .cat-search-box input,
.cat-page.dark-mode .cat-search-box input {
    color: #ffffff;
}

body.dark-mode .contact-search-box input {
    color: #edf3fa;
}

body.dark-mode .contact-hero p,
body.dark-mode .contact-section-heading p,
body.dark-mode .contact-info-card p,
body.dark-mode .contact-form-heading p,
body.dark-mode .contact-map-header p {
    color: #99a9bc;
}

body.dark-mode .contact-info-card,
body.dark-mode .contact-form-card,
body.dark-mode .contact-map-card {
    background: #121f2e;
    border-color: #293b50;
}

body.dark-mode .contact-form-section {
    background:
    linear-gradient(
    180deg,
    #101d2b,
    #0d1927
    );
}

body.dark-mode .contact-field label {
    color: #d7e0eb;
}

body.dark-mode .contact-input-wrap input,
body.dark-mode .contact-input-wrap select,
body.dark-mode .contact-textarea-wrap textarea {
    background: #0e1927;
    border-color: #2b3d52;
    color: #edf3fa;
}

body.dark-mode .contact-input-wrap input:focus,
body.dark-mode .contact-input-wrap select:focus,
body.dark-mode .contact-textarea-wrap textarea:focus {
    background: #101d2c;
}

body.dl-dark-mode .dl-login {
    color: #cbd5e1;
}

body.dark-mode .pr-login {
    color: #cbd5e1;
}

body.dark-mode .pr-login:hover {
    background: #172554;
    color: #60a5fa;
}

body.dark-mode .pr-search-box input {
    color: #fff;
}

/* BUTTONS */

body.dark-mode .nexora-home-btn {
    color: #d1d5db;
}

body.dark-mode .nexora-home-btn:hover,
body.dark-mode .nexora-home-btn.open {
    color: #38a9ff;
}

body.dark-mode .nexora-icon-btn,
body.dark-mode .nexora-cart-btn,
body.dark-mode .nexora-menu-btn,
body.dark-mode .nexora-rtl-btn {
    background: #111827;
    border-color: #334155;
    color: #e5e7eb;
}

body.dark-mode.rtl-mode .nexora-rtl-btn {
    background: var(--primary);
    border-color: var(--primary);
    color: #ffffff;
}

body.dark-mode.rtl-mode .nexora-rtl-btn i {
    color: #ffffff;
}

body.dark-mode .nexora-login-btn {
    background: var(--primary);
}

body.dark-mode .nexora-filter-buttons button,
body.dark-mode .nexora-outline-btn {
    background: #111827;
    color: #e5e7eb;
    border-color: #334155;
}

body.dark-mode .h2-action-btn,
body.dark-mode .h2-login,
body.dark-mode .h2-menu {
    color: #cbd5e1;
    background: #172033;
    border-color: #334155;
}

body.dark-mode .h2-secondary-btn {
    color: #fff;
    background: #172033;
    border-color: #334155;
}

body.dark-mode .ab-nav a,
body.dark-mode .ab-action-btn,
body.dark-mode .ab-login {
    color: #cbd5e1;
}

body.dark-mode .ab-secondary-btn {
    background: #111827;
    border-color: #263449;
    color: #fff;
}

body.dark-mode .brand-icon-btn {
    color: #94a3b8;
}

body.dark-mode .brand-icon-btn:hover {
    background: #1e293b;
    color: #60a5fa;
}

body.dark-mode .brand-cart-btn {
    color: #ffffff;
}

body.dark-mode .brand-cart-btn span {
    border-color: #0b1120;
}

body.dark-mode .brand-search-box button:hover {
    background: #1e293b;
    color: #ffffff;
}

body.dark-mode .brand-secondary-btn {
    background: #111c2e;
    border-color: #334155;
    color: #f8fafc;
}

body.dark-mode .brand-secondary-btn:hover {
    border-color: #60a5fa;
    color: #60a5fa;
}

body.dark-mode .cat-icon-btn,
.cat-page.dark-mode .cat-icon-btn {
    color: #b4c1d2;
}

body.dark-mode .cat-icon-btn:hover,
.cat-page.dark-mode .cat-icon-btn:hover {
    color: #ffffff;
    background: #162d4b;
}

body.dark-mode .contact-icon-btn {
    color: #aab8c8;
}

body.dark-mode .contact-icon-btn:hover {
    background: #192c42;
    color: #75a4ff;
}

body.dark-mode .contact-directions-btn,
body.dark-mode .contact-secondary-btn {
    border-color: #30455c;
    background: #142335;
}

body.dark-mode .contact-secondary-btn:hover,
body.dark-mode .contact-directions-btn:hover {
    background: #192c42;
}

body.dl-dark-mode .dl-icon-btn {
    color: #cbd5e1;
}

body.dl-dark-mode .dl-icon-btn:hover {
    background: #172554;
    color: #60a5fa;
}

body.dl-dark-mode .dl-secondary-btn {
    color: #e2e8f0;
    background: #111827;
    border-color: #334155;
}

body.dl-dark-mode .dl-secondary-btn:hover {
    color: #60a5fa;
    border-color: #2563eb;
}

body.dark-mode .pr-action-btn,
body.dark-mode .pr-cart,
body.dark-mode .pr-menu {
    color: #cbd5e1;
}

body.dark-mode .pr-action-btn:hover,
body.dark-mode .pr-cart:hover,
body.dark-mode .pr-menu:hover {
    background: #172554;
    color: #60a5fa;
    border-color: #1e40af;
}

body.dark-mode .pr-filter-btn {
    background: #111c2e;
    border-color: #263449;
    color: #94a3b8;
}

body.dark-mode .pr-filter-btn:hover {
    background: #172554;
    color: #60a5fa;
}

body.dark-mode .pr-filter-btn.active {
    background: var(--pr-primary);
    color: #fff;
}

/* FOOTER */

body.dark-mode .pr-footer {
    background: #070d18;
}

body.dark-mode .nexora-footer {
    background: #060d1a;
    border-color: #1a2540;
}

body.dark-mode .nexora-footer-grid h4,
body.dark-mode .footer-column h4 {
    color: #f1f5f9;
}

body.dark-mode .nexora-footer-grid a,
body.dark-mode .footer-column a,
body.dark-mode .footer-brand a,
body.dark-mode .footer-brand p {
    color: #94a3b8;
}

body.dark-mode .nexora-footer-grid a:hover,
body.dark-mode .footer-column a:hover {
    color: #60a5fa;
}

body.dark-mode .nexora-footer-bottom {
    border-color: #1a2540;
    color: #64748b;
}

body.dark-mode .nexora-footer-bottom a {
    color: #64748b;
}

body.dark-mode .nexora-footer-bottom a:hover {
    color: #93c5fd;
}

body.dark-mode .nexora-social a {
    background: #111827;
    border-color: #263244;
    color: #94a3b8;
}

body.dark-mode .nexora-social a:hover {
    background: #1e3a5f;
    color: #60a5fa;
}

/* ========================================================
   DEALS PAGE — COMPLETE DARK MODE (body.dark-mode)
   All selectors use the unified dark-mode class.
   Replaces and supersedes all body.dl-dark-mode rules.
   ======================================================== */

/* --- DEALS: BODY & GLOBAL TOKENS --- */

body.dark-mode.deals-page {
    background: #0b1120;
    color: #e2e8f0;
}

/* --- DEALS: HERO SECTION --- */

body.dark-mode .dl-hero {
    background:
    radial-gradient(
    circle at 90% 20%,
    rgba(37, 99, 235, 0.16),
    transparent 35%
    ),
    radial-gradient(
    circle at 10% 80%,
    rgba(96, 165, 250, 0.07),
    transparent 30%
    ),
    linear-gradient(160deg, #0d1627, #0b1120);
}

body.dark-mode .dl-hero::before,
body.dark-mode .dl-hero::after {
    opacity: 0.12;
}

/* --- DEALS: BREADCRUMB --- */

body.dark-mode .dl-breadcrumb {
    color: #64748b;
}

body.dark-mode .dl-breadcrumb a {
    color: #60a5fa;
}

body.dark-mode .dl-breadcrumb a:hover {
    color: #93c5fd;
}

body.dark-mode .dl-breadcrumb i {
    color: #475569;
}

body.dark-mode .dl-breadcrumb span {
    color: #94a3b8;
}

/* --- DEALS: EYEBROW LABELS --- */

body.dark-mode .dl-eyebrow {
    color: #60a5fa;
}

body.dark-mode .dl-eyebrow > span {
    background: #60a5fa;
}

/* --- DEALS: HERO HEADINGS & TEXT --- */

body.dark-mode .dl-hero-text h1 {
    color: #f1f5f9;
}

body.dark-mode .dl-hero-text h1 span {
    color: #60a5fa;
}

body.dark-mode .dl-hero-text > p {
    color: #94a3b8;
}

/* --- DEALS: SECTION HEADINGS --- */

body.dark-mode .dl-section-heading h2 {
    color: #f1f5f9;
}

body.dark-mode .dl-section-heading h2 span {
    color: #60a5fa;
}

body.dark-mode .dl-section-heading > p,
body.dark-mode .dl-section-heading p {
    color: #94a3b8;
}

/* --- DEALS: HERO BUTTONS --- */

body.dark-mode .dl-primary-btn {
    background: #2563eb;
    color: #ffffff;
    border-color: #2563eb;
}

body.dark-mode .dl-primary-btn:hover {
    background: #1d4ed8;
    border-color: #1d4ed8;
}

body.dark-mode .dl-secondary-btn {
    background: transparent;
    color: #e2e8f0;
    border-color: #334155;
}

body.dark-mode .dl-secondary-btn:hover {
    background: #1e293b;
    color: #60a5fa;
    border-color: #2563eb;
}

/* --- DEALS: HERO VISUAL AREA --- */

body.dark-mode .dl-hero-visual {
    background: transparent;
}

/* Sale circle badge */
body.dark-mode .dl-sale-circle {
    background: linear-gradient(135deg, #1e3a5f, #1e40af);
    border-color: #2563eb;
    color: #ffffff;
    box-shadow: 0 0 40px rgba(37, 99, 235, 0.35);
}

body.dark-mode .dl-sale-circle span {
    color: #93c5fd;
}

body.dark-mode .dl-sale-circle strong {
    color: #ffffff;
}

body.dark-mode .dl-sale-circle small {
    color: #93c5fd;
}

/* Hero appliance fridge */
body.dark-mode .dl-hero-appliance {
    background: linear-gradient(145deg, #1e293b, #111827);
    border-color: #334155;
}

body.dark-mode .dl-hero-fridge {
    background: linear-gradient(160deg, #1e3a5f, #162032);
    border-color: #2d4a6e;
}

body.dark-mode .dl-hero-fridge-display {
    background: #0f172a;
    color: #60a5fa;
    border-color: #263244;
}

body.dark-mode .dl-hero-fridge-line {
    background: #263244;
}

body.dark-mode .dl-hero-fridge-handle {
    background: #334155;
}

/* Floating tag */
body.dark-mode .dl-floating-tag {
    background: rgba(17, 24, 39, 0.95);
    border-color: #334155;
    color: #e2e8f0;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
}

/* --- DEALS: DEAL CATEGORY TABS NAV --- */

body.dark-mode .dl-deal-nav {
    background: #0f172a;
    border-color: #1e293b;
}

body.dark-mode .dl-deal-tabs {
    background: transparent;
}

body.dark-mode .dl-deal-tab {
    background: transparent;
    color: #94a3b8;
    border-color: transparent;
}

body.dark-mode .dl-deal-tab:hover {
    background: #1e293b;
    color: #60a5fa;
}

body.dark-mode .dl-deal-tab.active {
    background: #1e3a5f;
    color: #60a5fa;
    border-color: #2563eb;
}

/* --- DEALS: PRODUCTS SECTION --- */

body.dark-mode .dl-deals-section {
    background: #0b1120;
}

/* --- DEALS: PRODUCT CARDS --- */

body.dark-mode .dl-product-card {
    background: #111827;
    border-color: #1e293b;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);
}

body.dark-mode .dl-product-card:hover {
    border-color: #2563eb;
    box-shadow: 0 8px 40px rgba(37, 99, 235, 0.2);
}

body.dark-mode .dl-product-visual {
    background:
    radial-gradient(
    circle at 50% 45%,
    rgba(37, 99, 235, 0.12),
    transparent 55%
    ),
    #0f172a;
    border-color: #1e293b;
}

/* --- DEALS: DISCOUNT BADGE --- */

body.dark-mode .dl-discount-badge {
    background: #dc2626;
    color: #ffffff;
    box-shadow: 0 2px 8px rgba(220, 38, 38, 0.4);
}

/* --- DEALS: WISHLIST BUTTON --- */

body.dark-mode .dl-wishlist {
    background: #1e293b;
    border-color: #334155;
    color: #94a3b8;
}

body.dark-mode .dl-wishlist:hover {
    background: #1e3a5f;
    color: #f87171;
    border-color: #2563eb;
}

body.dark-mode .dl-wishlist.active {
    background: rgba(248, 113, 113, 0.15);
    color: #f87171;
    border-color: #f87171;
}

/* --- DEALS: CSS APPLIANCE ILLUSTRATIONS (DARK) --- */

/* Fridge */
body.dark-mode .dl-fridge {
    background: linear-gradient(160deg, #1a2e4a, #142038);
    border-color: #263855;
}

body.dark-mode .dl-fridge-display {
    background: #0a1628;
    color: #60a5fa;
    border-color: #1e3a5f;
}

body.dark-mode .dl-fridge-line {
    background: #263449;
}

body.dark-mode .dl-fridge-handle {
    background: #334155;
}

/* Washer */
body.dark-mode .dl-washer {
    background: linear-gradient(160deg, #1a3040, #122538);
    border-color: #253a50;
}

body.dark-mode .dl-washer-panel {
    background: #0e2032;
}

body.dark-mode .dl-washer-panel span {
    background: #60a5fa;
}

body.dark-mode .dl-washer-door {
    background: #0d1e30;
    border-color: #1e3650;
}

body.dark-mode .dl-washer-door > div {
    background: rgba(96, 165, 250, 0.08);
    border-color: #263f5a;
}

/* AC */
body.dark-mode .dl-ac {
    background: linear-gradient(160deg, #1a2e4a, #122040);
    border-color: #253860;
}

body.dark-mode .dl-ac-display {
    background: #0a1628;
    color: #60a5fa;
}

body.dark-mode .dl-ac-lines span {
    background: rgba(96, 165, 250, 0.2);
}

/* Microwave */
body.dark-mode .dl-microwave {
    background: linear-gradient(160deg, #1e2a3a, #162030);
    border-color: #253044;
}

body.dark-mode .dl-microwave-door {
    background: #0d1828;
    border-color: #1e2e40;
}

body.dark-mode .dl-microwave-display {
    background: #051020;
    color: #60a5fa;
}

body.dark-mode .dl-microwave-knob {
    background: #334155;
}

/* Mini fridge */
body.dark-mode .dl-mini-fridge {
    background: linear-gradient(160deg, #1a2a3e, #121e30);
    border-color: #243450;
}

body.dark-mode .dl-mini-screen {
    background: #0a1628;
    color: #60a5fa;
}

body.dark-mode .dl-mini-handle {
    background: #334155;
}

/* Top load washer */
body.dark-mode .dl-top-load {
    background: linear-gradient(160deg, #1a3040, #122238);
    border-color: #253a4e;
}

body.dark-mode .dl-top-panel {
    background: #0f2030;
}

body.dark-mode .dl-top-door {
    border-color: #253a50;
}

body.dark-mode .dl-top-door > div {
    background: rgba(96, 165, 250, 0.08);
    border-color: #263f5a;
}

/* Airfryer */
body.dark-mode .dl-airfryer {
    background: linear-gradient(160deg, #1e2c3e, #162030);
    border-color: #253040;
}

body.dark-mode .dl-airfryer-top {
    background: #0e1e2e;
}

body.dark-mode .dl-airfryer-body {
    background: #132030;
    border-color: #1e2e40;
}

body.dark-mode .dl-airfryer-handle {
    background: #334155;
}

/* --- DEALS: PRODUCT INFO AREA --- */

body.dark-mode .dl-product-info {
    background: transparent;
}

body.dark-mode .dl-product-category {
    color: #60a5fa;
}

body.dark-mode .dl-product-info h3 {
    color: #f1f5f9;
}

body.dark-mode .dl-rating {
    color: #fbbf24;
}

body.dark-mode .dl-rating small {
    color: #94a3b8;
}

/* --- DEALS: PRICE ROW --- */

body.dark-mode .dl-price-row {
    border-color: #1e293b;
}

body.dark-mode .dl-price-row strong {
    color: #f1f5f9;
}

body.dark-mode .dl-price-row del {
    color: #475569;
}

body.dark-mode .dl-save {
    background: rgba(22, 163, 74, 0.15);
    color: #4ade80;
    border-color: rgba(22, 163, 74, 0.25);
}

/* --- DEALS: ADD TO CART BUTTON --- */

body.dark-mode .dl-add-cart {
    background: #1e3a5f;
    color: #e2e8f0;
    border-color: #2563eb;
}

body.dark-mode .dl-add-cart:hover {
    background: #2563eb;
    color: #ffffff;
    border-color: #1d4ed8;
}

/* --- DEALS: EMPTY STATE --- */

body.dark-mode .dl-empty {
    background: #111827;
    border-color: #1e293b;
}

body.dark-mode .dl-empty-icon {
    background: #1e293b;
    color: #60a5fa;
}

body.dark-mode .dl-empty h3 {
    color: #f1f5f9;
}

body.dark-mode .dl-empty p {
    color: #94a3b8;
}

body.dark-mode .dl-reset-btn {
    background: #1e3a5f;
    color: #e2e8f0;
    border-color: #2563eb;
}

body.dark-mode .dl-reset-btn:hover {
    background: #2563eb;
    color: #ffffff;
}

/* --- DEALS: FLASH SALE SECTION --- */

body.dark-mode .dl-flash-section {
    background: #0f172a;
}

body.dark-mode .dl-flash-box {
    background:
    radial-gradient(
    circle at 85% 50%,
    rgba(37, 99, 235, 0.18),
    transparent 35%
    ),
    linear-gradient(135deg, #111c2e, #0e1828);
    border-color: #1e3a5f;
    box-shadow: 0 0 60px rgba(37, 99, 235, 0.12);
}

body.dark-mode .dl-flash-content h2 {
    color: #f1f5f9;
}

body.dark-mode .dl-flash-content h2 span {
    color: #60a5fa;
}

body.dark-mode .dl-flash-content > p {
    color: #94a3b8;
}

/* Countdown timer */
body.dark-mode .dl-countdown {
    background: rgba(11, 17, 32, 0.6);
    border-color: #1e293b;
}

body.dark-mode .dl-time-box {
    background: #111827;
    border-color: #263244;
}

body.dark-mode .dl-time-box strong {
    color: #f1f5f9;
}

body.dark-mode .dl-time-box span {
    color: #94a3b8;
}

body.dark-mode .dl-time-separator {
    color: #60a5fa;
}

/* Flash visual */
body.dark-mode .dl-flash-visual {
    background: transparent;
}

body.dark-mode .dl-flash-glow {
    background: radial-gradient(circle, rgba(37, 99, 235, 0.3), transparent 60%);
}

body.dark-mode .dl-flash-device {
    background: linear-gradient(145deg, #1e293b, #111827);
    border-color: #334155;
}

body.dark-mode .dl-flash-screen {
    background: #0a1628;
    color: #60a5fa;
    border-color: #1e3a5f;
}

body.dark-mode .dl-flash-device-light {
    background: #2563eb;
    opacity: 0.6;
}

body.dark-mode .dl-flash-percent {
    background: rgba(37, 99, 235, 0.15);
    color: #93c5fd;
    border-color: #1e3a5f;
}

/* --- DEALS: BENEFITS SECTION --- */

body.dark-mode .dl-benefits {
    background: #0f172a;
}

body.dark-mode .dl-benefit-grid {
    background: #111827;
    border-color: #1e293b;
}

body.dark-mode .dl-benefit-item {
    border-color: #1e293b;
}

body.dark-mode .dl-benefit-icon {
    background: #1e3a5f;
    color: #60a5fa;
}

body.dark-mode .dl-benefit-item h4 {
    color: #f1f5f9;
}

body.dark-mode .dl-benefit-item p {
    color: #94a3b8;
}

/* --- DEALS: CTA SECTION --- */

body.dark-mode .dl-cta {
    background: #0b1120;
}

body.dark-mode .dl-cta-box {
    background:
    radial-gradient(
    circle at 85% 50%,
    rgba(37, 99, 235, 0.14),
    transparent 32%
    ),
    #111827;
    border-color: #1e3a5f;
}

body.dark-mode .dl-cta-content h2 {
    color: #f1f5f9;
}

body.dark-mode .dl-cta-content h2 span {
    color: #60a5fa;
}

body.dark-mode .dl-cta-content > p {
    color: #94a3b8;
}

/* CTA visual */
body.dark-mode .dl-cta-orbit {
    border-color: rgba(37, 99, 235, 0.25);
}

body.dark-mode .dl-cta-device {
    background: linear-gradient(145deg, #1e293b, #111827);
    border-color: #334155;
}

body.dark-mode .dl-cta-device-screen {
    background: #0a1628;
    border-color: #1e3a5f;
}

body.dark-mode .dl-cta-device-screen span {
    background: #60a5fa;
    opacity: 0.5;
}

body.dark-mode .dl-cta-device-light {
    background: #2563eb;
    opacity: 0.5;
}

/* --- DEALS: MOBILE MENU --- */

body.dark-mode .nexora-mobile-menu a {
    color: #e5e7eb;
    border-color: #1e293b;
}

/* --- DEALS: TOAST NOTIFICATION --- */

body.dark-mode .dl-toast {
    background: #111827;
    border-color: #334155;
    color: #e2e8f0;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
}

body.dark-mode .dl-toast i {
    color: #4ade80;
}

/* MODALS / EMPTY STATES */

body.dark-mode .dl-empty h3 {
    color: #f8fafc;
}

/* RESPONSIVE DARK MODE */

/* =====================================================
   HERO SECTIONS DARK MODE
===================================================== */

/* Home 1 Hero */
body.dark-mode .nexora-hero {
    background: radial-gradient(circle at 80% 20%, rgba(37, 99, 235, 0.15), transparent 35%), linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
}

body.dark-mode .nexora-hero h1 {
    color: #f8fafc;
}

body.dark-mode .nexora-hero p {
    color: #94a3b8;
}

body.dark-mode .nexora-hero-features > div {
    color: #cbd5e1;
}

body.dark-mode .nexora-outline-btn {
    border-color: #334155;
    background: transparent;
    color: #e2e8f0;
}

body.dark-mode .nexora-outline-btn:hover {
    border-color: var(--primary);
    color: var(--primary);
}

body.dark-mode .nexora-hero-circle {
    background: radial-gradient(circle, rgba(37, 99, 235, 0.15) 0%, rgba(37, 99, 235, 0) 70%);
}

body.dark-mode .nexora-product-floating {
    background: #1e293b;
    border: 1px solid #334155;
    color: #e2e8f0;
}

/* Home 2 Hero */
body.dark-mode .hero-section {
    background: #0f172a;
}

body.dark-mode .hero-tag {
    background: #1e293b;
    border: 1px solid #334155;
    color: #e2e8f0;
}

body.dark-mode .hero-content h1 {
    color: #f8fafc;
}

body.dark-mode .hero-content p {
    color: #94a3b8;
}

body.dark-mode .hero-play-btn {
    color: #e2e8f0;
}

body.dark-mode .hero-play-btn .play-icon {
    background: #1e293b;
    border: 1px solid #334155;
    color: #f8fafc;
}

body.dark-mode .hero-stats h4 {
    color: #f8fafc;
}

body.dark-mode .hero-stats p {
    color: #94a3b8;
}

body.dark-mode .hero-circle {
    background: #1e293b;
}

body.dark-mode .hero-card {
    background: #1e293b;
    border: 1px solid #334155;
    color: #f8fafc;
}

body.dark-mode .hero-card-info p {
    color: #cbd5e1;
}

