/* Tenor Sans (assets/fonts/). */
@font-face {
	font-family: 'TenorSans';
	src: url('../fonts/TenorSans-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

/* Amatic SC: TTF only (assets/custom/fonts/Amatic SC/). No woff/woff2. */
@font-face {
	font-family: 'AmaticSC';
	src: url('fonts/Amatic%20SC/AmaticSC-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'AmaticSC';
	src: url('fonts/Amatic%20SC/AmaticSC-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

/* Глобально: основной текст как .top-nav — Tenor Sans + #282805 */
html {
	background-color: #dcdad9;
}
body {
	font-family: 'TenorSans', serif;
	color: #282805;
	background-color: #dcdad9;
}
body.page-hero,
body.page-tea:not(.page-collab):not(.page-faq),
body.page-shop {
	background-color: #dcdad9 !important;
}
body.page-hero #body-inner,
body.page-tea:not(.page-collab):not(.page-faq) #body-inner,
body.page-shop #body-inner {
	background-color: #dcdad9;
}
/* Перебить secondary font (Noto Serif) из theme.css */
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body .h1,
body .h2,
body .h3,
body .h4,
body .h5,
body .h6,
body .tt-heading,
body .tt-btn,
body .tt-ol-menu-toggle-btn-text,
body .tt-copyright,
body .social-buttons,
body .footer-social,
body .tt-pagination,
body .tt-main-menu,
body .tt-ol-menu-list,
body .scroll-down-circle,
body .made-with-love,
body .ph-caption-title-ghost,
body .ph-caption-subtitle {
	font-family: 'TenorSans', serif;
}
/* Тёмные страницы демо-шаблона (без наших светлых body-классов) — читаемый контраст */
body:not(.page-tea):not(.page-shop):not(.page-hero) {
	color: #fff;
}

/* Сайт целиком: убрать полосу прокрутки и стрелки при двухпальцевом свайпе */
.scrollbar-track {
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
}
.scrollbar-thumb {
	visibility: hidden !important;
	opacity: 0 !important;
}

@media (hover: none), (pointer: coarse), (max-width: 768px) {
	*,
	*::before,
	*::after,
	html,
	body,
	a,
	button,
	input,
	textarea,
	select,
	label,
	[role="button"],
	.tt-btn,
	.top-nav-link,
	.region-cta,
	.dean-cart-trigger,
	.dean-account-trigger,
	.tt-product-btn {
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
		tap-highlight-color: rgba(0, 0, 0, 0) !important;
	}

	a:active,
	button:active,
	[role="button"]:active,
	.tt-btn:active,
	.top-nav-link:active,
	.region-cta:active,
	.dean-cart-trigger:active,
	.dean-account-trigger:active,
	.tt-product-btn:active {
		background-color: transparent !important;
		box-shadow: none !important;
	}

	.top-nav-link:active,
	.page-tea .region-cta:active {
		opacity: 1 !important;
		transform: none !important;
		filter: none !important;
	}
}

/* Homepage fallback. Real device rules are locked in mobile and desktop/tablet media blocks. */
body.page-hero {
	--nav-bar-h: 120px;
}

html,
body {
	height: 100%;
	overflow: hidden;
	background: #dcdad9;
}

.logo {
	position: absolute;
	left: 46px;
	top: 42px;
	z-index: 10;
}

.logo img {
	height: 70px;
	width: auto;
}

.menu-btn {
	position: absolute;
	right: 46px;
	top: 42px;
	z-index: 10;
	background: transparent;
	border: 0;
	padding: 0;
	cursor: pointer;
	transition: transform 180ms ease, filter 180ms ease;
	will-change: transform, filter;
}
.menu-btn:hover {
	transform: rotate(6deg) scale(1.03);
	filter: brightness(1.08) contrast(1.04);
}
.menu-btn:active {
	transform: rotate(0deg) scale(0.96);
	filter: brightness(1.02) contrast(1.02);
}
.menu-btn.is-open {
	transform: rotate(90deg);
}
.menu-btn.is-open:hover {
	transform: rotate(96deg) scale(1.03);
}
.menu-btn.is-open:active {
	transform: rotate(90deg) scale(0.96);
}

.menu-btn img {
	height: 70px;
	width: auto;
	display: block;
}

/* Hide default Tank header logo and Menu text only on hero page */
.page-hero .tt-logo,
.page-hero #tt-ol-menu-toggle-btn-wrap .tt-ol-menu-toggle-btn-text {
	display: none !important;
}

/* Hide default Tank hamburger trigger only on hero page */
.page-hero .tt-ol-menu-toggle-btn {
	display: none !important;
	pointer-events: none !important;
	visibility: hidden !important;
}

.page-hero .main-bg {
	position: fixed;
	top: var(--nav-bar-h);
	left: 0;
	right: 0;
	bottom: auto;
	height: calc(100vh - var(--nav-bar-h));
	z-index: 0;
	overflow: hidden;
	background: #FE752E;
	pointer-events: none;
}
.page-hero .main-bg-video {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	pointer-events: none;
	background-color: #FE752E;
	opacity: 0;
	z-index: 0;
	transition: none;
}
.page-hero .main-bg-video.is-active {
	opacity: 1;
	z-index: 1;
}
/* Site-wide preloader: fixed overlay, gray bg, orange logo — not in document flow */
body.tt-transition #page-transition {
	position: fixed !important;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	z-index: 100000;
	pointer-events: none;
	background-color: #dcdad9;
}
body.tt-transition .ptr-overlay {
	background-color: #dcdad9 !important;
	filter: none !important;
	backdrop-filter: none !important;
	transform: scaleY(1);
	transform-origin: center top;
}
body.tt-transition .ptr-prel-image {
	max-height: 192px !important;
	opacity: 1 !important;
	filter: none !important;
	backdrop-filter: none !important;
}
body.tt-transition .ptr-preloader {
	opacity: 0;
	visibility: hidden;
	filter: none !important;
	backdrop-filter: none !important;
}
body.tt-transition:not(.dean-page-visible) #tt-header,
body.tt-transition:not(.dean-page-visible) #content-wrap {
	visibility: hidden !important;
	opacity: 0 !important;
}
/* Header + content-wrap: never shift during preloader / page transitions */
body.page-hero #tt-header,
body.page-tea #tt-header,
body.page-shop #tt-header {
	transform: translate3d(0, 0, 0) !important;
	opacity: 1 !important;
	visibility: visible !important;
}
body.page-hero #content-wrap,
body.page-tea #content-wrap,
body.page-shop #content-wrap {
	transform: translate3d(0, 0, 0) !important;
}
/* Main page: scroll area has no layout height; hero/header are fixed layers. */
.page-hero #scroll-container {
	display: block !important;
	height: 0 !important;
	overflow: visible !important;
}

/* Same header/nav as main (tea, shop): responsive desktop header artwork */
.page-tea,
.page-shop {
	--nav-bar-h: 120px;
	--header-art: url("main/shapka-desktop.png");
	--header-art-h: 120px;
	/* shkapka.png по факту ~90px по высоте — сдвигаем слайдер на видимую часть,
	   чтобы рамка/текст касались крышки и центрирование выглядело “верно”. */
	--tea-visible-top: var(--nav-bar-h);
	--dean-header-bottom: var(--tea-visible-top);
	--tea-slider-top: var(--dean-header-bottom, var(--tea-visible-top));
}
.page-tea #tt-header,
.page-shop #tt-header {
	width: 100% !important;
	position: relative;
	background-color: #FE752E !important;
	background-image: none !important;
}
.page-tea #tt-header {
	/* В tea.html поверх фиксированного tea-slider сверху должны быть
	   шапка + top-nav, иначе клики "не жмутся". */
	z-index: 100;
}
/* Подложка шапки: на всю ширину окна (без серых полос), размер картинки 90px по высоте */
.page-tea #tt-header::before,
.page-shop #tt-header::before {
	content: "";
	position: absolute;
	left: 50%;
	right: auto;
	width: 100vw;
	margin-left: -50vw;
	top: 0;
	bottom: 0;
	background-image: var(--header-art);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: auto var(--header-art-h);
	opacity: 1;
	z-index: 0;
	pointer-events: none;
	box-sizing: border-box;
}
.page-tea #tt-header .tt-header-inner,
.page-shop #tt-header .tt-header-inner {
	position: relative;
	z-index: 1;
	background: transparent !important;
	min-height: var(--nav-bar-h);
	height: var(--nav-bar-h);
	padding-top: 0;
	padding-bottom: 0;
	align-items: center;
}
.page-tea .tt-logo,
.page-shop .tt-logo {
	display: none !important;
}

/* ---------- Top text navigation (МАГАЗИН, О НАС, СОТРУДНИЧЕСТВО, ВОПРОСЫ) ---------- */
.top-nav {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 55px;
	position: absolute;
	left: 50%;
	transform: translate(-50%, -24px);
	margin-left: 0;
	flex: 0 0 auto;
	padding: 10px 22px;
	font-family: 'TenorSans', serif;
	font-size: 22px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #282805;
	z-index: 2;
}
.page-hero .top-nav {
	z-index: 120 !important;
	pointer-events: auto !important;
}
.page-hero .top-nav-side,
.page-hero .top-nav-link,
.page-hero .nav-oldman-link {
	position: relative;
	z-index: 121;
	pointer-events: auto !important;
}
.page-tea .top-nav {
	z-index: 110 !important;
}
#tt-header .tt-header-inner {
	position: relative;
}
.top-nav-link {
	color: inherit;
	text-decoration: none;
	padding-bottom: 2px;
	border-bottom: 1px solid transparent;
	transition: border-color 0.2s ease, opacity 0.2s ease, transform 0.2s ease;
	white-space: nowrap;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 3px rgba(0, 0, 0, 0.06);
}
.top-nav-link:hover {
	border-bottom-color: rgba(40, 40, 5, 0.5);
}
.top-nav-link:active {
	opacity: 0.7;
	transform: translateY(1px);
}
/* Логотип в шапке: переход на главную, без анимаций */
a.nav-oldman-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	align-self: center;
	flex: 0 0 auto;
	flex-shrink: 0;
	margin-top: 3px;
	line-height: 0;
	text-decoration: none;
	color: inherit;
	cursor: pointer;
	pointer-events: auto;
	position: relative;
	z-index: 3;
	border: 0;
	outline: none;
	transition: none;
	-webkit-tap-highlight-color: transparent;
}
a.nav-oldman-link:hover,
a.nav-oldman-link:focus,
a.nav-oldman-link:active,
a.nav-oldman-link:focus-visible {
	opacity: 1;
	transform: none;
	filter: none;
}
.nav-oldman {
	height: 78px;
	width: auto;
	max-width: none;
	display: block;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}
.top-nav-link.is-active {
	border-bottom-color: #282805;
	opacity: 1;
}
.top-nav-side {
	display: contents;
}
/* Desktop: show top-nav, hide burger */
@media (min-width: 769px) {
	body .top-nav {
		display: flex;
	}
	body .menu-btn,
	body #tt-ol-menu-toggle-btn-wrap {
		display: none !important;
	}
}

/* =====================================================
   МОБИЛЬНАЯ ВЕРСИЯ (≤768px)
   ===================================================== */
@media (max-width: 768px) {

	/* Фон под анимацией — серый системный цвет сайта, чтобы маска hero
	   давала видимый фейд орандж→серый внизу. */
	html,
	body,
	body.page-hero,
	body.page-hero #body-inner {
		min-height: 100%;
		overflow-x: hidden;
	}
	body {
		margin: 0;
		padding-bottom: env(safe-area-inset-bottom, 0px);
	}

	/* Locked mobile header/hero values (<=768px). Keep these as the mobile source of truth. */
	body[class*="page-"] {
		--nav-bar-h: 280px;
		--mobile-header-art: url("main/shapka-mob.png");
		--mobile-header-safe-bg: #dcdad9;
		--mobile-nav-gap: 3px;
		--nav-offset-y: -10px;
		--mobile-nav-font-size: 16px;
		--mobile-nav-logo-h: 81px;
		--hero-bg: #FE752E;
	}
	body.page-hero {
		--hero-mobile-video-w: max(112vw, 430px);
		--hero-mobile-video-y: -52%;
		--hero-fade-start: 66%;
		--hero-fade-end: 88%;
		background-color: var(--hero-bg) !important;
	}
	/* tea: слайдер начинается под новой высокой шапкой */
	body.page-tea {
		--tea-visible-top: calc(var(--nav-bar-h) + env(safe-area-inset-top, 0px)) !important;
		--dean-header-bottom: var(--tea-visible-top);
		--tea-slider-top: var(--dean-header-bottom, var(--tea-visible-top));
		--tea-slider-height: calc(100svh - var(--tea-slider-top));
		--tea-slider-height-dynamic: calc(100dvh - var(--tea-slider-top));
		--tea-caption-color: #4e361e;
		--tea-nav-color: #4e361e;
		--tea-frame-fit: cover;
		--tea-slide-transition-duration: 0.95s;
		--tea-slide-transition-easing: cubic-bezier(0.16, 1, 0.3, 1);
		--tea-slide-timeout-ms: 1080;
		--tea-slide-content-y: -120px;
		--tea-region-display: flex;
		--tea-region-width: min(88vw, 520px);
		--tea-caption-width: 100%;
		--tea-caption-line-height: 1.25;
		--tea-title-size: 22px;
		--tea-title-indent: 0.08em;
		--tea-subtitle-size: 14px;
		--tea-nav-display: grid;
		--tea-nav-template: 32px auto 32px;
		--tea-nav-gap: 18px;
		--tea-nav-justify-items: center;
		--tea-nav-button-width: 32px;
		--tea-nav-button-padding-x: 0;
		--tea-nav-button-font-size: 16px;
		--tea-nav-indicator-font-size: 16px;
	}

	/* Шапка: оранжевый фон за рваной бумагой (PNG), авто-высота */
	body[class*="page-"] #tt-header {
		background-color: var(--hero-bg) !important;
		min-height: var(--nav-bar-h) !important;
		height: auto !important;
		padding-top: env(safe-area-inset-top, 0px) !important;
		box-sizing: content-box !important;
		position: relative !important;
	}
	body.page-hero #tt-header,
	body.page-hero #tt-header .tt-header-inner {
		z-index: 20 !important;
		pointer-events: auto !important;
	}
	body[class*="page-"] #tt-header .tt-header-inner {
		min-height: var(--nav-bar-h) !important;
		height: auto !important;
	}
	body[class*="page-"] .tt-logo {
		display: none !important;
	}

	/* Серая полоса только в зоне статус-бара (под часами/вайфай) */
	body[class*="page-"] #tt-header::after {
		content: "" !important;
		position: absolute !important;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		height: env(safe-area-inset-top, 0px) !important;
		background-color: var(--mobile-header-safe-bg) !important;
		z-index: 1 !important;
		pointer-events: none !important;
	}

	/* Мобильная шапка-картинка shapka-mob.png */
	body[class*="page-"] #tt-header::before {
		content: "" !important;
		display: block !important;
		position: absolute !important;
		top: env(safe-area-inset-top, 0px) !important;
		left: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		width: auto !important;
		margin-left: 0 !important;
		background-image: var(--mobile-header-art) !important;
		background-position: center !important;
		background-repeat: no-repeat !important;
		background-size: cover !important;
		opacity: 1 !important;
		z-index: 0 !important;
		pointer-events: none !important;
	}

	/* --- Top-nav: вертикальная колонка по центру шапки --- */
	body[class*="page-"] .top-nav {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		gap: var(--mobile-nav-gap) !important;
		position: absolute !important;
		left: 50% !important;
		top: calc(50% + var(--nav-offset-y)) !important;
		transform: translate(-50%, -50%) !important;
		white-space: nowrap;
		font-size: var(--mobile-nav-font-size);
		letter-spacing: 0.08em;
		padding: 0;
		z-index: 5 !important;
		color: #4e361e !important;
	}
	body[class*="page-"] .top-nav-link {
		display: block;
		text-align: center;
		text-indent: 0.08em;
	}

	body.page-hero .top-nav.is-centered-nav .top-nav-side {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		gap: var(--mobile-nav-gap) !important;
		pointer-events: auto !important;
	}
	body.page-hero .top-nav.is-centered-nav .top-nav-link {
		pointer-events: auto !important;
	}

	.nav-oldman {
		height: var(--mobile-nav-logo-h) !important;
		margin: 0;
	}

	/* Бургер не нужен */
	body #tt-ol-menu-toggle-btn-wrap,
	body .menu-btn {
		display: none !important;
	}

	body .tt-header-tools-dynamic,
	body .tt-header-tools,
	body .tt-header-tools-item,
	body .tt-sliding-sidebar-trigger {
		display: none !important;
		visibility: hidden !important;
		pointer-events: none !important;
	}

	/* --- Hero area: оранжевый фон, старт под шапкой (учёт верхней safe area) --- */
	body.page-hero .main-bg {
		background: var(--hero-bg);
		top: calc(var(--nav-bar-h) + env(safe-area-inset-top, 0px));
		height: calc(100vh - var(--nav-bar-h) - env(safe-area-inset-top, 0px));
		pointer-events: none !important;
	}
	body.page-hero .main-bg-fade {
		pointer-events: none !important;
	}
	body.page-hero .main-bg-video {
		position: absolute !important;
		inset: auto !important;
		top: 50% !important;
		left: 50% !important;
		right: auto !important;
		bottom: auto !important;
		width: var(--hero-mobile-video-w) !important;
		height: auto !important;
		min-height: 0 !important;
		transform: translate(-50%, var(--hero-mobile-video-y)) !important;
		object-fit: cover !important;
	}


	/* safe-area iOS */
	body.page-hero .main-bg {
		padding-bottom: env(safe-area-inset-bottom, 0px);
	}

	/* Нижний фейд hero: маска растворяет низ самой анимации в оранжевый фон под ней.
	   Тот самый идеальный вариант (black 66% → transparent 88%). */
	body.page-hero .main-bg {
		-webkit-mask-image: linear-gradient(to bottom, black var(--hero-fade-start), transparent var(--hero-fade-end));
		mask-image: linear-gradient(to bottom, black var(--hero-fade-start), transparent var(--hero-fade-end));
	}
}

/* ---------- page-tea (tea.html): custom layout only, no template slider ---------- */
.page-tea {
	font-family: 'TenorSans', serif;
	color: #282805;
	background: #dcdad9;
	--tea-surface-light: #dcdad9;
	--tea-slider-bg: var(--tea-surface-light);
	--tea-visible-top: var(--nav-bar-h);
	--dean-header-bottom: var(--tea-visible-top);
	--tea-slider-top: var(--dean-header-bottom, var(--tea-visible-top));
	--tea-slider-height: calc(100vh - var(--tea-slider-top));
	--tea-slider-height-dynamic: var(--tea-slider-height);
	--tea-caption-color: #282805;
	--tea-nav-color: #282805;
	--tea-haze-bg: rgba(220, 218, 217, 0.12);
	--tea-frame-fit: contain;
	--tea-frame-position: center top;
	--tea-slide-transition-duration: 0.62s;
	--tea-slide-transition-easing: cubic-bezier(0.22, 1, 0.36, 1);
	--tea-slide-timeout-ms: 700;
	--tea-slide-content-y: -52px;
	--tea-region-display: block;
	--tea-region-width: auto;
	--tea-caption-width: auto;
	--tea-caption-line-height: 1.35;
	--tea-title-size: clamp(1.75rem, 5vw, 3rem);
	--tea-title-indent: 0;
	--tea-subtitle-size: clamp(1.1rem, 2.5vw, 1.4rem);
	--tea-nav-bottom: 14px;
	--tea-nav-display: flex;
	--tea-nav-template: none;
	--tea-nav-gap: 1rem;
	--tea-nav-justify-items: initial;
	--tea-nav-button-width: auto;
	--tea-nav-button-padding-x: 0.25rem;
	--tea-nav-button-font-size: 1.5rem;
	--tea-nav-indicator-font-size: 1.25rem;
}

.page-tea .top-nav,
.page-tea .top-nav-link {
	pointer-events: auto !important;
}

.page-tea #page-transition,
.page-tea .page-transition,
.page-tea #magic-cursor,
.page-tea .magic-cursor,
.page-tea .bg-noise,
.page-tea .tt-grain,
.page-tea .tt-overlay {
	pointer-events: none !important;
}

.page-tea .tt-logo,
.page-tea #tt-ol-menu-toggle-btn-wrap {
	display: none;
	pointer-events: none;
	visibility: hidden;
}

.page-tea .nav-oldman-link,
.page-tea .region-cta,
.page-tea .tea-slider-prev,
.page-tea .tea-slider-next {
	pointer-events: auto !important;
	cursor: pointer;
	position: relative;
	z-index: 50;
}

.page-tea .tea-slider {
	position: fixed;
	left: 0;
	right: 0;
	top: var(--tea-slider-top, var(--tea-visible-top));
	z-index: 5;
	width: 100%;
	height: var(--tea-slider-height);
	height: var(--tea-slider-height-dynamic, var(--tea-slider-height));
	margin-top: 0;
	overflow: hidden;
	background: var(--tea-slider-bg);
}

.page-tea .tea-slide {
	position: absolute;
	inset: 0;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: none;
	overflow: hidden;
	z-index: 0;
	backface-visibility: hidden;
	transform: translateZ(0);
	will-change: opacity;
}

.page-tea .tea-slide.is-active {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	z-index: 1;
}

.page-tea .tea-slide.is-leaving {
	opacity: 1;
	visibility: visible;
	pointer-events: none;
	z-index: 1;
}

.page-tea .tea-slide.is-entering {
	opacity: 0;
	visibility: visible;
	pointer-events: auto;
	z-index: 2;
	transition: opacity var(--tea-slide-transition-duration) var(--tea-slide-transition-easing);
}

.page-tea .tea-slide.is-entering.is-active {
	opacity: 1;
	z-index: 2;
}

.page-tea .tea-slide-bg {
	position: absolute;
	inset: 0;
	z-index: 0;
	background: var(--tea-slider-bg);
}

.page-tea .tea-slide-haze {
	position: absolute;
	inset: 0;
	background: var(--tea-haze-bg);
	pointer-events: none;
	z-index: 1;
}

.page-tea .tea-slide-frame {
	position: absolute;
	inset: 0;
	object-fit: var(--tea-frame-fit);
	object-position: var(--tea-frame-position);
	transform: none;
	pointer-events: none;
	z-index: 2;
}

.page-tea .tea-slide-content {
	position: absolute;
	inset: 0;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	transform: translateY(var(--tea-slide-content-y));
}

.page-tea .region-cta {
	display: var(--tea-region-display);
	width: var(--tea-region-width);
	max-width: 100%;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	text-align: center;
	text-decoration: none;
	color: var(--tea-caption-color) !important;
	-webkit-text-fill-color: var(--tea-caption-color);
	text-shadow: 0 0 5px rgba(255, 255, 255, 0.5), 0 1px 1px rgba(255, 255, 255, 0.35);
	transition: transform 180ms ease, filter 180ms ease;
}

.page-tea .region-cta:hover,
.page-tea .region-cta:focus,
.page-tea .region-cta:visited {
	color: var(--tea-caption-color) !important;
	-webkit-text-fill-color: var(--tea-caption-color);
}

.page-tea .region-cta:hover {
	transform: translateY(-2px) scale(1.01);
	filter: brightness(1.06) contrast(1.03);
}

.page-tea .region-cta:active {
	transform: translateY(0) scale(0.99);
	filter: brightness(1.02);
}

.page-tea .tea-slide-title,
.page-tea .tea-slide-subtitle {
	font-family: 'TenorSans', serif;
	color: var(--tea-caption-color) !important;
	-webkit-text-fill-color: var(--tea-caption-color);
	text-shadow: 0 0 5px rgba(255, 255, 255, 0.5), 0 1px 1px rgba(255, 255, 255, 0.35);
	font-weight: 400;
	line-height: var(--tea-caption-line-height);
	margin: 0;
}

.page-tea .tea-slide-title {
	font-size: var(--tea-title-size);
	letter-spacing: 0.08em;
	width: var(--tea-caption-width);
	text-align: center;
	text-indent: var(--tea-title-indent);
	text-transform: uppercase;
}

.page-tea .tea-slide-subtitle {
	font-size: var(--tea-subtitle-size);
	margin-top: 0.35em;
	letter-spacing: normal;
	width: var(--tea-caption-width);
	text-align: center;
}

.page-tea .tea-slider-nav-bottom {
	position: absolute;
	bottom: var(--tea-nav-bottom);
	left: 50%;
	transform: translateX(-50%);
	z-index: 10;
	display: var(--tea-nav-display);
	grid-template-columns: var(--tea-nav-template);
	align-items: center;
	justify-content: center;
	justify-items: var(--tea-nav-justify-items);
	gap: var(--tea-nav-gap);
	pointer-events: auto;
}

.page-tea .tea-slider-prev,
.page-tea .tea-slider-next {
	position: relative;
	width: var(--tea-nav-button-width);
	height: auto;
	margin: 0;
	border: 0;
	background: transparent;
	color: var(--tea-nav-color) !important;
	cursor: pointer;
	font-family: 'TenorSans', serif;
	font-weight: 400;
	font-size: var(--tea-nav-button-font-size);
	line-height: 1;
	padding: 0.25rem var(--tea-nav-button-padding-x);
	transition: opacity 0.2s;
	pointer-events: auto;
}

.page-tea .tea-slider-prev:hover,
.page-tea .tea-slider-next:hover {
	opacity: 0.8;
}

.page-tea .tea-slider-prev::before {
	content: '\2039';
}

.page-tea .tea-slider-next::before {
	content: '\203A';
}

.page-tea .tea-slider-indicator {
	position: relative;
	left: auto;
	transform: none;
	font-family: 'TenorSans', serif;
	font-weight: 400;
	font-size: var(--tea-nav-indicator-font-size);
	color: var(--tea-nav-color) !important;
}

.page-tea .tea-footer {
	display: none !important;
}

/* ---------- page-shop (shop-all.html): our palette + header like index/tea ---------- */
/* Collab / FAQ: один экран, без скролла */
html.page-collab-scroll,
html.page-faq-scroll {
	overflow: hidden !important;
	height: 100%;
	background-color: #dcdad9;
}
/* Shop / регионы: нативный скролл на html (как about) */
html.page-shop-scroll {
	overflow-y: auto !important;
	overflow-x: hidden !important;
	height: auto;
	min-height: 100%;
}
html.page-about-scroll {
	overflow-y: auto !important;
	overflow-x: hidden !important;
	height: auto;
	min-height: 100%;
}
body.page-shop {
	height: auto;
	min-height: 100%;
	overflow: visible !important;
}
body.page-about {
	height: auto;
	min-height: 100%;
	overflow-y: auto !important;
	overflow-x: hidden !important;
	background-color: #fe752e;
}
body.page-faq {
	height: 100vh;
	min-height: 100vh;
	max-height: 100vh;
	overflow: hidden !important;
	overflow-x: hidden;
	background-color: #dcdad9 !important;
}
body.page-faq #body-inner {
	margin: 0;
	padding: 0;
	background-color: #dcdad9;
	height: 100vh;
	max-height: 100vh;
	overflow: hidden;
}
body.page-faq #scroll-container {
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100vh;
	max-height: 100vh;
	overflow: hidden;
	background-color: #dcdad9;
}
.page-faq #tt-header {
	flex: 0 0 auto;
}
.page-faq #content-wrap {
	flex: 1 1 auto;
	margin: 0;
	padding: 0;
	min-height: 0;
	height: auto;
	max-height: none;
	overflow: hidden;
	background-color: #fe752e;
}
body.page-collab {
	height: 100vh;
	min-height: 100vh;
	max-height: 100vh;
	overflow: hidden !important;
	overflow-x: hidden;
	background-color: #fe752e !important;
}
body.page-collab #body-inner {
	margin: 0;
	padding: 0;
	background-color: #fe752e;
	height: 100vh;
	max-height: 100vh;
	overflow: hidden;
}
body.page-collab #scroll-container {
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100vh;
	max-height: 100vh;
	overflow: hidden;
	background-color: #fe752e;
}
.page-collab #tt-header {
	flex: 0 0 auto;
}
.page-collab #content-wrap {
	flex: 1 1 auto;
	margin: 0;
	padding: 0;
	min-height: 0;
	height: auto;
	max-height: none;
	overflow: hidden;
	background-color: #fe752e;
}
/* Shop / регионы: контент под видео не обрезается, страница растёт по высоте */
body.page-shop #body-inner,
body.page-shop #scroll-container,
body.page-shop #content-wrap {
	overflow: visible !important;
	overflow-x: hidden;
	height: auto !important;
	max-height: none !important;
	min-height: auto !important;
}
body.page-shop #scroll-container {
	position: relative;
	display: block;
}
body.page-shop #page-content {
	position: relative;
	z-index: 2;
}
body.page-about #scroll-container {
	overflow-x: hidden !important;
	overflow-y: visible !important;
	height: auto !important;
	min-height: 100%;
	position: relative;
	background-color: #fe752e;
}
/* Шаблон режет контент: html/body/#body-inner/#content-wrap height:100% + overflow:hidden */
html.page-about-scroll,
body.page-about {
	height: auto !important;
	min-height: 100%;
}
body.page-about #body-inner,
body.page-about #content-wrap {
	overflow: visible !important;
	height: auto !important;
	max-height: none !important;
}
body.page-about #body-inner {
	min-height: auto !important;
	overflow: visible !important;
	background-color: #fe752e;
}
body.page-about #content-wrap {
	background-color: #fe752e;
}
.page-shop {
	background-color: #dcdad9;
	color: #282805;
	font-family: 'TenorSans', serif;
	/* Акцент как оранжевая полоса шапки (#FE752E) */
	--shop-accent: #fe752e;
	--shop-accent-hover: #e86825;
	--shop-accent-border: rgba(254, 117, 46, 0.35);
	--shop-accent-border-soft: rgba(254, 117, 46, 0.22);
	--shop-accent-border-mid: rgba(254, 117, 46, 0.3);
}
/* Single title only: hide ghost and subtitle if present in DOM */
.page-shop .ph-caption-title-ghost,
.page-shop .ph-caption-subtitle {
	display: none !important;
}
.page-shop #page-transition,
.page-shop .page-transition,
.page-shop #magic-cursor,
.page-shop .magic-cursor,
.page-shop .bg-noise,
.page-shop .tt-grain,
.page-shop .tt-overlay {
	pointer-events: none !important;
}
.page-shop .tt-logo,
.page-shop #tt-ol-menu-toggle-btn-wrap,
.page-shop .tt-header-tools {
	display: none !important;
	pointer-events: none;
	visibility: hidden;
}
.page-shop .logo,
.page-shop .menu-btn,
.page-shop .dean-account-trigger,
.page-shop .dean-cart-trigger,
.page-shop .nav-oldman-link {
	pointer-events: auto !important;
	cursor: pointer;
	z-index: 50;
}
/* Шапка магазина: top-nav поверх слоёв, но НЕ ломаем position:absolute из theme.css */
.page-shop .top-nav {
	z-index: 60;
	pointer-events: auto !important;
}
.page-shop .top-nav .top-nav-link {
	pointer-events: auto !important;
}
.page-shop .logo {
	display: block;
	position: fixed;
	left: 88px;
	top: 42px;
	text-decoration: none;
}
.page-shop .logo img {
	height: 70px;
	width: auto;
	display: block;
}
.page-shop .menu-btn {
	display: block;
	position: fixed;
	right: 46px;
	top: 42px;
	background: transparent;
	border: 0;
	padding: 0;
	transition: transform 180ms ease, filter 180ms ease;
}
.page-shop .menu-btn img {
	height: 70px;
	width: auto;
}
.page-shop .menu-btn:hover {
	transform: rotate(6deg) scale(1.03);
	filter: brightness(1.08) contrast(1.04);
}
.page-shop .menu-btn:active {
	transform: scale(0.96);
}
.page-shop .menu-btn.is-open {
	transform: rotate(90deg);
}
.page-shop .menu-btn.is-open:hover,
.page-shop .menu-btn.is-open:active {
	transform: rotate(90deg);
}
.page-shop .logo {
	transition: transform 0.28s ease, filter 180ms ease;
}
.page-shop .logo:hover {
	filter: brightness(1.06) contrast(1.02);
}
.page-shop .logo:active {
	transform: scale(0.98);
	filter: brightness(1.02);
}

/* Shop-all: no full-viewport ::before — hero image only in .shop-hero-media below header (top-nav accounted) */
.page-shop-all::before {
	display: none;
}
.page-shop-all #body-inner {
	position: relative;
	z-index: 1;
	background-color: #dcdad9;
}
.page-shop-all .logo {
	display: none !important;
}
/* Shop-all: hero = full-width image 2400×1008 (ratio 100:42), below top-nav, no crop */
.page-shop-all .shop-hero-media {
	width: 100vw;
	height: 42vw;
	min-height: 360px;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	background-image: none;
	background-color: #dcdad9;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
/* Shop-all: hero background video */
.page-shop-all .shop-hero-video {
	position: absolute;
	inset: -1px;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
	z-index: 0;
	opacity: 0;
	transition: none;
	pointer-events: none;
	display: block;
	background-color: #dcdad9;
	transform: scale(1.01);
}
/* Only active video should be visible */
.page-shop-all .shop-hero-video.is-active {
	opacity: 1;
	z-index: 1;
}
/* Плавный переход: картинка размывается в зелёный фон */
.page-shop-all .shop-hero-media::after {
	display: none;
}
/* Алишань: своя картинка hero */
.page-shop-alishan::before {
	background-image: url("shop-alishan.png");
}
.page-shop-alishan .shop-hero-media {
	background-image: url("shop-alishan.png");
}
/* Юньнань: своя картинка hero */
.page-shop-yunnan::before {
	background-image: url("shop-bao.png");
}
.page-shop-yunnan .shop-hero-media {
	background-image: url("shop-bao.png");
}
.page-shop-all .shop-body {
	position: relative;
	z-index: 2;
	background: #dcdad9;
	margin-top: -1px; /* hide 1px seam between video hero and section */
	padding-top: 24px;
	display: block;
	visibility: visible;
}
@media (min-width: 769px) {
	.page-shop-all #content-wrap {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.page-shop-all .shop-hero-media {
		width: 100%;
		left: auto;
		transform: none;
		aspect-ratio: 100 / 42;
		height: auto;
		min-height: 360px;
		background-color: #FE752E;
	}
	.page-shop-all .shop-hero-video {
		inset: -1px;
		width: calc(100% + 2px);
		height: calc(100% + 2px);
		object-fit: cover;
		object-position: center center;
		background-color: #FE752E;
		transform: none;
	}
	.page-shop-all .tt-sliding-sidebar-wrap,
	.page-shop-all .tt-sliding-sidebar,
	.page-shop-all .tt-sliding-sidebar-trigger,
	.page-shop-all .tt-sliding-sidebar-close {
		display: none !important;
		visibility: hidden !important;
		pointer-events: none !important;
	}
	.page-shop-all .shop-body,
	.page-shop-all #page-content,
	.page-shop-all .shop-body .tt-section {
		width: 100% !important;
		left: auto !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}
.page-shop-all .shop-body .tt-section,
.page-shop-all #shop-grid.shop-grid-minimal {
	padding-top: 0;
	margin-top: 0;
}
/* Text on default gray background */
.page-shop-all .shop-body .tt-product-title a,
.page-shop-all .shop-body .tt-product-price bdi,
.page-shop-all .shop-body .tt-product-price .pp-current-price,
.page-shop-all .shop-body .tt-product-price .pp-old-price,
.page-shop-all .shop-body .tt-product-btn,
.page-shop-all .shop-body .tt-btn a,
.page-shop-all .shop-body .tt-section,
.page-shop-all .shop-body .tt-copyright,
.page-shop-all .shop-body .footer-social-text,
.page-shop-all .shop-body .social-buttons a,
.page-shop-all .shop-body #tt-footer,
.page-shop-all .shop-body .tt-footer-inner {
	color: #282805 !important;
}
.page-shop-all .shop-body .tt-product-title a:hover,
.page-shop-all .shop-body .tt-btn a:hover,
.page-shop-all .shop-body .social-buttons a:hover {
	color: #282805 !important;
}
.page-shop-all .shop-body .tt-product-additional-buttons .tt-pab-btn {
	color: #282805;
}
.page-shop-all .shop-body .tt-product-additional-buttons .tt-pab-btn:hover {
	background: rgba(254, 117, 46, 0.18);
}
.page-shop-all .shop-body .tt-section,
.page-shop-all .shop-body #tt-footer {
	background-color: transparent;
	border-color: var(--shop-accent-border, rgba(254, 117, 46, 0.35));
}
.page-shop-all .shop-body .tt-product-image-holder,
.page-shop-all .shop-body .tt-grid-item {
	background-color: transparent;
	box-shadow: none;
}
@media (max-width: 768px) {
	.page-shop-all .shop-hero-media {
		height: 42vw;
		min-height: 280px;
	}
	.page-shop-all .shop-body {
		margin-top: -1px;
		padding-top: 16px;
	}
}

/* Shop: typography and colors */
.page-shop .ph-caption-title,
.page-shop .ph-caption-title-ghost,
.page-shop .ph-caption-subtitle,
.page-shop .shop-grid-count,
.page-shop .shop-grid-header label,
.page-shop .tt-product-title a,
.page-shop .tt-product-price bdi,
.page-shop .tt-product-price .pp-current-price,
.page-shop .tt-product-price .pp-old-price,
.page-shop .tt-product-btn,
.page-shop .sidebar-heading,
.page-shop .sidebar-widget a,
.page-shop .tt-form-control,
.page-shop .tt-pagination .tt-pagin-item,
.page-shop .tt-btn a,
.page-shop .tt-copyright,
.page-shop .footer-social-text,
.page-shop .social-buttons a,
.page-shop #page-header .scroll-down-circle,
.page-shop .made-with-love .mwl-text {
	color: #282805 !important;
	font-family: 'TenorSans', serif;
}
.page-shop .tt-product-title a:hover,
.page-shop .tt-btn a:hover,
.page-shop .sidebar-widget a:hover,
.page-shop .social-buttons a:hover {
	color: #1a1a03 !important;
	filter: brightness(1.05);
}
.page-shop .tt-product-btn,
.page-shop .tt-btn,
.page-shop .sidebar-heading,
.page-shop .ph-caption-title {
	font-weight: 400;
}

/* Shop: sliding sidebar — дефолтный серый #dcdad9 */
.page-shop .tt-sliding-sidebar .tt-sliding-sidebar-inner,
.page-shop .tt-sliding-sidebar {
	background: #dcdad9 !important;
	backdrop-filter: none;
	border-right: 1px solid var(--shop-accent-border-soft, rgba(254, 117, 46, 0.22));
}
.page-shop .tt-sliding-sidebar-trigger {
	background: #dcdad9 !important;
	border-color: var(--shop-accent-border-soft, rgba(254, 117, 46, 0.22));
}
.page-shop .tt-sliding-sidebar .sidebar-heading,
.page-shop .tt-sliding-sidebar .sidebar-widget a,
.page-shop .tt-sliding-sidebar label,
.page-shop .tt-sliding-sidebar .shop-fw-price-box-currency,
.page-shop .tt-sliding-sidebar .shop-fw-price-range-separator,
.page-shop .tt-sliding-sidebar .tt-form-control,
.page-shop .tt-sliding-sidebar .tt-btn button {
	color: #282805 !important;
}
.page-shop .tt-sliding-sidebar .shop-filter-widget-content,
.page-shop .tt-sliding-sidebar .sidebar-widget {
	border-color: var(--shop-accent-border-mid, rgba(254, 117, 46, 0.3));
}
.page-shop .tt-sliding-sidebar-trigger .tt-ss-icon,
.page-shop .tt-sliding-sidebar-trigger .tt-ss-icon-close {
	color: #282805 !important;
}
/* Иконка открытия сайдбара (фильтры/сортировка) — воронка как в шапке */
.page-shop .tt-sliding-sidebar-trigger .tt-ss-icon {
	display: flex;
	align-items: center;
	justify-content: center;
}
.page-shop .tt-sliding-sidebar-trigger .tt-ss-filter-icon {
	display: block;
	width: 22px;
	height: 26px;
	color: #282805;
}
@media (max-width: 768px) {
	.page-shop .tt-sliding-sidebar-trigger .tt-ss-filter-icon {
		width: 18px;
		height: 22px;
	}
}
.page-shop .tt-sliding-sidebar-trigger:hover .tt-ss-icon,
.page-shop .tt-sliding-sidebar-trigger:hover .tt-ss-icon-close {
	opacity: 0.85;
}
/* Shop: when sidebar open — trigger strip: green cross only, no dark background */
body.tt-sliding-sidebar-open .page-shop .tt-sliding-sidebar-trigger {
	background: transparent !important;
}
body.tt-sliding-sidebar-open .page-shop .tt-sliding-sidebar-trigger .tt-ss-icon-close {
	color: #282805 !important;
}

/* Shop: кнопка закрытия .tt-sliding-sidebar-close-btn — без круга, цвет как в шапке */
.page-shop .tt-sliding-sidebar-close-btn {
	background: none !important;
	background-color: transparent !important;
	border: none !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	transition: none !important;
	transform: none !important;
}
.page-shop .tt-sliding-sidebar-close-btn:hover {
	background: none !important;
	background-color: transparent !important;
	transform: none !important;
}
.page-shop .tt-sliding-sidebar-close-btn,
.page-shop .tt-sliding-sidebar-close-btn i,
.page-shop .tt-sliding-sidebar-close-btn .fa,
.page-shop .tt-sliding-sidebar-close-btn .fas {
	color: #282805 !important;
}

/* Shop: кнопка «Фильтр» — оранжевая как шапка, текст как в top-nav */
body.page-shop .tt-sliding-sidebar .shop-filter-submit-btn.tt-btn-primary,
body.page-shop .tt-sliding-sidebar .shop-filter-submit-btn.tt-btn,
.page-shop .shop-filter-submit-btn.tt-btn-primary,
.page-shop .shop-filter-submit-btn .tt-btn,
.page-shop .shop-filter-submit-btn .tt-btn-primary {
	background-color: var(--shop-accent, #fe752e) !important;
	background: var(--shop-accent, #fe752e) !important;
	color: #282805 !important;
	font-family: 'TenorSans', serif !important;
	font-weight: 400;
	border: none !important;
	transition: none !important;
	transform: none !important;
	animation: none !important;
}
body.page-shop .tt-sliding-sidebar .shop-filter-submit-btn.tt-btn-primary:hover,
body.page-shop .tt-sliding-sidebar .shop-filter-submit-btn.tt-btn:hover,
.page-shop .shop-filter-submit-btn.tt-btn-primary:hover,
.page-shop .shop-filter-submit-btn .tt-btn:hover,
.page-shop .shop-filter-submit-btn .tt-btn:active,
.page-shop .shop-filter-submit-btn .tt-btn:focus {
	background-color: var(--shop-accent-hover, #e86825) !important;
	background: var(--shop-accent-hover, #e86825) !important;
	color: #282805 !important;
	transform: none !important;
	transition: none !important;
}
body.page-shop .tt-sliding-sidebar .shop-filter-submit-btn .tt-btn > *,
body.page-shop .tt-sliding-sidebar .shop-filter-submit-btn .tt-btn > *::after,
body.page-shop .tt-sliding-sidebar .shop-filter-submit-btn button,
.page-shop .shop-filter-submit-btn .tt-btn > *,
.page-shop .shop-filter-submit-btn .tt-btn > *::after,
.page-shop .shop-filter-submit-btn .tt-btn button,
.page-shop .shop-filter-submit-btn button {
	color: #282805 !important;
	transition: none !important;
	transform: none !important;
}
body.page-shop .tt-sliding-sidebar .shop-filter-submit-btn .tt-btn:hover > *,
body.page-shop .tt-sliding-sidebar .shop-filter-submit-btn .tt-btn:hover > *::after,
.page-shop .shop-filter-submit-btn .tt-btn:hover > *,
.page-shop .shop-filter-submit-btn .tt-btn:active > *,
.page-shop .shop-filter-submit-btn .tt-btn:hover > *::after,
.page-shop .shop-filter-submit-btn .tt-btn:active > *::after {
	color: #282805 !important;
	transform: none !important;
}
.page-shop .shop-filter-submit-btn .tt-btn *,
.page-shop .shop-filter-submit-btn button:hover,
.page-shop .shop-filter-submit-btn button:active,
.page-shop .shop-filter-submit-btn button:focus {
	transition: none !important;
	transform: none !important;
	animation: none !important;
	color: #282805 !important;
}
body.page-shop .tt-sliding-sidebar .shop-filter-submit-btn button::after,
.page-shop .shop-filter-submit-btn .tt-btn button::after {
	color: #282805 !important;
}
/* Shop: categories — no circles, no product counts */
.page-shop .sidebar-categories > ul {
	list-style: none !important;
	padding-left: 0;
}
.page-shop .sidebar-categories > ul > li::before {
	display: none !important;
}
.page-shop .sidebar-categories > ul > li > a span {
	display: none !important;
}
/* Shop: категории в фильтре сейчас не трогаем — убираем любые редиректы */
.page-shop .tt-sliding-sidebar .sidebar-categories > ul > li > a,
.page-shop .tt-sliding-sidebar .sidebar-categories a {
	pointer-events: none !important;
	cursor: default !important;
}
/* Shop: hide close overlay on right edge of categories panel */
.page-shop .tt-sliding-sidebar-close {
	display: none !important;
}

/* Shop: soften dark backgrounds and borders (sidebar has its own background above) */
.page-shop #page-header,
.page-shop .tt-section,
.page-shop .tt-product-info,
.page-shop #tt-footer {
	background-color: transparent;
	border-color: var(--shop-accent-border-mid, rgba(254, 117, 46, 0.3));
}
.page-shop .tt-product-image-holder,
.page-shop .tt-grid-item {
	background-color: rgba(220, 218, 217, 0.5);
	border-radius: 0;
	box-shadow: none;
}
.page-shop .tt-product-additional-buttons .tt-pab-btn {
	color: #282805;
	background: rgba(220, 218, 217, 0.6);
}
.page-shop .tt-product-additional-buttons .tt-pab-btn:hover {
	background: rgba(254, 117, 46, 0.18);
}

/* Shop: button/link hover like main page */
.page-shop .logo:hover,
.page-shop .menu-btn:hover,
.page-shop .tt-product-image-wrap:hover,
.page-shop .tt-product-btn:hover,
.page-shop .tt-btn a:hover {
	transition: transform 180ms ease, filter 180ms ease;
}
.page-shop .tt-product-btn:active,
.page-shop .tt-btn a:active {
	transform: scale(0.98);
	filter: brightness(1.02);
}

@media (max-width: 768px) {
	.page-shop .logo {
		left: 56px;
		top: 28px;
	}
	.page-shop .logo img,
	.page-shop .menu-btn img {
		height: 48px;
	}
	.page-shop .menu-btn {
		right: 24px;
		top: 28px;
	}
}

/* ---------- Минималистичная сетка товаров (3 в ряд) ---------- */
#shop-grid.shop-grid-minimal {
	padding-bottom: 48px;
}
#shop-grid.shop-grid-minimal .tt-grid.ttgr-gap-3,
#shop-grid.shop-grid-minimal .tt-grid.ttgr-gap-3 .tt-grid-top,
body.tt-boxed .tt-wrap #shop-grid.shop-grid-minimal .tt-grid.ttgr-gap-3 {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#shop-grid.shop-grid-minimal .tt-grid-items-wrap {
	display: flex;
	flex-wrap: wrap;
	margin-left: -10px;
	margin-right: -10px;
}
#shop-grid.shop-grid-minimal .tt-grid-item {
	width: 25%;
	padding: 0 10px;
	margin-bottom: 32px;
	background: transparent !important;
}
#shop-grid.shop-grid-minimal .ttgr-item-inner {
	background: transparent !important;
	border: none !important;
	border-radius: 0;
	box-shadow: none !important;
	overflow: visible;
	margin: 0 !important;
	padding: 0;
}
#shop-grid.shop-grid-minimal .tt-product {
	--shop-line-top: 3px;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	width: 77%;
	max-width: 278px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0;
	text-align: center;
	position: relative;
}
#shop-grid.shop-grid-minimal .tt-product::before {
	display: none !important;
	content: none !important;
}
#shop-grid.shop-grid-minimal .shop-product-line {
	position: absolute;
	top: var(--shop-line-top);
	left: 0;
	width: 50%;
	height: 2px;
	background-color: #282805;
	margin: 0;
	z-index: 2;
	pointer-events: none;
}
#shop-grid.shop-grid-minimal .tt-product-image-holder {
	width: 100%;
	max-width: none;
	margin: 0;
	position: relative;
	overflow: visible;
	background: transparent !important;
	flex-shrink: 0;
}
#shop-grid.shop-grid-minimal .tt-product-image-wrap {
	display: block;
	padding-bottom: 0 !important;
	position: relative;
	width: 100%;
	aspect-ratio: 1;
}
#shop-grid.shop-grid-minimal .tt-product-image,
#shop-grid.shop-grid-minimal .tt-product-image .anim-zoomin-wrap {
	position: relative !important;
	left: auto !important;
	top: auto !important;
	width: 100%;
	height: 100%;
}
#shop-grid.shop-grid-minimal .tt-product-image-wrap img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center center;
}
#shop-grid.shop-grid-minimal .tt-product-hover-image {
	display: none !important;
}
#shop-grid.shop-grid-minimal .tt-product-image-holder:hover .tt-product-image {
	opacity: 1 !important;
	visibility: visible !important;
}
#shop-grid.shop-grid-minimal .tt-product,
#shop-grid.shop-grid-minimal .tt-product * {
	transition: none !important;
	animation: none !important;
}
#shop-grid.shop-grid-minimal .tt-product-image,
#shop-grid.shop-grid-minimal .tt-product-image-wrap img,
#shop-grid.shop-grid-minimal .anim-zoomin,
#shop-grid.shop-grid-minimal .anim-zoomin-wrap {
	opacity: 1 !important;
	visibility: visible !important;
	transform: none !important;
}
#shop-grid.shop-grid-minimal .tt-product-info {
	position: relative;
	width: 100%;
	max-width: none;
	padding-top: 0;
	margin-top: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
}
#shop-grid.shop-grid-minimal .tt-pi-price-btn-wrap {
	position: static;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	overflow: visible;
}
#shop-grid.shop-grid-minimal .tt-product-title {
	margin: 6px 0 2px;
	padding: 0 4px;
	font-size: 19px;
	font-weight: 400;
	letter-spacing: 0.01em;
	white-space: normal;
	overflow: visible;
	text-overflow: unset;
	line-height: 1.3;
}
#shop-grid.shop-grid-minimal .tt-product-title a {
	color: #282805 !important;
	font-size: 19px;
	font-weight: 400;
	text-decoration: none;
}
#shop-grid.shop-grid-minimal .tt-product-title a:hover {
	opacity: 0.72;
}
#shop-grid.shop-grid-minimal .tt-product-price {
	position: static;
	margin: 0;
	padding: 0;
	font-size: 14px;
	color: rgba(40, 40, 5, 0.72);
	opacity: 1 !important;
	visibility: visible !important;
	transform: none !important;
}
#shop-grid.shop-grid-minimal .tt-product-price bdi,
#shop-grid.shop-grid-minimal .tt-product-price .pp-current-price,
#shop-grid.shop-grid-minimal .tt-product-price .pp-old-price {
	font-size: 14px;
	font-weight: 400;
}
#shop-grid.shop-grid-minimal .tt-product-buttons {
	position: absolute;
	top: -57px;
	right: 0;
	left: auto;
	bottom: auto;
	width: 40.5%;
	z-index: 4;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 1 !important;
	visibility: visible !important;
	transform: none !important;
	pointer-events: auto;
}
#shop-grid.shop-grid-minimal .tt-product-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	background: #dcdad9;
	border: none;
	padding: 9px 8px !important;
	padding-bottom: 9px !important;
	font-size: 12px;
	font-weight: 400 !important;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #282805 !important;
	line-height: 1.2;
	text-align: center;
	box-shadow: none;
}
#shop-grid.shop-grid-minimal .tt-product-btn span {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	text-align: center;
	position: static;
	font-weight: inherit;
}
#shop-grid.shop-grid-minimal .tt-product-btn::after {
	display: none !important;
}
#shop-grid.shop-grid-minimal .tt-product-btn:hover {
	background: #d0cecd;
	border-color: transparent;
}
#shop-grid.shop-grid-minimal .tt-product-adc-btn span::before {
	display: none;
}
#shop-grid.shop-grid-minimal .tt-product-adc-btn {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
@media (max-width: 991px) {
	#shop-grid.shop-grid-minimal .tt-grid-item {
		width: 50%;
		margin-bottom: 40px;
	}
}
@media (max-width: 767px) {
	#shop-grid.shop-grid-minimal .tt-grid-items-wrap {
		margin-left: -12px;
		margin-right: -12px;
	}
	#shop-grid.shop-grid-minimal .tt-grid-item {
		width: 50%;
		padding: 0 12px;
		margin-bottom: 40px;
	}
	#shop-grid.shop-grid-minimal .tt-product {
		width: 86%;
		max-width: 220px;
		--shop-line-top: 0px;
	}
	#shop-grid.shop-grid-minimal .tt-product-image-holder {
		margin-top: 0;
	}
	#shop-grid.shop-grid-minimal .tt-product-buttons {
		top: -42px;
		width: 40.5%;
	}
	#shop-grid.shop-grid-minimal .tt-product-btn {
		padding: 8px 7px !important;
		padding-bottom: 8px !important;
		font-size: 11px;
		font-weight: 400 !important;
	}
}
@media (max-width: 479px) {
	#shop-grid.shop-grid-minimal .tt-grid-items-wrap {
		margin-left: -8px;
		margin-right: -8px;
	}
	#shop-grid.shop-grid-minimal .tt-grid-item {
		width: 50%;
		padding-left: 8px;
		padding-right: 8px;
	}
	#shop-grid.shop-grid-minimal .tt-product {
		width: 100%;
		max-width: none;
	}
	#shop-grid.shop-grid-minimal .tt-product-title,
	#shop-grid.shop-grid-minimal .tt-product-title a {
		font-size: 16px;
		line-height: 1.15;
	}
	#shop-grid.shop-grid-minimal .tt-product-price {
		font-size: 12px;
	}
	#shop-grid.shop-grid-minimal .tt-product-buttons {
		top: -36px;
		width: 52%;
	}
	#shop-grid.shop-grid-minimal .tt-product-btn {
		padding: 7px 5px !important;
		padding-bottom: 7px !important;
		font-size: 10px;
	}
}

/* ---------- Страница товара (shop-product-*.html) ---------- */
.page-shop-product #body-inner,
.page-shop-product #scroll-container,
.page-shop-product #content-wrap,
.page-shop-product #page-content {
	background-color: #dcdad9;
	height: auto !important;
	min-height: 0 !important;
	overflow: visible !important;
}
.page-shop-product #content-wrap {
	position: relative;
	background-color: #dcdad9;
	background-image: url("product-header.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100vw auto;
}
.page-shop-product #page-content {
	transform: none !important;
	margin-top: 0 !important;
	padding-top: 0 !important;
	background-color: transparent;
}
.page-shop-product .shop-product-section {
	padding: 20px 0 88px;
}
.page-shop-product .shop-product-back {
	display: inline-block;
	margin-bottom: 24px;
	font-size: 12px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: rgba(40, 40, 5, 0.72);
	text-decoration: none;
}
.page-shop-product .shop-product-back:hover {
	color: #282805;
}
.page-shop-product .shop-product-layout {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: clamp(24px, 4vw, 48px);
	align-items: start;
}
.page-shop-product .shop-product-media {
	width: 100%;
}
.page-shop-product .shop-product-gallery {
	display: flex;
	flex-direction: column;
	gap: 14px;
	width: 100%;
	max-width: none;
}
.page-shop-product .shop-product-gallery-thumbs {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 10px;
}
.page-shop-product .shop-product-gallery-main {
	position: relative;
	width: 100%;
	height: clamp(320px, 42vw, 560px);
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr) 44px;
	align-items: center;
	overflow: hidden;
	background: #dcdad9;
}
.page-shop-product .shop-product-gallery-stage {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	min-width: 0;
}
.page-shop-product .shop-product-gallery-current {
	display: block;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
}
@media (min-width: 768px) {
	.page-shop-product .shop-product-gallery-current {
		max-width: 80%;
		max-height: 80%;
	}
}
.page-shop-product .shop-product-gallery-thumb {
	width: 76px;
	height: 76px;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
.page-shop-product .shop-product-gallery-thumb img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}
.page-shop-product .shop-product-gallery-thumb:not(.is-active) {
	opacity: 0.55;
}
.page-shop-product .shop-product-gallery-thumb.is-active {
	opacity: 1;
}
.page-shop-product .shop-product-gallery-prev,
.page-shop-product .shop-product-gallery-next {
	position: relative;
	width: 32px;
	height: 32px;
	padding: 0;
	border: 1px solid rgba(40, 40, 5, 0.18);
	background: rgba(220, 218, 217, 0.95);
	cursor: pointer;
	z-index: 2;
	opacity: 1;
	visibility: visible;
	transition: opacity 0.2s ease, visibility 0.2s ease;
	justify-self: center;
	align-self: center;
}
@media (hover: hover) {
	.page-shop-product .shop-product-gallery-prev,
	.page-shop-product .shop-product-gallery-next {
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
	}
	.page-shop-product .shop-product-gallery-main:hover .shop-product-gallery-prev,
	.page-shop-product .shop-product-gallery-main:hover .shop-product-gallery-next,
	.page-shop-product .shop-product-gallery-prev:focus-visible,
	.page-shop-product .shop-product-gallery-next:focus-visible {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}
}
.page-shop-product .shop-product-gallery-prev::before,
.page-shop-product .shop-product-gallery-next::before {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	margin: 0 auto;
	border-top: 1.5px solid #282805;
	border-right: 1.5px solid #282805;
}
.page-shop-product .shop-product-gallery-prev::before {
	transform: rotate(-135deg);
}
.page-shop-product .shop-product-gallery-next::before {
	transform: rotate(45deg);
}
.page-shop-product .shop-product-details {
	position: static;
	top: auto;
	max-width: none;
	width: 100%;
}
.page-shop-product .shop-product-title {
	margin: 12px 0 14px;
	font-size: clamp(22px, 2.6vw, 30px);
	font-weight: 400;
	line-height: 1.1;
	color: #282805;
	letter-spacing: 0.01em;
}
@media (min-width: 992px) {
	.page-shop-product .shop-product-back {
		margin-top: 20px;
	}
	.page-shop-product .shop-product-details {
		padding-top: 40px;
	}
	.page-shop-product .shop-product-title {
		margin-top: 0;
	}
}
.page-shop-product .shop-product-price {
	margin: 0 0 8px;
	font-size: 20px;
	color: #282805;
}
.page-shop-product .shop-product-price ins,
.page-shop-product .shop-product-price-current {
	text-decoration: none;
}
.page-shop-product .shop-product-price del,
.page-shop-product .shop-product-price-old {
	margin-left: 10px;
	font-size: 16px;
	color: rgba(40, 40, 5, 0.45);
}
.page-shop-product .shop-product-note {
	margin: 0 0 28px;
	font-size: 13px;
	color: rgba(40, 40, 5, 0.55);
}
.page-shop-product .shop-product-variants {
	margin-bottom: 28px;
}
.page-shop-product .shop-product-variants-label {
	display: block;
	margin-bottom: 10px;
	font-size: 11px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #282805;
}
.page-shop-product .shop-product-variant-list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.page-shop-product .shop-product-variant {
	min-width: 88px;
	padding: 10px 16px;
	border: 1px solid rgba(40, 40, 5, 0.22);
	background: transparent;
	font-family: inherit;
	font-size: 13px;
	color: #282805;
	cursor: pointer;
}
.page-shop-product .shop-product-variant.is-active {
	border-color: #282805;
	background: rgba(40, 40, 5, 0.06);
}
.page-shop-product .shop-product-tabs {
	margin-bottom: 28px;
}
.page-shop-product .shop-product-tabs-nav {
	display: flex;
	flex-wrap: wrap;
	gap: 28px;
}
.page-shop-product .shop-product-tab-btn {
	padding: 0 0 6px;
	border: 0;
	border-bottom: 1px solid transparent;
	background: transparent;
	font-family: inherit;
	font-size: 13px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #282805;
	cursor: pointer;
}
.page-shop-product .shop-product-tab-btn.is-active {
	border-bottom-color: #282805;
}
.page-shop-product .shop-product-tab-panel {
	display: none;
	padding: 20px 0 4px;
	font-size: 15px;
	line-height: 1.6;
	color: rgba(40, 40, 5, 0.82);
}
.page-shop-product .shop-product-tab-panel.is-active {
	display: block;
}
.page-shop-product .shop-product-tab-panel p {
	margin: 0 0 12px;
}
.page-shop-product .shop-product-tab-panel p:last-child {
	margin-bottom: 0;
}
.page-shop-product .shop-product-meta {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin: 0 0 18px;
	padding: 0;
}
.page-shop-product .shop-product-meta-item {
	display: flex;
	align-items: center;
	gap: 12px;
}
.page-shop-product .shop-product-meta-icon {
	flex: 0 0 32px;
	width: 32px;
	min-width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: visible;
	color: #282805;
}
.page-shop-product .shop-product-meta-img {
	display: block;
	width: 42.25px;
	height: 42.25px;
	max-width: none;
	object-fit: contain;
}
.page-shop-product .shop-product-meta-text {
	flex: 1;
	min-width: 0;
	font-size: inherit;
	line-height: 1.35;
	color: #282805;
}
.page-shop-product .shop-product-meta-oxidation {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
}
.page-shop-product .shop-product-oxidation {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #282805;
}
.page-shop-product .shop-product-oxidation .dot {
	border: 1.4px solid currentColor;
	border-radius: 50%;
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: transparent;
	flex-shrink: 0;
}
.page-shop-product .shop-product-oxidation .dot.is-on {
	width: 11px;
	height: 11px;
}
.page-shop-product .shop-product-oxidation .dot:not(.is-on) {
	width: 6.5px;
	height: 6.5px;
}
.page-shop-product .shop-product-oxidation .dot.is-on::after {
	content: "";
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: currentColor;
	display: block;
}
.page-shop-product .shop-product-oxidation .dot:not(.is-on)::after {
	content: none;
}
.page-shop-product .shop-product-cart-row {
	display: grid;
	grid-template-columns: 120px minmax(0, 1fr);
	gap: 12px;
	align-items: stretch;
}
.page-shop-product .shop-product-qty {
	display: grid;
	grid-template-columns: 36px 1fr 36px;
	border: 1px solid rgba(40, 40, 5, 0.22);
}
.page-shop-product .shop-product-qty-btn {
	border: 0;
	background: transparent;
	font-size: 18px;
	line-height: 1;
	color: #282805;
	cursor: pointer;
}
.page-shop-product .shop-product-qty-input {
	width: 100%;
	border: 0;
	border-left: 1px solid rgba(40, 40, 5, 0.14);
	border-right: 1px solid rgba(40, 40, 5, 0.14);
	background: transparent;
	text-align: center;
	font-family: inherit;
	font-size: 14px;
	color: #282805;
	-moz-appearance: textfield;
}
.page-shop-product .shop-product-qty-input::-webkit-outer-spin-button,
.page-shop-product .shop-product-qty-input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.page-shop-product .shop-product-adc {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 12px 20px;
	background: #282805;
	border: 1px solid #282805;
	font-size: 12px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #dcdad9;
	text-decoration: none;
}
.page-shop-product .shop-product-adc:hover {
	background: #1a1a03;
	border-color: #1a1a03;
}
.page-shop-product .shop-product-delivery {
	margin-top: 48px;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.page-shop-product .shop-product-delivery-head {
	width: 50%;
	border-top: 1px solid #282805;
	border-bottom: 1px solid #282805;
}
.page-shop-product .shop-product-delivery-toggle {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 52px;
	padding: 0 28px 0 0;
	border: 0;
	background: transparent;
	font-family: inherit;
	font-size: 14px;
	line-height: 1;
	color: #282805;
	cursor: pointer;
	text-align: center;
	position: relative;
}
.page-shop-product .shop-product-delivery-toggle::after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	width: 7px;
	height: 7px;
	border-right: 1px solid #282805;
	border-bottom: 1px solid #282805;
	transform: translateY(-50%) rotate(45deg);
	transition: transform 0.2s ease;
}
.page-shop-product .shop-product-delivery-toggle.is-open::after {
	transform: translateY(-50%) rotate(-135deg);
}
.page-shop-product .shop-product-delivery-panel {
	display: none;
	width: 50%;
	padding: 20px 0 8px;
	font-size: 15px;
	line-height: 1.6;
	color: rgba(40, 40, 5, 0.82);
	text-align: center;
}
.page-shop-product .shop-product-delivery-panel.is-open {
	display: block;
}
.page-shop-product .shop-product-delivery-panel p {
	margin: 0 0 12px;
}
.page-shop-product .shop-product-delivery-panel p:last-child {
	margin-bottom: 0;
}
.page-shop-product .shop-product-related {
	margin-top: 56px;
	padding-top: 0;
	text-align: center;
}
.page-shop-product .shop-product-related-title {
	display: inline-block;
	margin: 0 0 36px;
	padding-bottom: 8px;
	border-bottom: 1px solid #282805;
	font-size: 11px;
	font-weight: 400;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #282805;
}
.page-shop-product .shop-product-related-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 24px;
}
.page-shop-product .shop-product-sticky-bar {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 900;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 12px clamp(16px, 4vw, 40px);
	background: #dcdad9;
	border-top: 1px solid rgba(40, 40, 5, 0.18);
	box-shadow: 0 -4px 20px rgba(40, 40, 5, 0.06);
}
.page-shop-product .shop-product-sticky-config {
	flex: 0 0 auto;
	min-width: 140px;
	padding: 12px 20px;
	border: 1px solid rgba(40, 40, 5, 0.22);
	background: transparent;
	font-family: inherit;
	font-size: 12px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #282805;
	cursor: pointer;
}
.page-shop-product .shop-product-sticky-config:hover {
	background: rgba(40, 40, 5, 0.06);
}
.page-shop-product .shop-product-sticky-info {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	text-align: left;
	color: #282805;
}
.page-shop-product .shop-product-sticky-name {
	font-size: 14px;
	line-height: 1.3;
}
.page-shop-product .shop-product-sticky-price {
	font-size: 13px;
	color: rgba(40, 40, 5, 0.72);
}
.page-shop-product .shop-related-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 180px;
	text-decoration: none;
	color: #282805;
}
.page-shop-product .shop-related-image {
	display: block;
	width: 100%;
	aspect-ratio: 1;
}
.page-shop-product .shop-related-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.page-shop-product .shop-related-name {
	margin-top: 10px;
	font-size: 14px;
}
.page-shop-product .shop-related-price {
	margin-top: 2px;
	font-size: 12px;
	color: rgba(40, 40, 5, 0.72);
}
.page-shop-product .shop-related-card:hover .shop-related-name {
	opacity: 0.72;
}
@media (max-width: 991px) {
	.page-shop-product .shop-product-layout {
		grid-template-columns: 1fr;
		gap: 32px;
	}
	.page-shop-product .shop-product-details {
		position: static;
		max-width: none;
	}
	.page-shop-product .shop-product-gallery {
		max-width: none;
	}
}
@media (max-width: 767px) {
	.page-shop-product .shop-product-section {
		padding-top: 24px;
		padding-bottom: 80px;
	}
	.page-shop-product .shop-product-title {
		font-size: 22px;
	}
	.page-shop-product .shop-product-gallery {
		overflow: visible;
	}
	.page-shop-product .shop-product-gallery-main {
		height: auto;
		min-height: 0;
		aspect-ratio: 1 / 1;
		grid-template-columns: 1fr;
		overflow: visible;
	}
	.page-shop-product .shop-product-gallery-stage {
		grid-area: 1 / 1;
		width: 100%;
		height: 100%;
		padding: 0 44px;
		box-sizing: border-box;
	}
	.page-shop-product .shop-product-gallery-current {
		max-width: 100%;
		max-height: 100%;
		object-fit: contain;
	}
	.page-shop-product .shop-product-gallery-prev,
	.page-shop-product .shop-product-gallery-next {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}
	.page-shop-product .shop-product-gallery-prev {
		left: 0;
	}
	.page-shop-product .shop-product-gallery-next {
		right: 0;
	}
	.page-shop-product .shop-product-gallery-thumb {
		width: 64px;
		height: 64px;
	}
	.page-shop-product .shop-product-cart-row {
		grid-template-columns: 1fr;
	}
	.page-shop-product .shop-product-delivery-head,
	.page-shop-product .shop-product-delivery-panel {
		width: 85%;
	}
	.page-shop-product .shop-product-sticky-config {
		min-width: 120px;
		flex: 0 0 auto;
	}
}

/* ---------- Корзина (shop-cart.html, body.page-shop-cart) ---------- */
.page-shop-cart #page-header {
	background: #dcdad9 !important;
	background-image: none !important;
	min-height: 0;
	padding: calc(var(--nav-bar-h, 120px) + 36px) 0 40px;
}
.page-shop-cart .scroll-down-circle,
.page-shop-cart .made-with-love {
	display: none !important;
}
.page-shop-cart .ph-caption-title,
.page-shop-cart .ph-caption-title-ghost,
.page-shop-cart .ph-caption-subtitle {
	color: #282805 !important;
}
.page-shop-cart #page-content {
	background: #dcdad9;
}
.page-shop-cart .tt-section {
	background: transparent !important;
}
.page-shop-cart table.shop-cart-table thead.shop-cart-table-head th {
	color: #282805;
	font-family: 'TenorSans', serif;
	font-weight: 500;
	border-bottom: 1px solid rgba(254, 117, 46, 0.28) !important;
}
.page-shop-cart table.shop-cart-table tbody td {
	color: #282805;
	border-color: rgba(254, 117, 46, 0.18) !important;
}
.page-shop-cart td.cti-product-title,
.page-shop-cart td.cti-product-title a {
	color: #282805 !important;
}
.page-shop-cart .cti-product-variations {
	color: rgba(40, 40, 5, 0.55) !important;
}
.page-shop-cart td.cti-subtotal bdi {
	color: #282805;
}
.page-shop-cart .shop-cart-box {
	background: #fff !important;
	border: 1px solid rgba(254, 117, 46, 0.28) !important;
	border-radius: 8px;
	box-shadow: 0 2px 14px rgba(40, 40, 5, 0.05);
}
.page-shop-cart .shop-cart-box-heading {
	color: #282805;
	font-family: 'TenorSans', serif;
	font-weight: 500;
}
.page-shop-cart table.shop-cart-totals-table th,
.page-shop-cart table.shop-cart-totals-table td {
	color: #282805 !important;
}
.page-shop-cart table.shop-cart-totals-table tr {
	border-bottom-color: rgba(254, 117, 46, 0.2) !important;
}
.page-shop-cart .sc-totals-total bdi {
	color: var(--shop-accent, #fe752e) !important;
}
.page-shop-cart .shop-cart-empty {
	background: rgba(255, 255, 255, 0.95) !important;
	border: 1px solid rgba(254, 117, 46, 0.28) !important;
	color: #282805;
}
.page-shop-cart .shop-cart-empty-icon {
	color: rgba(254, 117, 46, 0.45);
}
/* Proceed to Checkout — оранжевая, как шапка */
.page-shop-cart .shop-cart-totals .tt-btn-primary,
.page-shop-cart .shop-cart-totals .tt-btn-primary .tt-btn,
.page-shop-cart .shop-cart-totals .tt-btn-primary a {
	background-color: var(--shop-accent, #fe752e) !important;
	background: var(--shop-accent, #fe752e) !important;
	color: #282805 !important;
	border: none !important;
}
.page-shop-cart .shop-cart-totals .tt-btn-primary a,
.page-shop-cart .shop-cart-totals .tt-btn-primary a::after {
	color: #282805 !important;
}
.page-shop-cart .shop-cart-totals .tt-btn-primary:hover,
.page-shop-cart .shop-cart-totals .tt-btn-primary:hover .tt-btn,
.page-shop-cart .shop-cart-totals .tt-btn-primary:hover a {
	background-color: var(--shop-accent-hover, #e86825) !important;
	background: var(--shop-accent-hover, #e86825) !important;
}
.page-shop-cart table.shop-cart-table input.cart-plus-minus-box {
	border: 1px solid rgba(254, 117, 46, 0.35) !important;
	color: #282805 !important;
	background: #fff !important;
}
.page-shop-cart table.shop-cart-table .qtybutton.inc,
.page-shop-cart table.shop-cart-table .qtybutton.dec {
	color: #282805 !important;
}
.page-shop-cart .cart-discount-form .tt-form-control {
	border-color: rgba(254, 117, 46, 0.3) !important;
	color: #282805;
	background: #fff;
}
.page-shop-cart .cart-discount-form .tt-form-text {
	color: rgba(40, 40, 5, 0.65);
}
@media (max-width: 768px) {
	.page-shop-cart tr.shop-cart-table-item {
		border-bottom-color: rgba(254, 117, 46, 0.35) !important;
	}
	.page-shop-cart table.shop-cart-table tbody.shop-cart-table-body tr td {
		border-bottom-color: rgba(254, 117, 46, 0.22) !important;
	}
	.page-shop-cart td.cti-price,
	.page-shop-cart td.cti-quantity,
	.page-shop-cart td.cti-subtotal {
		color: #282805 !important;
	}
}

/* ---------- Pages: About / Collab / FAQ ---------- */
.page-about,
.page-collab,
.page-faq {
	--brand-accent: #fe752e;
	--brand-accent-hover: #e86825;
}
/* About: about.jpg — в края без гориз. скролла (не 100vw); чуть ближе к шапке */
.page-about {
	--about-img-lift: 0;
}
.page-about #content-wrap {
	padding: 0;
	margin: 0;
	width: 100%;
	max-width: 100%;
	overflow-x: hidden !important;
	overflow-y: visible !important;
}
.page-about .about-hero-simple {
	background-color: #fe752e;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	overflow-y: visible;
	line-height: 0;
	width: 100%;
	max-width: 100%;
	position: relative;
}

.page-about .about-contact-stack {
	position: absolute;
	right: clamp(8px, 2.3vw, 46px);
	bottom: clamp(0px, 1.8vw, 32px);
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: clamp(6px, 0.55vw, 10px);
	max-width: calc(100% - 44px);
	font-family: 'TenorSans', serif;
	line-height: 1;
	pointer-events: auto;
}
.page-about .about-telegram-link,
.page-about .about-collab-link {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	color: #282805;
	-webkit-text-fill-color: #282805;
	font-size: clamp(26px, 1.75vw, 37px);
	font-weight: 400;
	letter-spacing: 0.08em;
	text-decoration: none;
	padding-bottom: 4px;
	border-bottom: 1px solid transparent;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.35), 0 1px 3px rgba(0, 0, 0, 0.08);
	transition: none !important;
	animation: none !important;
}
.page-about .about-telegram-link {
	gap: 6px;
	text-transform: uppercase;
}
.page-about .about-telegram-link svg {
	display: block;
	width: 0.95em;
	height: 0.95em;
	fill: #282805;
	color: #282805;
}
.page-about .about-collab-link {
	text-transform: uppercase;
	white-space: nowrap;
}
.page-about .about-telegram-link:hover,
.page-about .about-telegram-link:focus,
.page-about .about-collab-link:hover,
.page-about .about-collab-link:focus {
	color: #282805;
	-webkit-text-fill-color: #282805;
	opacity: 1;
	transform: none;
	border-bottom-color: rgba(40, 40, 5, 0.5);
}
@media (max-width: 768px) {
	.page-about .about-contact-stack {
		right: clamp(6px, 3vw, 18px);
		bottom: clamp(0px, 1vw, 6px);
		gap: 2px;
		max-width: calc(100vw - 32px);
	}
	.page-about .about-telegram-link,
	.page-about .about-collab-link {
		font-size: clamp(12px, 3.2vw, 14px);
		padding-bottom: 3px;
	}
	.page-about .about-telegram-link {
		gap: 4px;
	}
}
.page-about .about-hero-simple img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	vertical-align: top;
	transform: translateY(calc(-1 * var(--about-img-lift)));
	margin-bottom: calc(-1 * var(--about-img-lift));
}

/* Collab: один экран, без скролла; фон = collab-bg-1.jpg */
.page-collab {
	--nav-bar-h: 120px;
	--collab-panel-h: calc(100vh - var(--nav-bar-h, 120px));
	--collab-copy: rgba(40, 40, 5, 0.82);
	--collab-paper-bg: #dcdad9;
	--collab-bg: url("collab-bg-1.jpg");
	--collab-mobile-top-gap: 90px;
	--collab-mobile-heading-size: clamp(18px, 4.6vw, 23px);
	--collab-mobile-copy-size: clamp(13px, 3.7vw, 17px);
	--collab-mobile-field-size: 15px;
}
.page-collab .collab-contact-below,
.page-collab #page-content.collab-contact-below {
	position: relative;
	background-color: #fe752e;
	height: 100%;
	max-height: 100%;
	min-height: 0;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	color: #282805;
	overflow: hidden;
}
.page-collab .collab-contact-below::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	background-color: #fe752e;
	background-image: var(--collab-bg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.page-collab .collab-contact-compact {
	position: relative;
	z-index: 1;
	height: 100%;
	max-height: 100%;
	padding: 0 !important;
	margin: 0;
	box-sizing: border-box;
	overflow: hidden;
}
.page-collab .collab-contact-compact .tt-section-inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: stretch;
	height: 100%;
	max-height: var(--collab-panel-h);
	padding: 24px clamp(28px, 5.5vw, 72px) 32px;
	box-sizing: border-box;
	max-width: min(1180px, 100%);
	margin-left: auto;
	margin-right: auto;
}
body.tt-boxed.page-collab .collab-contact-compact .tt-section-inner.tt-wrap,
body.page-collab .collab-contact-compact .tt-section-inner.tt-wrap {
	padding-left: clamp(28px, 5.5vw, 72px);
	padding-right: clamp(28px, 5.5vw, 72px);
}
.page-collab .collab-contact-row {
	align-items: flex-start;
	flex-wrap: nowrap;
	width: 100%;
	margin: 100px 0 0;
	padding-top: 0;
}
body.tt-boxed.page-collab .collab-contact-compact .tt-wrap .collab-contact-row {
	margin-left: -15px;
	margin-right: -15px;
}
.page-collab .collab-text-col {
	padding-top: 0;
	padding-left: 0;
	padding-right: 15px;
	transform: translateX(-20px);
}
.page-collab .collab-form-col {
	display: flex;
	flex-direction: column;
	padding-top: 0;
	padding-left: 15px;
	padding-right: 0;
	min-height: 0;
	transform: translateX(20px);
}
@media (max-width: 991px) {
	.page-collab .collab-text-col,
	.page-collab .collab-form-col {
		transform: none;
	}
}
.page-collab .collab-form-fields-row {
	display: flex;
	flex-wrap: wrap;
	gap: 20px 28px;
	margin-bottom: 20px;
}
.page-collab .collab-form-half {
	flex: 1 1 200px;
	min-width: 0;
	margin-bottom: 0 !important;
}
.page-collab .collab-form {
	display: flex;
	flex-direction: column;
	min-height: 0;
}
.page-collab .collab-form-message {
	margin-bottom: 0 !important;
}
.page-collab .collab-form-message textarea {
	min-height: 120px;
	resize: vertical;
}
.page-collab .collab-form-footer {
	margin-top: 36px;
	padding-top: 4px;
}
.page-collab .collab-form-footer .tt-form-text {
	display: block;
	margin: 0 0 18px;
}
.page-collab .collab-intro,
.page-collab .collab-text-col .text-gray.collab-intro {
	margin: 0 0 20px;
	max-width: 420px;
	font-family: 'TenorSans', serif;
	font-size: 17px;
	font-weight: 500;
	line-height: 1.4;
	color: var(--collab-copy) !important;
}
.page-collab .collab-contact-compact .tt-contact-info {
	margin: 0;
	padding: 0;
}
.page-collab .collab-contact-compact .tt-form-group {
	margin-bottom: 20px;
}
.page-collab .collab-contact-compact .tt-heading {
	margin-bottom: 16px !important;
}
.page-collab .collab-contact-compact .tt-heading.tt-heading-lg .tt-heading-title,
.page-collab .collab-contact-dark .tt-heading-title {
	font-family: 'TenorSans', serif;
	font-size: clamp(26px, 2.8vw, 38px) !important;
	font-weight: 400;
	line-height: 1.15;
	color: #282805;
}
@media (min-width: 768px) {
	.page-collab .collab-contact-dark .tt-heading-title {
		white-space: nowrap;
	}
}
.page-collab .collab-contact-dark .tt-contact-info,
.page-collab .collab-contact-dark .tt-contact-info a.tt-link {
	color: var(--collab-copy);
}
.page-collab .collab-contact-dark .tt-contact-info a.tt-link:hover {
	color: #282805;
}
.page-collab .collab-contact-dark .tt-ci-icon {
	color: #282805;
}
.page-collab .collab-contact-dark .tt-form-group label {
	font-family: 'TenorSans', serif;
	font-size: 17px;
	font-weight: 500;
	line-height: 1.4;
	color: var(--collab-copy);
}
.page-collab .collab-contact-dark .tt-form-minimal .tt-form-control {
	color: var(--collab-copy);
	border-color: var(--collab-copy);
	background: transparent;
}
.page-collab .collab-contact-dark .tt-form-minimal .tt-form-control::placeholder {
	color: var(--collab-copy);
	opacity: 0.45;
}
.page-collab .collab-contact-dark .tt-form-minimal .tt-form-control:focus {
	border-color: var(--collab-copy);
	color: var(--collab-copy);
}
.page-collab .collab-contact-dark .tt-form-text {
	color: var(--collab-copy);
	opacity: 0.65;
}
.page-collab .collab-form-submit.tt-btn {
	margin: 0;
	width: 100%;
	max-width: 280px;
}
.page-collab .collab-form-submit.tt-btn > button {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0 28px;
	text-align: center;
	font-family: 'TenorSans', serif;
	font-size: 17px;
	font-weight: 500;
	color: var(--collab-copy) !important;
	background: transparent;
	border: none;
	transition: none;
	transform: none !important;
}
.page-collab .collab-form-submit.tt-btn > button::after {
	display: none !important;
	content: none !important;
}
.page-collab .collab-form-submit.tt-btn:hover > button {
	transform: none !important;
	color: var(--collab-copy) !important;
}
@media (max-width: 991px) {
	.page-collab .collab-form {
		max-height: none;
	}
}
@media (max-width: 767px) {
	.page-collab .collab-form-fields-row {
		flex-direction: column;
		gap: 0;
		margin-bottom: 0;
	}
	.page-collab .collab-form-half {
		margin-bottom: 20px !important;
	}
}

/* Collab: форма */
.page-collab .tt-form-control:focus {
	border-color: var(--collab-copy) !important;
}
.page-collab .collab-form-submit.tt-btn-primary {
	background-color: var(--brand-accent, #fe752e) !important;
	background: var(--brand-accent, #fe752e) !important;
	border: none !important;
	overflow: visible;
}
.page-collab .collab-form-submit.tt-btn-primary:hover {
	background-color: var(--brand-accent, #fe752e) !important;
	background: var(--brand-accent, #fe752e) !important;
}

/* Collab preload follows the same site-wide curtain; only keep the page paper color. */
.page-collab #page-transition .ptr-overlay {
	background-color: var(--collab-paper-bg, #dcdad9) !important;
}


/* Collab responsive layout: keep desktop intact, stack content cleanly on mobile/tablet. */
@media (max-width: 1024px) {
	.page-collab {
		--collab-bg: url("collab-bg-1080.jpg");
	}

	html.page-collab-scroll {
		overflow-y: auto !important;
		overflow-x: hidden !important;
		height: auto !important;
		min-height: 100%;
		background-color: #dcdad9 !important;
	}

	body.page-collab {
		height: auto !important;
		min-height: 100dvh !important;
		max-height: none !important;
		overflow-y: auto !important;
		overflow-x: hidden !important;
		background-color: var(--collab-paper-bg) !important;
		-webkit-overflow-scrolling: touch;
	}

	body.page-collab #body-inner,
	body.page-collab #scroll-container {
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		overflow: visible !important;
		background-color: var(--collab-paper-bg) !important;
	}

	body.page-collab #scroll-container {
		display: block !important;
	}

	.page-collab #content-wrap {
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		overflow: visible !important;
		background-color: var(--collab-paper-bg) !important;
	}

	.page-collab .collab-contact-below,
	.page-collab #page-content.collab-contact-below {
		height: auto !important;
		min-height: calc(100dvh - var(--nav-bar-h, 280px) - env(safe-area-inset-top, 0px)) !important;
		max-height: none !important;
		overflow: visible !important;
		background-color: var(--collab-paper-bg) !important;
		background-image: var(--collab-bg) !important;
		background-position: center top !important;
		background-size: 100% auto !important;
		background-repeat: no-repeat !important;
	}

	.page-collab .collab-contact-compact {
		height: auto !important;
		min-height: inherit !important;
		max-height: none !important;
		overflow: visible !important;
		background-color: transparent !important;
	}

	.page-collab .collab-contact-below::before {
		display: none !important;
		content: none !important;
	}

	.page-collab .collab-contact-compact .tt-section-inner,
	body.tt-boxed.page-collab .collab-contact-compact .tt-section-inner.tt-wrap,
	body.page-collab .collab-contact-compact .tt-section-inner.tt-wrap {
		display: block !important;
		height: auto !important;
		min-height: inherit !important;
		max-height: none !important;
		width: 100% !important;
		max-width: 560px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		padding: var(--collab-mobile-top-gap) clamp(22px, 7vw, 44px) calc(42px + env(safe-area-inset-bottom, 0px)) !important;
	}

	.page-collab .collab-contact-row,
	body.tt-boxed.page-collab .collab-contact-compact .tt-wrap .collab-contact-row {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		flex-wrap: nowrap !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		gap: clamp(24px, 5vh, 38px);
	}

	.page-collab .collab-text-col,
	.page-collab .collab-form-col {
		width: 100% !important;
		max-width: none !important;
		flex: 0 0 auto !important;
		padding: 0 !important;
		margin: 0 !important;
		transform: none !important;
	}

	.page-collab .collab-contact-compact .tt-heading {
		margin-bottom: 12px !important;
	}

	.page-collab .collab-contact-compact .tt-heading.tt-heading-lg .tt-heading-title,
	.page-collab .collab-contact-dark .tt-heading-title {
		font-size: var(--collab-mobile-heading-size) !important;
		line-height: 1.18 !important;
		white-space: normal !important;
	}

	.page-collab .collab-intro,
	.page-collab .collab-text-col .text-gray.collab-intro {
		max-width: none !important;
		margin: 0 0 20px !important;
		font-size: var(--collab-mobile-copy-size) !important;
		line-height: 1.38 !important;
	}

	.page-collab .collab-contact-compact .tt-contact-info {
		margin: 0 !important;
	}

	.page-collab .collab-contact-compact .tt-contact-info > li {
		display: flex !important;
		align-items: center !important;
		gap: 12px !important;
		margin: 0 !important;
		font-size: var(--collab-mobile-copy-size) !important;
		line-height: 1.35 !important;
	}

	.page-collab .collab-contact-compact .tt-contact-info .tt-ci-icon {
		flex: 0 0 auto !important;
		width: 26px !important;
		margin: 0 !important;
	}

	.page-collab .collab-contact-compact .tt-contact-info a.tt-link {
		white-space: normal !important;
		word-break: keep-all !important;
	}

	.page-collab .collab-form-fields-row {
		display: flex !important;
		flex-direction: column !important;
		gap: 18px !important;
		margin: 0 0 18px !important;
	}

	.page-collab .collab-form-half,
	.page-collab .collab-contact-compact .tt-form-group {
		width: 100% !important;
		flex: 0 0 auto !important;
		margin: 0 !important;
	}

	.page-collab .collab-contact-dark .tt-form-group label {
		display: block !important;
		margin: 0 0 8px !important;
		font-size: var(--collab-mobile-copy-size) !important;
		line-height: 1.25 !important;
		text-align: left !important;
	}

	.page-collab .collab-contact-dark .tt-form-minimal .tt-form-control {
		width: 100% !important;
		font-size: var(--collab-mobile-field-size) !important;
		line-height: 1.35 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.page-collab .collab-form-message {
		margin-top: 0 !important;
	}

	.page-collab .collab-form-message textarea {
		min-height: 150px !important;
	}

	.page-collab .collab-form-footer {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		margin-top: 24px !important;
		padding-top: 0 !important;
		gap: 14px !important;
	}

	.page-collab .collab-form-footer .tt-form-text {
		margin: 0 !important;
		font-size: 14px !important;
		line-height: 1.4 !important;
	}

	.page-collab .collab-form-submit.tt-btn {
		width: 100% !important;
		max-width: none !important;
	}
}

@media (max-width: 420px) {
	.page-collab .collab-contact-compact .tt-section-inner,
	body.tt-boxed.page-collab .collab-contact-compact .tt-section-inner.tt-wrap,
	body.page-collab .collab-contact-compact .tt-section-inner.tt-wrap {
		padding-left: 24px !important;
		padding-right: 24px !important;
	}
}

/* FAQ: один экран, responsive-фон из assets/custom/questions */
.page-faq {
	--nav-bar-h: 120px;
	--faq-panel-h: calc(100vh - var(--nav-bar-h, 120px));
}
.page-faq .faq-panel-below,
.page-faq #page-content.faq-panel-below {
	position: relative;
	background-color: #fe752e;
	height: 100%;
	max-height: 100%;
	min-height: 0;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	overflow: hidden;
}
.page-faq .faq-panel-below::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	background-color: #fe752e;
}
.page-faq .faq-bg-picture {
	position: absolute;
	inset: 0;
	z-index: 1;
	display: block;
	overflow: hidden;
	pointer-events: none;
}
.page-faq .faq-bg-frame {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}
.page-faq .faq-panel-compact {
	position: relative;
	z-index: 2;
	height: 100%;
	max-height: 100%;
	padding: 0 !important;
	margin: 0;
	box-sizing: border-box;
	overflow: hidden;
}
.page-faq .faq-panel-inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
	max-height: var(--faq-panel-h);
	padding: 16px 20px 24px;
	box-sizing: border-box;
}
/* FAQ: барабан вопросов в серой зоне по центру */
.page-faq .faq-revolver {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: min(42vw, 500px);
	max-width: 100%;
	margin: 0 auto;
}
.page-faq .faq-revolver-viewport {
	width: 100%;
	height: min(52vh, 400px);
	overflow: hidden;
	outline: none;
	touch-action: none;
	/* мягкие края при сдвиге — без прозрачности текста в центре */
	-webkit-mask-image: linear-gradient(
		to bottom,
		transparent 0%,
		#000 10%,
		#000 90%,
		transparent 100%
	);
	mask-image: linear-gradient(
		to bottom,
		transparent 0%,
		#000 10%,
		#000 90%,
		transparent 100%
	);
}
.page-faq .faq-revolver-track {
	transition: transform 0.62s cubic-bezier(0.33, 1, 0.5, 1);
	will-change: transform;
}
.page-faq .faq-revolver-track.is-stepping {
	transition-timing-function: cubic-bezier(0.25, 0.9, 0.35, 1);
}
.page-faq .faq-revolver-slide {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	height: min(52vh, 400px);
	padding: 20px 28px 28px;
	box-sizing: border-box;
	text-align: center;
}
.page-faq .faq-revolver-q {
	margin: 0 0 18px;
	font-family: 'TenorSans', serif;
	font-size: clamp(23px, 2.54vw, 32px);
	font-weight: 400;
	line-height: 1.25;
	color: #282805;
}
.page-faq .faq-revolver-a {
	margin: 0;
	max-width: 38ch;
	font-size: clamp(17px, 1.57vw, 20px);
	line-height: 1.5;
	color: rgba(40, 40, 5, 0.82);
}
.page-faq .faq-revolver-hint {
	margin: 10px 0 0;
	font-family: 'TenorSans', serif;
	font-size: 13px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: rgba(40, 40, 5, 0.45);
}
.page-faq .faq-revolver-dots {
	display: flex;
	gap: 8px;
	justify-content: center;
	margin-top: 12px;
}
.page-faq .faq-revolver-dot {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	border: 0;
	padding: 0;
	background: rgba(40, 40, 5, 0.25);
	cursor: pointer;
	transition: background-color 0.25s ease, transform 0.25s ease;
}
.page-faq .faq-revolver-dot.is-active {
	background: #fe752e;
	transform: scale(1.15);
}
@media (max-width: 767px) {
	.page-faq .faq-revolver {
		width: min(80vw, 350px);
		transform: translateY(-34px);
	}
	.page-faq .faq-revolver-viewport,
	.page-faq .faq-revolver-slide {
		height: min(33vh, 232px);
	}
	.page-faq .faq-revolver-slide {
		justify-content: flex-start;
		padding: 24px 16px 16px;
	}
	.page-faq .faq-revolver-q {
		margin-bottom: 8px;
		font-size: clamp(18px, 4.65vw, 20px);
		line-height: 1.18;
	}
	.page-faq .faq-revolver-a {
		max-width: 34ch;
		font-size: clamp(14px, 3.6vw, 15.5px);
		line-height: 1.32;
	}
	.page-faq .faq-revolver-hint {
		margin-top: -28px;
		font-size: 11px;
	}
	.page-faq .faq-revolver-dots {
		margin-top: 4px;
	}
}
/* ---------- Выдвижная корзина (dean-cart) ---------- */
.dean-header-tools {
	position: fixed;
	top: var(--nav-bar-h, 120px);
	right: 28px;
	z-index: 70;
	display: inline-flex;
	align-items: flex-end;
	gap: 2px;
	transform: translateY(calc(-100% + 20px));
}
.dean-account-trigger,
.dean-cart-trigger {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 77px;
	height: 77px;
	padding: 0;
	border: 0;
	background: transparent;
	color: #282805;
	cursor: pointer;
	text-decoration: none;
}
.dean-account-trigger-icon,
.dean-cart-trigger-icon {
	display: block;
	width: 62px;
	height: 62px;
	object-fit: contain;
}
.dean-cart-trigger-count {
	display: none !important;
}
.dean-cart {
	position: fixed;
	inset: 0;
	z-index: 1200;
	pointer-events: none;
}
.dean-cart.is-open {
	pointer-events: auto;
}
.dean-cart-overlay {
	position: absolute;
	inset: 0;
	background: rgba(40, 40, 5, 0.28);
	opacity: 0;
	transition: opacity 0.28s ease;
}
.dean-cart.is-open .dean-cart-overlay {
	opacity: 1;
}
.dean-cart-panel {
	position: absolute;
	top: 0;
	right: 0;
	width: min(100%, 420px);
	height: 100%;
	display: flex;
	flex-direction: column;
	background: #dcdad9;
	color: #282805;
	transform: translateX(100%);
	transition: transform 0.32s ease;
	box-shadow: -8px 0 32px rgba(40, 40, 5, 0.08);
}
.dean-cart.is-open .dean-cart-panel {
	transform: translateX(0);
}
.dean-cart-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 22px 24px 18px;
	border-bottom: 1px solid rgba(40, 40, 5, 0.12);
}
.dean-cart-title {
	margin: 0;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 0.02em;
}
.dean-cart-close {
	width: 36px;
	height: 36px;
	border: 0;
	background: transparent;
	font-size: 28px;
	line-height: 1;
	color: #282805;
	cursor: pointer;
}
.dean-cart-body {
	flex: 1;
	overflow-y: auto;
	padding: 20px 24px;
}
.dean-cart-empty {
	text-align: center;
	padding: 48px 12px;
}
.dean-cart-empty[hidden],
.dean-cart-list[hidden] {
	display: none;
}
.dean-cart-empty-text {
	margin: 0 0 16px;
	font-size: 14px;
	color: rgba(40, 40, 5, 0.65);
}
.dean-cart-empty-link {
	font-size: 12px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #282805;
	text-decoration: none;
	border-bottom: 1px solid #282805;
}
.dean-cart-list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.dean-cart-item {
	display: grid;
	grid-template-columns: 130px minmax(0, 1fr);
	gap: 16px;
	align-items: center;
	padding-bottom: 22px;
	margin-bottom: 22px;
	border-bottom: 1px solid rgba(40, 40, 5, 0.1);
}
.dean-cart-item:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}
.dean-cart-item-media {
	width: 130px;
	flex-shrink: 0;
}
.dean-cart-item-img {
	display: block;
	width: 130px;
	height: 130px;
	object-fit: contain;
	background: transparent;
}
.dean-cart-item-body {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	min-width: 0;
}
.dean-cart-item-info {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	min-width: 0;
	flex: 1;
}
.dean-cart-item-name {
	font-size: 13px;
	line-height: 1.35;
	font-weight: 400;
	color: rgba(40, 40, 5, 0.82);
}
.dean-cart-item-unit-price {
	font-size: 12px;
	line-height: 1.3;
	color: rgba(40, 40, 5, 0.55);
}
.dean-cart-item-qty {
	display: inline-grid;
	grid-template-columns: 22px 29px 22px;
	align-items: center;
	margin-top: 2px;
}
.dean-cart-qty-btn {
	border: 0;
	background: transparent;
	font-size: 13px;
	line-height: 1;
	color: #282805;
	cursor: pointer;
	padding: 4px 0;
}
.dean-cart-item-qty-input {
	width: 100%;
	border: 0;
	background: transparent;
	font-family: inherit;
	font-size: 11px;
	color: #282805;
	text-align: center;
	padding: 4px 0;
	-moz-appearance: textfield;
}
.dean-cart-item-qty-input::-webkit-outer-spin-button,
.dean-cart-item-qty-input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.dean-cart-item-remove {
	border: 0;
	background: transparent;
	padding: 0;
	margin-top: 2px;
	font-size: 10px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: rgba(40, 40, 5, 0.82);
	cursor: pointer;
}
.dean-cart-item-remove:hover {
	color: #282805;
}
.dean-cart-item-total {
	font-size: 14px;
	line-height: 1.35;
	color: #282805;
	white-space: nowrap;
	text-align: right;
	flex-shrink: 0;
}
.dean-cart-footer {
	padding: 18px 24px 24px;
	border-top: 1px solid rgba(40, 40, 5, 0.12);
	background: #dcdad9;
}
.dean-cart-subtotal {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	margin-bottom: 14px;
	font-size: 12px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}
.dean-cart-subtotal-value {
	font-size: 18px;
	letter-spacing: 0;
	text-transform: none;
}
.dean-cart-checkout {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 48px;
	border: 0;
	background: #282805;
	color: #dcdad9;
	font-family: inherit;
	font-size: 12px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
	pointer-events: auto;
}
.dean-cart-checkout:hover {
	background: #1a1a03;
	color: #dcdad9;
}
.dean-cart-checkout.is-disabled,
.dean-cart-checkout[aria-disabled="true"] {
	opacity: 0.45;
	pointer-events: none;
	cursor: not-allowed;
}
.dean-cart-note {
	margin: 12px 0 0;
	font-size: 11px;
	font-style: italic;
	text-align: center;
	color: rgba(40, 40, 5, 0.55);
}
body.dean-cart-open {
	overflow: hidden;
}
@media (max-width: 767px) {
	.dean-header-tools {
		right: 20px;
		transform: translateY(calc(-100% + 22px));
		gap: 0;
	}
	.dean-account-trigger,
	.dean-cart-trigger {
		width: 67px;
		height: 67px;
	}
	.dean-account-trigger-icon,
	.dean-cart-trigger-icon {
		width: 53px;
		height: 53px;
	}
	.dean-cart-panel {
		width: min(100%, 100%);
	}
}

/* ---------- Оформление заказа (checkout.html) ---------- */
.page-shop-checkout #body-inner,
.page-shop-checkout #scroll-container,
.page-shop-checkout #content-wrap,
.page-shop-checkout #page-content {
	background-color: #dcdad9;
	height: auto !important;
	min-height: 0 !important;
	overflow: visible !important;
}
.page-shop-checkout #content-wrap {
	position: relative;
	background-color: #dcdad9;
	background-image: url("product-header.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100vw auto;
}
.page-shop-checkout #page-content {
	transform: none !important;
	margin-top: 0 !important;
	padding-top: 0 !important;
	background-color: transparent;
}
.page-shop-checkout .checkout-section {
	padding: 112px 0 72px;
}
.page-shop-checkout .checkout-header {
	margin-bottom: 40px;
	max-width: 640px;
}
.page-shop-checkout .checkout-title {
	margin: 0 0 12px;
	font-size: clamp(32px, 4vw, 44px);
	font-weight: 400;
	line-height: 1.1;
	color: #282805;
}
.page-shop-checkout .checkout-intro {
	margin: 0;
	font-size: 15px;
	line-height: 1.5;
	color: rgba(40, 40, 5, 0.65);
}
.page-shop-checkout .checkout-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(280px, 380px);
	gap: clamp(32px, 5vw, 64px);
	align-items: start;
}
.page-shop-checkout .checkout-form-wrap {
	min-width: 0;
}
.page-shop-checkout .checkout-fieldset {
	margin: 0 0 36px;
	padding: 0;
	border: 0;
}
.page-shop-checkout .checkout-legend {
	margin: 0 0 20px;
	padding: 0 0 10px;
	border-bottom: 1px solid rgba(40, 40, 5, 0.14);
	font-size: 11px;
	font-weight: 400;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #282805;
	width: 100%;
}
.page-shop-checkout .checkout-field {
	margin-bottom: 18px;
}
.page-shop-checkout .checkout-field:last-child {
	margin-bottom: 0;
}
.page-shop-checkout .checkout-label {
	display: block;
	margin-bottom: 8px;
	font-size: 12px;
	color: rgba(40, 40, 5, 0.65);
}
.page-shop-checkout .checkout-label-optional {
	color: rgba(40, 40, 5, 0.42);
	font-style: italic;
	text-transform: none;
	letter-spacing: 0;
}
.page-shop-checkout .checkout-input {
	display: block;
	width: 100%;
	padding: 10px 0;
	border: 0;
	border-bottom: 1px solid rgba(40, 40, 5, 0.22);
	background: transparent;
	font-family: inherit;
	font-size: 15px;
	line-height: 1.4;
	color: #282805;
	border-radius: 0;
	transition: border-color 0.2s ease;
}
.page-shop-checkout .checkout-input::placeholder {
	color: rgba(40, 40, 5, 0.38);
}
.page-shop-checkout .checkout-input:focus {
	outline: none;
	border-bottom-color: #fe752e;
}
.page-shop-checkout .checkout-input.is-invalid {
	border-bottom-color: #c44;
}
.page-shop-checkout .checkout-textarea {
	resize: vertical;
	min-height: 72px;
}
.page-shop-checkout .checkout-fieldset--payment {
	margin-bottom: 28px;
}
.page-shop-checkout .checkout-payment-note {
	margin: 0;
	font-size: 14px;
	line-height: 1.5;
	color: rgba(40, 40, 5, 0.65);
}
.page-shop-checkout .checkout-consent {
	margin-bottom: 24px;
}
.page-shop-checkout .checkout-consent.is-invalid .checkout-consent-label {
	color: #a33;
}
.page-shop-checkout .checkout-consent-label {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-size: 13px;
	line-height: 1.45;
	color: rgba(40, 40, 5, 0.72);
	cursor: pointer;
}
.page-shop-checkout .checkout-consent-link {
	color: inherit;
	text-decoration: none;
	border-bottom: 1px solid rgba(40, 40, 5, 0.28);
}
.page-shop-checkout .checkout-consent-link:hover {
	border-bottom-color: #282805;
}
.page-shop-checkout .checkout-consent-input {
	margin-top: 3px;
	flex-shrink: 0;
	accent-color: #282805;
}
.page-shop-checkout .checkout-submit {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 420px;
	min-height: 48px;
	padding: 12px 24px;
	border: 1px solid #282805;
	background: #282805;
	font-family: inherit;
	font-size: 12px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #dcdad9;
	cursor: pointer;
}
.page-shop-checkout .checkout-submit:hover {
	background: #1a1a03;
	border-color: #1a1a03;
}
.page-shop-checkout .checkout-submit:disabled {
	opacity: 0.55;
	cursor: wait;
}
.page-shop-checkout .checkout-form-error {
	margin: 0 0 16px;
	font-size: 13px;
	line-height: 1.45;
	color: rgba(40, 40, 5, 0.72);
}
.page-shop-checkout .checkout-summary {
	padding: 24px;
	background: #dcdad9;
	border: 1px solid rgba(40, 40, 5, 0.1);
}
.page-shop-checkout .checkout-summary-title {
	margin: 0 0 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(40, 40, 5, 0.14);
	font-size: 11px;
	font-weight: 400;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #282805;
}
.page-shop-checkout .checkout-summary-list {
	list-style: none;
	margin: 0 0 20px;
	padding: 0;
}
.page-shop-checkout .checkout-summary-item {
	display: block;
	padding-bottom: 14px;
	margin-bottom: 14px;
	border-bottom: 1px solid rgba(40, 40, 5, 0.08);
}
.page-shop-checkout .checkout-summary-item:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}
.page-shop-checkout .checkout-summary-item-name {
	display: block;
	font-size: 14px;
	line-height: 1.35;
	color: rgba(40, 40, 5, 0.82);
}
.page-shop-checkout .checkout-summary-item-meta {
	display: block;
	margin-top: 2px;
	font-size: 12px;
	color: rgba(40, 40, 5, 0.5);
}
.page-shop-checkout .checkout-summary-item-total {
	display: block;
	margin-top: 2px;
	font-size: 14px;
	color: #282805;
}
.page-shop-checkout .checkout-summary-total {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	padding-top: 16px;
	border-top: 1px solid rgba(40, 40, 5, 0.14);
	font-size: 12px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #282805;
}
.page-shop-checkout .checkout-summary-total-value {
	font-size: 18px;
	letter-spacing: 0;
	text-transform: none;
}
.page-shop-checkout .checkout-summary-note {
	margin: 12px 0 0;
	font-size: 11px;
	font-style: italic;
	color: rgba(40, 40, 5, 0.5);
}
.page-shop-checkout .checkout-empty,
.page-shop-checkout .checkout-success {
	text-align: center;
	padding: 48px 16px 24px;
}
.page-shop-checkout .checkout-empty-text,
.page-shop-checkout .checkout-success-text {
	margin: 0 0 20px;
	font-size: 16px;
	line-height: 1.5;
	color: rgba(40, 40, 5, 0.75);
}
.page-shop-checkout .checkout-success-text {
	font-size: 18px;
	color: #282805;
}
.page-shop-checkout .checkout-empty-link {
	font-size: 12px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #282805;
	text-decoration: none;
	border-bottom: 1px solid #282805;
}
@media (max-width: 991px) {
	.page-shop-checkout .checkout-layout {
		grid-template-columns: 1fr;
	}
	.page-shop-checkout .checkout-summary {
		order: 1;
	}
	.page-shop-checkout .checkout-form-wrap {
		order: 2;
	}
	.page-shop-checkout .checkout-submit {
		max-width: none;
	}
}
@media (max-width: 767px) {
	.page-shop-checkout .checkout-section {
		padding-top: 28px;
		padding-bottom: 56px;
	}
	.page-shop-checkout .checkout-header {
		margin-bottom: 28px;
	}
}
@media (min-width: 768px) {
	.page-shop-checkout .checkout-legend,
	.page-shop-checkout .checkout-summary-title {
		font-size: 15px;
		letter-spacing: 0.15em;
	}
	.page-shop-checkout .checkout-summary-total {
		font-size: 15px;
		letter-spacing: 0.11em;
	}
}

/* ---------- Аккаунт (shop-login.html) ---------- */
.page-shop-account #body-inner,
.page-shop-account #scroll-container,
.page-shop-account #content-wrap,
.page-shop-account #page-content {
	background-color: #dcdad9;
	height: auto !important;
	min-height: 0 !important;
	overflow: visible !important;
}
.page-shop-account #content-wrap {
	position: relative;
	background-color: #dcdad9;
	background-image: url("product-header.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100vw auto;
}
.page-shop-account #page-content {
	transform: none !important;
	margin-top: 0 !important;
	padding-top: 0 !important;
	background-color: transparent;
}
.page-shop-account .account-section {
	padding: 24px 0 72px;
}
.page-shop-account .account-header {
	margin-bottom: 40px;
	max-width: 640px;
}
.page-shop-account .account-title {
	margin: 0 0 12px;
	font-size: clamp(32px, 4vw, 44px);
	font-weight: 400;
	line-height: 1.1;
	color: #282805;
}
.page-shop-account .account-intro {
	margin: 0;
	font-size: 15px;
	line-height: 1.5;
	color: rgba(40, 40, 5, 0.65);
}
.page-shop-account .account-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(280px, 380px);
	gap: clamp(32px, 5vw, 64px);
	align-items: start;
}
.page-shop-account .account-panel {
	min-width: 0;
}
.page-shop-account .account-panel--register {
	padding: 24px;
	background: #dcdad9;
	border: 1px solid rgba(40, 40, 5, 0.1);
}
.page-shop-account .account-panel-title {
	margin: 0 0 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(40, 40, 5, 0.14);
	font-size: 11px;
	font-weight: 400;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #282805;
}
.page-shop-account .account-field {
	margin-bottom: 18px;
}
.page-shop-account .account-field:last-of-type {
	margin-bottom: 0;
}
.page-shop-account .account-label {
	display: block;
	margin-bottom: 8px;
	font-size: 12px;
	color: rgba(40, 40, 5, 0.65);
}
.page-shop-account .account-input {
	display: block;
	width: 100%;
	padding: 10px 0;
	border: 0;
	border-bottom: 1px solid rgba(40, 40, 5, 0.22);
	background: transparent;
	font-family: inherit;
	font-size: 15px;
	line-height: 1.4;
	color: #282805;
	border-radius: 0;
	transition: border-color 0.2s ease;
}
.page-shop-account .account-input::placeholder {
	color: rgba(40, 40, 5, 0.38);
}
.page-shop-account .account-input:focus {
	outline: none;
	border-bottom-color: #fe752e;
}
.page-shop-account .account-input.is-invalid {
	border-bottom-color: #c44;
}
.page-shop-account .account-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px 20px;
	margin: 24px 0 28px;
}
.page-shop-account .account-check {
	display: inline-flex;
	align-items: flex-start;
	gap: 10px;
	font-size: 13px;
	line-height: 1.45;
	color: rgba(40, 40, 5, 0.72);
	cursor: pointer;
}
.page-shop-account .account-check-input {
	margin-top: 3px;
	flex-shrink: 0;
	accent-color: #282805;
}
.page-shop-account .account-forgot {
	font-size: 13px;
	color: rgba(40, 40, 5, 0.65);
	text-decoration: none;
	border-bottom: 1px solid rgba(40, 40, 5, 0.28);
}
.page-shop-account .account-forgot:hover {
	color: #282805;
	border-bottom-color: #282805;
}
.page-shop-account .account-submit,
.page-shop-account .account-register-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 12px 24px;
	border: 1px solid #282805;
	background: #282805;
	font-family: inherit;
	font-size: 12px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	text-decoration: none;
	color: #dcdad9;
	cursor: pointer;
}
.page-shop-account .account-submit {
	width: 100%;
	max-width: 420px;
}
.page-shop-account .account-submit:hover,
.page-shop-account .account-register-link:hover {
	background: #1a1a03;
	border-color: #1a1a03;
	color: #dcdad9;
}
.page-shop-account .account-register-text {
	margin: 0 0 24px;
	font-size: 15px;
	line-height: 1.55;
	color: rgba(40, 40, 5, 0.72);
}
.page-shop-account .account-register-link {
	width: 100%;
}
@media (max-width: 991px) {
	.page-shop-account .account-layout {
		grid-template-columns: 1fr;
	}
	.page-shop-account .account-panel--register {
		order: 2;
	}
}
@media (max-width: 767px) {
	.page-shop-account .account-section {
		padding-top: 16px;
		padding-bottom: 56px;
	}
	.page-shop-account .account-header {
		margin-bottom: 28px;
	}
	.page-shop-account .account-submit {
		max-width: none;
	}
}

/* ---------- Страница заказов (orders.html) ---------- */
.page-orders #body-inner,
.page-orders #scroll-container,
.page-orders #content-wrap,
.page-orders #page-content {
	background-color: #dcdad9;
	height: auto !important;
	min-height: 0 !important;
	overflow: visible !important;
}
.page-orders #content-wrap {
	position: relative;
	background-color: #dcdad9;
	background-image: url("product-header.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100vw auto;
}
.page-orders #page-content {
	transform: none !important;
	margin-top: 0 !important;
	padding-top: 0 !important;
	background-color: transparent;
}
.page-orders .orders-section {
	padding: 24px 0 72px;
}
.page-orders .orders-header {
	margin-bottom: 36px;
	max-width: 640px;
}
.page-orders .orders-title {
	margin: 0 0 12px;
	font-size: clamp(32px, 4vw, 44px);
	font-weight: 400;
	line-height: 1.1;
	color: #282805;
}
.page-orders .orders-intro {
	margin: 0;
	font-size: 15px;
	line-height: 1.5;
	color: rgba(40, 40, 5, 0.65);
}
.page-orders .orders-tabs {
	display: flex;
	margin-bottom: 40px;
	border-bottom: 1px solid rgba(40, 40, 5, 0.14);
}
.page-orders .orders-tab {
	padding: 10px 0;
	margin-right: 32px;
	margin-bottom: -1px;
	background: none;
	border: 0;
	border-bottom: 2px solid transparent;
	font-family: inherit;
	font-size: 11px;
	font-weight: 400;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: rgba(40, 40, 5, 0.5);
	cursor: pointer;
	transition: color 0.2s ease, border-color 0.2s ease;
}
.page-orders .orders-tab:hover {
	color: #282805;
}
.page-orders .orders-tab.is-active {
	color: #282805;
	border-bottom-color: #282805;
}
/* Корзина */
.page-orders .orders-cart-list {
	list-style: none;
	margin: 0 0 32px;
	padding: 0;
	max-width: 680px;
}
.page-orders .orders-cart-item {
	display: flex;
	align-items: center;
	gap: 18px;
	padding: 16px 0;
	border-bottom: 1px solid rgba(40, 40, 5, 0.08);
}
.page-orders .orders-cart-img {
	width: 64px;
	height: 64px;
	object-fit: cover;
	flex-shrink: 0;
	background: rgba(40, 40, 5, 0.06);
}
.page-orders .orders-cart-img--empty {
	display: block;
	border: 1px solid rgba(40, 40, 5, 0.1);
}
.page-orders .orders-cart-info {
	flex: 1;
	min-width: 0;
}
.page-orders .orders-cart-name {
	display: block;
	font-size: 15px;
	color: #282805;
	line-height: 1.3;
	margin-bottom: 4px;
}
.page-orders .orders-cart-unit {
	display: block;
	font-size: 12px;
	color: rgba(40, 40, 5, 0.5);
}
.page-orders .orders-cart-line-total {
	font-size: 15px;
	color: #282805;
	white-space: nowrap;
	flex-shrink: 0;
}
.page-orders .orders-cart-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	flex-wrap: wrap;
	max-width: 680px;
}
.page-orders .orders-cart-total {
	display: flex;
	align-items: baseline;
	gap: 12px;
}
.page-orders .orders-cart-total-label {
	font-size: 11px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: rgba(40, 40, 5, 0.5);
}
.page-orders .orders-cart-total-value {
	font-size: 22px;
	color: #282805;
}
.page-orders .orders-checkout-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 12px 32px;
	min-height: 48px;
	background: #282805;
	border: 1px solid #282805;
	color: #dcdad9;
	font-family: inherit;
	font-size: 12px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	text-decoration: none;
	transition: background 0.2s ease, border-color 0.2s ease;
}
.page-orders .orders-checkout-btn:hover {
	background: #1a1a03;
	border-color: #1a1a03;
	color: #dcdad9;
}
/* Пустая корзина */
.page-orders .orders-cart-empty {
	padding: 40px 0;
}
.page-orders .orders-cart-empty-text {
	margin: 0 0 20px;
	font-size: 15px;
	color: rgba(40, 40, 5, 0.65);
}
.page-orders .orders-shop-link {
	display: inline-flex;
	align-items: center;
	font-size: 12px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	text-decoration: none;
	color: #282805;
	border-bottom: 1px solid rgba(40, 40, 5, 0.4);
	padding-bottom: 2px;
	transition: border-color 0.2s ease;
}
.page-orders .orders-shop-link:hover {
	border-bottom-color: #282805;
}
/* Найти заказ */
.page-orders .orders-find {
	max-width: 480px;
}
.page-orders .orders-find-title {
	margin: 0 0 12px;
	font-size: 18px;
	font-weight: 400;
	color: #282805;
}
.page-orders .orders-find-intro {
	margin: 0 0 28px;
	font-size: 14px;
	line-height: 1.5;
	color: rgba(40, 40, 5, 0.65);
}
.page-orders .orders-find-field {
	margin-bottom: 18px;
}
.page-orders .orders-find-label {
	display: block;
	margin-bottom: 8px;
	font-size: 12px;
	color: rgba(40, 40, 5, 0.65);
}
.page-orders .orders-find-input {
	display: block;
	width: 100%;
	padding: 10px 0;
	border: 0;
	border-bottom: 1px solid rgba(40, 40, 5, 0.22);
	background: transparent;
	font-family: inherit;
	font-size: 15px;
	color: #282805;
	border-radius: 0;
	box-sizing: border-box;
	transition: border-color 0.2s ease;
}
.page-orders .orders-find-input::placeholder {
	color: rgba(40, 40, 5, 0.38);
}
.page-orders .orders-find-input:focus {
	outline: none;
	border-bottom-color: #fe752e;
}
.page-orders .orders-find-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 12px 32px;
	min-height: 48px;
	background: #282805;
	border: 1px solid #282805;
	font-family: inherit;
	font-size: 12px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #dcdad9;
	cursor: pointer;
	transition: background 0.2s ease, border-color 0.2s ease;
}
.page-orders .orders-find-btn:hover {
	background: #1a1a03;
	border-color: #1a1a03;
}
.page-orders .orders-find-stub {
	margin: 20px 0 0;
	font-size: 14px;
	line-height: 1.5;
	color: rgba(40, 40, 5, 0.65);
	font-style: italic;
}
@media (max-width: 768px) {
	.page-orders .orders-tabs {
		margin-bottom: 18px;
	}
	.page-orders .orders-cart-item {
		padding-top: 8px;
	}
	.page-orders .orders-cart-img {
		width: 78px;
		height: 78px;
		object-fit: contain;
		background: transparent;
	}
	.page-orders .orders-cart-img--empty {
		border: 0;
	}
	.page-orders .orders-cart-total-label {
		font-size: 13px;
		font-weight: 450;
		letter-spacing: 0.15em;
		color: #282805;
	}
	.page-orders .orders-cart-footer {
		flex-direction: column;
		align-items: flex-start;
	}
	.page-orders .orders-checkout-btn,
	.page-orders .orders-find-btn {
		width: 100%;
	}
}

@media (max-width: 768px) {
	body.page-shop .tt-header-tools-dynamic,
	body.page-shop .tt-header-tools,
	body.page-shop .tt-header-tools-item,
	body.page-shop .tt-sliding-sidebar-trigger {
		display: none !important;
		visibility: hidden !important;
		pointer-events: none !important;
	}
}

@media (max-width: 479px) {
	body.page-shop-all #shop-grid.shop-grid-minimal .tt-grid-items-wrap,
	body.page-shop-alishan #shop-grid.shop-grid-minimal .tt-grid-items-wrap,
	body.page-shop-yunnan #shop-grid.shop-grid-minimal .tt-grid-items-wrap {
		margin-left: -8px !important;
		margin-right: -8px !important;
	}
	body.page-shop-all #shop-grid.shop-grid-minimal .tt-grid-item,
	body.page-shop-alishan #shop-grid.shop-grid-minimal .tt-grid-item,
	body.page-shop-yunnan #shop-grid.shop-grid-minimal .tt-grid-item {
		width: 50% !important;
		padding-left: 8px !important;
		padding-right: 8px !important;
	}
	body.page-shop-all #shop-grid.shop-grid-minimal .tt-product,
	body.page-shop-alishan #shop-grid.shop-grid-minimal .tt-product,
	body.page-shop-yunnan #shop-grid.shop-grid-minimal .tt-product {
		width: 100% !important;
		max-width: none !important;
	}
}

/* Desktop/tablet header and main hero layout.
   One source of truth: header height follows the active PNG aspect ratio,
   and the hero video starts below the full header area. Mobile rules stay above. */
@media (min-width: 769px) {
	body.page-hero,
	body.page-tea,
	body.page-shop {
		--nav-bar-h: clamp(96px, 6.25vw, 120px);
		--header-art: url("main/shapka-desktop.png");
		--header-art-size: auto 100%;
		--nav-gap: clamp(58px, 3.63vw, 80px);
		--nav-font-size: clamp(22px, 1.21vw, 26px);
		--nav-logo-h: clamp(87px, 5.57vw, 111px);
		--nav-offset-y: -10px;
		--tea-visible-top: var(--nav-bar-h);
		--dean-header-bottom: var(--tea-visible-top);
		--tea-slider-top: var(--dean-header-bottom, var(--tea-visible-top));
		--tea-frame-fit: cover;
	}

	body.page-hero #tt-header {
		width: 100% !important;
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		z-index: 20 !important;
		background-color: #FE752E !important;
		background-image: none !important;
		pointer-events: auto !important;
	}

	body.page-hero #tt-header,
	body.page-tea #tt-header,
	body.page-shop #tt-header,
	body.page-hero #tt-header .tt-header-inner,
	body.page-tea #tt-header .tt-header-inner,
	body.page-shop #tt-header .tt-header-inner {
		height: var(--nav-bar-h) !important;
		min-height: var(--nav-bar-h) !important;
		max-height: var(--nav-bar-h) !important;
	}

	body.page-hero #tt-header .tt-header-inner,
	body.page-tea #tt-header .tt-header-inner,
	body.page-shop #tt-header .tt-header-inner {
		position: relative !important;
		z-index: 1 !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		align-items: center !important;
		background: transparent !important;
		pointer-events: auto !important;
	}

	body.page-hero #tt-header::before,
	body.page-tea #tt-header::before,
	body.page-shop #tt-header::before {
		content: "" !important;
		position: absolute !important;
		left: 50% !important;
		right: auto !important;
		width: 100vw !important;
		margin-left: -50vw !important;
		top: 0 !important;
		bottom: auto !important;
		height: var(--nav-bar-h) !important;
		background-image: var(--header-art) !important;
		background-size: var(--header-art-size) !important;
		background-position: center top !important;
		background-repeat: no-repeat !important;
		opacity: 1 !important;
		z-index: 0 !important;
		pointer-events: none !important;
		box-sizing: border-box !important;
	}

	body.page-hero .top-nav,
	body.page-tea .top-nav,
	body.page-shop .top-nav {
		top: calc(50% + var(--nav-offset-y)) !important;
		--nav-gap-current: var(--nav-gap);
		gap: var(--nav-gap-current) !important;
		font-size: var(--nav-font-size) !important;
		letter-spacing: 0.08em !important;
		line-height: 1 !important;
		transform: translate(-50%, -50%) !important;
	}

	body.page-hero .top-nav .top-nav-link,
	body.page-tea .top-nav .top-nav-link,
	body.page-shop .top-nav .top-nav-link {
		font-size: inherit !important;
		letter-spacing: inherit !important;
		line-height: inherit !important;
	}

	body.page-hero .top-nav.is-centered-nav,
	body.page-tea .top-nav.is-centered-nav,
	body.page-shop .top-nav.is-centered-nav {
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
		gap: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		transform: translateY(-50%) !important;
	}

	body.page-hero .top-nav.is-centered-nav .top-nav-side,
	body.page-tea .top-nav.is-centered-nav .top-nav-side,
	body.page-shop .top-nav.is-centered-nav .top-nav-side {
		display: flex !important;
		align-items: center !important;
		column-gap: var(--nav-gap-current) !important;
	}

	body.page-hero .top-nav.is-centered-nav .top-nav-left,
	body.page-tea .top-nav.is-centered-nav .top-nav-left,
	body.page-shop .top-nav.is-centered-nav .top-nav-left {
		grid-column: 1;
		justify-self: end;
		margin-right: var(--nav-gap-current) !important;
	}

	body.page-hero .top-nav.is-centered-nav .nav-oldman-link,
	body.page-tea .top-nav.is-centered-nav .nav-oldman-link,
	body.page-shop .top-nav.is-centered-nav .nav-oldman-link {
		grid-column: 2;
		justify-self: center;
	}

	body.page-hero .top-nav.is-centered-nav .top-nav-right,
	body.page-tea .top-nav.is-centered-nav .top-nav-right,
	body.page-shop .top-nav.is-centered-nav .top-nav-right {
		grid-column: 3;
		justify-self: start;
		margin-left: var(--nav-gap-current) !important;
	}

	body.page-hero .nav-oldman,
	body.page-tea .nav-oldman,
	body.page-shop .nav-oldman {
		height: var(--nav-logo-h) !important;
	}

	body.page-hero .main-bg {
		position: fixed !important;
		top: var(--nav-bar-h) !important;
		left: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		width: 100vw !important;
		height: calc(100vh - var(--nav-bar-h)) !important;
		height: calc(100dvh - var(--nav-bar-h)) !important;
		z-index: 0 !important;
		background: #FE752E !important;
		overflow: hidden !important;
	}

	body.page-hero .main-bg-video {
		position: absolute !important;
		inset: 0 !important;
		width: 100% !important;
		height: 100% !important;
		min-width: 100% !important;
		min-height: 100% !important;
		max-width: none !important;
		max-height: none !important;
		transform: none !important;
		object-fit: cover !important;
		object-position: center top !important;
		background-color: #FE752E !important;
	}
}

@media (min-width: 1900px) and (max-width: 3199px) {
	body.page-hero,
	body.page-tea,
	body.page-shop {
		--nav-bar-h: clamp(120px, 5.86vw, 150px);
		--header-art: url("main/shapka-qhd.png");
		--nav-gap: clamp(68px, 3.51vw, 92px);
		--nav-font-size: clamp(23px, 1.05vw, 26px);
		--nav-logo-h: clamp(101px, 4.6vw, 119px);
	}
}

@media (min-width: 3200px) {
	body.page-hero,
	body.page-tea,
	body.page-shop {
		--nav-bar-h: clamp(158px, 4.94vw, 170px);
		--header-art: url("main/shapka-ultrawide.png");
		--nav-gap: clamp(83px, 2.73vw, 101px);
		--nav-font-size: clamp(24px, 0.79vw, 28px);
		--nav-logo-h: clamp(109px, 3.63vw, 125px);
	}
}

@media (min-width: 769px) and (max-width: 1366px) and (orientation: landscape) and (hover: none),
       (min-width: 769px) and (max-width: 1366px) and (orientation: landscape) and (pointer: coarse) {
	body.page-hero,
	body.page-tea,
	body.page-shop {
		--nav-bar-h: clamp(88px, 7.61vw, 104px);
		--header-art: url("main/shapka-ipad.png");
		--nav-gap: clamp(46px, 4.24vw, 58px);
		--nav-font-size: clamp(20px, 1.64vw, 22px);
		--nav-logo-h: clamp(70px, 6.29vw, 85px);
	}
}



.page-shop .dean-shop-telegram {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.page-shop .dean-shop-telegram-link {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-family: "TenorSans", sans-serif;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 0.08em;
	line-height: 1;
	color: #282805 !important;
	-webkit-text-fill-color: #282805;
	text-decoration: none;
	text-transform: none;
	transition: none !important;
	animation: none !important;
}
.page-shop .dean-shop-telegram-link svg {
	display: block;
	width: 18px;
	height: 18px;
	fill: #282805;
	color: #282805 !important;
	transition: none !important;
	animation: none !important;
}
.page-shop .dean-shop-telegram-link:hover,
.page-shop .dean-shop-telegram-link:focus {
	color: #282805 !important;
	-webkit-text-fill-color: #282805;
	opacity: 1;
	transform: none;
}


@media (min-width: 1025px) {
	.page-orders .orders-section {
		padding-top: 64px;
	}
	.page-orders .orders-tabs {
		margin-bottom: 18px;
		border-bottom: 0;
	}
	.page-orders .orders-tab {
		font-size: 13px;
		font-weight: 450;
		letter-spacing: 0.15em;
		margin-bottom: 0;
	}
	.page-orders .orders-cart-item {
		gap: 30px;
		padding: 10px 0 22px;
	}
	.page-orders .orders-cart-img {
		width: 132px;
		height: 132px;
		object-fit: contain;
		background: transparent;
	}
	.page-orders .orders-cart-img--empty {
		border: 0;
	}
	.page-orders .orders-cart-name {
		font-size: 13px;
		font-weight: 400;
		letter-spacing: 0.08em;
		text-transform: uppercase;
	}
	.page-orders .orders-cart-total-label {
		font-size: 13px;
		font-weight: 450;
		letter-spacing: 0.15em;
		color: #282805;
	}
}




