/* Start:/local/templates/tengu/css/catalog-section.css?178892558214431*/
/* РАЗДЕЛЫ КАТАЛОГА */
.catalog-wrapper {display: grid;gap:0 50px;width:100%;max-width:100%;margin:0 auto;}
.catalog-menu + .catalog-main {margin-top:80px;}
.catalog-sections, .catalog-section, .catalog-top {display:grid;grid-template-columns: var(--columns);gap:40px 20px;}
.swiper .catalog-sections, .swiper .catalog-top {gap:0;}
@media(max-width:1650px) {
    .catalog-wrapper {gap:0 calc(10vw / 192 * 50);}
    .catalog-menu + .catalog-main {margin-top:calc(10vw / 192 * 80);}
    .catalog-sections, .catalog-section, .catalog-top {gap:calc(10vw / 192 * 40) calc(10vw / 192 * 20);}
}
@media(max-width:1200px) {
    .catalog-wrapper {gap:0 40px;}
    .catalog-menu + .catalog-main {margin-top:40px;}
    .catalog-sections, .catalog-section, .catalog-top {gap:24px 12px;}
}
@media(max-width:768px) {
    .catalog-wrapper {gap:0 calc(10vw / 36 * 40);}
    .catalog-menu + .catalog-main {margin-top:calc(10vw / 36 * 40);}
    .catalog-sections, .catalog-section, .catalog-top {gap:calc(10vw / 36 * 16) calc(10vw / 36 * 4);}
}
/* РАЗДЕЛЫ КАТАЛОГА */


/* ПАНЕЛЬ КАТАЛОГА */
.catalog-panel {
    display:flex;align-items: stretch;justify-content: start;
    gap:20px;
}
.catalog-panel .btn-panel-wrapper {position: relative;padding-bottom: 20px;}
.catalog-panel .btn-panel {
    display:flex;align-items: center;justify-content: center;
    border:1px solid var(--color-black-40);
    gap:10px;padding:10px 32px;
}
.catalog-panel .sortby-dropmenu {
    display:none;
    background: var(--color-white);
    border:1px solid var(--color-black-40);
    position: absolute;z-index: 22;
    left:0;top:calc(100% - 10px);
    padding:20px;
    width:fit-content;
}
.catalog-panel .sortby-dropmenu button {display:grid;align-items:center;grid-template-columns: 20px 1fr;gap:16px;text-align: left;white-space: nowrap;}
.catalog-panel .sortby-dropmenu button + button {margin-top:16px;}
.catalog-panel .sortby-dropmenu button:before {content:'';width:20px;height:20px;border: 1px solid var(--color-black-40);}
.catalog-panel .sortby-dropmenu button.selected:before {
    background-image:linear-gradient(to top,black,black);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 70% 70%;
}
.catalog-panel .btn-sort-wrapper:hover .sortby-dropmenu,
.catalog-panel .btn-sort-wrapper:focus .sortby-dropmenu {display:block;}
@media(max-width:1650px) {
    .catalog-panel {gap:calc(10vw / 192 * 20);}
    .catalog-panel .btn-panel-wrapper {padding-bottom: calc(10vw / 192 * 20);}
    .catalog-panel .btn-panel {gap:calc(10vw / 192 * 10);padding:calc(10vw / 192 * 10) calc(10vw / 192 * 32);}
    .catalog-panel .btn-panel img {width:calc(10vw / 192 * 20);}
    .catalog-panel .sortby-dropmenu {top:calc(100% - 10vw / 192 * 10);padding:calc(10vw / 192 * 20);}
    .catalog-panel .sortby-dropmenu button {grid-template-columns:calc(10vw / 192 * 20) 1fr;gap:calc(10vw / 192 * 16);}
    .catalog-panel .sortby-dropmenu button + button {margin-top:calc(10vw / 192 * 16);}
    .catalog-panel .sortby-dropmenu button:before {width:calc(10vw / 192 * 20);height:calc(10vw / 192 * 20);}
}
@media(max-width:1200px) {
    .catalog-panel {gap:16px;}
    .catalog-panel .btn-panel-wrapper {padding-bottom:18px;}
    .catalog-panel .btn-panel {gap:10px;padding:10px 28px;}
    .catalog-panel .btn-panel img {width:20px;}
    .catalog-panel .sortby-dropmenu {top:calc(100% - 8px);padding:20px;}
    .catalog-panel .sortby-dropmenu button {grid-template-columns:20px 1fr;gap:16px;}
    .catalog-panel .sortby-dropmenu button + button {margin-top:16px;}
    .catalog-panel .sortby-dropmenu button:before {width:20px;height:20px;}
}
@media(max-width:768px) {
    .catalog-panel {gap:calc(10vw / 36 * 4);}
    .catalog-panel .btn-panel-wrapper {padding-bottom: calc(10vw / 36 * 16);flex-grow:1;}
    .catalog-panel .btn-panel {gap:calc(10vw / 36 * 10);padding:calc(10vw / 36 * 10);width:100%;}
    .catalog-panel .btn-panel img {width:calc(10vw / 36 * 20);}
    .catalog-panel .sortby-dropmenu {top:calc(100% - 10vw / 36 * 6);right:0;left:auto;padding:calc(10vw / 36 * 20);}
    .catalog-panel .sortby-dropmenu button {grid-template-columns:calc(10vw / 36 * 20) 1fr;gap:calc(10vw / 36 * 16);}
    .catalog-panel .sortby-dropmenu button + button {margin-top:calc(10vw / 36 * 16);}
    .catalog-panel .sortby-dropmenu button:before {width:calc(10vw / 36 * 20);height:calc(10vw / 36 * 20);}
}




    /* ВНЕШНЯЯ КАРТОЧКА РАЗДЕЛА */
.catalog-sections .item {position:relative;}
.catalog-sections .item-image {display:block;position: relative;z-index: 1;overflow: hidden;}
.catalog-sections .item-image:after {content:'';position: absolute;z-index: 1;inset:0;background:linear-gradient(to bottom,#000000,#00000000 54%,#00000000);opacity: 0.8;}
.catalog-sections .item-image img {aspect-ratio: 560/700;object-position: center center;object-fit: cover;transition: 0.5s;}
.catalog-sections .item-image img.nophoto {object-fit: contain;}
.catalog-sections .item-title {position: absolute;z-index: 2;inset:32px;color: var(--color-white);margin:0;}
.catalog-sections .item:hover img {transform: scale(1.05);}
@media(max-width:1650px) {
    .catalog-sections .item-title {inset:calc(10vw / 192 * 32);}
}
@media(max-width:1200px) {
    .catalog-sections .item-title {inset:24px;}
}
@media(max-width:768px) {
    .catalog-sections .item-title {inset:calc(10vw / 36 * 20);}
    .swiper .catalog-top .top-wrapper {max-width:calc(10vw / 36 * 151);}
}
/* ВНЕШНЯЯ КАРТОЧКА РАЗДЕЛА */


/* ВНЕШНЯЯ КАРТОЧКА ТОВАРА */
.product-item-container {position: relative;}
.product-item-container .favorite {position: absolute;top:40px;right:40px;z-index: 2;}
.product-item-container .favorite {transition: 0.5s;}
.product-item-container .favorite svg {transition: 0.5s;}
.product-item-container .favorite.active svg {fill:black;}
.product-item-container .favorite:hover {opacity:0.5;}
.product-item {
    display:flex;align-items: stretch;justify-content: space-between;flex-direction: column;
    height:100%;
    text-align: left;
    position: relative;
    z-index: 1;
}
.product-item span {display:block;}
.product-item .item-image-wrapper {position: relative;}
.product-item .item-image-wrapper:before {
    content:'\41F\435\440\435\439\442\438\20\43A\20\442\43E\432\430\440\443'; /* Перейти к товару */
    background: var(--color-black-60);
    color:var(--color-white);
    text-decoration: underline;
    position: absolute;inset:0;z-index: 2;
    display:flex;align-items: center;justify-content: center;text-align: center;
    opacity: 0;transition: 0.5s;
}
.product-item .item-image {
    width:100%;
    aspect-ratio: 415/600;
    height:100%;margin:0;
    object-fit: cover;object-position: center center;
    position: relative;z-index: 1;
}
.product-item .item-image.nophoto {
    object-fit: contain;
}
.product-item .item-title-wrapper {flex-grow: 1;}
.product-item .item-title {padding:32px 0 20px 0;transition: 0.5s;}
.product-item .item-price-wrapper {display:flex;align-items: center;justify-content: start;gap:var(--padding);font-size:28px;font-weight:400;line-height:1.1;}
.product-item .item-price-old {text-decoration:line-through;}
.product-item .item-price {}
.product-item .item-price-old + .item-price {}
.product-item:hover .item-image-wrapper:before {opacity:1;}
@media(max-width:1650px) {
    .product-item-container .favorite {top:calc(10vw / 192 * 40);right:calc(10vw / 192 * 40);}
    .product-item-container .favorite svg {width:calc(10vw / 192 * 45);}
    .product-item .item-title {padding:calc(10vw / 192 * 32) 0 calc(10vw / 192 * 20) 0;}
}
@media(max-width:1200px) {
    .product-item-container .favorite {top:32px;right:32px;}
    .product-item-container .favorite svg {width:36px;}
    .product-item .item-title {padding:24px 0 16px 0;}
}
@media(max-width:768px) {
    .product-item-container .favorite {top:calc(10vw / 36 * 12);right:calc(10vw / 36 * 12);}
    .product-item-container .favorite svg {width:calc(10vw / 36 * 18);}
    .product-item .item-title {padding:calc(10vw / 36 * 12) 0 calc(10vw / 36 * 8) 0;}
}


/* ФИЛЬТР */
.filter-wrapper {position: fixed;inset:0;z-index: 999;background: var(--color-black-40);display:none;}
.filter-active .filter-wrapper {display:block;}
.filter-wrapper .bx-filter {
    position: absolute;left:0;top:0;bottom: 0;z-index: 2;height:100%;overflow-y: auto;overflow-x: hidden;background: var(--color-white);
    width:515px;padding:40px 40px 0 40px;
}
.filter-wrapper > .filter-switcher {position: absolute;inset:0;z-index: 1;background: var(--color-black-40);cursor: pointer;}
.bx-filter > .filter-switcher {position: absolute;top:40px;right:40px;}
.bx-filter h3 {margin: 0 0 36px 0;}

.bx-filter .bx-filter-parameters-box-title {margin-bottom: 24px;}
.bx-filter .bx-filter-parameters-box-title span {cursor: default;}
.bx-filter-parameters-box {margin-bottom:60px;}

.filter-price-wrapper {display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items: stretch;justify-content: space-between}

/* ФИЛЬТР - цены */
input[type="text"].min-price, input[type="text"].max-price,
input[type="text"].min-price:hover, input[type="text"].max-price:hover,
input[type="text"].min-price:focus, input[type="text"].max-price:focus {color:var(--color-black);border:0!important;border-bottom:1px solid var(--color-black-40)!important;}
input[type="text"].min-price::placeholder, input[type="text"].max-price::placeholder,
input[type="text"].min-price:hover::placeholder, input[type="text"].max-price:hover::placeholder,
input[type="text"].min-price:focus::placeholder, input[type="text"].max-price:focus::placeholder {color:var(--color-dark-gray);}

/* ФИЛЬТР - кнопки */
.filter-button-container {position: sticky;bottom:0;background:white;padding-bottom: 40px;}
.filter-button-container .bx-filter-parameters-box-container {display:block;margin:0;padding:0;}
.filter-button-container .btn {width:100%;}
.filter-button-container .btn + .btn {margin-top:20px;border:1px solid var(--color-black)}

/* ФИЛЬТР - переделываем чекбоксы */
.bx-filter .checkbox + .checkbox {margin-top:16px;}
.bx-filter .checkbox input {display:none;}
.bx-filter .checkbox input + span {display:grid!important;grid-template-columns: 20px 1fr;gap:16px;align-items: center;}
.bx-filter .checkbox input + span:before {content:'';width:20px;height:20px;border: 1px solid var(--color-black-40);}
.bx-filter .checkbox input:checked + span:before {
    background-image: linear-gradient(to top, black, black);
    background-size:70% 70%;
    background-repeat: no-repeat;
    background-position: center center;
}
.bx-filter .bx-filter-param-label.disabled {opacity:0.4;}
.bx-filter .bx-filter-param-label.disabled .bx-filter-param-text {color:var(--color-black)}

/* ФИЛЬТР - спойлеры */
.checklist-spoiler .checkbox:nth-child(n+5) {display:none;}
.checklist-spoiler.active .checkbox:nth-child(n+5) {display:block;}
.checklist-switcher {margin-top:16px;}
.checklist-switcher:not(:hover) {text-decoration: underline}
.checklist-switcher:before {content:'\420\430\437\432\435\440\43D\443\442\44C';}
.checklist-spoiler.active .checklist-switcher:before {content:'\421\432\435\440\43D\443\442\44C';}

/* ФИЛЬТР - отключаем лишнее */
#modef,
.bx-filter-container-modef,
.bx-filter .bx-ui-slider-track-container {display:none!important;}

@media(max-width:1650px) {
    .filter-wrapper .bx-filter {width:calc(10vw / 192 * 515);padding:calc(10vw / 192 * 40) calc(10vw / 192 * 40) 0 calc(10vw / 192 * 40);}
    .bx-filter > .filter-switcher {top:calc(10vw / 192 * 40);right:calc(10vw / 192 * 40);}
    .bx-filter > .filter-switcher img {width:calc(10vw / 192 * 24);}
    .bx-filter h3 {margin: 0 0 calc(10vw / 192 * 36) 0;}
    .bx-filter .bx-filter-parameters-box-title {margin-bottom:calc(10vw / 192 * 24);}
    .bx-filter-parameters-box {margin-bottom:calc(10vw / 192 * 60);}
    .filter-price-wrapper {gap:calc(10vw / 192 * 60);}
    .filter-button-container {padding-bottom:calc(10vw / 192 * 40);}
    .filter-button-container .btn + .btn {margin-top:calc(10vw / 192 * 20);}
    .bx-filter .checkbox + .checkbox {margin-top:calc(10vw / 192 * 16);}
    .bx-filter .checkbox input + span {grid-template-columns: calc(10vw / 192 * 20) 1fr;gap:calc(10vw / 192 * 16);}
    .bx-filter .checkbox input + span:before {width:calc(10vw / 192 * 20);height:calc(10vw / 192 * 20);}
    .checklist-switcher {margin-top:calc(10vw / 192 * 16);}
}
@media(max-width:1200px) {
    .filter-wrapper .bx-filter {width:400px;padding:40px var(--padding) 0 var(--padding);}
    .bx-filter > .filter-switcher {top:40px;right:var(--padding);}
    .bx-filter > .filter-switcher img {width:16px;}
    .bx-filter h3 {margin: 0 0 36px 0;}
    .bx-filter .bx-filter-parameters-box-title {margin-bottom:18px;}
    .bx-filter-parameters-box {margin-bottom:36px;}
    .filter-price-wrapper {gap:40px;}
    .filter-button-container {padding-bottom:var(--padding);}
    .filter-button-container .btn + .btn {margin-top:12px;}
    .bx-filter .checkbox + .checkbox {margin-top:14px;}
    .bx-filter .checkbox input + span {grid-template-columns: 20px 1fr;gap:16px;}
    .bx-filter .checkbox input + span:before {width:20px;height:20px;}
    .checklist-switcher {margin-top:16px;}
}
@media(max-width:768px) {
    .filter-wrapper .bx-filter {width:100vw;padding:calc(10vw / 36 * 40) calc(10vw / 36 * 10) 0 calc(10vw / 36 * 10);}
    .bx-filter > .filter-switcher {top:calc(10vw / 36 * 44);right:calc(10vw / 36 * 10);}
    .bx-filter > .filter-switcher img {width:calc(10vw / 36 * 14);}
    .bx-filter h3 {margin: 0 0 calc(10vw / 36 * 36) 0;}
    .bx-filter .bx-filter-parameters-box-title {margin-bottom:calc(10vw / 36 * 20);}
    .bx-filter-parameters-box {margin-bottom:calc(10vw / 36 * 40);}
    .filter-price-wrapper {gap:calc(10vw / 36 * 40);}
    .filter-button-container {padding-bottom:calc(10vw / 36 * 10);}
    .filter-button-container .btn + .btn {margin-top:calc(10vw / 36 * 8);}
    .bx-filter .checkbox + .checkbox {margin-top:calc(10vw / 36 * 12);}
    .bx-filter .checkbox input + span {grid-template-columns: calc(10vw / 36 * 20) 1fr;gap:calc(10vw / 36 * 16);}
    .bx-filter .checkbox input + span:before {width:calc(10vw / 36 * 20);height:calc(10vw / 36 * 20);}
    .checklist-switcher {margin-top:calc(10vw / 36 * 12);}
}
/* End */
/* /local/templates/tengu/css/catalog-section.css?178892558214431 */