.single_product_wishlist_wrap_button{
    position: absolute;
    top:0; 
    right:0;
    /* opacity: 0; */
    /* visibility: hidden; */
    transform: translate3d(20px, 0, 0);

    z-index: 4;
    display: flex;
    flex-direction: column;
    border-radius: calc(var(--wd-brd-radius) / 1.2);
    background: var(--bgcolor-white);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    transition: all .3s ease;
}


.ninesquares_widget_single_price{
    color: black;
    font-family: 'Jost' !important;
    font-weight: 500 !important;
    font-size: 18px;
    margin-top: -20px;
    margin-bottom: 10px;
}
.ninesquares_archive_price{
    color: black;
    font-family: 'Jost' !important;
    font-weight: 500 !important;
    font-size: inherit;
    font-size: 110%;
}

.ns-wrap-attributes{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
}
.ns-wrap-attributes .ns-item-attributes{
    cursor: pointer;
    position: relative;
    padding: 2px 5px;
    box-shadow: 0 0 0 var(--brd-width, 1px) rgba(0,0,0,0.075) inset;
}
.ns-wrap-attributes .ns-item-attributes:hover{
    box-shadow: 0 0 0 var(--brd-width, 1px) rgba(0,0,0,0.3) inset;
}
.ns-wrap-attributes .ns-item-attributes .ns-item-text{
    font-size: 14px;
    font-weight: 600;
}
.ns-wrap-attributes .ns-item-attributes .ns-item-bg{
    font-size: 14px;
    font-weight: 600;
    opacity: 0;
}
.ns-wrap-attributes .ns-item-attributes .ns-item-bg2{
    width: 14px;
    height: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* карточка товару */
.products .wd-product .product-element-bottom{
    justify-content: space-between;
}

.single_variation_wrap .woocommerce-variation-price{
	display: none;
}

/* ========== */

.ninesquares_archive_price span.discont,
.ninesquares_widget_single_price span.discont{
    color: black !important;
}

.ninesquares_archive_price span,
.ninesquares_widget_single_price span{ 
   color:#d94545 !important;
}

.ninesquares_widget_single_price,
.ninesquares_archive_price {
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
    gap: 10px;
}

.single-product-page .ninesquares_widget_single_price,
.single-product-page .ninesquares_archive_price{
     justify-content: flex-end;
}


/*кнопка відкриття*/
#ns_btn_open_fill{
    display: none;
}
/*кнопка закриття*/
.ns_blok_moby{
    display: none;
}
/* мобільні стилі */
@media (max-width: 768px) {
  
    .wrap_fillter_ninesquares_widget_products_archive.offcanvas {

        display: block;

        position: fixed;
        top: 0;
        left: 0;
        width: 300px;
        height: 100vh;
        background: #fff;
        box-shadow: 4px 0 12px rgba(0,0,0,0.2);
        transform: translateX(-100%); /* ховаємо */
        transition: transform 0.3s ease-in-out;
        z-index: 401; /* вище за бекдроп */
        padding: 0 10px 40px 10px;
    }
    .wrap_fillter_ninesquares_widget_products_archive.offcanvas > div {
        margin-bottom: 20px;
    }
    .wrap_fillter_ninesquares_widget_products_archive.offcanvas.show {
        transform: translateX(0); /* показуємо */
    }
    /* бекдроп */
    .offcanvas-backdrop {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease;
        z-index: 400;
    }
    .offcanvas-backdrop.show {
        opacity: 1;
        visibility: visible;
    }

    /* кнопка закриття та мобільний блок */
    .ns_blok_moby{
        display: block;
    }
    .ns_blok_moby #ns_btn_close_fill{
        position: relative;
        display: block;
        padding: 20px 15px;
        width: 100%;
        background: #fff;
        border-bottom: 1px solid rgb(214,214,214);
        margin-bottom: 20px;
        text-align: end;

        font-weight: 600;
        line-height: 1;
        text-transform: none;
        font-size: 15px;
    }
    .ns_blok_moby #ns_btn_close_fill::before {
        content: "+";
        display: inline-block;
        transform: rotate(45deg);
        margin-left: 10px;
        font-size: 19px;
        color: #333;
        font-weight: 100;
        margin-right: 5px;
    }

    /*кнопка відкриття*/
    #ns_btn_open_fill {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        position: relative; /* початкове положення */
        transition: all 0.5s ease; /* плавний перехід */
        top: 0;
        left: 0;
        opacity: 1;
        z-index: 400;

        text-transform: capitalize;
        font-size: 16px;
        background: #fff;
        padding: 2px 14px;
    }

    /* коли прилипла */
    #ns_btn_open_fill.sticky {
        position: fixed;
        top: 130px;        /* відступ від верху екрану */
        left: 0;           /* прилипла зліва */
        opacity: 1;
        transform: translateY(20px); /* анімація вниз */
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.17);

        display: flex;      /* зберігаємо flex для вирівнювання іконок */
        align-items: center;
        height: 40px;       /* фіксуємо висоту, щоб не тяглась */
        padding: 0 14px;    /* прибираємо вертикальні падінги */
        height: 40px !important;
        min-height: auto !important;
    }
    #ns_btn_open_fill.sticky .ns_btn_fill_text {
        display: none;
    }

}

.wd-product .wpclv-attribute-pa_kolir .wpclv-attribute-label{
    display: none;
}


.tax-product_cat .products .wpclv-attribute-pa_kolir{
    margin: 0;
}

.wd-product .product-wrapper{
    justify-content: space-between;
}

.wd-product  .wd-entities-title{
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    height: 44px !important;

}

.wd-product .ninesquares_archive_price{
    justify-content: center;
}

.wpclv-attributes .wpclv-terms .wpclv-term.active, .wpclv-attributes .wpclv-terms .wpclv-term:hover {
    border-color: black !important;
}


.wd-product .wpclv-attribute-pa_kolir {
    position: relative;
    overflow-x: hidden; 
}


.wd-product .wpclv-attribute-pa_kolir .wpclv-terms {
    display: flex !important;
    justify-content: center;
    gap: 6px;
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-behavior: smooth;
    padding-bottom: 7px;
    padding-top: 30px;
    height: 89px;
    -webkit-overflow-scrolling: touch;
}

.wd-product .wpclv-attribute-pa_kolir .wpclv-terms.is-centered {
  justify-content: center;
}



.wd-product .wpclv-terms::-webkit-scrollbar {
    height: 6px;
}

.wd-product .wpclv-terms::-webkit-scrollbar-track {
    background: transparent;
}

.wd-product .wpclv-terms::-webkit-scrollbar-thumb {
    background: #f7f7f7;
    border-radius: 0; /* квадратний */
}



.wd-product .product-wrapper .wpclv-attribute-pa_kolir::before, 
.wd-product .product-wrapper .wpclv-attribute-pa_kolir::after {
    content: "";
    position: absolute;
    top: 0;
    width: 10px;
    height: 100%;
    pointer-events: none;
    z-index: 1;
}

.wd-product .product-wrapper .wpclv-attribute-pa_kolir::before {
    left: 0;
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 100%);
}
.wd-product .product-wrapper .wpclv-attribute-pa_kolir::after {
    right: 0;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 90%);
}