/* ================================================================
   NAV ICON SIDE PANELS — NOVAChild 
   ================================================================ */

:root {
    --sp-c1:       #00EDFF;
    --sp-c2:       #0AB4FF;
    --sp-text:     #1a2535;
    --sp-border:   #e8f0f5;
    --sp-hover:    #f5f5f5;
    --sp-bg:       #ffffff;
    --sp-width:    390px;
    --sp-speed:    0.22s;
    --sp-header-h: 56px;
    --sp-z-root:   2147483000;
}

/* ================================================================
   ROOT LAYER
   ================================================================ */

#sp-root {
    position: fixed;
    inset: 0;
    z-index: var(--sp-z-root) !important;
    pointer-events: none;
}

body.sp-panel-open {
    overflow: hidden !important;
}

/* ================================================================
   OVERLAY DESKTOP
   ================================================================ */

#sp-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: var(--sp-width);
    bottom: 0;
    background: rgba(10, 18, 28, 0.30);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    z-index: 1 !important;
    cursor: pointer;
    pointer-events: auto;
}

#sp-overlay.sp-open {
    display: block;
}

/* ================================================================
   PANEL BASE
   ================================================================ */

.sp-panel {
    position: fixed;
    top: 0;
    right: 0;
    width: var(--sp-width);
    max-width: 100vw;
    height: 100vh;
    height: 100dvh;
    background: var(--sp-bg);
    z-index: 2 !important;
    box-shadow: -4px 0 32px rgba(0,0,0,.18), -2px 0 8px rgba(0,0,0,.08);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transform: translateX(100%);
    visibility: hidden;
    pointer-events: auto;
    transition:
        transform var(--sp-speed) cubic-bezier(.4,0,.2,1),
        visibility 0s linear var(--sp-speed);
}

.sp-panel.sp-open {
    transform: translateX(0);
    visibility: visible;
    transition:
        transform var(--sp-speed) cubic-bezier(.4,0,.2,1),
        visibility 0s linear 0s;
}

/* ================================================================
   MOBILE
   ================================================================ */

@media (max-width: 991.98px) {
    #sp-root { z-index: 2147483000 !important; }

    #sp-overlay,
    #sp-overlay.sp-open { display: none !important; }

    .sp-panel {
        width: 100vw !important;
        max-width: 100vw !important;
        height: 100vh;
        height: 100dvh;
    }
}

/* ================================================================
   PANEL HEADER
   ================================================================ */

.sp-header {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 16px;
    height: var(--sp-header-h);
    background: linear-gradient(270deg, var(--sp-c1) 0%, var(--sp-c2) 100%);
    flex-shrink: 0;
}

.sp-header-title {
    flex: 1;
    font-size: 1rem;
    font-weight: 700;
    color: #fff !important;
    text-transform: uppercase;
    letter-spacing: .08em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-decoration: none !important;
}

.sp-header-title::before {
    content: '|';
    margin-right: 8px;
    opacity: .7;
}

.sp-close-btn {
    background: none;
    border: none;
    color: rgba(255,255,255,.9);
    cursor: pointer;
    font-size: 1.1rem;
    padding: 5px 7px;
    border-radius: 4px;
    line-height: 1;
    flex-shrink: 0;
    transition: color .12s, background .13s;
}

.sp-close-btn:hover {
    color: #fff;
    background: rgba(255,255,255,.2);
}

/* ================================================================
   PANEL BODY
   ================================================================ */

.sp-body {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0;
    background: #fff;
}

.sp-body::-webkit-scrollbar { width: 4px; }
.sp-body::-webkit-scrollbar-thumb { background: #ddd; border-radius: 2px; }

/* ================================================================
   PANEL FOOTER
   ================================================================ */

.sp-footer {
    flex-shrink: 0;
    padding: 14px 16px;
    border-top: 1px solid var(--sp-border);
    background: #fff;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* ================================================================
   BUTOANE GLOBALE
   ================================================================ */

.cc-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px 16px !important;
    border-radius: 50px !important;
    font-size: 0.82rem !important;
    font-weight: 700 !important;
    text-align: center !important;
    text-decoration: none !important;
    cursor: pointer !important;
    line-height: 1.25 !important;
    border: none !important;
    transition: opacity .15s, transform .1s, box-shadow .15s !important;
    box-sizing: border-box !important;
}

.cc-btn:active { transform: scale(0.97) !important; }

.cc-btn-outline {
    border: 2px solid #00BDFF !important;
    color: #00BDFF !important;
    background: transparent !important;
}

.cc-btn-outline:hover {
    background: rgba(0,189,255,.07) !important;
    text-decoration: none !important;
    color: #00BDFF !important;
}

.cc-btn-fill {
    background: linear-gradient(90deg, #0AB4FF 0%, #00EDFF 100%) !important;
    color: #fff !important;
    box-shadow: 0 4px 14px rgba(0,189,255,.3) !important;
}

.cc-btn-fill:hover {
    opacity: .9 !important;
    box-shadow: 0 6px 18px rgba(0,189,255,.4) !important;
    text-decoration: none !important;
    color: #fff !important;
}

.cc-btn-block {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
}

.navbar-light .navbar-nav .nav-link{
	color: black !important;
}

/* ================================================================
   ASCUNDE DROPDOWN-URI BOOTSTRAP ORIGINALE
   ================================================================ */

.account-icon-dropdown .dropdown-menu,
#shop-nav-wish .dropdown-menu,
.cart-icon-dropdown .dropdown-menu {
    display: none !important;
    pointer-events: none !important;
}

.account-icon-dropdown,
#shop-nav-wish,
.cart-icon-dropdown {
    position: static;
}

/* ================================================================
   FIX: badges / trusted widgets peste panel
   ================================================================ */

body.sp-panel-open .badge,
body.sp-panel-open .productbox-ribbon,
body.sp-panel-open .ribbon,
body.sp-panel-open .label,
body.sp-panel-open .productbox .badge,
body.sp-panel-open .product-wrapper .badge,
body.sp-panel-open .sale,
body.sp-panel-open .sale-badge,
body.sp-panel-open .discount-badge,
body.sp-panel-open .trusted-shops,
body.sp-panel-open #trustedShopsBadge,
body.sp-panel-open div[id*="trustbadge"],
body.sp-panel-open iframe[id*="trustbadge"],
body.sp-panel-open e-trusted-widget,
body.sp-panel-open etrusted-widget {
    z-index: 1 !important;
}

body.sp-panel-open #sp-root,
body.sp-panel-open #sp-root .sp-panel,
body.sp-panel-open #sp-root #sp-overlay {
    isolation: isolate;
}

/* ================================================================
   BADGE POP ANIMATION
   ================================================================ */

@keyframes sp-badge-pop {
    0%   { transform: scale(1); }
    50%  { transform: scale(1.5); }
    100% { transform: scale(1); }
}

.sp-badge-anim {
    animation: sp-badge-pop .3s ease;
}


/* ================================================================
   ACCOUNT PANEL — GENERAL
   ================================================================ */

#sp-account .sp-body {
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
}

#sp-account fieldset {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.cc-account-wrap {
    flex: 1;
    padding: 20px 20px 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    overflow-y: auto;
}

/* ================================================================
   CRO BENEFIT CARDS
   ================================================================ */

.cc-account-benefits-top {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cc-benefit-card {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    background: #f8fbff;
    border: 1px solid #edf1f4;
    border-radius: 12px;
    transition: border-color .15s;
}

.cc-benefit-card:hover {
    border-color: rgba(0,189,255,.35);
}

.cc-benefit-card-icon {
    width: 36px;
    height: 36px;
    min-width: 36px;
    border-radius: 10px;
    background: linear-gradient(135deg, #00BDFF 0%, #00EDFF 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.cc-benefit-card-icon .fa {
    font-size: 0.88rem;
    color: #fff;
}

.cc-benefit-card-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.cc-benefit-card-text strong {
    font-size: 0.82rem;
    font-weight: 700;
    color: #111820;
    line-height: 1.2;
}

.cc-benefit-card-text span {
    font-size: 0.71rem;
    color: #8d98a5;
    line-height: 1.3;
}

/* ================================================================
   FORM FIELDS — HTML pur, fara Bootstrap interference
   ================================================================ */

.cc-login-form fieldset {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.cc-field {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-bottom: 12px;
}

.cc-field label {
    font-size: 0.72rem !important;
    font-weight: 600 !important;
    color: #8d98a5 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
    margin: 0 !important;
    padding: 0 !important;
}

.cc-field input {
    width: 100% !important;
    height: 46px !important;
    padding: 0 14px !important;
    border: 1.5px solid #e0e6ed !important;
    border-radius: 10px !important;
    font-size: 0.9rem !important;
    color: #111820 !important;
    background: #fff !important;
    outline: none !important;
    box-shadow: none !important;
    transition: border-color .15s, box-shadow .15s !important;
    box-sizing: border-box !important;
    -webkit-appearance: none !important;
    margin: 0 !important;
}

.cc-field input:focus {
    border-color: #00BDFF !important;
    box-shadow: 0 0 0 3px rgba(0,189,255,.12) !important;
}

/* Password field cu toggle */
.cc-field-pw {
    position: relative;
}

.cc-field-pw input {
    padding-right: 46px !important;
}

.cc-pw-toggle {
    position: absolute !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 46px !important;
    height: 46px !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer !important;
    color: #b0b8c4 !important;
    font-size: 0.9rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: color .15s !important;
    z-index: 2 !important;
    border-radius: 0 10px 10px 0 !important;
}

.cc-pw-toggle:hover {
    color: #00BDFF !important;
}

/* Submit button — fara glow */
.cc-btn-submit {
    margin-top: 4px;
    box-shadow: none !important;
}

.cc-btn-submit:hover {
    box-shadow: none !important;
    opacity: .88 !important;
}

/* ================================================================
   FORGOT PASSWORD — stanga
   ================================================================ */

.cc-forgot-link {
    display: inline-flex !important;
    align-items: center;
    gap: 5px;
    font-size: 0.75rem;
    color: #8d98a5;
    text-decoration: none;
    transition: color .15s;
}

.cc-forgot-link:hover {
    color: #00BDFF;
    text-decoration: none;
}

.cc-forgot-link .fa {
    font-size: 0.72rem;
}

/* ================================================================
   REGISTER BOTTOM — fixat la baza
   ================================================================ */

.cc-register-bottom {
    flex-shrink: 0;
    padding: 14px 20px 18px;
    border-top: 1px solid #edf1f4;
    background: #fff;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cc-register-label {
    font-size: 0.72rem;
    color: #b0b8c4;
    text-align: center;
    margin: 0;
}

/* ================================================================
   ACCOUNT PANEL — LOGGED IN
   ================================================================ */

.cc-account-logged {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.cc-account-welcome {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 20px;
    background: linear-gradient(135deg, rgba(0,189,255,.09) 0%, rgba(0,237,255,.04) 100%);
    border-bottom: 1px solid #edf1f4;
    flex-shrink: 0;
}

.cc-account-avatar {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: linear-gradient(135deg, #00BDFF 0%, #00EDFF 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.cc-account-avatar .fa { font-size: 1.2rem; color: #fff; }

.cc-account-welcome-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.cc-account-welcome-name { font-size: 0.72rem; color: #8d98a5; }
.cc-account-welcome-sub  { font-size: 0.9rem; font-weight: 700; color: #111820; }

.cc-account-nav { flex: 1; padding: 8px 0; }

.cc-account-nav-item {
    display: flex !important;
    align-items: center;
    gap: 12px;
    padding: 13px 20px;
    color: #2d3540;
    text-decoration: none;
    font-size: 0.86rem;
    font-weight: 500;
    border-bottom: 1px solid #f3f5f7;
    transition: background .12s, color .12s, padding-left .12s;
}

.cc-account-nav-item:hover {
    background: #f7fbff;
    color: #00BDFF;
    padding-left: 24px;
    text-decoration: none;
}

.cc-account-nav-item .fa:first-child {
    font-size: 0.9rem;
    color: #00BDFF;
    width: 18px;
    text-align: center;
    flex-shrink: 0;
}

.cc-account-nav-item span { flex: 1; }

.cc-account-nav-arrow {
    font-size: 0.65rem !important;
    color: #c5ccd3 !important;
    width: auto !important;
}

.cc-account-footer {
    padding: 14px 20px;
    border-top: 1px solid #edf1f4;
    flex-shrink: 0;
}

.cc-account-logout {
    display: flex !important;
    align-items: center;
    gap: 8px;
    font-size: 0.8rem;
    color: #8d98a5;
    text-decoration: none;
    transition: color .15s;
}

.cc-account-logout:hover { color: #e53935; text-decoration: none; }
.cc-account-logout .fa { font-size: 0.85rem; }

/* ================================================================
   WISHLIST PANEL
   ================================================================ */

#sp-wishlist .sp-body { padding: 0; }
#sp-wishlist #wishlist-dropdown-container { padding: 10px 0; }

/* ================================================================
   CART PANEL
   ================================================================ */

#sp-cart .sp-body {
    padding: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

#sp-cart .cart-dropdown,
#sp-cart #cart-dropdown-container {
    position: static !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    min-height: 0 !important;
    height: 100% !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    min-width: 0 !important;
    width: 100% !important;
    background: transparent !important;
    float: none !important;
    margin: 0 !important;
    overflow: hidden !important;

    /* FIX cos invizibil pe mobil:
       custom_v13.5.js seteaza inline (FARA !important) pe .cart-dropdown:
       display:none; opacity:0; visibility:hidden; pointer-events:none; z-index:-1.
       Regula cu !important il bate definitiv, oricate ori l-ar reaplica observer-ul.
       STRICT in #sp-cart => dropdownul normal .cart-dropdown.dropdown-menu din
       header ramane neatins. */
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: auto !important;
}

#sp-cart .cc-items-wrap {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 0;
}

#sp-cart .cc-items-wrap::-webkit-scrollbar { width: 3px; }
#sp-cart .cc-items-wrap::-webkit-scrollbar-thumb { background: #e0e0e0; border-radius: 2px; }

#sp-cart .cc-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 14px;
    border-bottom: 1px solid #f3f3f3;
    transition: background .12s;
}

#sp-cart .cc-item:last-child { border-bottom: none; }
#sp-cart .cc-item:hover { background: #fafafa; }

#sp-cart .cc-item-img {
    width: 52px;
    height: 52px;
    min-width: 52px;
    border-radius: 6px;
    overflow: hidden;
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
    flex-shrink: 0;
}

#sp-cart .cc-item-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

#sp-cart .cc-item-info {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: baseline;
    gap: 6px;
}

#sp-cart .cc-item-qty {
    font-size: 0.75rem;
    color: #aaa;
    font-weight: 500;
    flex-shrink: 0;
    white-space: nowrap;
}

#sp-cart .cc-item-name {
    font-size: 0.8rem;
    color: #1a1a1a;
    line-height: 1.35;
    text-decoration: none !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    flex: 1;
}

#sp-cart .cc-item-name:hover { color: #00BDFF; }

#sp-cart .cc-item-price {
    margin-left: auto;
    font-size: 0.84rem;
    font-weight: 700;
    color: #111;
    white-space: nowrap;
    flex-shrink: 0;
    text-align: right;
}

#sp-cart .cc-overflow-notice {
    padding: 8px 14px;
    font-size: 0.73rem;
    color: #aaa;
    text-align: center;
    border-top: 1px solid #f3f3f3;
}

#sp-cart .cc-bar-wrap {
    flex-shrink: 0;
    position: relative;
    background: #fff;
    overflow: hidden;
}

#sp-cart .cc-footer {
    flex-shrink: 0;
    padding: 11px 14px 13px;
    border-top: 1px solid #eee;
    background: #fff;
}

#sp-cart .cc-total-row {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 2px;
}

#sp-cart .cc-total-lbl { font-size: 0.75rem; color: #999; }
#sp-cart .cc-total-val { font-size: 0.76rem; color: #777; font-weight: 500; }
#sp-cart .cc-total-main-row { margin-top: 5px; margin-bottom: 3px; }
#sp-cart .cc-total-main-lbl { font-size: 0.88rem; color: #222; font-weight: 700; }
#sp-cart .cc-total-main-val { font-size: 1rem; color: #111; font-weight: 700; }

#sp-cart .cc-shipping-note {
    font-size: 0.7rem;
    color: #c0c0c0;
    line-height: 1.4;
    margin-bottom: 10px;
}

#sp-cart .cc-shipping-note a { color: #c0c0c0; text-decoration: none; }

#sp-cart .cc-btn-row {
    display: flex;
    gap: 8px;
    margin-bottom: 0;
}

#sp-cart .cc-btn-row .cc-btn {
    flex: 1 !important;
    padding: 9px 8px !important;
    font-size: 0.79rem !important;
}

#sp-cart .cc-dhl-note {
    font-size: 0.68rem;
    color: #c0c0c0;
    margin-top: 9px;
    line-height: 1.4;
    text-align: center;
    display: flex;
    align-items: flex-start;
    gap: 4px;
}

#sp-cart .cc-dhl-note .fa { flex-shrink: 0; margin-top: 1px; color: #d0d0d0; }

#sp-cart .cc-empty {
    padding: 48px 24px;
    text-align: center;
    color: #ccc;
    font-size: 0.88rem;
}

#sp-cart .cc-empty .fa { font-size: 2.2rem; display: block; margin-bottom: 10px; color: #e8e8e8; }
#sp-cart .cc-empty a { color: #aaa; text-decoration: none; }
#sp-cart .cc-empty a:hover { color: #00BDFF; }

#sp-cart .table-responsive,
#sp-cart .dropdown-body,
#sp-cart .dropdown-cart-items,
#sp-cart .cart-dropdown-buttons,
#sp-cart .cart-dropdown-shipping-notice,
#sp-cart .list-unstyled,
#sp-cart .cart-dropdown-total-item {
    display: none !important;
}




/* Header microactions: wishlist count, cart count, cart price */
.cc-header-micro {
    transition:
        transform .18s ease,
        opacity .18s ease,
        box-shadow .18s ease,
        background-color .18s ease;
    will-change: transform;
}

.cc-header-icon-link:hover .cc-header-micro,
.sp-trigger-cart:hover .cc-header-micro,
.account-icon-dropdown:hover .cc-header-micro {
    transform: translateY(-1px) scale(1.04);
}

.cc-header-micro--count {
    box-shadow: 0 4px 10px rgba(0, 189, 255, .28);
}

.cc-header-micro--price {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 22px;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

.cc-header-micro.is-updated,
.fa-sup.sp-badge-anim,
.cart-icon-dropdown-price.sp-badge-anim {
    animation: cc-header-micro-pop .32s ease;
}

@keyframes cc-header-micro-pop {
    0% {
        transform: scale(1);
    }
    45% {
        transform: scale(1.28);
    }
    100% {
        transform: scale(1);
    }
}


/* ================================================================
   DESKTOP MEGA MENU FINAL FIX
   Header remains visible, flyout starts under full header,
   overlay/blur covers only product area under the header.
   ================================================================ */

@media (min-width: 992px) {
    :root {
        --fn-z: 1110;
        --fn-header-offset: 148px;
    }

    /* FIX sticky desktop:
       Headerul (#jtl-nav-wrapper) trebuie sa fie STICKY, nu relative.
       Regula veche forta `position:relative !important` pe wrapper si
       anula `.sticky-top` (de aceea headerul nu mai ramanea sus pe desktop,
       desi era setat pe sticky/default in JTL).
       Wrapperul = sticky; elementele interioare raman in flux (relative). */
    header#jtl-nav-wrapper,
    #jtl-nav-wrapper {
        position: -webkit-sticky !important;
        position: sticky !important;
        top: 0 !important;
        z-index: 1200 !important;
        /* neutralizam will-change/transform reziduale (custom.css: header.sticky-top)
           ca sa nu creeze un containing-block care rupe sticky / pozitionarea
           flyout-ului fixed. `.scrolled` nu e definit in CSS, deci nu pierdem nimic. */
        will-change: auto !important;
        transform: none !important;
    }

    #header-top-bar,
    #jtl-nav-wrapper .navbar,
    #jtl-nav-wrapper .navbar-collapse,
    #shop-nav,
    #mainNavigation {
        position: relative !important;
        z-index: 1200 !important;
    }

    #flyout-overlay {
        position: fixed !important;
        top: var(--fn-header-offset) !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        z-index: 1090 !important;
        background: rgba(10, 18, 28, 0.30) !important;
        backdrop-filter: blur(4px) !important;
        -webkit-backdrop-filter: blur(4px) !important;
    }

    #flyout-overlay.fn-overlay-on {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    .flyout-panel {
        position: fixed !important;
        top: var(--fn-header-offset) !important;
        left: 0 !important;
        z-index: 1110 !important;
        height: calc(100vh - var(--fn-header-offset)) !important;
        height: calc(100dvh - var(--fn-header-offset)) !important;
    }

    .flyout-panel.fn-open {
        visibility: visible !important;
    }

    .productbox-ribbon,
    .productbox .badge,
    .product-wrapper .badge,
    .ribbon,
    .label,
    .sale,
    .sale-badge,
    .discount-badge,
    .trusted-shops,
    #trustedShopsBadge,
    div[id*="trustbadge"],
    iframe[id*="trustbadge"],
    e-trusted-widget,
    etrusted-widget {
        z-index: 10 !important;
    }
}

/* ================================================================
   ADD-TO-CART TOAST / MODAL LAYER FIX
   Keep product-added popup above desktop mega-menu overlay/flyout.
   ================================================================ */

#cc-cart-toast,
#cc-cart-toast.cc-in {
    z-index: 2147483600 !important;
}

.modal,
.modal.show,
body .modal.show,
body.modal-open .modal {
    z-index: 2147483500 !important;
}

.modal-backdrop,
.modal-backdrop.show,
body.modal-open .modal-backdrop {
    z-index: 2147483400 !important;
}

.bootbox,
.bootbox.modal,
.eModal,
.emodal,
.jquery-modal,
#pushed-success.card.alert {
    z-index: 2147483500 !important;
}

/* When a Bootstrap/JTL modal is open, do not let mega-menu overlay sit above it. */
body.modal-open #flyout-overlay,
body.modal-open #flyout-overlay.fn-overlay-on {
    z-index: 2147483300 !important;
}