

/* Start:/bitrix/templates/sl/components/bitrix/catalog.section.list/main/style.css?1741781091236*/
.main_section_menu > div
{
	border: 1px solid var(--primary-color);
	margin:0px -1px -1px 0px
}
.main_section_menu > div:hover{
	box-shadow: 0 0 10px 5px var(--primary-color);
	z-index:10;
}
.main_section_menu picture{
	flex:0 0 40px;
}
/* End */


/* Start:/bitrix/templates/sl/components/bitrix/news.list/slider/style.css?174178109139*/
.boxslide + .boxslide{
	display:none;
}
/* End */


/* Start:/bitrix/templates/sl/components/bitrix/news.list/main_brand/style.css?1741781091325*/
#brand_list
{
	padding: 0px 50px;
}

.brandslide + .brandslide{
	display: none;
}
.brandslide img{
	max-height: 72px;
}

@media(min-width:576px){
	.brandslide img{
		max-height: 69px;
	}
}
@media(min-width:768px){
	.brandslide img{
		max-height: 62px;
	}
}
@media(min-width:1400px){
	.brandslide img{
		max-height: 80px;
	}
}
/* End */


/* Start:/bitrix/templates/sl/components/bitrix/catalog.top/calc/style.css?179389008510992*/
.calclist
{
	width:100%;
	margin-bottom:10px;
}
.calclist thead
{
	border: 2px solid var(--primary-color);
}
.calclist tbody
{
	border: 2px solid var(--primary-color);
}
.calclist tr th,
.calclist tr:nth-child(2n)
{
	background: var(--line-color);
}
.calclist tr th,
.calclist tr td
{
	padding:5px;
	text-align: center;
	vertical-align: middle;
	color: var(--primary-color);
	font-weight:normal;
}
.calclist tr td:not([colspan]){
	height:34px;
}
.calclist tr td:first-child
{
	text-align: left;
}
.calclist tr td img
{
	max-width: 100px;
	max-height: 100px;
	vertical-align: middle;
}
.calclist tr.product,
.calclist tr.offerblock
{
	border-left: 2px solid var(--primary-color);
	border-right: 2px solid var(--primary-color);
}
.calclist tr.product,
.calclist tr.offerblock.last + tr,
.calclist tr.offerblock.first
{
	border-top: 2px solid var(--primary-color);
}
.calclist tr.product + tr,
.calclist tr.offerblock.last
{
	border-bottom: 2px solid var(--primary-color);
}
@media (min-width:600px)
{
	.calclist thead.mobile
	{
		display:none;
	}
}
@media (max-width:600px)
{
	.calclist thead.desctop
	{
		display:none;
	}

}

/* SUPERLENS 2026-11-05: калькулятор вартості носіння (/calc/, /ua/calc/, головна) — кольори й форми сайту (фіолетова панель, чіпи як «Підберемо запас на…», картки як у кошику). */
form#calc.sl-calc-form { position: relative; margin: 0 0 24px; padding: 24px; border: 0; border-radius: 20px; background: var(--primary-color, #7b4fe3); background-image: radial-gradient(circle at 100% 0, rgba(255, 255, 255, .16) 0, rgba(255, 255, 255, 0) 45%); color: #fff; box-shadow: 0 8px 24px rgba(111, 66, 193, .22); overflow: hidden; }
form#calc .sl-calc-form__head { margin: 0 0 16px; }
form#calc .sl-calc-form__title { color: #fff; font-size: 20px; font-weight: 700; line-height: 1.25; }
form#calc .sl-calc-form__sub { margin-top: 4px; color: rgba(255, 255, 255, .8); font-size: 14px; }
form#calc .sl-calc-form__group { margin: 0 0 14px; }
form#calc .sl-calc-form__label { margin: 0 0 8px; color: rgba(255, 255, 255, .85); font-size: 13px; font-weight: 600; letter-spacing: .02em; text-transform: uppercase; }
form#calc .sl-calc-form__chips { display: flex; flex-wrap: wrap; gap: 8px; }
form#calc .sl-calc-form__chip { position: relative; margin: 0; cursor: pointer; }
form#calc .sl-calc-form__chip input { position: absolute; width: 1px; height: 1px; margin: 0; opacity: 0; pointer-events: none; }
form#calc .sl-calc-form__chip span { display: inline-flex; align-items: center; min-height: 40px; padding: 8px 16px; border: 1px solid rgba(255, 255, 255, .55); border-radius: 20px; background: transparent; color: #fff; font-size: 14px; font-weight: 500; line-height: 1.2; transition: border-color .15s, background .15s, color .15s; }
form#calc .sl-calc-form__chip:hover span { border-color: #fff; background: rgba(255, 255, 255, .12); }
form#calc .sl-calc-form__chip input:focus-visible + span { outline: 2px solid #fff; outline-offset: 2px; }
form#calc .sl-calc-form__chip input:checked + span { border-color: #fff; background: #fff; color: #7b4fe3; font-weight: 600; }
form#calc .sl-calc-form__btn { min-height: 44px; margin-top: 4px; padding: 10px 28px; border: 0; border-radius: 12px; background: #fff; color: #7b4fe3; font-weight: 700; }
form#calc.sl-calc--js .sl-calc-form__btn { display: none; }
form#calc.sl-calc--js.is-loading { opacity: .85; }

.sl-calc { margin: 0 0 32px; color: #2e2640; }
.sl-calc__bar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; margin: 0 0 18px; }
.sl-calc__count { color: #2e2640; font-size: 15px; }
.sl-calc__count b { color: #7b4fe3; font-size: 18px; }
.sl-calc__note { padding: 6px 12px; border-radius: 12px; background: #f5f0ff; color: #5b4a83; font-size: 13px; }
.sl-calc__group { display: flex; align-items: center; gap: 10px; margin: 26px 0 14px; }
.sl-calc__group:first-of-type { margin-top: 6px; }
.sl-calc__group-title { color: #2e2640; font-size: 20px; font-weight: 700; }
.sl-calc__group-count { display: inline-flex; align-items: center; justify-content: center; min-width: 28px; height: 24px; padding: 0 8px; border-radius: 12px; background: #ede8f7; color: #6f42c1; font-size: 13px; font-weight: 600; }
.sl-calc__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px; }
.sl-calc__card { position: relative; display: flex; flex-direction: column; gap: 10px; padding: 18px; border: 1px solid #ede8f7; border-radius: 16px; background: #fff; box-shadow: 0 2px 10px rgba(111, 66, 193, .06); transition: box-shadow .15s, border-color .15s, transform .15s; }
.sl-calc__card:hover { border-color: #d9ccf5; box-shadow: 0 8px 22px rgba(111, 66, 193, .14); transform: translateY(-2px); }
.sl-calc__card.is-best { border: 2px solid #7b4fe3; padding: 17px; }
.sl-calc__badge { position: absolute; top: -11px; left: 16px; padding: 3px 10px; border-radius: 10px; background: #7b4fe3; color: #fff; font-size: 12px; font-weight: 600; }
.sl-calc__head { display: flex; align-items: center; gap: 12px; color: #2e2640 !important; text-decoration: none !important; }
.sl-calc__img { display: flex; flex: 0 0 72px; align-items: center; justify-content: center; width: 72px; height: 72px; border: 1px solid #ede8f7; border-radius: 12px; background: #fff; overflow: hidden; }
.sl-calc__img img { max-width: 64px; max-height: 64px; object-fit: contain; }
.sl-calc__name { font-size: 16px; font-weight: 700; line-height: 1.25; }
.sl-calc__head:hover .sl-calc__name { color: #7b4fe3; }
.sl-calc__chips { display: flex; flex-wrap: wrap; gap: 6px; }
.sl-calc__chip { padding: 3px 10px; border-radius: 8px; background: #f5f0ff; color: #8a8192; font-size: 12px; }
.sl-calc__chip b { color: #2e2640; font-weight: 600; }
.sl-calc__price { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px; margin-top: 2px; }
.sl-calc__price b { color: #7b4fe3; font-size: 28px; font-weight: 800; line-height: 1; }
.sl-calc__price span { color: #8a8192; font-size: 14px; }
.sl-calc__price .sl-calc__from { color: #8a8192; font-size: 14px; }
.sl-calc__sub, .sl-calc__year { color: #5b5168; font-size: 14px; }
.sl-calc__sub b, .sl-calc__year b { color: #2e2640; }
.sl-calc__tbl { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid #ede8f7; border-radius: 12px; overflow: hidden; font-size: 13px; }
.sl-calc__tbl th { padding: 6px 10px; background: #faf8fe; color: #8a8192; font-weight: 600; font-size: 12px; text-align: left; }
.sl-calc__tbl td { padding: 6px 10px; border-top: 1px solid #ede8f7; color: #2e2640; white-space: nowrap; }
.sl-calc__care { padding-top: 8px; border-top: 1px dashed #ede8f7; color: #5b5168; font-size: 13px; }
.sl-calc__care.is-none { color: #198754; }
.sl-calc__btn { display: flex; align-items: center; justify-content: center; min-height: 44px; margin-top: auto; border-radius: 12px; background: #7b4fe3; color: #fff !important; font-weight: 600; text-decoration: none !important; transition: background .15s; }
.sl-calc__btn:hover { background: #6a3fd2; }
.sl-calc__empty { padding: 18px; border: 1px dashed #d9ccf5; border-radius: 16px; background: #faf8fe; color: #5b4a83; }

@media (max-width: 575.98px) {
	form#calc.sl-calc-form { padding: 18px 16px; border-radius: 16px; }
	form#calc .sl-calc-form__title { font-size: 18px; }
	form#calc .sl-calc-form__chips { flex-wrap: nowrap; margin: 0 -16px; padding: 0 16px 4px; overflow-x: auto; scrollbar-width: none; }
	form#calc .sl-calc-form__chips::-webkit-scrollbar { display: none; }
	form#calc .sl-calc-form__chip span { min-height: 36px; padding: 7px 13px; font-size: 13px; white-space: nowrap; }
	.sl-calc__grid { grid-template-columns: 1fr; gap: 14px; }
	.sl-calc__card { padding: 14px; }
	.sl-calc__card.is-best { padding: 13px; }
	.sl-calc__price b { font-size: 24px; }
	.sl-calc__group-title { font-size: 17px; }
}
.sl-calc__chip.is-key { background: #7b4fe3; color: rgba(255, 255, 255, .85); }
.sl-calc__chip.is-key b { color: #fff; }

/* головна: компактна форма — три селекти замість груп чіпів (ПК: один рядок; телефон: дві колонки) */
form#calc .sl-calc-form__selects { display: none; }
form#calc.sl-calc-form--home { display: flex; align-items: flex-end; gap: 16px 20px; padding: 18px 22px; border-radius: 16px; }
form#calc.sl-calc-form--home .sl-calc-form__head { flex: 0 1 340px; margin: 0; align-self: center; }
form#calc.sl-calc-form--home .sl-calc-form__title { font-size: 18px; }
form#calc.sl-calc-form--home .sl-calc-form__sub { margin-top: 2px; font-size: 12px; }
form#calc.sl-calc-form--home .sl-calc-form__group { display: none; }
form#calc.sl-calc-form--home .sl-calc-form__selects { display: grid; flex: 1 1 auto; grid-template-columns: 1fr 1fr 1fr; gap: 10px; min-width: 0; }
form#calc .sl-calc-form__sel { display: flex; flex-direction: column; gap: 3px; margin: 0; min-width: 0; }
form#calc .sl-calc-form__sel span { color: rgba(255, 255, 255, .8); font-size: 11px; font-weight: 600; letter-spacing: .03em; text-transform: uppercase; }
form#calc .sl-calc-form__sel select { width: 100%; height: 40px; padding: 0 30px 0 12px; border: 1px solid rgba(255, 255, 255, .45); border-radius: 12px; background: rgba(255, 255, 255, .14) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 12px center; color: #fff; font-family: inherit; font-size: 14px; font-weight: 600; text-overflow: ellipsis; cursor: pointer; -webkit-appearance: none; appearance: none; }
form#calc .sl-calc-form__sel select:hover { border-color: #fff; }
form#calc .sl-calc-form__sel select:focus { outline: 2px solid #fff; outline-offset: 1px; }
form#calc .sl-calc-form__sel option { color: #2e2640; }
form#calc.sl-calc-form--home .sl-calc-form__btn,
form#calc.sl-calc-form--home.sl-calc--js .sl-calc-form__btn { display: inline-flex; flex: 0 0 auto; align-items: center; height: 40px; min-height: 0; margin: 0; padding: 0 22px; white-space: nowrap; }
@media (max-width: 1199.98px) {
	form#calc.sl-calc-form--home { flex-wrap: wrap; }
	form#calc.sl-calc-form--home .sl-calc-form__head { flex: 1 1 100%; }
}
@media (max-width: 575.98px) {
	form#calc.sl-calc-form--home { display: block; padding: 14px 14px 16px; }
	form#calc.sl-calc-form--home .sl-calc-form__head { margin: 0 0 10px; }
	form#calc.sl-calc-form--home .sl-calc-form__title { font-size: 17px; }
	form#calc.sl-calc-form--home .sl-calc-form__sub { display: none; }
	form#calc.sl-calc-form--home .sl-calc-form__selects { grid-template-columns: 1fr 1fr; gap: 8px; }
	form#calc.sl-calc-form--home .sl-calc-form__sel--by { grid-column: 1 / -1; }
	form#calc.sl-calc-form--home .sl-calc-form__btn,
	form#calc.sl-calc-form--home.sl-calc--js .sl-calc-form__btn { display: none; }
}

/* End */


/* Start:/bitrix/templates/sl/components/bitrix/catalog.top/slider/style.css?1741781091287*/
.product_list.owl-carousel {
	padding:0px 64px 0px 64px;
}
.product_list .owl-item{
	padding-bottom: 1px;
}
.product_list .owl-item.active + .owl-item.active + .owl-item.active + .owl-item.active{
	padding-right: 1px;
}
.product_list .owl-item:hover{
	z-index: 10;
	position: relative;
}
/* End */


/* Start:/bitrix/templates/sl/components/bitrix/catalog.top/scroll/style.css?1741781091397*/
.product_scroll {
	overflow-x: auto;
}
.product_scroll .scroll > .product{
	width:100%;
	flex: 0 0 100%;
}
@media(min-width:576px){
	.product_scroll .scroll > .product{
		width:50%;
		flex: 0 0 50%;
	}
}
@media(min-width:768px){
	.product_scroll .scroll > .product{
		width:33%;
		flex: 0 0 33%;
	}
}
@media(min-width:992px){
	.product_scroll .scroll > .product{
		width:25%;
		flex: 0 0 25%;
	}
}
/* End */


/* Start:/bitrix/templates/sl/components/bitrix/news.list/main_news/style.css?1741781091183*/
.main-news .card-img-top img{
	border-radius: 5px 5px 0px 0px;
}
.main-news .card-title{
	height:3rem;
	overflow: hidden;
}
.main-news .card-text{
	height:3.5rem;
	overflow: hidden;
}
/* End */


/* Start:/bitrix/templates/sl/components/bitrix/news.list/city_main/style.css?1741781091548*/
.citytag,.city_more{
	border:1px solid var(--line-color);
	padding:0.25rem 0.5rem;
	margin:0px 1rem 1rem 0px;
	text-decoration: none;
	border-radius: 5px;
    display: inline-block;
}
.citytag:hover,.city_more:hover{
	border:1px solid var(--primary-color);
}

.city_more{
	display:none;
}
@media(max-width:767.98px){


	.citytag:nth-child(3) ~ .citytag{
		display: none;
	}
	.city_more{
		display:inline-block;
	}
	.cityblock.showall .citytag:nth-child(3) ~ .citytag{
		display:inline-block;

	}
	.cityblock.showall .city_more{
		display:none;
	}
}
/* End */
/* /bitrix/templates/sl/components/bitrix/catalog.section.list/main/style.css?1741781091236 */
/* /bitrix/templates/sl/components/bitrix/news.list/slider/style.css?174178109139 */
/* /bitrix/templates/sl/components/bitrix/news.list/main_brand/style.css?1741781091325 */
/* /bitrix/templates/sl/components/bitrix/catalog.top/calc/style.css?179389008510992 */
/* /bitrix/templates/sl/components/bitrix/catalog.top/slider/style.css?1741781091287 */
/* /bitrix/templates/sl/components/bitrix/catalog.top/scroll/style.css?1741781091397 */
/* /bitrix/templates/sl/components/bitrix/news.list/main_news/style.css?1741781091183 */
/* /bitrix/templates/sl/components/bitrix/news.list/city_main/style.css?1741781091548 */
