/* general styles */
.light-theme nav#top,
.light-theme nav#top .container{
    background-color: #FDEAD9;
}
.banner-pro__column .banner-pro__content{
    top: auto;
    bottom: 35px;
    left: 20px;
    padding: 10px;
    border-radius: 9px;
    background-color: #fff8;
    transition: 300ms ease-in-out background-color;
    display: flex;
    flex-direction: column;
    gap: 10px;
    pointer-events: none;
}
.banner-pro__item:hover .banner-pro__content{
    background-color: #fffc;
}

.banner-pro__column .banner-pro__content .banner-pro__title{
    margin: 0;
    width: 100%;
    text-align: center;
    pointer-events: none;
}

body .ddm-sort-list-pc.dropdown-menu.ch-dropdown > li > button{
    color: #282828;
}

.box-menu-top .btn-menu-top .text-category{
    text-transform: uppercase;
}
#content .view-box{
    background-color: #FDEAD9;
}

body .fo_product__price .price-new{
    color: var(--up-color-price);
}

body .fo_product__price{
    font-weight: 500;
    color: var(--up-color-price);
}

#product-options .price,
#product-options .price > p{
    /* color: var(--up-color-price); */
    color: var(--up-text-wd-color);
    font-size: 13px;
    font-weight: 700;
}
#product-options .bold-text > span,
#product-options .price-new.price-one .priceDigits,
#product-options .price-lots > .price{
    font-size: 15px;
    font-weight: 100;
}
#product-options .price-lots > .price,
#product-options .price-lots > .price span{
    display: inline;
}

body .fo_product__price .bold-text,
body .fo_product__price{
    font-size: 14px;
}
#popup-quickview .price > p
body #product .price,
body #product .price > p{
    margin-bottom: 5px;
    font-size: 17px;
    font-weight: 500;
    color: var(--up-color-price);
}

/* body .fo_product__price #formated_price_quickorder,
body .fo_product__price .price-new.price-one,
body .fo_product__price .bold-text > span{
    font-size: 15px;
    font-weight: 100;
} */

body .price .priceDigits,
body .price-new .price-one.price-new,
body .price .bold-text span{
    font-size: 20px;
    font-weight: 100;
}
#popup-quickview .bold-text,
body #popup-quickview .price-new{
    font-size: 18px;
}

/* #product-options .price > .price-lots > .price,
#product-options .price > .price-lots,
#product-options .price > .bold-text,
#popup-quickview .price > .price-lots,
#popup-quickview .price > .bold-text,
#product .price > .price-lots,
#product .price > .bold-text{
    font-weight: 700;
    font-size: 19px;
} */
body .cart-products__regular-text,
body .cart-products__one-price{
    /* color: var(--up-text-wd-color); */
    font-weight: 400;
    font-size: 14px;
    color: var(--up-text-light-color);
}

body .cart-list .cart-item-quantity{
    color: var(--up-text-gray-color);
}

/* horizontal quantity counter */
.quantity_plus_minus{
    display: flex; 
    align-items: center;
    justify-content: center;
}
#product-options .quantity_plus_minus .add-action,
.quantity_plus_minus .add-action{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    width: 16px;
}
.quantity_plus_minus .add-action svg{ rotate: 90deg; }
.quantity_plus_minus .add-action.add-up{
    order: 10;
    border-radius: 0 8px 8px 0;
    border-right: 1px solid var(--up-gray-color-1);
    border-bottom: 1px solid var(--up-gray-color-1);
    border-top: 1px solid var(--up-gray-color-1);
    border-left: none;
}
.quantity_plus_minus .add-action.add-down{
    order: -1;
    border-radius: 8px 0 0 8px;
    border-left: 1px solid var(--up-gray-color-1);
    border-bottom: 1px solid var(--up-gray-color-1);
    border-top: 1px solid var(--up-gray-color-1);
    border-right: none;
}
body #product-options .quantity_plus_minus input.quantity-num,
body .quantity_plus_minus input.quantity-num{
    border-left: none;
    border-right: none;
    border-top: 1px solid var(--up-gray-color-1);
    border-bottom: 1px solid var(--up-gray-color-1);
    height: 32px;
    margin-top: 0;
}
body .product-thumb .quantity_plus_minus,
body .product-thumb .price{
    align-self: center;
    justify-content: center;
}

/* menu logo fix */ 
.up-header #logo img {
    aspect-ratio: 200 / 56;
    width: auto;
    height: 100%;
}
@media (min-width: 992px) {
    .up-header #logo img {
        height: 56px;
        width: 200px;
    }
}
@media (max-width: 768px) {
    .up-header #logo img {
        width: 100px;
        height: 40px;
    }
    
}

select option:checked,
select option:hover{
    background-color: #fdead9;
}
.mod-categories .mc-item > span{
    text-transform: uppercase;
}
body .checkbox-input[type="radio"]:checked, 
body .chm-radio label input[type="radio"]:checked{
    background-color: #372924;
    border-color: #372924;
}

body .btn-primary:hover, body .chm-btn-primary:hover{
    color: #372924;
    background-color: #FDEAD9;
}
body a:focus{
    color: var(--up-text-wd-color);
}

body .chm-btn-outline-primary{
    border-color: #372924;
    color: #372924;
}
body .chm-btn-outline-primary:hover{
    background-color: #372924;
    border-color: #372924;
    color: white;
}

.light-theme body .btn-general.is-active{
    color: white !important;
    background-color: #eba15e !important;
}
.light-theme body .btn-general.is-active:focus,
.light-theme body .btn-general.is-active:active,
.light-theme body .btn-general.is-active:hover{
    color: white !important;
    background-color: #e28649 !important;
}

.light-theme .feedback_widget_button{
    background-color: #372924;
}

.price .price-new{
    color: var(--up-color-price);
}

.int-topbar-btngroup{
    display: flex;
    gap: 20px;
    align-items: center;
}
.int-topbar-btngroup .box-language-currency{
    height: 30px;
}
.int-topbar-btngroup .box-language-currency.only_one_block .btn-language-top, 
.int-topbar-btngroup .box-language-currency.only_one_block .btn-currency-top{
    height: 25px;
}
.int-topbar-btngroup .box-language-currency.only_one_block .btn-language-top,
.int-topbar-btngroup .box-language-currency.only_one_block .btn-currency-top{
    width: 40px;
}

.int-topbar-btngroup .up-header-phones__icon-image{
    margin-right: 4px;
}
.int-topbar-btngroup .up-header-phones__icon-image img{
    height: 18px;
    width: 18px;
}
.int-topbar-btngroup .int-topbar-btngroup-phones{
    list-style: none;
    padding: 0;
    display: flex;
    gap: 12px;
    align-items: center;
    margin: 0;
}

.up-header-phones__items .up-header-phones__item > a{
    white-space: nowrap;
}
#top .box-language-currency .dropdown-menu-right{
    top: 36px;
    right: 4px;
}

.int-topbar-btngroup-phones > li:first-of-type > a{
    padding: 5px 12px;
    border-radius: 9px;
    background: var(--up-bg-header-cart);
    color: white;
    font-weight: 500;
}
.int-topbar-btngroup-phones > li:first-of-type > a:focus,
.int-topbar-btngroup-phones > li:first-of-type > a:active,
.int-topbar-btngroup-phones > li:first-of-type > a:hover{
    color: white;
}

body .small-slider__content-title,
body .megasliderpro__content-title{
    top: calc(50% + 40px);
    padding: 15px;
    background-color: #fffa;
    border-radius: 15px;
    max-width: 95%;
    left: 30px;
    right: 30px;
}
body .small-slider__content-title{
    left: 15px;
    right: 15px;
}
body .small-slider__content-title .small-slider__title_xs{
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    color: #372924;
}

body .chm-account-button,
body .mob-fix-panel.over-footer .wishlist-quantity,
body .mob-fix-panel.over-footer .viewed-quantity{
    background-color: #372924;
}    
body .mob-fix-panel .wishlist-quantity,
body .mob-fix-panel .viewed-quantity{
    background-color: #fda35e;
}
body .container-module .product-thumb .quantity_plus_minus,
body .product-grid .product-thumb .quantity_plus_minus{
    display: flex;
}
body .container-module .product-thumb .cart .text-cart-add, 
body .product-grid .product-thumb .cart .text-cart-add{
    display: block;
}


@media (max-width: 768px) {
    /* #product-options .price, #product-options .price-new{
        font-size: 22px;
    } */
}

/* --- password eye --- */
.int-pwd-eye-wrap{
    position: absolute;
    top: 0;
    right: 0;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.8;
    transition: opacity 150ms ease-in-out;
    z-index: 10;
}
.int-pwd-eye-wrap svg{
    height: 20px;
    width: 20px;
}
.int-pwd-eye-wrap .int-eye-closed{ display: none; }
.int-pwd-eye-wrap.showed .int-eye{ display: none; }
.int-pwd-eye-wrap.showed .int-eye-closed{ display: block; }
.int-input-wrap.int-right-btn input,
.input-group-flex.int-right-btn input.form-control{
    padding-right: 40px;
}
.int-input-wrap{
    position: relative;
}

body .mod-categories .mc-item.is-active-item a,
body .mod-categories .mc-item.is-active-item > span{
    color: #282828 !important;
    background-color: #fdead9;
}

body .chm-btn-white:focus, 
body .chm-btn-white:hover, 
body .chm-btn-white:hover{
    color: #603f34;
    text-decoration: underline;
}

.int-banner-category-link{
    margin: 0;
    padding: 0;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
}

html.light-theme{
    --up-dd-menu-bg-hover: #fdead9;
}


.int-h-separator{
    min-height: 1px;
    width: 100%;
    border-top: 1px dashed #cea693;
}
.int-v-separator{
    min-width: 1px;
    height: 100%;
    border-right: 1px dashed #cea693;
}
.int-price-block{
    background: linear-gradient(135deg, #fffaf7 0%, #fff3eb 100%);
    border: 1px solid #f1ddcf;
    border-radius: 22px;
    padding: 22px 24px;
    box-shadow: 0 10px 28px rgba(66, 42, 34, 0.07);
    display: flex;
    flex-direction: column;
}
.int-price-block > .price{
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}
.int-price-one-wrap{
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.int-price-icon{
    min-height: 36px;
    min-width: 36px;
    max-height: 36px;
    max-width: 36px;
    background-color: #fee6d5;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.int-price-icon.int-price-icon-big{
    min-height: 48px;
    min-width: 48px;
    max-height: 48px;
    max-width: 48px;
    border-radius: 24px;
}
body .int-price-block .price-one{
    display: flex !important;
    align-items: end;
    gap: 5px;
    align-items: center;
}
html body .int-price-block .bold-text,
html body .int-price-block .price-lots{
    display: flex !important;
    gap: 15px;
    align-items: center;
    flex-direction: row;
}

.int-price-block .price-lots .autocalc-product-price,
.int-price-block .bold-text .int-price-qty-package,
.int-price-block .price-lots #priceDigits .autocalc-product-price{
    font-size: 18px;
    color: #3b2922;
    font-weight: 700;
}
.int-price-one-right{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
body .int-price-one-right .int-text-item,
body .int-price-one-right #priceDigits .int-text-item,
body .int-price-one-right > span{
    font-size: 16px;
    color: #87756c;
    font-weight: 100;
}
html body .int-price-one-right .priceDigits .int-price-one-value{
    font-size: 24px;
    color: #46312e;
    font-weight: 700;
}
.int-price-block .bold-text > span:first-of-type,
.int-price-block .price-lots > span:first-of-type{
    margin-right: auto;
    color: #4d3b34;
    font-weight: 100;
    font-size: 16px;
}

.options .image-radio .option-name{
    max-width: 110px;
    display: inline-block;
}

body .info-product{
    margin-bottom: 0;
    padding-bottom: 10px;
}

/* --- quick order price --- */

.int-quick-order .fo_product__action{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
}
.int-quick-order .fo_product__action .quantity_quickorder{
    width: 100px;
}
.int-quick-order .fo_product__price .price-new.price-one{
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
    justify-content: end;
    gap: 10px;
    font-size: 13px;
    font-weight: 700;
}
.int-quick-order .fo_product__price .price-new.price-one .int-price-one-value{
    font-size: 24px;
    font-weight: 900;
}

.chm-price-totals.price,
.int-quick-order .fo_product__price{
    background: linear-gradient(135deg, #fffaf7 0%, #fff3eb 100%);
    border: 1px solid #f1ddcf;
    border-radius: 8px;
    padding: 20px 16px;
    box-shadow: 0 6px 12px rgba(66, 42, 34, 0.07);
    display: flex;
    gap: 20px;
    width: 100%;
    min-height: 100px;
}

#product-options .chm-price-totals.price{
    display: flex;
    flex-direction: row;
    justify-content: stretch;
    align-items: stretch;
    
}
#product-options .bold-text span,
#product-options .price-new.price-lots span,
#product-options .chm-price-totals.price > p span{
    font-size: 13px;
    font-weight: 700;
}
#product-options .chm-price-totals.price .price-new.price-one .priceDigits,
#product-options .chm-price-totals.price .price-new.price-one .priceDigits span{
    font-size: 13px;
    font-weight: 900;
}

.chm-price-totals.price > p{
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
}

.int-quick-order .fo_product__price p{
    margin-bottom: 0;
}
.int-quick-order-right{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
    flex: 1;   
}
.int-quick-order .int-quick-order-right .bold-text,
.int-quick-order .int-quick-order-right .price-new.price-lots{
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
    justify-content: end;
    font-size: 13px;
    font-weight: 700;
    width: 100%;
    gap: 10px;
}

.int-price-block .int-price-one-group{
    display: flex; 
    flex-direction: column;
    align-items: start;
    gap: 10px;
}
.int-price-block .int-price-one-group span{
    font-size: 16px;
    color: #87756c;
    font-weight: 100;
}
#product-options .price.int-price-only-wrap{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
#product-options .int-price-only,
.int-quick-order-one-unit,
.int-price-block .int-price-one-group .autocalc-product-price{
    font-size: 24px;
    color: #46312e;
    font-weight: 700;
}
.int-quick-order-one-unit-wrap{
    display: flex; 
    flex-direction: column;
    gap: 12px;
}
.int-price-single-unit{
    display: flex;
    gap: 10px;
}

.int-price-one-group{
    display: flex;
    align-items: center;
}

.product-thumb .price-actions-box .int-product-qty-text{
    display: flex; 
    gap: 4px;
    align-items: center;
    width: 100%;
    padding-top: 8px;
    margin-top: 8px;
    border-top: 1px solid #f0f0f0;
}
html body .fo_product__image{
    padding: 8px;
    border-radius: 12px;
}
html body .fo_product__image img{
    object-fit: cover;
    object-position: center;
    border-radius: 8px;
}

#product-options .modal-footer .info-options-bottom{
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
}
#product-options .modal-footer .info-options-bottom .quantity_plus_minus{
    order: 10;
}
#product-options .price-new{
    display: flex; 
    flex-direction: column;
    gap: 10px;
    text-align: left;
    align-items: start;
    justify-content: start;
}
#product-options .int-price-options-right .price-lots,
#product-options .int-price-options-right .bold-text{
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: end;
}
#product-options .int-price-options-right .price-lots span,
#product-options .int-price-options-right .bold-text span{
    font-size: 13px;
    margin: 0;
}

.int-price-options-right{
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1;
}

.fo_product > .d-flex{
    align-items: start;
}
.int-quick-order .fo_product__image{
    padding: 0;
    margin-top: 20px;
    border-radius: 4px;
    overflow: hidden;
}

#product-options .chm-price-totals.price .price-new.price-one .priceDigits .int-price-one-value{
    font-size: 24px;
}

body .category-page{ gap: 20px 0; }
body .product-grid .product-thumb.bg_image{ border-radius: 16px; }

@media (max-width: 768px){
    #product-options .chm-price-totals.price,
    .int-quick-order .fo_product__price{ flex-direction: column; }
    #product-options .chm-price-totals.price .int-v-separator,
    .int-quick-order .fo_product__price .int-v-separator{ display: none; }
    .int-quick-order .fo_product__price .price-new.price-one .int-price-one-value{
        font-size: 13px;
    }
    .int-quick-order .fo_product__image img{
        height: 100px;
        width: auto;
        max-width: 100px;
    }
    html body .int-price-one-right .priceDigits .int-price-one-value{
        font-size: 16px;
    }
    .int-quick-order .fo_product__price .price-new.price-one{
        flex-direction: row;
        gap: 4px;
    }
    html body .int-price-block .bold-text, html body .int-price-block .price-lots{
        gap: 5px;
    }
    .int-price-block .bold-text > span:first-of-type, .int-price-block .price-lots > span:first-of-type{
        font-size: 14px;
    }
    .int-price-block .price-lots .autocalc-product-price, 
    .int-price-block .bold-text .int-price-qty-package, 
    .int-price-block .price-lots #priceDigits .autocalc-product-price{
        font-size: 15px;
    }
    body .int-price-one-right{
        flex-direction: row;
        flex-wrap: wrap;
        gap: 4px;
        width: 100%;
        justify-content: space-between;
    }
    body .int-price-one-right .int-text-item, 
    body .int-price-one-right #priceDigits .int-text-item, 
    body .int-price-one-right > span{
        font-size: 14px;
    }
    #product-options .chm-price-totals .price-new{
        flex-direction: row;
    }
    #product-options .bold-text span, 
    #product-options .price-new.price-lots span, 
    #product-options .chm-price-totals.price > p span{
        font-size: 13px;
    }
    #product-options .chm-price-totals.price .price-new.price-one .priceDigits span,
    #product-options .chm-price-totals.price .price-new.price-one .priceDigits{
        font-size: 13px;
    }

    .int-price-options-right{ gap: 0; }
    .int-price-block{ padding: 14px; }
    .int-price-one-wrap{ gap: 10px; }
    .chm-price-totals.price, .int-quick-order .fo_product__price{ padding: 12px; }
    #modal-quickview .int-price-one-wrap .int-price-icon{
        display: none;
    }
    #product-options .chm-price-totals.price .price-new.price-one .priceDigits .int-price-one-value{
        font-size: 13px;
    }
    #product-options .price > p{
        justify-content: space-between;
    }

    .int-quick-order .int-quick-order-right .bold-text,
    .int-quick-order .int-quick-order-right .price-new.price-lots{
        justify-content: space-between;
    }
    #product-options .int-price-options-right .price-lots,
    #product-options .int-price-options-right .bold-text{
        justify-content: space-between;
    }
    .int-quick-order .fo_product__price .price-new.price-one{
        justify-content: space-between;
    }
}

@media (min-width: 1024px) {
    .product-thumb{
        padding-left: 10px;
        padding-right: 10px;
    }
}

/*--- increase modal size ---*/
body .us-modal-lg{
    max-width: 1100px;
    width: 100%;
}
.light-theme .product-thumb.bg_image .image a img.img-responsive{
    object-fit: cover;
    object-position: center;
    height: 100%;
    width: 100%;
    max-height: 250px;
}
.light-theme .product-thumb .btn.btn-general{
    color: var(--up-bg-mod-add-to-cart);
    background: var(--up-color-mod-add-to-cart);
}
.light-theme .product-thumb:hover .btn.btn-general i,
.light-theme .product-thumb .btn.btn-general i{
    color: var(--up-bg-mod-add-to-cart);
}
.light-theme .product-thumb .image{
    padding: 0;
    border-radius: 12px;
    overflow: hidden;
}
html body .product-thumb.bg_image, .container-module .item.swiper-slide .product-thumb.bg_image{
    border-radius: 16px;
    overflow: hidden;
    padding: 12px;
    border: 1px solid #f0f0f0;
    box-shadow: 0 4px 12px rgba(66, 42, 34, 0.05);
}
