/* Manifest file for split custom styles. */
/* Keep import order unchanged to preserve cascade behavior. */

@import url("./custom.part01.css");
@import url("./custom.part02.css");
@import url("./custom.part03.css");
@import url("./custom.part04.css");
@import url("./custom.part05.css");
@import url("./custom.part06.css");
@import url("./custom.part07.css");
@import url("./custom.part08.css");
@import url("./custom.part09.css");
@import url("./custom.part10.css");
@import url("./custom.part11.css");
@import url("./custom.part12.css");
@import url("./custom.part13.css");


.pagenfullwidth {
    display: flex;
    justify-content: center;
}

@media (min-width: 1025px) {
    .pagenfullwidth {
        grid-column: 2 / 3;
    }
}

@media (max-width: 1024px) {
    .pagenfullwidth {
        grid-column: 1 / -1;
    }
}
.pagenfullwidth .bx-pagination .bx-pagination-container ul li.bx-active span {
    background: #86807f;
}
.pagenfullwidth .bx-pagination .bx-pagination-container ul li span {
    background: #fff;
}
.hidden{
    display:none !important;
}
html body .catalog-general__section .filter-toggle-all:hover {
    background: inherit !important;
}
html body .filter__checkbox.checked {
    background-color: #847978 !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e") !important;
}
.filter__list.expanded .filter__item--hidden {
    display: flex;
}
section#auth {
    padding: 60px 0;
}
p.no_prods {
    white-space: nowrap;
    padding: 10px 20px 10px;
    margin: 0 !important;
}

.filter__checkbox[type="checkbox"]:checked, .filter__checkbox[type="radio"]:checked {
    background-color: #847978 !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e") !important;
}

/* Каталог: компактный мобильный вид категорий (список-строки).
   ВАЖНО: этот блок должен оставаться самым последним в custom.css.
   custom.part07.css/part08.css содержат правило
   "body:not(.home-page) .category.catalog_page .category__element { min-height: 15.6rem !important; padding: 2.4rem 2.8rem !important; ... }"
   без медиа-условия, поэтому любая менее специфичная мобильная правка
   (даже с !important) проигрывала. Здесь используется #category (id) —
   специфичность выше любых селекторов на классах, плюс порядок в самом
   конце файла. Проверено через дерево document.styleSheets в реальном
   браузере на живой странице /catalog/ при ширине 430px. */
@media (max-width: 560px) {
    body #category.category.catalog_page .category__section {
        grid-template-columns: 1fr !important;
        gap: .8rem !important;
    }

    body #category.category.catalog_page .category__element {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 1.2rem !important;
        min-height: 0 !important;
        padding: 1rem 1.4rem !important;
        overflow: visible !important;
    }

    body #category.category.catalog_page .category__element-head {
        flex: 0 0 auto !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: .3rem !important;
        margin-bottom: 0 !important;
        width: 4.4rem !important;
    }

    body #category.category.catalog_page .category__element-icon {
        width: 2.6rem !important;
        height: 2.6rem !important;
    }

    body #category.category.catalog_page .category__element-count {
        font-size: .95rem !important;
        white-space: nowrap !important;
    }

    body #category.category.catalog_page .category__element-body {
        flex: 1 !important;
        min-width: 0 !important;
    }

    body #category.category.catalog_page .category__element-name {
        font-size: 1.4rem !important;
        text-align: left !important;
    }

    body #category.category.catalog_page .category__element-arrow {
        flex: 0 0 auto !important;
        align-self: center !important;
        justify-self: auto !important;
        margin: 0 !important;
    }
}