.fancybox__container {
    --fancybox-color: #dbdbdb;
    --fancybox-hover-color: #fff;
    --fancybox-bg: #18181bfa;
    --fancybox-slide-gap: 10px;
    --f-spinner-width: 50px;
    --f-spinner-height: 50px;
    --f-spinner-color-1: #ffffff1a;
    --f-spinner-color-2: #bbb;
    --f-spinner-stroke: 3.65;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    direction: ltr;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #f8f8f8;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    overflow: visible;
    z-index: 1050;
    outline: none;
    transform-origin: top left;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: none;
    text-size-adjust: 100%;
    overscroll-behavior-y: contain
}

.fancybox__container *,
.fancybox__container :after,
.fancybox__container :before {
    box-sizing: inherit
}

.fancybox__backdrop {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    background: var(--fancybox-bg);
    opacity: .25 !important;
    will-change: opacity
}

.fancybox__carousel {
    position: relative;
    box-sizing: border-box;
    flex: 1;
    min-height: 0;
    z-index: 10;
    overflow-y: visible;
    overflow-x: clip
}

.fancybox__viewport {
    width: 100%;
    height: 100%
}

.fancybox__track {
    display: flex;
    margin: 0 auto;
    height: 100%
}

.fancybox__slide {
    flex: 0 0 auto;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    margin: 0 var(--fancybox-slide-gap) 0 0;
    padding: 4px;
    overflow: auto;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {
    /*padding-top: 40px*/
}

.fancybox__slide.has-html5video,
.fancybox__slide.has-iframe,
.fancybox__slide.has-image,
.fancybox__slide.has-video {
    overflow: hidden
}

.fancybox__slide.has-image.is-animating,
.fancybox__slide.has-image.is-selected {
    overflow: visible
}

.fancybox__slide:after,
.fancybox__slide:before {
    content: "";
    flex: 0 0 0;
    margin: auto
}

.fancybox__content {
    align-self: center;
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 0;
    padding: 2rem;
    max-width: 100%;
    color: var(--fancybox-content-color, #374151);
    background: var(--fancybox-content-bg, #fff);
    cursor: default;
    border-radius: 0;
    z-index: 20
}

.is-loading .fancybox__content {
    opacity: 0
}

.is-draggable .fancybox__content {
    cursor: move;
    cursor: grab
}

.can-zoom_in .fancybox__content {
    cursor: zoom-in
}

.can-zoom_out .fancybox__content {
    cursor: zoom-out
}

.is-dragging .fancybox__content {
    cursor: move;
    cursor: grabbing
}

.fancybox__content [contenteditable],
.fancybox__content [data-selectable] {
    cursor: auto
}

.fancybox__slide.has-image>.fancybox__content {
    padding: 0;
    background: #0000;
    min-height: 1px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    transition: none;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.fancybox__slide.has-image>.fancybox__content>picture>img {
    width: 100%;
    height: auto;
    max-height: 100%
}

.is-zooming-in .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content,
.is-zooming-out .fancybox__slide:not(.is-selected) .fancybox__content {
    visibility: hidden
}

.is-animating .fancybox__content,
.is-dragging .fancybox__content {
    filter: blur(0);
    will-change: transform, width, height
}

.fancybox-image {
    margin: auto;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox__caption {
    align-self: center;
    max-width: 100%;
    flex-shrink: 0;
    margin: 0;
    padding: 14px 0 4px;
    overflow-wrap: anywhere;
    line-height: 1.375;
    color: var(--fancybox-color, currentColor);
    opacity: var(--fancybox-opacity, 1);
    cursor: auto;
    visibility: visible
}

.is-closing .fancybox__caption,
.is-loading .fancybox__caption {
    opacity: 0;
    visibility: hidden
}

.is-compact .fancybox__caption {
    padding-bottom: 0
}

/* === F-BUTTON BASE STYLES === */
.f-button {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: initial;
    position: relative;
    margin: 0;
    padding: 0;
    width: var(--f-button-width);
    height: var(--f-button-height);
    border: var(--f-button-border);
    border-radius: var(--f-button-border-radius);
    color: var(--f-button-color);
    background: var(--f-button-bg);
    box-shadow: var(--f-button-shadow);
    pointer-events: all;
    cursor: pointer;
    transition: var(--f-button-transition)
}

@media(hover:hover) {
    .f-button:hover:not([disabled]) {
        color: var(--f-button-hover-color);
        background-color: var(--f-button-hover-bg)
    }
}

.f-button:active:not([disabled]) {
    background-color: var(--f-button-active-bg)
}

.f-button:focus:not(:focus-visible) {
    outline: none
}

.f-button:focus-visible {
    outline: none;
    box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))
}

.f-button svg {
    width: var(--f-button-svg-width);
    height: var(--f-button-svg-height);
    fill: var(--f-button-svg-fill);
    stroke: currentColor;
    stroke-width: var(--f-button-svg-stroke-width);
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: opacity .15s ease;
    transform: var(--f-button-transform);
    filter: var(--f-button-svg-filter);
    pointer-events: none
}

.f-button[disabled] {
    cursor: default
}

.f-button[disabled] svg {
    opacity: var(--f-button-svg-disabled-opacity)
}

.f-button.is-close-btn {
    --f-button-svg-stroke-width: 2;
    position: absolute;
    top: 0;
    right: 8px;
    z-index: 40
}

.fancybox__content>.f-button.is-close-btn {
    width: 24px;
    height: 24px;
    --f-button-border-radius: 4px;
    --f-button-color: var(--fancybox-color, #fff);
    --f-button-hover-color: var(--fancybox-color, #fff);
    --f-button-bg: #0000;
    --f-button-hover-bg: #0000;
    --f-button-active-bg: #0000;
    --f-button-svg-width: 22px;
    --f-button-svg-height: 22px;
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: .75;
    background: rgb(251 191 36/var(--tw-bg-opacity));
}

.fancybox__content>.f-button.is-close-btn svg {
    color: rgb(0 0 0);
}

.is-loading .fancybox__content>.f-button.is-close-btn,
.is-zooming-out .fancybox__content>.f-button.is-close-btn {
    visibility: hidden
}

.fancybox__content>.f-button.is-close-btn:hover {
    opacity: 1;
    background: rgb(0 0 0);
}

.fancybox__content>.f-button.is-close-btn:hover svg {
    color: rgb(251 191 36/var(--tw-bg-opacity));
}

.fancybox__footer {
    padding: 0;
    margin: 0;
    position: relative
}

.fancybox__footer .fancybox__caption {
    width: 100%;
    padding: 24px;
    opacity: var(--fancybox-opacity, 1);
    transition: all .25s ease
}

.is-compact .fancybox__footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 20;
    background: #18181b80
}

.is-compact .fancybox__footer .fancybox__caption {
    padding: 12px
}

.is-compact .fancybox__content>.f-button.is-close-btn {
    --f-button-border-radius: 50%;
    --f-button-color: #fff;
    --f-button-hover-color: #fff;
    --f-button-outline-color: #000;
    --f-button-bg: #0009;
    --f-button-active-bg: #0009;
    --f-button-hover-bg: #0009;
    --f-button-svg-width: 18px;
    --f-button-svg-height: 18px;
    --f-button-svg-filter: none;
    top: 5px;
    right: 5px
}

.fancybox__nav {
    --f-button-width: 50px;
    --f-button-height: 50px;
    --f-button-border: 0;
    --f-button-border-radius: 50%;
    --f-button-color: var(--fancybox-color);
    --f-button-hover-color: var(--fancybox-hover-color);
    --f-button-bg: #0000;
    --f-button-hover-bg: #18181b4d;
    --f-button-active-bg: #18181b80;
    --f-button-shadow: none;
    --f-button-transition: all 0.15s ease;
    --f-button-transform: none;
    --f-button-svg-width: 26px;
    --f-button-svg-height: 26px;
    --f-button-svg-stroke-width: 2.5;
    --f-button-svg-fill: none;
    --f-button-svg-filter: drop-shadow(1px 1px 1px #18181b80);
    --f-button-svg-disabled-opacity: 0.65;
    --f-button-next-pos: 1rem;
    --f-button-prev-pos: 1rem;
    opacity: var(--fancybox-opacity, 1)
}

.fancybox__nav .f-button:before {
    position: absolute;
    content: "";
    top: -30px;
    right: -20px;
    left: -20px;
    bottom: -30px;
    z-index: 1
}

.is-idle .fancybox__nav,
.is-idle.is-compact .fancybox__footer {
    animation: f-fadeOut .15s ease-out both
}

.is-idle.is-compact .fancybox__footer {
    pointer-events: none
}

.fancybox__slide>.f-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: var(--f-spinner-top, calc(var(--f-spinner-width)*-.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height)*-.5));
    z-index: 30;
    cursor: pointer
}

.fancybox-protected {
    right: 0;
    bottom: 0
}

.fancybox-ghost,
.fancybox-protected {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 40;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-ghost {
    width: 100%;
    height: 100%;
    min-height: 0;
    -o-object-fit: contain;
    object-fit: contain;
    pointer-events: none
}

.fancybox-focus-guard {
    outline: none;
    opacity: 0;
    position: fixed;
    pointer-events: none
}

.fancybox__container:not([aria-hidden]) {
    opacity: 0
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>:not(.fancybox__viewport),
.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>:not(.fancybox__content),
.fancybox__container.is-animated[aria-hidden=false]>:not(.fancybox__backdrop, .fancybox__carousel) {
    animation: f-fadeIn .25s ease .1s backwards
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop {
    animation: f-fadeIn .35s ease backwards
}

.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>:not(.fancybox__viewport),
.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>:not(.fancybox__content),
.fancybox__container.is-animated[aria-hidden=true]>:not(.fancybox__backdrop, .fancybox__carousel) {
    animation: f-fadeOut .15s ease forwards
}

.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop {
    animation: f-fadeOut .35s ease forwards
}

.has-html5video .fancybox__content,
.has-iframe .fancybox__content,
.has-map .fancybox__content {
    max-width: 100%;
    width: 100%;
    height: 100%
}

/* === UTILITY CLASSES === */
.transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.opacity-100 {
    opacity: 1
}

.hidden {
    display: none
}

/* === LOGIN MODAL COMPLETE STYLES === */
.login-modal {
    display: none;
    height: auto
}

.login-modal.is-open {
    display: flex
}

.login-modal .headline {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1rem;
    max-width: 70%;
    text-align: center;
    font-size: 1.25rem;
    font-family: Montserrat, sans-serif;
    font-weight: 600
}

@media (min-width:976px) {
    .login-modal .headline {
        max-width: none
    }
}

.login-modal .order-btn {
    margin-top: 1rem;
    display: block;
    width: 100%;
    cursor: pointer;
    border-radius: .5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(250 204 21/var(--tw-bg-opacity));
    padding-top: .75rem;
    padding-bottom: .75rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity));
    font-family: Montserrat, sans-serif
}

.login-modal .order-btn.scnd-btn {
    margin-left: 0 !important;
    margin-top: 1rem !important;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(250 204 21/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

.login-modal .control-wrapper {
    position: relative;
    margin-top: 1rem
}

.login-modal .control-wrapper input {
    filter: invert(100%) hue-rotate(18deg) brightness(1.5);
    position: absolute;
    top: .375rem;
    outline: 2px solid #0000 !important;
    outline-offset: 2px !important
}

.login-modal .control-wrapper label {
    margin-left: 1.25rem;
    display: block
}

.login-modal .control-wrapper label a {
    --tw-text-opacity: 1;
    color: rgb(156 163 175/var(--tw-text-opacity))
}

.login-modal .modal-form-wrapper .form-row {
    position: relative;
    display: inline-flex;
    width: 100%
}

.login-modal .modal-form-wrapper .form-row label {
    position: absolute;
    top: 1rem;
    left: 1.25rem;
    font-size: .875rem;
    line-height: 1.25rem
}

.login-modal .modal-form-wrapper .form-row .woocommerce-input-wrapper {
    margin-top: .75rem;
    width: 100%;
    border-radius: .5rem;
    border-width: 1px;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1.5rem;
    padding-bottom: .25rem
}

.login-modal .modal-form-wrapper .form-row .woocommerce-input-wrapper input {
    width: 100%;
    font-weight: 600
}

.login-modal .modal-form-wrapper .form-row .woocommerce-input-wrapper input:active,
.login-modal .modal-form-wrapper .form-row .woocommerce-input-wrapper input:focus,
.login-modal .modal-form-wrapper .form-row .woocommerce-input-wrapper input:focus-visible {
    outline: none;
    outline-offset: 2px
}

.login-modal .modal-price-wrapper {
    margin-top: 1rem;
    display: flex
}

.login-modal .modal-price-wrapper .sale-price-wrapper {
    display: flex;
    align-items: center
}

.login-modal .modal-price-wrapper .sale-price-wrapper .sale-price {
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(220 38 38/var(--tw-text-opacity))
}

@media (min-width:768px) {
    .login-modal .modal-price-wrapper .sale-price-wrapper .sale-price {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

.login-modal .modal-price-wrapper .sale-price-wrapper .orig-price {
    margin-left: 1rem;
    font-size: .65rem;
    --tw-text-opacity: 1;
    color: rgb(156 163 175/var(--tw-text-opacity));
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through
}

@media (min-width:768px) {
    .login-modal .modal-price-wrapper .sale-price-wrapper .orig-price {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.login-modal .modal-price-wrapper .prefix-price {
    margin-right: 1rem
}

.login-modal .modal-price-wrapper .prefix-price,
.login-modal .modal-price-wrapper .regular-price {
    font-weight: 600
}

@media (min-width:768px) {
    .login-modal .modal-price-wrapper .prefix-price,
    .login-modal .modal-price-wrapper .regular-price {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

.login-modal .modal-product-wrapper {
    display: flex
}

.login-modal .modal-product-wrapper .subheadline {
    font-family: Montserrat, sans-serif;
    font-weight: 600
}

.login-modal .modal-product-wrapper .product-thumbnail {
    margin-right: 1rem
}

.login-modal .modal-product-wrapper .product-thumbnail img {
    aspect-ratio: 1/1;
    height: 120px;
    width: 120px;
    min-width: 120px;
    border-radius: .75rem;
    -o-object-fit: cover;
    object-fit: cover
}

.login-modal#addedmodal .modal-product-wrapper {
    flex-direction: column
}

@media (min-width:768px) {
    .login-modal#addedmodal .modal-product-wrapper {
        flex-direction: row
    }
}

/* Backorder Modal Styles */

/* General Fancybox modal styles (required for backordermodal to work) */
.fancybox__carousel .fancybox__slide .login-modal {
    display: none;
    height: auto !important
}

.fancybox__carousel .fancybox__slide .login-modal.is-open {
    display: flex
}

.fancybox__carousel .fancybox__slide .login-modal.fancybox__content {
    display: flex;
    width: 420px !important;
    max-width: 90vw;
    border-radius: .75rem;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 255 255/var(--tw-bg-opacity)) !important;
    padding: 1rem
}

@media (min-width:480px) {
    .fancybox__carousel .fancybox__slide .login-modal.fancybox__content {
        padding: 2.25rem
    }
}

/* Close button styles */
.login-modal#backordermodal .carousel__button,
.login-modal#backordermodal .f-button,
.login-modal#backordermodal .f-carousel__button {
    top: .625rem;
    right: .625rem;
    background-color: initial
}

.login-modal#backordermodal .carousel__button svg,
.login-modal#backordermodal .f-button svg,
.login-modal#backordermodal .f-carousel__button svg {
    --tw-text-opacity: 1;
    color: rgb(156 163 175/var(--tw-text-opacity))
}

/* Fancybox content styles */
@media (min-width:768px) {
    .fancybox__carousel .fancybox__slide .login-modal.fancybox__content#backordermodal {
        width: 720px !important
    }
}

.fancybox__carousel .fancybox__slide .login-modal.fancybox__content#backordermodal .btn-wrapper,
.fancybox__carousel .fancybox__slide .login-modal.fancybox__content#backordermodal .control-wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 24rem
}

.fancybox__carousel .fancybox__slide .login-modal.fancybox__content#backordermodal .btn-wrapper input,
.fancybox__carousel .fancybox__slide .login-modal.fancybox__content#backordermodal a {
    text-align: center
}

.fancybox__carousel .fancybox__slide .login-modal.fancybox__content#backordermodal .form-row {
    margin-left: -1rem;
    margin-right: -1rem;
    width: calc(100% + 2rem);
    flex-wrap: wrap;
    justify-content: space-between
}

@media (min-width:976px) {
    .fancybox__carousel .fancybox__slide .login-modal.fancybox__content#backordermodal .form-row {
        flex-wrap: nowrap
    }
}

.fancybox__carousel .fancybox__slide .login-modal.fancybox__content#backordermodal .input-wrap {
    position: relative;
    margin-left: 1rem;
    margin-right: 1rem;
    width: 100%
}

/* Main modal styles */
#backordermodal {
    width: 90vw !important;
    max-width: 450px;
    padding: 40px;
}

@media (max-width: 568px) {
    #backordermodal {
        padding: 24px;
        width: 100vw !important;
        position: absolute;
        bottom: 0;
        border-radius: 0.75rem 0.75rem 0 0;
    }
}

#backordermodal .is-close-btn {
    top: 40px !important;
    right: 40px !important;
    width: 30px;
    height: 30px;
}

@media (max-width: 568px) {
    #backordermodal .is-close-btn {
        top: 24px !important;
        right: 24px !important;
    }
}

#backordermodal .is-close-btn svg {
    width: 26px;
}

#backordermodal form {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 25px;
}

#backordermodal .headline {
    font-size: 25px;
    line-height: 115%;
    text-align: left;
    width: 100%;
    margin: 0;
}

#backordermodal hr {
    background: #F3F3F3;
    border: none;
    width: 100%;
    height: 1px;
    opacity: 1;
    margin: 0;
}

#backordermodal .modal-form-wrapper {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

#backordermodal .modal-product-wrapper {
    gap: 20px;
    align-items: center;
}

#backordermodal .product-thumbnail {
    width: 100%;
    max-width: 90px;
    margin: 0;
}

#backordermodal .product-thumbnail img {
    width: 100%;
    height: 100%;
    min-width: auto;
}

#backordermodal .product-thumbnail ~ div {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#backordermodal .price-modal {
    display: flex;
    gap: 10px;
    align-items: center;
}

#backordermodal .price-modal ins,
#backordermodal .price-modal > span bdi {
    color: #FACC15;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -0.4px;
    text-decoration: none;
    order: 1;
}

#backordermodal .price-modal del {
    color: #A9A9A9;
    font-variant-numeric: lining-nums proportional-nums;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: 0.28px;
    text-decoration-line: strikethrough;
}

#backordermodal .form-row {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100% !important;
    margin: 0 !important;
}

#backordermodal .input-wrap {
    margin: 0 !important;
}

#backordermodal .input-wrap * {
    transition: .3s ease;
}

#backordermodal .input-wrap label {
    color: #B6B6B6;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: 0.28px;
    pointer-events: none;
}

#backordermodal .input-wrap input:not(input[type=submit]):focus~label,
#backordermodal .input-wrap input:not(input[type=submit]):not(:focus):valid~label {
    top: 7px;
    left: 16px;
    font-size: 11px;
}

@media (max-width: 599px) {
    #backordermodal .input-wrap input:focus~label,
    #backordermodal .input-wrap input:not(:focus):valid~label {
        top: 7px;
        font-size: 12px;
    }
}

#backordermodal .input-wrap input:not(input[type=submit]):focus,
#backordermodal .input-wrap input:not(input[type=submit]):not(:focus):valid {
    position: relative;
    top: 9px;
}

#backordermodal .input-wrap input::placeholder {
    display: none !important;
    opacity: 0;
}

#backordermodal .woocommerce-input-wrapper {
    margin: 0 !important;
    padding: 12px 20px 12px 15px;
    border-radius: 10px;
    border: 1px solid #E5E7EB;
}

#backordermodal .woocommerce-input-wrapper:focus-within {
    border-color: #facc15;
}

.woocommerce-input-wrapper.wrong,
.woocommerce-invalid .woocommerce-input-wrapper {
    border-color: red !important;
}

#backordermodal .btn-wrapper {
    width: 100%;
}

#backordermodal .order-btn {
    margin: 0;
}

#backordermodal .control-wrapper label {
    margin: 0;
    color: #ADADAD;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

#backordermodal .control-wrapper label a {
    color: #FED02C;
    text-decoration-line: underline;
}

/* === DISABLED SUBMIT BUTTON STYLES === */
button[type="submit"][disabled],
input[type="submit"][disabled] {
    background: -webkit-repeating-linear-gradient(145deg, #f8e9db 1px, #fff5ed 2px, #fff5ed 11px, #f8e9db 12px, #f8e9db 20px);
    background: repeating-linear-gradient(-55deg, #f8e9db 1px, #fff5ed 2px, #fff5ed 11px, #f8e9db 12px, #f8e9db 20px);
    -webkit-animation-name: MOVE-BG;
    -webkit-animation-duration: .6s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-name: MOVE-BG;
    animation-duration: .6s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    cursor: not-allowed;
}

@-webkit-keyframes MOVE-BG {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 28px 0;
    }
}

@keyframes MOVE-BG {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 28px 0;
    }
}