/*!
Theme Name: Cartzilla
Theme URI: 
Author: Руслан
Description: Theme for Cartzilla
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/
.blog-box__pic {
    display: block;
    margin-bottom: 24px;
    max-height: 306px;
    overflow: hidden;
    border-radius: 10px;
}

.blog-box__pic img{
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.category .xproducts.catalog-item {
    flex: 0 0 32%;
}

.category .posts-list .post-blog {
    width: 100%;
}

.category .xproducts.catalog-item a {
    display: block;
    height: 286px;
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 16px;
}

.category .xproducts.catalog-item .post-title a {
    margin-bottom: 0px;
    height: auto;
}

.category .xproducts.catalog-item a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.active>a {
    color: #a2845e !important;
}

.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.active {
    background: transparent !important;
}

.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.active>a {
    background: #007aff00 !important;
    color: rgb(255, 255, 255) !important;
}

.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.active>a {
    background: #007aff00 !important;
    color: #a2845e !important;
}

.b2c-shop-layout{
  display:flex;
  gap: 16px;
  align-items:flex-start;
}
.b2c-shop-sidebar{
  width:300px;
  flex:0 0 300px;
  position:sticky;
  top:90px;
}
.b2c-shop-content{
  flex:1 1 auto;
  min-width:0;
}

.b2c-shop-filters-toggle {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #0b1f3a;
    background: #fff;
    flex-shrink: 0;
    margin-right: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.b2c-shop-filters-toggle svg {
    width: 20px;
    height: 20px;
}

@media (min-width: 1000px) {
    .b2c-shop-filters-toggle {
        display: none;
    }
}


@media (max-width: 1000px){
    .category .xproducts.catalog-item {
        flex: 0 0 48%;
    }
  .b2c-shop-layout{flex-direction:column;}
  .b2c-shop-sidebar{
    width:100%;
    flex:0 0 auto;
    position:static;
    top:auto;
  }

    .b2c-shop-sidebar .yith-wcan-filters {
        display: none;
    }

    .b2c-shop-sidebar.is-open .yith-wcan-filters {
        display: block;
        margin-top: 16px;
        height: 244px;
        overflow-y: auto;
    }
}

/* B2C: sidebar filters — stack vertically (one under another) */
.b2c-shop-sidebar .yith-wcan-filters,
.b2c-shop-sidebar .yith-wcan-filters form,
.b2c-shop-sidebar .yith-wcan-filters .yith-wcan-filters-container,
.b2c-shop-sidebar .yith-wcan-filters .yith-wcan-filter-group,
.b2c-shop-sidebar .yith-wcan-filters .yith-wcan-filter {
  width: 100% !important;
}

/* If YITH uses flex/grid inside (common) */
.b2c-shop-sidebar .yith-wcan-filters .row,
.b2c-shop-sidebar .yith-wcan-filters .columns,
.b2c-shop-sidebar .yith-wcan-filters [class*="col"],
.b2c-shop-sidebar .yith-wcan-filters [class*="grid"],
.b2c-shop-sidebar .yith-wcan-filters [class*="flex"] {
  width: 100% !important;
  flex: 0 0 100% !important;
  max-width: 100% !important;
}

/* spacing between filter blocks */
.b2c-shop-sidebar .yith-wcan-filter,
.b2c-shop-sidebar .yith-wcan-filter-group {
  margin-bottom: 16px !important;
}
.b2c-shop-sidebar .yith-wcan-filter:last-child,
.b2c-shop-sidebar .yith-wcan-filter-group:last-child {
  margin-bottom: 0 !important;
}

@media (max-width: 1000px){
    .category .xproducts.catalog-item {
        flex: 0 0 100%;
    }
}

body.product-empty-content .page-product-1-col-2 {
    position: static !important;
}