/* Start:/local/components/eltex-doma/kit-picker/templates/.default/style.css?178572689724171*/
/* =========================================================================
   Пикер наборов (kit-picker) — первый проход стилей под новую разметку.
   Цвета/переменные (--accent, --blue-dark, --white) — из глобальной темы.
   ========================================================================= */

:root {
	--kit-border: #C6CBD4;
	--kit-active-bg: #E9EFF9;
	--kit-note: #737373;
	--kit-shadow: 0px 4px 12px -2px rgba(11, 17, 28, 0.14),inset 1px 0px 0px 0px rgba(0, 0, 0, 0.13),inset -1px 0px 0px 0px rgba(0, 0, 0, 0.13),inset 0px -1px 0px 0px rgba(0, 0, 0, 0.17),inset 0px 1px 0px 0px rgba(204, 204, 204, 0.5);
}

/* ---------- Верхние табы: разделы ---------- */
.kits__picker {
	display: flex;
	border: 1px var(--kit-border) solid;
	border-radius: 20px;
}
.kits__picker-item {
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	padding: 45px 24px;
	cursor: pointer;
	border: 1px transparent solid;
	transition: all .2s ease;
}
.kits__picker-item-icon {
	width: 48px;
	height: 48px;
	object-fit: contain;
	flex-shrink: 0;
}
/* Одноцветная иконка через mask: форму задаёт SVG (--icon), цвет — background.
   Неактивный таб — чёрный, активный — акцент (перекраска ниже). */
.kits__picker-item-icon--mask {
	background-color: #232323;
	-webkit-mask: var(--icon) center / contain no-repeat;
	        mask: var(--icon) center / contain no-repeat;
	transition: background-color .2s ease;
}
.kits__picker-item-text {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
}
.kits__picker-item.active .kits__picker-item-text {
	display: flex;
}
.kits__picker-item:not(:first-of-type)::before {
	content: '';
	position: absolute;
	width: 1px;
	height: 100%;
	left: 0;
	top: 0;
	background: var(--kit-border);
}
.kits__picker-item.active::before,
.kits__picker-item.active + .kits__picker-item::before {
	content: none;
}
.kits__picker-item-name {
	font-size: 24px;
	font-weight: 600;
	line-height: 120%;
}
.kits__picker-item-square, .kits__picker-item-square span {
	font-size: 16px;
	font-weight: 600;
	line-height: 120%;
}
.kits__picker-item-square sup {
	font-size: 0.5em;
	vertical-align: super;
	font-weight: 600;
	line-height: 120%;
}
.kits__picker-item.active {
	background: var(--kit-active-bg);
	border: 1px var(--accent) solid;
	border-radius: 20px;
	box-shadow: var(--kit-shadow);
}
.kits__picker-item.active .kits__picker-item-name,
.kits__picker-item.active .kits__picker-item-square,
.kits__picker-item.active .kits__picker-item-square span,
.kits__picker-item.active .kits__picker-item-square sup {
	color: var(--accent);
}
.kits__picker-item.active .kits__picker-item-icon--mask {
	background-color: var(--accent);
}

/* ---------- Обёртка раздела (kit1) — тумблер ---------- */
.kits__wrapper {
	margin-top: 0;
	height: 0;
	opacity: 0;
	overflow: hidden;
	pointer-events: none;
	transition: opacity .3s ease;
}
.kits__wrapper.active-kit {
	margin-top: 32px;
	height: auto;
	opacity: 1;
	overflow: visible;
	pointer-events: all;
	padding: 32px;
	background: var(--white);
	border-radius: 20px;
	box-shadow: var(--kit-shadow);
}
.kits__wrapper > h2 {
	font-size: 40px;
	font-weight: 600;
	line-height: 120%;
	margin-bottom: 24px;
}

/* ---------- Под-табы: элементы ---------- */
.kits__subpicker {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 48px;
}
.kits__subpicker-item {
	padding: 12px 24px;
	font-size: 20px;
	font-weight: 600;
	line-height: 130%;
	color: #232323;
	background: #fff;
	border: 1px var(--kit-border) solid;
	border-radius: 20px;
	cursor: pointer;
	transition: all .2s ease;
}
.kits__subpicker-item.active {
	color: var(--accent);
	background: var(--kit-active-bg);
	border-color: var(--accent);
}

/* ---------- Карточка набора (элемент) ---------- */
.kit-room {
	display: none;
	padding: 0;
	width: 100%;
	grid-template-columns: 452px 1fr;
	gap: 32px;
	min-height: 669px;
}
.kit-room.active-element {
	display: grid;
}

.kit-room__descr {
	display: flex;
	flex-direction: column;
	max-width: 452px;
}
.kit-room__descr-text h3 {
	font-size: 30px;
	font-weight: 600;
	line-height: 130%;
}
.kit-room__descr-text p {
	margin-top: 12px;
	line-height: 120%;
}

/* ---------- Устройства набора ---------- */
.kit-room__devices {
	margin-top: 32px;
}
.kit-room__devices-title {
	display: flex;
	align-items: center;
	gap: 8px;
}
.kit-room__devices-title .kit-contain {
	font-size: 20px;
	font-weight: 600;
	line-height: 130%;
}
.kit-room__devices-title .counter {
	margin-bottom: -2px;
	color: var(--kit-note);
	font-size: 14px;
	font-weight: 600;
}
.kit-room__devices-list {
	margin-top: 16px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
}
/* >6 устройств (3 ряда) — вертикальный скролл; при ≤6 список не режем,
   чтобы тултип свободно выходил за его пределы */
.kit-room__devices-list.is-scroll {
	max-height: 238px;
	overflow-y: auto;
	padding-right: 4px;
}
.kit-room__devices-list .item {
	max-width: 215px;
	position: relative;
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 4px 8px;
	padding-right: 40px;
	border: 1px var(--kit-border) solid;
	border-radius: 8px;
}
/* обёртка иконки — база для бейджа количества */
.item__media {
	flex-shrink: 0;
}
.item__icon {
	width: 64px;
	height: 64px;
	object-fit: contain;
	display: block;
}
/* количество: синий кружок поверх иконки (слева-сверху), белая обводка */
.item__badge {
	position: absolute;
	top: 8px;
	left: 8px;
	min-width: 24px;
	height: 24px;
	padding: 0 5px;
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
	color: #fff;
	background: var(--accent);
	border-radius: 999px;
}
.item__name {
	font-size: 14px;
	font-weight: 600;
	line-height: 120%;
}
.item__info {
	position: absolute;
	z-index: 2;
	top: 8px;
	right: 8px;
	width: 24px;
	height: 24px;
	padding: 0;
	border: none;
	border-radius: 50%;
	background: transparent;
	cursor: pointer;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23232323' stroke-width='1.5'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cline x1='12' y1='11' x2='12' y2='16' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='8' r='1' fill='%23232323' stroke='none'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
}
/* тултип: белая карточка с тенью — заголовок (NAME) + описание (DESCRIPTION) */
.item__tooltip {
	position: fixed;
	z-index: 100;
	left: 0;
	top: -9999px;
	width: max-content;
	max-width: 350px;
	padding: 6px 12px;
	background: #fff;
	border-radius: 8px;
	box-shadow: var(--kit-shadow);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity .15s ease;
}
/* hover на десктопе — CSS, без JS — но fixed-тултип следует за кнопкой.
   Для hover-показа используем JS (см. mouseenter ниже). Базовый hover
   для статических тултипов (если когда-нибудь вернём absolute). */
.item__tooltip:hover,
.item__tooltip.is-open {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}
.item__tooltip-title {
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	color: var(--kit-note);
}
.item__tooltip-text {
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	color: #232323;
}
.item__tooltip-close {
	display: none;
}
.kit-room__devices .hub-note {
	margin-top: 16px;
	color: var(--kit-note);
	font-size: 14px;
	font-weight: 500;
	line-height: 120%;
}

/* ---------- Цена + покупка ---------- */
.kit-room__buy {
	margin-top: auto;
	padding-top: 24px;
}
.kit-room__price {
	display: flex;
	align-items: baseline;
	gap: 12px;
}
.kit-room__price .price {
	font-size: 40px;
	font-weight: 600;
	line-height: 110%;
	color: var(--accent);
    display: flex;
    gap: 8px;
}
.kit-room__price .old-price {
    position: relative;
    display: inline-block;
    font-size: 22px;
    font-weight: 400;
	line-height: 100%;
    color: var(--kit-note);
}

.kit-room__price .old-price::after {
    content: '';
    position: absolute;
    left: -2px;
    right: -2px;
    top: 50%;
    height: 2px;
    background: currentColor;
    transform: rotate(-12deg);
    transform-origin: center;
    pointer-events: none;
}
.kit-room__price .discount {
	min-width: 52px;
	padding: 4px 6px 6px 6px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
	line-height: 14px;
	font-weight: 600;
	color: #fff;
	background: var(--accent);
	border-radius: 20px;
}

.kit-buy {
	position: relative;
	margin-top: 16px;
}
.kit-buy__toggle {
	position: relative;
	/* перебиваем глобальный .button -accent: он даёт width, а также
	   (предположительно) асимметричный padding/gap/псевдоиконку слева —
	   из-за них текст уезжал вправо. Форсируем симметрию и центр. */
	width: 100% !important;
	display: flex !important;
	align-items: center;
	justify-content: center !important;
	gap: 0 !important;
	padding-left: 24px !important;
	padding-right: 24px !important;
	text-align: center;
	color: #fff;
}
/* если глобальный .button рисует иконку/маркер псевдоэлементом — гасим,
   свой chevron рисуем сами (реальный <svg>, position:absolute) */
.kit-buy__toggle::before,
.kit-buy__toggle::after {
	content: none !important;
}
.kit-buy__chevron {
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	color: #fff;
	transition: transform .2s ease;
}
.kit-buy__chevron path {
	stroke: #fff;
}
.kit-buy.open .kit-buy__chevron {
	transform: translateY(-50%) rotate(180deg);
}
.kit-buy__menu {
	position: absolute;
	left: 0;
	right: 0;
	top: calc(100% + 8px);
	z-index: 5;
	display: none;
	flex-direction: column;
	padding: 8px;
	background: #fff;
	border: 1px var(--kit-border) solid;
	border-radius: 12px;
	box-shadow: var(--kit-shadow);
}
.kit-buy.open .kit-buy__menu {
	display: flex;
}
.kit-buy__menu a {
	padding: 10px 12px;
	font-weight: 600;
	color: #232323;
	border-radius: 8px;
	transition: background .2s ease;
}
.kit-buy__menu a:hover {
	background: var(--kit-active-bg);
}
.kit-room__buy .buy-note {
	margin-top: 12px;
	color: var(--kit-note);
	font-size: 14px;
	font-weight: 500;
	line-height: 120%;
}

/* ---------- Картинка набора ---------- */
.kit-room__image {
	border-radius: 16px;
	overflow: hidden;
}
.kit-room__image picture {
	display: block; /* инлайн-picture добавляет строчный зазор снизу — убираем */
}
.kit-room__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* ---------- Блок 2: сценарии ---------- */
.kit-scenarios {
	margin-top: 64px;
}
.kit-scenarios__section {
	display: none;
	grid-template-columns: 432px 1fr; /* при контейнере 1440px картинка ~976px */
	gap: 32px;
	align-items: start;
}
.kit-scenarios__section.active-kit {
	display: grid;
}
.kit-scenarios__left h2 {
	font-size: 40px;
	font-weight: 600;
	line-height: 120%;
}
.kit-scenarios__tabs {
	margin-top: 46px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
}
.kit-scenarios__tab {
	padding: 12px 24px;
	font-size: 20px;
	font-weight: 600;
	line-height: 130%;
	color: #232323;
	background: #fff;
	border: 1px var(--kit-border) solid;
	border-radius: 20px;
	cursor: pointer;
	transition: all .2s ease;
}
.kit-scenarios__tab.active {
	color: var(--accent);
	background: var(--kit-active-bg);
	border-color: var(--accent);
}
.kit-scenarios__view {
	display: none;
	border-radius: 20px;
	overflow: hidden;
}
.kit-scenarios__view.active-element {
	display: block;
}
.kit-scenarios__view img {
	width: 100%;
	height: auto;
	display: block;
}

/* ---------- Футер со ссылками ---------- */
.kit-services {
	margin-top: 64px;
	padding: 16px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: var(--white);
	border-radius: 20px;
	box-shadow: var(--kit-shadow);
}
.kit-services__text {
	font-size: 16px;
	font-weight: 600;
	line-height: 130%;
}
.kit-services__text:first-of-type {
	padding-right: 16px;
	border-right: 1px var(--kit-border) solid;
}
.kit-services__text:last-of-type {
	padding-left: 16px;
	border-left: 1px var(--kit-border) solid;
}
.kit-services__links {
	display: flex;
	gap: 24px;
}
.kit-services__links-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;

	font-size: 16px;
	font-weight: 500;
	line-height: 130%;
}
.kit-services__links-item > img {
	transition: transform .2s ease;
}
@media (hover: hover) {
	.kit-services__links-item:hover > img {
		transform: scale(1.1);
	}
	.kits__subpicker-item:not(.active):hover, .kit-scenarios__tab:not(.active):hover {
		background: var(--hover-white);
	}
}

/* ---------- Адаптив ---------- */
@media (max-width: 1500px) {
	.kit-room {
		grid-template-columns: 452px 1fr;
	}
	.kit-room__image img {
		width: 100%;
	}
	.kit-use__list {
		gap: 16px;
	}
	.kit-services__links {
		max-width: 40%;
		flex-wrap: wrap;
    	justify-content: center;
	}
	.kit-services__text {
		display: flex;
		align-items: center;
	}
}
@media (max-width: 1240px) {
	.kits__picker-item {
		padding: 24px 16px;
	}
	.kit-room.active-element {
		grid-template-columns: 1fr;
		min-height: auto;
	}
	.kit-room__descr {
		max-width: none;
	}
	.kit-room__devices-list {
		grid-template-columns: repeat(3, 1fr);
	}
	.kit-scenarios__section.active-kit {
		grid-template-columns: 1fr;
	}
	.kit-scenarios__tabs {
		flex-direction: row;
		flex-wrap: wrap;
	}
	.kit-services {
    	flex-direction: column;
		gap: 24px;
	}
	.kit-services__links {
		max-width: 100%;
	}
	.kit-services__text {
		width: 100%;
	}
	.kit-services__text:first-of-type {
		padding-right: 0;
		padding-bottom: 16px;
		border-right: none;
		border-bottom: 1px #C6CBD4 solid;
	}
	.kit-services__text:last-of-type {
		padding-left: 0;
		padding-top: 16px;
		border-left: none;
		border-top: 1px #C6CBD4 solid;
	}
	.kit-services__text {
		justify-content: center;
	}
	.kit-services__text br {
		display: none;
	}
}

@media (max-width: 768px) {
	.kits__picker {
		overflow-x: auto;
		border: none;
	}

	.kits__picker, .kits__subpicker {
		width: 100vw;
		padding: 0 40px;
		margin-left: -40px;
	}
	.kits__picker::-webkit-scrollbar, .kits__subpicker::-webkit-scrollbar {
		height: 0;
	}

	.kits__picker-item {
		padding: 12px;
		flex-shrink: 0;
		width: auto;
		gap: 8px;
	}
	.kits__picker-item:not(:first-of-type)::before {
		content: none;
	}
	.kits__wrapper.active-kit {
		/* подложка на всю ширину экрана (выходим из бокового паддинга .container) */
		width: 100vw;
		margin-top: 24px;
		margin-left: -40px;
		border-radius: 20px;
		padding: 40px;
	}
	.kits__wrapper > h2 {
		font-size: 24px;      /* «h1» первого блока */
		font-weight: 500;
		margin-bottom: 16px;  /* заголовок -> чипсы */
	}
	/* верхние табы: активный — иконка + название, остальные — только иконка */
	.kits__picker-item:not(.active) .kits__picker-item-name,
	.kits__picker-item:not(.active) .kits__picker-item-square {
		display: none;
	}
	.kits__picker-item-prefix {
		display: none;
	}


	/* чипсы (под-табы) — один горизонтальный ряд со скроллом */
	.kits__subpicker {
		flex-wrap: nowrap;
		overflow-x: auto;
		margin-bottom: 32px;      /* чипсы -> заголовок подраздела */
	}
	.kits__subpicker-item {
		flex-shrink: 0;
		font-size: 14px;
		padding: 8px 16px;        /* 8px по вертикали; по горизонтали шире под форму пилюли */
	}

	/* карточка набора: одна колонка; порядок —
	   описание -> картинка (KIT_IMAGE_MOBILE) -> «В наборе»+устройства -> цена/кнопка.
	   display:contents поднимает содержимое .kit-room__descr на уровень .kit-room,
	   чтобы картинку можно было вклинить между описанием и устройствами. */
	.kit-room {
		gap: 0;
	}
	.kit-room.active-element {
		display: flex;
		flex-direction: column;
	}
	.kit-room__descr        { display: contents; }
	.kit-room__descr-text   { order: 1; }
	.kit-room__image        { order: 2; margin-top: 24px; }  /* описание -> картинка */
	.kit-room__devices      { order: 3; margin-top: 24px; }  /* картинка -> «В наборе» */
	.kit-room__buy          { order: 4; }

	.kit-room__descr-text h3 { font-size: 18px; }               /* заголовок подраздела */
	.kit-room__descr-text p  { margin-top: 12px; font-size: 16px; } /* заголовок -> описание */
	.kit-room__image img     { height: auto; }                  /* по мобильному аспекту */
	.kit-room__devices-title .kit-contain { font-size: 16px; }  /* «В наборе» */

	/* устройства: нативный горизонтальный скролл-ряд (без Swiper),
	   ~3 карточки в видимой зоне, остальные — скроллом */
	.kit-room__devices-list::-webkit-scrollbar  {
		height: 0;
	}
	.kit-room__devices-list,
	.kit-room__devices-list.is-scroll {
		width: 100vw;
		padding: 0 40px;
		margin-left: -40px;
		display: flex;
		grid-template-columns: none;
		gap: 8px;
		max-height: none;
		overflow-x: auto;
		overflow-y: hidden;      /* убираем вертикальный скролл (тултип вынесен из контейнера) */
		padding-top: 2px;       /* место под бейдж, выходящий за верхнюю границу карточки */
		-webkit-overflow-scrolling: touch;
	}
	/* плитка (как на проде): крупная иконка на всю ширину, бейдж в её углу,
	   ⓘ под иконкой слева, название снизу */
	.kit-room__devices-list .item {
		max-width: 105px;
		flex-shrink: 0;
		scroll-snap-align: start;
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
		padding: 12px;      /* правый резерв под ⓘ не нужен — она в потоке */
	}
	.kit-room__devices-title .counter {
		font-weight: 500;
		line-height: 100%;
		margin-bottom: 0;
	}

	.item__media {
		order: 1;
		position: static;        /* бейдж якорится к карточке (position:relative), а не к иконке */
		align-self: stretch;     /* иконка на всю ширину плитки */
	}
	.item__icon {
		width: 82px;             /* крупная иконка, как на проде */
		height: 82px;
		object-fit: contain;
	}
	.item__badge {
		top: -2px;              /* круг сидит верхом на верхней границе карточки */
		right: -2px;
		left: auto;
		width: 24px;
        height: 24px;
		min-width: 0;
		padding: 0;
		font-size: 15px;
		border: none;
		border-radius: 50%;      /* круг (не квадрат) */
		font-size: 14px;
	}
	.item__info {
		width: 20px;
		height: 20px;
		top: 70px;
		right: auto;
		left: 8px;
	}
	.item__name {
		order: 3;
		font-size: 12px;
	}
	/* тултип: base-стили уже position:fixed — здесь просто снимаем max-width */
	.item__tooltip.is-open {
		max-width: none;
	}

	/* ---- Блок сценариев ---- */
	.kit-scenarios__left h2 {
		font-size: 20px;              /* заголовок блока сценариев */
	}
	.kit-scenarios {
		margin-top: 48px;
	}
	.kit-scenarios__tabs::-webkit-scrollbar {
		height: 0;
	}
	.kit-scenarios__tabs {
		width: 100vw;
		padding: 0 40px;
		margin-top: 16px;            /* заголовок -> чипсы */
		margin-left: -40px;
		flex-direction: row;
		flex-wrap: nowrap;
		overflow-x: auto;            /* горизонтальный ряд со скроллом, как чипсы сверху */
		gap: 8px;
	}
	.kit-scenarios__tab {
		flex-shrink: 0;
		font-size: 14px;             /* размер как у верхних чипсов */
		padding: 8px 16px;
	}
	.kit-scenarios__view {
		/* картинка сценария на всю ширину экрана */
		width: 100vw;
		margin-left: -40px;
	}

	/* ---- Третий блок (услуги/разделы) ---- */
	.kit-services {
		margin-top: 48px;
		flex-direction: column;
		align-items: stretch;
		gap: 16px;
		padding: 24px;
		text-align: left;
	}
	.kit-services__text br {
		display: none;               /* естественный перенос вместо жёсткого */
	}
	.kit-services__text:first-of-type {
		padding: 0 0 16px;
		border: none;
		border-bottom: 1px var(--kit-border) solid;   /* разделитель под верхним текстом */
	}
	.kit-services__text:last-of-type {
		padding: 16px 0 0;
		border: none;
		border-top: 1px var(--kit-border) solid;      /* разделитель над нижним текстом */
	}
	.kit-services__links {
		flex-direction: column;      /* вертикальный список */
		gap: 16px;
	}
	.kit-services__links-item {
		flex-direction: row;         /* иконка + подпись в строку, по левому краю */
		align-items: center;
		gap: 8px;
	}
	.kit-services__links-item > img {
		width: 24px;
		height: 24px;
	}
}
@media (max-width: 480px) {
	.welcome .container .subtitle {
		padding: 0;
		font-size: 16px;
		font-weight: 400;
		line-height: 130%;
	}

    .kits__picker, .kits__subpicker {
        width: 100vw;
        padding: 0 20px;
        margin-left: -20px;
    }
	.kits__picker-item-icon {
		width: 32px;
		height: 32px;
	}
	.kits__picker-item-name {
		font-size: 16px;
		line-height: 110%;
	}


	.kits__wrapper.active-kit, .kit-scenarios__view {
        margin-left: -20px;
	}
	.kits__wrapper.active-kit {
		padding: 20px;
	}

	.kit-room__devices-list,
	.kit-room__devices-list.is-scroll {
        padding: 2px 20px 0;
        margin-left: -20px;
	}
	.kit-room__devices-list .item {
		padding: 8px;
	}
	.kit-room__price .price {
		font-size: 36px;
		font-weight: 600;
		line-height: 100%;
	}
	.kit-room__price .old-price {
		font-size: 20px;
		font-weight: 400;
		line-height: 100%;
	}
	.kit-room__price .old-price::after {
		height: 1px;
	}
	.kit-room__price .discount {
		font-size: 20px;
		font-weight: 600;
		line-height: 80%;
		padding: 4px 6px;
	}
	.kit-room__buy .buy-note {
		font-size: 12px;
		margin-top: 8px;
	}
	.kit-room__devices .hub-note {
		font-size: 12px;
	}

	.kit-scenarios__tabs {
        padding: 0 20px;
        margin-left: -20px;
	}

	/* wrapper: overlay + tooltip */
	.item__tooltip-wrapper {
		display: none;
		position: fixed;
		inset: 0;
		z-index: 200;
	}
	.item__tooltip-wrapper.is-open {
		display: block;
	}
	.item__tooltip-overlay {
		position: fixed;
		inset: 0;
		background: #00052166;
	}
	.item__tooltip-wrapper .item__tooltip {
		width: 100%;
		position: fixed;
		top: auto !important;
		bottom: 0;
		left: 0 !important;
		right: 0;
		padding: 20px;
		border-radius: 12px 12px 0 0;
		background: #fff;
	}
	.item__tooltip-title {
		font-size: 16px;
		font-weight: 600;
		line-height: 20px;
	}
	.item__tooltip-text {
		margin-top: 8px;
		font-size: 16px;
		font-weight: 400;
		line-height: 20px;
	}
	.item__tooltip-close {
		display: block;
		position: absolute;
		top: 16px;
		right: 16px;
		width: 24px;
		height: 24px;
	}
}
/* End */
/* /local/components/eltex-doma/kit-picker/templates/.default/style.css?178572689724171 */