a.offcanvas-custom-toggle.uk-link-reset {
    display: flex;
    white-space: nowrap;
    overflow: hidden;
    /* background: #e6e6e6; */
    border: 2px solid #e6e6e6;
    padding: 15px 15px;
    transition: 0.1s ease-in-out;
}
.wb-catalog a.offcanvas-custom-toggle.uk-link-reset {
    background-color: rgb(39,180,251);
    border: 1px solid rgb(39,180,251);
    border-right: 0;
    padding: 2.5px 15px;
    border-radius: 4px 0 0 4px;
}
.uk-navbar svg{
    max-height: 125px;
}
/*a.offcanvas-custom-toggle.uk-link-reset:hover{
    color: rgba(0, 0, 0, 1)!important;
    background: #e6e6e6;
}*/

a.offcanvas-custom-toggle.uk-link-reset i.ion-navicon{
    display: block;
    float: left;
    font-size: 33px;
}

a.offcanvas-custom-toggle.uk-link-reset span.burger_name{
    display: block;
    float: left;
    font-size: 21px;
    padding-left: 10px;
}
a.offcanvas-custom-toggle.uk-link-reset span.burger_name,
a.offcanvas-custom-toggle.uk-link-reset i.ion-navicon {
    color: rgba(255,255,255,.95);
}
.category-cards-wrapper .uk-card-small .uk-card-header{
    padding: 13px 5px;
}

.inverse-wrapper.category-panel { background: #fafafa; padding: 5px 5px 0 5px; border: 1px solid rgba(0,0,0,.05) }
.category__config-items-views { line-height: 0; margin-bottom: 5px; margin-left: auto }
.category__config-items-views .btn-wrapper { display: inline-block }
.category__config-items-views .config-items-views-btn {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    position: relative;
    color: #0000001a;
}
.category__config-items-views .btn-wrapper:last-child .config-items-views-btn { margin-right: 0 }
.category__config-items-views .config-items-views-btn:hover, .category__config-items-views .active .config-items-views-btn { border-color: #1daaf1; color: #1daaf1 }
.category__config-items-views i {
    font-size: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.category__config-items-views .config-items-views-btn, .category-panel .sorting-wrapper { background: white }
.category__config-items-views .config-items-views-btn, .category-panel .filter-webry-wrapper { background: white }

.product-list .product_content .features-body, .product-list .product_content .product_sku,
.product-list .product_content .stock { display: none }
.product-list.wide li { display: block; width: 100%; margin-bottom: 30px }
.product-list.wide .image, .product-list.wide .product_content { display: block; float: left }
.product-list.wide .image { width: 20% }
.product-list.wide .image .badge-wrapper > .products-card-img-holder { height: 100% !important; padding-top: 7px }
.product-list.wide .product_content { width: 80% }
.product-list.wide .product_info, .product-list.wide .product_price { display: block; float: left }
.product-list.wide .product_info { width: 75% }
.product-list.wide .product_info .product-title { text-align: left !important }
.product-list.wide .product_price { width: 25% }
.product-list.wide .product_content .product_sku { display: block; padding: 10px 20px 0 20px }
.product-list.wide .product_content .features-body, .product-list.wide .product_content .stock { display: block }
.product-list.wide .product_content .stock { text-align: center }
.product-list.wide .product_content .stock > div { font-size: 0.85rem; height: 22px; padding-right: 10px }
.product-list.wide .product_content .features-body > div { height: auto !important }
.product-list.wide .product_content .stock, .product-list.wide .product_content .offers,
.product-list.wide .product_content .uk-card-footer { padding-left: 0; padding-right: 0 }
.uk-navbar-container.pre-header .uk-first-column.mobile-whatsapp .show-mobile-whatsapp { display: none; float: left; }
.uk-navbar-container.pre-header .uk-first-column.mobile-whatsapp { display: block; padding-left: 0; margin-top: -6px }
.uk-navbar-container.pre-header .uk-first-column.mobile-whatsapp .uk-link-reset .fa-whatsapp-square {
    float: left;
    position: relative;
    top: 2px;
    margin-right: 5px
}
.uk-navbar-container.pre-header .uk-first-column.mobile-whatsapp a { float: left }
div.index-search .uk-container .uk-flex { height: 71px !important }
.product-plugin a.product-mobile-whatsapp { background: #27d368; color: #fff }
.product-plugin a.product-mobile-whatsapp svg { width: 20px; height: 20px; margin-top: -2px; margin-right: 10px }
.wb-catalog { margin-left: 9.2%; }
.wb-catalog .mobile-hidden-search {
    display: none;
    color: rgba(0, 0, 0, 0.6);
    padding-left: 53px;
    font-weight: bold;
    height: 100%;
}
.wb-catalog .uk-margin-right { margin-right: 0 !important; }
.wb-search { margin-right: 6.7%; }
.wb-search .uk-form-icon.wb-form-icon { right: 0 !important;  left: unset;}
.wb-search .webry_header_search { padding-left: 0 !important; }
.wb-search .webry_header_search .wb-input {
    padding-right: 40px !important;
    text-align: left;
    padding-left: 9px !important;
    border: 1px solid rgb(39,180,251);
    border-radius: 0 4px 4px 0;
}
.wb-search .webry_header_search .wb-input:focus { border-color: rgb(39,180,251); }
.mobile-categories { display: none; }
.mobile-category-card { width: 33%; float: left;}
.mobile-category-card a { display: block;  color: inherit; margin: 5px; background: #e6e6e6;}
.mobile-category-card a:hover { color: rgb(9,150,221); }
.mobile-category-card .mobile-img {
    width: 125px;
    display: block;
    margin: 0 auto;
    padding: 5px;
}
.mobile-product-title {
    text-align: center;
    font-weight: bold;
    overflow: hidden;
    height: 25px;
}
.webry-search-placeholder.top { transform: translate(-48%, -50%); }
.webry-search-placeholder { left: 31%; }
.li-mobile-photo.hidden { display: none; }
.li-mobile-photo .wb-mobile-photo { margin-right: 0; }
#product-list .global-padding-vertical { display: none; }
.product-list .uk-card-media.products-card-img-holder img { width: auto; max-height: 100%; }

@media (max-width: 1444px) {
    .wb-search { margin-right: 0; }
    .wb-catalog { margin-left: 0; }
}

@media (max-width: 1350px) {
    .product-list.wide .product_info { width: 70% }
    .product-list.wide .product_price { width: 30% }

}

@media (max-width: 1199px) {
    .product-list.wide .image { width: 25% }
    .product-list.wide .product_content { width: 75% }
    .product-list.wide .product_info { width: 65% }
    .product-list.wide .product_price { width: 35% }
}

@media (max-width: 1060px) {
    .product-list.wide .product_info { width: 60% }
    .product-list.wide .product_price { width: 40% }
}

@media (max-width: 1024px) {
    .product-list.wide .product_info, .product-list.wide .product_price { width: 100% }
    .product-list.wide .product_content .stock { text-align: left }
    .product-list.wide .product_content .stock, .product-list.wide .product_content .offers,
    .product-list.wide .product_content .uk-card-footer { padding-left: 20px }
}

@media (max-width: 960px) {
    a.offcanvas-custom-toggle.uk-link-reset span.burger_name{
        display: none;
    }
}

@media (max-width: 767px) {
    .product-list.wide .product_content, .product-list.wide .product_info { width: 80% }
    .product-list.wide .image, .product-list.wide .product_price { width: 20% }
    .product-list.wide .product_content .product_sku { padding-left: 10px; padding-right: 10px }
    .product-list.wide .product_content .stock { text-align: center }
    .product-list.wide .product_content .stock, .product-list.wide .product_content .offers,
    .product-list.wide .product_content .uk-card-footer { padding-left: 0; padding-right: 0 }
    .product-list.wide .product_content .features-body .name { display: block !important }
    .uk-navbar-container.pre-header .hide-mobile { display: none; }
    .uk-navbar-container.pre-header .uk-first-column.mobile-whatsapp .show-mobile-whatsapp { display: block; }
    .uk-navbar-container.pre-header .mobile-mail { margin-top: 0 !important;} 
    .category-wrapper .inverse-wrapper .page-name {
        padding-top: 20px;
        padding-bottom: 10px;
    }
    .global-padding-bottom { padding-bottom: 20px; margin-top: 15px; }
    .index-navbar-main.uk-navbar-container .uk-padding-horizontal { height: 100px !important; }
    ._uk-background-primary .mobile-background-cover {
        height: 150px !important;
        background-size: contain !important;
        background-position: center center !important;
    }
    ul.uk-nav-sub .mylang-flag { margin-right: 5px; }
    .uk-navbar-container .uk-navbar .mobile-nav { margin-left: 0;}
    .wb-catalog .uk-margin-right {
        position: relative;
        height: 38px;
        background: #f8f8f8;
        border-radius: 4px;
        border: 1px solid rgb(39,180,251);
        width: 100%;
    }
    .wb-catalog a.offcanvas-custom-toggle.uk-link-reset {
        border: 0;
        position: absolute;
        top: 0;
        left: 0;
    }
    .wb-catalog .mobile-hidden-search {
        display: block;
        float: left;
        width: 88%;
        padding-left: 0;
    }
    .wb-catalog .mobile-hidden-search i {
        position: absolute;
        top: 50%;
        right: 10px;
        transform: translateY(-50%);
    }
    .mobile-categories { display: block; }
    .home-categories-html { padding-top: 20px; }
    .wb-mobile-slider { height: 200px !important; }
    .wb-mobile-slider .wb-mobile-slideshow {
         height: 200px !important;
         min-height: 200px !important;
    }
    .li-mobile-photo.hidden { display: block; }
    .li-mobile-photo .wb-mobile-photo { margin-right: 0; max-width: none; }
}

@media (max-width: 676px) {
    .uk-navbar-container.pre-header .uk-first-column.mobile-whatsapp { margin-top: 0 }
}

@media (max-width: 640px) {
    .product-list.wide .image { width: 30% }
    .product-list.wide .product_content { width: 70% }
}

@media (max-width: 604px) {
    .product-list.wide .product_content .stock > div { font-size: 0.7rem; padding-left: 4px; adding-right: 7px }
}

@media (max-width: 516px) {
    .product-list.wide .product_info, .product-list.wide .product_price { width: 100% }
    .product-list.wide .product_content .stock { text-align: left }
    .product-list.wide .product_content .stock, .product-list.wide .product_content .offers,
    .product-list.wide .product_content .uk-card-footer { padding-left: 10px }
    .product-list.wide .product_content .stock > div { font-size: 0.85rem; padding-left: 5px; padding-right: 10px }
    .mobile-category-card { width: 50%; }
    .wb-mobile-slider { height: 135px !important; }
    .wb-mobile-slider .wb-mobile-slideshow {
         height: 135px !important;
         min-height: 135px !important;
    }

}

@media (max-width: 414px) {
    .product-list.wide .image, .product-list.wide .product_content { width: 100% }
    .product-list.wide .product_content .product_info > div, .product-list.wide .product_content .product_price > div { padding-left: 0; padding-right: 0 }
    .product-list.wide .product_content .product_info .product-title { text-align: center !important }
    .uk-margin-small-top { padding-left: 0; }
    .uk-navbar-container .uk-navbar .mobile-nav { padding: 10px 0;}
    .uk-navbar-container .mobile-container { padding: 0 10px; }
    .uk-navbar-container.pre-header .mobile-mail { padding-left: 15px; }
    .index-navbar-main.uk-navbar-container .uk-padding-horizontal {
        height: 80px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .product-list .uk-clip.uk-cover-container { height: 160px !important; }

}


.spinner-wrapper-webry{
    max-width: 16px;
}
/* === PWA & Performance fixes === */

/* Фикс CLS: резервируем место под изображения категорий */
.category-cards-wrapper ul.thumbs li .uk-cover-container,
.mobile-category-card .uk-cover-container {
    aspect-ratio: 1 / 1;
    contain: layout;
}

/* Фикс CLS: баннер на главной */
.uk-cover-container[style*='height: 136px'],
[style*='height: 136px;'] {
    min-height: 136px;
}

/* Фикс CLS: изображения без явных размеров */
img.lazyloaded,
img.lazyload {
    min-height: 1px;
}

/* Оффлайн-баннер PWA */
#pwa-offline-banner {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #e63946;
    color: #fff;
    text-align: center;
    padding: 10px;
    z-index: 9999;
    font-size: 14px;
}