/*
Theme Name: Petcio
Theme URI: http://wpbingosite.com/wordpress/petcio/
Author: Wpbingo
Author URI: http://wpbingosite.com/
Description: Petcio is a modern, clean and professional WooCommerce WordPress theme. It is built to well suit for any online stores: electronics store, fashion store, jewelry store...
Version: 1.1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, two-columns, left-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: petcio*/

body{
overflow-x: hidden;
}

#loader-gif{
    background-position: bottom !important;
}
.bwp_ajax_filte .filter_category_product{
    max-height: 100% !important;
}
.elementor-47590 .elementor-element.elementor-element-9a7d280 .elementor-social-icon{
    display: flex !important;
}
.mini-cart .cart-popup .quantity button, .mini-cart .cart-popup .quantity input{
    background: #fff !important;
}
@media(max-width: 580px){
    .cross_sell .title-block h2, .recent-view .title-block h2, .related .title-block h2, .upsells .title-block h2{
font-size: 20px !important;
    }
    
    .upsells .content-product-list .products-list.grid .slick-list {
        padding-right: 33% !important;
    }
    
    .bwp-instagram{
        overflow-x: hidden;
    }
}

/*.woocommerce-product-subcategorie-content{*/
/*  padding-top: 24px;*/
/*}*/

.elementor-social-icons-wrapper{
    flex-wrap: nowrap !important;
}

article.page{
    overflow: hidden;
}

/* @media screen and (max-width: 990px) {
    .asnp_easy_product_bundle {
        margin-top: 20px;
    }
} */

.main-single-product .content-thumbnail-scroll .slick-arrow {
    display: none !important;
}

@media screen and (max-width: 550px) {
    .recent-view .content-product-list .products-list.grid .product-wapper {
        min-height: 424px;
    }
}

@media screen and (max-width: 500px) {
    .recent-view .content-product-list .products-list.grid .product-wapper {
        min-height: 392px;
    }
}

@media screen and (max-width: 400px) {
    .recent-view .content-product-list .products-list.grid .product-wapper {
        min-height: 420px;
    }
}

@media screen and (max-width: 360px) {
    .recent-view .content-product-list .products-list.grid .product-wapper {
        min-height: 400px;
    }
}

.content-mobile-menu .mm-title {
    color: #000 !important;
}

@media screen and (max-width: 550px) {
.products-list.grid .product-wapper.content-product1.product-wapper {
    height: calc(100% - 25px);
}
}

#reviews-content-left-main .reviews-images {
    object-fit: cover;
}

.bwp-header .header-search-form .result-search-products .item-search .item-content a span{
    text-transform: capitalize !important;
}

.woocommerce-product-subcategorie-content {
    max-height: 240px;
}

/* .bwp-navigation ul.menu>li.level-0 ul.sub-menu {
    padding: 0 !important;
} */

.bwp-navigation ul.menu>li.level-0:not(.mega-menu) ul.sub-menu li.level-1:first-child {
    padding-top: 5px !important;
}

.bwp-navigation ul.menu>li.level-0:not(.mega-menu) ul.sub-menu li.level-1:last-child {
    padding-bottom: 5px !important;
}

.product-price .woocommerce-Price-amount {
    color: #47026c !important;
    font-size: 24px;
}
.product-price:has(del) .woocommerce-Price-amount {
    color: red !important;
    font-size: 24px;
}
.product-price del {
    color: transparent;
    white-space: nowrap !important;
}
.product-price del .woocommerce-Price-amount {
    color: #808080 !important;
    font-size: 20px !important;
    font-weight: 400;
    white-space: nowrap !important;
}

.product-price .woocommerce-Price-amount bdi{
    font-size: 20px;
    white-space: nowrap !important;
}

.price-single .product-price{
    display: flex !important;
    flex-direction: row-reverse;
    align-items: center;
font-weight: 700
}
.product-price del .woocommerce-Price-amount{
    font-weight: 700
}


.price .woocommerce-Price-amount {
    color: #47026c !important;
    font-size: 24px;
}
.price:has(del) .woocommerce-Price-amount {
    color: red !important;
    font-size: 24px;
}
.price del {
    color: transparent;
    white-space: nowrap !important;
}
.price del .woocommerce-Price-amount {
    color: #808080 !important;
    font-size: 20px !important;
    font-weight: 400;
    white-space: nowrap !important;
}

.price .woocommerce-Price-amount bdi{
    font-size: 20px;
    white-space: nowrap !important;
}


.price del .woocommerce-Price-amount{
    font-weight: 700
}


.price-single  .product-price del{
    margin-left: 10px;
}

/* Sticky product price spacing - same as main product price */
.sticky-product .price del {
    margin-left: 10px;
}

@media screen and (max-width: 1024px) {
    .bwp-single-image .product-lable {
        left: auto !important;
        right: 30px;
    }
    
    .bwp-single-image .onsale {
        top: 0 !important;
    }
}

.products-list.grid .product-wapper.content-product1.product-wapper {
    padding-bottom: 0 !important;
}

.sub-menu li{
padding: 0 !important;

}
.sub-menu li a {
    display: block;
    padding: 5px 30px;
width: 100%;
}
.widget-custom-menu  .menu-top-menu-container  li a{
    display: block !important;
    padding: 5px 20px !important;
width: 100% !important;
}
.widget-custom-menu  .menu-top-menu-container{
    padding: 0 !important;
}
.widget-custom-menu  .menu-top-menu-container  li a:hover{
    background: #caa9f2;
}

.type_attribute.select{
padding: 16px; width: 100%;
}

.ajaxcart__footer .view-cart, #comments .wcpr-overall-rating-and-rating-count{
    display: none !important;
}

@media(max-width: 767px){
    .single-product-background{
        padding-top: 15px !important;
        padding-bottom: 30px !important;
    }
    
    .quickview-container .entry-summary .price-single, .single-product .entry-summary .price-single{
        margin-bottom: 0px !important; 
    }
    
    
    .variations_form.cart{
        margin-top: 0 !important;
    }
    ul.woocommerce-product-subcategories .slick-track{
        padding-top: 0px !important;
    }
    .bwp-top-bar .woocommerce-filter-title{
        margin: 0px !important;
    }
    .summary  .safe-checkout, .petcio-topcart-mobile .feather-heart + span{
display: none !important; 
    }

    .bwp-top-bar.top{
        max-height: 50px;
        margin-top: -25px !important;
    }
}

    .bwp-top-bar .display{
        display: none !important
    }
.scroll-image .products-badges-list .badge{
font-size: 16px !important; 
}
.products-badges-list .badge {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif !important;
}

.wcpr-filter-container{
    display: none;
}

.products-badges-list .badge{
    padding: 0px 14px !important;
}

.item-content .price-wrapper{
    display:  flex;
align-items:  center;
gap: 12px;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.item-content .price .woocommerce-Price-amount bdi{
    font-size: 18px;
}

.item-content .regular_price + .price .woocommerce-Price-amount bdi{
    color: red !important;
}
.item-content .regular_price{
    margin-top: 4px;
}
.item-content .regular_price bdi{
    color: #808080 !important
}

.bwp-header .header-search-form .result-search-products .item-search .item-image{
position: relative;
}


.item-search .stock{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
    text-align: center;
    background: #fff;
    color: var(--gray-dark, #000);
    font-size: 14px;
    text-transform: unset;
    letter-spacing: 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    font-weight: 500;
    width: calc(100% - 4px);
}
.type_attribute.select{
    border: none !important;
    padding-left: 0 !important;
}
#comments .wcpr-filter-container{
    display: none !important;
}

@media(max-width: 1200px){
    .item-search .stock{
        width: 80px;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    
    .search-overlay .search-from .result-search-products .item-search{
        display: flex !important;
        flex-direction: column;
    }
    .item-image{
        display: block;
        position: relative;
    }
}
/* .item-search *:not(.stock){
    opacity: 0.5;
} */
.bwp-quick-view .quickview-container .bwp-single-info .content_product_detail{
    display:flex;
    flex-direction:column;
}
.quickview-container .bwp-single-info .safe-checkout, .single-product .bwp-single-info .safe-checkout{
    display:none;
}
.quickview-container .bwp-single-info .product-shipping-delivers, .single-product .bwp-single-info .product-shipping-delivers{
    order:1;
}
@media (max-width: 991px) {
    .container-quickview .bwp-quick-view .quickview-container .img-quickview .img-thumbnail img {
        height: 100% !important;
        object-fit: cover;
    }
}
@media (max-width: 991px) {
    .container-quickview .bwp-quick-view .quickview-container .img-quickview {
        height: fit-content !important;
    }
}
@media (max-width: 768px) {
    .woocommerce-tabs {
        padding-top: 20px !important;
    }
}
@media (max-width: 768px) {
    .upsells {
        margin-top: 40px !important;
    }
}
@media (max-width: 768px) {
    .upsells .title-block {
        margin-bottom: 10px !important;
    }
}
@media (max-width: 768px) {
    .upsells .products-entry {
        margin-bottom: 25px !important;
    }
}
@media (max-width: 768px) {
    .recent-view .title-block {
        margin-bottom: 10px !important;
    }
}
.bwp-main .page-title .content-title-heading {
    display:none !important;
}
.breadcrumb-noheading {
    dispaly:none;
}
.breadcrumb {
    display:none;
}
.bwp-main .page-title {
    padding: 0 !important;
}
@media (max-width:768px) {
    #bwp-footer {
        margin-top: 40px !important;
    }
}
@media (max-width:768px) {
    .bwp-single-info .summary.entry-summary h1.product_title {
        display:none;
    }
    .bwp-single-info .summary.entry-summary .woocommerce-product-rating {
        display:none;
    }
    .bwp-single-info .summary.entry-summary .price-single {
        display:none;
    }
    .bwp-single-info .summary.entry-summary::before {
        display:none;
    }
}

.custom-bwp-single-info{
    display:none;
}
@media (max-width:768px) {
    .custom-bwp-single-info{
        display:block;
        background: #f6f6f6;
        padding-top:10px;
    }
    .custom-bwp-single-info h2 {
        margin-bottom:5px !important;
    }
}
.woocommerce-review-link{
    position:relative;
}
.woocommerce-review-link::before{
    position:absolute;
    top:0;
    left:-100px;
    background:transparent;
    height:100%;
    width:100%;
    content:'';
}
.custom_cart_price ins bdi {
    color: red !important;
    font-size: 20px !important;
}
.custom_cart_price del bdi {
    color: #808080 !important;
    font-size: 18px !important;
}
.petcio-topcart.popup .mini-cart .cart-popup .custom_cart_price {
    display:flex;
    flex-direction:column;
    align-items: flex-end;
    margin:0;
}
.petcio-topcart.popup .mini-cart .cart-popup .price {
    margin:0;
}
.product-subtotal .custom_price ins bdi {
    color: red !important;
    font-size: 20px !important;
}
.product-subtotal .custom_price del bdi {
    color: #808080 !important;
    font-size: 18px !important;
}
.product-total .custom_cart_price ins bdi {
    color: red !important;
    font-size: 18px !important;
}
.product-total .custom_cart_price del bdi {
    color: #808080 !important;
    font-size: 16px !important;
}
.product-total .custom_cart_price {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.cart-discount-custom {
    color: red !important;
}
.cart-discount-custom .woocommerce-Price-amount{
    color: red !important;
}
.total-price ins bdi {
    color: red !important;
    font-size: 20px !important;
}
.total-price ins{
    text-decoration:none !important;
}
.total-price del bdi {
    color: #808080 !important;
    font-size: 18px !important;
}
.total-price del {
    color: #808080 !important;
}
.asnp-bundleGridItem-productInfo-size.asnp-medium{
    display: flex;
    flex-direction: column-reverse;
}
.asnp-bundleGridItem-productInfo-size.asnp-medium del bdi{
    color: #808080 !important;
    font-size:12px !important;
}
.asnp-bundleGridItem-productInfo-size.asnp-medium del{
    color: #808080 !important;
    font-size:12px !important;
}
.asnp-bundleGridItem-productInfo-size.asnp-medium ins bdi{
    color: red !important;
    font-size:18px !important;
}
.asnp-post-grid-price {
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
    gap:5px;
}
.asnp-post-grid-price bdi {
    color: #47026c !important;
}

.asnp-post-grid-price ins bdi {
    font-size:18px !important;
    color: red !important;
}
.asnp-post-grid-price del bdi {
    font-size:12px !important;
    color: #808080 !important;
}
.asnp-post-grid-price del {
    font-size:12px !important;
    color: #808080 !important;
    display: flex;
    align-items: center;
}

/* Іконка олівчика для bundle айтемів, які можна змінити - тільки на мобайлі */
@media (max-width: 991px) {
    .asnp-BundleGridItem-ProductBox.asnp-productBox-hover .asnp-BundleGridItem-imageBox {
        position: relative !important;
    }
    .asnp-BundleGridItem-ProductBox.asnp-productBox-hover .asnp-BundleGridItem-imageBox::before {
        content: '\f304';
        font-family: 'Font Awesome 6 Free';
        font-weight: 900;
        font-style: normal;
        font-display: block;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        position: absolute;
        top: 6px;
        right: 6px;
        width: 20px;
        height: 20px;
        z-index: 201;
        font-size: 12px;
        line-height: 20px;
        text-align: center;
        color: #888;
        text-rendering: auto;
    }

    .asnp-BundleGridItem-ProductBox.asnp-productBox-hover.asnp-small .asnp-BundleGridItem-imageBox::before {
        width: 18px;
        height: 18px;
        font-size: 9px;
        line-height: 18px;
        top: 4px;
        right: 4px;
    }

    .asnp-BundleGridItem-ProductBox.asnp-productBox-hover.asnp-large .asnp-BundleGridItem-imageBox::before {
        width: 26px;
        height: 26px;
        font-size: 13px;
        line-height: 26px;
        top: 8px;
        right: 8px;
    }
}

.video-wrapper iframe {
    width: 100%;
    height:100%;
    position: absolute;
    top: 0;
    left: 0;
}
.contents-detail .bwp-single-product .woocommerce-product-gallery .slick-slide .img-thumbnail-scroll img {
    aspect-ratio: 8 / 10;
    object-fit: cover;
}

.bwp-quick-view .quickview-container .bwp-single-info .quantity-button {
    display: flex;
    align-items: center;
    gap: 10px;
}

.bwp-quick-view .quickview-container .bwp-single-info .quantity {
    margin: 5px 0 !important;
}

.quickview-container .bwp-single-info .single_add_to_cart_button.button, .single-product .bwp-single-info .single_add_to_cart_button.button {
    margin:5px 0 !important;
}

/* Instagram Feed - Horizontal Scroll Layout */
/* Прибираємо padding з Elementor секції */
.elementor-element-4597c78 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.elementor-element-4597c78 > .elementor-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.elementor-element-4597c78 .elementor-widget-wrap {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Універсальні стилі для будь-якої секції з Instagram */
.wpsr-ig-feed-wrapper {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.wpsr-ig-feed-wrapper-inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Прибираємо padding з контейнера */
.wpsr-container.wpsr-insta-feed-57316,
.wpsr-container.wpsr-insta-feed-56927,
.wpsr-container[class*="wpsr-insta-feed-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.wpsr-ig-feed-wrapper-inner {
    position: relative !important;
    padding: 0 !important;
}

.wpsr-ig-feed-wrapper .wpsr-row.wpsr-ig-all-feed,
#wpsr-ig-feed-57316 .wpsr-row.wpsr-ig-all-feed,
[id*="wpsr-ig-feed-"] .wpsr-row.wpsr-ig-all-feed,
.wpsr-container .wpsr-row.wpsr-ig-all-feed {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    gap: 10px !important;
    scroll-behavior: smooth !important;
    -ms-overflow-style: none !important;  /* IE and Edge */
    scrollbar-width: none !important;  /* Firefox */
    /* Snap scrolling для кращої інтерактивності */
    scroll-snap-type: x proximity !important;
    -webkit-overflow-scrolling: touch !important; /* Плавний скрол на iOS */
    /* Додаємо відступи для правильного скролу */
    padding-left: 10px !important;
    padding-right: 10px !important;
    scroll-padding-left: 10px !important;
    scroll-padding-right: 10px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Приховуємо scrollbar для Chrome, Safari and Opera */
.wpsr-ig-feed-wrapper .wpsr-row.wpsr-ig-all-feed::-webkit-scrollbar {
    display: none !important;
}

/* Стрілки навігації */
.instagram-nav-arrow {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background: rgba(255, 255, 255, 0.9) !important;
    border: 1px solid #ddd !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    z-index: 10 !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important;
}

.instagram-nav-arrow:hover {
    background: #fff !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2) !important;
}

.instagram-nav-arrow.left {
    left: 30px !important;
}

.instagram-nav-arrow.right {
    right: 30px !important;
}

.instagram-nav-arrow i {
    font-size: 20px !important;
    color: #333 !important;
}

.instagram-nav-arrow.disabled {
    opacity: 0.3 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}

/* Заокруглення кутів у фідах */
.wpsr-ig-post {
    border-radius: 12px !important;
    overflow: hidden !important;
}

/* Робимо фіди прямокутними (портретна орієнтація) замість квадратних */
.wpsr-ig-post-media {
    border-radius: 12px 12px 0 0 !important;
    aspect-ratio: 4 / 5 !important; /* Прямокутна форма, як в Instagram */
    overflow: hidden !important;
}

.wpsr-ig-post-media img,
.wpsr-ig-post-media video {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.wpsr-ig-post-img, .wpsr-ig-post-video {
    border-radius: 12px 12px 0 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* Обмеження тексту до 10 рядків */
.wpsr-ig-post-caption-text {
    display: -webkit-box !important;
    -webkit-line-clamp: 10 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 1.5 !important;
    max-height: calc(1.5em * 10) !important;
}

/* Ширина кожного поста - 6 постів на екран */
.wpsr-ig-feed-wrapper .wpsr-ig-all-feed .wpsr-col-4 {
    flex: 0 0 calc((100% - 50px) / 6) !important;
    min-width: calc((100% - 50px) / 6) !important;
    max-width: calc((100% - 50px) / 6) !important;
    scroll-snap-align: start !important; /* Snap point для кращого скролу */
}

/* Адаптивність для мобільних пристроїв */
@media (max-width: 1200px) {
    .wpsr-ig-feed-wrapper .wpsr-ig-all-feed .wpsr-col-4 {
        flex: 0 0 calc((100% - 30px) / 4) !important;
        min-width: calc((100% - 30px) / 4) !important;
        max-width: calc((100% - 30px) / 4) !important;
    }
}

@media (max-width: 768px) {
    /* Зменшуємо відстань між фідами на планшетах */
    .wpsr-ig-feed-wrapper .wpsr-row.wpsr-ig-all-feed {
        gap: 10px !important;
    }
    
    .wpsr-ig-feed-wrapper .wpsr-ig-all-feed .wpsr-col-4 {
        flex: 0 0 calc((100% - 20px) / 3) !important;
        min-width: calc((100% - 20px) / 3) !important;
        max-width: calc((100% - 20px) / 3) !important;
    }
    
    .instagram-nav-arrow {
        width: 35px !important;
        height: 35px !important;
    }
    
    .instagram-nav-arrow i {
        font-size: 18px !important;
    }
    
    .instagram-nav-arrow.left {
        left: 30px !important;
    }
    
    .instagram-nav-arrow.right {
        right: 30px !important;
    }
}

@media (max-width: 480px) {
    /* Приховуємо стрілки на мобільному */
    .instagram-nav-arrow {
        display: none !important;
    }
    
    /* Відстань між фідами на мобільних (10px) */
    .wpsr-ig-feed-wrapper .wpsr-row.wpsr-ig-all-feed {
        gap: 10px !important;
    }
    
    /* 2.2 фіда на екран мобільного (більші фіди з gap 10px) */
    .wpsr-ig-feed-wrapper .wpsr-ig-all-feed .wpsr-col-4 {
        flex: 0 0 calc((100% - 12px) / 2.2) !important;
        min-width: calc((100% - 12px) / 2.2) !important;
        max-width: calc((100% - 12px) / 2.2) !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

/* Відступи для Instagram блоку */
/* Нижній margin для заголовка Instagram */
.elementor-element-64743c7 .elementor-widget-container {
    margin-bottom: 20px !important;
}

/* Прибираємо нижній margin у фідів */
#wpsr-ig-feed-57316,
[id*="wpsr-ig-feed-"],
.wpsr-ig-feed-wrapper {
    margin-bottom: 0 !important;
}

/* Прибираємо верхній margin та padding у футера на головній */
.home #bwp-footer,
.home .bwp-footer,
.home footer#bwp-footer {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Прибираємо верхній padding у головній секції футера */
.home #bwp-footer .elementor-element-f94cda2 {
    padding-top: 0 !important;
}

/* Негативний margin для футера на сторінці "Про нас" */
.page-about-us #bwp-footer,
.page-about-us .bwp-footer,
.page-about-us footer#bwp-footer,
body[class*="about"] #bwp-footer {
    margin-top: 20px !important;
}

/* Обнулюємо верхній margin для секції на мобільних */
@media (max-width: 767px) {
    .elementor-element-2b16555 {
        margin-top: 0 !important;
    }
}

/* Instagram - приховуємо текст при наведенні на мобільних */
@media (max-width: 767px) {
    .wpsr-ig-post:hover .wpsr-ig-post-info,
    .wpsr-ig-post:active .wpsr-ig-post-info {
        display: none !important;
    }
}

/* Custom Elementor spacing (Desktop only) */
/* Секція з ID 2b16555 */
.elementor-element-2b16555 {
    margin-top: 0 !important;
    margin-bottom: 50px !important;
}

/* Widget контейнер для елемента 795b8508 */
.elementor-element-795b8508 .elementor-widget-container {
    margin-top: 30px !important;
}

/* Секція з ID 52dcbafe */
.elementor-element-52dcbafe {
    margin-top: 30px !important;
}

/* Контейнер для секції f4e47d8 */
.elementor-element-f4e47d8 .elementor-container {
    margin-bottom: 60px !important;
}

/* Custom Elementor spacing (Mobile only) */
@media (max-width: 767px) {
    /* Секція з ID 2b16555 на мобільних - підвищена специфічність */
    section.elementor-element.elementor-element-2b16555 {
        margin-top: -20px !important;
        margin-bottom: 0 !important;
        padding-top: 0 !important;
    }
    
    /* Контейнер в секції 2b16555 теж має margin-bottom: 0 */
    section.elementor-element-2b16555 .elementor-container {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    /* Всі інші elementor-container на мобільних (крім 2b16555) */
    section:not(.elementor-element-2b16555) .elementor-container {
        margin-bottom: 30px !important;
    }
    
    /* Футер - нижній padding 30px */
    #bwp-footer.bwp-footer {
        padding-bottom: 30px !important;
    }
    
    /* Секція bc3163b - висота 40px замість 70px */
    section.elementor-element-bc3163b {
        min-height: 40px !important;
        height: 40px !important;
    }
    
    /* Секція 37911da4 на сторінці Про нас - верхній margin 0, висота 45px */
    section.elementor-element-37911da4 {
        margin-top: 0 !important;
        min-height: 45px !important;
        height: 45px !important;
    }
    
    section.elementor-element-bc3163b .elementor-container {
        min-height: 40px !important;
        height: 40px !important;
    }
    
    /* Фіксація хедера на мобільному при скролі */
    .bwp-header.sticky {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 9999 !important;
        background: #fff !important;
        box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important;
    }
    
    /* Приховуємо проміжок під меню */
    .bwp-header.sticky .header-mobile {
        background: #fff !important;
    }
    
    /* Компенсація для admin bar */
    body.admin-bar .bwp-header.sticky {
        top: 46px !important;
    }
}

/* Додатковий breakpoint для планшетів (якщо потрібно) */
@media (max-width: 1024px) and (min-width: 768px) {
    /* На планшетах можна залишити десктопні стилі або додати свої */
}

/* Fix for linked variations - Match default variation swatches style */
.wpclv-term-image.wpclv-term,
.wpclv-term-button.wpclv-term {
    overflow: hidden !important;
    border-radius: 50% !important;
    position: relative !important;
    box-sizing: border-box !important;
    padding: 2px !important;
    border: 2px solid #fff !important;
    box-shadow: 0 0 0 1px #A8A8A8 !important;
    transition: all 200ms ease !important;
}

.wpclv-term-image.wpclv-term > a,
.wpclv-term-image.wpclv-term > span,
.wpclv-term-button.wpclv-term > a,
.wpclv-term-button.wpclv-term > span {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
    border-radius: 50% !important;
    position: relative !important;
}

.wpclv-term-image.wpclv-term img,
.wpclv-term-button.wpclv-term img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 50% !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

.wpclv-term-button.wpclv-term .variable-item-contents {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    border-radius: 50% !important;
    position: relative !important;
}

.wpclv-term-button.wpclv-term .variable-item-image {
    border-radius: 50% !important;
    overflow: hidden !important;
}

/* Hide hint.js tooltip */
.wpclv-term-image.wpclv-term.hint--top:before,
.wpclv-term-image.wpclv-term.hint--top:after,
.wpclv-term-button.wpclv-term.hint--top:before,
.wpclv-term-button.wpclv-term.hint--top:after {
    display: none !important;
}

/* Hover state - match default variations */
.wpclv-term-image.wpclv-term:hover,
.wpclv-term-button.wpclv-term:hover {
    box-shadow: 0 0 0 3px #c5b4c6 !important;
}

/* Active/selected state - match default variations */
.wpclv-term-image.wpclv-term.active,
.wpclv-term-image.wpclv-term.selected,
.wpclv-term-button.wpclv-term.active,
.wpclv-term-button.wpclv-term.selected {
    box-shadow: 0 0 0 3px #8224e3 !important;
}

/* Checkmark for selected variation - match default variations with SVG icon */
.wpclv-term-image.wpclv-term.active .variable-item-contents::before,
.wpclv-term-image.wpclv-term.selected .variable-item-contents::before,
.wpclv-term-image.wpclv-term.active > span::before,
.wpclv-term-image.wpclv-term.active > a::before,
.wpclv-term-image.wpclv-term.selected > span::before,
.wpclv-term-image.wpclv-term.selected > a::before,
.wpclv-term-button.wpclv-term.active .variable-item-contents::before,
.wpclv-term-button.wpclv-term.selected .variable-item-contents::before,
.wpclv-term-button.wpclv-term.active > span::before,
.wpclv-term-button.wpclv-term.active > a::before,
.wpclv-term-button.wpclv-term.selected > span::before,
.wpclv-term-button.wpclv-term.selected > a::before {
    position: absolute !important;
    content: " " !important;
    display: block !important;
    background-image: url('data:image/svg+xml;utf8,<svg filter="drop-shadow(0px 0px 2px rgb(0 0 0 / .8))" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path fill="none" stroke="%23ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M4 16L11 23 27 7"/></svg>') !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 60% !important;
    height: 100% !important;
    width: 100% !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 10 !important;
}

/* ========================================
   MENU VISIBILITY CONTROL
   ======================================== */

/* Приховування меню на десктопі */
@media (min-width: 1201px) {
    .menu-item.hide-on-desktop {
        display: none !important;
    }
}

/* Приховування меню на мобільних */
@media (max-width: 1200px) {
    .menu-item.hide-on-mobile {
        display: none !important;
    }
}

/* ========================================
   MENU ICONS - AFTER TEXT (RIGHT SIDE)
   ======================================== */

/* Font Awesome іконки після тексту */
.menu-item a i[class*="fa-"],
.menu-item a i[class*="icon-"],
.menu-item a i[class*="feather-"] {
    margin-left: 6px;
    display: inline-block;
}

/* Видаляємо margin зліва від іконок */
.menu-item-text + i[class*="fa-"],
.menu-item-text + i[class*="icon-"],
.menu-item-text + i[class*="feather-"] {
    margin-left: 6px;
    margin-right: 0;
}

/* Для мобільного меню */
.content-mobile-menu .menu-item a i[class*="fa-"],
.content-mobile-menu .menu-item a i[class*="icon-"],
.content-mobile-menu .menu-item a i[class*="feather-"] {
    margin-left: 8px;
}

/* ========================================
   MENU THUMBNAILS (MENU-IMG)
   ======================================== */

/* Зменшуємо розмір мініатюр меню на веб-версії */
.bwp-navigation .menu-item a .menu-img,
.menu-item a .menu-img {
    width: 31px !important;
    max-width: 31px !important;
    display: inline-block;
    text-align: center;
    margin-right: 10px;
    vertical-align: middle;
}

.bwp-navigation .menu-item a .menu-img img,
.menu-item a .menu-img img {
    width: 100%;
    height: auto;
    max-width: 31px;
    vertical-align: middle;
}

/* Вирівнювання тексту меню по центру з мініатюрою */
.bwp-navigation .menu-item a,
.menu-item.menu-icon-image a {
    display: inline-flex !important;
    align-items: center;
    vertical-align: middle;
}

.bwp-navigation .menu-item a .menu-item-text,
.menu-item.menu-icon-image a .menu-item-text {
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
}

/* Для мобільного меню */
.content-mobile-menu .menu-item a .menu-img {
    width: 31px !important;
    max-width: 31px !important;
    margin-right: 10px;
    vertical-align: middle;
}

.content-mobile-menu .menu-item a {
    display: flex !important;
    align-items: center;
}

/* Вирівнювання відео та тексту на карточці товару до верху */
.woocommerce-Tabs-panel .video-text-container {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 20px;
    flex-wrap: nowrap;
}

.woocommerce-Tabs-panel .video-text-container .video-box {
    order: 1;
    align-self: flex-start;
    flex: 0 0 auto;
    max-width: 360px;
    width: auto !important;
    display: block;
}

.woocommerce-Tabs-panel .video-text-container .text-box {
    order: 2;
    align-self: flex-start;
    flex: 1 1 auto;
    width: auto !important;
    display: block;
    padding-left: 30px;
}

@media (max-width: 768px) {
    .woocommerce-Tabs-panel .video-text-container {
        flex-wrap: wrap;
    }
}

/* ========================================
   HIDE VARIATIONS FORM FOR OUT OF STOCK LINKED PRODUCTS
   ======================================== */

/* Always show form; JS will hide it only when needed */
body.has-wpclv-variations form.variations_form.cart {
    display: block !important;
}

/* Hide form only when product is out of stock (JS toggles this class) */
body.has-wpclv-variations form.variations_form.cart.wpclv-hide-form {
    display: none !important;
}

/* Hide duplicate attribute rows (e.g., color handled by Linked Variations) */
body.has-wpclv-variations .variations tr.wpclv-hide-row {
    display: none !important;
}

/* Show wpclv stock container after form */
.wpclv-stock-container {
    display: none; /* Hidden by default for all products */
    margin-top: 15px !important;
}

/* Show for linked products when visible class is added by JS */
body.has-wpclv-variations .wpclv-stock-container.wpclv-visible {
    display: block !important;
}

/* Display stock and wishlist in one row for linked products */
body.has-wpclv-variations .wpclv-stock-row {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    height: 50px;
}

/* Stretch stock button to fill available space */
body.has-wpclv-variations .wpclv-stock-row .product-stock.wpclv-stock {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    flex: 1 1 auto;
}

/* Style wishlist button to match add-to-cart button styling */
body.has-wpclv-variations .wpclv-stock-row .woosw-wishlist {
    margin: 0 !important;
    flex: 0 0 auto;
}

/* Set wishlist button size to 50x50 */
body.has-wpclv-variations .wpclv-stock-row .woosw-wishlist .woosw-btn {
    width: 50px !important;
    height: 50px !important;
    min-height: 50px !important;
}

/* Add margin-top to product-notify for linked products */
body.has-wpclv-variations .product-notify.wpclv-notify {
    margin-top: 15px !important;
}

/* Display stock and wishlist in one row for regular products (same as linked) */
.regular-stock-row {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    height: 50px;
    margin-top: 15px !important;
}

/* Hide regular-stock-row, standalone product-stock, product-notify, and notify forms for linked products */
body.has-wpclv-variations .regular-stock-row,
body.has-wpclv-variations .product-stock:not(.wpclv-stock),
body.has-wpclv-variations .product-notify:not(.wpclv-notify),
body.has-wpclv-variations .single-product-notify-me-form:not(.wpclv-stock-container .single-product-notify-me-form) {
    display: none !important;
}

/* Hide price-single for out-of-stock products */
.product.outofstock .price-single {
    display: none !important;
}

/* Hide first percent_quantity_stock for all variable products */
.product-type-variable .percent_quantity_stock:first-of-type {
    display: none !important;
}

/* Hide first percent_quantity_stock for simple products */
.product-type-simple .percent_quantity_stock:first-of-type {
    display: none !important;
}

/* Stretch stock button to fill available space for regular products */
.regular-stock-row .product-stock {
    margin: 0 !important;
    flex: 1 1 auto;
}

/* Style wishlist button for regular products */
.regular-stock-row .woosw-wishlist {
    margin: 0 !important;
    flex: 0 0 auto;
}

/* Set wishlist button size to 50x50 for regular products */
.regular-stock-row .woosw-wishlist .woosw-btn {
    width: 50px !important;
    height: 50px !important;
    min-height: 50px !important;
}

/* Add margin-top to product-notify for regular products */
.regular-stock-row + .product-notify {
    margin-top: 15px !important;
}

/* Hide single_variation_wrap initially to prevent flashing */
.product-type-variable .single_variation_wrap {
    opacity: 0;
    transition: opacity 0.2s ease;
}

/* Show when ready */
.product-type-variable .single_variation_wrap.wpclv-ready {
    opacity: 1;
}


/* ========================================
   LINKED VARIATIONS STYLING
   ======================================== */

/* Fix images in linked variation circles */
.wpclv-term-image {
    overflow: hidden;
    border-radius: 50%;
}

.wpclv-term-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Active/Selected linked variation - show checkmark */
.wpclv-term.active::before,
.wpclv-term.selected::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: var(--wvs-tick);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 67%;
    z-index: 2;
    pointer-events: none;
}

.wpclv-term.active,
.wpclv-term.selected {
    box-shadow: var(--wvs-selected-item-box-shadow) !important;
}

/* Disabled linked variation - show red cross, gray border, reduced opacity */
.wpclv-term.disabled,
.wpclv-term.wpclv-term-disabled {
    opacity: 0.6 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
    box-shadow: 0 0 0 1px #d3d3d3 !important;
}

.wpclv-term.disabled::before,
.wpclv-term.wpclv-term-disabled::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: var(--wvs-cross);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 67%;
    z-index: 2;
    pointer-events: none;
}

/* Remove checkmark from disabled variants even if they have active/selected class */
.wpclv-term.disabled.active::before,
.wpclv-term.disabled.selected::before,
.wpclv-term.wpclv-term-disabled.active::before,
.wpclv-term.wpclv-term-disabled.selected::before {
    background-image: var(--wvs-cross) !important;
}

/* Update selectors to work with .wpclv-term-button */
.wpclv-term-button.active::before,
.wpclv-term-button.selected::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: var(--wvs-tick);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 67%;
    z-index: 2;
    pointer-events: none;
}

.wpclv-term-button.active,
.wpclv-term-button.selected {
    box-shadow: var(--wvs-selected-item-box-shadow) !important;
}

/* Disabled linked variation button - show red cross, gray border, reduced opacity */
.wpclv-term-button.disabled,
.wpclv-term-button.wpclv-term-disabled {
    opacity: 0.4 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
    box-shadow: 0 0 0 1px #d3d3d3 !important;
}

.wpclv-term-button.disabled::before,
.wpclv-term-button.wpclv-term-disabled::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: var(--wvs-cross);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 67%;
    z-index: 2;
    pointer-events: none;
}

/* Remove checkmark from disabled variants even if they have active/selected class */
.wpclv-term-button.disabled.active::before,
.wpclv-term-button.disabled.selected::before,
.wpclv-term-button.wpclv-term-disabled.active::before,
.wpclv-term-button.wpclv-term-disabled.selected::before {
    background-image: var(--wvs-cross) !important;
}

/* Make sure the button itself is positioned relatively for ::before to work */
.wpclv-term-button {
    position: relative;
}

/* Ensure nested links don't block the ::before pseudo-element */
.wpclv-term-button a,
.wpclv-term-button span {
    position: relative;
    display: block;
    z-index: 1;
}

/* Increase z-index for ::before to ensure it displays over images */
.wpclv-term.disabled::before,
.wpclv-term.wpclv-term-disabled::before,
.wpclv-term-button.disabled::before,
.wpclv-term-button.wpclv-term-disabled::before {
    z-index: 10 !important;
}

.wpclv-term.active::before,
.wpclv-term.selected::before,
.wpclv-term-button.active::before,
.wpclv-term-button.selected::before {
    z-index: 10 !important;
}

/* Add cross to the nested <a> or <span> inside disabled linked variation */
.wpclv-term-button.disabled a::before,
.wpclv-term-button.wpclv-term-disabled a::before,
.wpclv-term-button.disabled span::before,
.wpclv-term-button.wpclv-term-disabled span::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: var(--wvs-cross);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 67%;
    z-index: 10;
    pointer-events: none;
}

/* Ensure nested a/span are positioned for ::before */
.wpclv-term-button.disabled a,
.wpclv-term-button.wpclv-term-disabled a,
.wpclv-term-button.disabled span,
.wpclv-term-button.wpclv-term-disabled span {
    position: relative;
    display: block;
}

/* Larger and thicker red cross for disabled linked variations with images */
.wpclv-term-button.disabled a::before,
.wpclv-term-button.wpclv-term-disabled a::before,
.wpclv-term-button.disabled span::before,
.wpclv-term-button.wpclv-term-disabled span::before {
    background-size: 100% !important; /* Full size cross */
    /* Thicker red cross SVG */
    background-image: url("data:image/svg+xml;utf8,%3Csvg filter='drop-shadow(0px 0px 5px rgb(255 255 255 / .6))' xmlns='http://www.w3.org/2000/svg' width='72px' height='72px' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23ff0000' stroke-linecap='round' stroke-width='2.5' d='M5 5L19 19M19 5L5 19'/%3E%3C/svg%3E") !important;
}

/* Also update for .wpclv-term-button ::before */
.wpclv-term-button.disabled::before,
.wpclv-term-button.wpclv-term-disabled::before {
    background-size: 100% !important;
    background-image: url("data:image/svg+xml;utf8,%3Csvg filter='drop-shadow(0px 0px 5px rgb(255 255 255 / .6))' xmlns='http://www.w3.org/2000/svg' width='72px' height='72px' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23ff0000' stroke-linecap='round' stroke-width='2.5' d='M5 5L19 19M19 5L5 19'/%3E%3C/svg%3E") !important;
}

/* Also update for .wpclv-term ::before */
.wpclv-term.disabled::before,
.wpclv-term.wpclv-term-disabled::before {
    background-size: 100% !important;
    background-image: url("data:image/svg+xml;utf8,%3Csvg filter='drop-shadow(0px 0px 5px rgb(255 255 255 / .6))' xmlns='http://www.w3.org/2000/svg' width='72px' height='72px' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23ff0000' stroke-linecap='round' stroke-width='2.5' d='M5 5L19 19M19 5L5 19'/%3E%3C/svg%3E") !important;
}

/* Adjust cross size and thickness - larger cross, medium thickness */
.wpclv-term-button.disabled a::before,
.wpclv-term-button.wpclv-term-disabled a::before,
.wpclv-term-button.disabled span::before,
.wpclv-term-button.wpclv-term-disabled span::before,
.wpclv-term-button.disabled::before,
.wpclv-term-button.wpclv-term-disabled::before,
.wpclv-term.disabled::before,
.wpclv-term.wpclv-term-disabled::before {
    background-size: 120% !important; /* Even larger - extends beyond circle */
    /* Medium thickness red cross SVG (1.5 instead of 2.5) */
    background-image: url("data:image/svg+xml;utf8,%3Csvg filter='drop-shadow(0px 0px 5px rgb(255 255 255 / .6))' xmlns='http://www.w3.org/2000/svg' width='72px' height='72px' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23ff0000' stroke-linecap='round' stroke-width='1.0' d='M3 3L21 21M21 3L3 21'/%3E%3C/svg%3E") !important;
}

.asnp-product-Price.asnp-grid-price.asnp-bundleGridItem-productInfo-size.asnp-medium {
    font-size: 15px !important;
}
.asnp-product-Price.asnp-grid-price.asnp-bundleGridItem-productInfo-size.asnp-medium del bdi {
    font-size: 13px !important;
}
.asnp-product-Price.asnp-grid-price.asnp-bundleGridItem-productInfo-size.asnp-medium ins bdi {
    font-size: 15px !important;
}