

/* Start:/local/templates/dresscodeV2/css/catalog-infinite-scroll.css?17908783622540*/
/* The native Bitrix pager remains a fallback when JavaScript is unavailable. */
body #main #ajaxSection #catalogSection {
    overflow-anchor: none;
}

body #main #ajaxSection.catalogInfinite--enhanced #catalogSection .bx-pagination {
    display: none;
}

body #main .catalogInfinite {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    margin: 24px 0 40px;
    color: #687b7e;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
}

body #main .catalogInfinite[hidden],
body #main .catalogInfinite__status:empty {
    display: none;
}

body #main .catalogInfinite--loading .catalogInfinite__status::before {
    content: '';
    display: inline-block;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    margin-right: 9px;
    vertical-align: -3px;
    border: 2px solid #cfe4e2;
    border-top-color: #008c9c;
    border-radius: 50%;
    animation: catalogInfiniteSpin .8s linear infinite;
}

@keyframes catalogInfiniteSpin {
    to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
    body #main .catalogInfinite--loading .catalogInfinite__status::before {
        animation: none;
    }
}

/* If automatic loading fails, the revealed native pager remains usable on phones. */
@media (max-width: 600px) {
    body #main #ajaxSection #catalogSection .bx-pagination-container ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 8px 5px;
        width: 100%;
    }

    body #main #ajaxSection #catalogSection .bx-pagination-container ul li {
        margin: 0;
    }

    body #main #ajaxSection #catalogSection .bx-pagination-container ul li:not(.bx-pag-next) span,
    body #main #ajaxSection #catalogSection .bx-pagination-container ul li:not(.bx-pag-next) a {
        min-width: 42px;
        width: 42px;
        height: 42px;
        line-height: 40px;
    }

    body #main #ajaxSection #catalogSection .bx-pagination-container ul li.bx-pag-next {
        display: flex;
        justify-content: center;
        width: 100%;
        margin: 4px 0 0;
    }

    body #main #ajaxSection #catalogSection .bx-pagination-container ul li.bx-pag-next a,
    body #main #ajaxSection #catalogSection .bx-pagination-container ul li.bx-pag-next span {
        height: 42px;
        line-height: 42px;
    }

    body #main #ajaxSection #catalogSection .bx-pagination-container ul li.bx-pag-next a {
        background: transparent;
        border: 0;
        border-radius: 999px;
    }
}

/* End */


/* Start:/local/templates/.default/components/dresscode/catalog/catalog_template/style.min.css?17891160522211*/
#middleSlider {
	margin-bottom: 24px;
}

.panel-click.selected {
	pointer-events: none;
}

.items.productList {
	margin-bottom: 24px;
}

.removeFromWishlist {
	display: none;
}

/**
 * Строка сортировки над сеткой товаров под новый дизайн — в макете виден
 * только дропдаун сортировки, переключатели "показывать по"/"вид" (плитка/
 * список/таблица) не показаны, поэтому скрываем эти колонки по CSS, сама
 * функциональность (cookie CATALOG_SORT_TO/CATALOG_VIEW) не трогаем.
 * Figma: "Первый" (2drAlmqRQHLNW6gxgw2d7H), фрейм "Каталог".
 */
/*
 * Префикс "body " здесь не для красоты — у #catalogLine{...} и
 * #catalogLine .label{...} в template_styles.css (общий шаблон, грузится
 * ПОСЛЕ этого файла в компоновке Bitrix) те же по силе селекторы; без
 * дополнительного типового селектора спор по специфичности выигрывает
 * более поздний файл, и переопределение здесь молча не применяется.
 */
body #catalogLine {
	height: auto;
	margin-bottom: 24px;
	padding: 0;
	line-height: normal;
	border: none;
}

body #catalogLine .column:has(.countElements),
body #catalogLine .column:has(.viewList) {
	display: none;
}

body #catalogLine .column:last-child {
	float: right;
}

body #catalogLine .label {
	display: none;
}

body #catalogLine .dropDownList.sortFields {
	width: auto;
	height: 38px;
	line-height: 38px;
	border: 1px solid var(--color-border, #d9d9d9);
	border-radius: var(--radius-pill, 999px);
}

body #catalogLine .dropDownList.sortFields .dropDownSelected {
	height: 36px;
	padding: 0 32px 0 16px;
	color: var(--color-text, #2b2a29);
	font-size: 14px;
	font-family: inherit;
	line-height: 36px;
	border-radius: var(--radius-pill, 999px);
}

body #catalogLine .dropDownList.sortFields .dropDownItems {
	border-color: var(--color-border, #d9d9d9);
	border-radius: 12px;
}

/* End */


/* Start:/local/templates/.default/components/dresscode/catalog/catalog_template/bitrix/catalog.section.list/.default/style.min.css?17897307145261*/
#catalogSection{margin-top:24px}body #catalogRootPromo,body #catalogRootGrid{margin-top:24px}body #catalogRootPromo .grid,body #catalogRootGrid .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}body #catalogRootPromo .tile,body #catalogRootGrid .tile{position:relative;display:block;min-height:217px;padding:24px 24px 24px 42px;overflow:hidden;border-radius:22px;text-decoration:none;box-sizing:border-box}body #catalogRootPromo .tile::before,body #catalogRootGrid .tile::before{content:"";position:absolute;inset:0;z-index:0;border-radius:22px;background:linear-gradient(180deg,rgba(42,191,209,0.33),#2abfd1);opacity:0.33}body #catalogRootPromo .tile__title,body #catalogRootGrid .tile__title{position:relative;z-index:1;display:-webkit-box;overflow:hidden;margin-bottom:16px;color:var(--color-text,#2b2a29);font-size:18px;font-weight:600;line-height:1.25;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:60%}body #catalogRootPromo .tile__count,body #catalogRootGrid .tile__count{position:relative;z-index:1;display:block;color:var(--color-text,#2b2a29);font-size:14px;line-height:1.25}body #catalogRootPromo .tile__img{position:absolute;z-index:1;max-width:none;pointer-events:none}body #catalogRootGrid .tile__img{position:absolute;z-index:1;right:16px;bottom:16px;width:140px;height:140px;object-fit:contain;pointer-events:none}@media all and (max-width:900px){body #catalogRootPromo .grid,body #catalogRootGrid .grid{grid-template-columns:repeat(2,1fr)}}@media all and (max-width:560px){body #catalogRootPromo .grid,body #catalogRootGrid .grid{grid-template-columns:1fr}body #catalogRootPromo .tile__title,body #catalogRootGrid .tile__title{max-width:100%}}#catalogSection .sectionItems{overflow:hidden}#catalogSection .sectionItems .item{-webkit-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:24px 24px;border-top:0}#catalogSection .sectionItems .item{border-bottom:0px !important}#catalogSection .sectionItems .item:last-child{border-bottom:1px solid #e7e8ea !important}#catalogSection .sectionItems .item .itemContainer{table-layout:fixed;display:table;width:100%}#catalogSection .sectionItems .item .itemContainer .column{vertical-align:middle;display:table-cell}#catalogSection .sectionItems .item .itemContainer .bigPicture{-webkit-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;padding-right:24px;text-align:center;position:relative;width:450px}#catalogSection .sectionItems .item .itemContainer .bigPicture:hover{opacity:0.9}#catalogSection .sectionItems .item .itemContainer .bigPicture .markerContainer{position:absolute;z-index:2;left:0px;top:0px}#catalogSection .sectionItems .item .itemContainer .bigPicture img{max-width:100%}#catalogSection .sectionItems .item .itemContainer .bigPicture .marker{font:normal normal 12px "roboto_ltregular",arial,sans-serif;margin-bottom:8px;padding:3px 4px;line-height:16px;z-index:2}#catalogSection .sectionItems .item .itemContainer .bigPicture a:active{position:relative;top:1px}#catalogSection .sectionItems .item .itemContainer .bigTitle{-webkit-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;text-transform:uppercase;font-family:"robotobold";text-decoration:none;margin-bottom:24px;font-size:20px;display:block}#catalogSection .sectionItems .item .itemContainer .bigTitle:active{position:relative;top:1px}#catalogSection .sectionItems .item .itemContainer .description{margin-bottom:24px;font-size:12px}#catalogSection .sectionItems .item .itemContainer .sectionList{overflow:hidden}#catalogSection .sectionItems .item .itemContainer .sectionList .section{margin-bottom:12px;width:33.333333%;float:left}#catalogSection .sectionItems .item .itemContainer .sectionList .section:nth-child(3n) a{margin-right:0}#catalogSection .sectionItems .item .itemContainer .sectionList .section a{-webkit-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;text-decoration:none;padding-bottom:12px;margin-right:24px;font-size:14px;display:block}#catalogSection .sectionItems .item .itemContainer .sectionList .section a:active{position:relative;top:1px}#catalogSection .sectionItems .item .itemContainer .sectionList .section img{-webkit-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;vertical-align:middle;padding-right:12px}#catalogSection .sectionItems .item .itemContainer .sectionList .section a:hover img{opacity:0.6}@media all and (max-width:1700px){#catalogSection .sectionItems .item .itemContainer .sectionList .section{width:50%}}@media all and (max-width:1500px){#catalogSection .sectionItems .item .itemContainer .sectionList .section{width:100%}}@media all and (max-width:1280px){#catalogSection .sectionItems .item .itemContainer .column{display:block}#catalogSection .sectionItems .item .itemContainer .bigPicture{width:auto}#catalogSection .sectionItems .item .itemContainer .sectionList .section{width:33.333333%}}@media all and (max-width:1100px){#catalogSection .sectionItems .item .itemContainer .sectionList .section{width:100%}}
/* End */
/* /local/templates/dresscodeV2/css/catalog-infinite-scroll.css?17908783622540 */
/* /local/templates/.default/components/dresscode/catalog/catalog_template/style.min.css?17891160522211 */
/* /local/templates/.default/components/dresscode/catalog/catalog_template/bitrix/catalog.section.list/.default/style.min.css?17897307145261 */
