/* Правки поверх минифицированных стилей. Подключается последним.
   Заводится 28.08.2026. */

/* Всплывающий блок «Всегда свежие конфеты».
   Дед Мороз позиционирован абсолютно (111px на десктопе, 88px в мобильной
   версии) и вылезает за нижнюю границу подзаголовка. Пока пунктов списка
   было четыре и первый был коротким, это не бросалось в глаза; после
   добавления пункта про 20 дней картинка наехала на текст.
   Резервируем под неё высоту у подзаголовка. */
.popup-fresh-candy__subtitle {
	min-height: 5.5rem;
}

@media screen and (max-width: 900px) {
	.popup-fresh-candy__subtitle {
		min-height: 4.5rem;
	}
}

/* Ссылка на страницу «Как мы собираем подарки» под списком. */
.popup-fresh-candy__text {
	margin-top: 1.6rem;
}

/* =====================================================================
   Фильтр каталога, переписан 29.08.2026 (см. inc/filters.php).
   Ползунки убраны — они не работали от касания; вместо них числовые поля.
   ===================================================================== */
#filters .f-group {
	margin-bottom: 1.4rem;
}
#filters .f-label {
	display: block;
	margin-bottom: 0.5rem;
	font-size: 1.3rem;
	color: #6b7280;
}
#filters .f-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
}
#filters .f-chip {
	display: inline-block;
	padding: 0.4rem 0.9rem;
	border: 1px solid #dbdbdc;
	border-radius: 1.4rem;
	background: #fff;
	color: #4c4c4f;
	font-size: 1.3rem;
	line-height: 1.5;
	text-decoration: none;
}
#filters .f-chip:hover {
	border-color: #1484ce;
	text-decoration: none;
}
#filters .f-chip .f-c {
	margin-left: 0.5rem;
	color: #9aa0a6;
}
#filters .f-chip.f-on {
	background: #1484ce;
	border-color: #1484ce;
	color: #fff;
}
#filters .f-chip.f-on .f-c {
	color: rgba(255, 255, 255, 0.75);
}
#filters .f-chip.f-zero {
	opacity: 0.45;
}
#filters .f-pair {
	display: flex;
	align-items: center;
	gap: 0.6rem;
}
#filters .f-pair input {
	width: 100%;
	min-width: 0;
	padding: 0.7rem 0.8rem;
	border: 1px solid #dbdbdc;
	border-radius: 0.5rem;
	background: #fff;
	color: #252528;
	font-family: inherit;
	font-size: 1.5rem;
}
#filters .f-pair span {
	color: #9aa0a6;
}
#filters .f-active {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	margin-bottom: 1rem;
}
#filters .f-pill {
	padding: 0.2rem 0.7rem;
	border: 1px solid #dbdbdc;
	border-radius: 1.4rem;
	background: #f7f7f9;
	font-size: 1.2rem;
	color: #4c4c4f;
}
#filters .f-apply {
	display: block;
	width: 100%;
	padding: 1.1rem 1.4rem;
	border: 0;
	border-radius: 0.6rem;
	background: #cc1f2a;
	color: #fff;
	font-family: inherit;
	font-size: 1.6rem;
	font-weight: 700;
	cursor: pointer;
}
#filters .f-apply:hover {
	background: #b3111c;
}
#filters .f-apply[disabled] {
	background: #9aa0a6;
	cursor: not-allowed;
}
#filters .f-reset {
	display: inline-block;
	margin-top: 0.8rem;
	font-size: 1.3rem;
	color: #1484ce;
}

/* На узком экране фильтр переезжает над карточками и открывается по нажатию
   на заголовок: в боковой колонке он оказывался под всеми 190 подарками. */
@media screen and (max-width: 900px) {
	.filters-box.f-mobile {
		margin: 0 0 1.6rem;
	}
	.filters-box.f-mobile h4 {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin: 0;
		padding: 1rem 1.2rem;
		border: 1px solid #dbdbdc;
		border-radius: 0.6rem;
		background: #f7f7f9;
		cursor: pointer;
	}
	.filters-box.f-mobile h4::after {
		content: "\25BE";
		color: #1484ce;
	}
	.filters-box.f-mobile.f-open h4::after {
		content: "\25B4";
	}
	.filters-box.f-mobile #filters {
		display: none;
		padding-top: 1.4rem;
	}
	.filters-box.f-mobile.f-open #filters {
		display: block;
	}
	.filters-box.f-mobile .ic-filters {
		display: none;
	}
}

/* =====================================================================
   Выбор региона переехал из шапки в красную строку меню, справа.
   Причина: цена зависит от города, а наверх страницы человек не смотрит —
   потом выясняется, что омский заказчик видел краснодарские цены.
   Сам перенос делает короткий скрипт в конце inc/header.php.
   ===================================================================== */
#navy {
	position: relative;
}
#navy #head_region {
	position: absolute;
	right: 1.2vw;
	top: 0;
	height: 100%;
	display: flex;
	align-items: center;
	gap: 0.6vw;
	margin: 0;
	z-index: 1100;
}
/* внутри #head_region всё завёрнуто в <noindex>, поэтому flex надо навесить
   и на него — иначе подпись и город встают в два этажа */
#navy #head_region > noindex {
	display: flex;
	align-items: center;
	gap: 0.6vw;
	height: 100%;
}
#navy #head_region h4 {
	margin: 0;
	font-size: 0.95vw;
	font-weight: 400;
	color: #ffffff;
	white-space: nowrap;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
}
#navy #head_region .region_select {
	margin: 0;
	display: flex;
	align-items: center;
}
#navy #head_region .ui-selectmenu-button {
	height: 70%;
	min-height: 22px;
	max-height: 28px;
	max-width: 15vw;
	margin: 0;
	padding: 0 0.3vw;
	border-radius: 3px;
	line-height: 1;
	display: flex;
	align-items: center;
	font-size: 0.95vw;
}
#navy #head_region .ui-selectmenu-button span.ui-selectmenu-text {
	line-height: 1;
	margin: 0 1.4vw 0 0.4vw;
	font-size: inherit;
}

/* узкий десктоп: подпись «Ваш регион:» убираем, город говорит сам за себя */
@media screen and (min-width: 901px) and (max-width: 1100px) {
	#navy #head_region h4 {
		display: none;
	}
}

/* Полоса с городом на телефоне: красной строки меню там нет, и выбранный
   регион не виден нигде. Обычный <select> — родной выбор телефона. */
#region_mobile {
	/* логотип в мобильной шапке выше самой шапки на 43px и наезжает сверху —
	   пока шапка не переделана, отодвигаем полосу под него */
	position: relative;
	z-index: 5;
	margin-top: 46px;
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 7px 12px;
	background: #f7f7f9;
	border-bottom: 1px solid #dbdbdc;
	font-size: 14px;
	line-height: 1.2;
	color: #4c4c4f;
}
#region_mobile label {
	white-space: nowrap;
}
#region_mobile select {
	flex: 1;
	min-width: 0;
	padding: 6px 8px;
	border: 1px solid #dbdbdc;
	border-radius: 5px;
	background: #fff;
	color: #252528;
	font-family: inherit;
	font-size: 14px;
	font-weight: 600;
}

/* =====================================================================
   Корзина на телефоне. На десктопе панель выезжает справа и это хорошо;
   на телефоне она при загрузке выползала на 185px и на пять секунд
   закрывала правую треть экрана. Здесь: никакого выезда, компактная
   кнопка в правом нижнем углу. Правила с !important — иначе их перебьёт
   инлайновый right, который ставит cart.js.
   ===================================================================== */
@media screen and (max-width: 900px) {
	/* правый нижний угол занят кнопкой чата Битрикса (66px, отступ 20px),
	   поэтому корзину ставим в левый — там пусто, и две кнопки не спорят */
	#line-f {
		position: fixed !important;
		left: 10px !important;
		right: auto !important;
		top: auto !important;
		bottom: 14px !important;
		width: auto !important;
		height: auto !important;
		z-index: 1011;
		transition: none !important;
	}
	#shopCartcontainer {
		width: auto !important;
		height: auto !important;
	}
	#shopCart {
		float: none !important;
		margin: 0 !important;
		width: auto !important;
		height: auto !important;
	}
	#bask-sm {
		width: auto !important;
		min-width: 52px;
		height: auto !important;
		padding: 10px !important;
		border-radius: 26px !important;
		box-shadow: 0 3px 12px rgba(0, 0, 0, 0.3);
	}
	/* пустая корзина — только значок, без рекламного текста:
	   про скидку уже сказано в красной плашке над каталогом */
	#bask-sm p.empty {
		width: 32px;
		height: 32px;
		padding: 0 !important;
		margin: 0 !important;
		font-size: 0 !important;
		background-position: center center !important;
	}
	#bask-sm p.empty span,
	#bask-sm p.empty br {
		display: none !important;
	}
	/* полная корзина — значок, количество и сумма в одну строку */
	#bask-sm p {
		width: 27px;
		height: 27px;
		padding: 0 !important;
		margin: 0 !important;
		font-size: 0 !important;
		background-position: center center !important;
	}
	#bask-sm ul {
		margin: 4px 0 0 !important;
		padding: 0 !important;
		text-align: center;
	}
	#bask-sm li {
		font-size: 13px !important;
		line-height: 1.25 !important;
	}
	#bask-sm li span {
		font-size: 13px !important;
	}
	#bask-sm li nobr {
		font-size: 12px !important;
	}
}

/* Десктопный выбор города (jQuery UI) на телефоне не участвует: сам виджет
   лежит внутри скрытой строки меню, а его выпадающий список висит в <body>
   и всплывал в левом верхнем углу поверх логотипа. На телефоне город
   выбирается полосой #region_mobile. */
@media screen and (max-width: 900px) {
	.ui-selectmenu-menu {
		display: none !important;
	}
}

/* Коллаж с подарками должен лежать ПОВЕРХ красной строки меню — ленточки
   нарочно свисают на неё. Пока #navy был без position, его z-index:1020
   не работал и коллаж рисовался сверху сам собой. С переносом выбора региона
   строке меню понадобился position:relative, z-index ожил и накрыл коллаж.
   Возвращаем прежний порядок явно. */
#podarki {
	position: absolute;
	z-index: 1030;
}

/* =====================================================================
   Окна выбора региона. На сайте это единственные диалоги jQuery UI
   (#region_select_dialog — подтверждение перехода, #region_select_box —
   предложение выбрать город), поэтому правим .ui-dialog целиком.
   Задача: увести страницу на второй план, чтобы окно нельзя было
   не заметить, — раньше подложка была почти прозрачной.
   ===================================================================== */
.ui-widget-overlay {
	background: #0b1622 !important;
	opacity: 0.62 !important;
}
.ui-dialog {
	padding: 0 !important;
	border: 0 !important;
	border-radius: 12px !important;
	overflow: hidden;
	box-shadow: 0 18px 50px rgba(0, 0, 0, 0.45);
	max-width: calc(100vw - 24px);
}
.ui-dialog .ui-dialog-titlebar {
	margin: 0 !important;
	padding: 1.4rem 4.6rem 1.4rem 1.8rem !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: #cc1f2a !important;
	color: #ffffff !important;
	font-size: 1.9rem !important;
	font-weight: 700;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
	right: 1.2rem !important;
	background: rgba(255, 255, 255, 0.18) !important;
	border: 0 !important;
	border-radius: 50% !important;
	width: 3rem !important;
	height: 3rem !important;
	margin-top: -1.5rem !important;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon {
	filter: invert(1) brightness(2);
}
.ui-dialog .ui-dialog-content {
	padding: 2rem 1.8rem !important;
	font-size: 1.6rem;
	line-height: 1.5;
	color: #252528;
}
.ui-dialog .ui-dialog-buttonpane {
	margin: 0 !important;
	padding: 0 1.8rem 1.8rem !important;
	border: 0 !important;
	background: #ffffff;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: none !important;
	display: flex;
	gap: 1rem;
}
.ui-dialog .ui-dialog-buttonpane button {
	flex: 1;
	margin: 0 !important;
	padding: 1.1rem 1.4rem !important;
	border: 1px solid #dbdbdc !important;
	border-radius: 0.6rem !important;
	background: #f7f7f9 !important;
	color: #4c4c4f !important;
	font-family: inherit;
	font-size: 1.6rem !important;
	font-weight: 600;
	cursor: pointer;
}
/* «Да» — первая кнопка, она и есть действие. Только в окне подтверждения:
   во втором окне (#region_select_box) кнопки — это города, и выделять
   первый из них нельзя, они равноправные. */
.ui-dialog[aria-describedby="region_select_dialog"] .ui-dialog-buttonpane button:first-child {
	border-color: #cc1f2a !important;
	background: #cc1f2a !important;
	color: #ffffff !important;
}
.ui-dialog[aria-describedby="region_select_dialog"] .ui-dialog-buttonpane button:first-child:hover {
	background: #b3111c !important;
	border-color: #b3111c !important;
}
/* в окне выбора города кнопок семь — пусть переносятся, а не режутся */
.ui-dialog[aria-describedby="region_select_box"] .ui-dialog-buttonpane .ui-dialog-buttonset {
	flex-wrap: wrap;
}
.ui-dialog[aria-describedby="region_select_box"] .ui-dialog-buttonpane button {
	flex: 0 1 auto;
}

/* 29.08.2026: на телефоне окно выбора региона задано в скрипте шириной 500px
   и позиционируется по центру только по этой ширине — на экране 375px оно
   уезжало вправо и обрезало заголовок. Прижимаем к ширине экрана. */
@media (max-width: 900px) {
	.ui-dialog {
		width: calc(100vw - 24px) !important;
		max-width: none !important;
		left: 12px !important;
		right: auto !important;
	}
	.ui-dialog .ui-dialog-title { white-space: normal; font-size: 1.05rem; line-height: 1.25; }
}

/* 29.08.2026: мобильная шапка по макету, одобренному владельцем.
   Было: логотип 35vw высотой почти во весь верх, телефон отдельной строкой
   под ним (`#phone{top:104px}`), кнопка меню справа — верх занимал ~194px
   до первого товара. Стало: один ряд высотой 104px — логотип 46px, красная
   кнопка звонка во всю ширину (нажал и звонишь) и кнопка меню.
   Разметку не трогаем, только раскладку; кнопка меню переносится
   в #headerblock скриптом в inc/header.php. */
@media (max-width: 900px) {
	#header { height: auto !important; }
	#headerblock {
		box-sizing: border-box;
		display: flex !important;
		align-items: center;
		gap: 8px;
		height: auto !important;
		padding: 8px 10px;
	}
	#headerblock > a {
		position: static !important;
		flex: 0 0 46px;
		width: 46px !important;
		height: 46px !important;
		top: auto !important;
		left: auto !important;
	}
	#logo { display: none !important; }

	#phone {
		position: static !important;
		top: auto !important;
		right: auto !important;
		flex: 1 1 auto;
		display: flex !important;
		align-items: center;
		justify-content: center;
		height: 44px;
		border-radius: 22px;
		background: #c4162a;
		box-shadow: 0 1px 3px rgba(0, 0, 0, .18);
	}
	#phone br,
	#phone .phonedesc { display: none !important; }
	/* класс .outline рисует белую обводку текста — на красной кнопке она
	   съедала белые цифры */
	#phone, #phone a { text-shadow: none !important; }
	/* второй и третий номера в кнопку не помещаются, они есть в контактах */
	#phone a ~ a { display: none !important; }
	#phone a {
		color: #fff !important;
		font-size: 18px !important;
		line-height: 1 !important;
		font-weight: 700;
		white-space: nowrap;
		display: inline-flex;
		align-items: center;
		gap: 7px;
	}
	#phone a::before {
		content: "";
		width: 17px;
		height: 17px;
		flex: 0 0 17px;
		background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .3 1.9.6 2.8a2 2 0 0 1-.5 2.1L8.1 9.8a16 16 0 0 0 6 6l1.2-1.1a2 2 0 0 1 2.1-.5c.9.3 1.8.5 2.8.6a2 2 0 0 1 1.8 2.1z'/%3E%3C/svg%3E") center / contain no-repeat;
	}

	.mobilemenu {
		float: none !important;
		flex: 0 0 44px;
		width: 44px;
		height: 44px !important;
		border-radius: 10px;
		background: rgba(255, 255, 255, .82);
		display: flex !important;
		align-items: center;
		justify-content: center;
	}
	.mobilemenu__icon { width: 20px !important; height: 17px !important; }
	.mobilemenu__icon span {
		height: 3px !important;
		border-radius: 2px !important;
	}
	.mobilemenu:not(.menu_state_open) .mobilemenu__icon span { width: 20px !important; }
	.mobilemenu__icon span:nth-child(1) { top: 0 !important; }
	.mobilemenu__icon span:nth-child(2),
	.mobilemenu__icon span:nth-child(3) { top: 7px !important; }
	.mobilemenu__icon span:nth-child(4) { top: 14px !important; }
	/* открытое меню: крайние полосы прячутся, средние складываются в крестик */
	.mobilemenu.menu_state_open .mobilemenu__icon span:nth-child(1),
	.mobilemenu.menu_state_open .mobilemenu__icon span:nth-child(4) {
		top: 7px !important;
		width: 0 !important;
		left: 50% !important;
	}

	/* костыль под старую шапку с выносящимся логотипом больше не нужен */
	#region_mobile { margin-top: 0 !important; }
}

/* кнопка меню теперь лежит внутри шапки; на десктопе она не нужна */
@media (min-width: 901px) {
	#headerblock > .mobilemenu { display: none !important; }
}

/* ==========================================================================
   29.08.2026: правки по разбору пути заказа (задача 20). Оформление общее
   для десктопа и телефона, различия — в медиазапросе ниже.
   ========================================================================== */

/* Кнопки «+», «−» и крестик удаления были 16x16 — для пальца мало, промах
   по крестику удалял соседний товар. Картинку оставляем прежнюю, увеличиваем
   область нажатия отступами. */
#plus, #minus, img[id^="plus"], img[id^="minus"], img[id^="del"] {
	width: 16px !important;
	height: 16px;
	padding: 6px;
	box-sizing: content-box;
}
.select_td img[id^="del"] { padding: 8px; }
/* плюс и минус стояли по краям ячейки через float и на узком экране
   разъезжались по разным строкам */
#plus, #minus, img[id^="plus"], img[id^="minus"] {
	float: none !important;
	vertical-align: middle;
}
.cartcount { display: inline-block; vertical-align: middle; }
.select_td { white-space: nowrap; }

/* Количество в корзине теперь вводится числом. */
.cartcount {
	width: 3.2em;
	margin: 0 .3em;
	padding: 4px 2px;
	text-align: center;
	font: inherit;
	font-size: 1em;
	border: 1px solid #bd0b24;
	border-radius: 4px;
	background: #fff;
	color: #3e3e3e;
}
.cartcount:focus { outline: 2px solid #bd0b24; outline-offset: 1px; }

/* Таблица корзины шире экрана уводила всю страницу вбок. */
.ord { max-width: 100%; overflow-x: auto; }
.ord table.select_tb { max-width: 100%; }

/* Окно с формой заказа открывалось поверх страницы почти без подложки —
   его было трудно отличить от того, что под ним. */
.mfp-bg { background: #0b1622 !important; opacity: .62 !important; }
#sendblock {
	background: #fff;
	max-width: 560px;
	margin: 0 auto;
	padding: 18px 20px 22px;
	border-radius: 12px;
	position: relative;
}
#sendblock input[type="text"],
#sendblock input[type="date"],
#sendblock select,
#sendblock textarea {
	width: 100%;
	box-sizing: border-box;
	margin: 0 0 8px;
	padding: 9px 10px;
	font-size: 16px; /* меньше 16px — телефон приближает страницу при вводе */
	border: 1px solid #bdbdbd;
	border-radius: 6px;
	background: #fff;
	color: #3e3e3e;
}
#sendblock input:required,
#sendblock input[required] { border-color: #bd0b24; }
/* поле, на которое ругнулась проверка */
#sendblock .field_error {
	border-color: #bd0b24 !important;
	background: #fdecee !important;
}
/* списки оплаты и доставки обрезали текст варианта — условие про тариф
   за километр целиком не читалось */
#sendblock select {
	white-space: normal;
	text-overflow: ellipsis;
}
#sendblock .datelabel {
	display: block;
	margin: 2px 0 4px;
	font-size: 14px;
	color: #666;
}
#sendblock .comments { min-height: 5.5em; }
#sendblock p.justify { text-align: left; font-size: 13px; line-height: 1.35; }
#sendblock .send_btn { display: inline-block; margin: 4px 4px 0 0; }

/* примечание о том, что корзина не переезжает в другой город */
.region_cart_note {
	margin: .6em 0 0;
	padding: .6em .7em;
	border-radius: 8px;
	background: #fdecee;
	color: #8a1220;
	font-weight: bold;
}

@media (max-width: 900px) {
	/* На телефоне таблица корзины не помещалась в 375px и уводила страницу
	   вбок вместе с шапкой. Ужимаем всё, что можно ужать, не пряча столбцы:
	   фотография мельче, отступы кнопок меньше, поле уже. */
	#plus, #minus, img[id^="plus"], img[id^="minus"], img[id^="del"] { padding: 7px; }
	.cartcount { width: 2.6em; padding: 6px 1px; font-size: 15px; }
	.ord .image img { width: 40px !important; height: auto !important; }
	.ord .select_td, .ord .head_td { padding-left: 2px !important; padding-right: 2px !important; }
	.ord .head_td { font-size: 12px; min-width: 0 !important; }
	.ord .select_tb { table-layout: auto; width: 100%; }
	/* в style-small у блока заказа min-width:400px — на 375px это и есть
	   та самая горизонтальная прокрутка страницы */
	.ord, .ord .select_tb, .ord .btns { min-width: 0 !important; }
	.ord .select_td a { font-size: 14px; }
	#sendblock { padding: 14px 12px 18px; }
	#sendblock select { font-size: 15px; }
	.ord h1 { font-size: 1.4em; }
}

/* окно подтверждения удаления: действие красное, отказ обычный */
.ui-dialog[aria-describedby="delconfirm"] .ui-dialog-buttonpane button:first-child {
	background: #cc1f2a !important;
	color: #fff !important;
	border-color: #cc1f2a !important;
}

/* Задача 23, 30.08.2026: сообщение о том, что склад изменился под корзиной. */
.stock_note{margin:8px 0;padding:10px 12px;border:1px solid #e0a800;border-left:4px solid #e0a800;
	background:#fff8e5;color:#4a3b00;font-size:14px;line-height:1.45;text-align:left;border-radius:3px}
.stock_note b{color:#8a5a00}


/* ======================================================================
   Плитка каталога, 30.08.2026. Сделана по образцу каталога производителя:
   номер в углу, плашка вложений, полное название, вес и упаковка, размеры,
   состав, наличие, крупная цена и кнопка, которая превращается в счётчик.
   Картинки, их alt и увеличение по клику не тронуты — работают как прежде.
   Подсветку плитки при наведении тоже не трогаем, она в основном стиле.
   ====================================================================== */

/* Пять в ряд вместо трёх. Ряд одной высоты, поэтому кнопки стоят на одной
   линии, даже если у соседа есть плашка вложений, а у этого нет. */
.products{
	display:grid;
	/* Колонок считаем по месту, но НЕ больше пяти: минимальная ширина
	   колонки не меньше пятой части контейнера, поэтому шестая не влезет.
	   Жёсткие пять налезали на блок фильтра, отсюда такая запись. */
	grid-template-columns:repeat(auto-fill, minmax(max(150px, calc((100% - 48px) / 5)), 1fr));
	gap:12px;
	align-items:stretch;
}
.products .product{
	width:auto;
	min-width:0;
	margin:0;
	display:flex;
	flex-direction:column;
	position:relative;
}
.products .product .info{display:flex;flex-direction:column;flex:1}
.product_noshadow{display:block;min-height:0}

@media (max-width:640px){ .products{grid-template-columns:repeat(2, minmax(0,1fr)); gap:8px} }

/* номер подарка — как «№ 012» у производителя */
.prodnum{
	font-size:12px;
	color:#8b929c;
	padding:2px 0 0 2px;
	line-height:1;
}

/* плашка вложений, только от двух */
.vlozhcnt{
	display:inline-block;
	margin:6px 0 0;
	padding:5px 7px;
	background:#fdf0c8;
	color:#8a6410;
	font-size:10px;
	font-weight:bold;
	line-height:1;
	text-transform:uppercase;
	letter-spacing:.02em;
	border-radius:2px;
}

/* название в две строки: длинные имена не сдвигают всё, что ниже */
.products .prodname h3{
	font-size:14px;
	line-height:1.3;
	margin:8px 0 0;
	min-height:2.6em;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
}

.factline{margin:5px 0 0;font-size:12px;color:#8b929c}
.products .sizes{margin:3px 0 0;font-size:12px;color:#6a7280;
	line-height:1.35;overflow-wrap:anywhere}

.sostavline{margin:8px 0 0;font-size:12px;line-height:1.2}
.sostavline a{color:#bd0b24;border-bottom:1px dashed currentColor;text-decoration:none}
.sostavline.nodata{color:#9aa0a8}

/* цена и покупка всегда внизу плитки */
.products .params{margin-top:auto}

/* кнопка превращается в счётчик, как у производителя */
.tilecount{display:none;align-items:stretch;border:1px solid #d8dbe0;border-radius:2px;overflow:hidden}
.product.picked .buttonAdd{display:none}
.product.picked .tilecount{display:flex}
.tilecount button{
	width:30px;
	border:0;
	background:transparent;
	color:#6a7280;
	font-size:17px;
	line-height:1;
	cursor:pointer;
	padding:0;
}
.tilecount button:hover{background:#f1f2f4;color:#15171c}
.tilecount .textCount{
	flex:1;
	min-width:0;
	width:100%;
	border:0;
	text-align:center;
	font-weight:bold;
	background:transparent;
	padding:8px 2px;
}
.tilecount .textCount:focus{outline:none;background:#f1f2f4}


/* ======================================================================
   ВИД ПЛИТКИ ПО МАКЕТУ, 30.08.2026. Разметка была сделана раньше, а
   выглядела плитка по-старому: название красной ссылкой, цена в красной
   рамке, кнопка с картинкой корзины. Здесь приводим внешний вид к тому
   макету, который согласовали. Подсветка при наведении, alt картинок и
   увеличение по клику не тронуты.
   ====================================================================== */

/* карточка: белое поле с тонкой рамкой, картинка во всю ширину */
.products .product{
	background:#fff;
	border:1px solid #dae3ec;
	border-radius:12px;
	overflow:hidden;
	padding:0;
}
.products .product .catalogslider img{width:100%;height:auto;display:block}
.products .product .info{padding:0 11px 13px}
.products .prodnum{padding:8px 11px 2px}

/* название — тёмное, без подчёркивания */
.products .product .info .prodname{margin:0}
.products .product .info .prodname a{color:#16202b;text-decoration:none}
.products .product .info .prodname a:hover{color:#c4162a}
.products .product .info .prodname h3{
	font-size:16px;
	font-weight:bold;
	color:inherit;
	margin:6px 0 0;
}

/* цена без красной плашки: новая цена крупно, старая зачёркнута рядом */
.products .product .info .params{padding:0}
.products .product .info .params .price,
.products .product .info .params .noprice{
	display:flex;
	align-items:baseline;
	gap:8px;
	width:auto;
	height:auto;
	margin:9px 0 0;
	padding:0;
	background:none;
	border-radius:0;
	text-align:left;
}
.products .product .info .params .price a{
	color:#c4162a;
	font-size:22px;
	font-weight:bold;
	line-height:1.1;
	cursor:default;
}
.products .product .info .params .noprice a{color:#8b929c;font-size:20px;font-weight:bold}
/* старая цена мельче и уходит вправо от новой */
.products .product .info .params .price a.striked{
	order:2;
	color:#8b929c;
	font-size:13px;
	font-weight:normal;
}
.products .product .info .params .price a.bolshe{font-size:22px}

/* наличие — плашкой, без картинки-батарейки */
.products .product .info .in-stock{
	display:inline-block;
	/* .info - flex-колонка, а в ней inline-block становится блоком на всю
	   ширину. Прижимаем плашку к левому краю по размеру текста. */
	align-self:flex-start;
	margin:9px 0 0;
	padding:3px 8px;
	background:#eaf5ee;
	color:#1d7a4c;
	font-size:12px;
	line-height:1.5;
	border-radius:99px;
	text-align:left;
}
.products .product .info .in-stock.lt{background:#fdf3e3;color:#9a5b06}
.products .product .info .in-stock.zero{background:#fdecee;color:#c4162a}

/* кнопка — плоская, во всю ширину плитки */
.products .product .info .incart{margin:10px 0 0}
.products .product .info .incart form{margin:0}
.products .product .info .incart .buttonAdd{
	display:block;
	width:100%;
	height:auto;
	margin:0;
	padding:10px 6px;
	background-color:#c4162a;
	border:0;
	border-radius:7px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	line-height:1.15;
	cursor:pointer;
}
/* только цвет: короткое background стирало и картинку-иконку корзины */
.products .product .info .incart .buttonAdd:hover{background-color:#a71124}
.products .product .info .incart .tilecount{border-radius:7px}
/* Правила «купил - вместо кнопки счётчик» переписываем длиннее: короткая
   запись выше проигрывала по весу новому виду кнопки. */
.products .product.picked .info .incart .buttonAdd{display:none}
.products .product.picked .info .incart .tilecount{display:flex}


/* ======================================================================
   ЛЕВЫЙ КРАЙ И РАЗМЕР ШРИФТА, 30.08.2026. В макете вся текстовая часть
   плитки стоит по левому краю и набрана крупнее. На сайте всё уезжало
   в центр (`.product .info{text-align:center}`), размеры оставались
   синими крупными, а мои строки — мелкими. Правила ниже длиннее старых
   по весу, поэтому выигрывают.
   ====================================================================== */

.products .product .info{text-align:left;padding:0 12px 14px}
.products .product .prodnum{text-align:left;padding:9px 12px 0;font-size:12px}

/* плашка вложений — по размеру текста, а не во всю ширину:
   в flex-колонке inline-block становится блоком */
.products .product .info .vlozhcnt{align-self:flex-start;font-size:11px;padding:5px 8px}

.products .product .info .prodname{text-align:left;display:block}
.products .product .info .prodname h3,
.products .product .info .prodname h4{
	text-align:left;
	font-size:17px;
	line-height:1.3;
	margin:9px 0 0;
	min-height:2.6em;
}

.products .product .info .factline{text-align:left;font-size:14px;margin:6px 0 0;color:#63768a}

/* размеры: было синим и крупным на всю строку, делаем как в макете */
.products .product .info .sizes{
	clear:none;
	width:auto;
	margin:4px 0 0;
	text-align:left;
	color:#63768a;
	font-size:14px;
	min-height:0;
}

.products .product .info .sostavline{text-align:left;font-size:13.5px;margin:9px 0 0}

/* строка цены: блок вместо таблицы, иначе внутренние ячейки тянутся на треть */
.products .product .info .params{display:block;width:auto;margin:0;font-size:100%}
.products .product .info .params .price a{font-size:24px}
.products .product .info .params .price a.bolshe{font-size:24px}
.products .product .info .params .price a.striked{font-size:14px}
.products .product .info .params .noprice a{font-size:22px}

.products .product .info .in-stock{font-size:13px;padding:4px 9px}
.products .product .info .incart .buttonAdd{font-size:15px;padding:11px 6px}
.products .product .info .incart .tilecount .textCount{font-size:15px}


/* ======================================================================
   КНОПКА ПО РАЗМЕРУ ТЕКСТА, 30.08.2026. Во всю ширину плитки она смотрелась
   тяжело; делаем по содержимому, у левого края. Счётчик, который встаёт
   на её место, тоже компактный — иначе плитка «прыгает» при покупке.
   ====================================================================== */
.products .product .info .incart .buttonAdd{
	display:inline-block;
	width:auto;
	padding:10px 20px;
}
.products .product .info .incart .tilecount{width:112px}

/* ======================================================================
   ЗАДАЧА 34: правый сайдбар на десктопе занимал 30% ширины. Отдаём место
   каталогу — так в ряд помещается больше плиток. Мобильную раскладку
   не трогаем: там сайдбар уходит вниз на всю ширину, а style-small.css
   подключается своим медиазапросом.
   ====================================================================== */
@media (min-width:901px){
	#sidebar{width:23%;min-width:200px}
	/* колонка каталога забирает освободившееся место: обе части раньше
	   были 70% и 30%, теперь 76% и 23% */
	#container{width:76%}
	/* Сноска под баннером акции подтянута вверх на -1.5vw. Отсчёт от ширины
	   окна, а баннер теперь уже - и текст наезжал на картинку. Привязываем
	   отступ к самому тексту. */
	#action .actionslideritem p{margin-top:4px}
	/* Баннер акции держал ширину картинки (447px) и отрицательный левый
	   отступ -2.5%. При широком сайдбаре это сходило с рук, после сужения
	   он полез за правый край окна. Вписываем в колонку. */
	#action{margin-left:0;margin-right:0;max-width:100%}
	#action .actionslider,
	#action .slick-list,
	#action .slick-track,
	#action .actionslideritem,
	#action .actionslideritem a{max-width:100%}
	#action .actionslideritem img{max-width:100%;height:auto;margin-left:0}
}


/* ======================================================================
   ЗНАЧКИ ПЛАШКАМИ И КРУПНЫЙ ШРИФТ, 30.08.2026. Наклейки-картинки
   («Символ года», «Скидка», «Лидер продаж») лежали поверх фото под углом
   и закрывали подарок. В макете это аккуратные плашки в левом верхнем
   углу, столбиком. Картинки больше не выводятся, вместо них текст.
   ====================================================================== */
.products .product .labels{
	position:absolute;
	left:9px;
	top:9px;
	z-index:990;
	width:auto;
	height:auto;
	display:flex;
	flex-direction:column;
	gap:4px;
	align-items:flex-start;
}
.products .product .labels .badge{
	display:inline-block;
	padding:3px 9px;
	border-radius:99px;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	line-height:1.35;
	white-space:nowrap;
	box-shadow:0 1px 2px rgba(22,32,43,.18);
}
.products .product .labels .bsale{background:#c4162a}
.products .product .labels .bsym{background:#c4162a}
.products .product .labels .bbf{background:#16202b}
.products .product .labels .bkg{background:#1272b8}
.products .product .labels .blead{background:#1d7a4c}
/* 19.09.2026: эксклюзивные наборы в общих подборках — тёплый цвет под дерево и бересту */
.products .product .labels .bex{background:#8a5a1e}

/* Ещё крупнее — по просьбе владельца: в плитке всё читалось мелко. */
.products .product .prodnum{font-size:13px}
.products .product .info .vlozhcnt{font-size:12px}
.products .product .info .prodname h3,
.products .product .info .prodname h4{font-size:19px;line-height:1.28}
.products .product .info .factline{font-size:15px}
.products .product .info .sizes{font-size:15px}
.products .product .info .sostavline{font-size:15px}
.products .product .info .params .price a,
.products .product .info .params .price a.bolshe{font-size:27px}
.products .product .info .params .price a.striked{font-size:15px}
.products .product .info .params .noprice a{font-size:25px}
.products .product .info .in-stock{font-size:14px}
.products .product .info .incart .buttonAdd{font-size:16px;padding:11px 22px}
.products .product .info .incart .tilecount{width:124px}
.products .product .info .incart .tilecount .textCount{font-size:16px}


/* ======================================================================
   ЗНАЧОК КОРЗИНЫ НА КНОПКЕ, 30.08.2026. Раньше вся кнопка была картинкой
   `/i/cart-red.png` с белой тележкой; при переходе на плоскую кнопку
   значок пропал. Отдельного файла с одной тележкой в `/i/` нет — рисуем
   её прямо здесь, поэтому лишних запросов к серверу не появляется.
   ====================================================================== */
.products .product .info .incart .buttonAdd{
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1.6'/%3E%3Ccircle cx='18' cy='20' r='1.6'/%3E%3Cpath d='M2 3h2.2l2.4 12.1a1.6 1.6 0 0 0 1.6 1.3h9.3a1.6 1.6 0 0 0 1.6-1.3L21 7H5.2'/%3E%3Cpath d='M14 4.5h5M16.5 2v5'/%3E%3C/svg%3E");
	background-repeat:no-repeat;
	background-position:14px center;
	background-size:18px 18px;
	padding-left:40px;
	padding-right:18px;
	text-align:left;
}


/* ======================================================================
   ПЛАШКИ СПРАВА, ПЯТЬ В РЯД И КРУПНЫЙ ЭКРАН, 30.08.2026.
   Три замечания владельца: плашки в макете стоят справа; на мониторе 2K
   всё мелкое; в узком окне пятая плитка не помещалась.
   ====================================================================== */

/* 1. Плашки — в правый верхний угол фото. */
.products .product .labels{left:auto;right:9px;align-items:flex-end}

/* 2. Ровно пять колонок начиная с 1100px. Формула с auto-fill округляла
   вниз и иногда давала четыре; на узких экранах она остаётся. */
@media (min-width:1100px){
	.products{grid-template-columns:repeat(5, minmax(0, 1fr))}
}

/* 3. Размеры шрифта растут вместе с шириной окна: на 2K строки, набранные
   фиксированными пикселями, выглядели мелко. Нижняя граница clamp —
   то, что было, верхняя — предел, дальше которого текст не растёт. */
.products .product .prodnum{font-size:clamp(13px, .62vw, 17px)}
.products .product .labels .badge{font-size:clamp(12px, .6vw, 16px)}
.products .product .info .vlozhcnt{font-size:clamp(12px, .6vw, 16px)}
.products .product .info .prodname h3,
.products .product .info .prodname h4{font-size:clamp(19px, .95vw, 25px)}
.products .product .info .factline{font-size:clamp(15px, .75vw, 20px)}
.products .product .info .sizes{font-size:clamp(15px, .75vw, 20px)}
.products .product .info .sostavline{font-size:clamp(15px, .75vw, 20px)}
.products .product .info .params .price a,
.products .product .info .params .price a.bolshe{font-size:clamp(27px, 1.35vw, 36px)}
.products .product .info .params .price a.striked{font-size:clamp(15px, .75vw, 20px)}
.products .product .info .params .noprice a{font-size:clamp(25px, 1.25vw, 33px)}
.products .product .info .in-stock{font-size:clamp(14px, .7vw, 19px)}
.products .product .info .incart .buttonAdd{font-size:clamp(16px, .8vw, 21px)}
.products .product .info .incart .tilecount .textCount{font-size:clamp(16px, .8vw, 21px)}
.products .product .info .incart .tilecount{width:auto;min-width:124px;max-width:170px}


/* ======================================================================
   ВСЁ ПО ЦЕНТРУ, 30.08.2026 — выбор владельца. Текстовая часть плитки
   выравнивается по центру, включая цену, наличие и кнопку. Плашки в углу
   фото это не затрагивает: они привязаны к правому верхнему углу.
   ====================================================================== */
.products .product .prodnum{text-align:center}
.products .product .info{text-align:center;align-items:center}
.products .product .info .vlozhcnt{align-self:center}
.products .product .info .prodname h3,
.products .product .info .prodname h4{text-align:center}
.products .product .info .factline,
.products .product .info .sizes,
.products .product .info .sostavline{text-align:center}
.products .product .info .params{width:100%}
.products .product .info .params .price,
.products .product .info .params .noprice{justify-content:center}
.products .product .info .in-stock{align-self:center}
.products .product .info .incart{align-self:center;text-align:center}


/* ======================================================================
   ПЛАШКА СКИДКИ В СТРОКЕ ЦЕНЫ и АРТИКУЛ СЛЕВА, 30.08.2026 — по макету.
   Процент скидки стоит сразу за старой ценой, а не на фотографии.
   ====================================================================== */
.products .product .prodnum{text-align:left}
.products .product .info .params .price .pricesale{
	/* строка цены - flex, у зачёркнутой цены order:2, поэтому плашке
	   нужен третий номер, иначе она встаёт между ценами */
	order:3;
	display:inline-block;
	margin-left:2px;
	padding:2px 7px;
	border-radius:4px;
	background:#c4162a;
	color:#fff;
	font-size:clamp(13px, .65vw, 17px);
	font-weight:bold;
	line-height:1.45;
	white-space:nowrap;
}


/* ======================================================================
   СПИСОК ВЛОЖЕНИЙ ПРИ НАВЕДЕНИИ, 30.08.2026. Плашка «2 доп. вложения»
   говорила только количество; теперь под ней раскрывается список с
   картинками и размерами — теми же данными, что на странице подарка.
   ====================================================================== */

/* Плитке пришлось вернуть видимое переполнение, иначе подсказка обрезалась
   бы скруглением карточки. Фотографию скругляем отдельно. */
.products .product{overflow:visible}
.products .product .catalogslider img,
.products .product .image img{border-radius:12px 12px 0 0}
/* Наведённая плитка должна перекрывать ВСЁ соседнее, включая плашки
   признаков: у них z-index:990 из основного стиля, и «более 1 кг»
   соседней плитки рисовалась поверх подсказки вложений. 30.08.2026 */
.products .product:hover{z-index:1200}

.products .product .info .vlozhcnt{position:relative;cursor:default}

.vlozhtip{
	display:none;
	position:absolute;
	z-index:1000;
	top:calc(100% + 8px);
	left:50%;
	transform:translateX(-50%);
	width:270px;
	max-width:80vw;
	padding:12px 14px;
	background:#fff;
	border:1px solid #dae3ec;
	border-radius:10px;
	box-shadow:0 2px 4px rgba(22,32,43,.08), 0 12px 28px rgba(22,32,43,.14);
	text-align:left;
	white-space:normal;
	cursor:default;
}
.products .product .info .vlozhcnt:hover .vlozhtip{display:block}

.vlozhtip .vt-head{
	display:block;
	margin-bottom:8px;
	color:#63768a;
	font-size:12px;
	font-weight:normal;
	text-transform:none;
	letter-spacing:0;
}
.vlozhtip ul{margin:0;padding:0;list-style:none}
.vlozhtip li{
	display:flex;
	align-items:center;
	gap:9px;
	padding:6px 0;
	border-top:1px solid #eef3f8;
	font-weight:normal;
	text-transform:none;
	letter-spacing:0;
}
.vlozhtip li:first-child{border-top:0}
.vlozhtip img{
	width:38px;
	height:38px;
	flex:0 0 38px;
	object-fit:cover;
	border-radius:6px;
	background:#f4f7fa;
}
.vlozhtip .vt-name{color:#16202b;font-size:13px;line-height:1.3}
.vlozhtip .vt-size{margin-left:auto;color:#8b929c;font-size:11px;white-space:nowrap}

/* маленький уголок вверх, чтобы подсказка «держалась» за плашку */
.vlozhtip:before{
	content:"";
	position:absolute;
	top:-6px;
	left:50%;
	margin-left:-6px;
	width:11px;
	height:11px;
	background:#fff;
	border-left:1px solid #dae3ec;
	border-top:1px solid #dae3ec;
	transform:rotate(45deg);
}

/* На телефоне и планшете наведения нет — там подсказку не показываем,
   вложения видны на странице подарка. */
@media (hover:none){ .vlozhtip{display:none !important} }


/* ======================================================================
   ЛИСТАНИЕ ФОТО В ПЛИТКЕ, 30.08.2026. У подарков есть дополнительные
   снимки (в папке mini лежат «001-1.jpg» и дальше). Раньше в плитке
   показывался только первый кадр, остальные видны были лишь на странице
   подарка. Теперь при наведении на фото появляются стрелки, как в
   каталоге производителя. Клик по самой фотографии по-прежнему открывает
   её крупно — highslide не тронут.
   ====================================================================== */
.products .catalogslider{position:relative}
.products .catalogslider > div{display:none}
.products .catalogslider > div.on{display:block}

.products .catalogslider .csnav{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	z-index:5;
	width:26px;
	height:38px;
	padding:0;
	border:0;
	border-radius:4px;
	background:rgba(255,255,255,.86);
	box-shadow:0 1px 3px rgba(22,32,43,.22);
	color:#16202b;
	font-size:22px;
	line-height:36px;
	cursor:pointer;
	opacity:0;
	transition:opacity .15s;
}
.products .catalogslider .csprev{left:4px}
.products .catalogslider .csnext{right:4px}
.products .product:hover .csnav{opacity:1}
.products .catalogslider .csnav:hover{background:#fff}

/* счётчик кадров в углу фотографии */
.products .catalogslider .cscount{
	position:absolute;
	right:6px;
	bottom:6px;
	z-index:5;
	padding:1px 7px;
	border-radius:99px;
	background:rgba(22,32,43,.55);
	color:#fff;
	font-size:11px;
	line-height:1.6;
	opacity:0;
	transition:opacity .15s;
}
.products .product:hover .cscount{opacity:1}

/* на тач-устройствах стрелки видны всегда: наведения там нет */
@media (hover:none){
	.products .catalogslider .csnav,
	.products .catalogslider .cscount{opacity:1}
}


/* ======================================================================
   КОРЗИНА НА ТЕЛЕФОНЕ: ТЕКСТ ОБРЕЗАЛСЯ, 30.08.2026. Кнопку задумывали
   как «значок плюс количество и сумма», но ширина считалась по значку:
   выходило 108px, строки «2 товара» и «На сумму: 129.60 P» жались
   в столбик и уезжали за край скруглённой плашки. Ставим значок и текст
   в одну строку и запрещаем перенос.
   ====================================================================== */
@media screen and (max-width: 900px) {
	#bask-sm {
		display: flex !important;
		align-items: center;
		gap: 9px;
		overflow: visible !important;
		white-space: nowrap;
	}
	#bask-sm p {
		flex: 0 0 27px;
	}
	#bask-sm ul {
		margin: 0 !important;
		text-align: left;
		white-space: nowrap;
	}
	#bask-sm li {
		white-space: nowrap;
		line-height: 1.45 !important;
	}
	/* строки стояли впритык друг к другу и к краю плашки */
	#bask-sm li + li {
		/* у .sum в основном стиле margin-top:-7px с !important - строки
		   налезали друг на друга */
		margin-top: 2px !important;
	}
	#bask-sm {
		padding: 9px 15px 9px 11px !important;
	}
}


/* Цена не рвётся на строки: в эксклюзиве разряды разделены обычным
   пробелом, и в узкой колонке «2 760 Р» ломалось в столбик. 30.08.2026 */
.products .product .info .params .price a,
.products .product .info .params .noprice a{white-space:nowrap}


/* Подсказка вложений: держим её в пределах экрана. По центру плашки она
   у крайних плиток уезжала за край окна и обрезалась. Слева выравниваем
   по левому краю плитки, у последней колонки — по правому. 30.08.2026 */
/* Позицию считает скрипт в подвале: номер колонки в CSS не вычислить,
   а по nth-child угадывать нельзя — колонок бывает от двух до пяти. */
.vlozhtip{left:0;transform:none}
.vlozhtip:before{left:var(--arrow, 22px);margin-left:0}


/* Заглушка вместо отсутствующего фото вложения: без неё строка съезжала
   влево и список выглядел рваным. 30.08.2026 */
.vlozhtip .vt-nopic{
	width:38px;
	height:38px;
	flex:0 0 38px;
	border-radius:6px;
	background:#f1f4f8;
	border:1px dashed #cdd6e0;
	box-sizing:border-box;
}


/* ======================================================================
   30.08.2026: кнопка телефона: компактнее. Она растягивалась на всё
   свободное место между логотипом и бургером и получалась тяжёлой
   красной полосой во всю шапку. Делаем по размеру номера, ниже ростом.
   ====================================================================== */
@media screen and (max-width: 900px) {
	#phone {
		flex: 0 1 auto !important;
		height: 36px;
		margin: 0 auto;
		padding: 0 16px;
		border-radius: 18px;
		box-shadow: 0 1px 2px rgba(22, 32, 43, .14);
	}
	#phone a {
		font-size: 16px !important;
		gap: 6px;
	}
	#phone a::before {
		width: 15px;
		height: 15px;
		flex: 0 0 15px;
	}
}


/* ======================================================================
   РАЗМЕРЫ КОРОБКОЙ на странице подарка, 30.08.2026. Владелец выбрал
   вариант с числами на рёбрах — как в каталоге производителя.
   ====================================================================== */
.sizebox{
	display:inline-block;
	margin:14px 0 0;
	padding:12px 14px 10px;
	border:1px solid #dae3ec;
	border-radius:10px;
	background:#fff;
	text-align:left;
}
.sizebox-title{
	margin-bottom:2px;
	color:#63768a;
	font-size:13px;
}
.sizebox-svg{
	display:block;
	width:100%;
	max-width:260px;
	height:auto;
}
.sizebox .sb-face{fill:#eef3f8;stroke:#9fb2c6;stroke-width:1.5;stroke-linejoin:round}
.sizebox .sb-top{fill:#f7fafd}
.sizebox .sb-side{fill:#e2eaf3}
.sizebox .sb-edge{fill:none;stroke:#9fb2c6;stroke-width:1.5}
.sizebox .sb-dim{fill:none;stroke:#c4162a;stroke-width:1.2}
.sizebox .sb-num{fill:#16202b;font-size:15px;font-weight:bold}
.sizebox-legend{
	margin-top:2px;
	color:#63768a;
	font-size:13px;
}


/* ======================================================================
   ПАРАМЕТРЫ КОРОБА, 30.08.2026. Владелец: «размеры короба в одной
   таблице не так важны, их можно ниже поместить, это второстепенное».
   Убрано из таблицы характеристик, показываем строкой под рисунком.
   ====================================================================== */
.boxinfo{
	margin:10px 0 0;
	color:#63768a;
	font-size:13px;
	line-height:1.6;
}
.boxinfo span + span:before{
	content:"\00b7";
	margin:0 6px;
	color:#a9b7c6;
}
.boxinfo .boxinfo-t + span:before{content:none;margin:0}
.boxinfo-t{color:#8a97a6}
/* ======================================================================
   КОМПОНОВКА СТРАНИЦЫ ПОДАРКА, 30.08.2026. Владелец выбрал «вариант 1»:
   крупная галерея слева с вертикальной лентой миниатюр, справа карточка
   покупки с ценой и кнопкой, под ними плитки с главными цифрами.
   Селекторы длиннее, чем в style-normal.css, — иначе старые правила
   для .desc-prod.table / .cell перебивают новые.
   ====================================================================== */
.post .desc-prod.table{
	display:grid;
	grid-template-columns:minmax(0,1fr) 320px;
	gap:24px;
	width:100%;
	align-items:start;
}
.post .desc-prod.table .image-prod.cell,
.post .desc-prod.table .table-prod.cell{
	width:auto;
	padding:0;
	vertical-align:top;
}
.post .desc-prod.table .table-prod.cell{display:block}

/* --- галерея: лента миниатюр слева, карусель справа --- */
.post .desc-prod.table .image-prod.cell{
	display:grid;
	grid-template-columns:74px minmax(0,1fr);
	gap:12px;
}
.post .desc-prod .image-prod .owl-carousel{order:2;min-width:0}
.post .desc-prod .image-prod .owl-thumbs{
	order:1;
	display:flex;
	flex-direction:column;
	gap:8px;
	width:74px;
	box-sizing:border-box;
	max-height:520px;
	overflow-y:auto;
	padding:0 4px 0 0;
	text-align:left;
}
.post .desc-prod .image-prod .owl-thumbs .owl-thumb-item{
	width:70px;
	height:70px;
	margin:0;
	padding:2px;
	flex:0 0 auto;
	border:1px solid #e0e6ec;
	border-radius:6px;
	background:#fff;
	opacity:1;
}
.post .desc-prod .image-prod .owl-thumbs .owl-thumb-item img{
	width:100%;
	height:100%;
	object-fit:contain;
}
.post .desc-prod .image-prod .owl-thumbs .owl-thumb-item.active{
	border-color:#a71124;
	box-shadow:0 0 0 1px #a71124;
}

/* --- карточка покупки --- */
.post .desc-prod .table-prod .buycard{
	padding:16px;
	margin-bottom:14px;
	border:1px solid #dae3ec;
	border-radius:10px;
	background:#f7f9fb;
}
.post .desc-prod .table-prod .buycard .bc-price{
	display:flex;
	align-items:baseline;
	flex-wrap:wrap;
	gap:8px;
	font-size:28px;
	font-weight:bold;
	line-height:1.15;
	color:#16202b;
}
.post .desc-prod .table-prod .buycard .bc-price .striked{
	font-size:16px;
	font-weight:normal;
	color:#8a97a6;
}
.post .desc-prod .table-prod .buycard .bc-stock{
	margin-top:8px;
	color:#1f7a4d;
	font-size:14px;
	font-weight:bold;
}
.post .desc-prod .table-prod .buycard .bc-out{
	margin-top:8px;
	color:#a71124;
	font-size:15px;
	font-weight:bold;
}
.post .desc-prod .table-prod .buycard .bc-buy{margin-top:12px}
.post .desc-prod .table-prod .buycard .bc-buy form{margin:0;display:flex;gap:8px;align-items:center}
.post .desc-prod .table-prod .buycard .bc-region{
	margin-top:10px;
	color:#8a97a6;
	font-size:12.5px;
}
.post .desc-prod .table-prod .buycard .bc-region b{color:#63768a}

/* --- таблица характеристик под карточкой --- */
.post .desc-prod .table-prod table{width:100%}
.post .desc-prod .table-prod table td{padding:6px 6px 6px 0;font-size:14px}

/* --- плитки с главными цифрами --- */
.post .gfacts{
	display:grid;
	grid-template-columns:repeat(4, minmax(0,1fr));
	gap:12px;
	margin:18px 0 4px;
}
.post .gfacts .gfact{
	padding:12px 10px;
	border:1px solid #dae3ec;
	border-radius:10px;
	background:#fff;
	text-align:center;
}
.post .gfacts .gf-ic{font-size:20px;line-height:1}
.post .gfacts .gf-k{
	margin-top:5px;
	color:#8a97a6;
	font-size:12px;
}
.post .gfacts .gf-v{
	font-size:16px;
	font-weight:bold;
	color:#16202b;
}
.post .gfacts .gf-v .sizes{font-size:16px}

@media (max-width:1000px){
	.post .desc-prod.table{grid-template-columns:minmax(0,1fr)}
	.post .desc-prod .table-prod.cell{margin-top:16px}
}
@media (max-width:600px){
	.post .desc-prod.table .image-prod.cell{grid-template-columns:minmax(0,1fr)}
	.post .desc-prod .image-prod .owl-thumbs{
		order:2;
		flex-direction:row;
		width:auto;
		max-height:none;
		overflow-x:auto;
		overflow-y:hidden;
		padding:2px 0 6px;
	}
	.post .desc-prod .image-prod .owl-carousel{order:1}
	.post .gfacts{grid-template-columns:repeat(2, minmax(0,1fr))}
	.post .desc-prod .table-prod .buycard .bc-price{font-size:24px}
}

/* --- плашка скидки и кнопка в карточке покупки --- */
.post .desc-prod .table-prod .buycard .bc-pct{
	align-self:center;
	padding:3px 8px;
	border-radius:6px;
	background:#a71124;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	white-space:nowrap;
}
.post .desc-prod .table-prod .buycard .bc-buy .buttonAdd{
	height:auto;
	width:auto;
	padding:11px 18px 11px 40px;
	border:0;
	border-radius:7px;
	background-color:#a71124;
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'/%3E%3C/svg%3E");
	background-repeat:no-repeat;
	background-position:14px center;
	background-size:18px 18px;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	cursor:pointer;
}
.post .desc-prod .table-prod .buycard .bc-buy .buttonAdd:hover{background-color:#8d0e1e}
.post .desc-prod .table-prod .buycard .bc-buy .textCount{
	width:56px;
	height:42px;
	padding:0 8px;
	border:1px solid #dae3ec;
	border-radius:7px;
	font-size:16px;
	text-align:center;
}
/* ======================================================================
   ШИРОКИЙ ЭКРАН: СТРАНИЦА ПОДАРКА, 30.08.2026. На 2K фотография
   растягивалась во весь экран, правая колонка выглядела ниткой, плитки
   с цифрами уходили далеко вниз. Ограничиваем ширину разворота и высоту
   снимка, правую колонку делаем шире.
   ====================================================================== */
.post .desc-prod.table{
	grid-template-columns:minmax(0,1fr) 380px;
	max-width:1320px;
	margin-left:auto;
	margin-right:auto;
	gap:32px;
}
.post .gfacts{
	max-width:1320px;
	margin-left:auto;
	margin-right:auto;
}
.post .desc-prod .image-prod .owl-carousel{
	max-width:760px;
	margin:0 auto;
}
.post .desc-prod .image-prod .owl-carousel img{
	max-height:560px;
	width:auto;
	max-width:100%;
	margin:0 auto;
	object-fit:contain;
}
.post .desc-prod .image-prod .owl-thumbs{max-height:560px}

/* цена: обычная строка, иначе «6 875» и знак рубля расходятся --- */
.post .desc-prod .table-prod .buycard .bc-price{
	display:block;
	line-height:1.2;
}
.post .desc-prod .table-prod .buycard .bc-price .striked{margin-left:6px}
.post .desc-prod .table-prod .buycard .bc-pct{
	display:inline-block;
	margin-left:8px;
	vertical-align:middle;
}

/* строка короба: переносится без висячего разделителя --- */
.boxinfo{
	display:flex;
	flex-wrap:wrap;
	gap:2px 14px;
}
.boxinfo span + span:before{content:none;margin:0}

@media (max-width:1000px){
	.post .desc-prod.table{grid-template-columns:minmax(0,1fr);gap:20px}
}
/* ======================================================================
   КАРТОЧКА ПО МАКЕТУ, 30.08.2026. Владелец сверил боевую страницу
   с макетом: название и артикул должны быть в карточке, короб — там же,
   характеристики — списком без двоеточий, ключ серый слева, значение
   жирным справа, разделены линиями.
   ====================================================================== */
.post .desc-prod .table-prod .buycard .bc-crumb{
	color:#8a97a6;
	font-size:13px;
}
.post .desc-prod .table-prod .buycard .bc-name{
	margin:4px 0 12px;
	padding:0;
	border:0;
	color:#16202b;
	font-size:24px;
	font-weight:bold;
	line-height:1.2;
	text-align:left;
}
.post .desc-prod .table-prod .buycard .boxinfo{
	margin-top:12px;
	padding-top:12px;
	border-top:1px solid #e2e9f0;
	font-size:12.5px;
}

/* характеристики списком, как в макете */
.post .desc-prod .table-prod table td{
	padding:10px 0;
	border-bottom:1px solid #edf1f5;
	font-size:14px;
	vertical-align:top;
}
.post .desc-prod .table-prod table td:first-child{
	width:44%;
	color:#6d7681;
	text-align:left;
	white-space:normal;
}
.post .desc-prod .table-prod table td:last-child{
	color:#16202b;
	font-weight:bold;
	text-align:right;
}
.post .desc-prod .table-prod table tr:last-child td{border-bottom:0}
.post .desc-prod .table-prod table td.sizes.greened{
	color:#1f7a4d;
	font-weight:normal;
	font-size:13px;
}
/* ======================================================================
   ПЛИТКИ ПОД КАРТОЧКОЙ, 30.08.2026. Владелец: плашки вынести под блок
   с ценами, все одного размера, тогда нижний широкий ряд не нужен.
   Вес и упаковка убраны из таблицы — они были дублем плиток.
   ====================================================================== */
.post .desc-prod .table-prod .gfacts{
	grid-template-columns:repeat(2, minmax(0,1fr));
	gap:10px;
	max-width:none;
	margin:0 0 14px;
}
.post .desc-prod .table-prod .gfacts .gfact{
	display:flex;
	flex-direction:column;
	justify-content:center;
	min-height:96px;
	padding:12px 8px;
}
.post .desc-prod .table-prod .gfacts .gf-v{
	font-size:15px;
	line-height:1.3;
	word-break:break-word;
}
.post .desc-prod .table-prod .gfacts .gf-v a{color:#16202b}
.post .desc-prod .table-prod .gfacts .gf-v a:hover{color:#a71124}

@media (max-width:1000px){
	.post .desc-prod .table-prod .gfacts{grid-template-columns:repeat(4, minmax(0,1fr))}
}
@media (max-width:600px){
	.post .desc-prod .table-prod .gfacts{grid-template-columns:repeat(2, minmax(0,1fr))}
}
/* ======================================================================
   КРУПНЫЙ ШРИФТ В ПРАВОЙ КОЛОНКЕ и ПЛАШКИ ПЕЧАТИ, 30.08.2026.
   Владелец: «здесь размер шрифта опять мелкий!!!» — таблица шла 14 px,
   короб 12,5. И «в эти плашки тоже можно вписать вот это» — ссылки
   «Состав подарка» и «Коммерческое предложение» встали в ту же сетку.
   ====================================================================== */
.post .desc-prod .table-prod table td{font-size:16px;padding:11px 0}
.post .desc-prod .table-prod table td:first-child{font-size:15px}
.post .desc-prod .table-prod table td.sizes.greened{font-size:15px}
.post .desc-prod .table-prod .buycard .boxinfo{font-size:13.5px}
.post .desc-prod .table-prod .buycard .bc-region{font-size:13.5px}
.post .desc-prod .table-prod .buycard .bc-crumb{font-size:14px}
.post .desc-prod .table-prod .gfacts .gf-k{font-size:13px}
.post .desc-prod .table-prod .gfacts .gf-v{font-size:17px}
.post .desc-prod .table-prod .gfacts .gf-ic{font-size:22px}

/* плашки-действия печати в общей сетке */
.post .desc-prod .table-prod .gfacts .gf-act{
	text-decoration:none;
	color:#16202b;
}
.post .desc-prod .table-prod .gfacts .gf-act .gf-v{
	font-size:15px;
	color:#a71124;
}
.post .desc-prod .table-prod .gfacts .gf-act:hover{
	border-color:#a71124;
	background:#fff7f8;
}
/* ======================================================================
   ЛЕНТА МИНИАТЮР БЕЗ ПРОКРУТКИ, 30.08.2026. Владелец: «скроллинг
   возникает». Внутренний скролл убран: при восьми и более снимках лента
   идёт в две колонки, при семнадцати и более — в три. Класс ставит PHP,
   в CSS число картинок не посчитать.
   ====================================================================== */
.post .desc-prod .image-prod .owl-thumbs{
	display:grid;
	grid-template-columns:70px;
	align-content:start;
	max-height:none;
	overflow:visible;
	width:auto;
}
.post .desc-prod.table .image-prod.thumbs2{grid-template-columns:152px minmax(0,1fr)}
.post .desc-prod.table .image-prod.thumbs3{grid-template-columns:230px minmax(0,1fr)}
.post .desc-prod .image-prod.thumbs2 .owl-thumbs{grid-template-columns:repeat(2, 70px)}
.post .desc-prod .image-prod.thumbs3 .owl-thumbs{grid-template-columns:repeat(3, 70px)}

@media (max-width:600px){
	.post .desc-prod.table .image-prod.cell,
	.post .desc-prod.table .image-prod.thumbs2,
	.post .desc-prod.table .image-prod.thumbs3{grid-template-columns:minmax(0,1fr)}
	.post .desc-prod .image-prod .owl-thumbs,
	.post .desc-prod .image-prod.thumbs2 .owl-thumbs,
	.post .desc-prod .image-prod.thumbs3 .owl-thumbs{
		display:flex;
		flex-direction:row;
		overflow-x:auto;
		width:auto;
	}
}
/* ======================================================================
   КУБ И ВЛОЖЕНИЯ В ПЛАШКАХ, 30.08.2026. Размеры показываем числами и
   рисунком в одной широкой плашке, перечень вложений — в соседней.
   Отдельного блока с коробкой под таблицей больше нет.
   ====================================================================== */
.post .desc-prod .table-prod .gfacts .gf-size,
.post .desc-prod .table-prod .gfacts .gf-vlozh{
	grid-column:1 / -1;
	text-align:left;
	min-height:0;
}
.post .desc-prod .table-prod .gfacts .gf-size .gf-v,
.post .desc-prod .table-prod .gfacts .gf-vlozh .gf-v{
	font-size:16px;
	line-height:1.45;
	font-weight:bold;
}
.post .desc-prod .table-prod .gfacts .gf-vlozh .gf-v{
	color:#1f7a4d;
	font-weight:normal;
}
.post .desc-prod .table-prod .gfacts .gf-size .sizebox{
	margin:8px 0 0;
	padding:0;
	border:0;
	background:none;
}
.post .desc-prod .table-prod .gfacts .gf-size .sizebox-title{display:none}
.post .desc-prod .table-prod .gfacts .gf-size .sizebox-svg{
	max-width:220px;
	margin:0 auto;
}
/* ======================================================================
   СЧЁТЧИК В КАРТОЧКЕ И ОПИСАНИЕ ПОД ФОТО, 30.08.2026.
   Правила для .product.picked из блока плиток сюда не подходят —
   у карточки свой класс productbuy.
   ====================================================================== */
.post .desc-prod .table-prod .buycard.picked .buttonAdd{display:none}
.post .desc-prod .table-prod .buycard .tilecount{display:none}
.post .desc-prod .table-prod .buycard.picked .tilecount{
	display:flex;
	height:44px;
	border-radius:7px;
}
.post .desc-prod .table-prod .buycard .tilecount button{
	width:44px;
	font-size:20px;
	cursor:pointer;
}
.post .desc-prod .table-prod .buycard .tilecount .textCount{
	width:56px;
	height:auto;
	border:0;
	border-radius:0;
	font-size:17px;
}

/* надстрочник над названием: крупнее и заметнее */
.post .desc-prod .table-prod .buycard .bc-crumb{
	font-size:15px;
	font-weight:bold;
	color:#a71124;
	letter-spacing:.01em;
}

/* описание — в левой колонке, сразу под фотографией */
.post .desc-prod .prod-descr.descr-left{
	grid-column:1;
	margin:18px 0 0;
}
.post .desc-prod .prod-descr.descr-left h2{
	margin:0 0 8px;
	text-align:left;
	font-size:20px;
}
.post .desc-prod .prod-descr.descr-left p{font-size:15px;line-height:1.6}

@media (max-width:1000px){
	.post .desc-prod .prod-descr.descr-left{grid-column:1;margin-top:14px}
}
/* ======================================================================
   СТРОКА КОРОБА: ПО ЦЕНТРУ И ЗАМЕТНЕЕ, 30.08.2026. Владелец: «выровнять
   по центру покрупнее и поярче». Была бледно-серой мелочью в углу.
   ====================================================================== */
.post .desc-prod .table-prod .buycard .boxinfo{
	justify-content:center;
	text-align:center;
	gap:4px 12px;
	font-size:15px;
	color:#3d4a57;
}
.post .desc-prod .table-prod .buycard .boxinfo .boxinfo-t{
	width:100%;
	color:#16202b;
	font-weight:bold;
}
.post .desc-prod .table-prod .buycard .boxinfo span{white-space:nowrap}
/* ======================================================================
   ШИРЕ ФОТОГРАФИЯ, 30.08.2026. Владелец: «блок параметров подарка по
   ширине нормальный, сдвинуть его по правому краю блока чтобы увеличить
   картинки» и «текст описания СРАЗУ под картинками!!!».
   Разворот больше не сужаем до 1320: правая колонка держит свои 380
   у правого края, остальное забирает галерея. Карусели в основном стиле
   задана ширина 480 px — перебиваем на всю колонку.
   Описание кладём во вторую строку левой колонки, а правую растягиваем
   на обе строки — иначе описание ждало конца длинной правой колонки.
   ====================================================================== */
.post .desc-prod.table{
	max-width:none;
	margin-left:0;
	margin-right:0;
	align-items:start;
}
.post .gfacts{max-width:none}

.post .desc-prod.table .image-prod.cell{grid-column:1;grid-row:1}
.post .desc-prod.table .table-prod.cell{grid-column:2;grid-row:1 / span 2}
.post .desc-prod .prod-descr.descr-left{grid-column:1;grid-row:2;margin:18px 0 0}

.post .desc-prod .image-prod .owl-carousel{
	width:100%;
	max-width:none;
	margin:0;
}
.post .desc-prod .image-prod .owl-carousel img{
	max-height:720px;
	width:auto;
	max-width:100%;
	margin:0 auto;
}
.post .desc-prod .image-prod .owl-thumbs{max-height:none}

@media (max-width:1000px){
	.post .desc-prod.table .image-prod.cell,
	.post .desc-prod.table .table-prod.cell,
	.post .desc-prod .prod-descr.descr-left{
		grid-column:1;
		grid-row:auto;
	}
}
/* ======================================================================
   ПЛАШКИ ЛИСТАНИЯ ВНИЗУ, 30.08.2026. Вместо четырёх картинок-стрелок
   в середине страницы — четыре плашки с названием соседнего подарка,
   в самом низу. Заодно кнопка покупки встала по центру карточки.
   ====================================================================== */
.post + .prod-navy.chips,
.prod-navy.chips{
	display:grid;
	grid-template-columns:repeat(4, minmax(0,1fr));
	gap:12px;
	margin:24px 0 8px;
}
.prod-navy.chips .navychip{
	display:block;
	padding:12px 14px;
	border:1px solid #dae3ec;
	border-radius:10px;
	background:#fff;
	color:#16202b;
	text-decoration:none;
}
.prod-navy.chips .navychip:hover{
	border-color:#a71124;
	background:#fff7f8;
}
.prod-navy.chips .navychip-ic{
	color:#a71124;
	font-size:18px;
	line-height:1;
}
.prod-navy.chips .navychip-t{
	display:block;
	margin-top:2px;
	color:#8a97a6;
	font-size:12.5px;
}
.prod-navy.chips .navychip-n{
	display:block;
	font-size:15px;
	font-weight:bold;
	line-height:1.3;
}
.prod-navy.chips .nv-next,
.prod-navy.chips .nv-last{text-align:right}

/* кнопка покупки по центру карточки */
.post .desc-prod .table-prod .buycard .bc-buy form{justify-content:center}
.post .desc-prod .table-prod .buycard .bc-buy{text-align:center}
.post .desc-prod .table-prod .buycard.picked .tilecount{
	justify-content:center;
	margin:0 auto;
	width:max-content;
}

@media (max-width:820px){
	.prod-navy.chips{grid-template-columns:repeat(2, minmax(0,1fr))}
	.prod-navy.chips .nv-next,
	.prod-navy.chips .nv-last{text-align:left}
}
/* ======================================================================
   КОРОБ ПОД ВЛОЖЕНИЯМИ, 30.08.2026. Строка переехала из карточки покупки
   в сетку плашек и занимает всю её ширину.
   ====================================================================== */
.post .desc-prod .table-prod .gfacts .boxinfo{
	grid-column:1 / -1;
	justify-content:center;
	margin:0;
	padding:10px 12px;
	border:1px solid #dae3ec;
	border-radius:10px;
	background:#fff;
	text-align:center;
	font-size:15px;
	color:#3d4a57;
}
.post .desc-prod .table-prod .gfacts .boxinfo .boxinfo-t{
	width:100%;
	color:#16202b;
	font-weight:bold;
}
/* ======================================================================
   ФОТО ЦЕЛИКОМ И ПЛОТНЫЕ ПЛАШКИ, 30.08.2026. Владелец: «картинка
   обрезана» — ограничение высоты в 720 px резало вертикальные снимки;
   «плашки размер оставить, а внутри содержимое увеличить, а то много
   свободного» — поднимаем шрифт и убираем лишние поля.
   ====================================================================== */
.post .desc-prod .image-prod .owl-carousel img{
	max-height:none;
	width:100%;
	height:auto;
	max-width:100%;
	object-fit:contain;
}

.post .desc-prod .table-prod .gfacts .gfact{
	padding:10px 8px;
	justify-content:center;
	gap:2px;
}
.post .desc-prod .table-prod .gfacts .gf-ic{font-size:20px}
.post .desc-prod .table-prod .gfacts .gf-k{
	font-size:13px;
	margin-top:2px;
}
.post .desc-prod .table-prod .gfacts .gf-v{font-size:20px;line-height:1.2}
.post .desc-prod .table-prod .gfacts .gf-size .gf-v,
.post .desc-prod .table-prod .gfacts .gf-vlozh .gf-v{font-size:17px;line-height:1.4}
.post .desc-prod .table-prod .gfacts .gf-act .gf-v{font-size:16px}
.post .desc-prod .table-prod .gfacts .boxinfo{font-size:16px}
.post .desc-prod .table-prod .gfacts .gf-size .sizebox-svg{max-width:260px}
/* ======================================================================
   ГОРОД ПЛАШКОЙ, 30.08.2026. «Цены для города» переехали из карточки
   покупки в сетку плашек, на всю её ширину.
   ====================================================================== */
.post .desc-prod .table-prod .gfacts .gf-region{grid-column:1 / -1}
.post .desc-prod .table-prod .gfacts .gf-region .gf-v{font-size:17px}
/* ======================================================================
   ОТСТУП ПОД КАРТОЧКОЙ, 30.08.2026. Владелец: «под кнопкой корзины нужно
   отступ от плашек» — кнопка упиралась в первый ряд плашек.
   ====================================================================== */
.post .desc-prod .table-prod .buycard{
	margin-bottom:24px;
	padding-bottom:18px;
}
.post .desc-prod .table-prod .buycard .bc-buy{margin-top:14px}
/* ======================================================================
   ФОТО НЕ ОБРЕЗАЕТСЯ ПРИ РЕСАЙЗЕ, 30.08.2026. Ширину слайда owl считает
   один раз; растянутая на 100% картинка после изменения окна оказывалась
   шире слайда и обрезалась. Не растягиваем силой.
   ====================================================================== */
.post .desc-prod .image-prod .owl-carousel .owl-item{max-width:100%}
.post .desc-prod .image-prod .owl-carousel img{
	display:block;
	width:auto;
	height:auto;
	max-width:100%;
	max-height:none;
	margin:0 auto;
	object-fit:contain;
}
/* ======================================================================
   ГОРОДА ПЛАШКАМИ — ЗАМЕТНЕЕ, 30.08.2026. Владелец: «здорово, но
   теряются, надо подкрасить визуал». Были белые с серой рамкой,
   сливались с фоном страницы. Даём фирменный оттенок, значок метки
   и заливку при наведении.
   ====================================================================== */
.citychips{
	gap:10px;
	margin:12px 0 22px;
}
.citychips .citychip{
	padding:9px 16px 9px 38px;
	border:1px solid #f0c4ca;
	border-radius:22px;
	background-color:#fff4f5;
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a71124' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
	background-repeat:no-repeat;
	background-position:14px center;
	background-size:16px 16px;
	color:#a71124;
	font-weight:bold;
	transition:background-color .15s, color .15s, border-color .15s;
}
.citychips .citychip:hover{
	border-color:#a71124;
	background-color:#a71124;
	color:#fff;
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
	text-decoration:none;
}

@media (max-width:600px){
	.citychips .citychip{
		padding:8px 12px 8px 32px;
		background-position:10px center;
		background-size:14px 14px;
	}
}
/* ======================================================================
   ПОТОЛОК ДЛЯ ФОТОГРАФИИ, 30.08.2026. На широком мониторе снимок
   раздувался до 900 px. Ограничиваем сам контейнер карусели, а не
   картинку: owl считает ширину слайда по контейнеру, поэтому обрезки
   не будет, а лишнее место остаётся полем.
   ====================================================================== */
.post .desc-prod .image-prod .owl-carousel{
	max-width:660px;
	margin:0 auto;
}
/* ======================================================================
   ПИЛЮЛИ ГОРОДОВ: РАСКЛАДКА, 30.08.2026. При чистке дублей вместе со
   старым блоком ушёл display:flex — плашки слиплись в строку.
   ====================================================================== */
.citychips{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	margin:12px 0 22px;
	padding:0;
	list-style:none;
}
/* ======================================================================
   ВСЁ В КАРТОЧКЕ И ПЛАШКАХ ПО ЦЕНТРУ, 30.08.2026. Владелец: «название
   подарка тоже по центру» и «как так получилось» — широкие плашки
   (размеры, вложения) остались с текстом по левому краю, хотя все
   остальные по центру.
   ====================================================================== */
.post .desc-prod .table-prod .buycard .bc-crumb,
.post .desc-prod .table-prod .buycard .bc-name,
.post .desc-prod .table-prod .buycard .bc-price{
	text-align:center;
}
.post .desc-prod .table-prod .buycard .bc-price{justify-content:center}

.post .desc-prod .table-prod .gfacts .gf-size,
.post .desc-prod .table-prod .gfacts .gf-vlozh,
.post .desc-prod .table-prod .gfacts .gf-region{
	text-align:center;
}
/* ======================================================================
   ГАЛЕРЕЯ ПОДАРКА БЕЗ OWL, 30.08.2026. Владелец трижды возвращался
   к обрезанию фотографии при изменении размера окна. Причина — inline
   ширина слайда у owl. Свой слайдер: ширину держит CSS, пересчитывать
   нечего.
   ====================================================================== */
.post .desc-prod .image-prod .gframes{
	position:relative;
	max-width:660px;
	margin:0 auto;
}
.post .desc-prod .image-prod .gframe{display:none}
.post .desc-prod .image-prod .gframe.on{display:block}
.post .desc-prod .image-prod .gframe img{
	display:block;
	width:100%;
	height:auto;
	max-width:100%;
	object-fit:contain;
}
.post .desc-prod .image-prod .gprev,
.post .desc-prod .image-prod .gnext{
	position:absolute;
	top:50%;
	z-index:5;
	width:40px;
	height:40px;
	margin-top:-20px;
	padding:0;
	border:1px solid #dae3ec;
	border-radius:50%;
	background:rgba(255,255,255,.9);
	color:#16202b;
	font-size:16px;
	line-height:38px;
	cursor:pointer;
	opacity:0;
	transition:opacity .15s;
}
.post .desc-prod .image-prod .gprev{left:6px}
.post .desc-prod .image-prod .gnext{right:6px}
.post .desc-prod .image-prod:hover .gprev,
.post .desc-prod .image-prod:hover .gnext{opacity:1}
.post .desc-prod .image-prod .gprev:hover,
.post .desc-prod .image-prod .gnext:hover{border-color:#a71124;color:#a71124}

.post .desc-prod .image-prod .gthumbs{
	display:grid;
	grid-template-columns:70px;
	align-content:start;
	gap:8px;
}
.post .desc-prod .image-prod.thumbs2 .gthumbs{grid-template-columns:repeat(2, 70px)}
.post .desc-prod .image-prod.thumbs3 .gthumbs{grid-template-columns:repeat(3, 70px)}
.post .desc-prod .image-prod .gthumb{
	width:70px;
	height:70px;
	padding:2px;
	border:1px solid #e0e6ec;
	border-radius:6px;
	background:#fff;
	cursor:pointer;
}
.post .desc-prod .image-prod .gthumb img{
	width:100%;
	height:100%;
	object-fit:contain;
}
.post .desc-prod .image-prod .gthumb.on{
	border-color:#a71124;
	box-shadow:0 0 0 1px #a71124;
}

@media (max-width:600px){
	.post .desc-prod .image-prod .gthumbs,
	.post .desc-prod .image-prod.thumbs2 .gthumbs,
	.post .desc-prod .image-prod.thumbs3 .gthumbs{
		display:flex;
		flex-wrap:nowrap;
		overflow-x:auto;
		padding-bottom:6px;
	}
	.post .desc-prod .image-prod .gthumb{flex:0 0 auto}
	.post .desc-prod .image-prod .gprev,
	.post .desc-prod .image-prod .gnext{opacity:1}
}
/* ======================================================================
   ПОРЯДОК КОЛОНОК ГАЛЕРЕИ, 30.08.2026. Прежние правила order писались
   для .owl-carousel/.owl-thumbs; после замены галереи на свою фото
   попадало в узкую колонку миниатюр (152 px), а лента — в широкую.
   ====================================================================== */
.post .desc-prod .image-prod .gthumbs{order:1}
.post .desc-prod .image-prod .gframes{order:2;min-width:0;width:100%}

@media (max-width:600px){
	.post .desc-prod .image-prod .gthumbs{order:2}
	.post .desc-prod .image-prod .gframes{order:1}
}
/* ======================================================================
   ПРОКРУТКА, ШИРИНА ФОТО, ОСТАТКИ ТАБЛИЦЫ, ТИПОГРАФИКА, 30.08.2026.
   ====================================================================== */

/* 1. Горизонтальную прокрутку давало выпадающее меню выбора региона:
   jQuery UI ставит его абсолютно по координатам поля и оно вылезает
   за правый край окна. Прячем переполнение на уровне документа. */
html{overflow-x:hidden}
.ui-selectmenu-menu{max-width:100vw}

/* 2. Фотография — во всю ширину колонки, потолок снят. */
.post .desc-prod .image-prod .gframes{max-width:none}

/* 3. Остатки таблицы (материал упаковки, ссылки про свежесть и состав)
   переехали в плашки — самой таблицы на странице подарка больше нет. */
.post .desc-prod .table-prod table{display:none}
.post .desc-prod .table-prod .gfacts .gf-mat .gf-v a{color:#16202b}
.post .desc-prod .table-prod .gfacts .gf-mat .gf-v a:hover{color:#a71124}

/* 4. Описание подарка: один размер текста и заголовков. */
.post .prod-descr.descr-left h2,
.post .prod-vlozh h2{
	margin:22px 0 10px;
	color:#16202b;
	font-size:22px;
	font-weight:bold;
	line-height:1.25;
	text-align:left;
}
.post .prod-descr.descr-left p,
.post .prod-vlozh p{
	margin:0 0 12px;
	font-size:16px;
	line-height:1.6;
	color:#2b3540;
}
.post .prod-descr.descr-left b,
.post .prod-descr.descr-left strong{color:#16202b}
.post .prod-vlozh .vlozh-text b{font-size:16px}
.post .prod-vlozh .vlozh-size{font-size:14px}
/* ======================================================================
   ТИПОГРАФИКА ОПИСАНИЯ — ДОЖИМ, 30.08.2026. Прежние правила не работали:
   мой же более ранний блок с более длинным селектором
   (.post .desc-prod .prod-descr.descr-left) держал 20px/15px. Пишем
   селекторы той же длины. Цвет заголовков не трогаем — .blued в
   style.css стоит с !important и это фирменный синий.
   ====================================================================== */
.post .desc-prod .prod-descr.descr-left h2,
.post .desc-prod .prod-vlozh h2,
.post .prod-vlozh h2.title{
	margin:24px 0 10px;
	font-size:22px;
	font-weight:bold;
	line-height:1.25;
	text-align:left;
}
.post .desc-prod .prod-descr.descr-left p,
.post .desc-prod .prod-vlozh p,
.post .prod-vlozh .vlozh-text p{
	margin:0 0 12px;
	font-size:16px;
	line-height:1.6;
	color:#2b3540;
}
.post .prod-vlozh > p{font-size:16px;line-height:1.6;color:#2b3540}
.post .prod-vlozh .vlozh-text b{font-size:17px;color:#16202b}
.post .prod-vlozh .vlozh-size{font-size:14px;color:#8a97a6}

/* прокрутку даёт выпадающее меню региона: у body в основном стиле свой
   overflow-x, поэтому дожимаем оба уровня */
html,
body{overflow-x:hidden !important;max-width:100%}
/* ======================================================================
   ВИД И МАТЕРИАЛ УПАКОВКИ В ОДНОЙ ПЛАШКЕ, 30.08.2026. Владелец:
   «это как понимать?» — рядом стояли «упаковка: картон» и «материал
   упаковки: хром-эрзац». Материал теперь подписью под видом.
   ====================================================================== */
.post .desc-prod .table-prod .gfacts .gf-sub{
	display:block;
	margin-top:2px;
	font-size:13px;
	font-weight:normal;
	color:#8a97a6;
}
.post .desc-prod .table-prod .gfacts .gf-sub a{color:#8a97a6}
.post .desc-prod .table-prod .gfacts .gf-sub a:hover{color:#a71124}
/* ======================================================================
   ФОТО ЦЕЛИКОМ ПО ВЫСОТЕ, 30.08.2026. Владелец: «картинки на всю ширину,
   но обрезаны снизу». У .image-prod из основного стиля задана
   фиксированная высота и overflow:hidden — они остались от owl, где
   слайд был жёстко заданного размера. Снимаем: высота по содержимому.
   ====================================================================== */
.post .desc-prod.table .image-prod.cell{
	height:auto;
	min-height:0;
	max-height:none;
	overflow:visible;
}
.post .desc-prod .image-prod .gframes,
.post .desc-prod .image-prod .gframe{
	height:auto;
	overflow:visible;
}
.post .desc-prod .image-prod .gframe img{
	display:block;
	width:100%;
	height:auto;
	max-width:100%;
	max-height:none;
	object-fit:contain;
}
/* ======================================================================
   ФОТО ЦЕЛИКОМ И РОВНЫЕ ПРОМЕЖУТКИ, 30.08.2026.
   1) В основном стиле у галереи жёстко задано height:35vw,
      overflow:hidden и .image-prod div{width:30vw} — наследие owl,
      из-за них снимок обрезался снизу. Снимаем всё три.
   2) Владелец: «промежуток сделать как у всех» — под карточкой покупки
      зазор был вдвое больше, чем между плашками.
   ====================================================================== */
.post .desc-prod.table .image-prod.cell{
	height:auto;
	min-height:0;
	max-height:none;
	overflow:visible;
	padding-right:0;
}
.post .desc-prod .image-prod .gframes,
.post .desc-prod .image-prod .gframe,
.post .desc-prod .image-prod .gthumbs{
	width:auto;
	height:auto;
	overflow:visible;
}
.post .desc-prod .image-prod .gframe img{
	display:block;
	width:100%;
	height:auto;
	max-width:100%;
	max-height:none;
	object-fit:contain;
}

/* зазор под карточкой — такой же, как между плашками */
.post .desc-prod .table-prod .buycard{
	margin-bottom:10px;
	padding-bottom:16px;
}
/* ======================================================================
   ПЛАШКА РЕГИОНА КОМПАКТНЕЕ, 30.08.2026. Владелец: «убрать иконку
   и сделать небольшую по высоте».
   ====================================================================== */
.post .desc-prod .table-prod .gfacts .gf-region{
	min-height:0;
	padding:8px 12px;
}
.post .desc-prod .table-prod .gfacts .gf-region .gf-ic{display:none}
.post .desc-prod .table-prod .gfacts .gf-region .gf-k{
	margin:0;
	font-size:12.5px;
	line-height:1.2;
}
.post .desc-prod .table-prod .gfacts .gf-region .gf-v{
	font-size:15px;
	line-height:1.3;
}
/* ======================================================================
   ЛИСТАНИЕ ПОДАРКОВ В ПРАВОЙ КОЛОНКЕ, 30.08.2026. Плашки перехода к
   соседним подаркам стояли в самом низу страницы — чтобы перейти
   к следующему, приходилось прокручивать всё. Теперь они последние
   в сетке плашек, четыре в ряд, компактные.
   ====================================================================== */
.post .desc-prod .table-prod .gfacts .prod-navy.chips{
	grid-column:1 / -1;
	display:grid;
	grid-template-columns:repeat(4, minmax(0,1fr));
	gap:8px;
	margin:0;
}
.post .desc-prod .table-prod .gfacts .prod-navy .navychip.navysmall{
	padding:8px 4px;
	border-radius:8px;
	text-align:center;
}
.post .desc-prod .table-prod .gfacts .prod-navy .navychip.navysmall .navychip-ic{
	display:block;
	font-size:17px;
	line-height:1;
}
.post .desc-prod .table-prod .gfacts .prod-navy .navychip.navysmall .navychip-t{
	display:block;
	margin-top:3px;
	font-size:12px;
	color:#63768a;
}
.post .desc-prod .table-prod .gfacts .prod-navy .navychip.navysmall:hover .navychip-t{color:#a71124}
/* ======================================================================
   РЯД ПЛАШЕК-ПРЕИМУЩЕСТВ, 30.08.2026. По образцу Рубина
   (product__advantages), но в нашем оформлении: те же рамки и радиусы,
   что у плашек в правой колонке. Иконки — инлайновый SVG, отдельных
   картинок не нужно.
   ====================================================================== */
.post .advbar{
	display:grid;
	grid-template-columns:repeat(5, minmax(0,1fr));
	gap:12px;
	margin:20px 0 6px;
}
.post .advbar .advchip{
	display:flex;
	align-items:center;
	gap:10px;
	padding:14px 14px;
	border:1px solid #dae3ec;
	border-radius:10px;
	background:#fff;
	color:#16202b;
	font-size:15px;
	line-height:1.3;
	text-decoration:none;
}
.post .advbar .advchip:hover{
	border-color:#a71124;
	background:#fff7f8;
	color:#a71124;
	text-decoration:none;
}
.post .advbar .advchip-ic{
	flex:0 0 auto;
	color:#a71124;
	line-height:0;
}
.post .advbar .advchip-t{font-weight:bold}
.post .advbar .advchip-s{
	display:block;
	margin-top:2px;
	color:#8a97a6;
	font-size:13px;
	font-weight:normal;
}
.post .advbar .advchip:hover .advchip-s{color:#c4707d}

@media (max-width:1100px){
	.post .advbar{grid-template-columns:repeat(3, minmax(0,1fr))}
}
@media (max-width:700px){
	.post .advbar{grid-template-columns:repeat(2, minmax(0,1fr));gap:8px}
	.post .advbar .advchip{padding:11px 10px;font-size:14px}
}
@media (max-width:420px){
	.post .advbar{grid-template-columns:minmax(0,1fr)}
}
/* ======================================================================
   ПОДБОРКА «ПОДАРКИ В ЭТОЙ ЦЕНЕ», 30.08.2026. Пять подарков с ближайшей
   ценой перед блоком «Вы смотрели» — по образцу Рубина, в нашем виде.
   ====================================================================== */
.post .samecat,
.samecat{margin:26px 0 10px}
.samecat h2.title{
	margin:0 0 14px;
	font-size:22px;
	font-weight:bold;
	text-align:left;
}
.samecat-list{
	display:grid;
	grid-template-columns:repeat(5, minmax(0,1fr));
	gap:12px;
}
.samecat-item{
	display:flex;
	flex-direction:column;
	padding:12px;
	border:1px solid #dae3ec;
	border-radius:10px;
	background:#fff;
	text-align:center;
}
.samecat-img{display:block;margin-bottom:8px}
.samecat-img img{
	width:100%;
	height:150px;
	object-fit:contain;
}
.samecat-num{color:#8a97a6;font-size:12.5px}
.samecat-name{
	display:block;
	margin:4px 0 6px;
	color:#16202b;
	font-size:15px;
	font-weight:bold;
	line-height:1.3;
	text-decoration:none;
}
.samecat-name:hover{color:#a71124;text-decoration:none}
.samecat-fact{
	margin-bottom:8px;
	color:#63768a;
	font-size:13px;
	line-height:1.35;
}
.samecat-price{margin-top:auto;font-size:19px;line-height:1.2}
.samecat-price s{
	margin-left:6px;
	color:#8a97a6;
	font-size:14px;
	font-weight:normal;
}
.samecat-go{
	display:block;
	margin-top:10px;
	padding:9px 10px;
	border-radius:7px;
	background:#a71124;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
}
.samecat-go:hover{background:#8d0e1e;color:#fff;text-decoration:none}

@media (max-width:1100px){
	.samecat-list{grid-template-columns:repeat(3, minmax(0,1fr))}
}
@media (max-width:700px){
	.samecat-list{grid-template-columns:repeat(2, minmax(0,1fr));gap:8px}
	.samecat-img img{height:120px}
}
/* ======================================================================
   ПЛАШКА «ПОДЕЛИТЬСЯ» И ГИБКИЙ РЯД, 30.08.2026. Плашек стало шесть,
   поэтому ряд раскладывается сам под ширину экрана.
   ====================================================================== */
.post .advbar{grid-template-columns:repeat(auto-fit, minmax(210px, 1fr))}
.post .advbar .advchip.advshare{cursor:pointer}

@media (max-width:1100px){
	.post .advbar{grid-template-columns:repeat(auto-fit, minmax(200px, 1fr))}
}
@media (max-width:700px){
	.post .advbar{grid-template-columns:repeat(auto-fit, minmax(150px, 1fr))}
}
/* ======================================================================
   ВСПЛЫВАЮЩИЕ ОКНА ПЛАШЕК, 30.08.2026. Владелец: «не нужно чтобы клиент
   уходил со страницы подарков, делай всплывающими окнами по возможности».
   ====================================================================== */
.popup__container#popPay,
.popup__container#popPut{
	max-width:640px;
	padding:24px 26px;
	background:#fff;
	border-radius:12px;
}
.popup__container#popPay h2,
.popup__container#popPut h2{
	margin:0 0 12px;
	font-size:22px;
	font-weight:bold;
	text-align:left;
}
.popup__container#popPay ul{margin:0 0 12px 18px}
.popup__container#popPay li{padding:4px 0;font-size:15px;line-height:1.55}
.popup__container#popPut p{margin:0 0 10px;font-size:15px;line-height:1.6}
/* ======================================================================
   ИЗБРАННОЕ И СРАВНЕНИЕ, 30.08.2026. Страницы /favorites/ и /compare/:
   списки хранятся в браузере покупателя, данные приходят из
   srv/items.php. Плитки берут оформление от блока «Подарки в этой цене».
   ====================================================================== */
.listnote{
	margin:0 0 16px;
	color:#63768a;
	font-size:15px;
	line-height:1.6;
}
.listempty{
	margin:24px 0;
	padding:24px;
	border:1px dashed #dae3ec;
	border-radius:12px;
	text-align:center;
	font-size:16px;
	line-height:1.7;
	color:#63768a;
}
.listtools{margin:16px 0 0;text-align:right}
.listtools a{color:#8a97a6;font-size:14px}
.listtools a:hover{color:#a71124}
.listdrop{
	margin-top:8px;
	padding:6px 10px;
	border:1px solid #dae3ec;
	border-radius:7px;
	background:#fff;
	color:#8a97a6;
	font-size:13px;
	cursor:pointer;
}
.listdrop:hover{border-color:#a71124;color:#a71124}

/* --- таблица сравнения --- */
.cmpwrap{overflow-x:auto}
.cmptable{
	width:100%;
	border-collapse:collapse;
	font-size:15px;
}
.cmptable th,
.cmptable td{
	padding:10px 12px;
	border-bottom:1px solid #edf1f5;
	text-align:center;
	vertical-align:top;
	line-height:1.45;
}
.cmptable th{
	width:auto;
	min-width:180px;
	border-bottom:1px solid #dae3ec;
}
.cmptable th img{
	width:100%;
	max-width:150px;
	height:120px;
	object-fit:contain;
}
.cmptable td.cmpkey{
	min-width:150px;
	color:#6d7681;
	text-align:left;
	white-space:nowrap;
}
.cmptable tr:nth-child(even) td{background:#f9fbfd}
.cmptable s{margin-left:6px;color:#8a97a6;font-size:13px}

@media (max-width:700px){
	.cmptable{font-size:14px}
	.cmptable th{min-width:150px}
	.cmptable td.cmpkey{min-width:120px}
}

/* ======================================================================
   МЕНЮ «ПОДЕЛИТЬСЯ», 30.08.2026. Раньше плашка звала navigator.share
   и открывалось системное окно Windows со своим набором — Facebook,
   Twitter, LinkedIn, OneNote. Состав того окна задаёт операционная
   система, из страницы его не поправить, поэтому меню теперь своё.
   Системное окно осталось первым пунктом «Обмен с устройствами».
   ====================================================================== */
.sharemenu{
	position:absolute;
	z-index:3050;
	box-sizing:border-box;
	width:300px;
	padding:12px;
	background:#fff;
	border:1px solid #e3e9ef;
	border-radius:12px;
	box-shadow:0 12px 32px rgba(11,22,34,.18);
}
.sharemenu-h{
	margin:0 0 10px;
	color:#6d7681;
	font-size:13px;
}
.sharemenu-g{
	display:grid;
	grid-template-columns:repeat(3, minmax(0,1fr));
	gap:6px;
}
.sharemenu-i{
	box-sizing:border-box;
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:6px;
	padding:10px 4px;
	border:0;
	border-radius:10px;
	background:none;
	color:#16202b;
	font:inherit;
	font-size:12px;
	line-height:1.25;
	text-align:center;
	text-decoration:none;
	cursor:pointer;
}
.sharemenu-i:hover{background:#f4f7fa;color:#16202b;text-decoration:none}
.sharemenu-ic{
	display:flex;
	align-items:center;
	justify-content:center;
	width:40px;
	height:40px;
	border-radius:50%;
	color:#fff;
	font-size:19px;
	font-weight:bold;
}
.sharemenu-n{display:block}

/* На узком экране ширину подрезает скрипт: 100vw включает полосу
   прокрутки, из-за неё меню вылезало за правый край и страница
   ездила вбок. Считаем от clientWidth. */

/* ======================================================================
   СВОЯ ФОРМА ОТЗЫВА, 30.08.2026. Раньше отзывы собирал чужой виджет
   Reformal — он живой, но последняя запись в нём 2013 года, и стоял он
   на самом верху страницы. Свою форму подняли наверх, Reformal увели
   вниз как архив.
   ====================================================================== */
.otzivform{
	max-width:820px;
	margin:0 auto 18px;
	padding:18px 20px 20px;
	border:1px solid #e3e9ef;
	border-radius:12px;
	background:#f9fbfd;
}
.otzivform-lead{
	margin:0 0 14px;
	color:#6d7681;
	font-size:15px;
	line-height:1.5;
	text-align:left;
}
.otzivform-row{
	display:grid;
	grid-template-columns:repeat(2, minmax(0,1fr));
	gap:12px;
	margin-bottom:12px;
}
.otzivform label{
	display:block;
	color:#16202b;
	font-size:14px;
	text-align:left;
}
.otzivform .req{margin-left:3px;color:#a71124}
.otzivform input[type=text],
.otzivform textarea{
	box-sizing:border-box;
	display:block;
	width:100%;
	margin-top:5px;
	padding:10px 12px;
	border:1px solid #d6dee6;
	border-radius:8px;
	background:#fff;
	color:#16202b;
	/* 16px — иначе телефон приближает страницу при вводе */
	font:16px/1.4 inherit;
}
.otzivform input[type=text]:focus,
.otzivform textarea:focus{border-color:#a71124;outline:none}
.otzivform textarea{resize:vertical;min-height:130px}
.otzivform-text{margin-bottom:14px}
.otzivform-hint{
	display:block;
	margin-top:4px;
	color:#8a97a6;
	font-size:12.5px;
}
/* ловушка для роботов: убрана из потока, но не display:none —
   часть ботов такие поля пропускает */
.otzivform-trap{
	position:absolute;
	left:-9999px;
	width:1px;
	height:1px;
	overflow:hidden;
}
.otzivform-go{
	padding:12px 26px;
	border:0;
	border-radius:8px;
	background:#bd0b24;
	color:#fff;
	font:bold 16px/1 inherit;
	cursor:pointer;
}
.otzivform-go:hover{background:#8d0e1e}

.otzivmsg{
	max-width:820px;
	margin:0 auto 14px;
	padding:12px 16px;
	border-radius:10px;
	font-size:15px;
	text-align:center;
}
.otzivmsg--good{border:1px solid #b7e0c6;background:#eef9f2;color:#1f7a4d}
.otzivmsg--bad{border:1px solid #f0c9cf;background:#fdf2f4;color:#a71124}

.otziv2gis{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:6px 16px;
	max-width:820px;
	margin:0 auto 26px;
	padding:14px 20px;
	border:1px solid #cfe6d6;
	border-radius:12px;
	background:#f2faf5;
	text-align:left;
}
.otziv2gis-t{flex:1 1 100%;color:#16202b;font-size:16px;font-weight:bold}
.otziv2gis-s{flex:1 1 auto;color:#6d7681;font-size:14px}
.otziv2gis-go{
	flex:0 0 auto;
	padding:10px 18px;
	border-radius:8px;
	background:#1a9f4b;
	color:#fff;
	font-size:15px;
	text-decoration:none;
}
.otziv2gis-go:hover{background:#157e3c;color:#fff;text-decoration:none}

/* архив Reformal внизу страницы */
.otzivold{margin-top:34px;padding-top:18px;border-top:1px solid #e3e9ef}
.otzivold-s{
	margin:0 0 12px;
	color:#8a97a6;
	font-size:14px;
	text-align:center;
}

@media (max-width:700px){
	.otzivform-row{grid-template-columns:minmax(0,1fr)}
	.otzivform{padding:14px 14px 16px}
	.otziv2gis-go{flex:1 1 100%;text-align:center}
}

/* Пустой раздел каталога: чаще всего виноват фильтр из сессии. 30.08.2026 */
.catempty{margin:2vw auto;padding:2.2vw 2vw;max-width:34em;text-align:center;
  border:1px solid #e3e5ea;border-radius:.8vw;background:#fafbfc}
.catempty p{margin:0 0 1vw;font-size:1.15vw;color:#444;line-height:1.5}
.catempty p:last-child{margin:0}
.catempty-reset{display:inline-block;padding:.7vw 1.6vw;border-radius:.4vw;
  background:#bd0b24;color:#fff;font-size:1.1vw;text-decoration:none}
.catempty-reset:hover{background:#8d0e1e;color:#fff}
@media (max-width:1024px){.catempty p{font-size:2.4vw}.catempty-reset{font-size:2.4vw;padding:1.4vw 3vw}}
@media (max-width:640px){.catempty p{font-size:3.6vw}.catempty-reset{font-size:3.6vw;padding:2vw 4vw}}

/* Свой расчёт доставки в корзине вместо трёх чужих iframe. 30.08.2026 */
.tkcalc{margin:1.5vw 0;padding:1.5vw;border:1px solid #e3e5ea;border-radius:.6vw;background:#fafbfc}
.tkcalc h5{margin:0 0 .4vw;text-align:left}
.tkcalc .tk-lead{margin:0 0 1vw;font-size:1.05vw;color:#666}
.tkcalc .tk-form{display:flex;flex-wrap:wrap;gap:.8vw;align-items:center}
.tkcalc .tk-city{position:relative;flex:1 1 16vw;min-width:12vw}
.tkcalc .tk-city input{width:100%;padding:.6vw .8vw;border:1px solid #ccd0d6;border-radius:.3vw;
  font-size:1.1vw;font-family:inherit;box-sizing:border-box}
.tkcalc .tk-sug{position:absolute;z-index:20;left:0;right:0;top:100%;background:#fff;
  border:1px solid #ccd0d6;border-radius:.3vw;box-shadow:0 .4vw 1.4vw rgba(0,0,0,.12);
  max-height:16vw;overflow:auto;display:none;text-align:left}
.tkcalc .tk-sug div{padding:.5vw .8vw;cursor:pointer;font-size:1.05vw}
.tkcalc .tk-sug div:hover,.tkcalc .tk-sug div.on{background:#f2f3f5}
.tkcalc .tk-sug span{color:#888}
.tkcalc .tk-door{font-size:1.05vw;color:#444;display:flex;align-items:center;gap:.4vw;cursor:pointer}
.tkcalc button{padding:.6vw 1.6vw;border:0;border-radius:.3vw;background:#bd0b24;color:#fff;
  font-size:1.1vw;font-family:inherit;cursor:pointer}
.tkcalc button:hover{background:#8d0e1e}
.tkcalc button[disabled]{opacity:.5;cursor:default}
.tkcalc .tk-out{margin-top:1vw}
.tkcalc .tk-cards{display:flex;gap:1vw;flex-wrap:wrap}
.tkcalc .tk-card{flex:1 1 12vw;padding:1vw;background:#fff;border:1px solid #e3e5ea;border-radius:.5vw}
.tkcalc .tk-name{font-size:1vw;text-transform:uppercase;letter-spacing:.05em;color:#888}
.tkcalc .tk-sum{font-size:1.9vw;font-weight:bold;color:#1b1d21;line-height:1.2}
.tkcalc .tk-days{font-size:1vw;color:#666}
.tkcalc .tk-no{font-size:1.05vw;color:#a00;padding:.4vw 0}
.tkcalc .tk-what{margin:.8vw 0 0;font-size:1vw;color:#666}
.tkcalc .tk-note{margin:1vw 0 0;font-size:.95vw;color:#888;text-align:left}
.tkcalc .tk-err{color:#a00;font-size:1.05vw;margin:0}
.tkcalc .tk-wait{color:#666;font-size:1.05vw;margin:0}
@media (max-width:1024px){
  .tkcalc .tk-lead,.tkcalc .tk-door,.tkcalc .tk-city input,.tkcalc button,
  .tkcalc .tk-sug div,.tkcalc .tk-days,.tkcalc .tk-name,.tkcalc .tk-what{font-size:2.2vw}
  .tkcalc .tk-sum{font-size:3.6vw}.tkcalc .tk-note{font-size:2vw}
  .tkcalc .tk-city{flex:1 1 100%}.tkcalc .tk-sug{max-height:40vw}
  .tkcalc .tk-city input,.tkcalc button{padding:1.2vw 1.6vw}}
@media (max-width:640px){
  .tkcalc .tk-lead,.tkcalc .tk-door,.tkcalc .tk-city input,.tkcalc button,
  .tkcalc .tk-sug div,.tkcalc .tk-days,.tkcalc .tk-name,.tkcalc .tk-what{font-size:3.4vw}
  .tkcalc .tk-sum{font-size:5.4vw}.tkcalc .tk-note{font-size:3vw}
  .tkcalc .tk-cards{flex-direction:column}}

/* Из чего сложилась цена перевозчика. 30.08.2026 */
.tkcalc .tk-lines{list-style:none;margin:.6vw 0 0;padding:.6vw 0 0;border-top:1px solid #eceef1}
.tkcalc .tk-lines li{display:flex;justify-content:space-between;gap:1vw;
  padding:.25vw 0;font-size:1vw;color:#555;line-height:1.35}
.tkcalc .tk-lines li b{font-weight:600;color:#1b1d21;white-space:nowrap}
@media (max-width:1024px){.tkcalc .tk-lines li{font-size:2.1vw}}
@media (max-width:640px){.tkcalc .tk-lines li{font-size:3.2vw}}

/* Чья часть доставки: от порога заказа до терминала платим мы. 30.08.2026 */
.tkcalc .tk-whose{font-size:.95vw;text-transform:uppercase;letter-spacing:.05em;color:#888;margin-top:-.2vw}
.tkcalc .tk-ours{margin-top:.6vw;padding:.5vw .7vw;border-radius:.3vw;
  background:#eef7ef;color:#1c6b32;font-size:1vw;line-height:1.35}
.tkcalc .tk-lines-note{margin:.5vw 0 0;font-size:.9vw;color:#999;line-height:1.35}
.tkcalc .tk-deal{margin:1vw 0 0;padding:.8vw 1vw;border-left:.25vw solid #bd0b24;
  background:#fff;font-size:1.05vw;color:#333;line-height:1.5}
@media (max-width:1024px){.tkcalc .tk-whose,.tkcalc .tk-ours,.tkcalc .tk-lines-note{font-size:2vw}
  .tkcalc .tk-deal{font-size:2.2vw}}
@media (max-width:640px){.tkcalc .tk-whose,.tkcalc .tk-ours,.tkcalc .tk-lines-note{font-size:3vw}
  .tkcalc .tk-deal{font-size:3.4vw}}
/* 30.08.2026: наша доля доставки идёт скидкой на подарки, а не оплатой перевозки.
   Плашка должна читаться первой — отсюда размер, рамка и зелёный акцент. */
.tkcalc .tk-comp{margin:0 0 1vw;padding:1vw 1.2vw;border:.15vw solid #6f9e46;border-radius:.4vw;
  background:#f2f8ee;display:block}
.tkcalc .tk-comp b{display:block;font-size:1.9vw;line-height:1.25;color:#2f6b1f;margin-bottom:.35vw}
.tkcalc .tk-comp span{display:block;font-size:1.15vw;line-height:1.5;color:#3a4a33}
.tkcalc .tk-comp:not(.on){border-color:#d8d8d8;background:#fafafa}
.tkcalc .tk-comp:not(.on) b{color:#333;font-size:1.25vw}
@media (max-width:1024px){.tkcalc .tk-comp b{font-size:3vw}.tkcalc .tk-comp span{font-size:2.1vw}
  .tkcalc .tk-comp:not(.on) b{font-size:2.4vw}}
@media (max-width:640px){.tkcalc .tk-comp b{font-size:5vw}.tkcalc .tk-comp span{font-size:3.6vw}
  .tkcalc .tk-comp:not(.on) b{font-size:3.6vw}}



.tk-terms{list-style:none;margin:.8vw 0 0;padding:0;display:grid;gap:.6vw}
.tk-terms li{padding:.8vw 1vw;border-left:.25vw solid #e3e5ea;background:#fafbfc;
  font-size:1.05vw;line-height:1.5;color:#333;text-align:left}
.tk-terms li b{color:#1b1d21}
.tk-terms li:last-child{border-left-color:#1c6b32;background:#f2f8f3}
.tk-terms-note{margin:.9vw 0 1.2vw;font-size:1vw;color:#666;line-height:1.5;text-align:left}
@media (max-width:1024px){.tk-terms li{font-size:2.2vw}.tk-terms-note{font-size:2vw}}
@media (max-width:640px){.tk-terms li{font-size:3.4vw}.tk-terms-note{font-size:3.1vw}}

/* Ступени доставки: крупная сумма слева, условие справа. 30.08.2026 */
.tkterms{margin:1.5vw 0 0;text-align:left}
.tkterms-h{margin:0 0 1vw;text-align:left}
.tkstep{display:grid;grid-template-columns:11vw 1fr;gap:1.2vw;align-items:center;
  padding:1.1vw 1.3vw;margin-bottom:.6vw;border-radius:.6vw;
  background:#f7f8f9;border:1px solid #e8eaed}
.tkstep-sum{font-family:"PT Sans Narrow","PT Sans",sans-serif;font-weight:bold;
  font-size:1.9vw;line-height:1.1;color:#8a8f96;letter-spacing:-.01em}
.tkstep-sum span{font-size:1.3vw}
.tkstep-txt{font-size:1.1vw;line-height:1.5;color:#3d4147}
.tkstep-txt b{color:#1b1d21}
.tkstep-add{display:block;margin-top:.4vw;font-size:.95vw;color:#7b8087;line-height:1.45}
.tkstep.on{background:#fdf6f7;border-color:#f0ccd3}
.tkstep.on .tkstep-sum{color:#bd0b24}
.tkstep.free{background:#f1f8f3;border-color:#c8e3d1}
.tkstep.free .tkstep-sum{color:#1c6b32}
.tkterms-note{margin:1vw 0 1.4vw;font-size:1vw;color:#7b8087;line-height:1.5}
@media (max-width:1024px){
  .tkstep{grid-template-columns:1fr;gap:.4vw;padding:2vw}
  .tkstep-sum{font-size:3.6vw}.tkstep-sum span{font-size:2.6vw}
  .tkstep-txt{font-size:2.3vw}.tkstep-add{font-size:2.1vw}
  .tkterms-note{font-size:2.1vw}}
@media (max-width:640px){
  .tkstep-sum{font-size:5.4vw}.tkstep-sum span{font-size:4vw}
  .tkstep-txt{font-size:3.5vw}.tkstep-add{font-size:3.2vw}
  .tkterms-note{font-size:3.2vw}}

/* ===== Корзина: позиции слева, панель заказа справа. 30.08.2026 ===== */
.ord h1{text-align:left;margin-bottom:1.2vw}
.cartgrid{display:grid;grid-template-columns:1fr 19vw;gap:1.6vw;align-items:start}
.cartlist{min-width:0;overflow-x:auto}   /* узкий экран: таблица прокручивается внутри, страница нет */

/* таблица позиций без красной заливки */
.cartlist .select_tb{width:100%;border-collapse:collapse;border:0}
.cartlist .select_tb td{border:0;border-bottom:1px solid #ebedf0;padding:.7vw .5vw;
  background:transparent;font-size:1.15vw;vertical-align:middle}
.cartlist .select_tb .head_td{background:transparent;color:#8a8f96;border-bottom:2px solid #e3e5ea;
  font-size:.95vw;font-weight:normal;text-transform:uppercase;letter-spacing:.06em;padding-bottom:.5vw}
.cartlist .select_tb .colspan{background:transparent;color:#bd0b24;text-align:left;
  border-bottom:0;padding-top:1.2vw}
.cartlist .select_tb .colspan h4{font-size:1vw;text-transform:uppercase;letter-spacing:.08em}
.cartlist .select_tb tr{background:transparent!important}
.cartlist .select_tb .image img{border-radius:.3vw}
.cartlist .cartcount{font-size:1.15vw;padding:.2vw;border:1px solid #d5d8dd;border-radius:.3vw}

/* панель заказа */
.cartside{position:sticky;top:1vw}
.cs-box{border:1px solid #e3e5ea;border-radius:.7vw;background:#fafbfc;padding:1.2vw}
.cs-line,.cs-ship{display:flex;justify-content:space-between;gap:.8vw;align-items:baseline;
  padding:.35vw 0;font-size:1.05vw;color:#5a5f66}
.cs-line b,.cs-ship b{color:#1b1d21;font-weight:bold;white-space:nowrap}
.cs-sale b{color:#bd0b24}
.cs-total{display:flex;justify-content:space-between;gap:.8vw;align-items:baseline;
  margin-top:.6vw;padding-top:.7vw;border-top:1px solid #e3e5ea;font-size:1.15vw;color:#1b1d21}
.cs-total b{font-family:"PT Sans Narrow","PT Sans",sans-serif;font-size:1.9vw;line-height:1.1;white-space:nowrap}
.cs-ship{color:#8a8f96;font-size:.95vw}
.cs-ship:first-of-type{margin-top:.8vw;padding-top:.7vw;border-top:1px dashed #e3e5ea}
.cs-send,.cs-back{display:block;text-align:center;text-decoration:none;border-radius:.4vw;
  padding:.75vw 1vw;font-size:1.15vw}
.cs-send{margin-top:1vw;background:#1c8a3c;color:#fff;font-weight:bold}
.cs-send:hover{background:#15702f;color:#fff}
.cs-back{margin-top:.5vw;border:1px solid #d5d8dd;color:#5a5f66;background:#fff}
.cs-back:hover{border-color:#bd0b24;color:#bd0b24}
.cs-note{margin:.8vw 0 0;font-size:.9vw;color:#8a8f96;line-height:1.4;text-align:center}

@media (max-width:1024px){
  .cartgrid{grid-template-columns:1fr;gap:2.5vw}
  .cartside{position:static}
  .cartlist .select_tb td{font-size:2.2vw;padding:1.2vw .6vw}
  .cartlist .select_tb .head_td{font-size:1.9vw}
  .cartlist .select_tb .colspan h4{font-size:2vw}
  .cartlist .cartcount{font-size:2.2vw}
  .cs-line,.cs-ship,.cs-total,.cs-send,.cs-back{font-size:2.3vw}
  .cs-total b{font-size:4vw}.cs-ship{font-size:2vw}.cs-note{font-size:1.9vw}
  .cs-box{padding:2.4vw;border-radius:1.2vw}}
@media (max-width:640px){
  .cartlist .select_tb td{font-size:3.3vw}
  .cartlist .select_tb .head_td{font-size:2.7vw}
  .cs-line,.cs-ship,.cs-total,.cs-send,.cs-back{font-size:3.5vw}
  .cs-total b{font-size:6vw}.cs-ship{font-size:3vw}.cs-note{font-size:2.9vw}}

/* Кем выгоднее и удобнее везти. 30.08.2026 */
.tkcalc .tk-card{position:relative}
.tkcalc .tk-best{border-color:#1c8a3c;box-shadow:0 0 0 1px #1c8a3c inset}
.tkcalc .tk-badge{position:absolute;top:-.7vw;left:1vw;background:#1c8a3c;color:#fff;
  font-size:.85vw;line-height:1;padding:.35vw .7vw;border-radius:99px;letter-spacing:.02em}
.tkcalc .tk-far{margin-top:.6vw;padding:.5vw .7vw;border-radius:.3vw;background:#fdf3e7;
  color:#8a5a12;font-size:.95vw;line-height:1.4}
.tkcalc .tk-tip{margin:1vw 0 0;padding:.8vw 1vw;border-radius:.4vw;background:#eef6f0;
  color:#1b3d26;font-size:1.05vw;line-height:1.5}
.tkcalc .tk-tip b{color:#1c6b32}
@media (max-width:1024px){.tkcalc .tk-badge{font-size:1.8vw;top:-1.4vw;padding:.7vw 1.4vw}
  .tkcalc .tk-far{font-size:2vw}.tkcalc .tk-tip{font-size:2.2vw}}
@media (max-width:640px){.tkcalc .tk-badge{font-size:2.8vw;top:-2vw}
  .tkcalc .tk-far{font-size:3vw}.tkcalc .tk-tip{font-size:3.4vw}}

/* Подсказка про паллету на крупных заказах. 30.08.2026 */
.tkcalc .tk-big{margin:1vw 0 0;padding:.8vw 1vw;border-radius:.4vw;background:#fdf8ec;
  border:1px solid #f0e0bd;color:#7a5a17;font-size:1.05vw;line-height:1.5}
@media (max-width:1024px){.tkcalc .tk-big{font-size:2.2vw}}
@media (max-width:640px){.tkcalc .tk-big{font-size:3.4vw}}

/* Счётчик количества в корзине: минус — поле — плюс. 30.08.2026 */
.cartlist .select_td:has(.cartcount){white-space:nowrap}
.cartlist .qbtn{display:inline-flex;align-items:center;justify-content:center;
  width:2.1vw;height:2.1vw;padding:0;border:1px solid #d5d8dd;background:#fff;
  color:#4a4f56;font-size:1.3vw;line-height:1;border-radius:.3vw;vertical-align:middle;
  font-family:inherit}
.cartlist .qbtn:hover{border-color:#bd0b24;color:#bd0b24}
.cartlist .qbtn[disabled]{opacity:.35;border-color:#e3e5ea;color:#b6bac0;cursor:default}
.cartlist .qminus{order:1;border-radius:.3vw 0 0 .3vw;margin-right:-1px}
.cartlist .cartcount{order:2;width:3.4vw;height:2.1vw;text-align:center;
  border:1px solid #d5d8dd;border-radius:0;vertical-align:middle;font-size:1.15vw;padding:0}
.cartlist .qplus{order:3;border-radius:0 .3vw .3vw 0;margin-left:-1px}
.cartlist .select_tb td:has(.cartcount){display:flex;align-items:center;justify-content:center;
  gap:0;border-bottom:1px solid #ebedf0}
.cartlist .qdel{display:inline-flex;align-items:center;justify-content:center;
  width:2.1vw;height:2.1vw;padding:0;border:1px solid #e8eaed;background:#fff;
  color:#9aa0a8;font-size:1.25vw;line-height:1;border-radius:.3vw;font-family:inherit;
  transition:background .15s,border-color .15s,color .15s}
.cartlist .qdel:hover{background:#bd0b24;border-color:#bd0b24;color:#fff}
@media (max-width:1024px){
  .cartlist .qbtn{width:4.4vw;height:4.4vw;font-size:2.6vw}
  .cartlist .cartcount{width:7vw;height:4.4vw;font-size:2.2vw}
  .cartlist .qdel{font-size:3vw}}
@media (max-width:640px){
  .cartlist .qbtn{width:7vw;height:7vw;font-size:4vw}
  .cartlist .cartcount{width:11vw;height:7vw;font-size:3.3vw}
  .cartlist .qdel{font-size:4.6vw}}

@media (max-width:1024px){.cartlist .qdel{width:4.4vw;height:4.4vw;font-size:2.6vw}}
@media (max-width:640px){.cartlist .qdel{width:7vw;height:7vw;font-size:4vw}}

/* Заголовки блоков доставки: были в размер основного текста. 30.08.2026 */
.tkterms-h,.tkcalc h5{font-size:1.7vw;line-height:1.25;color:#1b1d21;
  margin:0 0 .8vw;text-align:left}
.tkterms{margin-top:2.2vw;padding-top:1.6vw;border-top:1px solid #e8eaed}
.tkcalc{margin-top:2vw}
@media (max-width:1024px){.tkterms-h,.tkcalc h5{font-size:3.2vw;margin-bottom:1.6vw}}
@media (max-width:640px){.tkterms-h,.tkcalc h5{font-size:4.6vw}}

/* Плашка со списком перевозчиков — в один ряд со ступенями. 30.08.2026 */
.tkstep-note{background:#f4f6f8;border-color:#e3e7eb}
.tkstep-note .tkstep-sum{color:#5a6572}
.tkstep-note .tkstep-txt a{color:#bd0b24}

/* Правило: сколько мы даём на доставку. 30.08.2026 */
.tkcalc .tk-rule{margin:1vw 0 0;padding:.8vw 1vw;border-radius:.4vw;background:#f4f6f8;
  border-left:.25vw solid #5a6572;color:#3d4147;font-size:1.05vw;line-height:1.5}
@media (max-width:1024px){.tkcalc .tk-rule{font-size:2.2vw}}
@media (max-width:640px){.tkcalc .tk-rule{font-size:3.4vw}}

/* Адрес без терминала — согласовываем до оплаты. 30.08.2026 */
.tkcalc .tk-check{margin:0 0 1vw;padding:1vw 1.2vw;border-radius:.5vw;background:#fdf1f2;
  border:1px solid #f0ccd3;color:#7a1220;font-size:1.05vw;line-height:1.55}
.tkcalc .tk-check b{color:#bd0b24}
@media (max-width:1024px){.tkcalc .tk-check{font-size:2.2vw}}
@media (max-width:640px){.tkcalc .tk-check{font-size:3.4vw}}

/* Счётчик и удаление: минимум в пикселях, чтобы на узких экранах
   кнопки не превращались в точки. 30.08.2026 */
.cartlist .qbtn,.cartlist .qdel{min-width:32px;min-height:32px;font-size:max(1.3vw,16px)}
.cartlist .cartcount{min-width:48px;min-height:32px;font-size:max(1.15vw,15px)}
@media (max-width:1024px){
  .cartlist .qbtn,.cartlist .qdel{min-width:42px;min-height:42px;font-size:max(2.6vw,18px)}
  .cartlist .cartcount{min-width:56px;min-height:42px;font-size:max(2.2vw,16px)}}

/* Липкая панель заказа: у .ord стоит overflow:auto, а внутри
   прокручиваемого предка position:sticky не работает. 30.08.2026 */
.ord{overflow:visible}

/* Узкие экраны: таблица позиций должна влезать без прокрутки. */
@media (max-width:640px){
  .cartlist .select_tb td{padding:.9vw .3vw}
  .cartlist .select_tb .image img{width:38px;height:auto}
  .cartlist .select_tb .head_td{font-size:2.4vw;padding-bottom:.4vw}
  .cartlist .qbtn,.cartlist .qdel{min-width:38px;min-height:38px}
  .cartlist .cartcount{min-width:44px;min-height:38px}}

/* Самые узкие экраны (320-360): дожимаем строку заказа. 30.08.2026 */
@media (max-width:360px){
  .cartlist .select_tb td{padding:.8vw .15vw}
  .cartlist .select_tb .image img{width:30px}
  .cartlist .qbtn,.cartlist .qdel{min-width:34px;min-height:34px}
  .cartlist .cartcount{min-width:38px;min-height:34px;font-size:15px}}

/* Перевозка и страхование раздельно — чтобы цены ТК были сравнимы. */
.tkcalc .tk-parts{margin-top:.4vw;font-size:1vw;color:#5a5f66;line-height:1.4}
@media (max-width:1024px){.tkcalc .tk-parts{font-size:2.1vw}}
@media (max-width:640px){.tkcalc .tk-parts{font-size:3.2vw}}

/* Задача 37, 30.08.2026: блок «Оформление заказа» в сайдбаре карточки подарка.
   Шаги пронумерованы — это реальная последовательность действий покупателя. */
.fo-steps{margin:0 0 10px;padding:0;list-style:none;counter-reset:fostep}
.fo-steps li{position:relative;counter-increment:fostep;margin:0 0 9px;padding:0 0 0 30px;
	font-size:15px;line-height:1.5;text-align:left}
.fo-steps li:last-child{margin-bottom:0}
.fo-steps li:before{content:counter(fostep);position:absolute;left:0;top:1px;
	width:20px;height:20px;line-height:20px;text-align:center;border-radius:50%;
	background:#bd0b24;color:#fff;font-size:12px;font-weight:700}
.fo-steps b{color:#333}
.fo-ship{margin:0 0 12px;padding:10px 12px;background:#f4f6f4;border-left:3px solid #6f9e46;
	font-size:14px;line-height:1.5;text-align:left;border-radius:3px}
.fo-help{margin:12px 0 0;font-size:14px;line-height:1.5;text-align:left;color:#666}
.fo-help b{color:#333}

/* 30.08.2026: кнопка в сайдбаре была на 28,8px шрифта и 64px высоты — крупнее
   заголовка блока. Ограничиваем только сайдбаром, на других страницах #price
   остаётся прежним. */
#sidebar #price{font-size:17px;padding:11px 26px;border-radius:24px;line-height:1.2}

/* 31.08.2026. Блок «Доставка и получение» в корзине краснодарского сайта.
   Было: сплошная лента из семи маркеров и двух абзацев, выключка по ширине,
   пороги терялись в середине списка. Стало: цифры вынесены наверх плашками,
   размеры шрифта согласованы с основным текстом сайта (18px при основном тексте сайта 15,8px),
   условия — в две колонки, оговорки про документы убраны в details. */
.ord .dlv{margin:18px 0 0}
.ord .dlv h5{margin:0 0 12px}
.ord .dlv-nums{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 16px}
.ord .dlv-num{flex:1 1 190px;padding:11px 14px;background:#f5f6f7;border-radius:4px;
	border-left:3px solid #c9ccd0;line-height:1.35}
.ord .dlv-num b{display:block;font-size:27px;color:#333}
.ord .dlv-num span{display:block;margin-top:6px;font-size:18px;line-height:1.4;color:#666}
.ord .dlv-num-free{background:#f2f7ee;border-left-color:#6f9e46}
.ord .dlv-num-free b{color:#4a7c2a}
.ord .dlv-cols{display:flex;flex-wrap:wrap;gap:18px}
.ord .dlv-col{flex:1 1 280px}
.ord .dlv-col h6{margin:0 0 10px;font-size:20px;color:#333}
.ord .dlv-col ul{margin:0;padding:0 0 0 18px}
.ord .dlv-col li{margin:0 0 11px;font-size:18px;line-height:1.45;text-align:left}
.ord .dlv-col li b{color:#333}
.ord .dlv-more{margin:14px 0 0;border-top:1px solid #e6e6e6;padding-top:10px}
.ord .dlv-more summary{cursor:pointer;font-size:18px;color:#4a7c2a;list-style:none}
.ord .dlv-more summary::-webkit-details-marker{display:none}
.ord .dlv-more summary:before{content:"+ ";font-weight:700}
.ord .dlv-more[open] summary:before{content:"− "}
.ord .dlv-more-in{padding:8px 0 0}
.ord .dlv-more-in p{margin:0 0 12px;font-size:18px;line-height:1.5;color:#555;text-align:left}
.ord .dlv-why{color:#777;font-style:italic}
@media (max-width:600px){
	.ord .dlv-num{flex:1 1 100%}
	.ord .dlv-num b{font-size:24px}
}

/* 01.09.2026. Условия — лента шагов сделки. До этого страница успела побыть
   свёрнутым аккордеоном (десять серых полосок и ни одной цифры), сплошной
   колбасой на 6000 px, вкладками и FAQ-аккордеоном; владельцу не подошло
   ничего из этого. Теперь путь клиента виден целиком: пять шагов подряд. */
.cnd-lead{margin:0 0 22px;text-align:center;font-size:18px;color:#666}
.cnd-facts{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 30px}
.cnd-fact{flex:1 1 175px;padding:13px 15px;background:#f5f6f7;border-radius:4px;
	border-left:3px solid #c9ccd0;line-height:1.35;text-align:left}
.cnd-fact:first-child{background:#fdf0f0;border-left-color:#cc1f2a}
.cnd-fact:first-child b{color:#cc1f2a}
.cnd-fact b{display:block;font-size:26px;color:#333}
.cnd-fact span{display:block;margin-top:6px;font-size:18px;line-height:1.4;color:#666}

ol.steps{list-style:none;margin:0;padding:0;counter-reset:step}
ol.steps > li.step{display:flex;gap:20px;padding:0 0 6px;position:relative}
ol.steps > li.step:before{content:"";position:absolute;left:26px;top:56px;bottom:0;
	width:2px;background:#ececec}
ol.steps > li.step:last-child:before{display:none}
.step-num{flex:0 0 54px;width:54px;height:54px;border-radius:50%;
	background:#cc1f2a;color:#fff;font-size:26px;font-weight:700;
	line-height:54px;text-align:center;position:relative;z-index:1}
.step-body{flex:1 1 auto;padding:0 0 30px;min-width:0}
.step-body h2{margin:9px 0 12px;font-size:26px;text-align:left;color:#333}
.step-body h3{margin:22px 0 10px;font-size:20px;text-align:left}
.step-body p{margin:0 0 12px;font-size:18px;line-height:1.5;text-align:left}
.step-body ul{margin:0 0 12px;padding-left:22px}
.step-body li{margin:0 0 9px;font-size:18px;line-height:1.45;text-align:left}
.step-lead{color:#444}
.step-small{font-size:16px;line-height:1.5;color:#777}
.cnd-note{margin:0 0 14px;padding:13px 16px;background:#f2f7ee;
	border-left:3px solid #6f9e46;border-radius:3px;font-size:18px;line-height:1.5}
.cnd-late{margin:6px 0 0;padding:20px 22px;background:#fdf6ec;
	border-left:3px solid #d99a2b;border-radius:4px}
.cnd-late h2{margin:0 0 10px;font-size:22px;text-align:left;color:#333}
.cnd-late p{margin:0;font-size:18px;line-height:1.5;text-align:left}
@media (max-width:600px){
	.cnd-fact{flex:1 1 100%}
	.cnd-fact b{font-size:23px}
	ol.steps > li.step{gap:14px}
	ol.steps > li.step:before{left:19px;top:44px}
	.step-num{flex:0 0 40px;width:40px;height:40px;line-height:40px;font-size:20px}
	.step-body h2{margin:5px 0 10px;font-size:21px}
	.step-body{padding-bottom:22px}
}

/* Страница «Как мы собираем подарки» — та же лента шагов, что и в условиях
   (владелец, 01.09.2026: «надо в таком же формате»). Своё здесь только
   вводная врезка, акцентная строка и финальный блок с кнопкой. */
.svz-why{margin:0 0 26px}
.svz-accent{margin:14px 0 0;padding:12px 16px;background:#fdf0f0;
	border-left:3px solid #cc1f2a;border-radius:3px;font-size:18px;
	line-height:1.45;color:#333;font-weight:700}
.svz-final{margin:6px 0 0;padding:22px 24px;background:#f5f6f7;border-radius:5px}
.svz-final h2{margin:0 0 10px;font-size:23px;text-align:left;color:#333}
.svz-final p{margin:0 0 12px;font-size:18px;line-height:1.5;text-align:left}
.svz-btn{margin:18px 0 0 !important;text-align:center}
/* класс .btn на этой странице стилей не даёт — ссылка выглядела обычной
   текстовой. Рисуем кнопку сами, в цветах сайта. */
.svz-btn a{display:inline-block;padding:13px 30px;border-radius:26px;
	background:#cc1f2a;color:#fff !important;font-size:18px;font-weight:700;
	text-decoration:none;line-height:1.2}
.svz-btn a:hover{background:#a8161f}
@media (max-width:600px){
	.svz-final{padding:18px 16px}
	.svz-final h2{font-size:20px}
}

/* 01.09.2026. Размер текста на страницах — как в блоках сайдбара, 18px
   (владелец: «на страницах увеличить»). Базовый текст сайта был 15,8px,
   и рядом с сайдбаром выглядел мельче. Ставим размер наследуемым на
   #content: элементы со своими размерами в пикселях (плитки каталога,
   таблица корзины, кнопки) не затрагиваются. */
#content{font-size:18px}
#content p,#content li,#content dd,#content dt{font-size:18px;line-height:1.5}
#content .step-small,#content .cnd-small{font-size:16px}
#content table p,#content table li,#content .select_tb p,#content .select_tb li,
#content .bc-name,#content .bc-price,#content .tilecount,
#content .cartlist p,#content .cartlist li{font-size:inherit}

/* 01.09.2026. В блоках .cnd-late (сроки, изменение заказа, возврат и брак)
   стало по два-три абзаца — прежнее margin:0 склеивало их в сплошной текст. */
.cnd-late+.cnd-late{margin-top:14px}
.cnd-late p+p{margin-top:11px}
.cnd-late .cnd-small{margin-top:12px;font-size:16px;color:#777;line-height:1.45}

/* 01.09.2026. Состав подарка: картинки конфет были 30 px — на них ничего
   не разглядеть. Увеличены; плюс режим «плитка», который включается
   кнопкой над составом. Плитка — та же таблица, разложенная блоками:
   дублировать разметку ради второго вида нельзя, у больших подарков
   состав до 171 позиции. */
.consist-switch{display:flex;gap:8px;margin:0 0 14px}
.cs-btn{padding:7px 15px;font-size:16px;line-height:1.2;cursor:pointer;
	background:#f5f6f7;border:1px solid #d8dade;border-radius:4px;color:#555}
.cs-btn:hover{background:#eceef1}
.cs-btn.on{background:#cc1f2a;border-color:#cc1f2a;color:#fff}
.table-consist th.img-tab,.table-consist td.img-tab{width:64px}
.table-consist td.img-tab img{height:52px;width:auto;max-width:none;display:block;margin:0 auto}

.table-consist.tiles table,.table-consist.tiles tbody{display:block;width:100%}
.table-consist.tiles tr:first-child{display:none}
.table-consist.tiles tr{display:inline-block;vertical-align:top;width:148px;min-height:238px;
	margin:0 10px 12px 0;padding:10px 8px;text-align:center;
	box-sizing:border-box;
	border:1px solid #e6e8ea;border-radius:4px}
.table-consist.tiles td{display:block;border:0;padding:1px 0;text-align:center}
.table-consist.tiles td.img-tab{width:auto;height:118px}
/* высоту картинки фиксируем: у конфет она то вертикальная, то горизонтальная
   (211x400 у «Алёнки»), и без общей высоты карточки налезали друг на друга */
.table-consist.tiles td.img-tab img{height:112px;width:auto;max-width:100%;
	object-fit:contain;margin:0 auto 6px}
.table-consist.tiles td.name-tab{font-size:15px;line-height:1.3;color:#333}
.table-consist.tiles td.manuf-tab{font-size:13px;line-height:1.3;color:#888}
.table-consist.tiles td.col-tab:before{content:"× "}
.table-consist.tiles td.col-tab{font-size:15px;color:#555}
.table-consist.tiles .imgShow{display:none !important}
/* заголовок группы и итоговая строка — не карточки: снимаем с них и общую
   высоту карточки, иначе после «Фасовка (8) шт.» зияла дыра в пол-экрана */
.table-consist.tiles tr.grouprow{display:block;width:100%;margin:8px 0 10px;
	padding:0;border:0;min-height:0}
.table-consist.tiles tr.grouprow td{text-align:center}
/* последняя строка «Всего конфет и вложений» — тоже на всю ширину */
.table-consist.tiles tr:last-child{display:block;width:100%;border:0;margin:6px 0 0;min-height:0}
@media (max-width:700px){
	/* таблица из пяти колонок в телефон не влезает: даём ей прокрутку,
	   а по умолчанию показываем плитку — см. footer.php */
	.table-consist:not(.tiles){overflow-x:auto;display:block}
	.table-consist:not(.tiles) table{min-width:560px}
	/* карточки — inline-block, между ними остаётся пробел разметки,
	   поэтому не 50%, а calc: иначе вторая карточка не влезает в ряд */
	.table-consist.tiles tbody{font-size:0}
	.table-consist.tiles tr{width:calc(50% - 6px);margin:0 4px 10px 0;min-height:206px;font-size:15px}
	.table-consist.tiles td.img-tab,.table-consist.tiles td.img-tab img{height:96px}
	.table-consist.tiles td.img-tab img{width:auto}
}

/* 01.09.2026. Строка разделов упаковки под фильтрами каталога. Материал
   назван так же, как в прайсе («хром-эрзац», «микрогофра»), рядом число
   подарков — иначе не видно, что за бархатом стоит всего две позиции. */
/* свой контейнер, не filter-head__links: тот скрывает всё после пятой
   ссылки до нажатия «+ ещё», а виды упаковки нужно видеть сразу */
.filter-forms{margin:6px 0 16px;display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.filter-forms .link_filter{display:inline-block;padding:5px 11px;font-size:15px;
	background:#f5f6f7;border:1px solid #e0e2e5;border-radius:4px;color:#555;text-decoration:none}
.filter-forms .link_filter:hover{background:#eceef1;color:#cc1f2a}
.filter-forms .link_filter.selected{background:#cc1f2a;border-color:#cc1f2a;color:#fff}
.filter-forms .link_filter b{margin-left:5px}
.filter-forms__t{display:inline-block;margin:0 8px 6px 0;font-size:15px;color:#888}
.filter-forms .link_filter b{font-weight:400;color:#999}
.filter-forms .link_filter.selected b{color:#fff}

/* 01.09.2026. Плашка «без карамели» в плитке каталога. Зелёная, чтобы
   не спорить с красной «скидкой» и не выглядеть предупреждением. */
.badge.bnokar{background:#4a8a28;color:#fff;border:0}

/* 01.09.2026. Два блока под составом подарка: выжимка про свежесть
   и предложение собрать другой состав. Раньше и то и другое жило только
   на отдельных страницах, куда с карточки никто не уходил. */
.freshcard{margin:26px 0 0;padding:18px 20px;background:#f2f7ee;
	border-left:4px solid #6f9e46;border-radius:4px}
.freshcard-h{margin:0 0 14px;font-size:22px;text-align:left;color:#333}
.freshcard-facts{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 12px}
.freshcard-f{flex:1 1 180px;padding:12px 14px;background:#fff;border-radius:4px}
.freshcard-f b{display:block;font-size:22px;color:#4a7a2a;line-height:1.15}
.freshcard-f span{display:block;margin-top:5px;font-size:16px;line-height:1.35;color:#666}
.freshcard-p{margin:0;font-size:17px;line-height:1.5;text-align:left;color:#555}

.askcompo{margin:16px 0 0;padding:18px 20px;background:#f5f6f7;border-radius:4px;
	display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}
.askcompo-t{flex:1 1 380px}
.askcompo-t b{display:block;margin:0 0 6px;font-size:20px;color:#333}
.askcompo-t span{display:block;font-size:17px;line-height:1.45;color:#666}
.askcompo-b{flex:0 0 auto;display:flex;flex-direction:column;gap:8px;align-items:center}
/* класс .btn в этом месте страницы не даёт вида — задаём кнопку явно */
.askcompo-b .btn{display:inline-block;padding:11px 20px;background:#cc1f2a;color:#fff;
	border:0;border-radius:4px;font-size:17px;text-decoration:none;white-space:nowrap}
.askcompo-b .btn:hover{background:#b01a24;color:#fff}
.askcompo-tel{font-size:16px;color:#666}
@media (max-width:700px){
	.freshcard,.askcompo{padding:14px 15px}
	.freshcard-f{flex:1 1 100%}
	.askcompo-b{width:100%}
}

/* 01.09.2026. «Что внутри» — выжимка из состава над самой таблицей. */
.whatinside{margin:22px 0 0;padding:14px 18px;background:#fff8e8;
	border-left:4px solid #e0a83a;border-radius:4px;font-size:18px;line-height:1.5;color:#444}
.whatinside b{color:#333}
.whatinside a{white-space:nowrap}

/* 01.09.2026. Сравнение с набором из супермаркета на странице
   «Как мы собираем подарки». Две колонки: вопрос покупателя и наш ответ.
   Про чужие подарки ничего не утверждаем — только то, что проверяемо. */
.vs{margin:0 0 24px;border:1px solid #e6e8ea;border-radius:5px;overflow:hidden}
.vs-row{display:flex;flex-wrap:wrap;border-top:1px solid #eceef1}
.vs-row:first-child{border-top:0}
.vs-head{background:#f5f6f7;font-weight:700;color:#555;font-size:16px}
.vs-head .vs-q,.vs-head .vs-a{padding:10px 16px}
.vs-q{flex:0 0 32%;padding:14px 16px;font-size:18px;line-height:1.4;color:#333;
	background:#fafbfc;font-weight:700}
.vs-a{flex:1 1 380px;padding:14px 16px;font-size:18px;line-height:1.5;color:#555}
.vs-final{margin:0 0 26px;padding:14px 18px;background:#f2f7ee;
	border-left:4px solid #6f9e46;border-radius:4px;font-size:18px;line-height:1.5}
@media (max-width:700px){
	.vs-head{display:none}
	.vs-q{flex:1 1 100%;padding-bottom:4px;background:none}
	.vs-a{flex:1 1 100%;padding-top:4px}
}

/* 01.09.2026 (задача 41). Реквизиты: таблица вместо списка, у каждой
   строки кнопка копирования. Цифры моноширинным — так их легче сверять
   глазами с платёжкой. */
.req-actions{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 22px;align-items:center}
.req-all{padding:11px 20px;font-size:17px;cursor:pointer;background:#cc1f2a;color:#fff;
	border:0;border-radius:4px}
.req-all:hover{background:#b01a24}
.req-doc{padding:11px 20px;font-size:17px;background:#fff;border:1px solid #d8dade;
	border-radius:4px;color:#555;text-decoration:none}
.req-doc:hover{background:#f5f6f7;color:#cc1f2a}
.req-h{margin:26px 0 10px;padding:0 0 6px;text-align:left;font-size:22px;
	border-bottom:2px solid #eceef1}
.req-table{border:1px solid #e6e8ea;border-radius:5px;overflow:hidden}
.req-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;
	padding:11px 14px;border-top:1px solid #eceef1}
.req-row:first-child{border-top:0}
.req-row:nth-child(even){background:#fafbfc}
.req-k{flex:0 0 210px;font-size:17px;color:#777}
.req-v{flex:1 1 260px;font-size:18px;color:#222;word-break:break-word}
.req-mono{font-family:Consolas,"Courier New",monospace;font-size:17px;letter-spacing:.2px}
.req-c{flex:0 0 auto;padding:6px 12px;font-size:14px;cursor:pointer;color:#666;
	background:#f2f3f5;border:1px solid #e0e2e5;border-radius:3px}
.req-c:hover{background:#e8eaed;color:#cc1f2a}
.req-c.req-ok{background:#e8f2e0;border-color:#cfe3c0;color:#4a7a2a}
.req-c.req-bad{background:#fdf0f0;border-color:#f3dcdc;color:#cc1f2a}
.req-note{margin:24px 0 0;padding:16px 18px;background:#f5f6f7;border-radius:4px;
	font-size:18px;line-height:1.5;color:#555}
@media (max-width:700px){
	.req-k{flex:1 1 100%;font-size:16px}
	.req-v{flex:1 1 70%}
	.req-actions .req-all,.req-actions .req-doc{flex:1 1 100%;text-align:center}
}

/* 01.09.2026. Шильдики в плитке стали ссылками на свои подборки.
   Подчёркивания не нужно — это плашка, а не текстовая ссылка. */
a.badge{text-decoration:none;cursor:pointer}
a.badge:hover{filter:brightness(1.08);text-decoration:none}

/* 02.09.2026. Кнопка печати состава — рядом с переключателем вида.
   Выглядит как остальные, но ведёт на печатную страницу. */
.cs-print{margin-left:auto;text-decoration:none;line-height:1.2}
.cs-print:hover{color:#cc1f2a;text-decoration:none}
.consist-switch{align-items:center}
@media (max-width:700px){.cs-print{margin-left:0}}

/* 02.09.2026. Кнопка «Скачать коммерческое предложение» в корзине.
   Заметная, но тише главной кнопки отправки заказа: это вспомогательный
   шаг — согласовать список с руководством, а не оформить заказ. */
.cs-kp{display:block;margin:10px 0 0;padding:11px 14px;text-align:center;
	background:#fff;border:1px solid #cc1f2a;border-radius:4px;color:#cc1f2a;
	font-size:17px;text-decoration:none}
.cs-kp:hover{background:#cc1f2a;color:#fff;text-decoration:none}


/* Окно выбора города, 02.09.2026. Кнопок стало семь, и в окне шириной
   425 px jQuery UI выстраивал их столбиком во весь экран телефона.
   Раскладываем сеткой: на телефоне две в ряд, на широком экране —
   сколько поместится. Само окно не шире экрана. */
.region-dialog{max-width:96vw;box-sizing:border-box}
.region-dialog .ui-dialog-content{font-size:15px;line-height:22px}
.region-dialog .ui-dialog-buttonpane{padding:8px 10px;margin-top:0}
.region-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:none;display:flex;
	flex-wrap:wrap;gap:6px}
.region-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.ui-button{flex:1 1 46%;
	margin:0;padding:9px 6px;font-size:15px !important;line-height:19px;
	white-space:normal;min-width:0}
.region-dialog .region_guess{margin:10px 0 0;font-weight:bold}
@media (max-width:480px){
	.region-dialog .ui-dialog-content{font-size:14px;line-height:20px}
	.region-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.ui-button{
		font-size:14px !important;padding:10px 4px}
}


/* Блок «Составы подарков», 02.09.2026. Пояснение про вкладки прижималось
   к последней ссылке и читалось как её продолжение — отодвигаем. */
.sostavdownload ul{margin-bottom:12px}
/* Пояснение выравниваем по тексту списка: у .section ul отступ 4vw
   на десктопе и 20px на узких экранах — повторяем их, иначе абзац
   висит левее пунктов. */
.sostavdownload p{margin:12px 0 0;padding-left:4vw;line-height:17px;color:#666}
@media (max-width:900px){.sostavdownload p{padding-left:20px}}
.sostavdownload li{margin-bottom:3px}
.sostavdownload .sostav-num{color:#888}


/* Логотип левее, 02.09.2026. На десктопе он начинался в 7 px от края и
   упирался в коллаж подарков — сливались в одно пятно. Ниже 900 px шапка
   перестраивается и логотип центрируется, туда правило не лезет. */
@media (min-width:901px){
	/* Картинку логотипа рисует фон ссылки-обёртки, а #logo внутри неё —
	   прозрачный spacer.gif. Двигать надо ссылку. */
	#headerblock > a:first-child{left:0}
	/* Коллаж заходил под логотип на 122 px. Сдвигаем его вправо ровно
	   настолько, чтобы появился зазор: дальше он лезет на заголовок. */
	#podarki{left:200px}
}


/* 02.09.2026 (задача про вес конфет). Колонка веса в составе подарка.
   Числа по центру и не переносятся; на узком экране колонка сжимается
   первой, потому что число короткое. */
.table-consist th.ves-tab, .table-consist td.ves-tab { text-align: center; white-space: nowrap; }
.table-consist th.ves-tab { width: 8%; }
@media (max-width: 900px) {
	.table-consist th.ves-tab { width: 12%; font-size: 12px; }
	.table-consist td.ves-tab { font-size: 13px; }
}


/* 02.09.2026. Фильтр по наличию в каталоге. Состояния подкрашиваем
   сдержанно: цвет здесь несёт смысл (что заканчивается, чего уже нет),
   поэтому берём те же оттенки, что у подписи на плитке, а не новые. */
.filter-nal .link_filter.nal-malo { color: #b26a00; }
.filter-nal .link_filter.nal-net { color: #8a8f98; }
.filter-nal .link_filter.nal-net.selected,
.filter-nal .link_filter.nal-malo.selected { color: #fff; }
@media (max-width: 900px) {
	.filter-nal .link_filter { font-size: 13px; }
}


}
/* 03.09.2026. Строка поиска стоит третьей в ряду фильтров, под «Наличие»,
   и выглядит как они: подпись слева, поле в той же линии. Крестик очистки
   живёт внутри обёртки, поэтому не съезжает при любой ширине поля. */
.catsearch { display: flex; align-items: center; flex-wrap: nowrap; gap: 10px; }
.catsearch__wrap { position: relative; display: inline-flex; align-items: center; flex: 0 1 320px; }
.catsearch__i {
	width: 100%; box-sizing: border-box;
	padding: 7px 30px 7px 12px; border: 1px solid #d5d8dd; border-radius: 8px;
	font-size: 15px; line-height: 1.2; background: #fff; color: #23262b;
}
.catsearch__i::-webkit-search-cancel-button { display: none; }   /* свой крестик, чужой лишний */
.catsearch__i:focus { outline: none; border-color: #b1131a; box-shadow: 0 0 0 3px rgba(177,19,26,.12); }
.catsearch__x {
	position: absolute; right: 5px; top: 50%; transform: translateY(-50%);
	width: 22px; height: 22px; padding: 0; border: 0; border-radius: 50%;
	background: #eceef1; color: #6b7079; font-size: 16px; line-height: 20px; cursor: pointer;
}
.catsearch__x:hover { background: #e0e3e7; color: #23262b; }
.catsearch__n { font-size: 14px; color: #6b7079; white-space: nowrap; }
.catsearch__none { padding: 18px 0 24px; font-size: 16px; color: #6b7079; }
@media (max-width: 900px) {
	.catsearch { flex-wrap: wrap; }
	.catsearch__wrap { flex: 1 1 100%; }
	.catsearch__i { font-size: 16px; }   /* 16px, иначе iOS зумит страницу при фокусе */
}


/* 03.09.2026. «Наличие» и «Поиск» стоят одной строкой: кнопки слева,
   поле справа. Внутренние отступы у блоков снимаем, иначе между ними
   набегает лишний воздух и строка перестаёт читаться как одна. */
.filter-line { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 22px; margin: 0 0 10px; }
.filter-line > .filter-forms { margin: 0; display: flex; align-items: center; flex-wrap: wrap; gap: 4px 8px; }
.filter-line > .filter-forms > .filter-forms__t { margin: 0; }
.filter-line .link_filter { margin: 0; }
.filter-line .catsearch { margin-left: auto; }
@media (max-width: 900px) {
	.filter-line { gap: 8px 12px; }
	.filter-line .catsearch { margin-left: 0; flex: 1 1 100%; }
}


/* 03.09.2026. Экономия места в плитке каталога.
   Наличие и кнопка «В корзину» — одной строкой по краям; строка фактов
   (вес · упаковка · размер) мельче, чтобы влезала в одну строку.
   Селекторы намеренно длинные: в основном стиле стоит
   «.product .info .in-stock», и без такой же длины наши правила проигрывают. */
.product .info .tilebottom {
	display: flex; align-items: center; justify-content: space-between;
	gap: 8px; flex-wrap: nowrap; margin: 8px 0 0;
}
/* 03.09.2026. Подпись наличия и кнопка стоят рядом, поэтому меряются
   друг с другом: раньше у них расходились высота (32 против 40), радиус
   (пилюля против 7px) и начертание (обычное против жирного). Приводим
   к одной форме — разной остаётся только роль: кнопка залитая и зовёт
   нажать, наличие спокойное, это подпись, а не действие.
   Отступ слева был заделом под иконку батарейки, но её тут нет. */
.product .info .tilebottom .in-stock {
	margin: 0; padding: 11px 14px; border-radius: 7px;
	font-size: 16px; font-weight: 700; line-height: 18.4px;
	height: 40px; box-sizing: border-box; white-space: nowrap;
	display: inline-flex; align-items: center; background-image: none;
}
/* цвет несёт смысл: зелёный — есть, охра — заканчивается, красный — нет */
.product .info .tilebottom .in-stock.gt { background: #eaf5ee; color: #1d7a4c; }
.product .info .tilebottom .in-stock.lt { background: #fdf3e3; color: #a1670a; }
.product .info .tilebottom .in-stock.zero { background: #fbeceb; color: #b3261e; }
.product .info .tilebottom .incart { margin: 0; }
.product .info .tilebottom .incart form { margin: 0; }
.product .info .factline { font-size: 13px; line-height: 1.35; }
.product .info .factline .sizes { font-size: 13px; white-space: nowrap; margin: 0; display: inline; }
@media (max-width: 900px) {
	.product .info .tilebottom { gap: 6px; }
	/* на телефоне плитка вдвое уже, поэтому строку фактов ужимаем ещё
	   на кегль — иначе «1300 г · микрогофра · 11×11×35 см» уходит на вторую */
	.product .info .factline, .product .info .factline .sizes { font-size: 12px; }
}


/* 03.09.2026. Поиск прятал плитки атрибутом hidden, но у .product и
   .products в основном стиле задан display, а он перебивает
   браузерное правило [hidden]{display:none}. Внешне поиск не работал:
   плитки помечались скрытыми и продолжали висеть на странице.
   Пишем скрытие явно и с !important — иначе снова проиграем по весу. */
.products[hidden], .product[hidden] { display: none !important; }


/* 03.09.2026. Подсветка найденного в плитке. Жёлтый фон и обычный цвет
   текста: выделяем место совпадения, а не перекрашиваем название. */
.product mark {
	background: #fff3bf; color: inherit; padding: 0 1px; border-radius: 3px;
}


/* 03.09.2026. Блок формы обратной связи на «Контактах». Форму рисует
   Битрикс своим скриптом, поэтому задаём только отступы и ширину
   вокруг неё — внутрь не лезем, иначе при обновлении формы всё поедет. */
.b24form { margin: 22px 0 10px; }
.b24form-lead { margin: 0 0 14px; color: #555; }
.b24form .b24-form { max-width: 760px; }


/* 04.09.2026. Баннер «Для садов и школ» в каталогах. Свёрстан, а не
   картинкой: текст остаётся чётким на любом экране, читается поиском
   и правится без перерисовки макета.

   Про min-width: 0 и flex-wrap ниже. Флекс-элемент по умолчанию не сжимается
   уже своего содержимого, и ряд из четырёх фото раздувал страницу до 980 px
   на телефоне — весь сайт уезжал за экран. Поэтому и контейнеру, и колонкам
   разрешено сжиматься, а фотографиям — переноситься. */
.sadbanner {
	display: flex; flex-wrap: wrap; align-items: center;
	justify-content: center; gap: 26px;
	box-sizing: border-box; width: 100%; max-width: 980px; min-width: 0;
	margin: 0 auto; padding: 26px 32px; border-radius: 10px;
	background: linear-gradient(135deg, #123f6d 0%, #1d5c96 55%, #2b7bb9 100%);
	color: #fff; text-decoration: none;
	box-shadow: 0 2px 10px rgba(0,0,0,.18);
}
.sadbanner:hover { color: #fff; box-shadow: 0 4px 16px rgba(0,0,0,.26); }
.sadbanner-text { display: block; flex: 1 1 300px; min-width: 0; }
.sadbanner-nadpis {
	display: block;
	font-size: 15px; letter-spacing: .09em; text-transform: uppercase;
	color: #ffd873; margin: 0 0 10px;
}
.sadbanner-zag {
	display: block;
	font-size: 40px; line-height: 1.1; font-weight: 700; margin: 0 0 12px;
	text-wrap: balance;
}
.sadbanner-opis {
	display: block; font-size: 19px; line-height: 1.4; margin: 0 0 20px;
	color: #e8f1fa;
}
.sadbanner-knopka {
	display: inline-block; padding: 12px 26px; border-radius: 6px;
	background: #ffd873; color: #123f6d; font-size: 18px; font-weight: 700;
}
.sadbanner:hover .sadbanner-knopka { background: #ffe49b; }
.sadbanner-foto {
	display: flex; flex-wrap: wrap; justify-content: center; gap: 12px;
	flex: 0 1 auto; min-width: 0;
}
.sadbanner-foto img {
	width: 128px; height: 128px; max-width: 22vw; max-height: 22vw;
	object-fit: contain;
	background: #fff; border-radius: 8px; padding: 6px; box-sizing: border-box;
}
@media (max-width: 900px) {
	.sadbanner { text-align: center; padding: 22px 18px; }
	.sadbanner-zag { font-size: 30px; }
	.sadbanner-opis { font-size: 17px; }
	.sadbanner-foto img { width: 96px; height: 96px; max-width: 21vw; max-height: 21vw; }
}
@media (max-width: 520px) {
	.sadbanner { gap: 16px; padding: 18px 14px; }
	.sadbanner-zag { font-size: 25px; }
	.sadbanner-opis { font-size: 16px; }
	.sadbanner-foto img { width: 68px; height: 68px; }
}

/* Гибкая обёртка: обычный .bigbanner жёстко 980 px, и свёрстанный баннер
   внутри него растягивал всю страницу на узких экранах. */
.bigbanner-gibkiy { width: auto; max-width: 980px; margin: 0 auto; }


/* 06.09.2026. Баллон-подсказка в форме заказа: объясняет, почему в способах
   оплаты нет безналичного расчёта, пока не названа организация. Показывается
   скриптом в ord.html — тем же, что прячет сам вариант «Безналично». */
.pay-hint {
	position: relative;
	margin: -4px 0 10px;
	padding: 10px 13px;
	background: #fff8e1;
	border: 1px solid #f0d48a;
	border-radius: 8px;
	color: #6b4d09;
	font-size: 14px;
	line-height: 1.4;
	text-align: left;
}
.pay-hint::before {
	content: "";
	position: absolute;
	top: -7px;
	left: 22px;
	width: 12px;
	height: 12px;
	background: #fff8e1;
	border-left: 1px solid #f0d48a;
	border-top: 1px solid #f0d48a;
	transform: rotate(45deg);
}
.pay-hint b { color: #4a3606; }


/* 06.09.2026. Спокойная подсказка под полем формы заказа — в отличие от
   .pay-hint, которая предупреждает, эта просто поясняет. */
.form-hint {
	margin: -4px 0 12px;
	padding: 8px 12px;
	background: #f3f6f9;
	border-left: 3px solid #b9c9d8;
	border-radius: 0 6px 6px 0;
	color: #4a5a68;
	font-size: 13px;
	line-height: 1.45;
	text-align: left;
}
.form-hint b { color: #2f3d49; }


/* 10.09.2026. Надпись шапки в окне 901-1200 px пряталась под коллаж:
   коллаж стоит на left:200px и на этой ширине его правый край заходил
   на начало заголовка. Коллаж оставляем как есть, надпись уводим правее. */
@media (min-width:901px) and (max-width:1200px){
	#ngpodarki{left:52%}
}


/* 10.09.2026. Форма «Напишите нам» жалась к левому краю колонки при
   max-width 760px. Заголовок и подводку центрируем, саму форму ставим
   посередине; поля внутри формы остаются выровнены влево. */
.b24form{text-align:center}
.b24form .b24-form{margin:0 auto;text-align:left}


/* 10.09.2026. Страница «Документы» — в стиле «Условий»: шапка с фактами
   (cnd-lead, cnd-facts), дальше карточки. Было jQuery-вкладками по одному
   скану на экран. Главный документ подсвечен так же, как первый факт. */
.doc-h{margin:30px 0 14px;padding:0 0 6px;font-size:24px;text-align:left;color:#333;
	border-bottom:1px solid #ececec}
.doc-sub{margin:26px 0 10px;font-size:20px;text-align:left;color:#333}
.doc-grid{display:flex;flex-wrap:wrap;gap:14px;margin:0 0 22px}
.doc-card{flex:1 1 220px;max-width:calc(33.333% - 10px);display:flex;flex-direction:column;
	background:#f5f6f7;border-radius:4px;border-left:3px solid #c9ccd0;overflow:hidden;text-align:left}
.doc-card.doc-main{background:#fdf0f0;border-left-color:#cc1f2a}
.doc-thumb{display:block;height:250px;overflow:hidden;background:#fff;border-bottom:1px solid #e6e8ea}
.doc-thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;
	transition:transform .2s}
.doc-thumb:hover img{transform:scale(1.03)}
.doc-body{flex:1 1 auto;display:flex;flex-direction:column;padding:13px 15px 15px}
.doc-body b{display:block;font-size:21px;color:#333}
.doc-main .doc-body b{color:#cc1f2a}
.doc-body span{display:block;margin-top:6px;font-size:16px;line-height:1.45;color:#666}
.doc-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:12px}
.doc-btn{padding:7px 14px;font-size:16px;border-radius:4px;text-decoration:none;
	background:#fff;border:1px solid #d8dade;color:#555}
.doc-btn:hover{background:#f5f6f7;color:#cc1f2a}
.doc-btn.doc-pdf{background:#cc1f2a;border-color:#cc1f2a;color:#fff}
.doc-btn.doc-pdf:hover{background:#b01a24;color:#fff}
.doc-pages{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px;margin:0 0 24px}
.doc-pages a{position:relative;display:block;overflow:hidden;background:#fff;
	border:1px solid #e6e8ea;border-radius:3px}
.doc-pages img{display:block;width:100%}
.doc-pages i{position:absolute;right:5px;bottom:5px;padding:1px 7px;font-style:normal;
	font-size:13px;color:#fff;background:rgba(0,0,0,.55);border-radius:3px}
.doc-pages a:hover{border-color:#cc1f2a}
@media (max-width:760px){.doc-card{max-width:100%;flex:1 1 100%}.doc-thumb{height:220px}}
/* 19.09.2026: «Каталог» был портянкой из 22 пунктов в одну колонку.
   Раскладываем по группам-столбцам, заголовок — шапка своего столбца.
   ВАЖНО: показываем только по наведению. Голое display:flex перебивает
   общее правило #navy>ul>li>ul{display:none}, и меню висит на странице всегда. */
/* 19.09.2026, поправка 2: на flex-wrap столбцы переносились и меню расползалось
   на пол-экрана — «Упаковка» уезжала вниз, справа оставалась пустота.
   Ставим grid: столбцы ровно по содержимому и всегда в один ряд. */
#navy>ul>li.sub>ul.mega3{display:none;grid-auto-flow:column;grid-auto-columns:max-content;gap:0 1.5em;align-items:start;max-width:calc(100vw - 24px);box-sizing:border-box}
#navy>ul>li.sub:hover>ul.mega3{display:grid}
#navy>ul>li.sub>ul.mega3>li.mcol{background:none;padding:0;margin:0}
#navy>ul>li.sub>ul.mega3>li.mcol>ul{list-style:none;margin:0;padding:0}
#navy>ul>li.sub>ul.mega3 .mgrp{display:block;margin:0 0 .35vw;font-weight:bold;color:#bd0b24;text-transform:uppercase;font-size:80%;letter-spacing:.03em;white-space:nowrap}
#navy>ul>li.sub>ul.mega3 li.upak>ul{column-count:2;column-gap:1.5em}
/* 19.09.2026: чтобы ничего не уезжало за край экрана.
   Широкое меню держим внутри окна: на узких десктопах переносим столбцы,
   в мобильном меню разрешаем перенос длинных названий. */
#navy>ul>li.sub:nth-last-child(-n+3)>ul.mega3{left:auto;right:0}
@media (max-width:1250px){#navy>ul>li.sub>ul.mega3{grid-auto-flow:row;grid-template-columns:repeat(2,max-content);gap:0 1.2em}}
#navy>ul>li>ul{max-width:calc(100vw - 24px);box-sizing:border-box}
/* 19.09.2026, поправка: перенос строк нужен только широкому меню «Каталог».
   Простым выпадашкам (Эксклюзив и прочие) он ломал ширину — список сжимался
   в узкий столбик, а пункты разъезжались на три строки. Им возвращаем nowrap,
   а перенос включаем только когда меню правда не помещается в окно. */
#navy>ul>li.sub>ul.mega3 li a{white-space:normal;overflow-wrap:anywhere}
#navy>ul>li.sub>ul:not(.mega3) li a{white-space:nowrap}
@media (max-width:1100px){#navy>ul>li.sub>ul:not(.mega3) li a{white-space:normal;overflow-wrap:anywhere}}
#navymobile div a{padding-right:.6em;white-space:normal;overflow-wrap:anywhere}
#navymobile,.faqlinks{max-width:100%;box-sizing:border-box}
.faqlinks li{overflow-wrap:anywhere}
/* запасной перенос для старых Safari, где overflow-wrap:anywhere не понимают */
#navy>ul>li>ul li a,#navymobile div a,.faqlinks li{word-break:break-word}
/* 19.09.2026: свой значок у каждого пункта всех меню — верхнего, мобильного и блока вопросов.
   Рисунки встроены прямо сюда (data:image/svg+xml), отдельных файлов и запросов нет.
   Внутри такой ссылки нельзя оставлять сырые кавычки и решётку — только %22 и %23. */
#navy>ul>li>ul li{background-image:none;padding-left:1.5em;position:relative}
#navy>ul>li>ul li::before{content:"";position:absolute;left:0;top:.12em;width:1.15em;height:1.15em;background-repeat:no-repeat;background-position:center;background-size:contain;opacity:.9}
#navy>ul>li>ul li[class*="i-m-"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 8l9-4 9 4-9 4z%22/%3E%3Cpath d=%22M3 8v8l9 4 9-4V8%22/%3E%3C/svg%3E")}
#navymobile a{background-image:none;padding-left:1.5em;position:relative}
#navymobile a::before{content:"";position:absolute;left:0;top:.12em;width:1.15em;height:1.15em;background-repeat:no-repeat;background-position:center;background-size:contain;opacity:.9}
#navymobile a[class*="i-m-"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 8l9-4 9 4-9 4z%22/%3E%3Cpath d=%22M3 8v8l9 4 9-4V8%22/%3E%3C/svg%3E")}
.faqlinks li{background-image:none;padding-left:1.5em;position:relative}
.faqlinks li::before{content:"";position:absolute;left:0;top:.12em;width:1.15em;height:1.15em;background-repeat:no-repeat;background-position:center;background-size:contain;opacity:.9}
.faqlinks li[class*="i-m-"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 8l9-4 9 4-9 4z%22/%3E%3Cpath d=%22M3 8v8l9 4 9-4V8%22/%3E%3C/svg%3E")}
#navy>ul>li>ul li.mcol{padding-left:0}
#navymobile div a{display:block;padding-top:.4em;padding-bottom:.4em;line-height:1.25}
#navy>ul>li>ul li.mcol::before{display:none}
#navy>ul>li>ul li.i-home2::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 11l9-7 9 7%22/%3E%3Cpath d=%22M5 10v10h14V10%22/%3E%3Cpath d=%22M10 20v-6h4v6%22/%3E%3C/svg%3E")}
#navymobile a.i-home2::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 11l9-7 9 7%22/%3E%3Cpath d=%22M5 10v10h14V10%22/%3E%3Cpath d=%22M10 20v-6h4v6%22/%3E%3C/svg%3E")}
.faqlinks li.i-home2::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 11l9-7 9 7%22/%3E%3Cpath d=%22M5 10v10h14V10%22/%3E%3Cpath d=%22M10 20v-6h4v6%22/%3E%3C/svg%3E")}
#navy>ul>li>ul li.i-tree::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 3l5 6h-3l4 5h-3l3 4H6l3-4H6l4-5H7z%22/%3E%3Cpath d=%22M12 18v3%22/%3E%3C/svg%3E")}
#navymobile a.i-tree::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 3l5 6h-3l4 5h-3l3 4H6l3-4H6l4-5H7z%22/%3E%3Cpath d=%22M12 18v3%22/%3E%3C/svg%3E")}
.faqlinks li.i-tree::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 3l5 6h-3l4 5h-3l3 4H6l3-4H6l4-5H7z%22/%3E%3Cpath d=%22M12 18v3%22/%3E%3C/svg%3E")}
#navy>ul>li>ul li.i-letter::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%225%22 width=%2218%22 height=%2214%22 rx=%221.5%22/%3E%3Cpath d=%22M3 7l9 6 9-6%22/%3E%3C/svg%3E")}
#navymobile a.i-letter::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%225%22 width=%2218%22 height=%2214%22 rx=%221.5%22/%3E%3Cpath d=%22M3 7l9 6 9-6%22/%3E%3C/svg%3E")}
.faqlinks li.i-letter::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%225%22 width=%2218%22 height=%2214%22 rx=%221.5%22/%3E%3Cpath d=%22M3 7l9 6 9-6%22/%3E%3C/svg%3E")}
#navy>ul>li>ul li.i-seal::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%229.5%22 r=%225%22/%3E%3Cpath d=%22M9 14l-1.5 6L12 18l4.5 2L15 14%22/%3E%3C/svg%3E")}
#navymobile a.i-seal::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%229.5%22 r=%225%22/%3E%3Cpath d=%22M9 14l-1.5 6L12 18l4.5 2L15 14%22/%3E%3C/svg%3E")}
.faqlinks li.i-seal::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%229.5%22 r=%225%22/%3E%3Cpath d=%22M9 14l-1.5 6L12 18l4.5 2L15 14%22/%3E%3C/svg%3E")}
#navy>ul>li>ul li.i-list::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%225%22 y=%223%22 width=%2214%22 height=%2218%22 rx=%221.5%22/%3E%3Cpath d=%22M9 8h6M9 12h6M9 16h4%22/%3E%3C/svg%3E")}
#navymobile a.i-list::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%225%22 y=%223%22 width=%2214%22 height=%2218%22 rx=%221.5%22/%3E%3Cpath d=%22M9 8h6M9 12h6M9 16h4%22/%3E%3C/svg%3E")}
.faqlinks li.i-list::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%225%22 y=%223%22 width=%2214%22 height=%2218%22 rx=%221.5%22/%3E%3Cpath d=%22M9 8h6M9 12h6M9 16h4%22/%3E%3C/svg%3E")}
#navy>ul>li>ul li.i-folder::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 7h6l2 2h10v10H3z%22/%3E%3Cpath d=%22M3 7V5h6l2 2%22/%3E%3C/svg%3E")}
#navymobile a.i-folder::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 7h6l2 2h10v10H3z%22/%3E%3Cpath d=%22M3 7V5h6l2 2%22/%3E%3C/svg%3E")}
.faqlinks li.i-folder::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 7h6l2 2h10v10H3z%22/%3E%3Cpath d=%22M3 7V5h6l2 2%22/%3E%3C/svg%3E")}
#navy>ul>li>ul li.i-clock::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%228.5%22/%3E%3Cpath d=%22M12 7v5l3.5 2%22/%3E%3C/svg%3E")}
#navymobile a.i-clock::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%228.5%22/%3E%3Cpath d=%22M12 7v5l3.5 2%22/%3E%3C/svg%3E")}
.faqlinks li.i-clock::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%228.5%22/%3E%3Cpath d=%22M12 7v5l3.5 2%22/%3E%3C/svg%3E")}
#navy>ul>li>ul li.i-gift::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%229%22 width=%2218%22 height=%2212%22 rx=%221%22/%3E%3Cpath d=%22M3 13h18M12 9v12%22/%3E%3Cpath d=%22M12 9S9.5 4 7.5 5.5 9 9 12 9zM12 9s2.5-5 4.5-3.5S15 9 12 9z%22/%3E%3C/svg%3E")}
#navymobile a.i-gift::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%229%22 width=%2218%22 height=%2212%22 rx=%221%22/%3E%3Cpath d=%22M3 13h18M12 9v12%22/%3E%3Cpath d=%22M12 9S9.5 4 7.5 5.5 9 9 12 9zM12 9s2.5-5 4.5-3.5S15 9 12 9z%22/%3E%3C/svg%3E")}
.faqlinks li.i-gift::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%229%22 width=%2218%22 height=%2212%22 rx=%221%22/%3E%3Cpath d=%22M3 13h18M12 9v12%22/%3E%3Cpath d=%22M12 9S9.5 4 7.5 5.5 9 9 12 9zM12 9s2.5-5 4.5-3.5S15 9 12 9z%22/%3E%3C/svg%3E")}
#navy>ul>li>ul li.i-star::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 3.5l2.6 5.3 5.9.9-4.3 4.1 1 5.8-5.2-2.7-5.2 2.7 1-5.8L3.5 9.7l5.9-.9z%22/%3E%3C/svg%3E")}
#navymobile a.i-star::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 3.5l2.6 5.3 5.9.9-4.3 4.1 1 5.8-5.2-2.7-5.2 2.7 1-5.8L3.5 9.7l5.9-.9z%22/%3E%3C/svg%3E")}
.faqlinks li.i-star::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 3.5l2.6 5.3 5.9.9-4.3 4.1 1 5.8-5.2-2.7-5.2 2.7 1-5.8L3.5 9.7l5.9-.9z%22/%3E%3C/svg%3E")}
#navy>ul>li>ul li.i-goat::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M7 20v-5a5 5 0 0110 0v5%22/%3E%3Cpath d=%22M8 9C6 7 5.5 5 6 3c2 .5 3.2 2 3.7 4M16 9c2-2 2.5-4 2-6-2 .5-3.2 2-3.7 4%22/%3E%3Cpath d=%22M10.5 13h.01M13.5 13h.01%22/%3E%3C/svg%3E")}
#navymobile a.i-goat::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M7 20v-5a5 5 0 0110 0v5%22/%3E%3Cpath d=%22M8 9C6 7 5.5 5 6 3c2 .5 3.2 2 3.7 4M16 9c2-2 2.5-4 2-6-2 .5-3.2 2-3.7 4%22/%3E%3Cpath d=%22M10.5 13h.01M13.5 13h.01%22/%3E%3C/svg%3E")}
.faqlinks li.i-goat::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M7 20v-5a5 5 0 0110 0v5%22/%3E%3Cpath d=%22M8 9C6 7 5.5 5 6 3c2 .5 3.2 2 3.7 4M16 9c2-2 2.5-4 2-6-2 .5-3.2 2-3.7 4%22/%3E%3Cpath d=%22M10.5 13h.01M13.5 13h.01%22/%3E%3C/svg%3E")}
#navy>ul>li>ul li.i-bag::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6 9a6 6 0 0112 0v11H6z%22/%3E%3Cpath d=%22M9 9V6a3 3 0 016 0v3M9 14h6%22/%3E%3C/svg%3E")}
#navymobile a.i-bag::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6 9a6 6 0 0112 0v11H6z%22/%3E%3Cpath d=%22M9 9V6a3 3 0 016 0v3M9 14h6%22/%3E%3C/svg%3E")}
.faqlinks li.i-bag::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6 9a6 6 0 0112 0v11H6z%22/%3E%3Cpath d=%22M9 9V6a3 3 0 016 0v3M9 14h6%22/%3E%3C/svg%3E")}
#navy>ul>li>ul li.i-candy::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%224.5%22/%3E%3Cpath d=%22M7.5 12L3 8.5v7zM16.5 12L21 8.5v7z%22/%3E%3C/svg%3E")}
#navymobile a.i-candy::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%224.5%22/%3E%3Cpath d=%22M7.5 12L3 8.5v7zM16.5 12L21 8.5v7z%22/%3E%3C/svg%3E")}
.faqlinks li.i-candy::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%224.5%22/%3E%3Cpath d=%22M7.5 12L3 8.5v7zM16.5 12L21 8.5v7z%22/%3E%3C/svg%3E")}
#navy>ul>li>ul li.i-choco::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%225%22 y=%224%22 width=%2214%22 height=%2216%22 rx=%221.5%22/%3E%3Cpath d=%22M5 12h14M12 4v16%22/%3E%3C/svg%3E")}
#navymobile a.i-choco::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%225%22 y=%224%22 width=%2214%22 height=%2216%22 rx=%221.5%22/%3E%3Cpath d=%22M5 12h14M12 4v16%22/%3E%3C/svg%3E")}
.faqlinks li.i-choco::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%225%22 y=%224%22 width=%2214%22 height=%2216%22 rx=%221.5%22/%3E%3Cpath d=%22M5 12h14M12 4v16%22/%3E%3C/svg%3E")}
#navy>ul>li>ul li.i-toy::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2213%22 r=%225.5%22/%3E%3Ccircle cx=%227.5%22 cy=%226.5%22 r=%222.5%22/%3E%3Ccircle cx=%2216.5%22 cy=%226.5%22 r=%222.5%22/%3E%3C/svg%3E")}
#navymobile a.i-toy::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2213%22 r=%225.5%22/%3E%3Ccircle cx=%227.5%22 cy=%226.5%22 r=%222.5%22/%3E%3Ccircle cx=%2216.5%22 cy=%226.5%22 r=%222.5%22/%3E%3C/svg%3E")}
.faqlinks li.i-toy::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2213%22 r=%225.5%22/%3E%3Ccircle cx=%227.5%22 cy=%226.5%22 r=%222.5%22/%3E%3Ccircle cx=%2216.5%22 cy=%226.5%22 r=%222.5%22/%3E%3C/svg%3E")}
#navy>ul>li>ul li.i-case::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%227.5%22 width=%2218%22 height=%2212%22 rx=%221.5%22/%3E%3Cpath d=%22M9 7.5V6a2 2 0 012-2h2a2 2 0 012 2v1.5M3 13h18%22/%3E%3C/svg%3E")}
#navymobile a.i-case::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%227.5%22 width=%2218%22 height=%2212%22 rx=%221.5%22/%3E%3Cpath d=%22M9 7.5V6a2 2 0 012-2h2a2 2 0 012 2v1.5M3 13h18%22/%3E%3C/svg%3E")}
.faqlinks li.i-case::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%227.5%22 width=%2218%22 height=%2212%22 rx=%221.5%22/%3E%3Cpath d=%22M9 7.5V6a2 2 0 012-2h2a2 2 0 012 2v1.5M3 13h18%22/%3E%3C/svg%3E")}
#navy>ul>li>ul li.i-w500::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%228%22 y=%2212%22 width=%228%22 height=%227%22 rx=%221%22/%3E%3Cpath d=%22M8 15.5h8M12 12v7%22/%3E%3C/svg%3E")}
#navymobile a.i-w500::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%228%22 y=%2212%22 width=%228%22 height=%227%22 rx=%221%22/%3E%3Cpath d=%22M8 15.5h8M12 12v7%22/%3E%3C/svg%3E")}
.faqlinks li.i-w500::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%228%22 y=%2212%22 width=%228%22 height=%227%22 rx=%221%22/%3E%3Cpath d=%22M8 15.5h8M12 12v7%22/%3E%3C/svg%3E")}
#navy>ul>li>ul li.i-w700::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%226.5%22 y=%2210.5%22 width=%2211%22 height=%228.5%22 rx=%221%22/%3E%3Cpath d=%22M6.5 14.5h11M12 10.5V19%22/%3E%3C/svg%3E")}
#navymobile a.i-w700::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%226.5%22 y=%2210.5%22 width=%2211%22 height=%228.5%22 rx=%221%22/%3E%3Cpath d=%22M6.5 14.5h11M12 10.5V19%22/%3E%3C/svg%3E")}
.faqlinks li.i-w700::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%226.5%22 y=%2210.5%22 width=%2211%22 height=%228.5%22 rx=%221%22/%3E%3Cpath d=%22M6.5 14.5h11M12 10.5V19%22/%3E%3C/svg%3E")}
#navy>ul>li>ul li.i-w1000::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6 9h12l2 10H4z%22/%3E%3Cpath d=%22M9 9a3 3 0 016 0%22/%3E%3C/svg%3E")}
#navymobile a.i-w1000::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6 9h12l2 10H4z%22/%3E%3Cpath d=%22M9 9a3 3 0 016 0%22/%3E%3C/svg%3E")}
.faqlinks li.i-w1000::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6 9h12l2 10H4z%22/%3E%3Cpath d=%22M9 9a3 3 0 016 0%22/%3E%3C/svg%3E")}
#navy>ul>li>ul li.i-w1500::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%224%22 y=%2212%22 width=%227%22 height=%227%22 rx=%221%22/%3E%3Crect x=%2213%22 y=%228%22 width=%227%22 height=%2211%22 rx=%221%22/%3E%3C/svg%3E")}
#navymobile a.i-w1500::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%224%22 y=%2212%22 width=%227%22 height=%227%22 rx=%221%22/%3E%3Crect x=%2213%22 y=%228%22 width=%227%22 height=%2211%22 rx=%221%22/%3E%3C/svg%3E")}
.faqlinks li.i-w1500::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%224%22 y=%2212%22 width=%227%22 height=%227%22 rx=%221%22/%3E%3Crect x=%2213%22 y=%228%22 width=%227%22 height=%2211%22 rx=%221%22/%3E%3C/svg%3E")}
#navy>ul>li>ul li.i-w2000::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%224%22 y=%228%22 width=%2216%22 height=%2211%22 rx=%221%22/%3E%3Cpath d=%22M4 12.5h16M12 8v11%22/%3E%3Cpath d=%22M8 5l4-2 4 2%22/%3E%3C/svg%3E")}
#navymobile a.i-w2000::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%224%22 y=%228%22 width=%2216%22 height=%2211%22 rx=%221%22/%3E%3Cpath d=%22M4 12.5h16M12 8v11%22/%3E%3Cpath d=%22M8 5l4-2 4 2%22/%3E%3C/svg%3E")}
.faqlinks li.i-w2000::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%224%22 y=%228%22 width=%2216%22 height=%2211%22 rx=%221%22/%3E%3Cpath d=%22M4 12.5h16M12 8v11%22/%3E%3Cpath d=%22M8 5l4-2 4 2%22/%3E%3C/svg%3E")}
#navy>ul>li>ul li.i-coin::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%228.5%22/%3E%3Cpath d=%22M9.5 19V8h4a3 3 0 010 6h-4M8 16h5%22/%3E%3C/svg%3E")}
#navymobile a.i-coin::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%228.5%22/%3E%3Cpath d=%22M9.5 19V8h4a3 3 0 010 6h-4M8 16h5%22/%3E%3C/svg%3E")}
.faqlinks li.i-coin::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%228.5%22/%3E%3Cpath d=%22M9.5 19V8h4a3 3 0 010 6h-4M8 16h5%22/%3E%3C/svg%3E")}
#navy>ul>li>ul li.i-note::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%222.5%22 y=%226.5%22 width=%2219%22 height=%2211%22 rx=%221.5%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%222.5%22/%3E%3Cpath d=%22M6 10v4M18 10v4%22/%3E%3C/svg%3E")}
#navymobile a.i-note::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%222.5%22 y=%226.5%22 width=%2219%22 height=%2211%22 rx=%221.5%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%222.5%22/%3E%3Cpath d=%22M6 10v4M18 10v4%22/%3E%3C/svg%3E")}
.faqlinks li.i-note::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%222.5%22 y=%226.5%22 width=%2219%22 height=%2211%22 rx=%221.5%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%222.5%22/%3E%3Cpath d=%22M6 10v4M18 10v4%22/%3E%3C/svg%3E")}
#navy>ul>li>ul li.i-wallet::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 7.5h15a2 2 0 012 2V18a2 2 0 01-2 2H4a1 1 0 01-1-1z%22/%3E%3Cpath d=%22M3 7.5V6a1 1 0 011-1h12%22/%3E%3Ccircle cx=%2217%22 cy=%2214%22 r=%221.2%22/%3E%3C/svg%3E")}
#navymobile a.i-wallet::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 7.5h15a2 2 0 012 2V18a2 2 0 01-2 2H4a1 1 0 01-1-1z%22/%3E%3Cpath d=%22M3 7.5V6a1 1 0 011-1h12%22/%3E%3Ccircle cx=%2217%22 cy=%2214%22 r=%221.2%22/%3E%3C/svg%3E")}
.faqlinks li.i-wallet::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 7.5h15a2 2 0 012 2V18a2 2 0 01-2 2H4a1 1 0 01-1-1z%22/%3E%3Cpath d=%22M3 7.5V6a1 1 0 011-1h12%22/%3E%3Ccircle cx=%2217%22 cy=%2214%22 r=%221.2%22/%3E%3C/svg%3E")}
#navy>ul>li>ul li.i-sale::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M20 12.5l-7.5 7.5-8-8V4h8.5z%22/%3E%3Ccircle cx=%229%22 cy=%228%22 r=%221.2%22/%3E%3C/svg%3E")}
#navymobile a.i-sale::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M20 12.5l-7.5 7.5-8-8V4h8.5z%22/%3E%3Ccircle cx=%229%22 cy=%228%22 r=%221.2%22/%3E%3C/svg%3E")}
.faqlinks li.i-sale::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M20 12.5l-7.5 7.5-8-8V4h8.5z%22/%3E%3Ccircle cx=%229%22 cy=%228%22 r=%221.2%22/%3E%3C/svg%3E")}
#navy>ul>li>ul li.i-crown::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 17l-1-9 5.5 4L12 5l3.5 7L21 8l-1 9z%22/%3E%3Cpath d=%22M4 20h16%22/%3E%3C/svg%3E")}
#navymobile a.i-crown::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 17l-1-9 5.5 4L12 5l3.5 7L21 8l-1 9z%22/%3E%3Cpath d=%22M4 20h16%22/%3E%3C/svg%3E")}
.faqlinks li.i-crown::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 17l-1-9 5.5 4L12 5l3.5 7L21 8l-1 9z%22/%3E%3Cpath d=%22M4 20h16%22/%3E%3C/svg%3E")}
#navy>ul>li>ul li.i-m-khrom-yerzats::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%224%22 y=%226%22 width=%2216%22 height=%2212%22 rx=%221.5%22/%3E%3Cpath d=%22M7 6l4 12M13 6l4 12%22/%3E%3C/svg%3E")}
#navymobile a.i-m-khrom-yerzats::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%224%22 y=%226%22 width=%2216%22 height=%2212%22 rx=%221.5%22/%3E%3Cpath d=%22M7 6l4 12M13 6l4 12%22/%3E%3C/svg%3E")}
.faqlinks li.i-m-khrom-yerzats::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%224%22 y=%226%22 width=%2216%22 height=%2212%22 rx=%221.5%22/%3E%3Cpath d=%22M7 6l4 12M13 6l4 12%22/%3E%3C/svg%3E")}
#navy>ul>li>ul li.i-m-tekstilj::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 7c3-2 5 2 8 0s5-2 8 0v10c-3-2-5 2-8 0s-5-2-8 0z%22/%3E%3C/svg%3E")}
#navymobile a.i-m-tekstilj::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 7c3-2 5 2 8 0s5-2 8 0v10c-3-2-5 2-8 0s-5-2-8 0z%22/%3E%3C/svg%3E")}
.faqlinks li.i-m-tekstilj::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 7c3-2 5 2 8 0s5-2 8 0v10c-3-2-5 2-8 0s-5-2-8 0z%22/%3E%3C/svg%3E")}
#navy>ul>li>ul li.i-m-mikrogofra::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%227%22 width=%2218%22 height=%2210%22 rx=%221%22/%3E%3Cpath d=%22M3 12c1.5-2 3-2 4.5 0S10.5 14 12 12s3-2 4.5 0S19.5 14 21 12%22/%3E%3C/svg%3E")}
#navymobile a.i-m-mikrogofra::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%227%22 width=%2218%22 height=%2210%22 rx=%221%22/%3E%3Cpath d=%22M3 12c1.5-2 3-2 4.5 0S10.5 14 12 12s3-2 4.5 0S19.5 14 21 12%22/%3E%3C/svg%3E")}
.faqlinks li.i-m-mikrogofra::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%227%22 width=%2218%22 height=%2210%22 rx=%221%22/%3E%3Cpath d=%22M3 12c1.5-2 3-2 4.5 0S10.5 14 12 12s3-2 4.5 0S19.5 14 21 12%22/%3E%3C/svg%3E")}
#navy>ul>li>ul li.i-m-zhestj::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cellipse cx=%2212%22 cy=%226.5%22 rx=%226.5%22 ry=%222.5%22/%3E%3Cpath d=%22M5.5 6.5v11c0 1.4 2.9 2.5 6.5 2.5s6.5-1.1 6.5-2.5v-11%22/%3E%3C/svg%3E")}
#navymobile a.i-m-zhestj::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cellipse cx=%2212%22 cy=%226.5%22 rx=%226.5%22 ry=%222.5%22/%3E%3Cpath d=%22M5.5 6.5v11c0 1.4 2.9 2.5 6.5 2.5s6.5-1.1 6.5-2.5v-11%22/%3E%3C/svg%3E")}
.faqlinks li.i-m-zhestj::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cellipse cx=%2212%22 cy=%226.5%22 rx=%226.5%22 ry=%222.5%22/%3E%3Cpath d=%22M5.5 6.5v11c0 1.4 2.9 2.5 6.5 2.5s6.5-1.1 6.5-2.5v-11%22/%3E%3C/svg%3E")}
#navy>ul>li>ul li.i-m-fanera::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%228%22 width=%2218%22 height=%228%22 rx=%221%22/%3E%3Cpath d=%22M3 11h18M3 13.5h18%22/%3E%3C/svg%3E")}
#navymobile a.i-m-fanera::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%228%22 width=%2218%22 height=%228%22 rx=%221%22/%3E%3Cpath d=%22M3 11h18M3 13.5h18%22/%3E%3C/svg%3E")}
.faqlinks li.i-m-fanera::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%228%22 width=%2218%22 height=%228%22 rx=%221%22/%3E%3Cpath d=%22M3 11h18M3 13.5h18%22/%3E%3C/svg%3E")}
#navy>ul>li>ul li.i-m-paket::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6 8h12l1.2 12H4.8z%22/%3E%3Cpath d=%22M9 8V6a3 3 0 016 0v2%22/%3E%3C/svg%3E")}
#navymobile a.i-m-paket::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6 8h12l1.2 12H4.8z%22/%3E%3Cpath d=%22M9 8V6a3 3 0 016 0v2%22/%3E%3C/svg%3E")}
.faqlinks li.i-m-paket::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6 8h12l1.2 12H4.8z%22/%3E%3Cpath d=%22M9 8V6a3 3 0 016 0v2%22/%3E%3C/svg%3E")}
#navy>ul>li>ul li.i-m-spanbond::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 6h14v12H5z%22/%3E%3Cpath d=%22M5 10h14M5 14h14M9 6v12M15 6v12%22/%3E%3C/svg%3E")}
#navymobile a.i-m-spanbond::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 6h14v12H5z%22/%3E%3Cpath d=%22M5 10h14M5 14h14M9 6v12M15 6v12%22/%3E%3C/svg%3E")}
.faqlinks li.i-m-spanbond::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 6h14v12H5z%22/%3E%3Cpath d=%22M5 10h14M5 14h14M9 6v12M15 6v12%22/%3E%3C/svg%3E")}
#navy>ul>li>ul li.i-m-organza::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 12c-3-3-6-2-6 1s3 4 6 1 6 2 6-1-3-4-6-1z%22/%3E%3Cpath d=%22M12 12v8%22/%3E%3C/svg%3E")}
#navymobile a.i-m-organza::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 12c-3-3-6-2-6 1s3 4 6 1 6 2 6-1-3-4-6-1z%22/%3E%3Cpath d=%22M12 12v8%22/%3E%3C/svg%3E")}
.faqlinks li.i-m-organza::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 12c-3-3-6-2-6 1s3 4 6 1 6 2 6-1-3-4-6-1z%22/%3E%3Cpath d=%22M12 12v8%22/%3E%3C/svg%3E")}
#navy>ul>li>ul li.i-m-tuba::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cellipse cx=%2212%22 cy=%226%22 rx=%224.5%22 ry=%222%22/%3E%3Cpath d=%22M7.5 6v12a4.5 2 0 009 0V6%22/%3E%3C/svg%3E")}
#navymobile a.i-m-tuba::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cellipse cx=%2212%22 cy=%226%22 rx=%224.5%22 ry=%222%22/%3E%3Cpath d=%22M7.5 6v12a4.5 2 0 009 0V6%22/%3E%3C/svg%3E")}
.faqlinks li.i-m-tuba::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cellipse cx=%2212%22 cy=%226%22 rx=%224.5%22 ry=%222%22/%3E%3Cpath d=%22M7.5 6v12a4.5 2 0 009 0V6%22/%3E%3C/svg%3E")}
#navy>ul>li>ul li.i-m-oksford::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 9h14v11H5z%22/%3E%3Cpath d=%22M9 9V7a3 3 0 016 0v2M5 13h14%22/%3E%3C/svg%3E")}
#navymobile a.i-m-oksford::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 9h14v11H5z%22/%3E%3Cpath d=%22M9 9V7a3 3 0 016 0v2M5 13h14%22/%3E%3C/svg%3E")}
.faqlinks li.i-m-oksford::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 9h14v11H5z%22/%3E%3Cpath d=%22M9 9V7a3 3 0 016 0v2M5 13h14%22/%3E%3C/svg%3E")}
#navy>ul>li>ul li.i-m-barkhat::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M7 10c0-2 2-3 5-3s5 1 5 3l-1 9H8z%22/%3E%3Cpath d=%22M7 10h10%22/%3E%3C/svg%3E")}
#navymobile a.i-m-barkhat::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M7 10c0-2 2-3 5-3s5 1 5 3l-1 9H8z%22/%3E%3Cpath d=%22M7 10h10%22/%3E%3C/svg%3E")}
.faqlinks li.i-m-barkhat::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M7 10c0-2 2-3 5-3s5 1 5 3l-1 9H8z%22/%3E%3Cpath d=%22M7 10h10%22/%3E%3C/svg%3E")}
#navy>ul>li>ul li.i-m-plastik::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M10 3h4v3l2 3v11H8V9l2-3z%22/%3E%3Cpath d=%22M8 13h8%22/%3E%3C/svg%3E")}
#navymobile a.i-m-plastik::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M10 3h4v3l2 3v11H8V9l2-3z%22/%3E%3Cpath d=%22M8 13h8%22/%3E%3C/svg%3E")}
.faqlinks li.i-m-plastik::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M10 3h4v3l2 3v11H8V9l2-3z%22/%3E%3Cpath d=%22M8 13h8%22/%3E%3C/svg%3E")}
#navy>ul>li>ul li.i-m-dvunitka::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%224%22 y=%224%22 width=%2216%22 height=%2216%22 rx=%221%22/%3E%3Cpath d=%22M4 9h16M4 15h16M9 4v16M15 4v16%22/%3E%3C/svg%3E")}
#navymobile a.i-m-dvunitka::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%224%22 y=%224%22 width=%2216%22 height=%2216%22 rx=%221%22/%3E%3Cpath d=%22M4 9h16M4 15h16M9 4v16M15 4v16%22/%3E%3C/svg%3E")}
.faqlinks li.i-m-dvunitka::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%224%22 y=%224%22 width=%2216%22 height=%2216%22 rx=%221%22/%3E%3Cpath d=%22M4 9h16M4 15h16M9 4v16M15 4v16%22/%3E%3C/svg%3E")}
#navy>ul>li>ul li.i-m-parcha::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 3l4 4.5-4 4.5-4-4.5z%22/%3E%3Cpath d=%22M12 12l4 4.5-4 4.5-4-4.5z%22/%3E%3C/svg%3E")}
#navymobile a.i-m-parcha::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 3l4 4.5-4 4.5-4-4.5z%22/%3E%3Cpath d=%22M12 12l4 4.5-4 4.5-4-4.5z%22/%3E%3C/svg%3E")}
.faqlinks li.i-m-parcha::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 3l4 4.5-4 4.5-4-4.5z%22/%3E%3Cpath d=%22M12 12l4 4.5-4 4.5-4-4.5z%22/%3E%3C/svg%3E")}
#navy>ul>li>ul li.i-m-poliyester::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 3.5s5 6 5 9.5a5 5 0 01-10 0c0-3.5 5-9.5 5-9.5z%22/%3E%3C/svg%3E")}
#navymobile a.i-m-poliyester::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 3.5s5 6 5 9.5a5 5 0 01-10 0c0-3.5 5-9.5 5-9.5z%22/%3E%3C/svg%3E")}
.faqlinks li.i-m-poliyester::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 3.5s5 6 5 9.5a5 5 0 01-10 0c0-3.5 5-9.5 5-9.5z%22/%3E%3C/svg%3E")}
#navy>ul>li>ul li.i-m-perepletniyyi::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 5h6a3 3 0 013 3v11a3 3 0 00-3-2H4z%22/%3E%3Cpath d=%22M20 5h-6a3 3 0 00-3 3v11a3 3 0 013-2h6z%22/%3E%3C/svg%3E")}
#navymobile a.i-m-perepletniyyi::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 5h6a3 3 0 013 3v11a3 3 0 00-3-2H4z%22/%3E%3Cpath d=%22M20 5h-6a3 3 0 00-3 3v11a3 3 0 013-2h6z%22/%3E%3C/svg%3E")}
.faqlinks li.i-m-perepletniyyi::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 5h6a3 3 0 013 3v11a3 3 0 00-3-2H4z%22/%3E%3Cpath d=%22M20 5h-6a3 3 0 00-3 3v11a3 3 0 013-2h6z%22/%3E%3C/svg%3E")}
#navy>ul>li>ul li.i-m-beresta::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6 5c4 2 4 12 0 14h12c-4-2-4-12 0-14z%22/%3E%3C/svg%3E")}
#navymobile a.i-m-beresta::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6 5c4 2 4 12 0 14h12c-4-2-4-12 0-14z%22/%3E%3C/svg%3E")}
.faqlinks li.i-m-beresta::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6 5c4 2 4 12 0 14h12c-4-2-4-12 0-14z%22/%3E%3C/svg%3E")}
#navy>ul>li>ul li.i-m-derevo::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 21V9%22/%3E%3Cpath d=%22M12 9L6.5 4M12 9l5.5-5M12 14l-4.5-3M12 14l4.5-3%22/%3E%3C/svg%3E")}
#navymobile a.i-m-derevo::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 21V9%22/%3E%3Cpath d=%22M12 9L6.5 4M12 9l5.5-5M12 14l-4.5-3M12 14l4.5-3%22/%3E%3C/svg%3E")}
.faqlinks li.i-m-derevo::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 21V9%22/%3E%3Cpath d=%22M12 9L6.5 4M12 9l5.5-5M12 14l-4.5-3M12 14l4.5-3%22/%3E%3C/svg%3E")}
#navy>ul>li>ul li.i-m-karton::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 8l9-4 9 4-9 4z%22/%3E%3Cpath d=%22M3 8v8l9 4 9-4V8%22/%3E%3Cpath d=%22M12 12v8%22/%3E%3C/svg%3E")}
#navymobile a.i-m-karton::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 8l9-4 9 4-9 4z%22/%3E%3Cpath d=%22M3 8v8l9 4 9-4V8%22/%3E%3Cpath d=%22M12 12v8%22/%3E%3C/svg%3E")}
.faqlinks li.i-m-karton::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 8l9-4 9 4-9 4z%22/%3E%3Cpath d=%22M3 8v8l9 4 9-4V8%22/%3E%3Cpath d=%22M12 12v8%22/%3E%3C/svg%3E")}
#navy>ul>li>ul li.i-m-nabor::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223.5%22 y=%223.5%22 width=%227%22 height=%227%22 rx=%221%22/%3E%3Crect x=%2213.5%22 y=%223.5%22 width=%227%22 height=%227%22 rx=%221%22/%3E%3Crect x=%223.5%22 y=%2213.5%22 width=%227%22 height=%227%22 rx=%221%22/%3E%3Crect x=%2213.5%22 y=%2213.5%22 width=%227%22 height=%227%22 rx=%221%22/%3E%3C/svg%3E")}
#navymobile a.i-m-nabor::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223.5%22 y=%223.5%22 width=%227%22 height=%227%22 rx=%221%22/%3E%3Crect x=%2213.5%22 y=%223.5%22 width=%227%22 height=%227%22 rx=%221%22/%3E%3Crect x=%223.5%22 y=%2213.5%22 width=%227%22 height=%227%22 rx=%221%22/%3E%3Crect x=%2213.5%22 y=%2213.5%22 width=%227%22 height=%227%22 rx=%221%22/%3E%3C/svg%3E")}
.faqlinks li.i-m-nabor::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223.5%22 y=%223.5%22 width=%227%22 height=%227%22 rx=%221%22/%3E%3Crect x=%2213.5%22 y=%223.5%22 width=%227%22 height=%227%22 rx=%221%22/%3E%3Crect x=%223.5%22 y=%2213.5%22 width=%227%22 height=%227%22 rx=%221%22/%3E%3Crect x=%2213.5%22 y=%2213.5%22 width=%227%22 height=%227%22 rx=%221%22/%3E%3C/svg%3E")}
#navy>ul>li>ul li.i-m-fetr::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 20s-7-4.2-7-9a4 4 0 017-2.6A4 4 0 0119 11c0 4.8-7 9-7 9z%22/%3E%3C/svg%3E")}
#navymobile a.i-m-fetr::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 20s-7-4.2-7-9a4 4 0 017-2.6A4 4 0 0119 11c0 4.8-7 9-7 9z%22/%3E%3C/svg%3E")}
.faqlinks li.i-m-fetr::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 20s-7-4.2-7-9a4 4 0 017-2.6A4 4 0 0119 11c0 4.8-7 9-7 9z%22/%3E%3C/svg%3E")}
#navy>ul>li>ul li.i-m-dzhut::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M8 3c4 2 4 5 0 7s-4 5 0 7 4 5 0 7%22/%3E%3Cpath d=%22M16 3c-4 2-4 5 0 7s4 5 0 7-4 5 0 7%22/%3E%3C/svg%3E")}
#navymobile a.i-m-dzhut::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M8 3c4 2 4 5 0 7s-4 5 0 7 4 5 0 7%22/%3E%3Cpath d=%22M16 3c-4 2-4 5 0 7s4 5 0 7-4 5 0 7%22/%3E%3C/svg%3E")}
.faqlinks li.i-m-dzhut::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M8 3c4 2 4 5 0 7s-4 5 0 7 4 5 0 7%22/%3E%3Cpath d=%22M16 3c-4 2-4 5 0 7s4 5 0 7-4 5 0 7%22/%3E%3C/svg%3E")}
#navy>ul>li>ul li.i-m-gabardin::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%224%22 y=%224%22 width=%2216%22 height=%2216%22 rx=%221.5%22/%3E%3Cpath d=%22M6 18L18 6M9 20l11-11M4 15L15 4%22/%3E%3C/svg%3E")}
#navymobile a.i-m-gabardin::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%224%22 y=%224%22 width=%2216%22 height=%2216%22 rx=%221.5%22/%3E%3Cpath d=%22M6 18L18 6M9 20l11-11M4 15L15 4%22/%3E%3C/svg%3E")}
.faqlinks li.i-m-gabardin::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%224%22 y=%224%22 width=%2216%22 height=%2216%22 rx=%221.5%22/%3E%3Cpath d=%22M6 18L18 6M9 20l11-11M4 15L15 4%22/%3E%3C/svg%3E")}
#navy>ul>li>ul li.i-m-loza::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 8h14l-1.5 12h-11z%22/%3E%3Cpath d=%22M5 12h14M9 8v12M15 8v12%22/%3E%3C/svg%3E")}
#navymobile a.i-m-loza::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 8h14l-1.5 12h-11z%22/%3E%3Cpath d=%22M5 12h14M9 8v12M15 8v12%22/%3E%3C/svg%3E")}
.faqlinks li.i-m-loza::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 8h14l-1.5 12h-11z%22/%3E%3Cpath d=%22M5 12h14M9 8v12M15 8v12%22/%3E%3C/svg%3E")}
#navy>ul>li>ul li.i-q::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%228.5%22/%3E%3Cpath d=%22M9.7 9.5a2.4 2.4 0 014.6.8c0 1.6-2.3 2-2.3 3.5%22/%3E%3Cpath d=%22M12 17h.01%22/%3E%3C/svg%3E")}
#navymobile a.i-q::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%228.5%22/%3E%3Cpath d=%22M9.7 9.5a2.4 2.4 0 014.6.8c0 1.6-2.3 2-2.3 3.5%22/%3E%3Cpath d=%22M12 17h.01%22/%3E%3C/svg%3E")}
.faqlinks li.i-q::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%228.5%22/%3E%3Cpath d=%22M9.7 9.5a2.4 2.4 0 014.6.8c0 1.6-2.3 2-2.3 3.5%22/%3E%3Cpath d=%22M12 17h.01%22/%3E%3C/svg%3E")}
#navy>ul>li>ul li.i-cal::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223.5%22 y=%225%22 width=%2217%22 height=%2215%22 rx=%221.5%22/%3E%3Cpath d=%22M3.5 10h17M8 3v4M16 3v4%22/%3E%3C/svg%3E")}
#navymobile a.i-cal::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223.5%22 y=%225%22 width=%2217%22 height=%2215%22 rx=%221.5%22/%3E%3Cpath d=%22M3.5 10h17M8 3v4M16 3v4%22/%3E%3C/svg%3E")}
.faqlinks li.i-cal::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223.5%22 y=%225%22 width=%2217%22 height=%2215%22 rx=%221.5%22/%3E%3Cpath d=%22M3.5 10h17M8 3v4M16 3v4%22/%3E%3C/svg%3E")}
#navy>ul>li>ul li.i-late::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2213%22 r=%227.5%22/%3E%3Cpath d=%22M12 9v4l3 2M9 2h6%22/%3E%3C/svg%3E")}
#navymobile a.i-late::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2213%22 r=%227.5%22/%3E%3Cpath d=%22M12 9v4l3 2M9 2h6%22/%3E%3C/svg%3E")}
.faqlinks li.i-late::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2213%22 r=%227.5%22/%3E%3Cpath d=%22M12 9v4l3 2M9 2h6%22/%3E%3C/svg%3E")}
#navy>ul>li>ul li.i-truck::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 7h11v9H3z%22/%3E%3Cpath d=%22M14 10h4l3 3v3h-7z%22/%3E%3Ccircle cx=%227%22 cy=%2218%22 r=%221.8%22/%3E%3Ccircle cx=%2217.5%22 cy=%2218%22 r=%221.8%22/%3E%3C/svg%3E")}
#navymobile a.i-truck::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 7h11v9H3z%22/%3E%3Cpath d=%22M14 10h4l3 3v3h-7z%22/%3E%3Ccircle cx=%227%22 cy=%2218%22 r=%221.8%22/%3E%3Ccircle cx=%2217.5%22 cy=%2218%22 r=%221.8%22/%3E%3C/svg%3E")}
.faqlinks li.i-truck::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 7h11v9H3z%22/%3E%3Cpath d=%22M14 10h4l3 3v3h-7z%22/%3E%3Ccircle cx=%227%22 cy=%2218%22 r=%221.8%22/%3E%3Ccircle cx=%2217.5%22 cy=%2218%22 r=%221.8%22/%3E%3C/svg%3E")}
#navy>ul>li>ul li.i-wh::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 10l9-5 9 5v10H3z%22/%3E%3Cpath d=%22M8 20v-6h8v6%22/%3E%3C/svg%3E")}
#navymobile a.i-wh::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 10l9-5 9 5v10H3z%22/%3E%3Cpath d=%22M8 20v-6h8v6%22/%3E%3C/svg%3E")}
.faqlinks li.i-wh::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 10l9-5 9 5v10H3z%22/%3E%3Cpath d=%22M8 20v-6h8v6%22/%3E%3C/svg%3E")}
#navy>ul>li>ul li.i-vs::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 4v16%22/%3E%3Cpath d=%22M4 9h6l-3 5a3 3 0 006 0l-3-5%22/%3E%3Cpath d=%22M14 9h6l-3 5a3 3 0 006 0%22/%3E%3C/svg%3E")}
#navymobile a.i-vs::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 4v16%22/%3E%3Cpath d=%22M4 9h6l-3 5a3 3 0 006 0l-3-5%22/%3E%3Cpath d=%22M14 9h6l-3 5a3 3 0 006 0%22/%3E%3C/svg%3E")}
.faqlinks li.i-vs::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 4v16%22/%3E%3Cpath d=%22M4 9h6l-3 5a3 3 0 006 0l-3-5%22/%3E%3Cpath d=%22M14 9h6l-3 5a3 3 0 006 0%22/%3E%3C/svg%3E")}
#navy>ul>li>ul li.i-box::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 8l9-4 9 4-9 4z%22/%3E%3Cpath d=%22M3 8v8l9 4 9-4V8%22/%3E%3C/svg%3E")}
#navymobile a.i-box::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 8l9-4 9 4-9 4z%22/%3E%3Cpath d=%22M3 8v8l9 4 9-4V8%22/%3E%3C/svg%3E")}
.faqlinks li.i-box::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23bd0b24%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 8l9-4 9 4-9 4z%22/%3E%3Cpath d=%22M3 8v8l9 4 9-4V8%22/%3E%3C/svg%3E")}

/* 19.09.2026: на телефоне нижняя строка плитки (наличие + «В корзину») была шире
   самой плитки — 220 px против 180 — и срезалась по обоим краям. Разрешаем перенос
   и убираем жёсткие размеры кнопки. Плавающие кнопки корзины и чата перекрывали
   последние строки страницы, поэтому внизу добавлен запас. */
.product .info .tilebottom{max-width:100%;min-width:0;box-sizing:border-box}
.product .info .tilebottom>*{min-width:0;max-width:100%}
@media screen and (max-width:900px){
	.product .info .tilebottom{flex-wrap:wrap;justify-content:center;gap:6px;margin:8px 0 0}
	.product .info .tilebottom .in-stock{white-space:normal;height:auto;font-size:14px;padding:8px 10px;line-height:1.2;text-align:center}
	.product .info .tilebottom .incart{width:100%}
	.product .info .tilebottom .incart .buttonAdd{width:100%;max-width:100%;padding:0 34px 0 10px;margin-right:0;text-align:center;background-position:calc(100% - 10px) center;background-size:22px auto}
	.product .info .tilebottom .tilecount{width:100%}
	body{padding-bottom:84px}
}
/* 19.09.2026: общие поля по бокам на телефоне — раньше содержимое упиралось в края экрана.
   Ставим одним местом на #content, чтобы отступ был у всего сразу, а не у каждого блока. */
@media screen and (max-width:900px){
	#content{padding-left:14px;padding-right:14px;box-sizing:border-box}
}
/* 19.09.2026: в мобильном меню значки упирались в самый край экрана. Даём полям воздух. */
@media screen and (max-width:900px){
	#navymobile>div.ui-accordion-content,#navymobile>div{padding-left:12px !important;padding-right:12px !important;box-sizing:border-box}
	/* 19.09.2026: заголовки секций меню с тем же полем, что и ссылки. */
	#navymobile>h2{padding-left:12px !important;padding-right:12px !important;box-sizing:border-box}
	#navymobile div a{padding-left:2em;padding-right:.4em}
	#navymobile div a::before{left:.3em}
}

/* 19.09.2026: шапка на широких мониторах (2K и выше).
   Коллаж прибит к левому краю жёсткими 200px (правило min-width:901px),
   а телефон висит на right:2vw и по ширине не растёт. Чем шире монитор,
   тем больше пустоты между ними: на 1920 — 246px, на 2560 — уже 585px.
   Сдвигаем логотип, коллаж и надпись вправо тем сильнее, чем шире окно.
   До 1800px не меняется ничего, дальше добавка растёт плавно. */
@media (min-width:1800px){
	#headerblock>a:first-child,#logo{transform:translateX(calc((100vw - 1800px) * .22))}
	#podarki{left:calc(10vw + (100vw - 1800px) * .22)}
	#ngpodarki{left:calc(37vw + (100vw - 1800px) * .22)}
}

/* 19.09.2026: коллаж чуть глубже заходит на красную полосу меню — просьба владельца.
   z-index у коллажа 1030 против 1020 у меню, так что он ложится поверх. */
@media (min-width:901px){#podarki{bottom:calc(-1vw - 3px)}}

/* 19.09.2026: на узких десктопах (901–1100) коллаж догонял телефон и налезал на него:
   left:200px из правила min-width:901px — это уже пятая часть экрана.
   В этом диапазоне возвращаем долевой отступ, как в базовом правиле. */
@media (min-width:901px) and (max-width:1100px){#podarki{left:10vw}}

/* 19.09.2026: неполный последний ряд плиток — по центру, просьба владельца.
   Сетка одна на весь список, поэтому хвост прижимался влево, а справа зияла дыра.
   Двигаем последние карточки на половину, одну, полторы или две колонки —
   transform не меняет размеры, плитки остаются той же ширины, что и в полных рядах.
   Только там, где колонок ровно пять: ниже 1200px их меньше и смещение было бы лишним. */
@media (min-width:1200px){
	.products>.product:nth-child(5n+1):nth-last-child(4),
	.products>.product:nth-child(5n+1):nth-last-child(4)~.product{transform:translateX(calc((100% + 12px) * .5))}
	.products>.product:nth-child(5n+1):nth-last-child(3),
	.products>.product:nth-child(5n+1):nth-last-child(3)~.product{transform:translateX(calc(100% + 12px))}
	.products>.product:nth-child(5n+1):nth-last-child(2),
	.products>.product:nth-child(5n+1):nth-last-child(2)~.product{transform:translateX(calc((100% + 12px) * 1.5))}
	.products>.product:nth-child(5n+1):last-child{transform:translateX(calc((100% + 12px) * 2))}
}

/* 19.09.2026: листание отзывов в сайдбаре. Скрытые лежат в разметке,
   показываем по одному; стрелки под текстом рядом со счётчиком. */
/* Смена отзыва: гаснем и проявляемся не спеша, высоту тянем ещё мягче —
   рывок в сайдбаре бросается в глаза сильнее, чем в основном тексте. */
.otzivslider{transition:opacity 1.4s ease-in-out, height 1.6s cubic-bezier(.4,0,.2,1);overflow:hidden}
.otzivslider.otzivfade{opacity:0}
.otzivslideritem.hidden{display:none}
.otzivslideritem.shown{display:block}
.otzivnav{display:flex;align-items:center;justify-content:center;gap:10px;margin:8px 0 0}
.otzivbtn{width:28px;height:28px;padding:0;line-height:1;font-size:20px;color:#bd0b24;
	background:#fff;border:1px solid #dae3ec;border-radius:50%;cursor:pointer;
	transition:background .15s,border-color .15s}
.otzivbtn:hover{background:#fdf2f4;border-color:#bd0b24}
.otzivbtn:focus-visible{outline:2px solid #bd0b24;outline-offset:2px}
.otzivnum{font-size:13px;color:#6a7280;font-variant-numeric:tabular-nums}
.otzivnum b{color:#3e3e3e}

/* 19.09.2026: картинка-благодарность — всегда по центру блока, и в сайдбаре, и на
   странице отзывов. Раньше центровался только отзыв, где кроме картинки ничего нет;
   если рядом был текст, картинка прижималась влево. */
/* У картинок внутри самих отзывов зашиты inline-стили: margin-right:10px,
   а кое-где и float:left. Inline бьёт обычный CSS, поэтому здесь !important —
   иначе благодарственное письмо уезжает вбок. */
.otzivslideritem img,
.otzivcols img,
.otziv img{display:block !important;float:none !important;
	margin-left:auto !important;margin-right:auto !important;
	max-width:100% !important;height:auto !important}
.otzivslideritem a,
.otzivcols a[onclick],
.otziv a[onclick]{display:block;text-align:center}
/* Пока тяжёлая картинка грузится, блок не должен схлопываться в пустоту. */
.otzivslideritem:has(img){min-height:120px}

/* 19.09.2026: страница контактов. Все способы связи выглядели одинаково —
   телефон терялся среди мессенджеров. Даём ему вес, подписи делаем читаемее. */
/* Акцент только на первом телефоне: блоков .cont на странице несколько,
   и без уточнения крупными становились первые ячейки каждого ряда. */

/* 19.09.2026: контакты — карточки с едиными иконками вместо таблицы плиток.
   Иконки рисуем SVG одного набора: масштабируются без размытия и красятся
   тем же цветом, что и текст. Телефон и почта крупнее остальных. */
.ct-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:14px;margin:0 0 26px}
.ct-card{display:flex;align-items:center;gap:14px;padding:18px 20px;text-decoration:none;
	background:#fff;border:1px solid #e3e8ee;border-radius:14px;color:#22303f;
	transition:border-color .18s,box-shadow .18s,transform .18s}
a.ct-card:hover{border-color:#bd0b24;box-shadow:0 6px 18px rgba(22,32,43,.10);transform:translateY(-2px)}
a.ct-card:focus-visible{outline:2px solid #bd0b24;outline-offset:2px}
.ct-ico{flex:0 0 auto;display:flex;align-items:center;justify-content:center;
	width:56px;height:56px;border-radius:14px;background:#fdf1f3;color:#bd0b24}
.ct-ico svg{width:30px;height:30px;display:block;fill:none;stroke:currentColor;
	stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ct-big .ct-ico{width:64px;height:64px;background:#bd0b24;color:#fff}
.ct-big .ct-ico svg{width:34px;height:34px;stroke-width:1.8}
.ct-text{display:flex;flex-direction:column;min-width:0}
.ct-label{font-size:13px;color:#7a8794;letter-spacing:.03em;text-transform:uppercase}
.ct-value{font-size:21px;line-height:1.25;word-break:break-word}
/* Телефон в одну строку: разорванный пополам номер читается плохо. */
.ct-big .ct-value,.ct-card .ct-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ct-card:has(.ct-label:not(:empty)) .ct-value{min-width:0}
.ct-big .ct-value{font-size:27px;font-weight:bold;color:#bd0b24}
a.ct-card:hover .ct-value{color:#bd0b24}
div.ct-card{background:#f7f9fb}
@media (max-width:640px){
	.ct-grid{grid-template-columns:1fr;gap:10px}
	.ct-card{padding:14px}
	.ct-ico{width:50px;height:50px}.ct-ico svg{width:27px;height:27px}
	.ct-big .ct-ico{width:54px;height:54px}.ct-big .ct-ico svg{width:30px;height:30px}
	.ct-value{font-size:19px}.ct-big .ct-value{font-size:23px}
}

/* 19.09.2026: хлебные крошки — плашками в стиле фильтров каталога, по центру.
   Мелкая серая строка у края терялась, да и выбивалась из остальной страницы. */
.bcrumbs{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;
	gap:6px;margin:0 0 20px;line-height:1.3}
.bccrumb{display:inline-flex;align-items:center;padding:6px 12px;font-size:15px;
	color:#707072;background:#fff;border:1px solid #dbdbdc;border-radius:3px;
	text-decoration:none;transition:background .15s,color .15s,border-color .15s}
a.bccrumb:hover{background:#eceef1;color:#cc1f2a;border-color:#cdd3d9}
a.bccrumb:focus-visible{outline:2px solid #cc1f2a;outline-offset:2px}
.bccrumb.bccur{background:#cc1f2a;border-color:#cc1f2a;color:#fff}
@media (max-width:640px){.bcrumbs{gap:5px;margin-bottom:14px}.bccrumb{padding:5px 10px;font-size:14px}}

/* 19.09.2026: над крошками было ~58px пустоты (margin #container + padding #content) — подтягиваем к меню */
#content>.bcrumbs{margin-top:-20px}
@media (min-width:1025px){#content>.bcrumbs{margin-top:-36px}}
@media (max-width:640px){#content>.bcrumbs{margin-top:-10px}}