

/* Start:/bitrix/templates/aspro_next_custom/components/bitrix/catalog.section/catalog_block_xca_list/style.css?17823910368556*/
/**
 * catalog_block_xca_list — самостоятельные стили плиточного листинга XCA.
 * Корневой scope: .xca-catalog-block-list (template.php).
 * Не зависит от .ajax_load.block и inline-стилей catalog/xca/section.php.
 */

/* 1. Grid / layout */
.xca-catalog-block-list.grid-list--no-gap .grid-list-border-outer {
	margin: 4px 4px 65px 4px;
}

.xca-catalog-block-list .catalog_item_wrapp,
.xca-catalog-block-list.grid-list .catalog_item_wrapp {
	height: 100%;
	min-height: unset;
	position: relative;
}

.xca-catalog-block-list .catalog_item_wrapp .catalog_item,
.xca-catalog-block-list .catalog_item {
	height: 100%;
}

.xca-catalog-block-list .catalog_item > div {
	height: 100%;
	display: flex;
	flex-direction: column;
}

.xca-catalog-block-list .catalog_item .image_wrapper_block {
	width: 100%;
}

.xca-catalog-block-list .catalog_item > div .item_info {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex: 1;
}

/* 2. Card shell */
.xca-catalog-block-list .catalog_item_wrapp .catalog_item {
	box-shadow: 0 0 20px rgba(0, 0, 0, .1);
	cursor: default;
}

/* 3. Footer / buy block */
.xca-catalog-block-list .catalog_item .footer_button.xca_footer_button {
	opacity: 1;
	visibility: visible;
	height: auto;
	display: block;
	margin: 11px 0 0;
	text-align: center;
	font-size: 13px;
	color: #333;
}

.xca-catalog-block-list .footer_button.xca_footer_button .counter_wrapp,
.xca-catalog-block-list .footer_button.xca_footer_button .counter_block,
.xca-catalog-block-list .footer_button.xca_footer_button .button_block {
	opacity: 1;
	visibility: visible;
}

/* 4. Fast view */
.xca-catalog-block-list .fast_view_wrapper,
.xca-catalog-block-list .fast_view_block {
	display: none;
	visibility: hidden;
	opacity: 0;
}

/* 5. Section props 1.2 */
.xca-catalog-block-list .xca-list-section-props {
	margin: 4px 0 6px;
	width: 100%;
	text-align: left;
}

.xca-catalog-block-list .xca-list-section-props__row {
	width: 100%;
	max-width: 100%;
	font-size: 13px;
	line-height: 1.35;
}

.xca-catalog-block-list .xca-list-section-props__row + .xca-list-section-props__row,
.xca-catalog-block-list .xca-list-section-props__dimensions + .xca-list-section-props__row,
.xca-catalog-block-list .xca-list-section-props__row + .xca-list-section-props__dimensions {
	margin-top: 2px;
}

.xca-catalog-block-list .xca-list-section-props__line {
	display: flex;
	flex-wrap: nowrap;
	align-items: baseline;
	width: 100%;
	min-width: 0;
	overflow: hidden;
	container-type: inline-size;
}

.xca-catalog-block-list .xca-list-section-props__name {
	flex: 1 100 0;
	min-width: 0;
	overflow: hidden;
}

.xca-catalog-block-list .xca-list-section-props__name span {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.xca-catalog-block-list .xca-list-section-props__value {
	flex: 0 1 auto;
	min-width: 0;
	margin-left: 0.35em;
	overflow: hidden;
}

.xca-catalog-block-list .xca-list-section-props__value span {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.xca-catalog-block-list .xca-list-section-props__value-inner--native-num {
	font-style: italic;
}

.xca-catalog-block-list .xca-list-section-props__value-inner--text-mismatch {
	text-decoration: underline;
}

.xca-catalog-block-list .xca-list-section-props__value-inner--num-above-1 {
	color: #3d8b40;
}

.xca-catalog-block-list .xca-list-section-props__value-inner--num-above-2 {
	color: #368a38;
}

.xca-catalog-block-list .xca-list-section-props__value-inner--num-above-3 {
	color: #2f7d32;
}

.xca-catalog-block-list .xca-list-section-props__value-inner--num-above-4 {
	color: #287529;
}

.xca-catalog-block-list .xca-list-section-props__value-inner--num-above-5 {
	color: #4caf50;
}

.xca-catalog-block-list .xca-list-section-props__value-inner--num-below-1 {
	color: #c2185b;
	opacity: 0.88;
}

.xca-catalog-block-list .xca-list-section-props__value-inner--num-below-2 {
	color: #d81b60;
	opacity: 0.76;
}

.xca-catalog-block-list .xca-list-section-props__value-inner--num-below-3 {
	color: #e53935;
	opacity: 0.64;
}

.xca-catalog-block-list .xca-list-section-props__value-inner--num-below-4 {
	color: #ef5350;
	opacity: 0.52;
}

.xca-catalog-block-list .xca-list-section-props__value-inner--num-below-5 {
	color: #f44336;
	opacity: 0.42;
}

.xca-catalog-block-list .xca-list-section-props__row--value-only .xca-list-section-props__line {
	justify-content: flex-end;
}

.xca-catalog-block-list .xca-list-section-props__row--value-only .xca-list-section-props__value {
	margin-left: 0;
}

.xca-catalog-block-list .xca-list-section-props__row--value-only .xca-list-section-props__value span {
	padding-left: 0;
}

.xca-catalog-block-list .xca-list-section-props__dimensions-overlay {
	position: absolute;
	inset: 0;
	z-index: 3;
	width: 100%;
	height: 100%;
	max-width: none;
	padding: 8px;
	box-sizing: border-box;
	pointer-events: none;
	line-height: 0;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.2s ease, visibility 0.2s ease;
	background: rgba(255, 255, 255, 0.92);
}

.xca-catalog-block-list .image_wrapper_block:has(.xca-list-section-props__dimensions-overlay) {
	position: relative;
}

.xca-catalog-block-list .catalog_item:has(.xca-list-section-props__row--dimension:hover) .xca-list-section-props__dimensions-overlay,
.xca-catalog-block-list .catalog_item:has(.xca-list-section-props__row--dimension:focus-within) .xca-list-section-props__dimensions-overlay {
	opacity: 1;
	visibility: visible;
}

.xca-catalog-block-list .xca-list-section-props__row--dimension {
	cursor: default;
}

.xca-catalog-block-list .xca-list-section-props--has-dimensions .xca-list-section-props__row--dimension:hover .xca-list-section-props__name span,
.xca-catalog-block-list .xca-list-section-props--has-dimensions .xca-list-section-props__row--dimension:hover .xca-list-section-props__value span {
	color: #333;
}

.xca-catalog-block-list .xca-list-section-props__dimensions-overlay .xca-list-section-props__dimensions-svg {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	max-height: none;
	margin: 0;
}

.xca-catalog-block-list .xca-list-section-props__dimensions-axes {
	pointer-events: none;
}

.xca-catalog-block-list .xca-list-section-props__dimensions-axis {
	stroke: #777;
	stroke-width: 1.5;
	stroke-linecap: round;
}

.xca-catalog-block-list .xca-list-section-props__dimensions-axis--width {
	stroke: #888;
}

.xca-catalog-block-list .xca-list-section-props__dimensions-axis--height {
	stroke: #666;
}

.xca-catalog-block-list .xca-list-section-props__dimensions-axis--depth {
	stroke: #999;
	stroke-dasharray: 3 2;
}

.xca-catalog-block-list .xca-list-section-props__dimensions-origin {
	fill: #555;
	stroke: #fff;
	stroke-width: 0.5;
}

.xca-catalog-block-list .xca-list-section-props__dimensions-axis-name {
	fill: #666;
	font-size: 7px;
	font-family: inherit;
	font-weight: 600;
}

.xca-catalog-block-list .xca-list-section-props__dimensions {
	margin: 2px 0 4px;
	width: 100%;
}

.xca-catalog-block-list .xca-list-section-props__dimensions-svg {
	display: block;
	width: 100%;
	max-width: 120px;
	height: auto;
	margin: 0 auto;
}

.xca-catalog-block-list .xca-list-section-props__dimensions-face {
	fill: #f5f5f5;
	stroke: #888;
	stroke-width: 1.2;
	stroke-linejoin: round;
}

.xca-catalog-block-list .xca-list-section-props__dimensions-face--front {
	fill: #fff;
}

.xca-catalog-block-list .xca-list-section-props__dimensions-label {
	fill: #555;
	font-size: 11px;
	font-family: inherit;
	font-weight: 600;
}

/* 6. Responsive */
@media (min-width: 768px) {
	html:not(.mobile) .xca-catalog-block-list .catalog_item_wrapp .footer_button.xca_footer_button {
		position: absolute;
		left: 0;
		right: 0;
		top: calc(100% - 26px);
		padding-left: 20px;
		padding-right: 19px;
		padding-bottom: 26px;
		background: #fff;
		box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1);
		margin-top: 0;
	}
}

@media (min-width: 600px) {
	.xca-catalog-block-list .counter_wrapp .counter_block,
	.xca-catalog-block-list .counter_wrapp .button_block {
		margin: 11px 5px 0 5px;
	}
}

@media (max-width: 767px) {
	.xca-catalog-block-list .catalog_item .footer_button.xca_footer_button {
		margin-top: 0;
	}
}

/* End */


/* Start:/bitrix/templates/aspro_next_custom/css/grid-list.min.css?17792085417499*/
.grid-list{--gap:24px;display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.grid-list--gap-4{--gap:4px}.grid-list.grid-list--gap-8{--gap:8px}.grid-list--gap-12{--gap:12px}.grid-list--gap-20{--gap:20px}.grid-list--gap-30{--gap:30px}.grid-list--gap-32{--gap:32px}#main .grid-list--items-1,#main .grid-list--items-1-wide{grid-template-columns:1fr}.grid-list--items-2{grid-template-columns:repeat(auto-fill,minmax(505px,1fr))}.grid-list--items-2.grid-list--items-min260{grid-template-columns:repeat(auto-fill,minmax(max(calc((100% - 32px)/ 2),260px),1fr))}.grid-list--items-2.grid-list--no-gap{grid-template-columns:repeat(auto-fill,minmax(520px,1fr))}.grid-list--items-2.grid-list--no-gap.grid-list--items-min260{grid-template-columns:repeat(auto-fill,minmax(max(50%,260px),1fr))}.grid-list--items-3{grid-template-columns:repeat(auto-fill,minmax(425px,1fr))}.grid-list--items-4{grid-template-columns:repeat(auto-fill,minmax(310px,1fr))}.grid-list--items-5{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.grid-list--items-6{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.grid-list--items-exact-2{grid-template-columns:1fr 1fr}body .grid-list--no-gap{--gap:0px}body .grid-list--gap-row{grid-row-gap:32px}body .grid-list--gap-row-40{grid-row-gap:40px}body .grid-list--gap-column-24{column-gap:24px}.grid-list--no-gap .grid-list-border-outer{margin:0 0 -1px 0}.grid-list--items-2-wide{grid-template-columns:repeat(auto-fill,minmax(640px,1fr))}.grid-list--items-3-wide{grid-template-columns:repeat(auto-fill,minmax(480px,1fr))}.grid-list--items-4-wide{grid-template-columns:repeat(auto-fill,minmax(385px,1fr))}.grid-list--items-5-wide{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.grid-list--items-6-wide{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}body .grid-list--no-grid{display:flex;gap:unset;flex-wrap:wrap}@media(min-width:601px){.grid-list--items-2-601{grid-template-columns:repeat(2,1fr)}.grid-list--items-3-601{grid-template-columns:repeat(3,1fr)}}@media(min-width:768px){.grid-list--items-8-768{grid-template-columns:repeat(8,1fr)}.grid-list--items-7-768{grid-template-columns:repeat(7,1fr)}.grid-list--items-6-768{grid-template-columns:repeat(6,1fr)}.grid-list--items-5-768{grid-template-columns:repeat(5,1fr)}.grid-list--items-4-768{grid-template-columns:repeat(4,1fr)}.grid-list--items-3-768{grid-template-columns:repeat(3,1fr)}.grid-list--items-2-768{grid-template-columns:repeat(2,1fr)}.grid-list--items-1-768{grid-template-columns:1fr}}@media(min-width:992px){.grid-list--items-8-992{grid-template-columns:repeat(8,1fr)}.grid-list--items-7-992{grid-template-columns:repeat(7,1fr)}.grid-list--items-6-992{grid-template-columns:repeat(6,1fr)}.grid-list--items-5-992{grid-template-columns:repeat(5,1fr)}.grid-list--items-4-992{grid-template-columns:repeat(4,1fr)}.grid-list--items-3-992{grid-template-columns:repeat(3,1fr)}.grid-list--items-2-992{grid-template-columns:repeat(2,1fr)}.grid-list--items-1-992{grid-template-columns:1fr}}@media (min-width:1100px){.grid-list--items-8-1100{grid-template-columns:repeat(8,1fr)}.grid-list--items-7-1100{grid-template-columns:repeat(7,1fr)}.grid-list--items-6-1100{grid-template-columns:repeat(6,1fr)}.grid-list--items-5-1100{grid-template-columns:repeat(5,1fr)}.grid-list--items-4-1100{grid-template-columns:repeat(4,1fr)}.grid-list--items-3-1100{grid-template-columns:repeat(3,1fr)}}@media(min-width:1200px){.grid-list--items-8-1200{grid-template-columns:repeat(8,1fr)}.grid-list--items-7-1200{grid-template-columns:repeat(7,1fr)}.grid-list--items-6-1200{grid-template-columns:repeat(6,1fr)}.grid-list--items-5-1200{grid-template-columns:repeat(5,1fr)}.grid-list--items-4-1200{grid-template-columns:repeat(4,1fr)}.grid-list--items-3-1200{grid-template-columns:repeat(3,1fr)}.grid-list--items-2-1200{grid-template-columns:repeat(2,1fr)}}@media (min-width:1300px){.grid-list--items-8-1300{grid-template-columns:repeat(8,1fr)}.grid-list--items-7-1300{grid-template-columns:repeat(7,1fr)}.grid-list--items-6-1300{grid-template-columns:repeat(6,1fr)}.grid-list--items-5-1300{grid-template-columns:repeat(5,1fr)}.grid-list--items-4-1300{grid-template-columns:repeat(4,1fr)}.grid-list--items-3-1300{grid-template-columns:repeat(3,1fr)}}@media(min-width:1400px){.grid-list--items-8-1400{grid-template-columns:repeat(8,1fr)}.grid-list--items-7-1400{grid-template-columns:repeat(7,1fr)}.grid-list--items-6-1400{grid-template-columns:repeat(6,1fr)}.grid-list--items-5-1400{grid-template-columns:repeat(5,1fr)}.grid-list--items-4-1400{grid-template-columns:repeat(4,1fr)}.grid-list--items-3-1400{grid-template-columns:repeat(3,1fr)}}@media (max-width:1300px){.grid-list--items-2-wide{grid-template-columns:repeat(auto-fill,minmax(480px,1fr))}}@media (min-width:992px){.grid-list--items-5:not(.grid-list--no-gap){grid-template-columns:repeat(auto-fill,minmax(235px,1fr))}}@media (max-width:1100px){#main .grid-list.grid-list--items-1-991{grid-template-columns:1fr}.grid-list.grid-list--items-2-991{grid-template-columns:1fr 1fr}.grid-list.grid-list--items-3-991{grid-template-columns:1fr 1fr 1fr}}@media (max-width:500px){#main .grid-list:not(.mobile-scrolled){grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}.item-w25{width:25%}.item-w33{width:33.33%}.item-w50{width:50%}.item-w66{width:66.66%}.item-w75{width:75%}.item-w100{width:100%}html.bx-ie .grid-list{display:flex;flex-wrap:wrap}html.bx-ie .grid-list .grid-list__item{width:100%}html.bx-ie .grid-list--items-6 .grid-list__item{width:16.66%}html.bx-ie .grid-list--items-5 .grid-list__item{width:20%}html.bx-ie .grid-list--items-4 .grid-list__item{width:25%}html.bx-ie .grid-list--items-3 .grid-list__item{width:33.33%}html.bx-ie .grid-list--items-2 .grid-list__item{width:50%}@media (max-width:1200px){html.bx-ie .grid-list--items-5 .grid-list__item{width:33%}}@media (min-width:992px){.grid-list--no-grid:not(.grid-list--no-gap),html.bx-ie .grid-list:not(.grid-list--no-gap){margin:-16px -16px}.grid-list--no-grid:not(.grid-list--no-gap)>div,html.bx-ie .grid-list:not(.grid-list--no-gap)>div{padding:16px}html.bx-ie .grid-list.grid-list--gap-20:not(.grid-list--no-gap){margin:0 -10px}html.bx-ie .grid-list.grid-list--gap-20:not(.grid-list--no-gap)>div{padding:10px}html.bx-ie .grid-list.grid-list--gap-32:not(.grid-list--no-gap){margin:0 -16px}html.bx-ie .grid-list.grid-list--gap-32:not(.grid-list--no-gap)>div{padding:16px}}@media (max-width:991px){html.bx-ie .grid-list .grid-list__item{width:50%}html.bx-ie .grid-list--items-5 .grid-list__item{width:20%}html.bx-ie .grid-list--items-1 .grid-list__item,html.bx-ie .grid-list--items-1-wide .grid-list__item{width:100%}.grid-list{--gap:24px}.grid-list--no-grid:not(.grid-list--no-gap),html.bx-ie .grid-list:not(.grid-list--no-gap){margin:0 -12px}.grid-list--no-grid:not(.grid-list--no-gap)>div,html.bx-ie .grid-list:not(.grid-list--no-gap)>div{padding:12px}}@media (max-width:767px){html.bx-ie .grid-list .grid-list__item{width:100%}}@media (max-width:600px){body .grid-list--no-gap.grid-list--no-gap-f601{gap:24px}body .mobile-scrolled.grid-list--no-gap.grid-list--no-gap-f601{gap:0}body .mobile-scrolled.grid-list--no-gap.grid-list--no-gap-f601>div{padding-right:24px}#main .grid-list.grid-list--compact{grid-template-columns:1fr 1fr}}@media (max-width:450px){#main .grid-list.grid-list--compact .grid-list__item>.bordered{border-radius:0}}.grid-list--fill-bg>.grid-list__item>div{background:#fff;background:var(--card_bg_black)}.grid-list__item{min-width:0}
/* End */
/* /bitrix/templates/aspro_next_custom/components/bitrix/catalog.section/catalog_block_xca_list/style.css?17823910368556 */
/* /bitrix/templates/aspro_next_custom/css/grid-list.min.css?17792085417499 */
