:is(body.dark,:root[data-theme=dark] body) .avp-shell {
    --avp-primary: var(--dark-accent,#75d8f2);
    --avp-panel-fill: var(--dark-surface,#152638);
    --avp-panel-raised: var(--dark-surface-raised,#1b3145);
    --avp-panel-border: var(--dark-stroke,#2c465c);
    --avp-panel-copy: var(--dark-text,#e9f5fc);
    --avp-panel-highlight: rgba(255,255,255,.045);
    --avp-panel-danger: #432c39;
    --avp-panel-alert-text: #ffb4af;
    --avp-panel-success: #203d38;
    --avp-panel-success-text: #a6e5bf;
    --avp-panel-warning: #403625;
    --avp-accent: #72dc3c;
    --avp-canvas: var(--dark-canvas,#0c1825);
    --avp-surface: var(--avp-panel-fill);
    --avp-text: #f8fafc;
    --avp-muted: #aab6c8;
    color: var(--avp-text) !important;
    background: var(--avp-canvas) !important
}

    :is(body.dark,:root[data-theme=dark] body) .avp-shell:before {
        background: linear-gradient(180deg,color-mix(in srgb,var(--avp-primary) 5%,transparent),transparent 260px) !important
    }

    :is(body.dark,:root[data-theme=dark] body) .avp-shell h1, :is(body.dark,:root[data-theme=dark] body) .avp-shell h2, :is(body.dark,:root[data-theme=dark] body) .avp-shell h3, :is(body.dark,:root[data-theme=dark] body) .avp-shell strong, :is(body.dark,:root[data-theme=dark] body) .avp-shell b {
        color: var(--avp-text) !important
    }

    :is(body.dark,:root[data-theme=dark] body) .avp-shell p, :is(body.dark,:root[data-theme=dark] body) .avp-shell :where(span:not([class])), :is(body.dark,:root[data-theme=dark] body) .avp-shell small, :is(body.dark,:root[data-theme=dark] body) .avp-shell label, :is(body.dark,:root[data-theme=dark] body) .avp-shell li {
        color: var(--avp-muted) !important
    }

    :is(body.dark,:root[data-theme=dark] body) .avp-shell .avp-glass-card, :is(body.dark,:root[data-theme=dark] body) .avp-shell .avp-cart-row, :is(body.dark,:root[data-theme=dark] body) .avp-shell .avp-order-panel, :is(body.dark,:root[data-theme=dark] body) .avp-shell .avp-address-card, :is(body.dark,:root[data-theme=dark] body) .avp-shell .avp-address-side, :is(body.dark,:root[data-theme=dark] body) .avp-shell .avp-payment-order-panel, :is(body.dark,:root[data-theme=dark] body) .avp-shell .avp-bank-card, :is(body.dark,:root[data-theme=dark] body) .avp-shell .avp-login-card, :is(body.dark,:root[data-theme=dark] body) .avp-shell .avp-login-side, :is(body.dark,:root[data-theme=dark] body) .avp-shell .avp-account-v2-sidebar, :is(body.dark,:root[data-theme=dark] body) .avp-shell .avp-account-v2-hero, :is(body.dark,:root[data-theme=dark] body) .avp-shell .avp-account-v2-welcome, :is(body.dark,:root[data-theme=dark] body) .avp-shell .avp-account-v2-info, :is(body.dark,:root[data-theme=dark] body) .avp-shell .avp-account-v2-orders, :is(body.dark,:root[data-theme=dark] body) .avp-shell .avp-account-v2-mini-card {
        box-shadow: 0 10px 28px rgba(0,0,0,.18) !important
    }

    :is(body.dark,:root[data-theme=dark] body) .avp-shell input, :is(body.dark,:root[data-theme=dark] body) .avp-shell textarea, :is(body.dark,:root[data-theme=dark] body) .avp-shell select {
        background: var(--avp-panel-fill) !important;
        border-color: var(--avp-panel-border) !important;
        color: var(--avp-text) !important
    }

    :is(body.dark,:root[data-theme=dark] body) .avp-shell .avp-total, :is(body.dark,:root[data-theme=dark] body) .avp-shell .avp-account-v2-nav a.is-active {
        background: color-mix(in srgb,var(--avp-primary) 10%,var(--avp-surface)) !important;
        border-color: color-mix(in srgb,var(--avp-primary) 30%,transparent) !important
    }

    :is(body.dark,:root[data-theme=dark] body) .avp-shell .avp-modal-box, :is(body.dark,:root[data-theme=dark] body) .avp-account-modal-box {
        background: var(--avp-surface,var(--dark-surface,#152638)) !important;
        border-color: rgba(255,255,255,.1) !important;
        box-shadow: 0 22px 60px rgba(0,0,0,.38) !important
    }

/* Keep checkout width identical when the night stylesheet loads last. */
@media(min-width:721px) {
    :is(.avp-cart-page,.avp-address-page,.avp-payment-page) {
        padding-inline: 14px !important
    }

        :is(.avp-cart-page,.avp-address-page,.avp-payment-page) > .avp-container {
            width: min(1380px,calc(100% - 28px)) !important;
            max-width: 1380px !important;
            margin-inline: auto !important;
            padding-inline: 0 !important
        }
}

:is(body.dark,:root[data-theme=dark] body) .avp-shell {
    background-image: url('/websiteimages/main/avp-soft-wash.svg'),linear-gradient(180deg,rgba(129,152,204,.035),transparent 48%) !important;
    background-position: center top,0 0 !important;
    background-size: cover,auto !important;
    background-repeat: no-repeat !important
}

    :is(body.dark,:root[data-theme=dark] body) .avp-shell .avp-progress-line {
        background: #303b4d !important;
        border-color: #3a4659 !important
    }

        :is(body.dark,:root[data-theme=dark] body) .avp-shell .avp-progress-line span {
            background: #8198cc !important
        }

    :is(body.dark,:root[data-theme=dark] body) .avp-shell .avp-address-preview {
        background: linear-gradient(145deg, var(--avp-panel-raised), var(--avp-panel-raised)) !important;
        border-color: var(--avp-panel-border) !important;
        box-shadow: inset 3px 0 0 #8198cc !important
    }

        :is(body.dark,:root[data-theme=dark] body) .avp-shell .avp-address-preview .avp-address-line {
            background: var(--avp-panel-fill) !important;
            border-color: var(--avp-panel-border) !important;
            color: #d7deea !important
        }

    :is(body.dark,:root[data-theme=dark] body) .avp-shell .avp-address-side, :is(body.dark,:root[data-theme=dark] body) .avp-shell .avp-payment-order-panel {
        background: linear-gradient(145deg,var(--avp-panel-fill),var(--avp-panel-fill)) !important;
        border-color: var(--avp-panel-border) !important;
        box-shadow: 0 14px 30px rgba(0,0,0,.22),inset 0 3px 0 #8198cc !important
    }

    :is(body.dark,:root[data-theme=dark] body) .avp-shell .avp-modal-box.avp-payment-modal-box {
        background: rgba(23,32,51,.9) !important;
        border-color: rgba(255,255,255,.14) !important;
        box-shadow: 0 28px 70px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.1) !important
    }

    :is(body.dark,:root[data-theme=dark] body) .avp-shell .avp-payment-modal-box .avp-gateway-amount {
        background: linear-gradient(145deg,#202d43,#182337) !important;
        border-color: #3b4960 !important
    }

    :is(body.dark,:root[data-theme=dark] body) .avp-shell .avp-payment-modal-box .avp-gateway-preview p {
        color: #b6c1d2 !important
    }

    :is(body.dark,:root[data-theme=dark] body) .avp-shell.avp-address-page .avp-modal-box, :is(body.dark,:root[data-theme=dark] body) .avp-shell .avp-modal-box.avp-coupon-modal-box {
        background: rgba(23,32,51,.91) !important;
        border-color: rgba(255,255,255,.14) !important;
        box-shadow: 0 30px 80px rgba(0,0,0,.44),inset 0 1px 0 rgba(255,255,255,.1) !important
    }

    :is(body.dark,:root[data-theme=dark] body) .avp-shell.avp-address-page .avp-modal-title, :is(body.dark,:root[data-theme=dark] body) .avp-shell .avp-coupon-modal-head {
        border-color: var(--avp-panel-border) !important
    }

    :is(body.dark,:root[data-theme=dark] body) .avp-shell.avp-address-page .avp-address-book-item {
        background: var(--avp-panel-fill) !important;
        border-color: var(--avp-panel-border) !important
    }

@media(min-width:901px) {
    :is(.avp-account-page-v2,.avp-sale-report-page,.avp-promo-page,.avp-popular-clean-page,.avp-address-book-page,.avp-sale-detail-page,.avp-cart-page,.avp-address-page,.avp-payment-page).avp-shell {
        overflow: visible !important
    }

    .avp-account-page-v2 .avp-account-v2-sidebar, .avp-sale-report-page .avp-account-v2-sidebar, .avp-promo-page .avp-account-v2-sidebar, .avp-popular-clean-page .avp-account-v2-sidebar, .avp-address-book-page .avp-account-v2-sidebar, .avp-sale-detail-page .avp-account-v2-sidebar, .avp-cart-page .avp-order-panel, .avp-address-page .avp-address-side, .avp-payment-page .avp-payment-detailbox {
        position: sticky !important;
        align-self: start !important;
        height: max-content !important;
        max-height: calc(100dvh - 36px) !important;
        z-index: 20 !important
    }
}

:is(body.dark,:root[data-theme=dark] body) .avp-payment-page .avp-payment-summary-list div {
    background: linear-gradient(135deg, var(--avp-panel-fill), var(--avp-panel-raised)) !important;
}

:is(body.dark,:root[data-theme=dark] body) .avp-payment-page .avp-choice-line,
:is(body.dark,:root[data-theme=dark] body) .avp-payment-page .avp-payment-type {
    background: linear-gradient(145deg, var(--avp-panel-fill), var(--avp-panel-raised)) !important;
}

:is(body.dark,:root[data-theme=dark] body) .avp-payment-page .avp-invoice-check,
:is(body.dark,:root[data-theme=dark] body) .avp-payment-page .avp-rule-check {
    background: var(--avp-panel-fill) !important;
}

:is(body.dark,:root[data-theme=dark] body) .avp-payment-page .avp-coupon-strip {
    background: linear-gradient(135deg, var(--avp-panel-fill), var(--avp-panel-fill)) !important;
}

:is(body.dark,:root[data-theme=dark] body) .avp-payment-page .avp-payment-summary-copy {
    background: transparent !important;
}

:is(body.dark,:root[data-theme=dark] body) .avp-payment-page .avp-payment-title > b {
    background: var(--avp-panel-raised) !important;
}

:is(body.dark,:root[data-theme=dark] body) .avp-address-side .avp-summary-line,
:is(body.dark,:root[data-theme=dark] body) .avp-payment-order-panel .avp-summary-line {
    background: transparent !important;
}

:is(body.dark,:root[data-theme=dark] body) .avp-address-page .avp-time-option:has(input:checked) {
    background: var(--avp-panel-success) !important;
    color: var(--avp-panel-success-text) !important;
}

:is(body.dark,:root[data-theme=dark] body) .avp-order-note {
    background: transparent !important;
    color: #fff !important;
}
/* login-refresh-v2-dark */
:is(body.dark,:root[data-theme=dark] body) .avp-login-page{background:radial-gradient(circle at 82% 18%,rgba(83,110,226,.15),transparent 28%),radial-gradient(circle at 12% 85%,rgba(35,182,164,.08),transparent 28%),linear-gradient(145deg,#111624,#151c2b 55%,#101521)!important;color:#edf1f8!important}:is(body.dark,:root[data-theme=dark] body) .avp-login-page:before{opacity:.14!important;background-image:radial-gradient(rgba(180,193,220,.3) .7px,transparent .7px)!important}:is(body.dark,:root[data-theme=dark] body) .avp-login-card-minimal{border-color:#30394b!important;background:rgba(24,31,45,.97)!important;box-shadow:0 30px 80px rgba(0,0,0,.34)!important}:is(body.dark,:root[data-theme=dark] body) .avp-login-card-minimal .avp-login-card-head span{border-color:rgba(118,142,239,.16)!important;background:#222c4b!important;color:#aebdfb!important}:is(body.dark,:root[data-theme=dark] body) .avp-login-card-minimal .avp-login-card-head h1{color:#f4f6fa!important}:is(body.dark,:root[data-theme=dark] body) .avp-login-card-minimal .avp-login-card-head p{color:#a4adbd!important}:is(body.dark,:root[data-theme=dark] body) .avp-login-card-minimal .avp-field label{color:#d9deea!important}:is(body.dark,:root[data-theme=dark] body) .avp-login-card-minimal #username{border-color:#394358!important;background:#1d2534!important;color:#f1f4f9!important}:is(body.dark,:root[data-theme=dark] body) .avp-login-card-minimal #username::placeholder{color:#778298!important}:is(body.dark,:root[data-theme=dark] body) .avp-login-card-minimal #username:focus{border-color:#7288e9!important;background:#20293a!important;box-shadow:0 0 0 4px rgba(90,116,224,.13)!important}:is(body.dark,:root[data-theme=dark] body) .avp-login-card-minimal .avp-login-links{border-top-color:#343d4e!important}:is(body.dark,:root[data-theme=dark] body) .avp-login-card-minimal .avp-login-links:before{background:#181f2d!important;color:#768195!important}:is(body.dark,:root[data-theme=dark] body) .avp-login-card-minimal .avp-login-links button{color:#aab3c3!important}:is(body.dark,:root[data-theme=dark] body) .avp-login-card-minimal .avp-login-links button:first-child{color:#aebdfb!important}:is(body.dark,:root[data-theme=dark] body) .avp-auth-modal-box,:is(body.dark,:root[data-theme=dark] body)>.avp-login-floating-modal .avp-auth-modal-box{border-color:#343e50!important;background:linear-gradient(155deg,#1d2534,#171e2c)!important;box-shadow:0 30px 90px rgba(0,0,0,.48)!important}:is(body.dark,:root[data-theme=dark] body) .avp-auth-modal-head h2,:is(body.dark,:root[data-theme=dark] body)>.avp-login-floating-modal .avp-auth-modal-head h2{color:#f4f6fa!important}:is(body.dark,:root[data-theme=dark] body) .avp-auth-modal-head p,:is(body.dark,:root[data-theme=dark] body)>.avp-login-floating-modal .avp-auth-modal-head p{color:#a4adbd!important}:is(body.dark,:root[data-theme=dark] body) .avp-auth-modal .avp-field label,:is(body.dark,:root[data-theme=dark] body)>.avp-login-floating-modal .avp-field label{color:#dce1ec!important}:is(body.dark,:root[data-theme=dark] body) .avp-auth-modal input:not([type=hidden]),:is(body.dark,:root[data-theme=dark] body)>.avp-login-floating-modal input:not([type=hidden]){border-color:#3a4559!important;background:#222b3b!important;color:#eff2f7!important}:is(body.dark,:root[data-theme=dark] body) .avp-auth-modal input:not([type=hidden]):focus,:is(body.dark,:root[data-theme=dark] body)>.avp-login-floating-modal input:not([type=hidden]):focus{border-color:#7186e5!important;background:#252f41!important;box-shadow:0 0 0 4px rgba(90,116,224,.14)!important}:is(body.dark,:root[data-theme=dark] body) .avp-auth-modal .avp-modal-close,:is(body.dark,:root[data-theme=dark] body)>.avp-login-floating-modal .avp-modal-close{border-color:#3d475a!important;background:#252e3e!important;color:#c4ccda!important}:is(body.dark,:root[data-theme=dark] body) .avp-otp-code,:is(body.dark,:root[data-theme=dark] body)>.avp-login-floating-modal .avp-otp-code{border-color:#3d4960!important;background:#222c3d!important;color:#bdc8ff!important}:is(body.dark,:root[data-theme=dark] body) .avp-auth-captcha-row,:is(body.dark,:root[data-theme=dark] body)>.avp-login-floating-modal .avp-auth-captcha-row{border-color:#3a4558!important;background:#202938!important}:is(body.dark,:root[data-theme=dark] body) .avp-resend-otp-btn,:is(body.dark,:root[data-theme=dark] body)>.avp-login-floating-modal .avp-resend-otp-btn{border-color:#455170!important;background:#252f4c!important;color:#bdc8ff!important}
/* login-refresh-v3-dark */
:is(body.dark,:root[data-theme=dark] body) .avp-login-card-minimal .avp-login-head-icon:before{background-color:#f4f6ff!important}:is(body.dark,:root[data-theme=dark] body) .avp-login-card-minimal .avp-login-links{border-top-color:#343e50!important}:is(body.dark,:root[data-theme=dark] body) .avp-auth-modal-box,:is(body.dark,:root[data-theme=dark] body)>.avp-login-floating-modal .avp-auth-modal-box{border-color:#374256!important;box-shadow:0 34px 100px rgba(0,0,0,.55),0 8px 24px rgba(0,0,0,.22)!important}:is(body.dark,:root[data-theme=dark] body) .avp-auth-modal-head,:is(body.dark,:root[data-theme=dark] body)>.avp-login-floating-modal .avp-auth-modal-head{border-bottom-color:#333d4f!important}:is(body.dark,:root[data-theme=dark] body) .avp-auth-modal-icon,:is(body.dark,:root[data-theme=dark] body)>.avp-login-floating-modal .avp-auth-modal-icon{border-color:#3d4a6d!important;background:linear-gradient(145deg,#2a3557,#222c49)!important;color:#bdc8ff!important;box-shadow:0 7px 16px rgba(0,0,0,.2)!important}:is(body.dark,:root[data-theme=dark] body) .avp-auth-modal .avp-modal-close:hover,:is(body.dark,:root[data-theme=dark] body)>.avp-login-floating-modal .avp-modal-close:hover{border-color:#4a566b!important;background:#2c3647!important}
/* login-refresh-v4-dark */
:is(body.dark,:root[data-theme=dark] body) .avp-login-card-minimal{border-color:#333e52!important;background:linear-gradient(155deg,rgba(27,35,50,.99),rgba(21,28,41,.98))!important;box-shadow:0 30px 80px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.035)!important}:is(body.dark,:root[data-theme=dark] body) .avp-auth-modal-box,:is(body.dark,:root[data-theme=dark] body)>.avp-login-floating-modal .avp-auth-modal-box{background:linear-gradient(155deg,#1e2737 0%,#1a2231 62%,#161d2a 100%)!important;box-shadow:0 34px 100px rgba(0,0,0,.52),0 8px 24px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.035)!important}
/* login-refresh-v5-icons-dark */
:is(body.dark,:root[data-theme=dark] body) #avpPasswordLoginModal .avp-auth-modal-head-clean:before,:is(body.dark,:root[data-theme=dark] body) #avpForgotPasswordModal .avp-auth-modal-head-clean:before,:is(body.dark,:root[data-theme=dark] body)>#avpPasswordLoginModal.avp-login-floating-modal .avp-auth-modal-head-clean:before,:is(body.dark,:root[data-theme=dark] body)>#avpForgotPasswordModal.avp-login-floating-modal .avp-auth-modal-head-clean:before{border-color:#435071!important;background-color:#334675!important;box-shadow:0 7px 16px rgba(0,0,0,.22)!important}:is(body.dark,:root[data-theme=dark] body) #avpPasswordLoginModal .avp-auth-modal-head-clean:after,:is(body.dark,:root[data-theme=dark] body) #avpForgotPasswordModal .avp-auth-modal-head-clean:after,:is(body.dark,:root[data-theme=dark] body)>#avpPasswordLoginModal.avp-login-floating-modal .avp-auth-modal-head-clean:after,:is(body.dark,:root[data-theme=dark] body)>#avpForgotPasswordModal.avp-login-floating-modal .avp-auth-modal-head-clean:after{background:#dfe5ff!important}
/* login-refresh-v7-otp-icon-dark */
:is(body.dark,:root[data-theme=dark] body) #avpOtpModal .avp-auth-modal-icon,:is(body.dark,:root[data-theme=dark] body)>#avpOtpModal.avp-login-floating-modal .avp-auth-modal-icon{border-color:#435071!important;background:linear-gradient(145deg,#2a3557,#222c49)!important;box-shadow:0 7px 16px rgba(0,0,0,.22)!important;color:#bdc8ff!important}:is(body.dark,:root[data-theme=dark] body) #avpOtpModal .avp-auth-modal-icon:before,:is(body.dark,:root[data-theme=dark] body)>#avpOtpModal.avp-login-floating-modal .avp-auth-modal-icon:before{background-color:#dfe5ff!important}