/*
 * Каталог в новом дизайне — ПЛИТКА (этап 2 переноса макета 2026-09).
 * Подключается только на /catalog из header.php. Логику Vue/корзины НЕ трогаем —
 * только вид. Все правила под #catalog-items / .maincat (эти обёртки есть только
 * на каталоге), поэтому на остальной сайт не влияет. !important местами нужен,
 * т.к. старый инлайн-стиль карточки грузится из футера позже нашего файла.
 */

#catalog-items {
	--cat-ink: #171310;
	--cat-red: #e1251b;
	--cat-red-d: #c91f17;
	--cat-muted: #746f68;
	--cat-line: #e7e1d8;
	--cat-card: #ffffff;
	--cat-bg: #f5f0e8;
	font-family: 'Manrope', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

/* ---------- СЕТКА ПЛИТКИ ---------- */
#catalog-items {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: 16px;
	padding: 24px min(48px, 4vw) 40px !important;
	align-items: stretch;
	background: var(--cat-bg);
}

/* заголовок-разделитель категории — на всю ширину сетки */
#catalog-items .catalog-items--title,
#catalog-items .page-title.jsCatTitle,
#catalog-items > .page-title {
	grid-column: 1 / -1 !important;
	font-family: 'Manrope', sans-serif;
	font-size: 22px !important;
	font-weight: 800 !important;
	color: var(--cat-ink) !important;
	text-transform: none !important;
	margin: 18px 2px 2px !important;
	padding: 0 0 10px !important;
	border-bottom: 2px solid var(--cat-line);
	display: block !important;
}
#catalog-items .catalog-items--title.second { margin-top: 8px !important; }

/* ---------- КАРТОЧКА-ПЛИТКА ---------- */
#catalog-items .se_catalog-list--item {
	display: flex !important;
	flex-direction: column;
	align-items: stretch;
	width: 100% !important;
	margin: 0 !important;
	padding: 14px !important;
	grid-template-columns: none !important;   /* убрать 7-колоночную строку */
	grid-gap: 0 !important;
	min-height: 0 !important;
	background: var(--cat-card);
	border: 1px solid var(--cat-line);
	border-radius: 14px;
	position: relative;
	box-shadow: 0 1px 2px rgba(23,19,16,.04);
	transition: box-shadow .18s, transform .18s, border-color .18s;
}
#catalog-items .se_catalog-list--item:hover {
	box-shadow: 0 8px 22px rgba(23,19,16,.10);
	border-color: #ddd5c8;
	transform: translateY(-2px);
}

/* картинка сверху */
#catalog-items .se_catalog-list--item .img-wrap {
	display: block;
	min-width: 0 !important;
	width: 100%;
	aspect-ratio: 4 / 3;
	background: #faf7f2;
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 12px;
}
#catalog-items .se_catalog-list--item .img-wrap img {
	width: 100% !important;
	height: 100% !important;
	max-height: none !important;
	object-fit: contain;
	margin: 0 !important;
	padding: 8px;
	mix-blend-mode: multiply;   /* белые подложки фото сливаются с плиткой */
}

/* название */
#catalog-items .se_catalog-list--item .desc-wrap {
	padding: 0 !important;
	flex: 1 1 auto;
	margin-bottom: 10px;
}
#catalog-items .se_catalog-list--item .title {
	font-size: 14px !important;
	line-height: 1.3 !important;
	font-weight: 700 !important;
	text-transform: none !important;
	color: var(--cat-ink);
	margin: 0 0 4px !important;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
#catalog-items .se_catalog-list--item .desc-wrap p {
	font-size: 12px !important;
	color: var(--cat-muted) !important;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* цена за единицу */
#catalog-items .se_catalog-list--item .hidden-xs {
	display: block !important;
	text-align: left !important;
	padding: 0 !important;
	margin-bottom: 10px;
}
#catalog-items .se_catalog-list--item .basket-item-price-current {
	font-size: 20px !important;
	font-weight: 800;
	color: var(--cat-ink);
	line-height: 1;
}
#catalog-items .se_catalog-list--item .basket-item-price-current + .basket-item-price-title,
#catalog-items .se_catalog-list--item .basket-item-price-title {
	font-size: 12px !important;
	color: var(--cat-muted) !important;
	margin-top: 3px;
}

/* счётчик +/- */
#catalog-items .se_catalog-list--item .count-wrap {
	display: flex !important;
	align-items: center;
	gap: 0;
	margin-top: auto;
	border: 1px solid var(--cat-line);
	border-radius: 10px;
	overflow: hidden;
	width: fit-content;
	background: #fff;
}
#catalog-items .se_catalog-list--item .count-wrap button {
	width: 38px;
	height: 40px;
	border: none;
	background: #f5f0e8;
	color: var(--cat-ink);
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
	cursor: pointer;
	transition: background .15s;
}
#catalog-items .se_catalog-list--item .count-wrap button:hover { background: #ece4d6; }
#catalog-items .se_catalog-list--item .count-wrap input {
	width: 52px;
	height: 40px;
	border: none;
	text-align: center;
	font-size: 15px;
	font-weight: 700;
	color: var(--cat-ink);
	background: #fff;
	-moz-appearance: textfield;
	padding: 0;
}
#catalog-items .se_catalog-list--item .count-wrap input::-webkit-outer-spin-button,
#catalog-items .se_catalog-list--item .count-wrap input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
#catalog-items .se_catalog-list--item .count-wrap--mob-price { display: none !important; }

/* итоговая цена (кол-во × цена) — под счётчиком, красная, только когда есть */
#catalog-items .se_catalog-list--item .price {
	order: 99;
	text-align: left !important;
	min-width: 0 !important;
	flex-basis: auto !important;
	font-size: 13px !important;
	font-weight: 700;
	color: var(--cat-red);
	text-transform: none !important;
	margin-top: 8px;
}

/* избранное — сердечко в правом верхнем углу */
#catalog-items .se_catalog-list--item .addToFavorite {
	position: absolute !important;
	top: 10px;
	right: 10px;
	width: 34px !important;
	height: 34px !important;
	margin: 0 !important;
	border-radius: 50%;
	background-color: rgba(255,255,255,.9) !important;
	background-position: center !important;
	background-size: 18px 18px !important;
	box-shadow: 0 1px 4px rgba(0,0,0,.12);
	z-index: 2;
}

/* удаление в плитке не нужно — есть минус в счётчике */
#catalog-items .se_catalog-list--item .delete { display: none !important; }

/* подсветка поиска */
#catalog-items .highlighted { background: #ffe8b3; color: #000; }

/* ---------- ПОЛОСА КАТЕГОРИЙ под шапкой (меню vladkorn_menu из разделов ИБ 11) ---------- */
.cathdr-cats {
	background: #fff;
	border-bottom: 1px solid #e7e1d8;
	font-family: 'Manrope', system-ui, sans-serif;
}
.cathdr-cats__inner { width: min(1420px, calc(100% - 48px)); margin: 0 auto; }
.cathdr-cats .setheme-menu { display: block !important; background: none !important; border: none !important; }
.cathdr-cats .setheme-menu ul.se_container,
.cathdr-cats .setheme-menu > ul {
	display: flex !important;
	align-items: center;
	gap: 4px;
	list-style: none !important;
	margin: 0 !important;
	padding: 8px 0 !important;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	background: none !important;
	max-width: 100%;
	width: auto !important;
}
.cathdr-cats .setheme-menu ul.se_container::-webkit-scrollbar { display: none; }
.cathdr-cats .li-favorites,        /* «Моя подборка» уже есть в шапке */
.cathdr-cats .nav-toggle { display: none !important; }
.cathdr-cats .setheme-menu > ul > li {
	list-style: none !important;
	flex: 0 0 auto;
	margin: 0 !important;
	padding: 0 !important;
	position: relative;
	background: none !important;
	border: none !important;
}
.cathdr-cats .setheme-menu > ul > li > a {
	display: block;
	white-space: nowrap;
	padding: 8px 14px !important;
	border-radius: 999px;
	color: #3a332c !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	text-transform: none !important;
	text-decoration: none !important;
	background: none !important;
	transition: background .15s, color .15s;
}
.cathdr-cats .setheme-menu > ul > li > a:hover { background: #f0e9df !important; color: #171310 !important; }
.cathdr-cats .setheme-menu > ul > li.is-active > a { background: #e1251b !important; color: #fff !important; }
.cathdr-cats .setheme-menu > ul > li > ul { display: none !important; }  /* дочерние уровни скрыты (MAX_LEVEL=1) */

/* ---------- ОБВЯЗКА КАТАЛОГА: заголовок, поиск, нижняя панель ----------
   catalog-v2.css грузится ТОЛЬКО на /catalog, поэтому эти классы можно
   стилизовать напрямую — на другие страницы файл не попадает. */
.page-title-wrap {
	padding: 24px min(48px, 4vw) 4px !important;
	margin: 0 !important;
	background: #f5f0e8;
	gap: 16px;
	flex-wrap: wrap;
}
.page-title-wrap .page-title,
.page-title-wrap .page-title.jsTitle,
.page-title-wrap .page-title.jsSearchTitle {
	background: none !important;
	color: #171310 !important;
	font-family: 'Manrope', sans-serif !important;
	font-size: 26px !important;
	font-weight: 800 !important;
	text-transform: none !important;
	padding: 0 !important;
	margin: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	min-height: 0 !important;
}
.product-search-form { margin: 0 !important; }
.product-search-form input,
.jsProductSearch {
	width: 300px;
	max-width: 62vw;
	height: 44px;
	border: 1px solid #ddd6cc !important;
	border-radius: 999px !important;
	background-color: #fff !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23746f68' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: right 16px center !important;
	background-size: 18px !important;
	padding: 0 44px 0 18px !important;
	font-family: 'Manrope', sans-serif;
	font-size: 14px;
	color: #171310;
	outline: none;
}
.product-search-form input::placeholder { color: #9c948a; }
.product-search-form input:focus { border-color: #e1251b !important; }

/* нижняя панель оформления — «липкая» снизу, красная кнопка вместо золотой */
.se_catalog-bottom-wrap {
	position: sticky;
	bottom: 0;
	z-index: 30;
	display: flex !important;
	justify-content: flex-end;
	align-items: center;
	gap: 20px;
	background: rgba(255,255,255,.96);
	border-top: 1px solid #e7e1d8;
	padding: 12px min(48px, 4vw) !important;
	margin-top: 8px;
	box-shadow: 0 -4px 16px rgba(23,19,16,.06);
}
.se_catalog-bottom-wrap > div:empty { display: none; }
#total-pricewrap.total-count-wrap,
.se_catalog-bottom-wrap .total-count-wrap {
	display: flex !important;
	align-items: center;
	gap: 18px;
	background: none !important;
	padding: 0 !important;
	margin: 0 !important;
}
#total-pricewrap > div { margin: 0 !important; font-size: 16px; font-weight: 700; color: #171310; }
a.se_button,
.se_catalog-bottom-wrap .se_button {
	background: #e1251b !important;
	color: #fff !important;
	border: none !important;
	border-radius: 999px !important;
	padding: 13px 30px !important;
	font-family: 'Manrope', sans-serif !important;
	font-weight: 700 !important;
	font-size: 15px !important;
	text-transform: none !important;
	text-decoration: none !important;
	box-shadow: none !important;
	width: auto !important;
	transition: background .18s;
}
a.se_button:hover,
.se_catalog-bottom-wrap .se_button:hover { background: #c91f17 !important; }

/* ---------- МОБИЛЬНАЯ ВЕРСИЯ ---------- */
@media (max-width: 700px) {
	.page-title-wrap { padding: 16px 14px 4px !important; }
	.page-title-wrap .page-title { font-size: 20px !important; }
	.product-search-form input, .jsProductSearch { width: 100%; max-width: 100%; }
	.product-search-form { flex: 1 1 100%; }
	.se_catalog-bottom-wrap { padding: 10px 14px !important; gap: 12px; }
	a.se_button, .se_catalog-bottom-wrap .se_button { padding: 12px 20px !important; font-size: 14px !important; }
	#catalog-items {
		grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
		gap: 10px;
		padding: 16px 14px 28px !important;
	}
	#catalog-items .se_catalog-list--item { padding: 10px !important; border-radius: 12px; }
	#catalog-items .se_catalog-list--item .title { font-size: 13px !important; }
	#catalog-items .se_catalog-list--item .basket-item-price-current { font-size: 17px !important; }
	#catalog-items .se_catalog-list--item .count-wrap button { width: 34px; height: 36px; }
	#catalog-items .se_catalog-list--item .count-wrap input { width: 40px; height: 36px; }
	#catalog-items .catalog-items--title,
	#catalog-items .page-title.jsCatTitle { font-size: 18px !important; }
}


/* ========== КАТАЛОГ КАК В ПРОТОТИПЕ: тумблер + чипсы + карточка (этап 2в) ========== */
#catalog-app { padding: 20px min(48px, 4vw) 40px; }
#catalog-items { padding: 0 !important; }
#catalog-items .catalog-items--title,
#catalog-items .page-title.jsCatTitle { display: none !important; }   /* категории теперь в чипсах */

/* тумблер охлаждёнка/заморозка */
.cat-toggle { display: inline-flex; background: #fff; border: 1px solid #e3ddd3; border-radius: 999px; padding: 4px; gap: 4px; margin-bottom: 14px; }
.cat-toggle button { border: none; background: none; font: inherit; font-weight: 700; font-size: 14px; padding: 9px 20px; border-radius: 999px; cursor: pointer; color: #3a332c; }
.cat-toggle button.on { background: #171310; color: #fff; }
.cat-toggle button.on.frozen { background: #2f6ea5; }

/* плашка минимального заказа */
.cat-min { background: #fff; border: 1px solid #ece5da; border-radius: 12px; padding: 14px 18px; font-size: 14px; color: #5c554d; margin-bottom: 16px; }
.cat-min b { color: #171310; }

/* чипсы категорий со счётчиком */
.cat-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 22px; }
.cat-chips button { border: 1px solid #e3ddd3; background: #fff; font: inherit; font-size: 13px; font-weight: 600; color: #3a332c; padding: 8px 14px; border-radius: 999px; cursor: pointer; display: inline-flex; gap: 7px; align-items: center; }
.cat-chips button .n { color: #a99f92; font-weight: 700; }
.cat-chips button.on { background: #171310; color: #fff; border-color: #171310; }
.cat-chips button.on .n { color: #c9bfae; }

/* карточка: бейдж температуры, сердечко, вес, низ (цена + В корзину/счётчик) */
#catalog-items .se_catalog-list--item .title { -webkit-line-clamp: 2; }
#catalog-items .se_catalog-list--item .cat-badge { position: absolute; top: 12px; left: 12px; background: rgba(255,255,255,.92); border-radius: 999px; padding: 4px 10px; font-size: 11px; font-weight: 700; z-index: 2; box-shadow: 0 1px 3px rgba(0,0,0,.1); }
.cat-badge.frozen { color: #2f6ea5; }
.cat-badge.chilled { color: #3f8f4a; }
#catalog-items .se_catalog-list--item .cat-fav { position: absolute; top: 10px; right: 10px; width: 32px; height: 32px; border-radius: 50%; background: rgba(255,255,255,.92); border: none; cursor: pointer; box-shadow: 0 1px 3px rgba(0,0,0,.12); z-index: 2; display: flex; align-items: center; justify-content: center; padding: 0; }
.cat-fav svg { width: 17px; height: 17px; stroke: #8a827a; fill: none; }
.cat-fav.on svg { fill: #e1251b; stroke: #e1251b; }
#catalog-items .se_catalog-list--item .cat-weight { color: #a99f92; font-size: 12px; margin-bottom: 10px; }
#catalog-items .se_catalog-list--item .cat-foot { margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
#catalog-items .se_catalog-list--item .cat-price { font-size: 20px; font-weight: 800; color: #171310; }
#catalog-items .se_catalog-list--item .cat-add { background: #e1251b; color: #fff; border: none; border-radius: 10px; padding: 10px 16px; font: inherit; font-weight: 700; font-size: 14px; cursor: pointer; transition: background .15s; }
.cat-add:hover { background: #c91f17; }
/* гость: вместо цены и корзины — «Войти» и «Получить прайс». Обе кнопки тянутся
   по свободной ширине; если вдвоём в строку не влезают (узкая колонка сетки —
   220px), «Получить прайс» переносится под «Войти» на всю ширину карточки. */
#catalog-items .se_catalog-list--item a.cat-add { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; flex: 1 1 auto; padding: 10px 12px; }
#catalog-items .se_catalog-list--item a.cat-add:hover { color: #fff; text-decoration: none; }
#catalog-items .se_catalog-list--item .cat-price-req {
	flex: 1 1 auto;
	display: inline-flex; align-items: center; justify-content: center;
	padding: 10px 12px;
	border: 1.5px solid #171310; border-radius: 10px;
	background: #fff; color: #171310;
	font: inherit; font-weight: 700; font-size: 14px; line-height: 1.2;
	text-align: center; text-decoration: none; white-space: nowrap;
	transition: border-color .15s, background .15s;
}
#catalog-items .se_catalog-list--item .cat-price-req:hover { background: #171310; border-color: #171310; color: #fff; text-decoration: none; }
#catalog-items .se_catalog-list--item .cat-counter { display: inline-flex; align-items: center; border: 1px solid #e3ddd3; border-radius: 10px; overflow: hidden; }
.cat-counter button { width: 34px; height: 38px; border: none; background: #f5f0e8; font-size: 18px; font-weight: 700; cursor: pointer; }
.cat-counter input { width: 42px; height: 38px; border: none; text-align: center; font: inherit; font-weight: 700; -moz-appearance: textfield; padding: 0; }
.cat-counter input::-webkit-outer-spin-button, .cat-counter input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

@media (max-width: 700px) {
	#catalog-app { padding: 14px 14px 28px; }
	.cat-toggle button { padding: 8px 16px; }
}


/* ========== КАРТОЧКА ТОВАРА (детальная страница, этап 3) ========== */
.product-main-wrap {
	display: grid !important;
	grid-template-columns: minmax(0, 460px) 1fr;
	gap: 40px;
	align-items: start;
	width: min(1420px, calc(100% - 48px));
	margin: 0 auto;
	padding: 20px 0 40px;
	font-family: 'Manrope', system-ui, sans-serif;
	background: none !important;
}
.product-main-wrap .se_breadcrumb { grid-column: 1 / -1; }
.se_photo-slider--wrap { position: sticky; top: 90px; }
.se_photo-slider { background: #faf7f2; border: 1px solid #ece5da; border-radius: 16px; overflow: hidden; }
.se_photo-slider img { width: 100%; height: 440px; object-fit: contain; padding: 20px; mix-blend-mode: multiply; }
.se_photo-slider--nav { display: flex; gap: 8px; margin-top: 12px; flex-wrap: wrap; }
.se_photo-slider--nav img { width: 72px !important; height: 72px; object-fit: contain; border: 1px solid #ece5da; border-radius: 10px; padding: 4px; margin: 0 !important; background: #fff; cursor: pointer; }
.se_side-wrap { position: relative; }
.se_side-wrap .pd-badge { display: inline-block; border-radius: 999px; padding: 5px 12px; font-size: 12px; font-weight: 700; margin-bottom: 12px; }
.pd-badge.frozen { color: #2f6ea5; background: #eaf1f8; }
.pd-badge.chilled { color: #3f8f4a; background: #edf4ec; }
.se_side-wrap h1.title { font-size: 28px !important; font-weight: 800 !important; line-height: 1.2 !important; margin: 0 0 8px !important; display: flex; align-items: flex-start; gap: 12px; color: #171310; text-transform: none !important; }
.se_side-wrap h1.title .pd-fav { width: 32px; height: 32px; flex: none; color: #c9c0b4; cursor: pointer; margin: 4px 0 0 !important; }
.se_side-wrap h1.title .pd-fav svg { width: 26px; height: 26px; }
.se_side-wrap h1.title .pd-fav.in-favorites, .se_side-wrap h1.title .pd-fav.active { color: #e1251b; }
.se_side-wrap .pd-meta { color: #8a827a; font-size: 15px; margin-bottom: 14px; }
.se_side-wrap .pd-price { font-size: 32px !important; font-weight: 800; color: #171310; margin-bottom: 18px; }
.se_side-wrap .to-basket-wrap { display: flex; align-items: center; gap: 12px; margin-bottom: 26px; flex-wrap: wrap; }
.se_side-wrap .to-basket-wrap .count-wrap { display: inline-flex; align-items: center; border: 1px solid #e3ddd3; border-radius: 12px; overflow: hidden; }
.se_side-wrap .to-basket-wrap .count-wrap button { width: 42px; height: 48px; border: none; background: #f5f0e8; font-size: 20px; font-weight: 700; cursor: pointer; }
.se_side-wrap .to-basket-wrap .count-wrap input { width: 56px; height: 48px; border: none; text-align: center; font-size: 16px; font-weight: 700; -moz-appearance: textfield; }
.se_side-wrap .to-basket-wrap .count-wrap input::-webkit-outer-spin-button, .se_side-wrap .to-basket-wrap .count-wrap input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.se_side-wrap .to-basket-wrap .button.jsAdd { background: #e1251b !important; color: #fff !important; border: none !important; border-radius: 12px !important; padding: 0 28px !important; height: 48px; font-weight: 700; font-size: 15px; cursor: pointer; transition: background .15s; width: auto !important; }
.se_side-wrap .to-basket-wrap .button.jsAdd:hover { background: #c91f17 !important; }
/* гость: плашка вместо цены и кнопки заказа */
.se_side-wrap .pd-locked { background: #faf7f2; border: 1px solid #ece5da; border-radius: 16px; padding: 20px 22px; margin-bottom: 26px; }
.se_side-wrap .pd-locked-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.se_side-wrap .pd-locked-btn { display: inline-flex; align-items: center; height: 48px; padding: 0 28px; border-radius: 12px; background: #e1251b; color: #fff; font-weight: 700; font-size: 15px; text-decoration: none; transition: background .15s; }
.se_side-wrap .pd-locked-btn:hover { background: #c91f17; color: #fff; text-decoration: none; }
/* «Получить прайс» — вторая кнопка рядом с «Войти», такой же высоты, но светлая */
.se_side-wrap .pd-locked-req { display: inline-flex; align-items: center; height: 48px; padding: 0 24px; border-radius: 12px; border: 1.5px solid #171310; background: #fff; color: #171310; font-weight: 700; font-size: 15px; text-decoration: none; transition: background .15s, border-color .15s; }
.se_side-wrap .pd-locked-req:hover { background: #171310; border-color: #171310; color: #fff; text-decoration: none; }
.pd-specs { border-top: 1px solid #ece5da; padding-top: 20px; }
.pd-bju { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-bottom: 20px; }
.pd-bju-i { background: #faf7f2; border: 1px solid #f0e9df; border-radius: 12px; padding: 12px 8px; text-align: center; }
.pd-bju-i b { display: block; font-size: 20px; font-weight: 800; color: #171310; }
.pd-bju-i span { font-size: 11px; color: #8a827a; }
.pd-row { margin-bottom: 16px; }
.pd-row h4 { font-size: 13px; font-weight: 700; color: #171310; text-transform: uppercase; letter-spacing: .04em; margin: 0 0 5px; }
.pd-row p { margin: 0; color: #4a443d; font-size: 14px; line-height: 1.5; }
.pd-desc { color: #4a443d; font-size: 14px; line-height: 1.6; }
.pd-barcode { color: #a99f92; font-size: 13px; margin-top: 10px; }
.others-products-wrap { width: min(1420px, calc(100% - 48px)); margin: 8px auto 40px; }
.others-products-wrap .sect--title { font-size: 22px; font-weight: 800; margin: 0 0 16px; text-transform: none; }
@media (max-width: 860px) {
	.product-main-wrap { grid-template-columns: 1fr; gap: 20px; padding: 14px 0 28px; }
	.se_photo-slider--wrap { position: static; }
	.se_photo-slider img { height: 300px; }
	.se_side-wrap h1.title { font-size: 22px !important; }
	.se_side-wrap .pd-price { font-size: 26px !important; }
	.pd-bju { grid-template-columns: repeat(2, 1fr); }
}

.se_breadcrumb .pd-back, a.pd-back { display:inline-flex; align-items:center; gap:6px; color:#8a827a; font-size:14px; font-weight:600; text-decoration:none; padding:4px 0; }
.se_breadcrumb .pd-back:hover, a.pd-back:hover { color:#e1251b; }

/* ===== Моя подборка (избранное) ===== */
.fav-page{width:min(1420px,calc(100% - 48px));margin:0 auto;padding:24px 0 40px;font-family:'Manrope',system-ui,sans-serif;}
.fav-page .fav-h1{font-size:30px;font-weight:800;margin:0 0 20px;color:#171310;}
.fav-page #catalog-items{padding:0 !important;background:none;}
@media(max-width:700px){.fav-page{padding:16px 0 28px;}.fav-page .fav-h1{font-size:22px;}}

/* пустое состояние «Моей подборки» */
.fav-empty{background:#fff;border:1px solid #ece5da;border-radius:16px;padding:48px 32px;text-align:center;max-width:520px;margin:0 auto;font-family:'Manrope',system-ui,sans-serif;}
.fav-empty__ico{width:64px;height:64px;margin:0 auto 18px;background:#fdeceb;border-radius:50%;display:flex;align-items:center;justify-content:center;}
.fav-empty__ico svg{width:32px;height:32px;}
.fav-empty h2{font-size:22px;font-weight:800;color:#171310;margin:0 0 10px;}
.fav-empty p{color:#746f68;font-size:15px;line-height:1.55;margin:0 0 8px;}
.fav-empty__hint{color:#8a827a;font-size:14px;}
.fav-empty__heart{color:#e1251b;}
.fav-empty__btn{display:inline-block;margin-top:20px;background:#e1251b;color:#fff;border-radius:12px;padding:12px 28px;font-weight:700;font-size:15px;text-decoration:none;transition:background .15s;}
.fav-empty__btn:hover{background:#c91f17;}


/* ========== ИСТОРИЯ ЗАКАЗОВ (этап 7, список) ========== */
.sale-order-history-link{
	display:inline-block;font-family:'Manrope',system-ui,sans-serif;font-size:14px;font-weight:600;
	color:#746f68;text-decoration:none;border:1px solid #e3ddd3;background:#fff;border-radius:999px;
	padding:8px 16px;margin:8px 8px 20px 0;transition:background .15s,color .15s;
}
.sale-order-history-link:hover{color:#171310;background:#f0e9df;}
.sale-order-list-container{
	background:#fff;border:1px solid #ece5da;border-radius:16px;padding:20px 24px !important;
	margin:0 auto 16px !important;max-width:min(1100px,calc(100% - 48px));width:100%;
	font-family:'Manrope',system-ui,sans-serif;box-shadow:0 1px 2px rgba(23,19,16,.04);
}
.sale-order-list-title,.sale-order-title{
	font-family:'Manrope',sans-serif !important;font-size:18px !important;font-weight:800 !important;
	color:#171310 !important;margin:0 0 14px !important;line-height:1.35 !important;text-transform:none !important;
}
.sale-order-title{max-width:min(1100px,calc(100% - 48px));margin-left:auto !important;margin-right:auto !important;font-size:15px !important;color:#8a827a !important;}
/* убрать старую коричневую плашку у заголовка заказа — заголовок чистый в белой карточке */
.sale-order-list-title-container{background:transparent !important;color:inherit !important;padding:0 !important;border-radius:0 !important;margin:0 !important;}
.sale-order-list-inner-container{margin-top:12px;border-top:1px solid #f0e9df;padding-top:12px;}
.sale-order-list-inner-title-line-item{font-size:13px;font-weight:700;color:#8a827a;text-transform:uppercase;letter-spacing:.04em;}
.sale-order-list-inner-title-line-border{display:none !important;}
.sale-order-list-payment-title,.sale-order-list-shipment-title{font-size:14px;color:#4a443d;margin:6px 0;line-height:1.5;}
.sale-order-list-status-success,.sale-order-list-status-alert,.sale-order-list-status-restricted{
	display:inline-block;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;margin-left:8px;
}
.sale-order-list-status-success{background:#edf4ec;color:#3f8f4a;}
.sale-order-list-status-alert{background:#fdecea;color:#e1251b;}
.sale-order-list-status-restricted{background:#f0e9df;color:#8a827a;}
.sale-order-list-cancel-link,.sale-order-list-repeat-order a,a.sale-order-detail-link,
.sale-order-list-container a[href*="detail"],.sale-order-list-container a[href*="cancel"]{
	color:#e1251b;font-weight:600;text-decoration:none;
}
.sale-order-list-cancel-link:hover,a.sale-order-detail-link:hover{color:#c91f17;text-decoration:underline;}
.sale-order-list-button,.sale-order-list-container .btn,.sale-order-list-container button{
	font-family:'Manrope',sans-serif;
}
@media(max-width:700px){
	.sale-order-list-container{padding:16px !important;border-radius:12px;}
	.sale-order-list-title{font-size:16px !important;}
}

/* ── Блок «кто везёт заказ» в истории (данные из SUBEX) ── */
.se-driver{display:flex;gap:14px;align-items:flex-start;margin:14px 0 2px;padding:14px 16px;background:#fff;border:1px solid #ece7e1;border-left:4px solid #e1251b;border-radius:14px;font-family:'Manrope',system-ui,-apple-system,sans-serif}
.se-driver--ok{border-left-color:#1f9d55}
.se-driver__ic{flex:0 0 auto;width:40px;height:40px;border-radius:10px;background:#fbeceb;color:#e1251b;display:flex;align-items:center;justify-content:center}
.se-driver--ok .se-driver__ic{background:#e8f6ee;color:#1f9d55}
.se-driver__ic svg{width:23px;height:23px;fill:currentColor}
.se-driver__body{flex:1 1 auto;min-width:0}
.se-driver__top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.se-driver__label{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:#8a817a;font-weight:700}
.se-driver__chip{font-size:12px;font-weight:700;padding:2px 9px;border-radius:999px;background:#fbeceb;color:#e1251b}
.se-driver--ok .se-driver__chip{background:#e8f6ee;color:#1f9d55}
.se-driver__name{font-size:17px;font-weight:800;color:#171310;margin-top:2px;line-height:1.25}
.se-driver__meta{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:4px;font-size:14px;color:#4a423c}
.se-driver__car{font-weight:600}
.se-driver__eta{color:#8a817a}
.se-driver__tel{color:#e1251b;font-weight:700;text-decoration:none;white-space:nowrap}
.se-driver__tel:hover{text-decoration:underline}
@media(max-width:600px){.se-driver{padding:12px 13px;gap:11px;margin:12px 0 2px}.se-driver__name{font-size:16px}.se-driver__meta{font-size:13px;gap:3px 12px}.se-driver__ic{width:36px;height:36px}}

/* ---------- ШАПКА КАТАЛОГА: только строка поиска ----------
   По просьбе Nata 04.09.2026 убраны заголовок «Весь каталог» и бежевая
   подложка под ним — остаётся одна строка поиска на общем фоне страницы.
   Заголовок печатается из шаблона каталога с инлайновыми стилями, а подложка
   задана выше в этом же файле, поэтому нужен !important. Заодно скрыта
   подпись «Результаты поиска:» — она жила в той же плашке.
   Выравнивание вправо перебивает инлайновый justify-content: space-between
   у самой обёртки, иначе поиск прыгнул бы к левому краю. */
.page-title-wrap {
	background: transparent !important;
	justify-content: flex-end !important;
}
.page-title-wrap .page-title.jsTitle,
.page-title-wrap .page-title.jsSearchTitle { display: none !important; }

/* Поиск переезжает в строку с тумблером — чтобы не занимать отдельный ряд.
   Двигаем стилями, а не разметкой: сам input лежит в #catalog-app-е соседом,
   а перенести его туда скриптом нельзя — Vue пересобирает содержимое
   #catalog-app и потерял бы обработчик поиска.
   Обёртку схлопываем в нулевую высоту, поиск кладём поверх абсолютно.
   19px сверху = центр поиска совпадает с центром тумблера (у #catalog-app
   отступ сверху 20px, высота тумблера 44px, поиска — 46px).
   На телефоне не трогаем: там поиск на всю ширину отдельной строкой. */
@media (min-width: 768px) {
	.page-title-wrap {
		position: relative;
		height: 0 !important;
		min-height: 0 !important;
		padding: 0 !important;
		margin: 0 !important;
		overflow: visible;
	}
	.page-title-wrap .product-search-form {
		position: absolute;
		top: 19px;
		right: min(48px, 4vw);
		margin: 0 !important;
		z-index: 3;
	}
}

/* ========== ДЕТАЛЬНАЯ КАРТОЧКА ЗАКАЗА (/personal/order/detail/) ========== */
.sale-order-detail{font-family:'Manrope',system-ui,-apple-system,sans-serif !important;max-width:min(1100px,calc(100% - 48px));margin:0 auto;color:#4a443d;}
.sale-order-detail [class*="sale-order-detail"]{font-family:inherit !important;}
/* секции — белые карточки, без старых серых градиентов */
.sale-order-detail-order-section{background:#fff !important;border:1px solid #ece5da !important;border-radius:16px !important;margin:0 0 16px !important;box-shadow:0 1px 2px rgba(23,19,16,.04) !important;overflow:hidden;}
.sale-order-detail-order-section-caption,
.sale-order-detail-order-item-title,
.sale-order-detail-order-item-tr-first,
.sale-order-detail-payment-options-title,
.sale-order-detail-payment-options-order-content-title{background:#fff !important;background-image:none !important;color:#171310 !important;font-weight:800 !important;}
.sale-order-detail-order-item-tr{background:#fff !important;background-image:none !important;border-bottom:1px solid #f4efe7 !important;}
/* блок «о заказе»: статус/даты */
.sale-order-detail-about-order-inner-container-list-item{padding:7px 0 !important;border-bottom:1px solid #f4efe7;}
.sale-order-detail-about-order-inner-container-list-item-element{color:#171310 !important;font-weight:600 !important;}
/* итоги */
.sale-order-detail-total-payment-list-left-item{color:#746f68 !important;font-size:14px !important;}
.sale-order-detail-total-payment-list-right-item{color:#171310 !important;font-weight:700 !important;}
/* «Итого» — красным и крупнее (последняя строка итогов) */
.sale-order-detail-total-payment-list-item:last-child .sale-order-detail-total-payment-list-right-item{color:#e1251b !important;font-size:18px !important;}
/* кнопки → красные, скруглённые */
.sale-order-detail a.btn,.sale-order-detail .sale-order-detail-button,
.sale-order-detail-payment-options-methods-button,.sale-order-detail-slider-conteiner-button{
	background:#e1251b !important;background-image:none !important;border:0 !important;color:#fff !important;
	border-radius:10px !important;font-weight:700 !important;box-shadow:none !important;
}