/* ===== ШАБЛОНЫ ДОКУМЕНТОВ — премиальный маркетплейс (платина) ===== */

/* Атрибут hidden сильнее любых display: flex/grid */
[hidden] {
	display: none !important;
}

:root {
	--plat-1: #ffffff;
	--plat-2: #dfe4ea;
	--plat-3: #aeb7c2;
	--plat-4: #8c95a1;
	--silver-text: #c3cbd4;
	--silver-soft: #9aa2ad;
	--glow: rgba(198, 210, 226, 0.13);
	--card-top: #1a1a1c;
	--card-bottom: #131315;
	--line: #2a2b2e;
	--line-soft: #232326;
	--card-bg: #161618;
}

/* ===== ГЕРОЙ: сплит на две части ===== */
.shop-hero {
	position: relative;
	display: grid;
	grid-template-columns: 1.05fr 0.95fr;
	border-left: 1px solid #3c3c3c;
	border-right: 1px solid #3c3c3c;
	border-top: 1px solid #3c3c3c;
}

/* Ссылка «На главную» в углу героя */
.shop-back {
	position: absolute;
	top: 30px;
	left: 56px;
	z-index: 4;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #9aa2ad;
	font-family: "SF Pro Display";
	font-size: 15px;
	font-weight: 500;
	transition: color 0.3s ease;
}

.shop-back:hover {
	color: #ffffff;
}

.shop-back svg {
	width: 18px;
	height: 18px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.9;
	stroke-linecap: round;
	stroke-linejoin: round;
}

/* Ссылка «Личный кабинет» в правом углу героя */
.shop-lk {
	position: absolute;
	top: 30px;
	right: 56px;
	z-index: 4;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #c3cbd4;
	font-family: "SF Pro Display";
	font-size: 15px;
	font-weight: 500;
	padding: 8px 16px;
	border-radius: 10px;
	background: rgba(18, 19, 23, 0.4);
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
	border: 1px solid rgba(255, 255, 255, 0.14);
	transition: color 0.3s ease, border-color 0.3s ease;
}

.shop-lk:hover {
	color: #ffffff;
	border-color: rgba(255, 255, 255, 0.4);
}

.shop-lk svg {
	width: 17px;
	height: 17px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
}

.shop-hero-left {
	padding: 82px 56px 74px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background:
		radial-gradient(120% 90% at 0% 0%, rgba(198, 210, 226, 0.05), transparent 55%),
		#111;
}

.shop-title {
	color: white;
	font-family: "Vetrino";
	font-size: 54px;
	font-weight: 400;
	line-height: 1.08;
	letter-spacing: 0.3px;
	margin: 0;
}

.shop-lead {
	color: #a2a2a2;
	font-family: "SF Pro Display";
	font-size: 17px;
	font-weight: 400;
	line-height: 1.7;
	max-width: 520px;
	margin: 26px 0 0;
}

/* Полоса доверия (слева) */
.shop-trust {
	display: flex;
	align-items: center;
	gap: 24px;
	margin-top: 38px;
}

.trust-item {
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.trust-item b {
	color: white;
	font-family: "Vetrino";
	font-size: 24px;
	font-weight: 400;
}

.trust-item span {
	color: #7c7c7c;
	font-family: "SF Pro Display";
	font-size: 13px;
	font-weight: 400;
}

.trust-dot {
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: linear-gradient(180deg, var(--plat-1), var(--plat-3));
	opacity: 0.65;
}

/* ===== ПОИСК (правая часть) ===== */
.shop-hero-right {
	position: relative;
	border-left: 1px solid #3c3c3c;
	padding: 82px 56px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	overflow: hidden;
	background:
		linear-gradient(180deg, rgba(16, 16, 18, 0.35) 0%, rgba(16, 16, 18, 0.72) 55%, rgba(16, 16, 18, 0.94) 100%),
		linear-gradient(90deg, rgba(16, 16, 18, 0.2), rgba(16, 16, 18, 0.55)),
		url("img/search-bg.jpg") center/cover no-repeat,
		#101012;
}

.search-panel {
	width: 100%;
}

/* Анимированное слово над поиском */
.search-rotator {
	display: flex;
	align-items: center;
	min-height: 42px;
	margin-bottom: 22px;
	font-family: "SF Pro Display";
	font-size: 30px;
	font-weight: 400;
	line-height: 1.1;
	color: #eef1f4;
	letter-spacing: 0.2px;
}

.rot-caret {
	display: inline-block;
	width: 2px;
	height: 30px;
	margin-left: 5px;
	background: linear-gradient(180deg, var(--plat-1), var(--plat-3));
	animation: caretBlink 1.05s steps(1) infinite;
}

@keyframes caretBlink {
	50% {
		opacity: 0;
	}
}

/* Поле поиска */
.search-field {
	display: flex;
	align-items: center;
	height: 62px;
	padding: 0 18px;
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid #34363a;
	border-radius: 14px;
	transition:
		border-color 0.4s ease,
		box-shadow 0.4s ease,
		background-color 0.4s ease;
}

.search-field:focus-within {
	border-color: rgba(198, 210, 226, 0.5);
	background: rgba(255, 255, 255, 0.05);
	box-shadow: 0 0 0 4px rgba(198, 210, 226, 0.06);
}

.search-ico {
	width: 22px;
	height: 22px;
	flex-shrink: 0;
	fill: none;
	stroke: #8c95a1;
	stroke-width: 1.7;
	stroke-linecap: round;
	stroke-linejoin: round;
	transition: stroke 0.4s ease;
}

.search-field:focus-within .search-ico {
	stroke: var(--plat-2);
}

#docSearch {
	flex: 1;
	min-width: 0;
	background: transparent;
	border: none;
	outline: none;
	color: white;
	font-family: "SF Pro Display";
	font-size: 17px;
	font-weight: 400;
	padding: 0 14px;
}

#docSearch::placeholder {
	color: #6f767f;
}

.search-hint {
	color: #6f767f;
	font-family: "SF Pro Display";
	font-size: 13px;
	font-weight: 400;
	margin-top: 14px;
}

/* ===== СЕТКА ===== */
.shop-wrap {
	border-left: 1px solid #3c3c3c;
	border-right: 1px solid #3c3c3c;
	border-bottom: 1px solid #3c3c3c;
	border-top: 1px solid #3c3c3c;
	padding: 48px 44px 56px;
	background:
		radial-gradient(90% 40% at 50% 0%, rgba(198, 210, 226, 0.035), transparent 70%),
		#111;
}

/* Тулбар каталога: заголовок + счётчик */
.shop-toolbar {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 28px;
}

.shop-toolbar h2 {
	margin: 0;
	color: white;
	font-family: "Vetrino";
	font-size: 30px;
	font-weight: 400;
}

.shop-count {
	color: #7f858d;
	font-family: "SF Pro Display";
	font-size: 14px;
	white-space: nowrap;
}

.shop-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}

/* ===== КАРТОЧКА ===== */
.prod-card {
	position: relative;
	display: flex;
	flex-direction: column;
	background: var(--card-bg);
	border: 1px solid var(--line);
	border-radius: 18px;
	padding: 30px 30px 28px;
	overflow: hidden;
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.05) inset,
		0 18px 40px -30px rgba(0, 0, 0, 0.9);
	transition:
		border-color 0.45s ease,
		transform 0.65s cubic-bezier(0.22, 1, 0.36, 1),
		opacity 0.65s ease,
		box-shadow 0.45s ease;
}

.prod-card::before {
	content: "";
	position: absolute;
	top: -40%;
	left: 50%;
	transform: translateX(-50%);
	width: 70%;
	height: 60%;
	background: radial-gradient(closest-side, var(--glow), transparent 70%);
	opacity: 0;
	transition: opacity 0.5s ease;
	pointer-events: none;
}

.prod-card:hover {
	border-color: rgba(198, 210, 226, 0.4);
	transform: translateY(-6px);
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.08) inset,
		0 30px 60px -34px rgba(0, 0, 0, 1),
		0 0 40px -18px var(--glow);
}

.prod-card:hover::before {
	opacity: 1;
}

/* Обложка-иллюстрация сверху карточки */
.prod-cover {
	position: relative;
	margin: -30px -30px 22px;
	height: 190px;
	overflow: hidden;
}

.prod-cover img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.6s ease;
}

.prod-card:hover .prod-cover img {
	transform: scale(1.05);
}

/* Плавное затемнение низа обложки в фон карточки */
.prod-cover::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(22, 22, 24, 0) 60%, rgba(22, 22, 24, 0.65) 88%, var(--card-bg) 100%);
	pointer-events: none;
}

/* Теги на обложке: направление (слева) и Хит/Топ (справа) — матовое стекло */
.prod-cat,
.prod-badge {
	position: absolute;
	top: 24px;
	z-index: 2;
	padding: 8px 14px;
	border-radius: 11px;
	background: rgba(18, 19, 23, 0.4);
	-webkit-backdrop-filter: blur(14px) saturate(130%);
	backdrop-filter: blur(14px) saturate(130%);
	border: 1px solid rgba(255, 255, 255, 0.16);
	color: #eef1f4;
	font-family: "SF Pro Display";
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	box-shadow: 0 8px 22px -12px rgba(0, 0, 0, 0.85);
}

.prod-badge {
	right: 24px;
}

/* Угол для бегущего по контуру блика */
@property --badge-a {
	syntax: "<angle>";
	initial-value: 0deg;
	inherits: false;
}

/* Серебряный огонёк обходит рамку тега по кругу */
.prod-badge::before {
	content: "";
	position: absolute;
	inset: -1px;
	border-radius: inherit;
	padding: 1.5px;
	background: conic-gradient(
		from var(--badge-a),
		transparent 0deg,
		transparent 285deg,
		rgba(255, 255, 255, 0.35) 320deg,
		#ffffff 342deg,
		rgba(255, 255, 255, 0.35) 352deg,
		transparent 360deg
	);
	-webkit-mask:
		linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask:
		linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);
	mask-composite: exclude;
	animation: badgeOrbit 3.2s linear infinite;
	pointer-events: none;
}

@keyframes badgeOrbit {
	to {
		--badge-a: 360deg;
	}
}

/* Глянцевый блик, изредка пробегающий по стеклу */
.prod-badge::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background: linear-gradient(
		115deg,
		transparent 35%,
		rgba(255, 255, 255, 0.22) 50%,
		transparent 65%
	);
	background-size: 260% 100%;
	background-position: 130% 0;
	animation: badgeShine 4.8s ease-in-out infinite;
	pointer-events: none;
}

@keyframes badgeShine {
	0% {
		background-position: 130% 0;
	}
	38%,
	100% {
		background-position: -130% 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	.prod-badge::before,
	.prod-badge::after {
		animation: none;
	}
}

/* Направление — на обложке слева, тот же матовый стиль */
.prod-cat {
	left: 24px;
	max-width: calc(100% - 48px);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Если рядом бейдж «Топ/Хит» — оставляем ему место справа */
.prod-badge + .prod-cat {
	max-width: calc(100% - 128px);
}

/* Название документа — крупнее.
   min-height = 2 строки: у всех карточек описание начинается на одном уровне */
.prod-title {
	color: #ffffff;
	font-family: "Vetrino";
	font-size: 31px;
	font-weight: 400;
	line-height: 1.15;
	letter-spacing: 0.2px;
	margin: 0 0 14px;
	min-height: 72px;
}

/* Описание. min-height = 3 строки: «Что входит» у всех на одном уровне */
.prod-desc {
	color: #9c9c9c;
	font-family: "SF Pro Display";
	font-size: 15px;
	font-weight: 400;
	line-height: 1.6;
	margin: 0 0 22px;
	min-height: 72px;
}

/* Метка над списком состава */
.prod-includes {
	color: #6f767f;
	font-family: "SF Pro Display";
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1.2px;
	margin: 0 0 12px;
}

/* Что внутри — галочки в квадратиках */
.prod-list {
	list-style: none;
	margin: 0 0 26px 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.prod-list li {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 24px;
	padding-left: 34px;
	color: #b6b6b6;
	font-family: "SF Pro Display";
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4;
}

/* Квадратик */
.prod-list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 24px;
	height: 24px;
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.045);
	border: 1px solid #34363a;
}

/* Галочка внутри квадратика */
.prod-list li::after {
	content: "";
	position: absolute;
	left: 8px;
	top: 50%;
	width: 8px;
	height: 4px;
	border-left: 1.8px solid var(--plat-2);
	border-bottom: 1.8px solid var(--plat-2);
	transform: translateY(-72%) rotate(-45deg);
}

/* Низ карточки: цена + кнопка */
.prod-foot {
	margin-top: auto;
	padding-top: 24px;
	border-top: 1px solid var(--line-soft);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
}

.prod-price {
	display: flex;
	flex-direction: column;
	font-family: "Vetrino";
	font-size: 32px;
	font-weight: 400;
	white-space: nowrap;
	letter-spacing: 0.3px;
	color: #ffffff;
}

.prod-price::after {
	content: "за пакет документов";
	color: #7f858d;
	font-family: "SF Pro Display";
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.2px;
	margin-top: 3px;
}

.prod-buy {
	position: relative;
	color: white;
	background-color: rgba(255, 255, 255, 0.04);
	border: 1px solid #3a3b3e;
	border-radius: 11px;
	padding: 12px 26px;
	font-family: "SF Pro Display";
	font-size: 15px;
	font-weight: 500;
	cursor: pointer;
	transition:
		color 0.45s ease,
		background 0.45s ease,
		border-color 0.45s ease,
		box-shadow 0.45s ease;
}

.prod-buy:hover {
	color: #111111;
	background: #ffffff;
	border-color: #ffffff;
}

/* Кнопка «Купить», когда товар уже в корзине — спокойная зелёная */
.prod-buy.in-cart {
	color: #7fd6a0;
	background: rgba(72, 187, 120, 0.1);
	border-color: rgba(72, 187, 120, 0.55);
}

.prod-buy.in-cart:hover {
	color: #a8e6c1;
	background: rgba(72, 187, 120, 0.18);
	border-color: rgba(72, 187, 120, 0.8);
}

/* Плавающая корзина */
.cart-fab {
	position: fixed;
	right: 26px;
	bottom: 26px;
	z-index: 60;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 62px;
	height: 62px;
	border-radius: 18px;
	background: rgba(24, 25, 29, 0.75);
	-webkit-backdrop-filter: blur(16px) saturate(140%);
	backdrop-filter: blur(16px) saturate(140%);
	border: 1px solid rgba(255, 255, 255, 0.18);
	box-shadow: 0 18px 40px -18px rgba(0, 0, 0, 0.9);
	transition:
		transform 0.3s ease,
		border-color 0.3s ease;
}

.cart-fab:hover {
	transform: translateY(-3px);
	border-color: rgba(255, 255, 255, 0.4);
}

.cart-fab svg {
	width: 26px;
	height: 26px;
	fill: none;
	stroke: #eef1f4;
	stroke-width: 1.7;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.cart-fab-count {
	position: absolute;
	top: -7px;
	right: -7px;
	min-width: 24px;
	height: 24px;
	padding: 0 7px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 12px;
	background-color: #ffffff;
	color: #111111;
	font-family: "SF Pro Display";
	font-size: 13px;
	font-weight: 600;
}

@keyframes cartPop {
	0% {
		transform: scale(1);
	}
	40% {
		transform: scale(1.18);
	}
	100% {
		transform: scale(1);
	}
}

.cart-fab.pop {
	animation: cartPop 0.35s ease;
}

/* Скрытая карточка при поиске */
.prod-card.is-hidden {
	display: none;
}

/* Ничего не найдено */
.shop-empty {
	text-align: center;
	color: #9a9a9a;
	font-family: "SF Pro Display";
	font-size: 16px;
	line-height: 1.6;
	padding: 60px 20px;
}

.shop-empty a {
	color: #e4e8ed;
	text-decoration: none;
	border-bottom: 1px solid rgba(198, 210, 226, 0.35);
}

.shop-empty a:hover {
	color: white;
}

/* Нижняя заметка */
.shop-note {
	margin-top: 40px;
	padding: 28px 30px;
	background: linear-gradient(180deg, var(--card-top), var(--card-bottom));
	border: 1px solid var(--line);
	border-radius: 16px;
	color: #9a9a9a;
	font-family: "SF Pro Display";
	font-size: 15.5px;
	line-height: 1.65;
	text-align: center;
}

.shop-note a {
	color: #e4e8ed;
	text-decoration: none;
	border-bottom: 1px solid rgba(198, 210, 226, 0.35);
	padding-bottom: 1px;
	transition:
		color 0.4s ease,
		border-color 0.4s ease;
}

.shop-note a:hover {
	color: white;
	border-color: rgba(255, 255, 255, 0.7);
}

/* ===== АНИМАЦИИ ПОЯВЛЕНИЯ СТРАНИЦЫ ===== */
/* Включаются классом .anim на <html> (ставится инлайн-скриптом);
   без JS страница отображается сразу, без скрытых блоков. */

@keyframes pageFadeUp {
	from {
		opacity: 0;
		transform: translateY(22px);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

@keyframes pageFadeDown {
	from {
		opacity: 0;
		transform: translateY(-10px);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

@keyframes heroFade {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

/* Заголовок: буквы материализуются из дымки — как имя на главной */
@keyframes shopChar {
	to {
		opacity: 1;
		transform: none;
		filter: blur(0);
	}
}

.shop-title .line {
	display: block;
}

html.anim .shop-title.split .ch {
	display: inline-block;
	opacity: 0;
	transform: translateY(0.45em);
	filter: blur(12px);
	animation: shopChar 1.1s cubic-bezier(0.22, 1, 0.36, 1) forwards;
	animation-delay: calc(0.15s + var(--i) * 0.03s);
	will-change: transform, filter;
}

/* Левый текст и полоса доверия — всплывают следом, неторопливо */
html.anim .shop-lead {
	animation: pageFadeUp 1.1s cubic-bezier(0.22, 1, 0.36, 1) 1.05s both;
}

html.anim .shop-trust {
	animation: pageFadeUp 1.1s cubic-bezier(0.22, 1, 0.36, 1) 1.25s both;
}

/* Правая часть: фон медленно проявляется, панель поиска всплывает */
html.anim .shop-hero-right {
	animation: heroFade 1.6s ease 0.2s both;
}

html.anim .search-panel {
	animation: pageFadeUp 1.2s cubic-bezier(0.22, 1, 0.36, 1) 0.75s both;
}

/* Ссылки в углах — спускаются последними */
html.anim .shop-back,
html.anim .shop-lk {
	animation: pageFadeDown 0.9s ease 1.45s both;
}

/* Каталог: тулбар, карточки и заметка всплывают при попадании в кадр —
   неторопливо и с лёгкой дымкой, как на главной */
html.anim .shop-toolbar,
html.anim .shop-note {
	opacity: 0;
	transform: translateY(30px);
	filter: blur(8px);
	transition:
		opacity 1s ease,
		transform 1s cubic-bezier(0.22, 1, 0.36, 1),
		filter 1s ease;
}

html.anim .prod-card {
	opacity: 0;
	transform: translateY(34px);
	filter: blur(10px);
	transition:
		border-color 0.45s ease,
		transform 1s cubic-bezier(0.22, 1, 0.36, 1),
		opacity 1s ease,
		filter 1s ease,
		box-shadow 0.45s ease;
}

html.anim .prod-card.in,
html.anim .shop-toolbar.in,
html.anim .shop-note.in {
	opacity: 1;
	transform: none;
	filter: blur(0);
}

/* Ховер-подъём карточки не должен проигрывать входному правилу по специфичности */
html.anim .prod-card.in:hover {
	transform: translateY(-6px);
}

/* Уважение к «уменьшить движение» */
@media (prefers-reduced-motion: reduce) {
	html.anim .shop-title.split .ch,
	html.anim .shop-lead,
	html.anim .shop-trust,
	html.anim .shop-hero-right,
	html.anim .search-panel,
	html.anim .shop-back,
	html.anim .shop-lk {
		animation: none;
		opacity: 1;
		transform: none;
		filter: none;
	}
	html.anim .prod-card,
	html.anim .shop-toolbar,
	html.anim .shop-note {
		opacity: 1;
		transform: none;
		filter: none;
		transition: none;
	}
}

/* ===== АДАПТИВ ===== */
@media (max-width: 1024px) {
	.shop-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 900px) {
	.shop-hero {
		grid-template-columns: 1fr;
	}
	.shop-hero-left {
		padding: 68px 32px 40px;
	}
	.shop-hero-right {
		border-left: none;
		border-top: 1px solid #3c3c3c;
		padding: 40px 32px 52px;
	}
	.shop-title {
		font-size: 42px;
	}
	.shop-back {
		left: 32px;
	}
	.shop-lk {
		right: 32px;
	}
}

@media (max-width: 700px) {
	.shop-hero-left {
		padding: 58px 18px 32px;
	}
	.shop-back {
		top: 20px;
		left: 18px;
		font-size: 14px;
	}
	.shop-lk {
		top: 12px;
		right: 14px;
		font-size: 13px;
		padding: 7px 12px;
	}
	.shop-hero-right {
		padding: 32px 18px 44px;
	}
	.shop-title {
		font-size: 34px;
	}
	.shop-lead {
		font-size: 15px;
	}
	.shop-trust {
		gap: 16px;
	}
	.search-rotator {
		font-size: 24px;
		min-height: 34px;
	}
	.rot-caret {
		height: 24px;
	}
	.shop-wrap {
		padding: 28px 14px 36px;
	}
	.shop-grid {
		grid-template-columns: 1fr;
	}
	.shop-toolbar h2 {
		font-size: 25px;
	}
}

@media (max-width: 440px) {
	.prod-card {
		padding: 28px 24px 26px;
	}
	/* Обложка тянется ровно до краёв карточки (паддинг здесь 28/24) */
	.prod-cover {
		margin: -28px -24px 20px;
	}
	.prod-title {
		font-size: 28px;
		min-height: 0;
	}
	/* На телефоне карточки в один столбец — выравнивание зон не нужно */
	.prod-desc {
		min-height: 0;
	}
	.prod-foot {
		flex-direction: column;
		align-items: stretch;
		gap: 16px;
	}
	.prod-buy {
		text-align: center;
	}
	.shop-trust b {
		font-size: 20px;
	}
}