.elementor-12187 .elementor-element.elementor-element-1ce31b7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-12187 .elementor-element.elementor-element-505a65c{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12187 .elementor-element.elementor-element-b9de632 .woocommerce-breadcrumb{font-family:"macpaw fixel display", Sans-serif;}.elementor-12187 .elementor-element.elementor-element-0ee37ae > .elementor-widget-container{margin:20px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-12187 .elementor-element.elementor-element-0ee37ae .title{font-family:"macpaw fixel display", Sans-serif;font-size:44px;font-weight:400;color:#242424;}.elementor-12187 .elementor-element.elementor-element-ec49fe5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:024px;--padding-right:24px;}.elementor-12187 .elementor-element.elementor-element-ec49fe5:not(.elementor-motion-effects-element-type-background), .elementor-12187 .elementor-element.elementor-element-ec49fe5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-12187 .elementor-element.elementor-element-82bd0aa{--wd-gap:24px;}.elementor-12187 .elementor-element.elementor-element-82bd0aa .title-text{color:#242424;font-family:"macpaw fixel display", Sans-serif;font-size:19px;font-weight:200;}.elementor-12187 .elementor-element.elementor-element-2bab65a{--display:flex;}.elementor-12187 .elementor-element.elementor-element-19da78b.elementor-element{--align-self:flex-end;}.elementor-12187 .elementor-element.elementor-element-3313e2b .wd-text-block{font-family:"Fixel Display Extra Light", Sans-serif;}.elementor-12187 .elementor-element.elementor-element-155e7b5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12187 .elementor-element.elementor-element-7f171ec{--display:flex;}.elementor-12187 .elementor-element.elementor-element-2808339{--display:flex;--margin-top:40px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12187 .elementor-element.elementor-element-c1688ea{--display:flex;--min-height:100svh;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}@media(max-width:1600px){.elementor-12187 .elementor-element.elementor-element-c1688ea{--min-height:550px;}}@media(min-width:768px){.elementor-12187 .elementor-element.elementor-element-1ce31b7{--content-width:1880px;}.elementor-12187 .elementor-element.elementor-element-2bab65a{--width:16%;}.elementor-12187 .elementor-element.elementor-element-c1688ea{--content-width:1880px;}}@media(min-width:1920px){.elementor-12187 .elementor-element.elementor-element-1ce31b7{--content-width:1880px;}.elementor-12187 .elementor-element.elementor-element-ec49fe5{--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:14px;--padding-bottom:14px;--padding-left:24px;--padding-right:24px;}}@media(max-width:1024px){.elementor-12187 .elementor-element.elementor-element-0ee37ae .title{font-size:30px;}.elementor-12187 .elementor-element.elementor-element-6bf6a0b > .elementor-widget-container{padding:24px 24px 24px 24px;}}@media(max-width:767px){.elementor-12187 .elementor-element.elementor-element-505a65c{--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-12187 .elementor-element.elementor-element-0ee37ae .title{font-size:21px;}.elementor-12187 .elementor-element.elementor-element-ec49fe5{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:24px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:18px;--padding-right:14px;}.elementor-12187 .elementor-element.elementor-element-7b625b4{width:var( --container-widget-width, 111px );max-width:111px;--container-widget-width:111px;--container-widget-flex-grow:0;}.elementor-12187 .elementor-element.elementor-element-2bab65a{--width:160px;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;}.elementor-12187 .elementor-element.elementor-element-2bab65a.e-con{--align-self:center;}.elementor-12187 .elementor-element.elementor-element-3313e2b.elementor-element{--align-self:center;}.elementor-12187 .elementor-element.elementor-element-3313e2b .wd-text-block{font-size:16px;}.elementor-12187 .elementor-element.elementor-element-155e7b5{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:4px;--padding-right:0px;}.elementor-12187 .elementor-element.elementor-element-6bf6a0b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:24px 24px 24px 24px;}.elementor-12187 .elementor-element.elementor-element-c1688ea{--min-height:300px;}}/* Start custom CSS for wd_builder_off_canvas_column_btn, class: .elementor-element-7b625b4 *//* --- Настройка липкой кнопки фильтра --- */

body .wd-sidebar-opener {
    /* 0 = Слева-Вверху (НЕ закругляем)
       14px = Справа-Вверху
       14px = Справа-Внизу
       0 = Слева-Внизу (НЕ закругляем) */
    border-radius: 0 14px 14px 0 !important;
    
    /* Размер кнопки */
    width: 50px !important;
    height: 50px !important;
    
    /* Центровка */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    /* Если нужно отодвинуть от края, чтобы было видно прямую сторону */
    /* right: 0 !important; */ 
}

/* Увеличение иконки внутри */
body .wd-sidebar-opener .wd-action-icon img {
    width: 30px !important;
    height: 30px !important;
    max-width: none !important;
    min-width: 0 !important;
}/* End custom CSS */
/* Start custom CSS for wd_archive_products, class: .elementor-element-7bd20ea *//* Применяем только для ПК (ширина больше 1024px) */
@media (min-width: 1024px) {

    /* --- 1. СЕТКА (6 колонок + Плотный поток) --- */
    .wd-products[data-source="main_loop"] {
        display: grid !important;
        grid-template-columns: repeat(6, 1fr) !important;
        /* Минимальная высота ряда. Большой блок будет 2x350 = 700px минимум */
        grid-auto-rows: minmax(350px, auto) !important;
        grid-auto-flow: dense !important; /* Это включает "шахматный" порядок */
        gap: 20px !important;
        margin: 0 !important;
    }

    /* --- 2. БАЗА ДЛЯ ВСЕХ ТОВАРОВ --- */
    .wd-products[data-source="main_loop"] .product {
        grid-column: span 1 !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        
        /* Делаем карточку гибкой колонкой */
        display: flex !important;
        flex-direction: column !important;
        height: 100% !important;
        min-height: 100% !important;
    }
    
    /* WoodMart часто оборачивает контент в .product-wrapper, растягиваем и его */
    .wd-products[data-source="main_loop"] .product .product-wrapper {
        display: flex !important;
        flex-direction: column !important;
        height: 100% !important;
        width: 100% !important;
    }

    /* --- 3. НАСТРОЙКА БОЛЬШИХ БЛОКОВ (ЦИКЛ 14) --- */

    /* ТОВАРЫ СЛЕВА (1, 15, 29...) -> 50% ширины */
    .wd-products[data-source="main_loop"] .product:nth-child(14n + 1) {
        grid-column: span 3 !important; 
        grid-row: span 2 !important;    
    }

    /* ТОВАРЫ СПРАВА (8, 22, 36...) -> 50% ширины */
    .wd-products[data-source="main_loop"] .product:nth-child(14n + 8) {
        grid-column: 4 / span 3 !important; /* Начинаем жестко с 4-й линии */
        grid-row: span 2 !important;
    }


    /* --- 4. ФИКС ПРОПАВШЕЙ ФОТКИ (FIXED) --- */
    
    /* Шаг 1: Контейнер картинки растягиваем принудительно */
    .wd-products[data-source="main_loop"] .product:nth-child(14n + 1) .product-element-top,
    .wd-products[data-source="main_loop"] .product:nth-child(14n + 8) .product-element-top {
        flex: 1 1 auto !important; /* Занять всё свободное место */
        height: 100% !important;   /* ВАЖНО: 100% высоты родителя */
        min-height: 0 !important;
        padding-bottom: 0 !important; /* Убираем "распорку" темы */
        margin-bottom: 15px !important;
        position: relative !important;
        overflow: hidden !important;
        display: block !important;
        background-color: #f1f1f1; /* Временный фон, чтобы видеть блок, если фото грузится */
    }

    /* Шаг 2: Ссылку-обертку растягиваем абсолютно */
    .wd-products[data-source="main_loop"] .product:nth-child(14n + 1) .product-element-top > a,
    .wd-products[data-source="main_loop"] .product:nth-child(14n + 1) .product-image-link,
    .wd-products[data-source="main_loop"] .product:nth-child(14n + 8) .product-element-top > a,
    .wd-products[data-source="main_loop"] .product:nth-child(14n + 8) .product-image-link {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        position: absolute !important; /* Прибиваем к краям */
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1 !important;
    }

    /* Шаг 3: Само фото делаем видимым и растянутым */
    .wd-products[data-source="main_loop"] .product:nth-child(14n + 1) .product-image-link img,
    .wd-products[data-source="main_loop"] .product:nth-child(14n + 8) .product-image-link img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important; /* Заполнить без искажений */
        position: absolute !important;
        top: 0;
        left: 0;
        opacity: 1 !important; /* Принудительно показываем (против ленивой загрузки) */
        visibility: visible !important;
    }
    
    /* Заголовок покрупнее */
    .wd-products[data-source="main_loop"] .product:nth-child(14n + 1) .wd-entities-title,
    .wd-products[data-source="main_loop"] .product:nth-child(14n + 8) .wd-entities-title {
        font-size: 18px !important;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'macpaw fixel display';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://mironiks.com/wp-content/uploads/2025/05/FixelDisplay-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'macpaw fixel display';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://mironiks.com/wp-content/uploads/2025/05/FixelDisplay-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */