:root {
	--wd-hb-opt-h: 25px;
	--wd-text-font: "Albert Sans", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 16px;
	--wd-title-font: "Albert Sans", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Albert Sans", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgba(51, 51, 51, 0.65);
	--wd-alternative-font: "Albert Sans", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Albert Sans", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: capitalize;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Albert Sans", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 14px;
	--wd-brd-radius: 20px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(76,51,209);
	--wd-alternative-color: #fbbc34;
	--btn-default-bgcolor: rgb(221,221,221);
	--btn-default-bgcolor-hover: rgb(193,193,193);
	--btn-accented-bgcolor: rgb(73,51,209);
	--btn-accented-bgcolor-hover: rgb(65,46,188);
	--btn-transform: capitalize;
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
.wd-hb {
	background-color: rgb(221,0,0);
	background-image: none;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(244,244,244);
	background-image: none;
}
html .wd-nav-mobile > li > a {
	text-transform: capitalize;
}
html .wd-checkout-steps {
	text-transform: capitalize;
}
html table th {
	text-transform: none;
}
ul.woocommerce-order-overview li strong, ul.order_details li strong, ul.woocommerce-order-overview li span, ul.order_details li span, .woocommerce-order-overview li strong, .order_details li strong {
	font-weight: 400;
}
html .btn.wd-buy-now-btn {
	background: rgb(36,36,36);
}
html .btn.wd-buy-now-btn:hover {
	background: rgb(51,51,51);
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-color: rgb(118,118,118);
	--wd-form-placeholder-color: rgb(119,119,119);
	--wd-form-bg: rgb(255,255,255);
}
.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
	--wd-arrow-size: 40px;
	--wd-arrow-icon-size: 16px;
	--wd-arrow-offset-h: 15px;
	--wd-arrow-color: rgb(36,36,36);
	--wd-arrow-color-hover: rgb(51,51,51);
	--wd-arrow-color-dis: rgb(36,36,36);
	--wd-arrow-bg: rgb(244,244,244);
	--wd-arrow-bg-hover: rgb(239,239,239);
	--wd-arrow-bg-dis: rgb(244,244,244);
	--wd-arrow-radius: 20px;
}
.wd .product-label.onsale {
	background-color: rgb(36,36,36);
}
.wd .product-label.new {
	background-color: rgb(36,36,36);
}
.wd .product-label.featured {
	background-color: rgb(36,36,36);
}
.wd .product-label.out-of-stock {
	background-color: rgb(36,36,36);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
.woocommerce-product-gallery {
	--wd-gallery-gap: 20px;
}
.woocommerce-product-gallery.thumbs-position-left {
	--wd-thumbs-width: 90px;
}

@media (max-width: 1024px) {
	:root {
		--wd-hb-opt-h: 40px;
	}

}
:root{
--wd-container-w: 1630px;
--wd-form-brd-radius: 35px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
}

@media (min-width: 1630px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: #0a0a0a;
}

/* ==========================================================================
   1. ІДЕАЛЬНА СІТКА КАРТКИ ТОВАРУ (Для комп'ютерів та ноутбуків)
   ========================================================================== */
.product-grid-item, 
.wd-product,
.elementor-widget-loop-grid .e-loop-item {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

.product-grid-item .product-wrapper,
.wd-product .product-wrapper {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

.product-grid-item .product-information,
.wd-product-info,
.elementor-widget-loop-grid .e-loop-item .e-con,
.elementor-widget-loop-grid .e-loop-item .e-con-inner {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
}

/* ==========================================================================
   2. МІНІАТЮРА ТА НАЗВА ТОВАРУ
   ========================================================================== */
.mta-custom-img img {
    height: 190px !important;
    width: 100% !important;
    object-fit: contain !important;
    margin: 0 auto !important;
    display: block !important;
}

.product-title,
.elementor-widget-woocommerce-product-title .product-title {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important; 
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    margin-bottom: 15px !important;
}

/* ==========================================================================
   3. БЛОК ЦІНИ ТА КНОПКИ (GRID)
   ========================================================================== */
.mta-price-container {
    display: grid !important;
    grid-template-columns: max-content max-content 1fr auto !important; 
    align-items: center !important;
    width: 100% !important;
    margin-top: auto !important;
    row-gap: 0px !important;
}

.mta-custom-price, 
.mta-custom-price .price {
    display: contents !important;
}

/* 1. Налаштування акційної ціни (зі знижкою) */
.mta-price-container del {
    grid-row: 1 !important;
    grid-column: 1 !important;
    margin-right: 4px !important; 
    line-height: 1 !important;
    margin-bottom: -2px !important;
}

.mta-price-container ins {
    grid-row: 2 !important;
    grid-column: 1 / span 2 !important;
    text-decoration: none !important;
    line-height: 1 !important;
    margin-top: 0px !important;
}

.mta-price-container ins .woocommerce-Price-amount,
.mta-price-container ins * {
    color: #E62900 !important;
}

/* 2. Центрування звичайної ціни без знижки (займає 2 рядки і стає точно по центру кнопки) */
.mta-price-container .price > .amount,
.mta-price-container .price > .woocommerce-Price-amount,
.mta-price-container .price > span:not(del):not(ins) {
    grid-row: 1 / span 2 !important;
    align-self: center !important;
    line-height: 1 !important;
    margin: 0 !important;
}

/* 3. Кнопка кошика */
.mta-price-container .wd-add-btn-wrapp,
.mta-price-container .wd-action-btn,
.mta-price-container [class*="add-to-cart"] {
    grid-column: 4 !important;
    grid-row: 1 / span 2 !important;
    justify-self: end !important;
    align-self: center !important;
}

/* ==========================================================================
   4. КНОПКА КОШИКА: Базовий стан та анімація розгортання
   ========================================================================== */
.mta-btn a, 
.mta-btn button {
    max-width: 43px !important;
    min-width: 43px !important;
    height: 43px !important;
    padding: 0 !important;
    transition: all 0.3s ease-in-out !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0 !important;
}

.mta-btn a::before,
.mta-btn a i,
.mta-btn a svg,
.mta-btn a .wd-add-cart-icon {
    font-size: 18px !important;
    display: inline-block !important;
    line-height: 1 !important;
    margin: 0 !important;
}

.mta-btn a::after {
    content: "Купити" !important;
    font-size: 14px !important;
    color: #ffffff !important;
    font-family: 'Arial', sans-serif !important;
    font-weight: 600 !important;
    display: none !important;
    opacity: 0 !important;
    transition: opacity 0.2s ease-in-out !important;
}

@media (min-width: 1024px) {
    .product:hover .mta-btn a,
    .wd-product:hover .mta-btn a,
    .mta-btn:hover a {
        max-width: 125px !important;
        min-width: 115px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        justify-content: center !important;
    }

    .product:hover .mta-btn a::after,
    .wd-product:hover .mta-btn a::after,
    .mta-btn:hover a::after {
        display: inline-block !important;
        opacity: 1 !important;
        margin-left: 8px !important;
    }
}

/* ==========================================================================
   5. МІТКИ ЗНИЖКИ (БЕЙДЖІ)
   ========================================================================== */
.mta-custom-labels {
    grid-row: 1 !important;
    grid-column: 2 !important;
    display: inline-flex !important;
    position: static !important;
    margin: 0 !important;
}

/* 🎨 [НАЛАШТУВАННЯ] ФОН ТА ТЕКСТ БЕЙДЖА ЗНИЖКИ */
body .mta-custom-labels .wd-label,
body .mta-custom-labels .wd-label.onsale,
.mta-custom-labels * {
    background-color: #E62900 !important;
    color: #ffffff !important;
    min-width: 26px !important;
    height: 22px !important;
    border-radius: 12px !important;
    padding: 0 4px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-transform: uppercase !important;
}

/* ==========================================================================
   6. ГЛОБАЛЬНІ НАЛАШТУВАННЯ КАТАЛОГУ WOODMART
   ========================================================================== */
.wd-toolbar, 
.woodmart-toolbar, 
.wd-sticky-toolbar {
    z-index: 99999 !important; 
}

/* ==========================================================================
   7. АДАПТИВ КІЛЬКОСТІ СТОВПЧИКІВ ТОВАРУ
   ========================================================================== */
@media (max-width: 1450px) and (min-width: 1280px) {
    div.products.wd-products.wd-grid-g {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        --wd-col-lg: 4 !important;
    }
}

@media (max-width: 1279px) and (min-width: 1025px) {
    div.products.wd-products.wd-grid-g {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        --wd-col-lg: 3 !important;
    }
}

/* ==========================================================================
   8. СТИЛІЗАЦІЯ БІЧНОГО МЕНЮ ФІЛЬТРІВ
   ========================================================================== */
.mta-clean-filter .elementor-widget-title,
.mta-clean-filter .widget-title,
.mta-clean-filter h5.widget-title,
.mta-clean-filter .wd-filter-title {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #222222 !important;
    text-transform: none !important;
    margin-bottom: 10px !important;
    padding-bottom: 0 !important;
    border-bottom: none !important;
}

.mta-clean-filter .wd-filter-search,
.mta-clean-filter .wd-search-form {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.mta-clean-filter input[type="text"] {
    border: 1px solid #e5e5e5 !important;
    border-radius: 6px !important;
    padding: 10px 15px !important;
    font-size: 13px !important;
    color: #333333 !important;
    background-color: #ffffff !important;
    box-shadow: none !important;
    margin-bottom: 5px !important;
}

.mta-clean-filter input[type="text"]:focus {
    border-color: #cccccc !important;
}

.mta-clean-filter ul li {
    padding: 0 !important;
    margin-bottom: 0px !important;
}

.mta-clean-filter ul li a,
.mta-clean-filter .layer-term-name {
    padding: 0 !important;
    min-height: auto !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #333333 !important;
    display: inline-block !important;
}

.mta-clean-filter ul li a:hover,
.mta-clean-filter .layer-term-name:hover {
    color: #E62900 !important;
}

.mta-clean-filter ul li.current-cat > a,
.mta-clean-filter ul li.chosen > a,
.mta-clean-filter ul li.current-cat > a *,
.mta-clean-filter ul li.chosen > a * {
    font-weight: 700 !important;
    color: #000000 !important;
}

.mta-clean-filter .count {
    background: transparent !important;
    border: none !important;
    color: #888888 !important;
    font-size: 13px !important;
    padding: 0 !important;
    margin-left: 4px !important;
    display: inline-block !important;
}

.mta-clean-filter .count::before { 
    content: "(" !important; 
}

.mta-clean-filter .count::after { 
    content: ")" !important; 
}

.mta-clean-filter .widget,
.elementor-widget.mta-clean-filter {
    padding-bottom: 15px !important;
    margin-bottom: 12px !important;
}

.elementor-widget-wrap .elementor-element.mta-clean-filter {
    margin-bottom: 0 !important;
}

/* ==========================================================================
   9. ЮВЕЛІРНИЙ ФІКС ДЛЯ МІНІ-КАРТОК (ПРАВИЙ БЛОК - ПК ВЕРСІЯ)
   ========================================================================== */
body .my-promo-mini-block,
body .my-promo-mini-block .product-grid-item,
body .my-promo-mini-block .wd-product {
    display: block !important;
    height: auto !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    background: transparent !important;
}

body .my-promo-mini-block .product-wrapper,
body .my-promo-mini-block .wd-product .product-wrapper {
    height: 150px !important; 
    min-height: 150px !important;
    max-height: 150px !important;
    padding: 12px !important; 
    gap: 15px !important; 
    display: flex !important;  
    flex-direction: row !important; 
    align-items: center !important;
    box-sizing: border-box !important;
    position: relative !important;
    border: none !important;
    box-shadow: none !important;
}

body .my-promo-mini-block .product-element-top {
    flex: 0 0 110px !important; 
    max-width: 110px !important;
    height: 125px !important; 
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    overflow: visible !important;
    position: relative !important;
}

body .my-promo-mini-block .product-element-top img {
    width: 100% !important;
    height: 100% !important;
    max-height: 115px !important; 
    object-fit: contain !important;
}

body .my-promo-mini-block .product-element-top .star-rating,
body .my-promo-mini-block .product-element-top .wd-star-rating,
body .my-promo-mini-block .product-element-top .woocommerce-product-rating {
    display: none !important;
}

body .my-promo-mini-block .product-information,
body .my-promo-mini-block .wd-product-info,
body .my-promo-mini-block .product-element-bottom {
    flex: 1 1 auto !important;
    width: 100% !important;
    height: 126px !important; 
    display: flex !important;
    flex-direction: column !important; 
    justify-content: flex-start !important;
    align-items: flex-start !important;
    text-align: left !important;
    padding: 0 !important;
    background: transparent !important;
}

body .my-promo-mini-block .wd-entities-title,
body .my-promo-mini-block .wd-product-title,
body .my-promo-mini-block .wd-product-info-inner {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important; 
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
}

body .my-promo-mini-block .product-title {
    height: auto !important;        
    min-height: 52px !important; 
    max-height: 52px !important;    
    padding-bottom: 0 !important; 
    margin-top: 8px !important; 
    margin-bottom: 4px !important; 
    flex: 0 0 auto !important;      
    overflow: hidden !important;
}

body .my-promo-mini-block .product-title a,
body .my-promo-mini-block .wd-entities-title a {
    font-size: 13px !important; 
    font-weight: 600 !important;    
    line-height: 1.3 !important;  
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important; 
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
}

body .my-promo-mini-block .product-information .woocommerce-product-rating,
body .my-promo-mini-block .product-information .wd-product-rating,
body .my-promo-mini-block .product-information .star-rating {
    display: flex !important;
    flex-direction: row !important; 
    align-items: center !important; 
    justify-content: flex-start !important; 
    gap: 6px !important; 
    width: auto !important;
    margin-top: 0 !important;
    margin-bottom: auto !important; 
    height: 20px !important;
    min-height: 20px !important;
    position: static !important;
}

body .my-promo-mini-block .product-information .star-rating,
body .my-promo-mini-block .product-information .wd-star-rating {
    display: inline-block !important;
    width: 75px !important; 
    font-size: 14px !important; 
    margin: 0 !important;
    flex: 0 0 auto !important;
}

body .my-promo-mini-block .product-information .star-rating span {
    display: block !important;
    height: 100% !important;
}

body .my-promo-mini-block .product-information .woocommerce-product-rating a,
body .my-promo-mini-block .product-information .woocommerce-review-link,
body .my-promo-mini-block .product-information .star-rating + a {
    font-size: 13px !important; 
    color: #888888 !important; 
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
}

body .my-promo-mini-block .mta-price-container,
body .my-promo-mini-block .price {
    height: 26px !important;        
    min-height: 26px !important;
    margin-top: auto !important; 
    margin-bottom: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: baseline !important;
    justify-content: flex-end !important; 
    flex-wrap: nowrap !important;
    gap: 6px !important; 
    width: 100% !important;
    padding-right: 2px !important; 
    background: transparent !important;
}

body .my-promo-mini-block .price del {
    font-size: 14px !important; 
    margin-right: 0 !important;
    display: inline-flex !important;
}

body .my-promo-mini-block .price ins,
body .my-promo-mini-block .price > span {
    font-size: 19px !important; 
    font-weight: 700 !important; 
    color: #E62900 !important; 
    text-decoration: none !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: baseline !important; 
}

body .my-promo-mini-block .price ins .woocommerce-Price-currencySymbol,
body .my-promo-mini-block .price > span > .woocommerce-Price-currencySymbol {
    font-size: 12px !important; 
    font-weight: 600 !important;        
    margin-left: -4px !important; 
    display: inline-block !important;
}

body .my-promo-mini-block .price del .woocommerce-Price-currencySymbol {
    font-size: 9px !important; 
    font-weight: 400 !important; 
    margin-left: -4px !important;        
    display: inline-block !important;
}

/* ==========================================================================
   10. АДАПТИВНІСТЬ ДЛЯ СМАРТФОНІВ (Мобільна версія)
   ========================================================================== */
@media (max-width: 768px) {
    .product-grid-item, 
    .wd-product,
    .elementor-widget-loop-grid .e-loop-item,
    .product-grid-item .product-wrapper,
    .wd-product .product-wrapper {
        height: auto !important; 
        min-height: 0 !important;
        display: block !important; 
    }

    .product-grid-item .product-information,
    .wd-product-info,
    .elementor-widget-loop-grid .e-loop-item .e-con,
    .elementor-widget-loop-grid .e-loop-item .e-con-inner {
        display: block !important;
        flex-grow: 0 !important;
        height: auto !important;
    }

    body .my-promo-mini-block,
    body .my-promo-mini-block .product-grid-item,
    body .my-promo-mini-block .wd-product {
        display: block !important;
        height: auto !important;
    }

    body .my-promo-mini-block .product-wrapper,
    body .my-promo-mini-block .wd-product .product-wrapper {
        height: 170px !important; 
        min-height: 170px !important;
        max-height: 170px !important;
        padding: 10px !important; 
        gap: 12px !important;      
        display: flex !important;  
        flex-direction: row !important;
    }

    body .my-promo-mini-block .product-element-top {
        flex: 0 0 155px !important;    
        max-width: 155px !important;
        height: 160px !important;      
        display: flex !important;
    }

    body .my-promo-mini-block .product-element-top img {
        max-height: 145px !important;  
    }

    body .my-promo-mini-block .product-information,
    body .my-promo-mini-block .wd-product-info {
        height: 170px !important;      
        min-height: 170px !important;
        max-height: 170px !important;
        display: flex !important;
        flex-direction: column !important; 
    }

    body .my-promo-mini-block .wd-entities-title,
    body .my-promo-mini-block .wd-product-title,
    body .my-promo-mini-block .wd-product-info-inner,
    body .my-promo-mini-block .product-element-bottom {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important; 
        display: flex !important;
        flex-direction: column !important;
    }

    body .my-promo-mini-block .product-title {
        height: auto !important;        
        min-height: 65px !important;   
        max-height: none !important;   
        padding-bottom: 8px !important; 
        margin-top: 0 !important;
        margin-bottom: auto !important; 
        flex: 0 0 auto !important;      
        overflow: visible !important;
    }

    body .my-promo-mini-block .product-title a,
    body .my-promo-mini-block .wd-entities-title a {
        font-size: 14px !important;    
        font-weight: 600 !important;   
        line-height: 1.2 !important;  
        display: -webkit-box !important;
        -webkit-line-clamp: 3 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    body .my-promo-mini-block .wrap-star-rating,
    body .my-promo-mini-block .wd-star-rating {
        display: flex !important;
        flex-direction: row !important; 
        align-items: center !important; 
        justify-content: flex-start !important; 
        gap: 5px !important;            
        width: 100% !important;
        margin-top: 0 !important;
        margin-bottom: 10px !important; 
    }

    body .my-promo-mini-block .wrap-star-rating > *,
    body .my-promo-mini-block .wd-star-rating > * {
        margin: 0 !important; 
        flex: 0 0 auto !important; 
    }

    body .my-promo-mini-block .mta-price-container {
        height: 28px !important;        
        min-height: 28px !important;
        margin-top: auto !important;   
    }

    body .my-promo-mini-block .price ins,
    body .my-promo-mini-block .price ins *,
    body .my-promo-mini-block .price > span {
        font-size: 20px !important;    
    }

    body .my-promo-mini-block .price del {
        font-size: 15px !important;    
    }

    body .my-promo-mini-block .product-labels,
    body .my-promo-mini-block .wd-labels {
        bottom: 10px !important;
        right: 10px !important;
    }
}

/* ==========================================================================
   11. ФІКС ДЛЯ ВКЛАДОК: Приховуємо сірий мобільний повзунок (скроллбар)
   ========================================================================== */
.wd-nav-wrapper::-webkit-scrollbar,
.wd-nav-tabs::-webkit-scrollbar,
.elementor-tabs-wrapper::-webkit-scrollbar,
.wd-scroll-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    background: transparent !important;
}

.wd-nav-wrapper,
.wd-nav-tabs,
.elementor-tabs-wrapper,
.wd-scroll-content {
    -ms-overflow-style: none !important;  
    scrollbar-width: none !important;      
}

/* ==========================================================================
   12. ТОТАЛЬНИЙ ФІКС КУТИКІВ (АНТИ-БЛИМАННЯ ПРИ СКРОЛІ)
   ========================================================================== */
.my-promo-mini-block .swiper,
.my-promo-mini-block .swiper-container,
.my-promo-mini-block .swiper-wrapper,
.my-promo-mini-block .swiper-slide,
.my-promo-mini-block .e-loop-item,
.my-promo-mini-block .elementor-widget-container,
.my-promo-mini-block .owl-stage-outer,
.my-promo-mini-block .owl-stage,
.my-promo-mini-block .owl-item,
.my-promo-mini-block .wd-carousel-inner,
.elementor-widget-loop-carousel .swiper-slide {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
    outline: none !important;
}

.my-promo-mini-block .swiper-slide,
.my-promo-mini-block .e-loop-item,
.my-promo-mini-block .owl-item,
.my-promo-mini-block .product-wrapper {
    -webkit-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
    -webkit-transform: translate3d(0,0,0) !important;
    transform: translate3d(0,0,0) !important;
    will-change: transform !important;
}

.allo-tabs .nav-link-text:after {
    background-color: #e5001a !important; 
    height: 1px !important; 
}

/* ==========================================================================
   13. ГЛОБАЛЬНЕ ЗМЕНШЕННЯ ЗНАЧКА ГРИВНІ НА ВСЬОМУ САЙТІ
   ========================================================================== */
.woocommerce-Price-currencySymbol {
    font-size: 0.65em !important; 
    margin-left: -4px !important;  
    margin-right: 0 !important;    
    display: inline-block !important;
    vertical-align: baseline !important; 
    position: relative !important;
    top: 0 !important;
}

/* ==========================================================================
   14. СТИЛІЗАЦІЯ ЦІНИ ДЛЯ КАРТКИ ТОВАРУ (.allo-style-price)
   ========================================================================== */
.allo-style-price, 
.allo-style-price .price {
    font-family: 'Montserrat', sans-serif !important;
    display: flex !important;
    align-items: baseline !important; 
    line-height: 1 !important;
}

.allo-style-price .price > .amount,
.allo-style-price > .amount {
    color: #212121 !important; 
    font-size: 28px !important;
    font-weight: 700 !important;
}

.allo-style-price .price ins .amount {
    color: #E62900 !important; 
    font-size: 28px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

.allo-style-price .price del,
.allo-style-price .price del .amount {
    color: #7E7878 !important; 
    font-size: 20px !important;
    font-weight: 600 !important;
    text-decoration: line-through !important; 
    margin-right: 12px !important;
}

/* ==========================================================================
   15. МІНІАТУРИ ГАЛЕРЕЇ ТОВАРУ
   ========================================================================== */
.allo-gallery .wd-carousel-item {
    border: 1px solid #e0e0e0 !important;
    border-radius: 6px !important;
    background-color: #ffffff !important;
    padding: 6px !important;
    box-sizing: border-box !important;
    margin-bottom: 12px !important; 
}

.allo-gallery .wd-carousel-item.wd-thumb-active,
.allo-gallery .wd-carousel-item:hover {
    border-color: #005bff !important;
}

.allo-gallery .wd-carousel-item img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important; 
    object-fit: contain !important; 
    display: block !important;
    margin: 0 auto !important;
}

/* ==========================================================================
   16. ГОЛОВНЕ ФОТО ГАЛЕРЕЇ ТОВАРУ
   ========================================================================== */
.allo-gallery .woocommerce-product-gallery__wrapper .wd-carousel-item,
.allo-gallery .woocommerce-product-gallery__wrapper .wd-carousel-item:hover,
.allo-gallery .woocommerce-product-gallery__wrapper .wd-carousel-item.wd-thumb-active {
    border-color: transparent !important;
    background-color: transparent !important;
    padding: 10px !important; 
    margin-bottom: 0 !important; 
}

.allo-gallery .woocommerce-product-gallery__wrapper .wd-carousel-item img {
    aspect-ratio: auto !important;
    max-height: 600px !important; 
}

.allo-gallery .wd-gallery-thumbnails {
    position: relative !important;
    padding-top: 35px !important;
    padding-bottom: 35px !important;
}

.allo-gallery .wd-thumb-nav {
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important; 
    z-index: 10 !important;
}

.allo-gallery .wd-thumb-nav .wd-btn-arrow {
    pointer-events: auto !important; 
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
    height: 30px !important;
}

.allo-gallery .wd-thumb-nav .wd-arrow-inner {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

.allo-gallery .wd-thumb-nav .wd-btn-arrow,
.allo-gallery .wd-thumb-nav .wd-btn-arrow:after,
.allo-gallery .wd-thumb-nav .wd-arrow-inner:after {
    color: #333333 !important;
}

.allo-gallery .wd-thumb-nav .wd-prev {
    top: 0 !important;
}

.allo-gallery .wd-thumb-nav .wd-next {
    bottom: 0 !important;
    top: auto !important;
}

.allo-gallery .wd-gallery-thumbnails .wd-carousel-wrap,
.allo-gallery .wd-gallery-thumbnails .swiper-wrapper {
    padding-top: 3px !important; 
}

.allo-gallery .wd-thumb-nav .wd-btn-arrow:after,
.allo-gallery .wd-thumb-nav .wd-arrow-inner:after {
    transition: all 0.2s ease-in-out !important; 
    display: inline-block !important; 
}

.allo-gallery .wd-thumb-nav .wd-btn-arrow:hover:after,
.allo-gallery .wd-thumb-nav .wd-arrow-inner:hover:after {
    color: #000000 !important; 
    font-weight: 900 !important; 
    transform: scale(1.4) !important; 
    cursor: pointer !important; 
}

.allo-gallery .wd-gallery-thumb .wd-carousel {
    height: calc(100% - 80px) !important;
    margin-top: 40px !important;
}

.allo-gallery .wd-gallery-thumb .wd-carousel-wrap {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

.allo-gallery .wd-gallery-thumb .wd-carousel,
.allo-gallery .wd-gallery-thumb .wd-carousel-wrap,
.allo-gallery .wd-gallery-thumb .wd-carousel-inner,
.allo-gallery .wd-gallery-thumb .swiper-container {
    border-radius: 0 !important;
}

.allo-gallery .wd-gallery-thumb .wd-carousel-item img,
.allo-gallery .wd-gallery-thumb .wd-carousel-item a {
    border-radius: 0 !important;
    clip-path: none !important; 
}

.allo-gallery .product-labels,
.allo-gallery .wd-labels {
    top: 15px !important;    
    right: 15px !important;  
    left: auto !important;   
    z-index: 100 !important;
}

.allo-gallery .product-labels .onsale,
.allo-gallery .wd-labels .onsale,
.woocommerce-product-gallery .onsale {
    background-color: #E62900 !important; 
    color: #ffffff !important;              
    min-width: 30px !important;      
    height: 25px !important;        
    padding: 0 8px !important;      
    border-radius: 15px !important; 
    font-size: 14px !important;     
    font-weight: 600 !important;    
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
}

/* ==========================================================================
   17. РОЗДІЛ 6: МОБІЛЬНА АДАПТАЦІЯ ГАЛЕРЕЇ (СМАРТФОНИ)
   ========================================================================== */
@media (max-width: 768px) {
    .allo-gallery .woocommerce-product-gallery__wrapper .wd-carousel-item img {
        max-height: 350px !important; 
        object-fit: contain !important; 
        width: 100% !important;
        margin: 0 auto !important;
    }

    .allo-gallery .wd-btn-arrow,
    .allo-gallery .wd-nav-arrows,
    .allo-gallery .wd-thumb-nav,
    .allo-gallery .swiper-button-next,
    .allo-gallery .swiper-button-prev,
    .allo-gallery .wrap-nav-arrows {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
        height: 0 !important;
        width: 0 !important;
        pointer-events: none !important;
    }

    .allo-gallery .wd-gallery-thumbnails {
        padding-top: 15px !important; 
        padding-bottom: 0 !important;
    }

    .allo-gallery .wd-gallery-thumb .wd-carousel {
        height: 100% !important;
        margin-top: 0 !important;
    }

    .allo-gallery .wd-carousel-item {
        margin-bottom: 0 !important;
    }
}

/* ==========================================================================
   18. РОЗДІЛ 6.2: ПЕРЕМИКАЧ РАМОК МІНІАТЮР (ТІЛЬКИ НА МОБІЛЬНОМУ)
   ========================================================================== */
@media (max-width: 768px) {
    .allo-gallery .wd-gallery-thumb .wd-carousel-item {
        border-color: transparent !important; 
        box-shadow: none !important; 
    }

    .allo-gallery .wd-gallery-thumb .wd-carousel-item.wd-thumb-active {
        border-color: transparent !important; 
    }
}

/* ==========================================================================
   19. ЛИПКЕ МЕНЮ ДЛЯ СМАРТФОНІВ
   ========================================================================== */
@media (max-width: 767px) {
    .mobile-sticky-tabs {
        position: sticky !important;
        top: 43px !important;
        z-index: 150 !important; 
    }
}

/* ==========================================================================
   20. ТОТАЛЬНЕ ВИКОРІНЕННЯ ПЛАШОК "РОЗПРОДАНО" З УСІХ КАРТОК ТА КАТАЛОГУ
   ========================================================================== */
.wd-product-labels .out-of-stock,
.wd-product-labels .sold-out,
.wd-product-labels .wd-label-out-of-stock,
.wd-product-labels .wd-label-sold-out,
.wd-product-labels [class*="out-of-stock"],
.wd-product-labels [class*="sold-out"],
.product-labels .out-of-stock,
.product-labels .sold-out,
.product-label.out-of-stock,
.product-label.sold-out,
.wd-label.wd-out-of-stock,
.wd-label.wd-sold-out,
.wd-loop-product .out-of-stock,
.wd-loop-product .sold-out,
.product-grid-item .out-of-stock,
.product-grid-item .sold-out,
[class*="wd-loop"] [class*="sold-out"],
[class*="wd-loop"] [class*="out-of-stock"],
.product-element-top .out-of-stock,
.product-element-top .sold-out {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

/* ==========================================================================
   21. ЛОГІКА ОФОРМЛЕННЯ ВІДСУТНІХ ТОВАРІВ У КАТАЛОЗІ ЗІ ЗМЕНШЕННЯМ ЦІНИ
   ========================================================================== */
/* А) Налаштування 3-рядкової компактної Grid-сітки для деактивованого стану */
.outofstock .mta-price-container,
.out-of-stock .mta-price-container {
    display: grid !important;
    grid-template-rows: auto auto auto !important; 
    row-gap: 2px !important;                        
    align-items: center !important;
    position: relative !important;
}

/* Б) Додавання тексту "Немає в наявності" (Чорний колір шрифту) */
.outofstock .mta-price-container::after,
.out-of-stock .mta-price-container::after {
    content: "∅ Немає в наявності" !important;
    grid-row: 3 !important;                        
    grid-column: 1 / span 3 !important;
    font-size: 13px !important;
    color: #000000 !important;                     /* Чіткий чорний колір тексту */
    font-weight: 400 !important;
    margin: 0 !important;                          
    padding: 0 !important;
    display: block !important;
    text-align: left !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
}

/* В) Тотальне зачищення та стиснення заводських відступів WoodMart */
.outofstock .mta-price-container ins,
.outofstock .mta-price-container del,
.outofstock .mta-price-container .amount,
.outofstock .mta-custom-labels,
.out-of-stock .mta-price-container ins,
.out-of-stock .mta-price-container del,
.out-of-stock .mta-price-container .amount,
.out-of-stock .mta-custom-labels {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.1 !important;                  
    height: auto !important;
}

/* Г) ПРІОРІТЕТНИЙ ФІКС: Зменшення та тотальне гасіння БУДЬ-ЯКИХ цін у сірі (акційні та звичайні) */
.outofstock .mta-price-container .amount,
.outofstock .mta-price-container .amount *,
.outofstock .mta-price-container ins,
.outofstock .mta-price-container ins *,
.out-of-stock .mta-price-container .amount,
.out-of-stock .mta-price-container .amount *,
.out-of-stock .mta-price-container ins,
.out-of-stock .mta-price-container ins * {
    font-size: 18px !important;                    /* Робимо всі ціни меншими */
    color: #999999 !important;                     /* Тотальне гасіння в сірий колір */
}

/* Д) Бронебійне зменшення старої перекресленої ціни */
.outofstock .mta-price-container .price del,
.outofstock .mta-price-container .price del *,
.out-of-stock .mta-price-container .price del,
.out-of-stock .mta-price-container .price del * {
    font-size: 11px !important;
    line-height: 1 !important;
    color: #b2b2b2 !important;
}

/* Е) Ефект «гасіння» бейджів знижок (сірий фон) */
.outofstock .mta-custom-labels *,
.outofstock .wd-label.onsale,
.out-of-stock .mta-custom-labels *,
.out-of-stock .wd-label.onsale {
    background-color: #b5b5b5 !important; 
    color: #ffffff !important;
}

/* ==========================================================================
   22. АДАПТАЦІЯ СТАТУСУ "НЕМАЄ В НАЯВНОСТІ" ДЛЯ МОБІЛЬНИХ
   ========================================================================== */
@media (max-width: 767px) {
    /* Для стандартного статусу на сторінці товару */
    .product-grid-item .stock.out-of-stock,
    .wd-product .stock.out-of-stock {
        font-size: 11px !important;
        letter-spacing: -0.3px !important;
        white-space: nowrap !important;
    }
    
    .product-grid-item .stock.out-of-stock::before,
    .wd-product .stock.out-of-stock::before {
        font-size: 12px !important;
        margin-right: 3px !important;
    }

    /* А ЦЕ САМЕ ДЛЯ КАТАЛОГУ (НАПИС ПІД ЦІНОЮ В СІТЦІ) */
    .outofstock .mta-price-container::after,
    .out-of-stock .mta-price-container::after {
        font-size: 10.5px !important;      /* Зменшуємо шрифт */
        letter-spacing: -0.4px !important; /* Трішки звужуємо відстань між буквами */
        line-height: 1 !important;
    }
}

/* ==========================================================================
   23. СТИЛІ ПОПАПУ ВХОДУ ТА СТОРІНКИ ТОВАРУ
   ========================================================================== */

/* 23.1 ПОЗИЦІОНУВАННЯ ПОСИЛАННЯ РЕЄСТРАЦІЇ */
.popup-login-wrapper {
    position: relative;
    width: 100%;
}

/* 🎨 [НАЛАШТУВАННЯ] ПОСИЛАННЯ "ЗАРЕЄСТРУВАТИСЬ"У ПОПАПІ ВХОДУ */
.custom-goto-reg-link {
    position: absolute;
    top: 6px;                  
    right: 0;                  
    font-size: 14px !important;
    color: #4C33D1 !important; 
    text-decoration: none !important;
    font-weight: 400 !important;
    z-index: 10;
}

.custom-goto-reg-link:hover {
    text-decoration: underline !important;
}

/* 23.2 ФІКС ДЛЯ ЗРІЗАНОЇ ЛІТЕРИ "У" В ЗАГОЛОВКУ "УВІЙТИ" */
.popup-login-wrapper,
.popup-login-wrapper .u-column1,
.popup-login-wrapper .col-1,
.popup-login-wrapper .woocommerce-LoginForm,
.popup-login-wrapper form {
    overflow: visible !important;
}

.popup-login-wrapper h2,
.popup-login-wrapper .u-column1 h2,
.popup-login-wrapper .woocommerce-LoginForm h2,
.popup-login-wrapper .woocommerce-LoginForm-title,
.woodmart-popup-holder .woocommerce-LoginForm-title {
    padding-top: 10px !important;   /* Запас простіру для верхівки літери "У" */
    padding-left: 4px !important;    /* Запас простіру для лівого хвостика */
    margin-top: 0 !important;
    line-height: 1.4 !important;
    overflow: visible !important;
    display: block !important;
}

/* 23.3 ПРИХОВУВАННЯ СТАНДАРТНОЇ РЕЄСТРАЦІЇ ВПОДОБАНЬ */
.u-column2, 
.col-register, 
.woocommerce-RegistrationForm {
    display: none !important;
}

/* 23.4 РОЗТЯГУВАННЯ БЛОКУ ВХОДУ */
.u-column1, 
.col-login, 
.woocommerce-LoginForm {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}
.u-columns.col2-set {
    display: block !important;
}

/* 23.5 ГЕОМЕТРІЯ ТА ВІДСТУПИ ВІКНА ПОПАПУ */
.mfp-content,
.woodmart-popup-holder {
    max-width: 360px !important;
    width: 100% !important;
    margin: 0 auto !important;
}

.woodmart-popup-holder {
    padding: 40px 25px 25px 25px !important;
}

/* 23.6 НАЛАШТУВАННЯ РОЗДІЛЮВАЧА "ШВИДКИЙ ВХІД" */
.woodmart-popup-holder .wd-social-divider span,
.woodmart-popup-holder .woodmart-social-divider span {
    text-transform: none !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #999999 !important;
    letter-spacing: 0 !important;
}

.woodmart-popup-holder .form-row {
    margin-bottom: 15px !important;
}

/* 23.7 СТИЛІЗАЦІЯ КНОПКИ GOOGLE В ПОПАПІ */
/* 🎨 [НАЛАШТУВАННЯ] ШРИФТ, КОЛЬОРИ ТА РАМКА КНОПКИ GOOGLE */
body a[class*="google"],
body a[href*="google"],
body .social-google,
body .wd-social-icon.social-google,
body .social-btn-google,
body .wd-social-login-btn.social-google,
.mfp-content a[class*="google"],
.woodmart-popup-holder a[class*="google"],
.popup-login-wrapper a[class*="google"] {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
    color: #333333 !important;
    font-size: 18px !important;      /* Розмір тексту кнопки */
    font-weight: 600 !important;     /* Товщина шрифту */
    box-shadow: none !important;
    text-shadow: none !important;
}

body a[class*="google"] span,
body a[class*="google"] *,
body .social-google span,
body .social-google * {
    color: #333333 !important;
}

body a[class*="google"]:hover,
body a[href*="google"]:hover,
body .social-google:hover,
body .wd-social-icon.social-google:hover,
body .social-btn-google:hover {
    background: #f7f7f7 !important;
    background-color: #f7f7f7 !important;
    border-color: #cccccc !important;
    color: #000000 !important;
}

/* 23.8 АВТОМАТИЧНЕ ХОВАННЯ КНОПКИ СПОВІЩЕННЯ ДЛЯ ВАРІАНТІВ В НАЯВНОСТІ */
body.instock .knopka-nayavnosti,
body:has(.single_add_to_cart_button) .knopka-nayavnosti,
body:has(.in-stock) .knopka-nayavnosti {
    display: none !important;
}

/* 23.9 СТИЛІЗАЦІЯ ВЕРХНЬОГО СТАТУСУ ТОВАРУ (ЧОРНИЙ, ЗНАЧОК ∅) */
body.single-product .elementor-widget-wd_single_product_stock_status .stock.out-of-stock {
    color: #000000 !important;         
    font-size: 15px !important;
    font-weight: 400 !important;        
    text-transform: none !important;
    background: none !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    visibility: visible !important;
    opacity: 1 !important;
}

body.single-product .elementor-widget-wd_single_product_stock_status .stock.out-of-stock::before {
    content: "∅" !important;
    font-size: 16px !important;
    color: #000000 !important;         
    margin-right: 6px !important;
    font-weight: normal !important;
    display: inline-block !important;
}

/* 23.10 ПРИГЛУШЕННЯ ЦІНИ НА СТОРІНЦІ ВІДСУТНЬОГО ТОВАРУ */
body.single-product div.product.outofstock .price,
body.single-product div.product.outofstock .price *,
body.single-product div.product.out-of-stock .price,
body.single-product div.product.out-of-stock .price *,
body.single-product div.product.outofstock .allo-style-price .amount,
body.single-product div.product.out-of-stock .allo-style-price .amount {
    color: #b5b5b5 !important;         
}

body.single-product div.product.outofstock .price del,
body.single-product div.product.outofstock .price del *,
body.single-product div.product.out-of-stock .price del,
body.single-product div.product.out-of-stock .price del * {
    font-size: 12px !important; 
    line-height: 1 !important;
}

/* ==========================================================================
   23.11 ПРИХОВУВАННЯ НИЖНЬОГО ДУБЛЯ СТАТУСУ ВІДЖЕТА КНОПКИ
   ========================================================================== */
body.single-product .elementor-widget-wd_single_product_add_to_cart .stock,
body.single-product .elementor-widget-woocommerce-product-add-to-cart .stock,
body.single-product .elementor-widget-wd_single_product_add_to_cart .stock.in-stock,
body.single-product .elementor-widget-wd_single_product_add_to_cart .stock.out-of-stock {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute !important;
}

/* 23.12 ГІБРИДНЕ КЕРУВАННЯ: РОЗПОДІЛ ГІСТЬ / АВТОРИЗОВАНИЙ (ТІЛЬКИ ДЛЯ ВІДСУТНІХ) */
.knopka-nayavnosti { 
    display: none !important; /* За замовчуванням кнопка прихована для товарів В НАЯВНОСТІ */
}

body:not(.logged-in) .wd-wtl-form { 
    display: none !important; 
}

/* Показуємо кнопку синього конверта ТІЛЬКИ якщо товару немає в наявності (outofstock) */
body:not(.logged-in) .outofstock .knopka-nayavnosti,
body:not(.logged-in) .out-of-stock .knopka-nayavnosti,
body:not(.logged-in) .type-product.outofstock .knopka-nayavnosti,
body:not(.logged-in) .type-product.out-of-stock .knopka-nayavnosti { 
    display: inline-flex !important; 
}

body.logged-in .knopka-nayavnosti { 
    display: none !important; 
}

body.logged-in .wd-wtl-form,
body.logged-in .wd-wtl-form-fields {
    display: block !important;
    background: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

body.logged-in .wd-wtl-form h4,
body.logged-in .wd-wtl-form-fields input[type="email"],
body.logged-in .wd-wtl-form-fields label,
body.logged-in .wd-wtl-form-fields br,
body.logged-in .wd-wtl-form p:not(.wd-wtl-success):not(.wd-wtl-error):not(.wd-notice):not([class*="response"]) {
    display: none !important;
}

/* 23.13 СТИЛІЗАЦІЯ КНОПКИ ОЧІКУВАННЯ НА СТОРІНЦІ ТОВАРУ */
body.logged-in .wd-wtl-form a,
body.logged-in .wd-wtl-form button,
body.logged-in .wd-wtl-subscribe,
body.logged-in .wd-wtl-unsubscribe {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    padding: 12px 24px !important;
    border-radius: 5px !important;
    font-weight: 500 !important;
    text-transform: none !important;
    text-decoration: none !important;
    transition: all 0.2s ease-in-out !important;
    cursor: pointer !important;
    height: auto !important;
    width: auto !important;
    font-size: 0 !important; 
}

body.logged-in .wd-wtl-form a::before,
body.logged-in .wd-wtl-form button::before {
    content: "" !important;
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    margin-right: 10px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    vertical-align: middle !important;
}

/* 🎨 [НАЛАШТУВАННЯ] СТАН "НЕ ПІДПИСАНИЙ" — СИНЯ КНОПКА З БІЛИМ КОНВЕРТОМ */
body.logged-in .wd-wtl-form .wd-wtl-subscribe,
body.logged-in .wd-wtl-form.custom-not-signed a,
body.logged-in .wd-wtl-form.custom-not-signed button {
    background-color: #4B7CC9 !important; /* Колір фону buttons */
    color: #ffffff !important;             /* Колір тексту */
    border: 1px solid #4B7CC9 !important; /* Колір рамки */
}

body.logged-in .wd-wtl-form .wd-wtl-subscribe::before,
body.logged-in .wd-wtl-form.custom-not-signed a::before,
body.logged-in .wd-wtl-form.custom-not-signed button::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'%3E%3C/path%3E%3Cpolyline points='22,6 12,13 2,6'%3E%3C/polyline%3E%3C/svg%3E") !important;
}

body.logged-in .wd-wtl-form .wd-wtl-subscribe::after,
body.logged-in .wd-wtl-form.custom-not-signed a::after,
body.logged-in .wd-wtl-form.custom-not-signed button::after {
    content: "Повідомити про наявність" !important;
    font-size: 15px !important;
    vertical-align: middle !important;
}

/* 🎨 [НАЛАШТУВАННЯ] СТАН "ПІДПИСАНИЙ" — БІЛА КНОПКА З СИНИМ КОНВЕРТОМ ТА ХРЕСТИКОМ */
body.logged-in .wd-wtl-form[data-state="signed"] .wd-wtl-subscribe,
body.logged-in .wd-wtl-form .wd-wtl-unsubscribe,
body.logged-in .wd-wtl-form.custom-signed a,
body.logged-in .wd-wtl-form.custom-signed button {
    background-color: #ffffff !important;
    color: #4B7CC9 !important;
    border: 1px solid #4B7CC9 !important;
}

body.logged-in .wd-wtl-form[data-state="signed"] .wd-wtl-subscribe::before,
body.logged-in .wd-wtl-form .wd-wtl-unsubscribe::before,
body.logged-in .wd-wtl-form.custom-signed a::before,
body.logged-in .wd-wtl-form.custom-signed button::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234B7CC9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7.5h12c1.1 0 2 .9 2 2v9.5c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V9.5c0-1.1.9-2 2-2z'%3E%3C/path%3E%3Cpolyline points='16.5,8.5 9,13.5 1.5,8.5'%3E%3C/polyline%3E%3Cline x1='17' y1='0.5' x2='23.5' y2='7'%3E%3C/line%3E%3Cline x1='23.5' y1='0.5' x2='17' y2='7'%3E%3C/line%3E%3C/svg%3E") !important;
}

body.logged-in .wd-wtl-form[data-state="signed"] .wd-wtl-unsubscribe::after,
body.logged-in .wd-wtl-form .wd-wtl-unsubscribe::after,
body.logged-in .wd-wtl-form.custom-signed a::after,
body.logged-in .wd-wtl-form.custom-signed button::after {
    content: "Не повідомляти про наявність" !important;
    font-size: 15px !important;
    vertical-align: middle !important;
}

/* ==========================================================================
   23.13.1. ЕФЕКТ НАВЕДЕННЯ (HOVER) НА КНОПКУ ОЧІКУВАННЯ НА СТОРІНЦІ ТОВАРУ
   ========================================================================== */

/* 1. Наведення на СИНЮ кнопку ("Повідомити про наявність") */
body.logged-in .wd-wtl-form .wd-wtl-subscribe:hover,
body.logged-in .wd-wtl-form.custom-not-signed a:hover,
body.logged-in .wd-wtl-form.custom-not-signed button:hover {
    background-color: #3B69B2 !important;
    border-color: #3B69B2 !important;
}

/* 2. Наведення на БІЛУ кнопку підписки ("Не повідомляти про наявність") */
body.logged-in .wd-wtl-form[data-state="signed"] .wd-wtl-subscribe:hover,
body.logged-in .wd-wtl-form .wd-wtl-unsubscribe:hover,
body.logged-in .wd-wtl-form.custom-signed a:hover,
body.logged-in .wd-wtl-form.custom-signed button:hover {
    background-color: #F2F3F5 !important;
}

/* 23.14 СТИЛІЗАЦІЯ ЖОВТОГО ІНФОРМАЦІЙНОГО ПОЛЯ */
body.logged-in .wd-wtl-success,
body.logged-in .wd-wtl-error,
body.logged-in .wd-wtl-event-response,
body.logged-in .wd-notice,
body.logged-in .wd-alert,
body.logged-in .woodmart-warning,
body.logged-in div[class*="response"] {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    max-width: 485px !important;        
    width: 100% !important;
    padding: 10px 14px !important;      
    font-size: 13px !important;         
    margin: 12px 0 0 0 !important;      
    line-height: 1.4 !important;
    border-radius: 5px !important;
    box-sizing: border-box !important;
    height: auto !important;
}

body.logged-in .wd-wtl-success::before,
body.logged-in .wd-wtl-error::before,
body.logged-in .wd-wtl-event-response::before,
body.logged-in .wd-notice::before,
body.logged-in .wd-alert::before,
body.logged-in .woodmart-warning::before,
body.logged-in div[class*="response"]::before,
body.logged-in div[class*="response"] i,
body.logged-in div[class*="response"] svg {
    display: none !important;
    content: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
}

.wd-wtl-form { position: relative !important; }
.woodmart-waitlist-wrap, .wd-waitlist-wrap {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* 23.15 ЛІКВІДАЦІЯ ТМЯНОГО КРУГА ЛОАДЕРА */
body .wd-loader-overlay,
body .wd-wtl-form .loading,
body .wd-wtl-form [class*="loading"],
body .wd-wtl-form .loading::after,
body .wd-wtl-form button.loading::after,
body .wd-wtl-form a.loading::after {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    content: none !important;
    animation: none !important;
    background: none !important;
}

/* ==========================================================================
   23.16 СТИЛІЗАЦІЯ СТАТУСУ В НАЯВНОСТІ (ЗЕЛЕНА ГАЛОЧКА ✓ ЯК НА АЛЛО)
   ========================================================================== */
body.single-product .elementor-widget-wd_single_product_stock_status .stock.in-stock,
body.single-product .stock.in-stock,
.wd-stock-status .in-stock,
.elementor-widget-wc-stock .in-stock {
    color: #333333 !important; /* Темно-сірий текст */
    font-size: 14px !important;
    font-weight: 500 !important;
    text-transform: none !important;
    background: none !important;
    padding: 0 !important;
    display: inline-flex !important; /* Форсуємо відображення поверх sticky */
    align-items: center !important;
    letter-spacing: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
}

body.single-product .elementor-widget-wd_single_product_stock_status .stock.in-stock::before,
body.single-product .stock.in-stock::before,
.wd-stock-status .in-stock::before,
.elementor-widget-wc-stock .in-stock::before {
    content: "✓" !important;
    font-size: 16px !important;
    color: #00a046 !important; /* Фірмовий зелений колір як на Алло */
    margin-right: 6px !important;
    font-weight: 800 !important;
    display: inline-block !important;
}

/* 23.17 ПРИХОВУВАННЯ СТАТУСУ В ЛИПКИХ ПАНЕЛЯХ */
.wd-sticky-btn .stock,
.wd-sticky-btn-wrapper .stock,
.woodmart-sticky-btn-wrapper .stock,
.wd-sticky-btn .in-stock,
.wd-sticky-btn-wrapper .in-stock,
.woodmart-sticky-btn-wrapper .in-stock,
[class*="sticky"] .stock,
[class*="sticky"] .in-stock {
    display: none !important;
}

/* ==========================================================================
   24. ФІКС ДЛЯ МІНІ-КАРТОК (ПРИХОВУВАННЯ МЕНЮ ТА ЧЕРВОНА ЗНИЖКА)
   ========================================================================== */
body .my-promo-mini-block .wd-buttons,
body .my-promo-mini-block .woodmart-buttons,
body .my-promo-mini-block .product-actions,
body .my-promo-mini-block .wd-product-actions {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

body .my-promo-mini-block .product-labels .onsale,
body .my-promo-mini-block .wd-labels .onsale,
body .my-promo-mini-block .wd-label.onsale,
body .my-promo-mini-block .product-label.onsale,
body .my-promo-mini-block .wd-label[class*="onsale"] {
    background-color: #E62900 !important;
    color: #ffffff !important;
}

/* ==========================================================================
   25. ПЕРЕМИКАЧ ВИДИМОСТІ: КОШИК vs ПОПАП В КАТАЛОЗІ
   ========================================================================== */
.main-page-wrapper .mta-custom-popup,
.site-content .mta-custom-popup,
.main-page-wrapper .mta-price-container > *:has(.mta-custom-popup),
.site-content .mta-price-container > *:has(.mta-custom-popup) {
    display: none !important; 
}

.main-page-wrapper .outofstock .mta-custom-popup,
.site-content .outofstock .mta-custom-popup,
.main-page-wrapper .out-of-stock .mta-custom-popup,
.site-content .out-of-stock .mta-custom-popup,
.main-page-wrapper .outofstock .mta-price-container > *:has(.mta-custom-popup),
.site-content .outofstock .mta-price-container > *:has(.mta-custom-popup) {
    display: flex !important;
    grid-column: 4 !important;
    grid-row: 1 / span 3 !important;
    justify-self: end !important;
    align-self: center !important;
    margin: 0 !important;
}

.main-page-wrapper .outofstock .wd-add-btn-wrapp,
.site-content .outofstock .wd-add-btn-wrapp,
.main-page-wrapper .out-of-stock .wd-add-btn-wrapp,
.site-content .out-of-stock .wd-add-btn-wrapp {
    display: none !important;
}

/* 🎨 [НАЛАШТУВАННЯ] КНОПКА СИНЬОГО КВАДРАТА В КАТАЛОЗІ (НЕ ПІДПИСАНИЙ СТАН) */
.main-page-wrapper .mta-custom-popup,
.site-content .mta-custom-popup {
    width: 43px !important;
    min-width: 43px !important;
    max-width: 43px !important;
    height: 43px !important;
    padding: 0 !important;
    border-radius: 6px !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    background-color: #4B7CC9 !important; /* Колір синьої кнопки */
    
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'%3E%3C/path%3E%3Cpolyline points='22,6 12,13 2,6'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 20px !important;
    
    color: transparent !important;
    font-size: 0 !important;
}

.main-page-wrapper .mta-custom-popup span,
.site-content .mta-custom-popup span,
.main-page-wrapper .mta-custom-popup::before,
.site-content .mta-custom-popup::before {
    display: none !important;
    opacity: 0 !important;
}

/* 🎨 [НАЛАШТУВАННЯ] КНОПКА СІРОГО КВАДРАТА В КАТАЛОЗІ (ПІДПИСАНИЙ СТАН .is-subscribed) */
.main-page-wrapper .mta-custom-popup.is-subscribed,
.site-content .mta-custom-popup.is-subscribed {
    background-color: #F2F3F5 !important; /* Сірий фон квадрата */
    
    /* Синій конверт із ювелірно піднятим хрестиком */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234B7CC9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7.5h12c1.1 0 2 .9 2 2v9.5c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V9.5c0-1.1.9-2 2-2z'%3E%3C/path%3E%3Cpolyline points='16.5,8.5 9,13.5 1.5,8.5'%3E%3C/polyline%3E%3Cline x1='17' y1='0.5' x2='23.5' y2='7'%3E%3C/line%3E%3Cline x1='23.5' y1='0.5' x2='17' y2='7'%3E%3C/line%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 22px !important;
}
/* ==========================================================================
   25.1. ЕФЕКТИ ПРИ НАВЕДЕННІ (HOVER) НА КНОПКИ-КОНВЕРТИ В КАТАЛОЗІ
   ========================================================================== */

/* Додаємо плавну зміну кольору для обох кнопок */
.main-page-wrapper .mta-custom-popup,
.site-content .mta-custom-popup {
    transition: background-color 0.2s ease-in-out !important;
}

/* 1. Наведення на СИНІЙ конвертик (темніший синій) */
.main-page-wrapper .mta-custom-popup:not(.is-subscribed):hover,
.site-content .mta-custom-popup:not(.is-subscribed):hover {
    background-color: #3B69B2 !important;
}

/* 2. Наведення на СІРИЙ конвертик із хрестиком (темніший сірий) */
.main-page-wrapper .mta-custom-popup.is-subscribed:hover,
.site-content .mta-custom-popup.is-subscribed:hover {
    background-color: #E0E2E6 !important;
}

/* ==========================================================================
   СТИЛІ ДЛЯ СПИСКУ ОЧІКУВАННЯ В ОСОБИСТОМУ КАБІНЕТІ
   ========================================================================== */

/* 1. Фіксуємо ширину колонки з картинкою, щоб вона не розтягувалась */
.woocommerce-MyAccount-content table.shop_table td.product-thumbnail {
    width: 90px !important;
    min-width: 90px !important;
    text-align: center !important;
}

/* 2. Робимо мініатюри меншими та ідеально однаковими (квадратними) */
.woocommerce-MyAccount-content table.shop_table td.product-thumbnail img {
    width: 70px !important; 
    height: 70px !important; 
    max-width: 70px !important;
    object-fit: contain !important; /* Зберігає пропорції смартфона без розтягування */
    border-radius: 8px; /* Легке сучасне заокруглення кутів */
    background-color: #ffffff; /* Білий фон для прозорих PNG */
}

/* 3. Змінюємо шрифт назви товару (менший, акуратніший) */
.woocommerce-MyAccount-content table.shop_table td.product-name a {
    font-size: 14px !important; /* Розмір шрифту */
    line-height: 1.4 !important; /* Висота рядка для кращої читабельності */
    font-weight: 500 !important; /* Робимо текст трохи жирнішим (напівжирний) */
    color: #333333 !important; /* Темно-сірий колір замість чорного */
    display: inline-block !important;
    max-width: 450px !important; /* Обмежуємо ширину, щоб довгі назви не розтягували таблицю */
}

/* Зміна кольору при наведенні на назву */
.woocommerce-MyAccount-content table.shop_table td.product-name a:hover {
    color: #0056b3 !important; /* Колір вашого бренду при наведенні (можна змінити) */
}

/* ==========================================================================
   ВИПРАВЛЕННЯ НАКЛАДАННЯ ТЕКСТУ НА ХРЕСТИК (МОБІЛЬНА ВЕРСІЯ)
   ========================================================================== */
@media (max-width: 768px) {
    .woocommerce-MyAccount-content table.shop_table td.product-name {
        padding-right: 35px !important; /* Робимо безпечну зону для хрестика */
        position: relative !important;
    }
    
    .woocommerce-MyAccount-content table.shop_table td.product-name a {
        font-size: 13px !important; /* На мобільних робимо шрифт трохи меншим для акуратності */
        max-width: 100% !important; 
    }
}

/* ==========================================================================
   1. ХОВАЄМО ЗАЙВЕ (Точно через унікальні класи віджетів)
   ========================================================================== */
.mta-only-color .wd-linked-variation:last-child,
.mta-only-color table.variations tbody tr:last-child {
    display: none !important;
}

.mta-only-memory .wd-linked-variation:first-child,
.mta-only-memory table.variations tbody tr:first-child {
    display: none !important;
}

.mta-only-color .wd-linked-variation,
.mta-only-memory .wd-linked-variation,
.mta-only-color table.variations tbody tr,
.mta-only-memory table.variations tbody tr {
    margin-bottom: 0 !important;
    border: none !important;
}

/* ==========================================================================
   2. ВИРІВНЮЄМО КНОПКИ В ОДИН РЯДОК (Ваш ідеальний старий дизайн)
   ========================================================================== */
.wd-swatches-product,
.wd-swatches-grid,
.wd-swatches-wrap {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important; /* <--- ОСЬ ЦЕЙ МАГІЧНИЙ РЯДОК ДЛЯ ЦЕНТРУВАННЯ */
    gap: 10px !important; 
    align-items: center !important;
    width: 100% !important;
}

.wd-swatch {
    margin: 0 !important; 
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* ==========================================================================
   3. ДИЗАЙН КНОПОК ТА КРУЖЕЧКІВ (Як на Алло)
   ========================================================================== */
.wd-swatch.wd-text {
    border: 1px solid #e5e5e5 !important;
    border-radius: 4px !important;
    padding: 6px 14px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #333 !important;
    background-color: #fff !important;
    min-width: 60px !important;
    box-shadow: none !important;
    text-decoration: none !important;
    transition: 0.2s ease !important;
}
.wd-swatch.wd-text:hover { border-color: #999 !important; }
.wd-swatch.wd-text.wd-active { border-color: #0056b3 !important; color: #0056b3 !important; }
.wd-swatch.wd-text:after, .wd-swatch.wd-text::after { display: none !important; content: none !important; }

/* Дизайн кружечків */
.wd-swatch.wd-bg {
    width: 25px !important;
    height: 25px !important;
    border-radius: 50% !important;
    padding: 3px !important;
    background-clip: content-box !important; 
    border: 1px solid #e5e5e5 !important;
    box-shadow: none !important;
}
.wd-swatch.wd-bg.wd-active { border-color: #333 !important; }

/* ФІКС: Розтягуємо полотно, щоб віджети не були порожніми */
.wd-swatch .wd-swatch-bg {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 50% !important;
}

/* ==========================================================================
   ГЛОБАЛЬНИЙ ФІКС БІЛОГО КОЛЬОРУ (ДЛЯ КАТАЛОГУ ТА СТОРІНКИ ТОВАРУ)
   ========================================================================== */
/* 1. Для стандартних кружечків на сторінці товару (сам контейнер) */
body .wd-swatch.wd-bg[style*="ffffff" i],
body .wd-swatch.wd-bg[style*="#fff" i],
body .wd-swatch.wd-bg[style*="255, 255, 255" i],
body .wd-swatch.wd-bg[style*="255,255,255" i],
body .wd-swatch.wd-bg[style*="white" i],
body .wd-swatch[data-color*="#fff" i],
body .wd-swatch[data-color*="ffffff" i],
/* 2. Для нашого шорткоду в каталозі (внутрішній span) */
body .wd-swatch .wd-swatch-bg[style*="ffffff" i],
body .wd-swatch .wd-swatch-bg[style*="#fff" i],
body .wd-swatch .wd-swatch-bg[style*="255, 255, 255" i],
body .wd-swatch .wd-swatch-bg[style*="255,255,255" i],
body .wd-swatch .wd-swatch-bg[style*="white" i],
body .wd-swatch .wd-swatch-bg[data-bg*="ffffff" i],
body .wd-swatch .wd-swatch-bg[data-bg*="#fff" i] {
    background-color: #f8f9fa !important;
    box-shadow: inset 0 0 0 1px #cbd5e1 !important;
}

/* ==========================================================================
   ПРИХОВУВАННЯ КРУЖЕЧКІВ У РЕКЛАМНОМУ ВІДЖЕТІ (Міні-картки)
   ========================================================================== */
body .my-promo-mini-block .custom-linked-colors-container,
body .my-promo-mini-block .wd-swatches-product,
body .my-promo-mini-block .wd-swatches-grid {
    display: none !important;
}

/* ==========================================================================
   1. ЧИСТИЙ ДИЗАЙН КНОПОК "АЛЛО" (Розкладка 50/50)
   ========================================================================== */
/* Кнопки в один ряд 50/50 та приховування лічильника кількості */
body.single-product form.cart,
body.single-product .elementor-widget-woocommerce-product-add-to-cart form.cart {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 12px !important;
    align-items: stretch !important;
    width: 100% !important;
}

body.single-product form.cart .quantity {
    display: none !important;
}

/* Базові параметри обох кнопок */
.allo-btn-style .single_add_to_cart_button,
.allo-btn-style .wd-buy-now-btn {
    flex: 1 1 50% !important; 
    height: 48px !important;
    border-radius: 4px !important;
    padding: 0 15px !important;
    box-shadow: none !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Червона кнопка "Купити" */
.allo-btn-style .single_add_to_cart_button {
    background-color: #E62900 !important;
    border: 1px solid #E62900 !important;
    color: #ffffff !important;
}

/* Біла кнопка "Кредит" */
.allo-btn-style .wd-buy-now-btn {
    background-color: #ffffff !important;
    border: 1px solid #E62900 !important;
    color: #E62900 !important;
}

.allo-btn-style .wd-buy-now-btn:hover {
    background-color: #FFF0F1 !important; 
}

/* ==========================================================================
   ЕФЕКТ ПРИ НАВЕДЕННІ (HOVER) НА КНОПКУ "КУПИТИ" (Сторінка товару)
   ========================================================================== */

/* 1. Додаємо плавність анімації для кнопки */
.allo-btn-style .single_add_to_cart_button {
    transition: all 0.2s ease-in-out !important;
}

/* 2. Поведінка кнопки при наведенні мишки */
.allo-btn-style .single_add_to_cart_button:hover {
    background-color: #FC6645 !important; /* Насиченіший і трохи темніший червоний */
    border-color: #FC6645 !important;
    box-shadow: 0 2px 10px rgba(230, 41, 0, 0.35) !important; /* Легка червона об'ємна тінь */
    transform: translateY(-2px) !important; /* М'яке підняття кнопки вгору на 2px */
}

/* 3. Реагування при безпосередньому кліку (Active state) */
.allo-btn-style .single_add_to_cart_button:active {
    transform: translateY(0) !important; /* Повернення на місце при натисканні */
    box-shadow: 0 2px 6px rgba(230, 41, 0, 0.2) !important;
}

/* ==========================================================================
   ЕФЕКТ ПРИ НАВЕДЕННІ (HOVER) НА КНОПКУ "КРЕДИТ" (Сторінка товару)
   ========================================================================== */

/* 1. Додаємо плавність анімації */
.allo-btn-style .wd-buy-now-btn {
    transition: all 0.2s ease-in-out !important;
}

/* 2. Поведінка кнопки при наведенні мишки (Hover) */
.allo-btn-style .wd-buy-now-btn:hover {
    background-color: #FFF0F1 !important; /* Ніжно-рожевий підтон */
    border-color: #FC6645 !important;     /* Насичена червона рамка */
    color: #FC6645 !important;            /* Насичений червоний текст */
    box-shadow: 0 2px 10px rgba(230, 41, 0, 0.18) !important; /* М'яка тінь */
    transform: translateY(-2px) !important; /* Підняття кнопки на 2px */
}

/* 3. Реагування при натисканні (Active) */
.allo-btn-style .wd-buy-now-btn:active {
    transform: translateY(0) !important; /* Повернення на місце при кліку */
    box-shadow: 0 2px 6px rgba(230, 41, 0, 0.1) !important;
}

/* ==========================================================================
   2. РОЖЕВИЙ СТАТУС "У КОШИКУ"
   ========================================================================== */
body.single-product .allo-btn-style .single_add_to_cart_button.added,
body.product-in-cart .allo-btn-style .single_add_to_cart_button {
    background-color: #FF7A8A !important;
    border-color: #FF7A8A !important;
    color: #ffffff !important;
}

/* Галочка в кружечку для кнопки "У кошику" */
body.single-product .allo-btn-style .single_add_to_cart_button.added .check-circle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    height: 22px !important;
    border: 3px solid #ffffff !important;
    border-radius: 50% !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    color: #ffffff !important;
    margin-right: 6px !important;
    transform: translateY(-1px) !important; 
    box-sizing: border-box !important;
}

/* ==========================================================================
   3. МИТТЄВА ІКОНКА КОШИКА (Pure CSS - 0ms затримки)
   ========================================================================== */
body.single-product .allo-btn-style .single_add_to_cart_button:not(.added)::before {
    content: "" !important;
    display: inline-block !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: static !important; /* Примусово вимикаємо системне зміщення WoodMart */
    width: 22px !important;
    height: 22px !important;
    margin-right: 8px !important;
    vertical-align: middle !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'%3E%3C/circle%3E%3Ccircle cx='20' cy='21' r='1'%3E%3C/circle%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'%3E%3C/path%3E%3C/svg%3E") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    transform: translateY(-2px) !important;
}

/* ==========================================================================
   ТОТАЛЬНЕ ПРИХОВУВАННЯ СИНЬОЇ КНОПКИ ДЛЯ ТОВАРІВ В НАЯВНОСТІ (instock)
   ========================================================================== */
.single-product .instock .knopka-nayavnosti,
.single-product .type-product.instock .knopka-nayavnosti,
.single-product .instock .mta-custom-popup,
.single-product .type-product.instock .mta-custom-popup,
.single-product .instock .wd-waitlist-btn,
.single-product .instock .wd-subscribe-btn,
.single-product .instock .wd-wtl-form,
body.instock .knopka-nayavnosti,
body.instock .mta-custom-popup {
    display: none !important;
}

/* ==========================================================================
   ФІКС ВЕРТИКАЛЬНИХ КНОПОК "КУПИТИ" ТА "КРЕДИТ" НА МОБІЛЬНОМУ
   ========================================================================== */
@media (max-width: 768px) {
    /* 1. Форсуємо розкладку форми в 1 стовпчик */
    body.single-product form.cart,
    body.single-product .allo-btn-style form.cart,
    body.single-product .elementor-widget-woocommerce-product-add-to-cart form.cart {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
        width: 100% !important;
    }

    /* 2. ПРИМУСОВО ПОКАЗУЄМО КНОПКУ КРЕДИТУ (WoodMart ховає її на смартфонах) */
    body.single-product .allo-btn-style .wd-buy-now-btn,
    body.single-product form.cart .wd-buy-now-btn,
    .allo-btn-style .wd-buy-now-btn {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        flex: 1 1 100% !important;
        height: 46px !important;
        margin: 0 !important;
    }

    /* 3. Кнопка "Купити" на 100% ширини */
    body.single-product .allo-btn-style .single_add_to_cart_button {
        width: 100% !important;
        flex: 1 1 100% !important;
        height: 46px !important;
    }
}

/* ==========================================================================
   ФІНАЛЬНИЙ ФІКС: ЗНИЩЕННЯ БОКОВИХ ПЛАВАЮЧИХ КНОПОК WOODMART
   ========================================================================== */
body a.scrollToTop,
body .scrollToTop,
body .wd-back-btn,
body .wd-sidebar-opener,
body .wd-sticky-add-to-cart,
body .wd-sticky-btn-wrapper,
body .wd-sticky-btn,
body .wd-floating-btn,
body .woodmart-floating-btn,
body .wd-sticky-social,
body .woodmart-sticky-social,
body .wd-sticky-action-btn,
body [class*="wd-floating-"],
body [class*="wd-sticky-action"] {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    max-width: 0 !important;
    max-height: 0 !important;
    pointer-events: none !important;
    z-index: -9999 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* Керування висотою нашого контейнера */
@media (max-width: 767px) {
    body .elementor-element.allo-sticky-bar,
    body .e-con.allo-sticky-bar {
        bottom: 60px !important; 
    }
}

/* ==========================================================================
   ЗНИЩЕННЯ "ЧОРНОЇ ПЛЯМИ" (Сплющеної кнопки кредиту в липкому барі)
   ========================================================================== */
body.single-product .allo-sticky-bar form.cart .wd-buy-now-btn,
body.single-product .allo-sticky-bar form.cart .woodmart-buy-now-btn,
body .allo-sticky-bar .wd-buy-now-btn,
body .allo-sticky-bar .woodmart-buy-now-btn {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    position: absolute !important;
    z-index: -999 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ==========================================================================
   ПРИХОВУВАННЯ ПУСТОГО КОНТЕЙНЕРА АТРИБУТІВ (РОЗУМНИЙ МЕТОД)
   ========================================================================== */
.allo-attr-box:not(:has(.wd-linked-variation)):not(:has(table.variations)):not(:has(.variations_form)) {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}
/* ==========================================================================
   ВИРІВНЮВАННЯ АТРИБУТІВ ПО ЛІВОМУ КРАЮ (Тільки для сторінки товару)
   ========================================================================== */
body.single-product .mta-only-color .wd-swatches-product,
body.single-product .mta-only-color .wd-swatches-wrap,
body.single-product .mta-only-memory .wd-swatches-product,
body.single-product .mta-only-memory .wd-swatches-wrap,
body.single-product table.variations .wd-swatches-product,
body.single-product table.variations .wd-swatches-wrap,
body.single-product .wd-linked-variation .wd-swatches-product,
body.single-product .wd-linked-variation .wd-swatches-wrap {
    justify-content: flex-start !important;
}