/* Start:/bitrix/templates/aspro_next/components/bitrix/catalog.section/techdir_catalog_list/style.css?17476448781850*/
.catalog_item_discount{
    position: absolute;
    left: 15px;
    top: 15px;
    width: 50px;
    padding: 5px 10px;
    background: red;
    display: block;
    z-index: 1000;
    color: white;
    font-size: 14px;
    text-align: center;
}

/* files in list */

.doc-start {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	padding: 0px 30px 30px 30px;
}

.doc-start > a.doc-item {
	display: flex;
	align-items: flex-start;
	margin-bottom: 16px;
	width: 33.33333%;
}
.doc-start > a.doc-item > .doc-img {
	margin-right: 5px
}


.doc-start > a > div > .doc-title {
	font-size: 13px;
	line-height: 125%;
	color: #384044;
	margin-bottom: 2px;
}

.doc-start > a > div > .doc-size {
	font-size: 12px;
	color: #afb3b4;
	line-height: 125%;
}
div > div > a > div.doc-img > svg.icon {
	width: 35px !important;
	height: 23px !important;
	margin-top: 6px !important;
}

div > div > a > div.doc-img > svg.ic_doc_977, div > div > a > div.doc-img > svg.ic_doc_978, div > div > a > div.doc-img > svg.ic_doc_985, div > div > a > div.doc-img > svg.ic_doc_986, div > div > a > div.doc-img > svg.ic_doc_1689{
	background: url(/upload/icons_doc.png) -47px -3px no-repeat !important;
}
div > div > a > div.doc-img > svg.ic_doc_980 {
	background: url(/upload/icons_doc.png) -47px -37px no-repeat !important;
}
div > div > a > div.doc-img > svg.ic_doc_981 {
	background: url(/upload/icons_doc.png) -47px -73px no-repeat !important;
}
div > div > a > div.doc-img > svg.ic_doc_982 {
	background: url(/upload/icons_doc.png) -47px -107px no-repeat !important;
}
div > div > a > div.doc-img > svg.ic_doc_979 {
	background: url(/upload/icons_doc.png) -47px -177px no-repeat !important;
}
div > div > a > div.doc-img > svg.ic_doc_984 {
	background: url(/upload/icons_doc.png) -47px -247px no-repeat !important;
}
div.total_summ div {
	font-size: 12px; !important;
}
/* End */


/* Start:/bitrix/templates/aspro_next/css/lightwerk-list-banner.css?17931957336357*/
.lw-list-row {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin: 18px 0;
    container-type: inline-size;
}

.lw.lw--list,
.lw.lw--list * {
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
}

.lw.lw--list {
    position: relative;
    display: grid;
    grid-template-columns: 360px minmax(0, 1fr) 184px;
    align-items: center;
    gap: 28px;
    width: 100%;
    height: auto;
    min-height: 280px;
    margin: 0;
    padding: 20px 24px 20px 20px;
    overflow: hidden;
    border: 1px solid #252a34;
    border-radius: 10px;
    background-color: #0e1116;
    background-image: linear-gradient(#ffffff06 1px, transparent 1px), linear-gradient(90deg, #ffffff06 1px, transparent 1px);
    background-size: 30px 30px;
    color: #fff;
    text-align: left;
    text-decoration: none;
}

.lw.lw--list > * { position: relative; min-width: 0; }
.lw.lw--list .lw-list-copy,
.lw.lw--list .lw-list-action { z-index: 1; }
.lw.lw--list .lw-list-decor { display: none; }

.lw.lw--list .stage {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 240px;
    min-height: 0;
    margin: 0;
    overflow: hidden;
    border: 1px solid #ffffff20;
    border-radius: 8px;
    aspect-ratio: auto;
    touch-action: pan-y;
}

.lw.lw--list .layer { position: absolute; inset: 0; background-size: cover; background-position: center; }
.lw.lw--list .day { z-index: 1; background-image: url('/images/lightwerk/standard-house-before.webp'); }
.lw.lw--list .night { z-index: 2; background-image: url('/images/lightwerk/standard-house-after.webp'); clip-path: inset(0 0 0 var(--lw-split, 50%)) !important; }
.lw.lw--list .tag { position: absolute; z-index: 2; top: 12px; padding: 7px 10px; border-radius: 30px; background: #0d182ec2; color: #fff; font-size: 10px; font-weight: 700; line-height: 14px; letter-spacing: .5px; pointer-events: none; }
.lw.lw--list .tag.l { left: 12px; }
.lw.lw--list .tag.r { right: 12px; }
.lw.lw--list .divider { position: absolute; inset: 0 auto 0 var(--lw-split, 50%); z-index: 3; left: var(--lw-split, 50%) !important; width: 2px; background: #fff; transform: translateX(-50%); pointer-events: none; }
.lw.lw--list .knob { position: absolute; top: 50%; left: 50%; width: 30px; height: 30px; border: 3px solid #ed2035; border-radius: 50%; background: #fff; box-shadow: 0 3px 10px #0005; transform: translate(-50%, -50%); }
.lw.lw--list .lw-compare-range { position: absolute; inset: 0; z-index: 4; width: 100%; height: 100%; min-width: 0; margin: 0; padding: 0; opacity: 0; cursor: ew-resize; touch-action: pan-y; }
.lw.lw--list .stage:focus-within { outline: 2px solid #fff; outline-offset: -3px; }
.lw-list-row .lw.lw--list .head img { display: block; width: auto; height: 28px !important; max-width: 190px; margin: 0 0 15px; object-fit: contain; object-position: left; }
.lw.lw--list .live { display: flex; align-items: center; gap: 7px; margin: 0 0 13px; color: #ff7783; font-size: 10px; font-weight: 700; line-height: 1.4; letter-spacing: 1.3px; }
.lw.lw--list .dot { width: 6px; height: 6px; flex-shrink: 0; border-radius: 50%; background: #ed2035; box-shadow: 0 0 0 4px #ed20351c; }
.lw.lw--list .title { margin: 0 0 12px; color: #fff !important; font-size: 30px; font-weight: 800; line-height: 1.12; letter-spacing: -.6px; }
.lw.lw--list .title .ac { color: #ff5a66; }
.lw.lw--list .sub { max-width: 380px; margin: 0; color: #b4bdcb; font-size: 14px; line-height: 1.5; }
.lw.lw--list .lw-list-action { display: flex; flex-direction: column; align-items: center; gap: 13px; }
.lw.lw--list .lw-link.cta { position: relative; inset: auto; display: flex; align-items: center; justify-content: center; gap: 9px; width: 100%; min-height: 48px; padding: 12px 14px; border-radius: 6px; background: #ed1730; color: #fff; font-size: 12px; font-weight: 800; line-height: 1.4; letter-spacing: .3px; text-decoration: none; }
.lw.lw--list .lw-link.cta:hover { background: #ff2740; color: #fff; }
.lw.lw--list .lw-link.cta:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.lw.lw--list .lw-list-hint { margin: 0; color: #a4adbc; font-size: 12px; line-height: 1.5; text-align: center; }
.lw.lw--list.lw--new-year .lw-list-decor { position: absolute; inset: 0; display: block; overflow: hidden; background: none; pointer-events: none; }
.lw.lw--list.lw--new-year .lw-list-decor::before,
.lw.lw--list.lw--new-year .lw-list-decor::after {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 140px;
    background-image: url('/images/lightwerk/new-year-decor.webp');
    background-repeat: no-repeat;
    background-size: 280px auto;
    content: '';
}
.lw.lw--list.lw--new-year .lw-list-decor::before { left: 0; background-position: left top; }
.lw.lw--list.lw--new-year .lw-list-decor::after { right: 0; background-position: right top; }
.lw.lw--list.lw--new-year .day { background-image: url('/images/lightwerk/new-year-house-before.webp'); }
.lw.lw--list.lw--new-year .night { background-image: url('/images/lightwerk/new-year-house-after.webp'); }
.lw.lw--list.lw--new-year .title { font-size: 28px; }
.lw.lw--list.lw--new-year::after { display: none; }

@container (max-width: 1050px) {
    .lw.lw--list { grid-template-columns: minmax(240px, 40%) minmax(0, 1fr); gap: 18px 20px; }
    .lw.lw--list .stage { grid-row: 1 / 3; height: 100%; min-height: 250px; }
    .lw.lw--list .lw-list-action { grid-column: 2; align-items: flex-start; gap: 7px; }
    .lw.lw--list .lw-link.cta { width: 184px; }
    .lw.lw--list .lw-list-hint { text-align: left; }
    .lw.lw--list .title { font-size: 27px; }
    .lw.lw--list.lw--new-year .title { font-size: 25px; }
}

@container (max-width: 650px) {
    .lw.lw--list { display: flex; flex-direction: column; align-items: stretch; gap: 20px; min-height: 0; padding: 16px; }
    .lw.lw--list .lw-list-copy { order: 0; }
    .lw.lw--list .stage { order: 1; height: auto; min-height: 0; aspect-ratio: 3 / 2; }
    .lw.lw--list .lw-list-action { order: 2; align-items: stretch; }
    .lw.lw--list .lw-link.cta { width: 100%; }
    .lw.lw--list .lw-list-hint { text-align: center; }
    .lw.lw--list .title,
    .lw.lw--list.lw--new-year .title { font-size: 27px; }
    .lw.lw--list.lw--new-year .lw-list-decor::before,
    .lw.lw--list.lw--new-year .lw-list-decor::after { width: 110px; background-size: 220px auto; }
}

/* End */
/* /bitrix/templates/aspro_next/components/bitrix/catalog.section/techdir_catalog_list/style.css?17476448781850 */
/* /bitrix/templates/aspro_next/css/lightwerk-list-banner.css?17931957336357 */