/**
 * Cookie-уведомление — в палитре сайта (surface + hairline, ink-CTA).
 * Ненавязчивая плашка снизу; на mobile не перекрывает плавающие элементы.
 */

.vbj-cookie {
	position: fixed;
	left: 16px;
	right: auto;
	bottom: 16px;
	max-width: min(560px, calc(100vw - 32px)); /* по ширине текста, не на всю страницу */
	z-index: 900; /* ниже возможных модалок (лайтбокс галереи ~1000), выше контента */
	background-color: var(--color-surface);
	border: 1px solid var(--color-line);
	border-radius: var(--radius-card);
	box-shadow: 0 8px 28px rgba(23, 23, 23, 0.10);
	animation: vbj-cookie-in 260ms cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes vbj-cookie-in {
	from { opacity: 0; transform: translateY(12px); }
	to   { opacity: 1; transform: translateY(0); }
}

.vbj-cookie__inner {
	display: flex;
	align-items: center;
	gap: 20px;
	margin: 0;
	padding: 16px 20px;
}

.vbj-cookie__text {
	margin: 0;
	font-family: var(--font-body);
	font-size: 13px;
	line-height: 1.55;
	color: var(--color-muted);
}

.vbj-cookie__text a {
	color: var(--color-ink);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.vbj-cookie__text a:hover {
	color: var(--color-brand);
}

.vbj-cookie__accept {
	flex: none;
	white-space: nowrap;
}

/* Mobile: вертикальная раскладка, кнопка на всю ширину, компактный отступ снизу */
@media (max-width: 767px) {
	.vbj-cookie {
		left: 10px;
		right: 10px;
		bottom: 10px;
	}
	.vbj-cookie__inner {
		flex-direction: column;
		align-items: stretch;
		gap: 12px;
		padding: 14px 16px;
	}
	.vbj-cookie__accept {
		width: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {
	.vbj-cookie { animation: none; }
}

/* T2: пока плашка видна — резервируем место снизу, чтобы она не перекрывала
   контент/кнопки (особенно place-order на checkout). Класс ставит cookie-notice.js. */
html.vbj-has-cookie body {
	padding-bottom: 104px;
}
@media (max-width: 767px) {
	html.vbj-has-cookie body {
		padding-bottom: 148px; /* mobile: плашка вертикальная, выше */
	}
}

/* T2: при открытом видео-модале (gallery.js ставит body.vbj-lightbox-open) прячем
   плашку — не конфликтует с overlay и не читается поверх него. */
body.vbj-lightbox-open .vbj-cookie {
	display: none;
}