

/* Start:/local/templates/new_design/components/bitrix/search.title/.default/style.css?178130245513777*/
div.title-search-result {
	border:1px solid #c6c6c6;
	display:none;
	overflow:hidden;
	z-index:205;
}

table.title-search-result {
	border-collapse: collapse;
	border:none;
	width:10%;
}

table.title-search-result th {
	background-color:#F7F7F7;
	border-right:1px solid #e8e8e8;
	color:#949494;
	font-weight:normal;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:14px;
 	padding-right:12px;
	text-align:right;
	vertical-align:top;
	white-space:nowrap;
	width:1%;
	display: none;
}

table.title-search-result td {
	background-color:white;
	color:black;
	font-weight:normal;
	padding-top:2px;
	padding-bottom:2px;
	text-align:left;
	white-space:nowrap;
}

table.title-search-result td.title-search-item {
	padding-left:20px;
	padding-right:15px;
}

table.title-search-result td.title-search-item a {
	padding-left:0;
	padding-right:15px;
	text-decoration: none;
	color:black;
	vertical-align:top;
	display:block;
}

table.title-search-result td.title-search-item img {
	vertical-align:top;
}

table.title-search-result td.title-search-item b {
	color:#cf0000;
	font-weight:normal;
}

table.title-search-result tr.title-search-selected td
,table.title-search-result tr.title-search-selected a
,table.title-search-result tr.title-search-selected td.title-search-more a
{
	background-color:#fff2be;
}

table.title-search-result td.title-search-more {
	font-size:11px;
	font-weight:normal;
	padding-right:15px;
	padding-left:24px;
	padding-top:0px;
}

table.title-search-result td.title-search-more a
{
	padding-left:12px;
	padding-right:15px;
	text-decoration:none;
	color:#999999;
}

table.title-search-result td.title-search-all {
	padding-left:24px;
	padding-right:15px;
}

table.title-search-result td.title-search-all a
{
	padding-left:4px;
	text-decoration:none;
	color:#808080;
}

table.title-search-result td.title-search-separator
, table.title-search-result th.title-search-separator {
	padding-top:0px;
	padding-bottom:0px;
	font-size:4px;
}



div.title-search-fader {
	display:none;
	background-image: url('/local/templates/new_design/components/bitrix/search.title/.default/images/fader.png');
	background-position: right top;
	background-repeat: repeat-y;
	position:absolute;
}

.header__search .luna-search-clear,
.header__search .luna-search-cancel {
	display:none;
}

body.luna-search-screen-open {
	overflow:hidden;
}

body.luna-search-screen-open header .header__search {
	position:relative;
	z-index:2147483002;
}

body.luna-search-screen-open header .header__search .header-search {
	outline:3px solid #8000ff;
	outline-offset:3px;
	box-shadow:0 12px 32px rgba(30, 27, 46, .18);
}

body.luna-search-screen-open .title-search-result {
	display:none !important;
}

.luna-search-screen[hidden] {
	display:none !important;
}

.luna-search-screen [hidden] {
	display:none !important;
}

.luna-search-screen {
	position:fixed;
	inset:0;
	z-index:2147483000;
	display:block;
	font-family:Montserrat, sans-serif;
	color:#1e1b2e;
}

.luna-search-screen,
.luna-search-screen * {
	box-sizing:border-box;
}

.luna-search-screen__backdrop {
	position:absolute;
	inset:0;
	display:block;
	width:100%;
	height:100%;
	border:0;
	background:rgba(30, 27, 46, .42);
	cursor:pointer;
}

.luna-search-screen__panel {
	position:relative;
	display:flex;
	flex-direction:column;
	width:min(760px, calc(100vw - 32px));
	max-height:calc(100vh - 92px);
	margin:72px auto 20px;
	overflow:hidden;
	border:1px solid rgba(236, 234, 245, .95);
	border-radius:18px;
	background:#fff;
	box-shadow:0 24px 60px rgba(30, 27, 46, .24);
}

.luna-search-screen__top {
	display:grid;
	grid-template-columns:minmax(0, 1fr) auto;
	align-items:center;
	gap:12px;
	padding:10px 14px;
	border-bottom:1px solid #eceaf5;
}

.luna-search-screen__field {
	position:relative;
	display:flex;
	align-items:center;
	min-width:0;
	height:42px;
	border:1px solid #eceaf5;
	border-radius:14px;
	background:#f6f8fc;
	box-shadow:inset 0 0 0 1px rgba(255, 255, 255, .65);
}

.luna-search-screen__field:focus-within {
	border-color:#8000ff;
	box-shadow:0 0 0 3px rgba(128, 0, 255, .12);
}

.luna-search-screen__search-icon {
	flex:0 0 42px;
	width:42px;
	height:42px;
	opacity:.62;
	background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 24 24' fill='none' stroke='%23676276' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") center / 19px 19px no-repeat;
}

.luna-search-screen__input {
	flex:1 1 auto;
	min-width:0;
	height:40px;
	padding:0 8px 0 0;
	border:0;
	outline:0;
	background:transparent;
	color:#1e1b2e;
	font:500 15px/40px Montserrat, sans-serif;
}

.luna-search-screen__input::placeholder {
	color:#8b93a5;
	opacity:1;
}

.luna-search-screen__clear {
	position:relative;
	flex:0 0 34px;
	width:34px;
	height:34px;
	margin-right:4px;
	border:0;
	border-radius:999px;
	background:transparent;
	cursor:pointer;
}

.luna-search-screen__clear:before,
.luna-search-screen__clear:after {
	content:"";
	position:absolute;
	top:16px;
	left:10px;
	width:14px;
	height:2px;
	border-radius:999px;
	background:#8c98a4;
}

.luna-search-screen__clear:before {
	transform:rotate(45deg);
}

.luna-search-screen__clear:after {
	transform:rotate(-45deg);
}

.luna-search-screen__cancel,
.luna-search-screen__text-button {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	border:0;
	background:transparent;
	color:#51059d;
	font:600 15px/1.2 Montserrat, sans-serif;
	white-space:nowrap;
	cursor:pointer;
}

.luna-search-screen__body {
	flex:1 1 auto;
	min-height:0;
	overflow:auto;
	padding:18px 16px 22px;
	background:#fff;
	-webkit-overflow-scrolling:touch;
}

.luna-search-screen__state {
	display:grid;
	gap:20px;
}

.luna-search-screen__state--empty {
	grid-template-columns:minmax(210px, .8fr) minmax(0, 1.2fr);
	align-items:start;
}

.luna-search-screen__section-head {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	margin-bottom:12px;
}

.luna-search-screen__title,
.luna-search-screen__section-label {
	margin:0;
	color:#1e1b2e;
	font-size:20px;
	font-weight:800;
	line-height:1.2;
}

.luna-search-screen__section-label {
	margin-bottom:12px;
	color:#676767;
	font-size:13px;
	font-weight:800;
	text-transform:uppercase;
}

.luna-search-screen__chips {
	display:flex;
	flex-wrap:wrap;
	gap:8px;
}

.luna-search-screen__chip {
	display:inline-flex;
	align-items:center;
	gap:8px;
	min-height:36px;
	max-width:100%;
	padding:8px 12px;
	border:0;
	border-radius:999px;
	background:#f1f2f7;
	color:#1e1b2e;
	font:700 14px/1.2 Montserrat, sans-serif;
	text-decoration:none;
	cursor:pointer;
}

.luna-search-screen__chip:hover,
.luna-search-screen__suggestion:hover,
.luna-search-screen__section-card:hover,
.luna-search-screen__card:hover {
	color:#51059d;
}

.luna-search-screen__chip-remove {
	position:relative;
	width:18px;
	height:18px;
	flex:0 0 18px;
	opacity:.62;
}

.luna-search-screen__chip-remove:before,
.luna-search-screen__chip-remove:after {
	content:"";
	position:absolute;
	top:8px;
	left:3px;
	width:12px;
	height:2px;
	border-radius:999px;
	background:currentColor;
}

.luna-search-screen__chip-remove:before {
	transform:rotate(45deg);
}

.luna-search-screen__chip-remove:after {
	transform:rotate(-45deg);
}

.luna-search-screen__feed {
	min-width:0;
}

.luna-search-screen__feed-title {
	margin:0 0 12px;
	color:#1e1b2e;
	font-size:20px;
	font-weight:800;
	line-height:1.2;
}

.luna-search-screen__carousel {
	margin-bottom:20px;
}

.luna-search-screen__carousel-head {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	margin-bottom:10px;
}

.luna-search-screen__carousel-title {
	margin:0;
	color:#1e1b2e;
	font-size:16px;
	font-weight:800;
	line-height:1.25;
}

.luna-search-screen__carousel-link {
	color:#51059d;
	font-size:13px;
	font-weight:700;
	text-decoration:none;
	white-space:nowrap;
}

.luna-search-screen__cards {
	display:grid;
	grid-auto-flow:column;
	grid-auto-columns:184px;
	gap:12px;
	overflow-x:auto;
	overflow-y:hidden;
	padding-bottom:4px;
	scrollbar-width:thin;
	scroll-snap-type:x proximity;
}

.luna-search-screen__cards .catalog-item {
	min-width:0;
	height:100%;
	scroll-snap-align:start;
}

.luna-search-screen__cards .catalog-item__link {
	color:inherit;
	text-decoration:none;
}

.luna-search-screen__cards .catalog-item__button {
	margin-top:auto;
}

.luna-search-screen__card,
.luna-search-screen__skeleton-card {
	display:flex;
	flex-direction:column;
	min-width:0;
	border:1px solid #eceaf5;
	border-radius:8px;
	background:#fff;
	text-decoration:none;
	overflow:hidden;
	scroll-snap-align:start;
}

.luna-search-screen__card-media,
.luna-search-screen__skeleton-media {
	width:100%;
	aspect-ratio:1 / 1;
	background:#f6f8fc;
}

.luna-search-screen__card-media img {
	display:block;
	width:100%;
	height:100%;
	object-fit:contain;
}

.luna-search-screen__card-body {
	padding:9px 10px 11px;
}

.luna-search-screen__card-title {
	display:-webkit-box;
	margin:0;
	overflow:hidden;
	color:#1e1b2e;
	font-size:13px;
	font-weight:600;
	line-height:1.28;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}

.luna-search-screen__card-text {
	display:-webkit-box;
	margin:5px 0 0;
	overflow:hidden;
	color:#676767;
	font-size:12px;
	font-weight:500;
	line-height:1.25;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}

.luna-search-screen__skeleton-card {
	min-height:210px;
	animation:luna-search-pulse 1.2s ease-in-out infinite;
}

.luna-search-screen__skeleton-line {
	height:10px;
	margin:10px;
	border-radius:999px;
	background:#eceaf5;
}

.luna-search-screen__skeleton-line:nth-child(3) {
	width:70%;
}

.luna-search-screen__empty-note {
	margin:0;
	color:#676767;
	font-size:14px;
	font-weight:500;
	line-height:1.45;
}

.luna-search-screen__suggestions {
	overflow:hidden;
	border:1px solid #eceaf5;
	border-radius:16px;
	background:#fff;
}

.luna-search-screen__suggestion {
	display:flex;
	align-items:center;
	gap:12px;
	min-height:52px;
	padding:12px 14px;
	border-bottom:1px solid #eceaf5;
	color:#1e1b2e;
	font-size:16px;
	font-weight:500;
	line-height:1.25;
	text-decoration:none;
}

.luna-search-screen__suggestion:last-child {
	border-bottom:0;
}

.luna-search-screen__suggestion-icon {
	width:24px;
	height:24px;
	flex:0 0 24px;
	border-radius:999px;
	background:#f1f2f7 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%23676276' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 1 0 3-6.7'/%3E%3Cpath d='M3 4v5h5'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") center / 15px 15px no-repeat;
}

.luna-search-screen__suggestion mark {
	background:transparent;
	color:#1e1b2e;
	font-weight:800;
}

.luna-search-screen__section-block {
	margin-top:18px;
}

.luna-search-screen__sections {
	display:grid;
	grid-template-columns:repeat(auto-fill, minmax(132px, 1fr));
	gap:10px;
}

.luna-search-screen__section-card {
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	min-height:104px;
	padding:12px;
	border:1px solid #eceaf5;
	border-radius:8px;
	background:#f6f8fc;
	color:#1e1b2e;
	font-size:14px;
	font-weight:700;
	line-height:1.25;
	text-decoration:none;
}

.luna-search-screen__section-icon {
	width:38px;
	height:38px;
	margin-bottom:14px;
	border-radius:12px;
	background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 24 24' fill='none' stroke='%2351059D' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h16'/%3E%3Cpath d='M4 12h16'/%3E%3Cpath d='M4 18h16'/%3E%3C/svg%3E") center / 19px 19px no-repeat;
	box-shadow:0 4px 14px rgba(30, 27, 46, .07);
}

@keyframes luna-search-pulse {
	0%, 100% { opacity:.62; }
	50% { opacity:1; }
}

@media (min-width: 768px) {
	.luna-search-screen__top {
		display:none;
	}

	.luna-search-screen__panel {
		margin-top:78px;
	}
}

@media (max-width: 767px) {
	.luna-search-screen__backdrop {
		display:none;
	}

	.luna-search-screen__panel {
		width:100%;
		height:100%;
		max-height:none;
		margin:0;
		border:0;
		border-radius:0;
		box-shadow:none;
	}

	.luna-search-screen__top {
		grid-template-columns:minmax(0, 1fr) auto;
		gap:8px;
		padding:calc(env(safe-area-inset-top, 0px) + 10px) 12px 10px;
		background:#fff;
	}

	.luna-search-screen__field {
		height:44px;
		border-radius:14px;
	}

	.luna-search-screen__input {
		height:42px;
		font-size:16px;
		line-height:42px;
	}

	.luna-search-screen__body {
		padding:16px 12px calc(90px + env(safe-area-inset-bottom, 0px));
		background:#f6f8fc;
	}

	.luna-search-screen__state--empty {
		display:block;
	}

	.luna-search-screen__history-block,
	.luna-search-screen__feed,
	.luna-search-screen__suggest-block,
	.luna-search-screen__section-block {
		margin-bottom:14px;
		padding:16px 14px;
		border-radius:18px;
		background:#fff;
		box-shadow:0 8px 24px rgba(30, 27, 46, .06);
	}

	.luna-search-screen__history-block:empty {
		display:none;
	}

	.luna-search-screen__title,
	.luna-search-screen__feed-title {
		font-size:18px;
	}

	.luna-search-screen__chips {
		gap:8px;
	}

	.luna-search-screen__chip {
		min-height:38px;
		padding:9px 12px;
		font-size:14px;
	}

	.luna-search-screen__cards {
		grid-auto-columns:44vw;
		margin-right:-14px;
		padding-right:14px;
	}

	.luna-search-screen__suggestions {
		border:0;
		border-radius:0;
		background:transparent;
	}

	.luna-search-screen__suggestion {
		min-height:56px;
		padding:13px 0;
	}

	.luna-search-screen__sections {
		grid-template-columns:repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 420px) {
	.luna-search-screen__cards {
		grid-auto-columns:48vw;
	}
}

/* End */
/* /local/templates/new_design/components/bitrix/search.title/.default/style.css?178130245513777 */
