/**
 * Maps seasonal sale tokens onto the shop / customer UI.
 * Loaded after nxt-site-ui + customer-modern so the active template is visible.
 */
html.nxt-sale-theme {
    --nxt-accent: var(--sale-accent);
    --nxt-accent-hover: var(--sale-accent-hover);
    --nxt-accent-soft: var(--sale-accent-glow);
    --sale-text: #f8fafc;
    --sale-text-muted: #d7e0ee;
    --sale-text-accent: color-mix(in srgb, var(--sale-accent) 36%, #ffffff);
    --sale-premium-border: color-mix(in srgb, var(--sale-accent) 34%, rgba(148, 163, 184, 0.34));
    --sale-premium-surface: color-mix(in srgb, var(--sale-accent) 12%, rgba(15, 23, 42, 0.9));
    --sale-premium-shadow: 0 14px 28px rgba(2, 6, 23, 0.25);
    --sale-header-h: 64px;
    --sale-nav-h: 53px;
    --sale-stack-h: calc(var(--sale-header-h) + var(--sale-nav-h));
    --sale-header-end: color-mix(in srgb, var(--sale-accent) 12%, #1a2840);
    --sale-header-grad: linear-gradient(
        180deg,
        color-mix(in srgb, var(--sale-accent) 48%, #1a2840) 0%,
        var(--sale-header-end) 100%
    );
}

html.nxt-site-ui.nxt-sale-theme {
    --cu-accent: var(--sale-accent);
    --cu-accent-hover: var(--sale-accent-hover);
    --cu-accent-soft: var(--sale-accent-glow);
}

html.nxt-sale-theme .nxtd-shell,
html.nxt-sale-theme #content.main-content.nxtd-shell,
html.nxt-sale-theme #content.main-content.nxtd-shell--prepaid,
html.nxt-sale-theme #content.main-content.nxtd-shell--vertrag,
html.nxt-sale-theme #content.main-content.nxtd-shell--verein,
html.nxt-sale-theme #content.main-content.nxtd-shell--business,
html.nxt-sale-theme #content.main-content.nxtd-shell--reseller,
html.nxt-sale-theme #content.main-content.nxtd-shell--eltern,
html.nxt-sale-theme .nxtd-shell--prepaid,
html.nxt-sale-theme .nxtd-shell--vertrag,
html.nxt-sale-theme .nxtd-shell--verein,
html.nxt-sale-theme .nxtd-shell--business,
html.nxt-sale-theme .nxtd-shell--reseller,
html.nxt-sale-theme .nxtd-shell--eltern {
    --nxtd-accent: var(--sale-accent);
    --nxtd-accent-soft: var(--sale-accent-glow);
    --nxtd-accent-contrast: #ffffff;
    --nxtd-border-strong: color-mix(in srgb, var(--sale-accent) 34%, rgba(148, 178, 224, 0.18));
}

html.nxt-sale-black_friday #content.main-content.nxtd-shell,
html.nxt-sale-cyber_monday #content.main-content.nxtd-shell,
html.nxt-sale-sommer #content.main-content.nxtd-shell,
html.nxt-sale-winter #content.main-content.nxtd-shell,
html.nxt-sale-black_friday .nxtd-shell,
html.nxt-sale-cyber_monday .nxtd-shell,
html.nxt-sale-sommer .nxtd-shell,
html.nxt-sale-winter .nxtd-shell {
    --nxtd-accent-contrast: #111827;
}

html.nxt-sale-theme #content.main-content.nxtd-shell.nxtd-shell--light,
html.nxt-sale-theme .nxtd-shell.nxtd-shell--light {
    --nxtd-bg: #0b1526;
    --nxtd-bg-soft: #0f1d33;
    --nxtd-surface: #15263f;
    --nxtd-surface-strong: #18304c;
    --nxtd-border: rgba(148, 178, 224, 0.16);
    --nxtd-heading: #eef4ff;
    --nxtd-text: #cfdcf3;
    --nxtd-muted: #8ea3c7;
    --nxtd-shadow: none;
    color: var(--nxtd-text);
}

html.nxt-sale-theme #content.main-content.nxtd-shell {
    background:
        radial-gradient(1000px 540px at 85% -8%, color-mix(in srgb, var(--sale-accent) 18%, transparent), transparent 55%),
        radial-gradient(780px 480px at -6% 14%, rgba(255, 255, 255, 0.04), transparent 50%),
        linear-gradient(180deg, color-mix(in srgb, var(--sale-accent) 10%, #0b1526) 0%, #0b1526 100%) !important;
}

html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark,
html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark body,
html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark .main-container,
html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark #content.main-content {
    background:
        radial-gradient(ellipse 90% 42% at 50% -12%, color-mix(in srgb, var(--sale-accent) 20%, transparent), transparent 58%),
        var(--cu-page, #0b0f19) !important;
}

html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark .header-container,
html.nxt-sale-theme .header-container,
html.nxt-sale-theme .header-container .header.navbar {
    background: var(--sale-header-grad) !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark .topbar-nav.header,
html.nxt-sale-theme .topbar-nav.header,
html.nxt-sale-theme .topbar-nav.header.navbar {
    background: var(--sale-header-end) !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

html.nxt-sale-theme .header a.nxt-cart-link {
    border-color: color-mix(in srgb, var(--sale-accent) 52%, rgba(255, 255, 255, 0.22)) !important;
    background: color-mix(in srgb, var(--sale-accent) 18%, rgba(255, 255, 255, 0.04)) !important;
}

html.nxt-sale-theme .header a.nxt-cart-link:hover {
    border-color: var(--sale-accent-hover) !important;
    background: color-mix(in srgb, var(--sale-accent) 28%, rgba(255, 255, 255, 0.06)) !important;
}

html.nxt-sale-theme .header-container .navbar a:hover,
html.nxt-sale-theme .topbar-nav a:hover,
html.nxt-sale-theme .topbar-nav.header nav#topbar ul.menu-categories li.menu:hover > a > div span,
html.nxt-sale-theme .topbar-nav.header nav#topbar ul.menu-categories li.menu:hover a > div svg:not(.feather-chevron-down) {
    color: #fff !important;
}

html.nxt-sale-theme .nav-user-avatar {
    background: var(--sale-accent);
}

html.nxt-site-ui.nxt-sale-theme #content.main-content .widget .widget-heading h5,
html.nxt-site-ui.nxt-sale-theme #content.main-content .widget .widget-heading h6,
html.nxt-site-ui.nxt-sale-theme #content.main-content .widget-header h4 {
    color: var(--cu-heading, var(--sale-text-accent)) !important;
}

html.nxt-site-ui.nxt-sale-theme #content.main-content .widget:not(.dashboard-hero)::before,
html.nxt-site-ui.nxt-sale-theme #content.main-content .card:not(.widget)::before,
html.nxt-site-ui.nxt-sale-theme #content.main-content .widget-content-area:not(.widget):not(.dashboard-hero)::before {
    background: var(--sale-accent);
    height: 2px;
    box-shadow: 0 0 10px var(--sale-accent-glow);
}

html.nxt-site-ui.nxt-sale-theme #content.main-content .btn-primary,
html.nxt-site-ui.nxt-sale-theme #content.main-content.nxtd-shell .btn-primary,
html.nxt-site-ui.nxt-sale-theme #content.main-content.nxtd-shell .btn-success,
html.nxt-site-ui.nxt-sale-theme .btn-primary {
    background: var(--sale-accent) !important;
    border-color: var(--sale-accent) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

html.nxt-site-ui.nxt-sale-theme.nxt-sale-black_friday #content.main-content.nxtd-shell .btn-primary,
html.nxt-site-ui.nxt-sale-theme.nxt-sale-black_friday #content.main-content.nxtd-shell .btn-success,
html.nxt-site-ui.nxt-sale-theme.nxt-sale-sommer #content.main-content.nxtd-shell .btn-primary,
html.nxt-site-ui.nxt-sale-theme.nxt-sale-sommer #content.main-content.nxtd-shell .btn-success,
html.nxt-site-ui.nxt-sale-theme.nxt-sale-winter #content.main-content.nxtd-shell .btn-primary,
html.nxt-site-ui.nxt-sale-theme.nxt-sale-winter #content.main-content.nxtd-shell .btn-success,
html.nxt-sale-black_friday #content.main-content .btn-primary,
html.nxt-sale-black_friday .btn-primary,
html.nxt-sale-sommer #content.main-content .btn-primary,
html.nxt-sale-sommer .btn-primary,
html.nxt-sale-winter #content.main-content .btn-primary,
html.nxt-sale-winter .btn-primary {
    color: #111827 !important;
    -webkit-text-fill-color: #111827 !important;
}

html.nxt-site-ui.nxt-sale-theme.nxt-sale-cyber_monday #content.main-content.nxtd-shell .btn-primary,
html.nxt-site-ui.nxt-sale-theme.nxt-sale-cyber_monday #content.main-content.nxtd-shell .btn-success,
html.nxt-sale-cyber_monday #content.main-content .btn-primary,
html.nxt-sale-cyber_monday .btn-primary {
    color: #041016 !important;
    -webkit-text-fill-color: #041016 !important;
}

html.nxt-site-ui.nxt-sale-theme #content.main-content .btn-outline-primary {
    color: var(--sale-text-accent) !important;
    border-color: var(--sale-accent-glow) !important;
}

html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark .dropdown-menu,
html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark .header.navbar .dropdown-menu,
html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark .topbar-nav .dropdown-menu,
html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark .bootstrap-select .dropdown-menu,
html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark .select2-dropdown,
html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark .topbar-nav.header nav#topbar ul.menu-categories li.menu .submenu,
html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark .topbar-nav.header nav#topbar ul.menu-categories li.menu .submenu .sub-submenu {
    background: #1a2744 !important;
    color: #f8fafc !important;
}

html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark .dropdown-item,
html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark .dropdown-item span,
html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark .dropdown-item .text-muted,
html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark .dropdown-menu a,
html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark .select2-results__option,
html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark .bootstrap-select .dropdown-item,
html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark .topbar-nav.header nav#topbar ul.menu-categories li.menu .submenu li a,
html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark .navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu .dropdown-item a,
html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark .navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu .dropdown-item a span,
html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark .navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu .dropdown-item a i,
html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark .navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu .dropdown-item a svg {
    color: #f8fafc !important;
}

html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark select,
html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark .custom-select,
html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark select.form-control,
html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark .dataTables_wrapper .dataTables_length select,
html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark .bootstrap-select > .dropdown-toggle,
html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark .select2-container--default .select2-selection--single {
    background: #1a2744 !important;
    color: #f8fafc !important;
}

html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark select option,
html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark .custom-select option {
    background: #1a2744 !important;
    color: #f8fafc !important;
}

html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark select option:checked,
html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark select option:hover,
html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark .custom-select option:checked,
html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark .custom-select option:hover,
html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark .dropdown-item:hover,
html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark .dropdown-item:focus,
html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark .dropdown-item.active,
html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark .dropdown-item:hover a,
html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark .dropdown-item:focus a,
html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark .dropdown-item.active a,
html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark .dropdown-item a:hover,
html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark .dropdown-item a:focus,
html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark .bootstrap-select .dropdown-item.active,
html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark .bootstrap-select .dropdown-item:hover,
html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark .select2-results__option--highlighted,
html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark .select2-results__option[aria-selected="true"],
html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark .topbar-nav.header nav#topbar ul.menu-categories li.menu .submenu li:hover > a,
html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark .topbar-nav.header nav#topbar ul.menu-categories li.menu .submenu li.sub-sub-submenu-list .sub-submenu li:hover a,
html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark .navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu .dropdown-item:hover,
html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark .navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu .dropdown-item:focus,
html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark .navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu .dropdown-item a:hover,
html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark .navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu .dropdown-item a:focus {
    background: var(--sale-accent) !important;
    background-color: var(--sale-accent) !important;
    color: #fff !important;
}

html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark .dropdown-item:hover a,
html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark .dropdown-item:hover a span,
html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark .dropdown-item:hover a i,
html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark .dropdown-item:hover a svg,
html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark .dropdown-item a:hover,
html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark .dropdown-item a:hover span,
html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark .dropdown-item a:hover i,
html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark .dropdown-item a:hover svg,
html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark .navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu .dropdown-item:hover a,
html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark .navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu .dropdown-item:hover a span,
html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark .navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu .dropdown-item:hover a i,
html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark .navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu .dropdown-item:hover a svg,
html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark .navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu .dropdown-item a:hover,
html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark .navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu .dropdown-item a:hover span,
html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark .navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu .dropdown-item a:hover i,
html.nxt-site-ui.nxt-sale-theme.nxt-ui-dark .navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu .dropdown-item a:hover svg {
    color: #fff !important;
}

html.nxt-site-ui.nxt-sale-theme #content.main-content .badge:not(.badge-success):not(.badge-warning):not(.badge-danger):not(.badge-light),
html.nxt-site-ui.nxt-sale-theme #content.main-content .badge-primary,
html.nxt-site-ui.nxt-sale-theme #content.main-content .badge-info,
html.nxt-site-ui.nxt-sale-theme #content.main-content .badge-secondary,
html.nxt-site-ui.nxt-sale-theme #content.main-content .label:not(.label-success):not(.label-warning):not(.label-danger),
html.nxt-site-ui.nxt-sale-theme #content.main-content .label-primary {
    background: color-mix(in srgb, var(--sale-accent) 32%, #1a2744) !important;
    border: 1px solid color-mix(in srgb, var(--sale-accent) 55%, transparent) !important;
    color: #f8fafc !important;
}

html.nxt-site-ui.nxt-sale-theme #content.main-content .badge-success,
html.nxt-site-ui.nxt-sale-theme #content.main-content .label-success {
    background: rgba(34, 197, 94, 0.18) !important;
    border-color: rgba(34, 197, 94, 0.45) !important;
    color: #86efac !important;
}

html.nxt-site-ui.nxt-sale-theme #content.main-content .badge-warning,
html.nxt-site-ui.nxt-sale-theme #content.main-content .label-warning {
    background: rgba(245, 158, 11, 0.18) !important;
    border-color: rgba(245, 158, 11, 0.45) !important;
    color: #fde68a !important;
}

html.nxt-site-ui.nxt-sale-theme #content.main-content .badge-danger,
html.nxt-site-ui.nxt-sale-theme #content.main-content .label-danger {
    background: rgba(244, 63, 94, 0.18) !important;
    border-color: rgba(244, 63, 94, 0.45) !important;
    color: #fda4af !important;
}

html.nxt-site-ui.nxt-sale-theme #content.main-content code,
html.nxt-site-ui.nxt-sale-theme #content.main-content kbd,
html.nxt-sale-theme #content.main-content code,
html.nxt-sale-theme #content.main-content kbd,
html.nxt-sale-theme .modal code,
html.nxt-sale-theme .modal kbd {
    background: color-mix(in srgb, var(--sale-accent) 32%, #1a2744) !important;
    border: 1px solid color-mix(in srgb, var(--sale-accent) 55%, transparent) !important;
    color: #f8fafc !important;
}

html.nxt-site-ui.nxt-sale-theme #content.main-content .alert-primary {
    border-color: var(--sale-accent-glow) !important;
}

html.nxt-site-ui.nxt-sale-theme #content.main-content .extend-item.extend-active,
html.nxt-site-ui.nxt-sale-theme .extend-item.extend-active {
    background: var(--sale-accent) !important;
    border-color: var(--sale-accent-hover) !important;
    color: #fff !important;
    box-shadow: 0 8px 18px color-mix(in srgb, var(--sale-accent) 36%, transparent) !important;
}

html.nxt-site-ui.nxt-sale-theme #content.main-content .pagination .page-item.active .page-link,
html.nxt-site-ui.nxt-sale-theme #content.main-content .dataTables_wrapper .dataTables_paginate .paginate_button.current .page-link {
    background: var(--sale-accent) !important;
    border-color: var(--sale-accent) !important;
    color: #fff !important;
}

/* —— Sale-Badge: Foto sitzt im Chip, nicht frei auf der Seite —— */
html.nxt-sale-theme .header .nxt-sale-pill-item {
    display: flex;
    align-items: center;
    width: auto !important;
    margin-left: 0.5rem;
}

html.nxt-sale-theme .nxt-sale-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    min-height: 34px;
    padding: 0.2rem 0.75rem 0.2rem 0.22rem;
    border-radius: 999px;
    background: linear-gradient(132deg, color-mix(in srgb, var(--sale-accent) 80%, #fff 20%), var(--sale-accent));
    border: 1px solid color-mix(in srgb, var(--sale-accent) 52%, rgba(255, 255, 255, 0.26));
    color: #fff;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 1;
    white-space: nowrap;
    box-shadow: 0 8px 18px color-mix(in srgb, var(--sale-accent) 30%, transparent);
}

html.nxt-sale-theme .nxt-sale-pill__photo,
html.nxt-sale-theme .nxt-sale-hero-badge__photo {
    display: block;
    flex-shrink: 0;
    object-fit: cover;
    object-position: center 18%;
    border-radius: 50%;
    box-shadow: 0 0 0 1.5px rgba(255, 255, 255, 0.35);
}

html.nxt-sale-theme .nxt-sale-pill__photo {
    width: 26px;
    height: 26px;
}

html.nxt-sale-theme .nxt-sale-pill__emoji {
    font-size: 0.96rem;
    line-height: 1;
    opacity: 0.92;
}

html.nxt-sale-theme .nxt-sale-hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1.15rem;
    padding: 0.28rem 1rem 0.28rem 0.28rem;
    border-radius: 999px;
    background: linear-gradient(132deg, color-mix(in srgb, var(--sale-accent) 74%, #fff 26%), var(--sale-accent));
    border: 1px solid color-mix(in srgb, var(--sale-accent) 48%, rgba(255, 255, 255, 0.3));
    color: #fff;
    font-size: 1rem;
    font-weight: 750;
    line-height: 1.2;
    box-shadow: 0 10px 22px color-mix(in srgb, var(--sale-accent) 28%, transparent);
}

html.nxt-sale-theme .nxt-sale-hero-badge__photo {
    width: 38px;
    height: 38px;
}

html.nxt-sale-theme .nxt-sale-hero-badge__emoji {
    font-size: 1.15rem;
    line-height: 1;
}

html.nxt-sale-theme .nxt-sale-hero-badge__extras {
    opacity: 0.86;
    font-size: 0.98rem;
    margin-left: 0.1rem;
}

@media (max-width: 575px) {
    html.nxt-sale-theme .nxt-sale-pill__text { max-width: 7.5rem; overflow: hidden; text-overflow: ellipsis; }
}

html.nxt-sale-theme .header-container {
    overflow: visible !important;
}

html.nxt-sale-theme .nxt-sale-fx,
html.nxt-admin-sale-theme .nxt-sale-fx,
html.nxt-sale-theme .nxt-sale-fx *,
html.nxt-admin-sale-theme .nxt-sale-fx * {
    pointer-events: none !important;
}

html.nxt-sale-theme .nxt-sale-fx,
html.nxt-admin-sale-theme .nxt-sale-fx {
    position: fixed;
    inset: 0;
    z-index: 1005;
    overflow: hidden;
}

html.nxt-sale-theme .nxt-sale-fx__p {
    position: absolute;
    top: -10vh;
    line-height: 1;
    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.35));
    animation: nxt-sale-snow var(--dur, 14s) linear var(--delay, 0s) infinite;
    will-change: transform;
}

html.nxt-sale-theme .nxt-sale-fx__p.is-spin {
    animation-name: nxt-sale-spin;
}

html.nxt-sale-theme .nxt-sale-fx__p.is-sway {
    animation-name: nxt-sale-sway;
}

html.nxt-sale-theme .nxt-sale-fx__p.is-float {
    animation-name: nxt-sale-float;
}

html.nxt-sale-theme .nxt-sale-fx__p.is-snow {
    animation-name: nxt-sale-snow;
}

@keyframes nxt-sale-snow {
    from { transform: translate3d(0, -8vh, 0); }
    to { transform: translate3d(var(--drift, 20px), 115vh, 0); }
}

@keyframes nxt-sale-spin {
    from { transform: translate3d(0, -8vh, 0) rotate(0deg); }
    to { transform: translate3d(var(--drift, 20px), 115vh, 0) rotate(360deg); }
}

@keyframes nxt-sale-sway {
    from { transform: translate3d(0, -8vh, 0) rotate(-25deg); }
    50% { transform: translate3d(calc(var(--drift, 20px) * 0.55), 52vh, 0) rotate(28deg); }
    to { transform: translate3d(var(--drift, 20px), 115vh, 0) rotate(-18deg); }
}

@keyframes nxt-sale-float {
    from { transform: translate3d(0, -8vh, 0) scale(0.85); }
    to { transform: translate3d(var(--drift, 20px), 115vh, 0) scale(1.08); }
}

html.nxt-sale-sommer,
html.nxt-sale-sommer.nxt-ui-dark {
    --sale-header-end: color-mix(in srgb, #f59e0b 18%, #1a2030);
    --sale-header-grad: linear-gradient(180deg, color-mix(in srgb, #f59e0b 42%, #1a2030) 0%, var(--sale-header-end) 100%);
}

html.nxt-sale-sommer.nxt-ui-dark body,
html.nxt-sale-sommer.nxt-ui-dark .main-container,
html.nxt-sale-sommer.nxt-ui-dark #content.main-content,
html.nxt-sale-sommer body,
html.nxt-sale-sommer .main-container,
html.nxt-sale-sommer #content.main-content {
    background:
        radial-gradient(ellipse 95% 48% at 50% -12%, color-mix(in srgb, #f59e0b 34%, transparent), transparent 60%),
        #15263c !important;
}

html.nxt-sale-winter,
html.nxt-sale-winter.nxt-ui-dark {
    --sale-header-end: color-mix(in srgb, #38bdf8 18%, #102030);
    --sale-header-grad: linear-gradient(180deg, color-mix(in srgb, #38bdf8 42%, #102030) 0%, var(--sale-header-end) 100%);
}

html.nxt-sale-winter.nxt-ui-dark body,
html.nxt-sale-winter.nxt-ui-dark .main-container,
html.nxt-sale-winter.nxt-ui-dark #content.main-content,
html.nxt-sale-winter body,
html.nxt-sale-winter .main-container,
html.nxt-sale-winter #content.main-content {
    background:
        radial-gradient(ellipse 95% 48% at 50% -12%, color-mix(in srgb, #7dd3fc 30%, transparent), transparent 60%),
        #15263c !important;
}

html.nxt-sale-herbst.nxt-ui-dark body,
html.nxt-sale-herbst.nxt-ui-dark .main-container,
html.nxt-sale-herbst.nxt-ui-dark #content.main-content {
    background:
        radial-gradient(ellipse 95% 48% at 50% -12%, color-mix(in srgb, #b45309 32%, transparent), transparent 60%),
        #15263c !important;
}

html.nxt-sale-halloween.nxt-ui-dark body,
html.nxt-sale-halloween.nxt-ui-dark .main-container,
html.nxt-sale-halloween.nxt-ui-dark #content.main-content {
    background:
        radial-gradient(ellipse 90% 46% at 18% -8%, color-mix(in srgb, #f97316 26%, transparent), transparent 55%),
        radial-gradient(ellipse 80% 50% at 92% 8%, color-mix(in srgb, #7e22ce 28%, transparent), transparent 58%),
        #15263c !important;
}

html.nxt-sale-karneval,
html.nxt-sale-karneval.nxt-ui-dark {
    --sale-header-end: color-mix(in srgb, #7c3aed 18%, #1a1530);
    --sale-header-grad: linear-gradient(180deg, color-mix(in srgb, #7c3aed 48%, #1a1530) 0%, var(--sale-header-end) 100%);
}

html.nxt-sale-karneval.nxt-ui-dark body,
html.nxt-sale-karneval.nxt-ui-dark .main-container,
html.nxt-sale-karneval.nxt-ui-dark #content.main-content,
html.nxt-sale-karneval body,
html.nxt-sale-karneval .main-container,
html.nxt-sale-karneval #content.main-content {
    background:
        radial-gradient(ellipse 95% 48% at 50% -12%, color-mix(in srgb, #7c3aed 32%, transparent), transparent 60%),
        #15263c !important;
}

html.nxt-sale-weihnachten,
html.nxt-sale-weihnachten.nxt-ui-dark {
    --sale-header-end: color-mix(in srgb, #dc2626 16%, #1a1020);
    --sale-header-grad: linear-gradient(180deg, color-mix(in srgb, #dc2626 46%, #1a1020) 0%, var(--sale-header-end) 100%);
}

html.nxt-sale-weihnachten.nxt-ui-dark body,
html.nxt-sale-weihnachten.nxt-ui-dark .main-container,
html.nxt-sale-weihnachten.nxt-ui-dark #content.main-content,
html.nxt-sale-weihnachten body,
html.nxt-sale-weihnachten .main-container,
html.nxt-sale-weihnachten #content.main-content {
    background:
        radial-gradient(ellipse 95% 48% at 50% -12%, color-mix(in srgb, #dc2626 30%, transparent), transparent 60%),
        #15263c !important;
}

html.nxt-sale-ostern,
html.nxt-sale-ostern.nxt-ui-dark {
    --sale-header-end: color-mix(in srgb, #10b981 16%, #10241c);
    --sale-header-grad: linear-gradient(180deg, color-mix(in srgb, #10b981 44%, #10241c) 0%, var(--sale-header-end) 100%);
}

html.nxt-sale-ostern.nxt-ui-dark body,
html.nxt-sale-ostern.nxt-ui-dark .main-container,
html.nxt-sale-ostern.nxt-ui-dark #content.main-content,
html.nxt-sale-ostern body,
html.nxt-sale-ostern .main-container,
html.nxt-sale-ostern #content.main-content {
    background:
        radial-gradient(ellipse 95% 48% at 50% -12%, color-mix(in srgb, #10b981 30%, transparent), transparent 60%),
        #15263c !important;
}

html.nxt-sale-valentinstag,
html.nxt-sale-valentinstag.nxt-ui-dark {
    --sale-header-end: color-mix(in srgb, #e11d48 16%, #221018);
    --sale-header-grad: linear-gradient(180deg, color-mix(in srgb, #e11d48 46%, #221018) 0%, var(--sale-header-end) 100%);
}

html.nxt-sale-valentinstag.nxt-ui-dark body,
html.nxt-sale-valentinstag.nxt-ui-dark .main-container,
html.nxt-sale-valentinstag.nxt-ui-dark #content.main-content,
html.nxt-sale-valentinstag body,
html.nxt-sale-valentinstag .main-container,
html.nxt-sale-valentinstag #content.main-content {
    background:
        radial-gradient(ellipse 95% 48% at 50% -12%, color-mix(in srgb, #e11d48 30%, transparent), transparent 60%),
        #15263c !important;
}

html.nxt-sale-fruehling,
html.nxt-sale-fruehling.nxt-ui-dark {
    --sale-header-end: color-mix(in srgb, #16a34a 16%, #102418);
    --sale-header-grad: linear-gradient(180deg, color-mix(in srgb, #16a34a 44%, #102418) 0%, var(--sale-header-end) 100%);
}

html.nxt-sale-fruehling.nxt-ui-dark body,
html.nxt-sale-fruehling.nxt-ui-dark .main-container,
html.nxt-sale-fruehling.nxt-ui-dark #content.main-content,
html.nxt-sale-fruehling body,
html.nxt-sale-fruehling .main-container,
html.nxt-sale-fruehling #content.main-content {
    background:
        radial-gradient(ellipse 95% 48% at 50% -12%, color-mix(in srgb, #16a34a 30%, transparent), transparent 60%),
        #15263c !important;
}

html.nxt-sale-theme .nxt-hero-premium__overlay {
    background: linear-gradient(105deg, rgba(11, 15, 25, 0.97) 0%, rgba(11, 15, 25, 0.92) 46%, color-mix(in srgb, var(--sale-accent) 22%, rgba(11, 15, 25, 0.7)) 68%, rgba(11, 15, 25, 0.3) 100%) !important;
}

html.nxt-sale-theme .nxt-hero-premium::before,
html.nxt-sale-theme .nxt-hero-premium::after {
    position: absolute;
    z-index: 2;
    pointer-events: none;
    line-height: 1;
    opacity: 0.19;
    filter: drop-shadow(0 5px 12px rgba(0, 0, 0, 0.28));
}

html.nxt-sale-ostern .nxt-hero-premium::before { content: "🐰"; right: 11%; top: 16%; font-size: 6rem; }
html.nxt-sale-ostern .nxt-hero-premium::after { content: "🥚 🌸"; right: 16%; bottom: 14%; font-size: 2.8rem; }
html.nxt-sale-weihnachten .nxt-hero-premium::before { content: "🎅"; right: 11%; top: 16%; font-size: 6rem; }
html.nxt-sale-weihnachten .nxt-hero-premium::after { content: "🎄 🎁"; right: 16%; bottom: 14%; font-size: 2.8rem; }
html.nxt-sale-winter .nxt-hero-premium::before { content: "⛄"; right: 11%; top: 16%; font-size: 6rem; }
html.nxt-sale-winter .nxt-hero-premium::after { content: "❄ ❄"; right: 16%; bottom: 14%; font-size: 2.8rem; }
html.nxt-sale-karneval .nxt-hero-premium::before { content: "🎭"; right: 11%; top: 16%; font-size: 5.2rem; opacity: 0.14; }
html.nxt-sale-karneval .nxt-hero-premium::after { content: "🎉 ✦"; right: 16%; bottom: 14%; font-size: 2.2rem; opacity: 0.16; }
html.nxt-sale-halloween .nxt-hero-premium::before { content: "🎃"; right: 11%; top: 16%; font-size: 6rem; }
html.nxt-sale-halloween .nxt-hero-premium::after { content: "🦇 🍂"; right: 16%; bottom: 14%; font-size: 2.8rem; }
html.nxt-sale-valentinstag .nxt-hero-premium::before { content: "💝"; right: 11%; top: 16%; font-size: 6rem; }
html.nxt-sale-valentinstag .nxt-hero-premium::after { content: "🌹 ✦"; right: 16%; bottom: 14%; font-size: 2.8rem; }
html.nxt-sale-herbst .nxt-hero-premium::before { content: "🍂"; right: 11%; top: 16%; font-size: 5.6rem; opacity: 0.16; }
html.nxt-sale-herbst .nxt-hero-premium::after { content: "🍁 🍄"; right: 16%; bottom: 14%; font-size: 2.5rem; opacity: 0.18; }
html.nxt-sale-fruehling .nxt-hero-premium::before { content: "🌿"; right: 11%; top: 16%; font-size: 5rem; opacity: 0.14; }
html.nxt-sale-fruehling .nxt-hero-premium::after { content: "✿ ✦"; right: 16%; bottom: 14%; font-size: 2.2rem; opacity: 0.16; }
html.nxt-sale-sommer .nxt-hero-premium::before { content: "☀️"; right: 11%; top: 16%; font-size: 6rem; }
html.nxt-sale-sommer .nxt-hero-premium::after { content: "🏖️ ✦"; right: 16%; bottom: 14%; font-size: 2.8rem; }
html.nxt-sale-black_friday .nxt-hero-premium::before { content: "🖤"; right: 11%; top: 16%; font-size: 6rem; }
html.nxt-sale-black_friday .nxt-hero-premium::after { content: "✦ 🏷"; right: 16%; bottom: 14%; font-size: 2.8rem; }

html.nxt-sale-black_friday {
    --sale-header-end: #050505;
    --sale-header-grad: linear-gradient(180deg, #141414 0%, #050505 100%);
    --nxt-surface: #161616;
    --nxt-surface-2: #1c1c1c;
    --adm-surface: #161616;
    --adm-surface-2: #1c1c1c;
}

html.nxt-sale-black_friday.nxt-ui-dark,
html.nxt-sale-black_friday.nxt-ui-dark body,
html.nxt-sale-black_friday.nxt-ui-dark .main-container,
html.nxt-sale-black_friday.nxt-ui-dark #content.main-content,
html.nxt-sale-black_friday body,
html.nxt-sale-black_friday .main-container,
html.nxt-sale-black_friday #content.main-content {
    background:
        radial-gradient(ellipse 90% 42% at 50% -12%, rgba(234, 179, 8, 0.16), transparent 58%),
        #050505 !important;
}

html.nxt-sale-black_friday .header-container,
html.nxt-sale-black_friday .header-container .header.navbar {
    background: var(--sale-header-grad) !important;
    box-shadow: none !important;
}

html.nxt-sale-black_friday .topbar-nav.header,
html.nxt-sale-black_friday .topbar-nav.header.navbar,
html.nxt-sale-black_friday .horizontal-menu {
    background: var(--sale-header-end) !important;
    box-shadow: none !important;
}

html.nxt-sale-black_friday #content.main-content .widget,
html.nxt-sale-black_friday #content.main-content .card,
html.nxt-sale-black_friday #content.main-content .widget-content-area,
html.nxt-sale-black_friday #content.main-content .modal-content {
    background: #141414 !important;
    border-color: rgba(234, 179, 8, 0.18) !important;
}

html.nxt-sale-black_friday #content.main-content .btn-primary,
html.nxt-sale-black_friday .btn-primary,
html.nxt-sale-black_friday .nxt-cart-dropdown__cta {
    background: #eab308 !important;
    border-color: #facc15 !important;
    color: #111827 !important;
    -webkit-text-fill-color: #111827 !important;
}

html.nxt-sale-black_friday .nxt-sale-pill {
    background: linear-gradient(132deg, #facc15, #eab308);
    border-color: #fde68a;
    color: #111;
}
html.nxt-sale-cyber_monday .nxt-hero-premium::before { content: "💻"; right: 11%; top: 16%; font-size: 6rem; }
html.nxt-sale-cyber_monday .nxt-hero-premium::after { content: "⚡ ◆"; right: 16%; bottom: 14%; font-size: 2.8rem; }

html.nxt-sale-cyber_monday {
    --sale-header-end: #030712;
    --sale-header-grad: linear-gradient(180deg, #0b1220 0%, #030712 100%);
    --sale-magenta: #f472b6;
    --sale-lime: #a3e635;
    --nxt-surface: #0b1220;
    --nxt-surface-2: #121a2e;
    --adm-surface: #0b1220;
    --adm-surface-2: #121a2e;
}

html.nxt-sale-cyber_monday.nxt-ui-dark,
html.nxt-sale-cyber_monday.nxt-ui-dark body,
html.nxt-sale-cyber_monday.nxt-ui-dark .main-container,
html.nxt-sale-cyber_monday.nxt-ui-dark #content.main-content,
html.nxt-sale-cyber_monday body,
html.nxt-sale-cyber_monday .main-container,
html.nxt-sale-cyber_monday #content.main-content {
    background:
        radial-gradient(ellipse 80% 42% at 14% -8%, rgba(34, 211, 238, 0.16), transparent 58%),
        radial-gradient(ellipse 60% 36% at 90% 0%, rgba(244, 114, 182, 0.1), transparent 55%),
        #030712 !important;
}

html.nxt-sale-cyber_monday .header-container,
html.nxt-sale-cyber_monday .header-container .header.navbar {
    background: var(--sale-header-grad) !important;
    box-shadow: none !important;
}

html.nxt-sale-cyber_monday .topbar-nav.header,
html.nxt-sale-cyber_monday .topbar-nav.header.navbar,
html.nxt-sale-cyber_monday .horizontal-menu {
    background: var(--sale-header-end) !important;
    box-shadow: none !important;
}

html.nxt-sale-cyber_monday #content.main-content .widget,
html.nxt-sale-cyber_monday #content.main-content .card,
html.nxt-sale-cyber_monday #content.main-content .widget-content-area,
html.nxt-sale-cyber_monday #content.main-content .modal-content {
    background: #0b1220 !important;
    border-color: rgba(34, 211, 238, 0.2) !important;
}

html.nxt-sale-cyber_monday #content.main-content .btn-primary,
html.nxt-sale-cyber_monday .btn-primary,
html.nxt-sale-cyber_monday .nxt-cart-dropdown__cta,
html.nxt-sale-cyber_monday .nxt-btn--primary {
    background: #22d3ee !important;
    border-color: #67e8f9 !important;
    color: #041016 !important;
    -webkit-text-fill-color: #041016 !important;
    box-shadow: 0 0 18px rgba(34, 211, 238, 0.35);
    font-weight: 800;
}

html.nxt-sale-sommer #content.main-content .btn-primary,
html.nxt-sale-sommer .btn-primary,
html.nxt-sale-sommer .nxt-cart-dropdown__cta,
html.nxt-sale-winter #content.main-content .btn-primary,
html.nxt-sale-winter .btn-primary,
html.nxt-sale-winter .nxt-cart-dropdown__cta {
    color: #111827 !important;
    -webkit-text-fill-color: #111827 !important;
}

html.nxt-sale-sommer .nxt-sale-pill,
html.nxt-sale-winter .nxt-sale-pill {
    color: #111827;
}

html.nxt-sale-cyber_monday .nxt-sale-pill {
    background: linear-gradient(132deg, #22d3ee, #f472b6);
    border-color: #67e8f9;
    color: #041016;
    box-shadow: 0 0 16px rgba(34, 211, 238, 0.35);
}

html.nxt-sale-cyber_monday .nxt-sale-fx__p {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-weight: 700;
    color: #22d3ee;
    text-shadow: 0 0 10px rgba(34, 211, 238, 0.7);
    filter: none;
}

html.nxt-sale-cyber_monday .nxt-sale-fx__p:nth-child(3n) {
    color: #f472b6;
    text-shadow: 0 0 10px rgba(244, 114, 182, 0.7);
}

html.nxt-sale-cyber_monday .nxt-sale-fx__p:nth-child(5n) {
    color: #a3e635;
    text-shadow: 0 0 10px rgba(163, 230, 53, 0.55);
}

html.nxt-sale-cyber_monday .nxt-hero-premium__overlay {
    background:
        linear-gradient(180deg, rgba(3, 7, 18, 0.55) 0%, rgba(3, 7, 18, 0.78) 55%, #030712 100%),
        repeating-linear-gradient(
            180deg,
            transparent 0,
            transparent 3px,
            rgba(34, 211, 238, 0.035) 3px,
            rgba(34, 211, 238, 0.035) 4px
        ) !important;
}

html.nxt-sale-cyber_monday .nxt-hero-premium__title {
    letter-spacing: 0.04em;
    text-transform: uppercase;
    text-shadow: 0 0 22px rgba(34, 211, 238, 0.35);
}

html.nxt-sale-cyber_monday .nxt-cm-hero {
    position: relative;
    z-index: 3;
    margin-bottom: 1.15rem;
}

html.nxt-sale-cyber_monday .nxt-cm-kicker {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin: 0 0 0.7rem;
    padding: 0.28rem 0.7rem;
    border-radius: 999px;
    background: rgba(244, 114, 182, 0.16);
    border: 1px solid rgba(244, 114, 182, 0.55);
    color: #f9a8d4;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

html.nxt-sale-cyber_monday .nxt-cm-offer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.85rem 1.25rem;
    margin: 0.85rem 0 1.1rem;
}

html.nxt-sale-cyber_monday .nxt-cm-offer__badge {
    min-width: 5.6rem;
    padding: 0.55rem 0.8rem;
    border: 1px solid rgba(163, 230, 53, 0.55);
    background: rgba(163, 230, 53, 0.1);
    color: #d9f99d;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-align: center;
    box-shadow: 0 0 20px rgba(163, 230, 53, 0.18);
}

html.nxt-sale-cyber_monday .nxt-cm-offer__badge strong {
    display: block;
    font-size: 1.55rem;
    line-height: 1.1;
    color: #ecfccb;
}

html.nxt-sale-cyber_monday .nxt-sale-countdown {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.55rem 0.75rem;
}

html.nxt-sale-cyber_monday .nxt-sale-countdown__label {
    color: #a5f3fc;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    width: 100%;
}

html.nxt-sale-cyber_monday .nxt-sale-countdown__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(3.4rem, 1fr));
    gap: 0.4rem;
}

html.nxt-sale-cyber_monday .nxt-sale-countdown__cell {
    min-width: 3.4rem;
    padding: 0.4rem 0.35rem 0.35rem;
    border: 1px solid rgba(34, 211, 238, 0.35);
    background: rgba(8, 16, 32, 0.72);
    text-align: center;
    box-shadow: 0 0 14px rgba(34, 211, 238, 0.12);
}

html.nxt-sale-cyber_monday .nxt-sale-countdown__cell strong {
    display: block;
    font-size: 1.15rem;
    line-height: 1.1;
    color: #ecfeff;
    font-variant-numeric: tabular-nums;
}

html.nxt-sale-cyber_monday .nxt-sale-countdown__cell span {
    display: block;
    margin-top: 0.12rem;
    color: #67e8f9;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

html.nxt-sale-cyber_monday .nxt-cm-deals-head {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0.5rem 1rem;
    align-items: flex-end;
}

html.nxt-sale-cyber_monday .nxt-product-card {
    position: relative;
    border-color: rgba(34, 211, 238, 0.28) !important;
    box-shadow: 0 0 24px rgba(34, 211, 238, 0.08);
}

html.nxt-sale-cyber_monday .nxt-cm-deal-ribbon {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    padding: 0.22rem 0.5rem;
    border-radius: 999px;
    background: #f472b6;
    color: #1a0410;
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

html.nxt-sale-cyber_monday .nxt-cm-deal-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.4rem 0.7rem;
    margin: 0 0 0.85rem;
}

html.nxt-sale-cyber_monday .nxt-cm-deal-meta__now {
    color: #67e8f9;
    font-size: 1.05rem;
    font-weight: 800;
}

html.nxt-sale-cyber_monday .nxt-cm-deal-meta__was {
    color: #94a3b8;
    text-decoration: line-through;
    font-size: 0.88rem;
}

html.nxt-sale-cyber_monday .nxt-cm-deal-meta__save {
    color: #a3e635;
    font-size: 0.78rem;
    font-weight: 800;
}

html.nxt-sale-cyber_monday .nxt-cm-mobile-cta {
    display: none;
}

@media (max-width: 767px) {
    html.nxt-sale-cyber_monday .nxt-sale-countdown__grid {
        grid-template-columns: repeat(4, minmax(3rem, 1fr));
        width: 100%;
    }

    html.nxt-sale-cyber_monday .nxt-cm-mobile-cta {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.65rem;
        position: fixed;
        left: 0.7rem;
        right: 0.7rem;
        bottom: 0.7rem;
        z-index: 1040;
        padding: 0.65rem 0.75rem;
        background: rgba(3, 7, 18, 0.94);
        border: 1px solid rgba(34, 211, 238, 0.4);
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45), 0 0 20px rgba(34, 211, 238, 0.2);
        backdrop-filter: blur(12px);
    }

    html.nxt-sale-cyber_monday .nxt-cm-mobile-cta .nxt-sale-countdown__label {
        display: none;
    }

    html.nxt-sale-cyber_monday .nxt-cm-mobile-cta .nxt-sale-countdown__grid {
        grid-template-columns: repeat(3, minmax(2.4rem, 1fr));
        gap: 0.28rem;
    }

    html.nxt-sale-cyber_monday .nxt-cm-mobile-cta .nxt-sale-countdown__cell[data-hide-days] {
        display: none;
    }

    html.nxt-sale-cyber_monday .nxt-cm-mobile-cta .nxt-btn {
        flex-shrink: 0;
        margin: 0;
        padding: 0.55rem 0.8rem;
        font-size: 0.85rem;
    }

    html.nxt-sale-cyber_monday body {
        padding-bottom: 5.5rem;
    }
}

html.nxt-sale-theme .nxt-section {
    background-image: linear-gradient(180deg, color-mix(in srgb, var(--sale-accent) 8%, transparent), transparent 42%);
}

html.nxt-sale-karneval .nxt-hero-premium::before,
html.nxt-sale-ostern .nxt-hero-premium::before,
html.nxt-sale-fruehling .nxt-hero-premium::before,
html.nxt-sale-herbst .nxt-hero-premium::before {
    opacity: 0.16;
}

html.nxt-sale-karneval .nxt-hero-premium::after,
html.nxt-sale-ostern .nxt-hero-premium::after,
html.nxt-sale-fruehling .nxt-hero-premium::after,
html.nxt-sale-herbst .nxt-hero-premium::after {
    opacity: 0.18;
}

html.nxt-sale-karneval .nxt-hero-premium::before {
    font-size: 5.2rem;
    opacity: 0.16;
}

html.nxt-sale-karneval .nxt-hero-premium::after {
    font-size: 2.2rem;
    opacity: 0.18;
}

html.nxt-sale-theme .nxt-sale-hero-badge {
    font-size: 1.03rem;
    padding: 0.38rem 1.02rem 0.38rem 0.34rem;
}

@media (max-width: 991px) {
    html.nxt-sale-theme .nxt-hero-premium::before { font-size: 3.8rem; right: 4%; top: 10%; opacity: 0.16; }
    html.nxt-sale-theme .nxt-hero-premium::after { font-size: 1.9rem; right: 6%; bottom: 10%; opacity: 0.15; }
}

@media (max-width: 575px) {
    html.nxt-sale-theme .nxt-sale-pill__text { max-width: 7.5rem; overflow: hidden; text-overflow: ellipsis; }
}

@media print {
    html.nxt-sale-theme .nxt-sale-pill-item,
    html.nxt-sale-theme .nxt-sale-fx {
        display: none !important;
    }
}