/* Start:/local/templates/svetilniki/components/bitrix/catalog/svetilniki_catalog_template/style.css?17798100568040*/

#page
{
overflow:hidden !important;
}
#pagetitle {
    margin-bottom: 0;
    display: none;
}

.catalog-element-addinational-block-header {
	font: 500 27px/32px "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding-bottom: 26px;
	margin-bottom: 55px;
	margin-top: 26px;
	border-bottom: 1px solid rgba(18, 18, 18, 0.1);
}

.filter-btn-icon {
	display: none;
}
.catalog-controls-btn {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
	padding: 0 10px;
}
.catalog-sections-list {
	margin-bottom: 10px;
}

#main-filter {
    left: -1000px;
    transition: 0.3s;
}

#main-filter.active {
    left: 0;
}


@media (min-width: 824px) {
	#show-filter {
		display: none;
	}
}
@media (max-width: 824px) {
	.catalog-content-wrap {
		position: relative;
	}
	#main-filter {
		position: absolute;
		z-index: 4;
		background: #fff;
        padding: 10px;
        border-radius: 15px;
	}
	#show-filter {
		display: block;
		width: 200px !important;
		background: transparent !important;
		color: #fff;
		border-radius: 4px;
	}
}

@media (min-width: 769px) {
	#show-filter {
		width: 200px !important;
		background: linear-gradient(90deg, var(--brand-1), var(--brand-2));
		color: #fff;
		border-radius: 4px;
		padding: 10px;
	}
}
@media (max-width: 768px) {
	.filter-btn-desctop {
		display: block;
        background: linear-gradient(90deg, var(--brand-1), var(--brand-2));
        color: #fff;
        padding: 5px 8px;
        border-radius: 5px;
        font-size: 16px;
		font-weight: 600;
	}
	.filter-btn-icon {
		display: none;
	}
	#show-filter {
		margin: 0 !important;
	}
}
@media (max-width: 576px) {
    #main-filter {
        overflow: hidden;
        padding: 10px;
        -webkit-box-shadow: 1px 0px 4px 0px rgba(34, 60, 80, 0.2);
        -moz-box-shadow: 1px 0px 4px 0px rgba(34, 60, 80, 0.2);
        box-shadow: 1px 0px 4px 0px rgba(34, 60, 80, 0.2);
    }
    .filter-btn-desctop {
        border-radius: 10px 10px 0 0 !important;
        padding: 10px;
    }
    .catalog-controls-btn {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 10px;
    }
    .catalog-filter-wrap {
        position: fixed;
        left: 0;
        bottom: 45px;
        z-index: 10;
        width: 100%;
    }
    #show-filter {
        width: 100% !important;
    }

    .b24-widget-button-position-bottom-right {
        right: 10px !important;
        bottom: 70px !important;
    }

}
/*--------SELECT SORT--------*/
.soprt-dropdown-wrap {
}
.soprt-dropdown {
	width: 150px;
	position: relative;
}
.soprt-dropbtn {
	display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
	width: 100%;
    background-color: #fff;
    color: #000;
    padding: 3px 10px;
	font-weight: 500;
    font-size: 14px;
    border-radius: 30px;
    text-align: center;
	cursor: pointer;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
}
.soprt-dropbtn span {
    font-size: 20px;
	line-height: 14px;
}
.soprt-dropbtn i {
    transition: transform 0.3s ease;
}
.soprt-dropbtn.active i {
    transform: rotate(180deg);
}
.soprt-dropdown-content {
	display: none;
	position: absolute;
    width: 100%;
    top: 105%;
    left: 0;
    z-index: 10;
}
.soprt-dropdown-content-list {
	width: 100%;
	display: flex;
    flex-direction: column;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .5);
	border-radius: 5px;
    margin-top: 5px;
    background-color: #fff;
}
.soprt-dropdown-content-list a {
	text-decoration: none;
    padding: 5px;
	color: #000;
    font-size: 14px;
}
.soprt-dropdown-content-list a:hover {
	text-decoration: none;
    color: var(--brand-1);
    background-color: #f1f3f5;
}
.soprt-dropdown-content {
    display: none;
}
/*------------OLD SORT STYLE---------------*/
.sort {
	margin: 10px 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.sort a {
	display: block;
    width: max-content;
    padding: 2px 10px;
    margin: 0 5px;
    text-decoration: none;
    background-color: var(--brand-1);
    color: #fff;
    border-radius: 5px;
	transition: all .2s ease-out;
}
.sort a:hover {
    color: #fff;
	opacity: .8;
	transition: all .2s ease-in;
}

.sort span {
	font-weight: 600;
	margin-left: 5px;
}
.sort-mobile {
	display: none;
}
@media (max-width: 576px) {
	.sort-desctop, .soprt-dropdown {
		display: none;
	}
	.sort-mobile {
		display: block;
	}
	.sort-item {
		width: 100%;
		display: flex;
		flex-direction: column;
	}
	.sort-item-btns {
		display: flex;
	}
	.catalog-sections-list-container {
		justify-content: space-around;
	}
	.card-memory-game-opener {
		display: none;
	}
}

/*-----------POP-UP BLOCK FOR MOBILE-----------*/
.soprt-mobile {
    display: none;
}
.soprt-mobile-icon {
	display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
	font-weight: 600;
    background: linear-gradient(90deg, var(--brand-1), var(--brand-2));
    color: #fff;
	padding: 4px 15px 5px;
    border-radius: 5px;
}
#overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Прозрачный черный цвет */
    z-index: 99; /* Ниже меню, но выше остального контента */
}
#floating-menu {
    display: none; /* Скрываем меню по умолчанию */
    position: fixed;
    bottom: 0;
    right: 0;
	width: 100%;
    height: 50%;
    background-color: #fff;
    color: #2b2b2d;
    padding: 10px 10px 10px 25px;
    border-radius: 5px 5px 0 0;
    z-index: 100;
}

#floating-menu ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#floating-menu ul li {
    margin-bottom: 5px;
}
.floating-menu-link-item {
	display: flex;
	align-items: center;
}
.floating-menu-link-item span {
	display: block;
    margin-right: 5px;
	width: 15px;
    height: 15px;
    border: solid 1px #2b2b2d;
    border-radius: 10px;
}
.floating-menu-link-item.active span {
    background-color: #2b2b2d;
}
#floating-menu ul li a {
    color: #2b2b2d;
    text-decoration: none;
    transition: color 0.3s ease;
}

#floating-menu ul li a:hover {
    color: #2b2b2d;
}
.floating-menu-line {
    background-color: #ccc;
	width: 50px;
	height: 3px;
	margin: 0 auto;
	border-radius: 2px;
}
.floating-menu-title {
	font-size: 24px;
	color: #2b2b2d;
	margin-bottom: 10px;
    border-bottom: solid 1px #ccc;
}
@media (max-width: 576px) {
	.soprt-mobile {
		display: block;
	}
}

/*--------------COUNT-PAGE-ELEMENT----------------*/
.catalog-count-switcher-wrap {
	width: 100%;
	display: flex;
	justify-content: end;
}
.catalog-count-switcher a {
	margin: 0 5px;
	text-decoration: none;
	color: #333;
}
.catalog-count-switcher a.active {
	font-weight: bold;
	text-decoration: underline;
	color: #639e0e;
}
.catalog-count-switcher a:hover {
	text-decoration: underline;
	color: #639e0e;
}


@media (max-width: 576px) {
	.catalog-count-switcher-wrap {
		padding: 10px 0;
	}
}

/*--------------END REGION----------------*/

.show-more-block {
	display: none;
}
.bx-pagination .bx-pagination-container ul li.bx-active span {
	background: var(--brand-1) !important;
    color: #fff;
}
.bx-pagination .bx-pagination-container ul li span {
	border-radius: 4px !important;
}

/*-------------------SEARCH PAGE---------------------------*/
.search-page .input-group-append input.btn {
	font-weight: 500;
	color: var(--green);
    background-color: var(--grey_dark) !important;
    border-color: var(--grey_dark) !important;
    border-radius: 0 4px 4px 0;
}
.search-page .input-group-append input.btn:hover {
	color: var(--dark);
}

/*----------------------------------------*/

.catalog-compare-list {
	display: none !important;
}

/*----------------------------------------*/


/*----------Эти стили для подключения фиксирования блока фильтров при скроле
.bx-sidebar-block {
    position: relative;
    overflow: visible;
}

.sidebar-block-inner {
    position: absolute;
    top: 0;
    width: 100%;
}

*/


/* End */


/* Start:/local/templates/svetilniki/components/bitrix/catalog.compare.list/bootstrap_v4/style.css?1779810061752*/
.catalog-compare-list {
	z-index: 998;
	overflow: hidden;
	box-sizing: border-box;
	margin-bottom: 10px;
	padding: 0.75rem 1.25rem;
	max-height: 100%;
	border: 1px solid #ced4da;
	border-radius: 0.2rem;
	background: #fff;
	color: #404040;
	white-space: normal;
	font-size: 12px;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

.catalog-compare-list.fixed {
	position: fixed;
	width: 270px;
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .18);
}

.catalog-compare-list.top { top: 5px; }

.catalog-compare-list.right { right: 5px; }

.catalog-compare-list.bottom { bottom: 5px; }

.catalog-compare-list.left { left: 5px; }

.catalog-compare-item-list { width: 100%; }



@media (max-width: 576px) {
	.catalog-compare-list {
		display: none;
	}
}
/* End */


/* Start:/local/templates/svetilniki/components/bitrix/catalog.section.list/filter_category/style.css?17798102461265*/
.catalog-sections-sidebar {
    margin-bottom: 20px;
}
.catalog-sections-sidebar-title {
	display: block;
    font-size: 20px;
    font-weight: 600;
    text-decoration: none;
    color: #000;
    padding-bottom: 2px;
    margin-bottom: 10px;
}

.catalog-sections-sidebar-subtitle {
	display: block;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    color: #000;
    margin-bottom: 5px;
}
.catalog-sections-sidebar-list {
    list-style: none;
	background: #fff;
    padding: 10px;
    border-radius: 8px;
    -webkit-box-shadow: 4px 5px 8px 0px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 4px 5px 8px 0px rgba(34, 60, 80, 0.2);
    box-shadow: 4px 5px 8px 0px rgba(34, 60, 80, 0.2);
}
.catalog-sections-sidebar-list-item {

}
.catalog-sections-sidebar-list-item-link {
    text-decoration: none;
    color: #000;
}
.catalog-sections-sidebar-list-item-link:hover {
    text-decoration: none;
    color: #6bb431;
}
.catalog-sections-sidebar-list-item-inner {

}
.catalog-sections-sidebar-list-item-title {
    font-size: 16px;
	font-weight: 500;
	margin-bottom: 15px;
}


@media (max-width: 824px) {
	.catalog-sections-sidebar-list {
		box-shadow: none;
	}
	.catalog-sections-sidebar {
		margin-bottom: 0;
	}
}
@media (max-width: 576px) {

}

/* End */


/* Start:/local/templates/svetilniki/components/bitrix/catalog.smart.filter/svet_v2/style.css?179146997019205*/
/* C6 svet_v2 — фильтр раздела (06.10.2026). Цвета/скругления как у чипов и кнопок сайта (--brand-1 #51A564, --brand-2 #63c278). */
.svf{background:#fff;border-radius:10px;box-shadow:0 1px 6px rgba(34,60,80,.16);margin-bottom:16px;color:#222}
.svf-head{display:flex;align-items:center;gap:8px;padding:14px 16px 10px}
.svf-title{font-weight:700;font-size:18px;line-height:24px;margin-right:auto}
.svf-reset-top{border:0;background:none;color:var(--brand-1);font-weight:600;font-size:14px;padding:4px 0;cursor:pointer}
.svf-reset-top[hidden],.svf-reset[hidden]{display:none}
.svf-close{display:none;border:0;background:none;font-size:30px;line-height:1;width:44px;height:44px;margin:-8px -10px -8px 0;color:#555;cursor:pointer}
.svf-quick{position:relative;padding:2px 16px 10px}
.svf-g{position:relative;border-top:1px solid #edf0f2}
.svf-g.is-empty{display:none}
.svf-v.is-zero,.svf-g .is-off{display:none!important}
.svf button:focus,.svf input:focus,.svf-chip:focus,.svf-mbtn:focus,.svf-cat-more:focus{outline:none}
.svf button:focus-visible,.svf-chip:focus-visible,.svf-mbtn:focus-visible,.svf-cat-more:focus-visible,.svf-v input:focus-visible{outline:2px solid var(--brand-1);outline-offset:2px;border-radius:6px}
.svf-gt{position:relative;display:block;width:100%;padding:13px 66px 13px 16px;border:0;background:none;color:#222;font-weight:600;font-size:15px;line-height:20px;text-align:left;cursor:pointer}
/* бейдж и стрелка вне потока: заголовок переносится одинаково до и после выбора — строка не прыгает (visual-qa 07.10, P2-1) */
.svf-gt .svf-gn{position:absolute;right:36px;top:50%;margin-top:-10px}
@media (hover:hover){.svf-gt:hover{color:var(--brand-1)}.svf-v:hover input:not(:disabled){border-color:var(--brand-1)}.svf-chip:hover i{color:#c62828}.svf-more:hover{color:#3a9c4a}}
.svf-gt i{position:absolute;right:18px;top:50%;margin-top:-6px;width:8px;height:8px;border-right:2px solid #9aa3a8;border-bottom:2px solid #9aa3a8;transform:translateY(-2px) rotate(45deg);transition:transform .2s}
.svf-g.is-open .svf-gt i{transform:translateY(2px) rotate(-135deg)}
.svf-gn{display:inline-block;min-width:20px;padding:0 6px;border-radius:10px;background:var(--brand-1);color:#fff;font-size:12px;line-height:20px;text-align:center}
.svf-gb{display:none;padding:0 16px 14px}
.svf-g.is-open .svf-gb{display:block}
.svf-v{display:flex;align-items:center;gap:10px;min-height:32px;padding:3px 0;margin:0;font-size:14px;line-height:18px;font-weight:400;cursor:pointer}
.svf-v input{-webkit-appearance:none;appearance:none;position:relative;flex:none;width:18px;height:18px;margin:0;border:1.5px solid #b9c1c6;border-radius:4px;background:#fff;cursor:pointer;transition:background .15s,border-color .15s}
.svf-v input:checked{border-color:var(--brand-1);background:var(--brand-1)}
.svf-v input:checked::after{content:'';position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.svf-v span{flex:1;min-width:0;line-height:1.25}
.svf-v em{flex:none;font-style:normal;font-size:13px;color:#6f777c}
.svf-v.disabled{cursor:default}
.svf-v.disabled span,.svf-v.disabled em{color:#b4bbc0}
.svf-v.disabled input{border-color:#dde1e4}
.svf-sw{flex:none;width:16px;height:16px;border-radius:50%;background:var(--c,#fff);box-shadow:inset 0 0 0 1px rgba(0,0,0,.18)}
.svf-sw.is-clear{background:linear-gradient(135deg,#fff 42%,#c9d4da 50%,#fff 58%)}
.svf-sw.is-multi{background:conic-gradient(#e53935,#fbc02d,#43a047,#1e88e5,#8e24aa,#e53935)}
.svf-sw.is-other{background:repeating-linear-gradient(45deg,#fff 0 3px,#dfe3e6 3px 5px)}
.svf-v.disabled .svf-sw{opacity:.4}
.svf-g:not(.is-all) .svf-v.is-extra{display:none}
.svf-more{margin-top:4px;padding:4px 0;border:0;background:none;color:var(--brand-1);font-weight:400;font-size:14px;text-decoration:underline;cursor:pointer}
.svf-search{display:block;width:100%;height:36px;margin:0 0 8px;padding:0 10px;border:1px solid #dfe3e6;border-radius:6px;font-size:14px;outline:none}
.svf-search:focus,.svf-num-in input:focus{border-color:var(--brand-1)}
.svf-num-in{display:flex;gap:10px}
.svf-num-in input{flex:1;min-width:0;height:38px;padding:0 10px;border:1px solid #dfe3e6;border-radius:6px;font-size:14px;outline:none;-moz-appearance:textfield}
.svf-num-in input::-webkit-outer-spin-button,.svf-num-in input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
/* слайдер — разметка и JS штатного фильтра Битрикса */
.svf .smart-filter-slider-track-container{padding:16px 9px 6px}
.svf .smart-filter-slider-track{position:relative;height:4px;border-radius:2px;background:#e5e8ea}
.svf .smart-filter-slider-range,.svf .smart-filter-slider-price-bar-vd,.svf .smart-filter-slider-price-bar-vn,.svf .smart-filter-slider-price-bar-v{position:absolute;top:0;bottom:0}
.svf .smart-filter-slider-range{z-index:5}
/* штатный слайдер двигает «vd» ровно между ручками — её и красим; «доступно/недоступно» (vn, v) не показываем */
.svf .smart-filter-slider-price-bar-vd{z-index:2;background:var(--brand-1)}
.svf .smart-filter-slider-price-bar-vn,.svf .smart-filter-slider-price-bar-v{display:none}
.svf .smart-filter-slider-handle{position:absolute;top:50%;width:18px;height:18px;margin-top:-9px;outline:none;border:2px solid var(--brand-1);border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);cursor:grab}
.svf .smart-filter-slider-handle.left{left:0;margin-left:-9px}
.svf .smart-filter-slider-handle.right{right:0;margin-right:-9px}
.svf .smart-filter-slider-handle:active{cursor:grabbing}
.svf .smart-filter-slider-handle:focus{outline:none}
.svf .smart-filter-slider-handle:focus-visible{outline:2px solid var(--brand-1);outline-offset:3px}
.svf .smart-filter-slider-handle::before{content:'';position:absolute;inset:-14px}
/* низ колонки: «Показать N товаров» прилипает */
.svf-foot{position:sticky;bottom:0;z-index:6;display:flex;gap:8px;padding:12px 16px;border-top:1px solid #edf0f2;border-radius:0 0 10px 10px;background:#fff;box-shadow:0 -10px 14px -10px rgba(34,60,80,.28)}   /* тень: видно, что кнопка плавает над списком, а не режет строку (007a) */
.svf.is-dirty .svf-foot{animation:svf-in .22s ease-out}
@keyframes svf-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.svf.is-dirty .svf-foot{animation:none}}
/* выбрано, но не применено — подложка (007a) */
.svf-v.is-pending{margin:0 -8px;padding-left:8px;padding-right:8px;border-radius:6px;background:#dcefe1;box-shadow:inset 3px 0 0 var(--brand-1)}
/* шапка: «не применено», пока есть невыбранный выбор (007a); на десктопе не показываем — переносилась и сдвигала колонку, там есть пузырёк и липкая кнопка */
.svf.is-dirty .svf-title::after{content:'не применено';display:inline-block;margin-left:8px;padding:1px 8px;border-radius:10px;background:#fff4e0;color:#8a5a00;font-size:12px;font-weight:600;line-height:18px;vertical-align:2px}
.svf-hint{margin:0 0 8px;color:#6b7479;font-size:13px;line-height:18px;text-wrap:balance}
.svf-reset-top[hidden]{display:inline-block!important;visibility:hidden}   /* место под «Сбросить» в шапке — шапка не растёт при первом выборе */
.svf-empty{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:auto;margin:8px 0 24px 12px;padding:24px;border-radius:10px;background:#fff;box-shadow:0 1px 6px rgba(34,60,80,.12);font-size:15px}
.svf-empty b{font-size:18px}
.svf-empty span{color:#6b7479}
.svf-empty .svf-reset{margin-top:6px}
.svf-chip span{display:inline}
@media (min-width:825px){.svf.is-dirty .svf-title::after{display:none}}
.svf-chips .svf-chip.is-more{display:none}
.svf-chips.is-all .svf-chip.is-more{display:inline-flex}
.svf-chip.is-open-more{background:#fff;color:var(--brand-1);font-weight:600}
/* десктоп: пузырёк «Показать N» справа от выбранного значения */
.svf{position:relative}
.svf-bub{display:none}
@media (min-width:825px){
	.svf-bub.is-on{display:block;position:absolute;left:calc(100% + 10px);z-index:30;height:36px;padding:0 14px;border:0;border-radius:18px;background:linear-gradient(90deg,var(--brand-1),var(--brand-2));box-shadow:0 2px 10px rgba(34,60,80,.25);color:#fff;font-weight:600;font-size:14px;white-space:nowrap;cursor:pointer;animation:svf-in .18s ease-out}
	.svf-bub.is-on::before{content:'';position:absolute;left:-6px;top:12px;border:6px solid transparent;border-left:0;border-right-color:var(--brand-1)}
	.svf-bub:disabled{opacity:.6;cursor:default}
	.svf:not(.is-dirty) .svf-bub{display:none}
}
.svf-num-in input.is-pending{border-color:var(--brand-1);background:#f6fbf7}
.svf-apply{flex:1;height:44px;padding:0 12px;border:0;border-radius:8px;background:linear-gradient(90deg,var(--brand-1),var(--brand-2));color:#fff;font-weight:600;font-size:15px;cursor:pointer}
.svf-apply:hover{opacity:.9}
.svf-apply:disabled{opacity:1;cursor:progress}   /* на время пересчёта не бледнеет — не мерцает (владелец 08.10) */
.svf-apply.is-zero{opacity:.5;cursor:default}   /* бледная — только когда «Ничего не найдено» */
.svf-reset{flex:none;height:44px;padding:0 14px;border:1px solid var(--brand-1);border-radius:8px;background:#fff;color:var(--brand-1);font-weight:600;font-size:15px;cursor:pointer}
.svf-reset:hover{background:var(--brand-1);color:#fff}
/* штатная всплывашка modef скрыта (visual-qa 06.10: дублирует кнопку и перекрывает листинг); число — на липкой кнопке */
.svf #modef,.svf .smart-filter-container-modef{display:none!important}
.svf .smart-filter-container-modef{position:absolute;top:6px;right:-10px;z-index:20}
.svf .svf-pop{position:absolute;left:0;top:0;margin:0;padding:8px 12px;border:0;border-radius:8px;background:#fff;box-shadow:0 2px 12px rgba(34,60,80,.22);color:#222;font-size:14px;line-height:20px;white-space:nowrap;border-image:none}
.svf .svf-pop a{margin-left:6px;color:var(--brand-1);font-weight:600}
.svf .svf-pop br,.svf .svf-pop .arrow{display:none}
.svf-foot .svf-pop{display:none!important}
/* чипы выбранного над листингом — как чипы раздела (.catalog-tag) */
.svf-chips{display:flex;flex-wrap:wrap;gap:8px;width:100%;margin:10px 0 0}   /* сверху — отступ от чипов подкатегорий (владелец 07.10: «прилипало»); снизу 10 у сортировки — ритм 10/10, как без чипов (007a) */
.svf-chip{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:3px 10px 3px 14px;border:0;border-radius:16px;background:#eef7f0;box-shadow:0 1px 1px rgba(0,0,0,.12);color:#222;font-size:14px;line-height:18px;cursor:pointer}
.svf-chip small{font-size:14px;color:#555}
.svf-chip i{font-style:normal;font-size:18px;line-height:1;color:#6b7479}
.svf-chip.is-reset{padding:4px 14px;background:#fff;color:var(--brand-1);font-weight:600}
.svf-chip.is-busy{opacity:.5}
.svf-mbtn,.svf-ov{display:none}
@media (min-width:825px){
	.svf:not(.is-dirty) .svf-foot{display:none}
	.svf-foot .svf-reset{display:none}   /* на десктопе «Сбросить» — в шапке колонки, кнопке «Показать N товаров» нужна вся ширина */
}
/* мобайл: шторка снизу вместо выезжающей колонки и плавающей «Показать фильтр» */
@media (max-width:824px){
	.catalog-filter-wrap,#show-filter{display:none!important}
	/* место под кнопку «Фильтры» занято с первой отрисовки (кнопку вставляет JS) — иначе сдвиг сетки, CLS */
	.catalog-section .catalog-top::before{content:'';flex:none;width:118px;height:44px;margin-right:8px}
	html.svf-ready .catalog-section .catalog-top::before{display:none}
	.svf-mbtn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:118px;height:44px;padding:0 12px;margin-right:8px;border:0;border-radius:8px;background:linear-gradient(90deg,var(--brand-1),var(--brand-2));color:#fff;font-weight:600;font-size:15px;cursor:pointer}
	.catalog-section .soprt-mobile .soprt-mobile-icon{display:flex;align-items:center;min-height:44px;padding-top:0;padding-bottom:0;border-radius:8px}
	.svf-mbtn b{min-width:20px;padding:0 6px;border-radius:10px;background:#fff;color:var(--brand-1);font-size:12px;line-height:20px;text-align:center}
	.svf-mbtn b[hidden]{display:none}
	#main-filter{position:fixed!important;top:0!important;right:0;bottom:0;left:0!important;z-index:1102;width:auto!important;max-width:none;margin:0;padding:0!important;border-radius:0!important;background:#fff;overflow-y:auto;-webkit-overflow-scrolling:touch;transform:translateY(100%);visibility:hidden;transition:transform .25s ease,visibility 0s .25s;box-shadow:none!important}
	html.svf-open #main-filter{transform:none;visibility:visible;transition:transform .25s ease}
	html.svf-open,html.svf-open body{overflow:hidden}
	html.svf-open .svf-ov{display:block;position:fixed;inset:0;z-index:1101;background:rgba(0,0,0,.4)}
	#main-filter .sidebar-section-list{padding:8px 16px 0}
	.svf{margin:0;border-radius:0;box-shadow:none}
	.svf-head{position:sticky;top:0;z-index:7;padding:10px 16px;border-bottom:1px solid #edf0f2;background:#fff}
	.svf-close{display:block}
	.svf-gt{padding:14px 66px 14px 16px;font-size:16px}
	.svf-v{min-height:44px;font-size:15px}
	.svf-reset-top{display:none!important}
	.svf-more{min-height:44px;padding:0}
	.svf-foot .svf-reset[hidden]{display:block!important;opacity:.4;pointer-events:none}   /* !important: у Bootstrap [hidden]{display:none!important} */
	.svf-hint{font-size:13px;line-height:18px}
	.svf-chip:not(.is-num) small{display:none}   /* мобайл: в чипе только значение («Спальня», «Черный»); у цены, размеров и числовых значений подпись остаётся */
	.svf-foot{position:fixed;left:0;right:0;bottom:0;z-index:8}   /* всегда у нижнего края шторки, даже когда список короче экрана */
	#main-filter .svf{padding-bottom:84px}
	.svf-empty{margin-left:0}   /* «Сбросить» стоит всегда — кнопки не прыгают при первом выборе */
	.svf-num-in input{height:44px;font-size:16px}
	.svf .smart-filter-slider-handle{width:24px;height:24px;margin-top:-12px}
	.svf .smart-filter-slider-handle.left{margin-left:-12px}
	.svf .smart-filter-slider-handle.right{margin-right:-12px}
	.svf .smart-filter-slider-track-container{padding:22px 12px 10px}
	#main-filter .svf-head{box-shadow:0 2px 6px rgba(0,0,0,.06)}
	.svf-v input{width:20px;height:20px}
	.svf-v input:checked::after{left:6px;top:2px}
	.svf-foot{padding:10px 16px calc(10px + env(safe-area-inset-bottom));border-radius:0;box-shadow:0 -2px 8px rgba(0,0,0,.06)}
	.svf .smart-filter-container-modef{display:none}
	.catalog-section .catalog-top{display:flex;align-items:center;justify-content:flex-start!important;flex-wrap:wrap;gap:0}
	.catalog-top .catalog-top-count{flex:1 1 auto;padding-left:8px;white-space:nowrap;font-size:14px;text-align:right}
	.svf-chips{gap:6px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;width:calc(100% + 16px);box-sizing:border-box;margin-right:-16px;padding-right:16px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent)}   /* уходит под край экрана, как плашки подкатегорий */   /* одна строка со свайпом, «Сбросить всё» первым (visual-qa вид 07.10: одинокий перенос) */
	.svf-chips::-webkit-scrollbar{display:none}
	.row>.svf-chips{max-width:none;width:calc(100% + 32px);margin-left:-16px;margin-right:-16px;padding-left:16px!important;padding-right:0!important;scroll-padding-inline:16px;overscroll-behavior-x:contain}   /* Bootstrap .row>* даёт max-width:100% и padding 0; строка уходит под оба края экрана */
	.svf-chips::after{content:'';flex:0 0 24px}   /* хвост: последний чип в конце прокрутки встаёт левее затухания */
	.svf-chip{flex:none;white-space:nowrap}
	/* в шторке — подкатегории сверху (на сайте этот блок на телефоне скрыт) */
	#main-filter .catalog-sections-sidebar{display:block;margin:0 0 4px;padding:12px 0 8px;box-shadow:none;border-bottom:1px solid #edf0f2}
	/* шапка «Фильтры ×» всегда сверху шторки, категории — под ней */
	#main-filter{padding-top:57px!important}
	#main-filter .svf-head{position:fixed;top:0;left:0;right:0}
	#main-filter .catalog-sections-sidebar-title{font-size:16px;font-weight:700;margin:0 0 6px}
	#main-filter .catalog-sections-sidebar-list-item-link{display:block;padding:10px 0}
	#main-filter .catalog-sections-sidebar-list-item-title{margin:0}
	.svf-chip{min-height:36px;padding:4px 8px 4px 12px;font-size:13px}
	.svf-chip small{font-size:13px}
	.svf-chip i{font-size:20px;padding:0 2px}
}
/* «Категории товаров» над фильтром: длинный список свёрнут до 6 (visual-qa: в «Электротоварах» 10 пунктов отодвигали фильтр) */
#main-filter .svf-cat-extra{display:none}
#main-filter .catalog-sections-sidebar-list-item-link.is-current .catalog-sections-sidebar-list-item-title{color:var(--brand-1);font-weight:600}
.svf-cat-li{list-style:none;padding:0}
#main-filter.svf-cat-all .svf-cat-extra{display:block}
.svf-cat-more{display:block;margin:0;padding:4px 0;border:0;background:none;color:var(--brand-1);font-size:14px;text-decoration:underline;cursor:pointer}
@media (max-width:824px){.svf-cat-more{min-height:44px;padding:0}}
/* категории: подсветка под пальцем после тапа «залипает» — на сенсорных экранах без hover-цвета (visual-qa 07.10) */
@media (hover:none){#main-filter .catalog-sections-sidebar-list-item-link:hover{color:#000}}
/* планшет 600–824: шторка справа шириной 480, а не на весь экран (visual-qa 07.10) */
@media (min-width:600px) and (max-width:824px){
	#main-filter{left:auto!important;width:480px!important;box-shadow:-4px 0 16px rgba(0,0,0,.15)!important}
	#main-filter .svf-head{left:auto;width:480px}
	#main-filter .svf-foot{left:auto;width:480px}
}

/* End */


/* Start:/bitrix/components/bitrix/system.pagenavigation/templates/round/style.css?17830140842821*/
.bx-pagination {
	margin: 10px 0;
}

.bx-pagination .bx-pagination-container {
	text-align: center;
	position: relative;
}
.bx-pagination .bx-pagination-container ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline-block;
}
.bx-pagination .bx-pagination-container ul li {
	display: inline-block;
	margin: 0 2px 15px 2px;
}
.bx-pagination .bx-pagination-container ul li span{
    -webkit-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
       -moz-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    	-ms-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    	 -o-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    		transition: color .3s ease, background-color .3s ease, border-color .3s ease;
	background: #eff0f1;
	padding: 0 8px;
	display: block;
	height: 32px;
	min-width: 32px;
	line-height: 32px;
	color: #444;
	font-size: 14px;
	border-radius: 16px;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.bx-pagination .bx-pagination-container ul li a {
	text-decoration: none;
	display: block;
	border-radius: 16px;
	height: 32px;
	min-width: 32px;
	line-height: 32px;
	color: #444;
	vertical-align: middle;
}
.bx-pagination .bx-pagination-container ul li a:hover span{
	background: #DADADA;
}
.bx-pagination .bx-pagination-container ul li.bx-active span{
	background: #0083d1;
	color: #fff;
}
.bx-pagination .bx-pagination-container ul li.bx-pag-all a span,
.bx-pagination .bx-pagination-container ul li.bx-pag-prev a span,
.bx-pagination .bx-pagination-container ul li.bx-pag-next a span {
	background: #fff;
	border: 2px solid #eff0f1;
	line-height: 28px;
	padding: 0 18px;
	color: #444;
}
.bx-pagination .bx-pagination-container ul li.bx-pag-all span,
.bx-pagination .bx-pagination-container ul li.bx-pag-prev span,
.bx-pagination .bx-pagination-container ul li.bx-pag-next span{
	color: #aab1b4;
	background: #fff;
	border: 2px solid #eff0f1;
	line-height: 28px;
	padding: 0 18px;
}
.bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span,
.bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span,
.bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span {
	background: #fff;
	border-color: #DADADA;
	color: #000;
}

/*color schemes*/
.bx-pagination.bx-green  .bx-pagination-container ul li.bx-active span{
	background: #3bc915;
	color: #fff;
}
.bx-pagination.bx-yellow  .bx-pagination-container ul li.bx-active span{
	background: #F9A91D;
	color: #fff;
}
.bx-pagination.bx-red  .bx-pagination-container ul li.bx-active span{
	background: #E22B2B;
	color: #fff;
}
.bx-pagination.bx-blue .bx-pagination-container ul li.bx-active span{
	background: #0083d1;
	color: #fff;
}

/* End */


/* Start:/local/templates/svetilniki/components/bitrix/catalog.section/store_v3/style.css?17913628209001*/
/*test*/
.section {
	display: flex;
	overflow: auto;
}
/*endtest*/

.bx-content {
	padding: 0;
}

.catalog-section.container-fluid,
.catalog-section.container-fluid .row {
	--bs-gutter-x: 0;
}

.catalog-section.container-fluid { padding: 0 calc(var(--bs-gutter-x) / 2); }

.catalog-section .main-ui-loader-custom {
	position: absolute;
	top: unset;
	left: 50%;
	bottom: 5px;
	transform: translate3d(-50%, 0, 0);
	z-index: 100;
}

.show-more-block button {
	text-decoration: none;
    background-color: #59686f;
    color: #fff;
    border-radius: 20px;
    transition: .2s;
}
.show-more-block button:hover {
    background-color: #639e0e;
    color: #fff;
}

.catalog-top {
	display: flex;
    justify-content: space-between;
    align-items: end;
    margin: 10px 0;
}
.catalog-top-category {
	font-size: 20px;
    font-weight: 600;
    letter-spacing: .2px;
}
.catalog-top-count {
	font-size: 16px;
    height: max-content;
    color: #999;
}




@media (min-width: 576px) {
	.catalog-section.container-fluid,
	.catalog-section.container-fluid .row {
		--bs-gutter-x: 15px !important;
	}
}

.catalog-element-addinational-blocks .catalog-section {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
@media (max-width: 824px) {
    .catalog-section {
        width: 100% !important;
    }
}
@media (max-width: 575px) {
	.catalog-section {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
    .catalog-sections-sidebar {
        display: none;
    }
}

@media (max-width: 991px) {
	/* .catalog-section-item-wrapper {
		min-width: 273px;
		flex-grow: 1 !important;
		max-width: 100% !important;
	} */
	.catalog-section .main-ui-loader-custom {
		position: absolute;
		top: unset;
		left: 50%;
		bottom: 5px;
		transform: translate3d(-50%, 0, 0);
		z-index: 100;
	}
}


.btn-primary {
    background-color: var(--brand-1) !important;
    border-color: var(--brand-1) !important;
}
.bx-pagination .bx-pagination-container ul li.bx-active span {
    background: var(--brand-1) !important;
    color: #fff;
}

.catalog-content-wrap {
    display: flex;
    flex-wrap: wrap;
	justify-content: center;
	padding: 0 10px;
	gap: 20px;
}

.bx-sidebar-block { }

#show-filter {
	margin: 10px 0;
	width: 150px;
	background: #fff;
	border: none;
}

#main-filter {
	width: 300px;
	transition: .3s;
}

.catalog-section {
    width: calc(100% - 320px);
}


@media (max-width: 575px) {
	#show-filter {
		width: auto;
	}
	#main-filter {
		width: 100%;
		padding: 0;
		top: 10px;
	}
	.show-more-block {
		display: none;
	}
	.catalog-content-wrap {
		gap: 0;
		padding: 0;
	}
}


/*------------------------------------*/
.catalog-tags-wrap {}
.catalog-tags {}
.catalog-tags-list {
	display: flex;
	flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.catalog-tag {
    text-decoration: none;
	background: #fff;
	color: #000;
	padding: 3px 10px;
    font-size: 14px;
    border-radius: 15px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
}

.catalog-tag:hover {
    text-decoration: none;
	color: var(--brand-1);
}

.catalog-tag.hidden {
    display: none;
}

.catalog-tags-more {
	font-size: 14px;
    cursor: pointer;
    color: var(--brand-1);
    text-decoration: underline;
}

/*-------------------item photo modal-------------------------------*/
.product-photo-modal {
    position: fixed;
    inset: 0;
    display: none;
    z-index: 9999;
}

.product-photo-modal-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.7);
}

.product-photo-modal-content {
    position: relative;
    width: 80%;
	max-width: 800px;
    max-height: 800px;
    overflow: hidden;
    margin: 60px auto;
    background: #fff;
    padding: 20px;
    z-index: 20;
}

.product-photo-modal-close {
    position: absolute;
    right: 15px;
    top: 5px;
    z-index: 25;
    font-size: 32px;
    cursor: pointer;
}


/*-----------------------------------------*/
/* SEO 05.10.2026: вводный абзац и типографика текстов категорий/брендов */
.seo-brand-intro{font-size:15px;line-height:1.55;color:#444;margin:4px 0 12px;max-width:980px}
.filter-description h2{font-size:21px;font-weight:700;margin:22px 0 10px}
.filter-description h3{font-size:17px;font-weight:700;margin:14px 0 6px}
.filter-description ul{padding-left:20px;margin:0 0 12px}
.filter-description li{margin:4px 0}
.filter-description p{margin:0 0 10px;line-height:1.6}
.filter-description a{color:#3a9c4a;text-decoration:underline;text-underline-offset:2px}
/* SEO 06.10.2026 (A1): текст категории нового формата (.seo-new-desc) — читаемый кегль, иерархия, затухание свёрнутого блока; мобайл: intro ≤ 3 строк, чипы в одну строку со свайпом */
.seo-new-desc .filter-description{font-family:inherit!important;font-size:15px;line-height:1.6;color:#212529;max-width:900px;padding:10px 0}
.seo-new-desc .filter-description p,.seo-new-desc .filter-description li{font-size:15px;line-height:1.6}
.seo-new-desc .filter-description h2{font-size:21px;line-height:1.3;margin:28px 0 12px}
.seo-new-desc .filter-description h2:first-child{margin-top:4px}
.seo-new-desc .filter-description h3{font-size:16px;line-height:1.35;margin:18px 0 6px}
.seo-new-desc .filter-description h2+h3{margin-top:8px}
.seo-new-desc .filter-description ul{padding-left:22px;margin-left:0}
.seo-new-desc .filter-description li{margin:6px 0}
.seo-new-desc .filter-description-wrap{position:relative}
.seo-new-desc .filter-description-wrap:not(.is-open){-webkit-mask-image:linear-gradient(#000 82%,transparent);mask-image:linear-gradient(#000 82%,transparent)}
.seo-new-desc .filter-description-open,.seo-new-desc .filter-description-close{color:#3a9c4a;font-size:15px;text-decoration:underline;text-underline-offset:2px}
.seo-new-desc.is-open .filter-description-open{display:none}
@media (max-width:767px){
.seo-cat-intro{font-size:14px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.catalog-tags-list{flex-wrap:nowrap!important;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-right:-16px;padding-right:16px;gap:8px}
.catalog-tags-list::-webkit-scrollbar{display:none}
.catalog-tags-list .catalog-tag{flex:0 0 auto;white-space:nowrap;padding:7px 14px}
.catalog-tags-list .catalog-tag.hidden{display:block!important}
.catalog-tags-list .catalog-tags-more{display:none!important}
.seo-new-desc .filter-description h2{font-size:19px}
}
/* SEO 06.10.2026 (A2): мобайл — поля блока текста как у страницы (16 px), область нажатия чипов ≥ 40 px без изменения вида */
@media (max-width:767px){
.filter-section.seo-new-desc{width:100%;margin:0}
.catalog-tags-list .catalog-tag{position:relative}
.catalog-tags-list .catalog-tag::before{content:"";position:absolute;left:0;right:0;top:-3px;bottom:-3px}
}
/* SEO 06.10.2026 (A2): на страницах категорий нового формата хлебная крошка не обрезается (длинные H1, напр. «Трековые светильники и системы») */
.workarea:has(.seo-cat-intro) .bx-breadcrumb-item.breadcrumb-item-product{max-width:none;overflow:visible}

/* SEO 07.10.2026 (A4): блок «Цены на <раздел>» над текстом раздела */
.seo-prices{width:90%;margin:28px auto 24px;font-size:15px;line-height:1.5;color:#212529}
.seo-prices>*{max-width:900px}
.seo-prices h2{font-size:21px;line-height:1.3;font-weight:700;margin:0 0 10px}
.seo-prices-table{width:100%;max-width:620px;font-variant-numeric:tabular-nums;border-collapse:collapse;margin:0}
.seo-prices-table th,.seo-prices-table td{padding:9px 16px 9px 0;border-bottom:1px solid #e9ecef;text-align:left;font-weight:400;vertical-align:baseline}
.seo-prices-table td{white-space:nowrap;width:1%;text-align:right}
.seo-prices-table td+td{color:#6c757d;padding-right:0}
.seo-prices-table a{font-weight:400;color:#3a9c4a;text-decoration:underline;text-underline-offset:2px}
.seo-prices-all th,.seo-prices-all td{font-weight:600;border-bottom:0}
.seo-prices-table .seo-prices-all td+td{color:#212529}
.seo-prices-note{font-size:13px;color:#6c757d;margin:6px 0 0}
.seo-prices-one{margin:0}
.seo-prices-one strong{font-weight:600}
@media (min-width:1024px){.seo-prices{margin-bottom:28px}}
@media (max-width:767px){
.seo-prices{width:100%;margin:24px 0 24px}
.seo-prices-table,.seo-prices-table tbody{display:block}
.seo-prices-table tr{display:grid;grid-template-columns:1fr auto;column-gap:12px;padding:8px 0;border-bottom:1px solid #e9ecef}
.seo-prices-table tr.seo-prices-all{border-bottom:0}
.seo-prices-table th,.seo-prices-table td{padding:0;border:0;width:auto}
.seo-prices-table th{grid-column:1;grid-row:1/span 2;align-self:center}
.seo-prices-table td{grid-column:2;grid-row:1;text-align:right}
.seo-prices-table td+td{grid-row:2;font-size:13px;color:#5a6268}
}

/* End */


/* Start:/local/templates/svetilniki/components/bitrix/catalog.item/store_v3/style.css?177981502626768*/
/*region OnlyOrderModal*/
.modal-body-form input {
	margin: 5px;
}
.modal-body span {
	font-size: 12px;
	opacity: 0.7;
}
.modal-body button {
	background: linear-gradient(90deg, var(--brand-1), var(--brand-2));
	color: #ffffff;
}
/*endregion*/

.catalog-section-item-wrap {
	width: 100%;
	margin-bottom: 10px;
	display: flex;
}
.catalog-section-item {
	width: 100%;
	display: flex;
	flex-direction: column;
	position: relative;
}
.catalog-section-item-description {
	margin: 10px 0 0;
	padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
	flex: 1;
}
.catalog-section-item-offers-container {
	display: flex;
    flex-direction: column;
    overflow: hidden;
}
.is-amaount {
    width: 50px !important;
    margin-right: 0;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
}
.bx_storege ul li a {
    text-decoration: none;
    color: var(--dark);
    font-size: 14px;
}

.catalog-section-item-sale {
	position: relative;
    width: 100%;
}
.catalog-section-item-sale-text {
	position: absolute;
    top: 1px;
    right: 1px;
	z-index: 4;
    background: #f55545;
    color: #fff;
    padding: 5px 10px;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    display: flex;
	flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 10px;
}

.catalog-section-item-sale-text span.line {
	white-space: nowrap;
}

@media (min-width: 576px) {

}
@media (max-width: 576px) {
	.is-amaount {
		width: 50px !important;
	}
	.catalog-section-item-wrapper {
	    padding-left: 2px !important;
    	padding-right: 2px !important;
	}
	.catalog-section-item {
		margin: 2px;
	}
}

/*region Slider */
.catalog-section-item-slider-container {
	position: relative;
	max-width: 100%;
	background: #fff;
	transition: background 800ms ease;
	z-index: 2;
	border-radius: 10px;
    overflow: hidden;
}
/*
.catalog-section-item-slider-container::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60%; /* Увеличил высоту для проверки */
    background: linear-gradient(to top, #ccc, transparent);
    pointer-events: none; /* Чтобы не мешать кликам *//*
}
*/

.catalog-section-item-slider-block {
	position: relative;
	box-sizing: border-box;
	padding-top: 56.25%;
	height: 0;
	background: #fff;
	overflow: hidden;
}

.catalog-section-item-slider-block::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 20px;
    border: 10px solid;
    background: linear-gradient(to top, #000, transparent);
    clip-path: inset(10px);
	will-change: transform;
}

.catalog-section-item-slider-block.catalog-section-item-slider-block-square { padding-top: 100%; }

@media (min-width: 576px) {
	.catalog-section-item-slider-block {
		padding-top: 100% !important;
	}
}
@media (max-width: 576px) {
	.catalog-section-item-airplane {
		left: 0;
	}
}

.catalog-section-item-slider-images-container {
	position: absolute;
	top: -2px;
	right: -2px;
	bottom: -2px;
	left: -2px;
	will-change: transform;
    backface-visibility: hidden;
    transform: translateZ(0);
}

.catalog-section-item-slider-images-container::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	z-index: 8;
	background: #fff;
}

.catalog-section-item-slider-image {
	position: absolute;
	top: 100%;
	right: 0;
	bottom: 0;
	left: 0;
	margin-left: 0;
	text-align: center;
	opacity: 0;
	z-index: 5;
	width: 100%;
	background-color: #fff;
}

.catalog-section-item-slider-image-overlay {
	z-index: 9;
	position: absolute;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	filter: none;
}

.catalog-section-item-slider-image-overlay:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.06));
}

.catalog-section-item-slider-images-slider-pager {
	position: absolute;
	top: -2px;
	right: -2px;
	bottom: -2px;
	left: -2px;
	display: flex;
	align-items: stretch;
	z-index: 10;
}

.catalog-section-item-slider-images-slider-pager-item {
	flex: 1 1 0;
	position: relative;
}

.catalog-section-item-slider-image.active,
.catalog-section-item-slider-image.next,
.catalog-section-item-slider-image.prev {
	z-index: 10;
	opacity: 1;
	top: 0;
}

.catalog-section-item-slider-animation .catalog-section-item-slider-image.left.active {
	animation: catalogSectionItemSliderImage_left_active 250ms ease-in-out 1 forwards;
}

@keyframes catalogSectionItemSliderImage_left_active {
	from { margin-left: 0; }
	to { margin-left: -100%; }
}

.catalog-section-item-slider-animation .catalog-section-item-slider-image.right.active {
	animation: catalogSectionItemSliderImage_right_active 250ms ease-in-out 1 forwards;
}

@keyframes catalogSectionItemSliderImage_right_active {
	from { margin-left: 0; }
	to { margin-left: 100%; }
}

.catalog-section-item-slider-animation .catalog-section-item-slider-image.left.next {
	animation: catalogSectionItemSliderImage_left_next 250ms ease-in-out 1 forwards;
}

@keyframes catalogSectionItemSliderImage_left_next {
	from { margin-left: 100%; }
	to { margin-left: 0; }
}

.catalog-section-item-slider-animation .catalog-section-item-slider-image.right.prev {
	animation: catalogSectionItemSliderImage_right_prev 250ms ease-in-out 1 forwards;
}

@keyframes catalogSectionItemSliderImage_right_prev {
	from { margin-left: -100%; }
	to { margin-left: 0; }
}

.catalog-section-item-slider-image img {
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	z-index: 10;
	outline: 1px solid transparent;
	background-position: center;
	background-repeat: no-repeat;
	transform: translateY(-50%) translateX(-50%);
}

@media (max-width: 575px) {

}

.catalog-section-item-slider-progress-bar {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 180;
	height: 3px;
	background: var(--theme-color-primary, #63aa28);
}

/*endregion*/

/*region Slider Controls*/

.catalog-section-item-slider-controls-block {
	padding: 4px 16px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	position: relative;
    z-index: 10;
    border-radius: 0;

}

.catalog-section-item-slider-controls-block.selected { display: flex; }

.catalog-section-item-slider-controls-image {
	position: relative;
	padding: 4px 6px;
	overflow: hidden;
	opacity: .3;
	text-align: center;
	cursor: pointer;
	flex-grow: 0;
}

.catalog-section-item-slider-controls-image:hover,
.catalog-section-item-slider-controls-image.active { opacity: 1; }

.catalog-section-item-slider-controls-dot {
	width: 8px;
    height: 8px;
    background-color: var(--brand-1);
    border-radius: 50%;
}

.catalog-section-item-slider-close { display: none; }

.catalog-section-item-slider-container.popup .catalog-section-item-slider-close {
	position: absolute;
	top: 4px;
	right: 110px;
	bottom: 0;
	z-index: 150;
	display: block;
	width: 50px;
	height: 50px;
	background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpolygon%20fill%3D%22%23000000%22%20fill-rule%3D%22evenodd%22%20points%3D%2216%2015.1%208.944%208%2016%201%2015.006%200%208.05%207%20.994%200%200%201%207.056%208%200%2015.1%20.994%2016%208.05%209%2015.006%2016%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
	opacity: .27;
	cursor: pointer;
	transition: all 300ms ease;
}

.catalog-section-item-slider-container.popup .catalog-section-item-slider-close:hover { opacity: 1; }

.catalog-section-item-slider-container.popup .catalog-section-item-slider-right { right: 105px; }

@media(max-width:820px;) {
	.catalog-section-item-slider-controls-dot {
		height: 15px;
	}
	.catalog-section-item-slider-controls-block {
		bottom: 20px;
	
	}
}

/*endregion*/

/*region LABEL*/
.catalog-section-item-label-container {
	width: 100%;
    position: absolute;
    left: 2%;
    top: 10px;
    z-index: 50;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    gap: 0;
    padding: 0;
}

.catalog-section-item-label-text {
    background: #eaeaea;
    color: #000;
    padding: 1px 10px;
    font-weight: 500;
    font-size: 12px;
    line-height: 1.2;
    margin-bottom: 3px;
	border-radius: 50px;
}
.catalog-section-item-label-text.novinka {
    background-color: #0ea90e;
    color: #fff;
    border-radius: 50px;
}

.catalog-section-item-label-block {
	display: flex;
    gap: 10px;
	overflow: hidden;
	margin-bottom: 5px;
}
.catalog-section-item-label-block-text  {
    font-size: 12px;
    white-space: nowrap;
}

@media (max-width: 575px) {
	.catalog-section-item-label-text {
		font-size: 11px;
		line-height: normal;
		margin-bottom: 0;
	}
}
/*endregion*/


/*region NAME*/
.catalog-section-item-name,
.catalog-section-item-name a,
.catalog-section-item-name-link {
	display: block;
	overflow: hidden;
	color: #242424;
	text-decoration: none;
	font-size: 14px;
    font-weight: 600;
	margin-bottom: 5px;
}
.catalog-section-item-name:hover,
.catalog-section-item-name a:hover,
.catalog-section-item-name-link:hover {
	color: var(--brand-1);
}

/*endregion*/

/*region PRICE*/
.catalog-section-item-offers-inner {
    display: flex;
    align-items: center;
	margin-bottom: 10px;
	order: 3;
}

.catalog-section-item-price {
	line-height: 1;
	font-weight: 600;
	font-size: 16px;
	color: var(--brand-1);
    margin-right: 10px;
}

.catalog-section-item-price-discount-container {
	gap: 10px;
}

.catalog-section-item-price-discount {
	font-style: normal;
    font-size: 14px;
    line-height: 14px;
    text-decoration-line: line-through;
    color: #999;
    opacity: 0.8;
}

.catalog-section-item-price-discount-diff {
	font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    color: #ff0000;
    opacity: 1;
    position: absolute;
    top: 10px;
    left: 5px;
    z-index: 4;
    background: #F14635;
    color: #fff;
    padding: 5px 8px;
    border-radius: 14px;
}

/*endregion*/

/*region BUTTONS*/
.catalog-section-item-offers-btns {
	display: flex;
	justify-content: space-between;
    align-items: center;
	order: 4;
}

.catalog-section-item-buy-btn {
    text-decoration: none;
	background: linear-gradient(90deg, var(--brand-1), var(--brand-2));
    color: #fff;
    border-radius: 5px;
    transition: .2s;
	width: 45%;
	height: 35px;
	font-weight: 400;
    font-size: 14px;
}
.catalog-section-item-buy-btn:hover {
    color: var(--dark);
}
@media (max-width: 575px) {
	.catalog-section-item-buy-btn {
		padding: 5px;
		font-size: 14px;
		width: 100%;
	}
	.catalog-section-item-offers-btns {
		justify-content: center;
		gap: 5px;
	}
}
.btn.catalog-section-item-buy-btn[disabled],
.btn.catalog-section-item-buy-btn.disabled {
	background-color: #121212;
	border-color: #121212;
	color: #fff;
	opacity: .2;
}

.catalog-section-item-popup-buy-btn {
	min-width: 290px;
	margin: 0 auto;
	width: 100%;
	text-decoration: none;
    background: linear-gradient(90deg, var(--brand-1), var(--brand-2));
    color: #fff;
    border-radius: 4px !important;
}

/*endregion*/

/*region DETAIL POPUP*/
.catalog-section-item-detail-wrapper {
    width: 100vw;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 198;
	transition: 180ms linear background;
	background: rgba(0, 0, 0, 0);
}

.catalog-section-item-detail-wrapper.opened {
	top: 0;
	display: flex;
}

.catalog-section-item-detail-cover {
	z-index: 190;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	pointer-events: none;
	background: rgba(0, 0, 0, 0);
	transition: 180ms linear background;
}

.catalog-section-item-detail-wrapper.opened .catalog-section-item-detail-cover {
	background: rgba(0, 0, 0, 0.8);
	pointer-events: auto;
}

.catalog-section-item-detail-container {
	position: fixed;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	max-width: 615px;
	max-height: 90vh;
	z-index: 200;
	transition: 200ms linear all;
	display: flex;
	align-items: stretch;
	width: 100%;
	flex-direction: column;
}

.catalog-section-item-detail-wrapper.closed .catalog-section-item-detail-container {
	max-height: 0;
	bottom: -20px;
}

@media (min-width: 615px) {
	.catalog-section-item-detail-swipe-btn-container {
		display: none !important;
	}

	.catalog-section-item-detail-container {
		max-width: 400px;
		transition: 200ms linear height, 200ms linear opacity;
		max-height: 80vh;
		opacity: 0;
	}

	.catalog-section-item-detail-wrapper.opened .catalog-section-item-detail-container {
		position: relative;
		transform: none;
		left: 0;
		margin: 0 auto;
		align-self: center;
		opacity: 1;
	}

	.catalog-section-item-detail-offers {
		border-radius: 0 0 12px 12px;
	}
}

/*region DETAIL POPUP HEADER*/
.catalog-section-item-detail-header {
	padding: 7px 14px;
}

.catalog-section-item-detail-header-separate {
	flex: 1;
	padding-bottom: 6px;
}

/**/
.catalog-section-item-detail-swipe-btn-container {
	flex: 2;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	align-self: flex-end;
	cursor: pointer;
	padding-top: 15px;
}

.catalog-section-item-detail-swipe-btn {
	width: 52px;
	height: 5px;
	background: #fff;
	opacity: .5;
	border-radius: 2.5px;
}

/**/
.catalog-section-item-detail-close-btn-container {
	flex: 1;
	padding-bottom: 5px;
}

.catalog-section-item-detail-close-btn {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	opacity: .5;
	transition: 180ms linear all;
}

.catalog-section-item-detail-close-btn:hover {
	opacity: 1;
	text-decoration: none;
	border-bottom: none;
	cursor: pointer;
}

.catalog-section-item-detail-close-btn-text,
.catalog-section-item-detail-close-btn-text:hover {
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 21px;
	color: #fff;
}

/*endregion*/

.catalog-section-item-detail {
	background: #fff;
	padding: 22px 16px 0;
	flex: 1;
	border-radius: 12px 12px 0 0;
}

.catalog-section-item-detail-offers {
	flex: auto;
	border-top: 1px solid #e7e7e7;
	padding: 0 16px 20px;
	background: #fff;
}

.catalog-section-item-detail-preview-image {
	width: 50px;
	height: auto;
}

.catalog-section-item-detail-title {
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 23px;
	color: #777;
}

.catalog-section-item-detail {
	overflow: auto;
	max-height: 80vh;
}

.catalog-section-item-detail-props-container {
	/*padding: 0 16px;*/
	background: #fff;
	overflow-y: auto;
}

.catalog-section-item-detail-props-container-inner {
	padding: 8px 16px;
	border: 1px solid #e7e7e7;
	margin-bottom: 20px;
}

/*region PROPS*/
.catalog-section-item-info-container {
	margin-bottom: 11px;
}

.catalog-section-item-propertie-item { margin-bottom: 1px; }

.catalog-section-item-properties {
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 25px;
}

/*endregion*/

/*region SKU*/
.catalog-section-item-scu-container-title {
	color: #333;
	font-size: 12px;
}

.catalog-section-item-scu-block { }

.catalog-section-item-scu-block-title {
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 25px;
	margin-bottom: 2px;
}

.catalog-section-item-scu-list { margin: 0; }

.catalog-section-item-scu-item-list {
	margin: 0 -4px;
	padding: 0;
	list-style: none;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
}

.catalog-section-item-scu-item-color-container,
.catalog-section-item-scu-item-text-container {
	display: inline-block;
	box-sizing: border-box;
	min-width: 53px;
	padding: 0 4px 5px;
	max-width: 100%;
}

.catalog-section-item-scu-item-color-block {
	position: relative;
	width: 54px;
	height: 33px;
	border: 2px solid #c0cfda;
	cursor: pointer;
	border-radius: 2px;
	box-sizing: border-box;
	transition: 190ms linear color, 190ms linear background-color, 190ms linear border-color;
}

.catalog-section-item-scu-item-color {
	position: absolute;
	top: 2px;
	right: 2px;
	bottom: 2px;
	left: 2px;
	padding: 5px;
	background-color: #fff;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.catalog-section-item-scu-item-text-block {
	position: relative;
	padding: 3px 15px;
	min-width: 53px;
	box-sizing: border-box;
	border: 1px solid rgba(0, 0, 0, 0.3);
	cursor: pointer;
	border-radius: 2px;
	transition: 190ms linear color, 190ms linear background-color, 190ms linear border-color;
}

.catalog-section-item-scu-item-text {
	overflow: hidden;
	max-width: 100%;
	vertical-align: middle;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 25px;
}

.catalog-section-item-scu-item-color-container.notallowed .catalog-section-item-scu-item-color-block,
.catalog-section-item-scu-item-text-container.notallowed .catalog-section-item-scu-item-text-block {
	position: relative;
	border-color: #a9adb4 !important;
}

.catalog-section-item-scu-item-color-container.notallowed .catalog-section-item-scu-item-color-block:after,
.catalog-section-item-scu-item-text-container.notallowed .catalog-section-item-scu-item-text-block:after {
	position: absolute;
	top: -2px;
	right: -2px;
	bottom: -2px;
	left: -2px;
	background: rgba(255, 255, 255, 0.75) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiIgdmlld0JveD0iMCAwIDI2IDI2Ij4gIDxwYXRoIGZpbGw9IiNBOUFEQjQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE0LjM5MjEyNjgsMTMuMjMyMzAyOSBMMjUuOTkyLDEuNDE4IEwyNC42LDAgTDEyLjk5OTk5NTYsMTEuODE0NDM2NCBMMS40LDAgTDAuMDA5LDEuNDE5IEwxMS42MDc4Njg3LDEzLjIzMjI5NzUgTDAuNDczLDI0LjU3MyBMMS44NjUsMjUuOTkxIEwxMi45OTk5OTkzLDE0LjY1MDE2NDUgTDI0LjEzNCwyNS45OSBMMjUuNTI2LDI0LjU3MiBMMTQuMzkyMTI2OCwxMy4yMzIzMDI5IFoiLz48L3N2Zz4=) no-repeat center;
	background-size: 80% 80%;
	content: "";
}


.catalog-section-item-scu-item-text-block:hover,
.catalog-section-item-scu-item-text-container.selected .catalog-section-item-scu-item-text-block {
	border-color: #000;
	background-color: #000;
	color: #fff;
}

.catalog-section-item-scu-item-color-block:hover,
.catalog-section-item-scu-item-color-container.selected .catalog-section-item-scu-item-color-block { border-color: #000; }

/*endregion*/

/*region QUANTITY*/
.catalog-section-item-quantity-container {
	padding: 15px 0;
	position: relative;
}

.catalog-section-item-quantity-title {
	text-align: center;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 25px;
	color: #999;
	position: absolute;
	bottom: calc(100% - 20px);
	left: 0;
	right: 0;
	vertical-align: bottom;
}

.catalog-section-item-quantity-field-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	max-width: 110px;
	margin: 0;
}

.catalog-section-item-quantity-btn-plus,
.catalog-section-item-quantity-btn-minus {
	position: relative;
	display: block;
	min-width: 26px;
	height: 26px;
	border-radius: 50%;
	background-color: #f2f2f2;
	color: #fff;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	transition: background 180ms ease, opacity 180ms ease;
}

.catalog-section-item-quantity-btn-plus:hover,
.catalog-section-item-quantity-btn-minus:hover { background: #d3d3d3; }

.catalog-section-item-quantity-btn-plus:after,
.catalog-section-item-quantity-btn-minus:after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: "";
	opacity: .8;
	transition: opacity 300ms ease, background 300ms ease;
}

.catalog-section-item-quantity-btn-minus:after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: "";
	opacity: .8;
	transition: opacity 300ms ease;
}

.catalog-section-item-quantity-btn-plus:after {
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj4gIDxwYXRoIGZpbGw9IiM1MjVDNjgiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE4LDEyIEwxOCwwIEwxMiwwIEwxMiwxMiBMMCwxMiBMMCwxOCBMMTIsMTggTDEyLDMwIEwxOCwzMCBMMTgsMTggTDMwLDE4IEwzMCwxMiBMMTgsMTIgWiIvPjwvc3ZnPg==) no-repeat center;
	background-size: 10px;
}

.catalog-section-item-quantity-btn-minus:after {
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj4gIDxyZWN0IHdpZHRoPSIzMCIgaGVpZ2h0PSI2IiB5PSIxMiIgZmlsbD0iIzUyNUM2OCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) no-repeat center;
	background-size: 10px;
}

.catalog-section-item-quantity-btn-disabled.catalog-section-item-quantity-btn-plus:after,
.catalog-section-item-quantity-btn-disabled.catalog-section-item-quantity-btn-minus:after {
	opacity: .3 !important;
	cursor: default;
}

.catalog-section-item-quantity-btn-disabled.catalog-section-item-quantity-btn-plus:hover,
.catalog-section-item-quantity-btn-disabled.catalog-section-item-quantity-btn-minus:hover { background-color: #f2f2f2; }

.catalog-section-item-quantity-btn-plus:hover:after,
.catalog-section-item-quantity-btn-minus:hover:after { opacity: 1; }

.catalog-section-item-quantity-field-block {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 0 5px;
	position: relative;
}

input.catalog-section-item-quantity-field {
	position: absolute;
	left: 5px;
	top: 0;
	display: block;
	max-width: calc(100% - 10px);
	margin: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
}

div.catalog-section-item-quantity-field {
	position: relative;
	pointer-events: none;
	z-index: 10;
	opacity: 0;
	transition: 190ms linear width;
}

.catalog-section-item-quantity-field {
	display: block;
	padding: 0 5px;
	width: 100%;
	box-sizing: border-box;
	min-width: 20px;
	height: 26px;
	border: 1px solid transparent;
	border-radius: 2px;
	background: transparent !important;
	vertical-align: middle;
	text-align: center;
	transition: border 200ms ease;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 25px;
	color: #121212;
}

.catalog-section-item-quantity-field:focus {
	outline: none !important;
	border-color: var(--theme-color-primary, #63aa28);
}

.bx-no-touch input.catalog-section-item-quantity-field::-webkit-outer-spin-button,
.bx-no-touch input.catalog-section-item-quantity-field::-webkit-inner-spin-button {
	margin: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
}

.catalog-section-item-quantity-description {
	position: absolute;
	top: calc(100% - 12px);
	left: 0;
	right: 0;
	white-space: nowrap;
	text-align: center;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 15px;
	color: #999;
	vertical-align: bottom;
	letter-spacing: -0.4px;
}

.catalog-item-quantity-description-text {}

.catalog-item-quantity-description-price { white-space: nowrap; }

.catalog-item-quantity-description-price span {color: #121212;}

.catalog-item-quantity-label-container {
	margin: 5px 0;
	color: #a5a5a5;
	font-weight: bold;
	font-size: 12px;
}

/**/
.product-item-quantity {
	color: #333;
	font-weight: normal;
	font-size: 12px;
}

/*endregion*/

/*---compare-region---*/
.product-item-compare {
	width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    line-height: normal;
	border-radius: 5px;
    border: solid 1px #f1f1f1;
}
.compare-icon {
	font-size: 22px;
    color: #b3b3b3;
    cursor: pointer;
}
.compare-icon:hover {
    color: #0ea90e;
}
.wish-block a:hover {
    color: #0ea90e;
}
.product-item-compare .checkbox .compare-icon.checked {
    color: #005180;
}
.compare-icon svg path {
	fill: var(--brand-1);
}

.wishbtn svg path {
	stroke: var(--brand-1);
}
.wishbtn:hover svg path {
	stroke: #000;
}
.wishbtn.in_wishlist svg path {
	stroke: red;
}
.wishbtn.in_wishlist svg {
	fill: red;
}

.compare-icon:hover svg path {
	fill: #000;
}

.compare-icon.checked svg path {
	fill: red;
}

/*endregion*/

.catalog-section-item-discount-procent {
    position: absolute;
    top: 7px;
    right: 6px;
    width: 45px;
    height: 45px;
    line-height: 45px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #f5db02;
    color: #141414;
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
	z-index: 100;
}
.catalog-section-item-lables {
    position: absolute;
    top: 20%;
    left: 0;
	z-index: 100;
}
.catalog-section-item-lables-procent {
    background: #ff9220;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 2px 5px;
    border-radius: 0 5px 5px 0;
}

.ovh { overflow: hidden; }
.wish-block {
    margin: 0;
	width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    line-height: normal;
	border-radius: 5px;
    border: solid 1px #f1f1f1;
}
.product-item-compare-container {

}
.store-amount-item {
	display: flex;
}



.catalog-section-item-offers-container .delevery {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
	z-index: 10;
}
.catalog-section-item-offers-container .delevery img {
	width: 100%;
	margin: 0;
}


/*-----------------------------------------------*/


.open-modal-photo {
	width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    line-height: normal;
    border-radius: 5px;
    border: solid 1px #f1f1f1;
	cursor: pointer;
}
.open-modal-photo:hover svg path {
	stroke: #000;
}
.open-modal-photo:hover i {
	color: #000;
}

/*------------NEW MOBILE STYLE----------------*/

@media (max-width: 576px) {
	.open-modal-photo {
		display: none;
	}
	.catalog-section-item-label-container {
		display: none;
	}
	.wish-block a {
		display: flex;
        align-items: center;
        justify-content: center;
        width: 35px;
        height: 35px;
        background-color: #fff;
        border-radius: 5px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
	}
	.catalog-section-item-discount-procent {
		left: 6px;
		background: #2fb644;
		color: #fff;
	}
	.catalog-section-item-lables {
		top: 34%;
	}
	.catalog-section-item-lables-procent {
		font-size: 12px;
	}
	.compare-icon {
		font-size: 20px;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 35px;
		height: 35px;
		background-color: #fff;
		border-radius: 5px;
		box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
	}
	.catalog-section-item-wrap {
		margin-bottom: 10px;
		padding: 5px;
	}
	.catalog-section-item-slider-container {
		max-height: 185px;
	}
}

/* End */


/* Start:/local/templates/svetilniki/components/bitrix/catalog.store.amount/speed_amount/style.css?17798103653394*/
div.catalog-detail { position: static; border: 1px solid; zoom:1;}
div.catalog-detail-hover div.catalog-admin-links  { display: block; }
div.catalog-detail-hover { position: relative;}

div.catalog-detail-line
{
    font-size:1px;
    height:1px;
    line-height:1px;
    margin:12px 0;
    overflow:hidden;
    padding:0;
    background: url(/local/templates/svetilniki/components/bitrix/catalog.store.amount/speed_amount/images/title-line.gif) no-repeat;
}
div.catalog-detail-properties { clear: both; padding: 1em 0 0;  overflow: hidden; width: 80%; }
div.catalog-detail-property { margin: 0 0 1em; border-bottom:1px dotted; float: left; width: 100%;}
div.catalog-detail-property b { float: right; position: relative; padding-left: 3px;  font-weight:normal; }
div.catalog-detail-property grey { color:grey;  font-weight:lighter; }
div.catalog-detail-property span { float: left; position: relative; padding-right: 3px; zoom: 1;}
div.catalog-detail-properties-title { font-size: 1em; font-weight: bold; margin: 2em 0 1em; }


.bx_storege {}
.bx_storege h4{
    margin-bottom: 0;
}
.bx_storege hr{
    background: #e5e5e5;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #e5e5e5 0%, #e5e5e5 50%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e5e5e5), color-stop(50%,#e5e5e5), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(left, #e5e5e5 0%,#e5e5e5 50%,#ffffff 100%);
    background: -o-linear-gradient(left, #e5e5e5 0%,#e5e5e5 50%,#ffffff 100%);
    background: -ms-linear-gradient(left, #e5e5e5 0%,#e5e5e5 50%,#ffffff 100%);
    background: linear-gradient(to right, #e5e5e5 0%,#e5e5e5 50%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=1 );
    border: none;
    height: 1px;
}
.bx_storege ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.bx_storege ul li{
	font-size: 1rem !important;
	line-height: normal !important;
    padding-bottom: 5px !important;
}
.bx_storege ul li a{
    text-decoration: none;
	color: var(--dark);
    font-size: 14px;
    font-weight: 600;
}

.store-amount-item {
	display: flex;
}
.store-amount-item-value {
	margin-left: 10px;
}
.product-detail-properties-main-item {
	justify-content: start;
}
.product-detail-properties-main-item-title {
	margin-right: 20px;
}

.c_store_amount-product {

}
.store-amount-item {
	display: flex;
}
.store-amount-item a {
    text-decoration: none;
    color: #2a65ae;
}
.store-amount-item-value {

}
.is-amaount-wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.is-amaount-title {

}
.is-amaount {
	width: 50px;
	margin-right: 10px;
}
.is-amaount img {
	width: 100%;
}

/* End */
/* /local/templates/svetilniki/components/bitrix/catalog/svetilniki_catalog_template/style.css?17798100568040 */
/* /local/templates/svetilniki/components/bitrix/catalog.compare.list/bootstrap_v4/style.css?1779810061752 */
/* /local/templates/svetilniki/components/bitrix/catalog.section.list/filter_category/style.css?17798102461265 */
/* /local/templates/svetilniki/components/bitrix/catalog.smart.filter/svet_v2/style.css?179146997019205 */
/* /bitrix/components/bitrix/system.pagenavigation/templates/round/style.css?17830140842821 */
/* /local/templates/svetilniki/components/bitrix/catalog.section/store_v3/style.css?17913628209001 */
/* /local/templates/svetilniki/components/bitrix/catalog.item/store_v3/style.css?177981502626768 */
/* /local/templates/svetilniki/components/bitrix/catalog.store.amount/speed_amount/style.css?17798103653394 */