/* :root {
    --woo-body-background-color: #f7f7f7;
    --woo-body-text-color: #353535;

    --woo-font-family: "Roboto";
    --woo-text-size: 17px;
    --woo-text-line-height: 22px;

    --woo-subtitle-size: 18px;
    --woo-subtitle-line-height: 22px;

    --woo-label-size: 14px;
    --woo-label-font-weight: 300;
    --woo-label-line-height: 18px;
    --woo-label-color: #686868;
    --woo-label-color-required: #dd3333;

    --woo-font-thin: 300;
    --woo-font-regular: 400;
    --woo-font-bold: 600;

    --woo-section-background-color: #ffffff;
    --woo-section-padding: 20px;
    --woo-section-border-width: 0px;
    --woo-section-border-style: solid;
    --woo-section-border-color: #bfbfbf;
    --woo-section-gap: 20px;
    --woo-section-background-title: #e8e8e8;
    --woo-section-color-title: #020202;
    --woo-section-padding-title: 15px 15px;

    --woo-sub-section-border-width: 1px;
    --woo-sub-section-border-style: solid;
    --woo-sub-section-border-color: #d8d8d8;

    --woo-input-background-color: #ffffff;
    --woo-input-text-color: #2d2d2d;
    --woo-input-border-width: 1px;
    --woo-input-border-color: #d6d6d6;
    --woo-input-height: 40px;
    --woo-input-height-qty: 35px;

    --woo-button-background-color: #0066bf;
    --woo-button-text-color: #ffffff;
    --woo-button-height: 40px;
    --woo-button-checkout-height: 50px;

    --woo-border-radius: 5px;
    --woo-shadow: 0px 0px 3px 2px rgb(0,0,0,0.07);

    --woo-line-border-width: 1px;
    --woo-line-border-style: dashed;
    --woo-line-border-color: #e5e5e5;

    --woo-cart-sticky-top: 100px;

    --woo-notif-text-size: 17px;
    --woo-notif-line-height: 22px;
    --woo-notif-border-width: 1px;

    --woo-notif-success-background: #f7fff2;
    --woo-notif-success-color: #07380a;
    --woo-notif-success-border-color: #acdb90;

    --woo-notif-info-background: #f1f8ff;
    --woo-notif-info-color: #0a274d;
    --woo-notif-info-border-color: #c1ddfc;

    --woo-notif-warning-background: #fffcf0;
    --woo-notif-warning-color: #493f04;
    --woo-notif-warning-border-color: #e8d6ba;

    --woo-notif-danger-background: #fff7f7;
    --woo-notif-danger-color: #520000;
    --woo-notif-danger-border-color: #ffc5c5;

    --woo-loginform-min-height: 440px;

    --woo-loading-image: "../img/loading.webp";
    --woo-loading-animation: spin 0.5s ease-in-out infinite;
    --woo-loading-image-width-height: 40px;
    --woo-loading-overlay: rgba(0, 0, 0, 0.148);
}

@media (max-width: 991.98px) {
    :root {
        --woo-text-size: 16px;
        --woo-text-line-height: 20px;

        --woo-subtitle-size: 19px;
        --woo-subtitle-line-height: 23px;

        --woo-label-size: 13px;
        --woo-label-line-height: 17px;

        --woo-input-height: 40px;
        --woo-input-height-qty: 35px;

        --woo-button-height: 40px;
        --woo-button-checkout-height: 50px;

        --woo-section-gap: 20px;

        --woo-section-padding-title: 13px 17px;

        --woo-loginform-min-height: 370px;

        --woo-total-buttom-gap-responsive: 50px;
    }
}

@media (max-width: 767.98px) {
    :root {
        --woo-text-size: 15px;
        --woo-text-line-height: 19px;

        --woo-subtitle-size: 16px;
        --woo-subtitle-line-height: 20px;

        --woo-label-size: 12px;
        --woo-label-line-height: 16px;

        --woo-input-height: 40px;
        --woo-input-height-qty: 35px;

        --woo-button-height: 40px;
        --woo-button-checkout-height: 50px;

        --woo-section-gap: 15px;
        --woo-section-padding: 15px;
        --woo-section-padding-title: 12px 17px;

        --woo-notif-text-size: 15px;
        --woo-notif-line-height: 19px;

        --woo-loginform-min-height: 350px;

        --woo-total-buttom-gap-responsive: 50px;
    }
} */