@font-face {
	font-family: 'Inter';
	src: url('fonts/inter-300.woff2') format('woff2');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('fonts/inter-400.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('fonts/inter-500.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('fonts/inter-600.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Syne';
	src: url('fonts/syne-600.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

:root {
	--brand-accent: #C2593F;
	--brand-accent-hover: #A94A33;
	--brand-accent-soft: #FAF1F0;
	--brand-dark: #1A1D20;
	--brand-green: #1F4E47;
	--brand-green-hover: #17403A;
	--brand-star: #E9BD31;
	--brand-tg: #029FDB;
	--brand-wa: #00D757;

	--surface: #FFFFFF;
	--surface-muted: #F6F6F6;

	--text-primary: #1A1D20;
	--text-secondary: #4D5461;
	--border: #CBCBCB;

	--glass: rgb(255 255 255 / .2);
	--glass-soft: rgb(255 255 255 / .1);

	--font-heading: 'Syne', sans-serif;
	--font-body: 'Inter', sans-serif;

	--radius-sm: 8px;
	--radius: 10px;
	--radius-lg: 14px;
	--radius-pill: 40px;

	--container-max: 1680px;

	--gutter: clamp(16px, 6.7vw - 8px, 120px);
	--section-y: clamp(40px, 5.1vw + 22px, 120px);
	--section-y-lg: clamp(70px, 4.5vw + 54px, 140px);
	--gap-heading: clamp(26px, 1.5vw + 20px, 50px);
	--gap-block: clamp(50px, 2.6vw + 41px, 90px);
	--gap-wide: clamp(32px, 4.36vw - 16px, 100px);
	--card-pad: clamp(24px, 2.3vw + 16px, 60px);

	--control-height: 58px;

	--fs-display: clamp(32px, 2.44vw + 23px, 70px);
	--fs-h1: clamp(28px, 1.3vw + 23px, 48px);
	--fs-h2: clamp(26px, 1.41vw + 21px, 48px);
	--fs-h3: clamp(20px, 0.26vw + 19px, 24px);
	--fs-h4: 18px;
	--fs-lead: clamp(16px, 0.39vw + 15px, 22px);
	--fs-body: 16px;
	--fs-small: 14px;
}

html {
	overflow-x: hidden;
}

body {
	overflow-x: hidden;
	font-family: var(--font-body);
	font-size: var(--fs-body);
	line-height: 1.5;
	color: var(--text-primary);
	background-color: var(--surface);
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--font-heading);
	font-weight: 600;
	color: var(--text-primary);
	margin: 0;
}

h1 { font-size: var(--fs-h1); line-height: 1.17; }
h2 { font-size: var(--fs-h2); line-height: 1.17; }
h3 { font-size: var(--fs-h3); line-height: 1.33; }
h4 { font-size: var(--fs-h4); line-height: 1.44; }

.tk-accent { color: var(--brand-accent); }
.tk-text-small { font-size: var(--fs-small); line-height: 1.43; }
.tk-text-muted { color: var(--text-secondary); }

.tk-container.tk-container {
	width: min(var(--container-max), 100% - var(--gutter) * 2);
	margin-inline: auto;
}

.tk-section.tk-section { padding-block: var(--section-y); }

.tk-scroll-x.tk-scroll-x {
	overflow-x: auto;
	overscroll-behavior-inline: contain;
	scrollbar-width: thin;
	-webkit-overflow-scrolling: touch;
}

.tk-scroll-x > * { min-width: 856px; }

@media (min-width: 992px) {
	.tk-scroll-x > * { min-width: 0; }
}

[class*="tk-i-"]::before {
	content: '';
	display: block;
	flex: none;
	width: 24px;
	height: 24px;
	background-color: currentColor;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
}

.tk-i-tg::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.9 4.3 18.8 19c-.2 1-.9 1.3-1.7.8l-4.7-3.5-2.3 2.2c-.3.3-.5.5-1 .5l.3-4.7 8.6-7.8c.4-.3-.1-.5-.6-.2L6.8 13 2.2 11.5c-1-.3-1-1 .2-1.5l18.1-7c.8-.3 1.6.2 1.4 1.3Z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.9 4.3 18.8 19c-.2 1-.9 1.3-1.7.8l-4.7-3.5-2.3 2.2c-.3.3-.5.5-1 .5l.3-4.7 8.6-7.8c.4-.3-.1-.5-.6-.2L6.8 13 2.2 11.5c-1-.3-1-1 .2-1.5l18.1-7c.8-.3 1.6.2 1.4 1.3Z'/%3E%3C/svg%3E");
}

.tk-i-wa::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15L2 22l5.2-1.4A10 10 0 1 0 12 2Zm5.5 14.2c-.2.6-1.3 1.2-1.8 1.2-.5.1-1 .1-1.6-.1a13 13 0 0 1-5.2-4.6c-.4-.6-.9-1.5-.9-2.4 0-.9.5-1.4.7-1.6.2-.2.4-.3.6-.3h.5c.2 0 .4 0 .6.4l.8 1.9c.1.2 0 .4-.1.5l-.4.5c-.1.2-.3.3-.1.6.2.3.8 1.2 1.6 1.9 1 .9 1.8 1.2 2 1.3.3.1.4.1.6-.1l.8-.9c.2-.2.3-.2.6-.1l1.8.8c.3.1.4.2.5.3v.7Z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15L2 22l5.2-1.4A10 10 0 1 0 12 2Zm5.5 14.2c-.2.6-1.3 1.2-1.8 1.2-.5.1-1 .1-1.6-.1a13 13 0 0 1-5.2-4.6c-.4-.6-.9-1.5-.9-2.4 0-.9.5-1.4.7-1.6.2-.2.4-.3.6-.3h.5c.2 0 .4 0 .6.4l.8 1.9c.1.2 0 .4-.1.5l-.4.5c-.1.2-.3.3-.1.6.2.3.8 1.2 1.6 1.9 1 .9 1.8 1.2 2 1.3.3.1.4.1.6-.1l.8-.9c.2-.2.3-.2.6-.1l1.8.8c.3.1.4.2.5.3v.7Z'/%3E%3C/svg%3E");
}

.tk-i-yt::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M22.5 7a2.7 2.7 0 0 0-1.9-1.9C18.9 4.6 12 4.6 12 4.6s-6.9 0-8.6.5A2.7 2.7 0 0 0 1.5 7C1 8.7 1 12 1 12s0 3.3.5 5a2.7 2.7 0 0 0 1.9 1.9c1.7.5 8.6.5 8.6.5s6.9 0 8.6-.5a2.7 2.7 0 0 0 1.9-1.9c.5-1.7.5-5 .5-5s0-3.3-.5-5ZM9.8 15.3V8.7l5.7 3.3-5.7 3.3Z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M22.5 7a2.7 2.7 0 0 0-1.9-1.9C18.9 4.6 12 4.6 12 4.6s-6.9 0-8.6.5A2.7 2.7 0 0 0 1.5 7C1 8.7 1 12 1 12s0 3.3.5 5a2.7 2.7 0 0 0 1.9 1.9c1.7.5 8.6.5 8.6.5s6.9 0 8.6-.5a2.7 2.7 0 0 0 1.9-1.9c.5-1.7.5-5 .5-5s0-3.3-.5-5ZM9.8 15.3V8.7l5.7 3.3-5.7 3.3Z'/%3E%3C/svg%3E");
}

.tk-i-mail::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8'%3E%3Crect x='2' y='4.5' width='20' height='15' rx='2.5'/%3E%3Cpath d='m3 6.5 9 6 9-6'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8'%3E%3Crect x='2' y='4.5' width='20' height='15' rx='2.5'/%3E%3Cpath d='m3 6.5 9 6 9-6'/%3E%3C/svg%3E");
}

.tk-i-phone::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 3h-2A1.6 1.6 0 0 0 3 4.6C3 13.1 10.9 21 19.4 21a1.6 1.6 0 0 0 1.6-1.6v-2a1 1 0 0 0-.8-1l-4-.8a1 1 0 0 0-1 .4l-1 1.3a13.6 13.6 0 0 1-5.5-5.5l1.3-1a1 1 0 0 0 .4-1l-.8-4a1 1 0 0 0-1-.8Z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 3h-2A1.6 1.6 0 0 0 3 4.6C3 13.1 10.9 21 19.4 21a1.6 1.6 0 0 0 1.6-1.6v-2a1 1 0 0 0-.8-1l-4-.8a1 1 0 0 0-1 .4l-1 1.3a13.6 13.6 0 0 1-5.5-5.5l1.3-1a1 1 0 0 0 .4-1l-.8-4a1 1 0 0 0-1-.8Z'/%3E%3C/svg%3E");
}

.tk-eyebrow::before,
.tk-fcol__title::before {
	content: '';
	display: block;
	flex: none;
	width: 20px;
	height: 20px;
	background-color: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 12' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 6h17M13 1l5 5-5 5'/%3E%3C/svg%3E") center / 17px 11px no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 12' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 6h17M13 1l5 5-5 5'/%3E%3C/svg%3E") center / 17px 11px no-repeat;
}

.tk-btn.tk-btn {
	position: relative;
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: var(--control-height);
	padding: 0 40px;
	border: 0;
	border-radius: var(--radius);
	font-family: var(--font-body);
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	transition: background-color .18s ease, color .18s ease;
}

.tk-btn--accent.tk-btn--accent {
	background: var(--brand-accent);
	color: var(--surface);
	--btn-arrow: var(--brand-accent);
}

.tk-btn--accent:hover { background: var(--brand-accent-hover); }

.tk-btn--light.tk-btn--light {
	background: var(--surface);
	color: var(--text-primary);
}

.tk-btn--light:hover { background: var(--brand-accent-soft); }

.tk-btn--green.tk-btn--green {
	background: var(--brand-green);
	color: var(--surface);
	--btn-arrow: var(--brand-green);
}

.tk-btn--green:hover { background: var(--brand-green-hover); }

.tk-btn--ghost.tk-btn--ghost {
	background: transparent;
	color: var(--surface);
	padding-inline: 54px;
}

.tk-btn--ghost:hover { background: var(--glass); }

.tk-btn--arrow.tk-btn--arrow {
	gap: 34px;
	padding-inline: 54px 3px;
}

.tk-btn--arrow::after {
	content: '';
	flex: none;
	width: 52px;
	height: 52px;
	border-radius: var(--radius);
	background: var(--surface);
}

.tk-btn--arrow::before {
	content: '';
	position: absolute;
	inset-inline-end: 19px;
	top: 50%;
	width: 20px;
	height: 13px;
	transform: translateY(-50%);
	background-color: var(--btn-arrow, var(--brand-accent));
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 13' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M0 6.5h18M13 1l5 5.5-5 5.5'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 13' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M0 6.5h18M13 1l5 5.5-5 5.5'/%3E%3C/svg%3E") center / contain no-repeat;
}

.tk-logo.tk-logo {
	display: inline-flex;
	flex: none;
	flex-direction: row;
	align-items: center;
	width: max-content;
	gap: 14px;
	min-height: var(--control-height);
	padding: 9px;
	border-radius: var(--radius);
	background: var(--glass);
	backdrop-filter: blur(14px);
}

.tk-logo__mark.tk-logo__mark {
	display: block;
	flex: none;
	width: 166px;
	height: 40px;
	border-radius: var(--radius-sm);
	background: var(--surface);
}

.tk-logo__desc.tk-logo__desc {
	width: 140px;
	padding-inline-start: 14px;
	border-inline-start: 1px solid rgb(255 255 255 / .5);
	font-size: 13px;
	font-weight: 400;
	line-height: 1.23;
	color: var(--surface);
}

#brx-header {
	position: absolute;
	inset-inline: 0;
	top: 0;
	z-index: 100;
}

.tk-header.tk-header {
	padding-block: clamp(16px, 1.6vw + 10px, 40px) 0;
	background: transparent;
}

.tk-header__inner.tk-header__inner {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	gap: clamp(16px, 6vw - 5px, 112px);
	width: min(var(--container-max), 100% - var(--gutter) * 2);
	margin-inline: auto;
	padding: 0;
}

.tk-header__left.tk-header__left,
.tk-header__right.tk-header__right {
	display: flex;
	flex: none;
	flex-direction: row;
	align-items: center;
	width: auto;
	padding: 0;
}

.tk-header__left.tk-header__left { gap: clamp(8px, 2vw + 1px, 40px); }
.tk-header__right.tk-header__right { gap: clamp(8px, 1.8vw + 2px, 32px); }

.tk-nav ul {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 2px;
	margin: 0;
	padding: 5px;
	list-style: none;
	border-radius: var(--radius);
	background: var(--glass);
	backdrop-filter: blur(14px);
}

.tk-nav ul a {
	display: inline-flex;
	align-items: center;
	min-height: 48px;
	padding: 3px clamp(10px, 1vw + 2px, 16px);
	border-radius: var(--radius-pill);
	font-family: var(--font-body);
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	color: var(--surface);
	text-decoration: none;
	white-space: nowrap;
	transition: background-color .18s ease;
}

.tk-nav ul a:hover { background: var(--glass-soft); }

.tk-nav .current-menu-item > a {
	border-radius: var(--radius-sm);
	background: var(--glass-soft);
}

.tk-header__contact.tk-header__contact {
	display: flex;
	flex: none;
	flex-direction: column;
	justify-content: center;
	width: auto;
	gap: 8px;
	padding: 0;
}

.tk-header__phone.tk-header__phone {
	font-size: 22px;
	font-weight: 600;
	line-height: 1.27;
	letter-spacing: -.44px;
	color: var(--surface);
	text-decoration: none;
	white-space: nowrap;
}

.tk-header__hours.tk-header__hours {
	font-size: 14px;
	font-weight: 300;
	line-height: 1.29;
	color: var(--surface);
	white-space: nowrap;
}

.tk-header__cta.tk-header__cta { padding-inline: 40px; }

.tk-header__social.tk-header__social {
	display: flex;
	flex: none;
	flex-direction: row;
	align-items: center;
	width: auto;
	gap: 6px;
	padding: 0;
}

.tk-header__social-item.tk-header__social-item {
	display: inline-flex;
	flex: none;
	align-items: center;
	justify-content: center;
	width: var(--control-height);
	height: var(--control-height);
	border-radius: var(--radius);
	background: var(--glass);
	backdrop-filter: blur(14px);
	color: var(--surface);
	text-decoration: none;
	transition: background-color .18s ease;
}

.tk-header__social-item:hover { background: var(--glass-soft); }

.tk-mhead.tk-mhead,
.tk-mpanel.tk-mpanel {
	display: none;
}

@media (max-width: 1659px) {
	.tk-header__inner.tk-header__inner { display: none; }

	.tk-mhead.tk-mhead {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		gap: 16px;
		width: min(var(--container-max), 100% - 32px);
		margin-inline: auto;
		padding: 0;
	}
}

.tk-mhead__left.tk-mhead__left {
	display: flex;
	flex: none;
	flex-direction: row;
	align-items: center;
	width: auto;
	gap: 14px;
	padding: 0;
}

.tk-burger.tk-burger {
	display: inline-flex;
	flex: none;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	border-radius: var(--radius-sm);
	background: var(--brand-accent);
	text-decoration: none;
}

.tk-burger::before {
	content: '';
	display: block;
	width: 22px;
	height: 22px;
	background-color: var(--surface);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M3 6h16M3 11h16M3 16h16'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M3 6h16M3 11h16M3 16h16'/%3E%3C/svg%3E") center / contain no-repeat;
}

.tk-burger--close::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M5 5l12 12M17 5L5 17'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M5 5l12 12M17 5L5 17'/%3E%3C/svg%3E");
}

.tk-mlogo.tk-mlogo {
	display: inline-flex;
	flex: none;
	align-items: center;
	width: max-content;
	height: 50px;
	padding: 7px;
	border-radius: var(--radius-sm);
	background: rgb(255 255 255 / .12);
}

.tk-mlogo__mark.tk-mlogo__mark {
	display: block;
	width: 128px;
	height: 36px;
	border-radius: 4px;
	background: var(--surface);
}

.tk-mhead__social.tk-mhead__social {
	display: flex;
	flex: none;
	flex-direction: row;
	align-items: center;
	width: auto;
	gap: 4px;
	padding: 0;
}

.tk-mhead__social-item.tk-mhead__social-item {
	display: inline-flex;
	flex: none;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	border-radius: var(--radius);
	background: var(--surface);
	color: var(--brand-accent);
	text-decoration: none;
}

.tk-mhead__social-item::before {
	width: 20px;
	height: 20px;
}

.tk-mpanel.tk-mpanel {
	position: fixed;
	inset: 0;
	z-index: 200;
	flex-direction: column;
	gap: 0;
	width: 100%;
	padding: 14px 16px;
	background: var(--surface-muted);
	overflow-y: auto;
}

.tk-mpanel.is-open {
	display: flex;
}

.tk-mpanel__top.tk-mpanel__top {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 0 0 14px;
}

.tk-mpanel .tk-mlogo {
	background: rgb(26 29 32 / .1);
}

.tk-mpanel .tk-mhead__social-item {
	box-shadow: inset 0 0 0 1px rgb(26 29 32 / .08);
}

.tk-mpanel__body.tk-mpanel__body {
	display: flex;
	flex-direction: column;
	gap: 92px;
	padding: 0;
}

.tk-mnav.tk-mnav {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 0;
}

.tk-mnav__item.tk-mnav__item {
	display: flex;
	align-items: center;
	min-height: 50px;
	padding: 13px 14px;
	border-radius: var(--radius-sm);
	background: var(--surface);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	color: var(--text-primary);
	text-decoration: none;
}

.tk-mcontact.tk-mcontact {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 0;
}

.tk-mcontact__title.tk-mcontact__title {
	font-size: 13px;
	font-weight: 300;
	line-height: 1.385;
	letter-spacing: 0;
	text-transform: none;
	color: var(--text-primary);
}

.tk-mcontact__list.tk-mcontact__list {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 0;
}

.tk-mcontact__phone.tk-mcontact__phone {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 0;
}

.tk-mcontact__number.tk-mcontact__number {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.333;
	letter-spacing: -.36px;
	color: var(--text-primary);
	text-decoration: none;
}

.tk-mcontact__number::before,
.tk-mcontact__mail::before {
	width: 20px;
	height: 20px;
}

.tk-mcontact__hours.tk-mcontact__hours {
	font-size: 13px;
	font-weight: 300;
	line-height: 1.231;
	color: var(--text-primary);
}

.tk-mcontact__mail.tk-mcontact__mail {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.571;
	letter-spacing: -.14px;
	color: var(--text-primary);
	text-decoration: none;
}

.tk-mcontact__cta.tk-mcontact__cta {
	min-height: 46px;
	padding-inline: 24px 3px;
	gap: 24px;
	font-size: 14px;
}

.tk-mcontact__cta::after {
	width: 40px;
	height: 40px;
	border-radius: var(--radius-sm);
}

.tk-mcontact__cta::before {
	inset-inline-end: 13px;
}

body.tk-locked {
	overflow: hidden;
}

.tk-hero.tk-hero {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	min-height: clamp(560px, 47vw + 391px, 900px);
	padding-block: var(--section-y);
	background: var(--brand-dark) center / cover no-repeat;
	color: var(--surface);
	overflow: hidden;
}

.tk-hero__inner.tk-hero__inner {
	position: relative;
	z-index: 1;
	width: min(var(--container-max), 100% - var(--gutter) * 2);
	margin-inline: auto;
	padding: 0;
}

.tk-hero__content.tk-hero__content {
	display: flex;
	flex-direction: column;
	gap: clamp(40px, 3.85vw + 26px, 100px);
	max-width: 830px;
	padding: 0;
}

.tk-hero__text.tk-hero__text {
	display: flex;
	flex-direction: column;
	gap: 24px;
	padding: 0;
}

.tk-hero__title.tk-hero__title {
	font-family: var(--font-heading);
	font-size: var(--fs-display);
	font-weight: 600;
	line-height: 1.114;
	letter-spacing: -.02em;
	color: var(--surface);
}

.tk-hero__lead.tk-hero__lead {
	font-size: var(--fs-lead);
	font-weight: 400;
	line-height: 1.364;
	color: var(--surface);
}

.tk-hero__actions.tk-hero__actions {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	padding: 0;
}

@media (max-width: 767px) {
	.tk-hero__actions .tk-btn { flex: 1 1 100%; }
	.tk-btn--arrow.tk-btn--arrow { padding-inline: 24px 3px; }
	.tk-btn--ghost.tk-btn--ghost { padding-inline: 24px; }
}

.tk-plan.tk-plan { padding-block: var(--section-y); }

.tk-plan__inner.tk-plan__inner {
	width: min(var(--container-max), 100% - var(--gutter) * 2);
	margin-inline: auto;
	padding: 0;
}

.tk-plan__card.tk-plan__card {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: clamp(32px, 1.8vw + 25px, 60px);
	padding: var(--card-pad);
	border-radius: var(--radius-lg);
	background: var(--brand-green);
	color: var(--surface);
	overflow: hidden;
}

.tk-plan__card::before {
	content: '';
	position: absolute;
	inset: 0 0 0 auto;
	width: 68%;
	background: var(--plan-photo, none) center / cover no-repeat;
	pointer-events: none;
}

.tk-plan__card::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, var(--brand-green) 0%, var(--brand-green) 32%, rgb(31 78 71 / 0) 65%);
	pointer-events: none;
}

.tk-plan__text.tk-plan__text,
.tk-plan__actions.tk-plan__actions {
	position: relative;
	z-index: 1;
	padding: 0;
}

.tk-plan__text.tk-plan__text {
	display: flex;
	flex-direction: column;
	gap: 30px;
	max-width: 886px;
}

.tk-plan__head.tk-plan__head {
	display: flex;
	flex-direction: column;
	gap: 20px;
	max-width: 830px;
	padding: 0;
}

.tk-eyebrow.tk-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.43;
	color: var(--surface);
}

.tk-plan__title.tk-plan__title {
	font-family: var(--font-heading);
	font-size: var(--fs-h2);
	font-weight: 600;
	line-height: 1.166;
	letter-spacing: -.02em;
	color: var(--surface);
}

.tk-plan__lead.tk-plan__lead {
	font-size: var(--fs-body);
	font-weight: 400;
	line-height: 1.5;
	color: var(--surface);
}

.tk-plan__actions.tk-plan__actions {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 10px;
}

.tk-msg.tk-msg {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 231px;
	max-width: 100%;
	height: var(--control-height);
	border-radius: var(--radius-sm);
	color: var(--surface);
	text-decoration: none;
	transition: filter .18s ease;
}

.tk-msg:hover { filter: brightness(.92); }

.tk-msg--mail.tk-msg--mail { background: var(--brand-accent); }
.tk-msg--tg.tk-msg--tg { background: var(--brand-tg); }
.tk-msg--wa.tk-msg--wa { background: var(--brand-wa); }

@media (max-width: 767px) {
	.tk-msg.tk-msg { flex: 1 1 100%; }
}

.tk-footer.tk-footer {
	display: block;
	padding-block: clamp(48px, 2.05vw + 41px, 80px);
	padding-inline: var(--gutter);
	background: var(--brand-accent);
	color: var(--surface);
}

.tk-footer__inner.tk-footer__inner {
	display: flex;
	flex-direction: column;
	gap: clamp(32px, 1.8vw + 25px, 60px);
	width: min(var(--container-max), 100%);
	margin-inline: auto;
	padding: 0;
}

.tk-footer__main.tk-footer__main {
	display: grid;
	grid-template-columns: 362fr 230fr 230fr 230fr 230fr;
	gap: var(--gap-wide);
	padding: 0;
}

.tk-footer__brand.tk-footer__brand {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: clamp(32px, 1.8vw + 25px, 60px);
	padding: 0;
}

.tk-footer__intro.tk-footer__intro {
	display: flex;
	flex-direction: column;
	gap: 24px;
	padding: 0;
}

.tk-footer__mark.tk-footer__mark {
	display: block;
	width: 236px;
	max-width: 100%;
	height: 60px;
	border-radius: var(--radius-sm);
	background: var(--surface);
}

.tk-footer__tagline.tk-footer__tagline {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.571;
	color: var(--surface);
}

.tk-fcol.tk-fcol {
	display: flex;
	flex-direction: column;
	gap: clamp(20px, 1.3vw + 15px, 40px);
	padding: 0;
}

.tk-fcol__title.tk-fcol__title {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.43;
	color: var(--surface);
}

.tk-fcol__list.tk-fcol__list {
	display: flex;
	flex-direction: column;
	gap: 24px;
	padding: 0;
}

.tk-fcol__link.tk-fcol__link {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.375;
	letter-spacing: -.32px;
	color: var(--surface);
	text-decoration: none;
	transition: opacity .18s ease;
}

.tk-fcol__link:hover { opacity: .75; }

.tk-fcol__contact.tk-fcol__contact {
	display: flex;
	flex-direction: column;
	gap: 24px;
	padding: 0;
}

.tk-fcontact__phone.tk-fcontact__phone {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 0;
}

.tk-fcontact__number.tk-fcontact__number {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.27;
	letter-spacing: -.44px;
	color: var(--surface);
	text-decoration: none;
}

.tk-fcontact__hours.tk-fcontact__hours {
	font-size: 14px;
	font-weight: 300;
	line-height: 1.29;
	color: var(--surface);
}

.tk-fcontact__mail.tk-fcontact__mail {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: -.16px;
	color: var(--surface);
	text-decoration: none;
	word-break: break-word;
}

.tk-fsocial.tk-fsocial {
	display: flex;
	flex-direction: row;
	gap: 6px;
	padding: 0;
}

.tk-fsocial__item.tk-fsocial__item {
	display: inline-flex;
	flex: none;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border-radius: var(--radius-sm);
	background: var(--surface);
	color: var(--brand-accent);
	text-decoration: none;
	transition: background-color .18s ease;
}

.tk-fsocial__item:hover { background: var(--brand-accent-soft); }

.tk-fsocial__item::before {
	width: 20px;
	height: 20px;
}

.tk-footer__bottom.tk-footer__bottom {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 8px;
	padding: 20px 0 0;
	border-block-start: 1px solid rgb(255 255 255 / .4);
}

.tk-footer__copy.tk-footer__copy,
.tk-footer__legal.tk-footer__legal {
	font-size: 14px;
	font-weight: 300;
	line-height: 1.43;
	letter-spacing: -.14px;
	color: var(--surface);
	text-decoration: none;
}

.tk-footer__legal:hover { opacity: .75; }

@media (max-width: 1279px) {
	.tk-footer__main.tk-footer__main { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 639px) {
	.tk-footer__main.tk-footer__main { grid-template-columns: minmax(0, 1fr); }
}

.tk-finder-section.tk-finder-section {
	display: block;
	background: var(--surface);
}

.tk-finder__inner.tk-finder__inner {
	display: flex;
	flex-direction: column;
	gap: var(--gap-heading);
	width: min(var(--container-max), 100% - var(--gutter) * 2);
	margin-inline: auto;
	padding: 0;
}

.tk-shead.tk-shead {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
	gap: clamp(24px, 4vw, 445px);
	padding: 0;
}

.tk-shead__title.tk-shead__title {
	max-width: 830px;
	font-family: var(--font-heading);
	font-size: var(--fs-h2);
	font-weight: 600;
	line-height: 1.166;
	letter-spacing: -.02em;
	color: var(--text-primary);
}

.tk-shead__num {
	color: rgb(26 29 32 / .3);
}

.tk-shead__lead.tk-shead__lead {
	max-width: 405px;
	font-size: var(--fs-body);
	line-height: 1.5;
	color: var(--text-primary);
}

@media (max-width: 991px) {
	.tk-shead.tk-shead {
		flex-direction: column;
		gap: 16px;
	}
}

.tk-finder {
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.tk-finder__tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.tk-tab {
	min-height: 48px;
	padding: 13px 28px;
	border: 0;
	border-radius: var(--radius-sm);
	background: var(--surface);
	box-shadow: inset 0 0 0 1px var(--border);
	font-family: var(--font-body);
	font-size: 16px;
	font-weight: 500;
	line-height: 1.375;
	color: var(--text-primary);
	cursor: pointer;
	transition: background-color .18s ease, color .18s ease, box-shadow .18s ease;
}

.tk-tab:hover {
	background: var(--brand-accent-soft);
}

.tk-tab.is-active {
	background: var(--brand-accent);
	box-shadow: none;
	color: var(--surface);
}

.tk-finder__panel {
	display: none;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
}

.tk-finder__panel.is-active {
	display: grid;
}

.tk-dcard {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	aspect-ratio: 547 / 547;
	padding: 28px;
	border-radius: var(--radius-lg);
	background: var(--surface-muted) var(--card-photo, none) center / cover no-repeat;
	text-decoration: none;
	overflow: hidden;
}

.tk-dcard__body {
	display: flex;
	flex-direction: column;
	gap: 18px;
	padding: 24px;
	border: 1px solid rgb(26 29 32 / .5);
	border-radius: var(--radius-lg);
	background: rgb(26 29 32 / .1);
	backdrop-filter: blur(18px);
}

.tk-dcard__title {
	font-family: var(--font-heading);
	font-size: clamp(20px, 0.55vw + 18px, 26px);
	font-weight: 600;
	line-height: 1.307;
	letter-spacing: -.52px;
	color: var(--surface);
}

.tk-dcard__text {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	font-size: var(--fs-body);
	line-height: 1.5;
	color: var(--surface);
}

.tk-dcard__cta {
	align-self: stretch;
}

@media (max-width: 991px) {
	.tk-finder__panel.is-active {
		grid-template-columns: minmax(0, 1fr);
	}

	.tk-dcard {
		aspect-ratio: auto;
		min-height: 340px;
		padding: 16px;
	}

	.tk-dcard__body {
		padding: 16px;
	}
}

.tk-plan__card.tk-plan__card {
	--plan-photo: url('assets/img/dsc04725.webp');
}

.tk-hero.tk-hero {
	background-image: url("assets/img/hero.webp");
}

@media (min-width: 1024px) {
	.tk-header__inner.tk-header__inner { display: flex; }
	.tk-mhead.tk-mhead { display: none; }
}

@media (max-width: 1023px) {
	.tk-header__inner.tk-header__inner { display: none; }
	.tk-mhead.tk-mhead { display: flex; }
}

@media (min-width: 1024px) and (max-width: 1659px) {
	.tk-header__inner.tk-header__inner { gap: clamp(16px, 3vw - 12px, 48px); }
	.tk-header__left.tk-header__left { gap: clamp(12px, 1.5vw - 3px, 24px); }
	.tk-header__right.tk-header__right { gap: clamp(10px, 1.2vw - 2px, 20px); }
	.tk-logo.tk-logo { min-height: 50px; height: 50px; padding: 7px; gap: 10px; }
	.tk-logo__mark.tk-logo__mark { width: clamp(110px, 9vw, 150px); height: 36px; }
	.tk-logo__desc.tk-logo__desc { width: 120px; padding-inline-start: 10px; font-size: 12px; line-height: 1.25; }
	.tk-nav ul { padding: 4px; gap: 0; height: 50px; }
	.tk-nav ul a { min-height: 42px; padding: 3px clamp(8px, 1vw, 14px); font-size: clamp(13px, 0.5vw + 9px, 16px); }
	.tk-header__phone.tk-header__phone { font-size: clamp(15px, 1vw + 3px, 20px); }
	.tk-header__hours.tk-header__hours { font-size: 12px; }
	.tk-header__cta.tk-header__cta { min-height: 50px; height: 50px; padding-inline: clamp(16px, 2vw, 32px); font-size: 14px; }
	.tk-header__social-item.tk-header__social-item { width: 50px; height: 50px; }
	.tk-header__social-item::before { width: 20px; height: 20px; }
}

@media (min-width: 1024px) and (max-width: 1399px) {
	.tk-header__contact.tk-header__contact { display: none; }
}

@media (min-width: 1024px) and (max-width: 1259px) {
	.tk-logo__desc.tk-logo__desc { display: none; }
}

.tk-header.tk-header {
	display: block;
	padding-inline: var(--gutter);
}

.tk-header__inner.tk-header__inner {
	width: 100%;
	max-width: var(--container-max);
	margin-inline: auto;
}

.tk-mhead.tk-mhead {
	width: 100%;
	max-width: var(--container-max);
	margin-inline: auto;
}

.tk-header__left .tk-nav,
.tk-header__left .tk-nav ul {
	flex: none;
	width: max-content;
}

.tk-header__left .tk-nav ul > li {
	flex: none;
}

.tk-nav ul > li {
	margin: 0;
}

.tk-hero__content.tk-hero__content {
	align-items: flex-start;
}

.tk-hero__actions .tk-btn:nth-child(1) {
	width: 362px;
	justify-content: space-between;
}

.tk-hero__actions .tk-btn:nth-child(2) {
	width: 287px;
	justify-content: center;
}

.tk-hero__actions.tk-hero__actions {
	width: max-content;
	flex: none;
}

.tk-nav .current-menu-item > a::before { content: none; }

.tk-nav .current-menu-item > a {
	gap: 0;
	background: transparent;
	border-radius: 40px;
}

.tk-nav ul li:first-child > a {
	gap: 12px;
	background: rgba(255, 255, 255, .1);
	border-radius: 8px;
}

.tk-nav ul li:first-child > a::before {
	content: "";
	flex: none;
	width: 19px;
	height: 19px;
	background:
		linear-gradient(#F5F5F5 0 0) 0 0 / 8px 8px no-repeat,
		linear-gradient(#F5F5F5 0 0) 11px 0 / 8px 8px no-repeat,
		linear-gradient(#F5F5F5 0 0) 0 11px / 8px 8px no-repeat,
		linear-gradient(#F5F5F5 0 0) 11px 11px / 8px 8px no-repeat;
}

.tk-hero::after {
	content: '';
	position: absolute;
	inset: 0;
	background:
		linear-gradient(180deg, rgba(17, 37, 57, .6) 0%, rgba(17, 37, 57, 0) 100%),
		rgba(17, 37, 57, .2);
	pointer-events: none;
}

.tk-header.tk-header {
	padding-block: clamp(14px, 0.385vw + 12.6px, 20px) 0;
}

body.admin-bar #brx-header { top: 32px; }

@media (max-width: 782px) {
	body.admin-bar #brx-header { top: 46px; }
}

.tk-logo__desc.tk-logo__desc{color:rgba(255,255,255,.6);border-inline-start-color:rgba(255,255,255,.2)}
.tk-header__hours.tk-header__hours{color:rgba(255,255,255,.6)}
.tk-nav ul li:first-child > a::before{background:radial-gradient(circle at 4px 4px,#F5F5F5 4px,transparent 4px) 0 0/8px 8px no-repeat,radial-gradient(circle at 4px 4px,#F5F5F5 4px,transparent 4px) 11px 0/8px 8px no-repeat,radial-gradient(circle at 4px 4px,#F5F5F5 4px,transparent 4px) 0 11px/8px 8px no-repeat,radial-gradient(circle at 4px 4px,#F5F5F5 4px,transparent 4px) 11px 11px/8px 8px no-repeat}

.tk-hero__content.tk-hero__content{max-width:calc(var(--fs-display) * 11.857)}

.tk-hero__lead.tk-hero__lead{color:rgba(255,255,255,.8)}
.tk-shead__num{color:rgba(26,29,32,.2)}

.tk-header__left.tk-header__left{flex:0 1 auto;min-width:0}
.tk-header__left .tk-nav{flex:0 1 auto;min-width:0}
.tk-header__left .tk-nav ul{max-width:100%;overflow-x:auto;scrollbar-width:none}
.tk-header__left .tk-nav ul::-webkit-scrollbar{display:none}
.tk-header__right.tk-header__right{flex:0 0 auto}

.tk-logo.tk-logo,
.tk-nav ul,
.tk-header__social-item.tk-header__social-item {
	backdrop-filter: blur(10px);
}

.tk-shead__lead.tk-shead__lead {
	color: rgba(26, 29, 32, .8);
}

.tk-tab {
	box-shadow: none;
	color: rgba(26, 29, 32, .8);
}

.tk-tab.is-active {
	color: #FFFFFF;
}

.tk-dcard__body {
	border-color: rgba(26, 29, 32, .04);
	backdrop-filter: blur(20px);
}

.tk-dcard__text {
	color: rgba(255, 255, 255, .8);
}

.tk-plan__card.tk-plan__card::before {
	opacity: .4;
}

.tk-plan__card.tk-plan__card::after {
	background: linear-gradient(270deg, rgba(31, 78, 71, 0) 0%, rgba(31, 78, 71, 1) 48%);
}

.tk-eyebrow.tk-eyebrow {
	color: rgba(255, 255, 255, .5);
}

.tk-footer__tagline.tk-footer__tagline {
	color: rgba(255, 255, 255, .6);
}

.tk-fcol__title.tk-fcol__title {
	color: rgba(255, 255, 255, .5);
}

.tk-fcontact__hours.tk-fcontact__hours {
	color: rgba(255, 255, 255, .6);
}

.tk-footer__bottom.tk-footer__bottom {
	border-block-start-color: rgba(255, 255, 255, .15);
}

.tk-footer__copy.tk-footer__copy,
.tk-footer__legal.tk-footer__legal {
	color: #FFFFFF;
}

:root {
	--hs: clamp(0.54px, 0.0515vw + 0.008px, 1px);
}

@media (min-width: 1024px) and (max-width: 1659px) {
	.tk-header__inner.tk-header__inner {
		gap: calc(112 * var(--hs));
	}

	.tk-header__left.tk-header__left {
		gap: calc(40 * var(--hs));
	}

	.tk-header__right.tk-header__right {
		gap: calc(32 * var(--hs));
	}

	.tk-logo.tk-logo {
		height: calc(58 * var(--hs));
		min-height: calc(58 * var(--hs));
		gap: calc(14 * var(--hs));
		padding: calc(9 * var(--hs)) calc(23 * var(--hs)) calc(9 * var(--hs)) calc(9 * var(--hs));
		border-radius: calc(10 * var(--hs));
	}

	.tk-logo__mark.tk-logo__mark {
		width: calc(166 * var(--hs));
		height: calc(40 * var(--hs));
	}

	.tk-logo__desc.tk-logo__desc {
		display: block;
		box-sizing: border-box;
		width: calc(155 * var(--hs));
		padding-inline-start: calc(14 * var(--hs));
		font-size: calc(13 * var(--hs));
		line-height: 1.231;
	}

	.tk-nav ul {
		height: calc(58 * var(--hs));
		gap: calc(2 * var(--hs));
		padding: calc(5 * var(--hs));
		border-radius: calc(10 * var(--hs));
	}

	.tk-nav ul a {
		height: calc(48 * var(--hs));
		min-height: 0;
		padding: 0 calc(16 * var(--hs));
		font-size: calc(16 * var(--hs));
	}

	.tk-nav ul li:first-child > a {
		gap: calc(10 * var(--hs));
		border-radius: calc(8 * var(--hs));
	}

	.tk-nav ul li:first-child > a::before {
		width: calc(19 * var(--hs));
		height: calc(19 * var(--hs));
		background-size: calc(8 * var(--hs)) calc(8 * var(--hs));
		background-position:
			0 0,
			calc(11 * var(--hs)) 0,
			0 calc(11 * var(--hs)),
			calc(11 * var(--hs)) calc(11 * var(--hs));
	}

	.tk-header__contact.tk-header__contact {
		display: flex;
		gap: calc(8 * var(--hs));
	}

	.tk-header__phone.tk-header__phone {
		font-size: calc(22 * var(--hs));
	}

	.tk-header__hours.tk-header__hours {
		font-size: calc(14 * var(--hs));
	}

	.tk-header__cta.tk-header__cta {
		height: calc(58 * var(--hs));
		min-height: 0;
		padding-inline: calc(40 * var(--hs));
		font-size: calc(16 * var(--hs));
		border-radius: calc(10 * var(--hs));
	}

	.tk-header__social.tk-header__social {
		gap: calc(6 * var(--hs));
	}

	.tk-header__social-item.tk-header__social-item {
		width: calc(58 * var(--hs));
		height: calc(58 * var(--hs));
		border-radius: calc(10 * var(--hs));
	}

	.tk-header__social-item::before {
		width: calc(24 * var(--hs));
		height: calc(24 * var(--hs));
	}
}

.tk-nav ul li:first-child > a::before{background-image:radial-gradient(circle at 50% 50%,#F5F5F5 48%,transparent 50%),radial-gradient(circle at 50% 50%,#F5F5F5 48%,transparent 50%),radial-gradient(circle at 50% 50%,#F5F5F5 48%,transparent 50%),radial-gradient(circle at 50% 50%,#F5F5F5 48%,transparent 50%);background-repeat:no-repeat}

.tk-nav ul li:first-child > a::before{background-image:radial-gradient(circle,#F5F5F5 46%,transparent 48%),radial-gradient(circle,#F5F5F5 46%,transparent 48%),radial-gradient(circle,#F5F5F5 46%,transparent 48%),radial-gradient(circle,#F5F5F5 46%,transparent 48%);background-size:42% 42%;background-position:0 0,100% 0,0 100%,100% 100%;background-repeat:no-repeat}

.tk-nav ul li:first-child > a::before{background:#F5F5F5;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 19 19%22%3E%3Ccircle cx=%224%22 cy=%224%22 r=%224%22/%3E%3Ccircle cx=%2215%22 cy=%224%22 r=%224%22/%3E%3Ccircle cx=%224%22 cy=%2215%22 r=%224%22/%3E%3Ccircle cx=%2215%22 cy=%2215%22 r=%224%22/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 19 19%22%3E%3Ccircle cx=%224%22 cy=%224%22 r=%224%22/%3E%3Ccircle cx=%2215%22 cy=%224%22 r=%224%22/%3E%3Ccircle cx=%224%22 cy=%2215%22 r=%224%22/%3E%3Ccircle cx=%2215%22 cy=%2215%22 r=%224%22/%3E%3C/svg%3E") center / contain no-repeat}

.tk-tours-section.tk-tours-section {
	display: block;
	background: var(--surface-muted);
	padding-block: var(--section-y);
}

.tk-tours__inner {
	display: flex;
	flex-direction: column;
	gap: 50px;
	box-sizing: border-box;
	width: 100%;
	max-width: var(--container-max);
	margin-inline: auto;
	padding-inline: var(--gutter);
}

.tk-shead--tours {
	align-items: flex-end;
	gap: 40px;
}

.tk-shead--tours .tk-shead__lead {
	margin-inline-start: auto;
}

.tk-arrows {
	display: flex;
	flex: none;
	gap: 10px;
}

.tk-arrow {
	width: 52px;
	height: 52px;
	border: 0;
	border-radius: var(--radius-sm);
	background: var(--surface);
	cursor: pointer;
	transition: background-color .18s ease;
}

.tk-arrow::before {
	content: '';
	display: block;
	width: 8px;
	height: 13px;
	margin-inline: auto;
	background: var(--brand-accent);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 13' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 1.5 1.5 6.5l5 5'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 13' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 1.5 1.5 6.5l5 5'/%3E%3C/svg%3E") center / contain no-repeat;
}

.tk-arrow--next::before {
	transform: scaleX(-1);
}

.tk-arrow:hover {
	background: var(--brand-accent-soft);
}

.tk-tours {
	overflow: hidden;
}

.tk-tours__track {
	display: flex;
	gap: 20px;
	scroll-behavior: smooth;
	overflow-x: auto;
	scrollbar-width: none;
	padding-block-start: 18px;
}

.tk-tours__track::-webkit-scrollbar {
	display: none;
}

.tk-tcard {
	position: relative;
	display: flex;
	flex: none;
	flex-direction: column;
	gap: 20px;
	box-sizing: border-box;
	width: 405px;
	padding-block-end: 28px;
	border-radius: var(--radius-lg);
	background: var(--surface);
}

.tk-tbadge {
	position: absolute;
	top: -18px;
	inset-inline-end: 28px;
	z-index: 2;
	padding: 8px 20px;
	border-radius: 6px;
	background: var(--brand-accent);
	font-size: 16px;
	font-weight: 500;
	line-height: 1.25;
	color: var(--surface);
}

.tk-tbadge--eco {
	background: var(--brand-green);
}

.tk-tcard__media {
	display: block;
	height: 260px;
	border-radius: var(--radius-lg);
	background: var(--surface-muted) var(--photo, none) center / cover no-repeat;
}

.tk-tcard__body {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 16px;
	flex: 1;
	padding-inline: 28px;
}

.tk-tcard__top {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.tk-tcard__title {
	font-family: var(--font-heading);
	font-size: 24px;
	font-weight: 600;
	line-height: 1.333;
	letter-spacing: -.48px;
	color: var(--text-primary);
}

.tk-tcard__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.tk-tag {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 5px 10px;
	border-radius: 6px;
	background: var(--surface-muted);
	font-size: 14px;
	font-weight: 400;
	line-height: 1.429;
	color: var(--text-primary);
	white-space: nowrap;
}

.tk-tag::before {
	content: '';
	display: block;
	flex: none;
	width: 20px;
	height: 20px;
	background: var(--brand-accent);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
}

.tk-i-pin::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5.2 7 13 7 13s7-7.8 7-13a7 7 0 0 0-7-7Zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5Z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5.2 7 13 7 13s7-7.8 7-13a7 7 0 0 0-7-7Zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5Z'/%3E%3C/svg%3E");
}

.tk-i-time::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5.5l3.5 2'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5.5l3.5 2'/%3E%3C/svg%3E");
}

.tk-i-road::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M7 3 4 21M17 3l3 18M12 4v3M12 11v3M12 18v3'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M7 3 4 21M17 3l3 18M12 4v3M12 11v3M12 18v3'/%3E%3C/svg%3E");
}

.tk-tcard__see {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.tk-tcard__label {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.429;
	color: rgba(26, 29, 32, .6);
}

.tk-tcard__list {
	display: flex;
	flex-direction: column;
	gap: 0;
	margin: 0;
	padding-inline-start: 18px;
	font-size: 16px;
	line-height: 1.375;
	color: var(--text-primary);
}

.tk-tcard__list li {
	list-style: disc;
}

.tk-tcard:not(.is-open) .tk-tcard__list li:nth-child(n + 5) {
	display: none;
}

.tk-tcard__more {
	align-self: flex-start;
	padding: 0;
	border: 0;
	background: none;
	font-family: var(--font-body);
	font-size: 16px;
	line-height: 1.375;
	color: var(--brand-accent);
	text-decoration: underline;
	cursor: pointer;
}

.tk-tcard__bottom {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.tk-tcard__price {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.tk-tcard__amount {
	display: flex;
	align-items: baseline;
	gap: 8px;
}

.tk-tcard__sum {
	font-size: 24px;
	font-weight: 600;
	line-height: 1.333;
	color: var(--text-primary);
}

.tk-tcard__per {
	font-size: 14px;
	line-height: 1.714;
	color: rgba(26, 29, 32, .6);
}

.tk-tcard__note {
	font-size: 12px;
	line-height: 1.167;
	color: rgba(26, 29, 32, .4);
}

.tk-tcard__cta.tk-tcard__cta {
	width: 100%;
	height: 50px;
	min-height: 0;
	gap: 34px;
	padding-inline: 54px 3px;
	justify-content: space-between;
}

.tk-tcard__cta::after {
	width: 44px;
	height: 44px;
}

.tk-tcard__cta::before {
	inset-inline-end: 15px;
}

.tk-tours__empty {
	padding: 40px 0;
	color: var(--text-secondary);
}

@media (max-width: 1279px) {
	.tk-tours-section.tk-tours-section {
		padding-inline: 0;
	}

	.tk-tours__inner {
		gap: 26px;
	}

	.tk-tours {
		overflow: visible;
	}

	.tk-tours__track {
		padding-inline: var(--gutter);
		margin-inline: calc(var(--gutter) * -1);
	}
}

@media (max-width: 991px) {
	.tk-shead--tours {
		flex-direction: column;
		align-items: flex-start;
		gap: 16px;
	}

	.tk-shead--tours .tk-shead__lead {
		margin-inline-start: 0;
	}

	.tk-arrows {
		display: none;
	}

	.tk-tcard {
		width: 280px;
		gap: 18px;
		padding-block-end: 14px;
	}

	.tk-tcard__media {
		height: 180px;
		border-radius: var(--radius);
	}

	.tk-tcard__body {
		padding-inline: 14px;
	}

	.tk-tcard__title {
		font-size: 18px;
		line-height: 1.444;
		letter-spacing: -.36px;
	}

	.tk-tag {
		gap: 6px;
		padding: 6px 8px;
		font-size: 12px;
		line-height: 1.333;
	}

	.tk-tag::before {
		width: 16px;
		height: 16px;
	}

	.tk-tcard__label {
		font-size: 13px;
		line-height: 1.385;
	}

	.tk-tcard__list,
	.tk-tcard__more {
		font-size: 14px;
		line-height: 1.429;
	}

	.tk-tcard__sum {
		font-size: 18px;
		line-height: 1.444;
	}

	.tk-tcard__per {
		font-size: 13px;
	}

	.tk-tbadge {
		top: -17px;
		inset-inline-end: 14px;
		font-size: 14px;
		line-height: 1.286;
	}

	.tk-tcard__cta.tk-tcard__cta {
		height: 42px;
		padding-inline: 24px 3px;
		border-radius: var(--radius-sm);
	}

	.tk-tcard__cta::after {
		width: 36px;
		height: 36px;
		border-radius: var(--radius-sm);
	}

	.tk-tcard__cta::before {
		inset-inline-end: 12px;
	}
}



body{background-color:#F6F6F6}
.tk-finder-section.tk-finder-section{background:transparent}
.tk-tours-section.tk-tours-section{background:transparent}

.tk-btn--arrow::before{content:none}
.tk-btn--arrow::after{background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C2593F' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12h22M16 5l7 7-7 7'/%3E%3C/svg%3E");background-position:center;background-size:24px 24px;background-repeat:no-repeat}
.tk-btn--green.tk-btn--arrow::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F4E47' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12h22M16 5l7 7-7 7'/%3E%3C/svg%3E")}.tk-btn--arrow.tk-btn--arrow{justify-content:space-between}
.tk-btn--arrow.tk-btn--arrow{--arw:52px;justify-content:center;padding-inline:calc(var(--arw) + 3px)}
.tk-btn--arrow::after{position:absolute;inset-inline-end:3px;top:50%;transform:translateY(-50%);width:var(--arw);height:var(--arw)}
.tk-hero__actions .tk-btn--arrow.tk-btn--arrow{justify-content:center}
.tk-tcard__cta.tk-tcard__cta{--arw:44px}
.tk-mcontact__cta.tk-mcontact__cta{--arw:40px}
@media (max-width:991px){.tk-tcard__cta.tk-tcard__cta{--arw:36px}}

.tk-tcard__price{gap:8px}
.tk-tcard__amountwrap{display:flex;flex-direction:column;gap:4px}
.tk-tcard__amount{align-items:flex-end}
.tk-tcard__media--empty{background-color:#E8E8E8}
.tk-arrow::before{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 13' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.1 0.9 0.9 6.5l6.2 5.6'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 13' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.1 0.9 0.9 6.5l6.2 5.6'/%3E%3C/svg%3E") center / contain no-repeat}
@media (min-width:992px){.tk-shead--tours{gap:0}.tk-shead--tours .tk-shead__lead{flex:none;width:405px;margin-inline-start:auto}}

@media (min-width:992px){.tk-tcard{height:788px}}
.tk-i-time::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 2.5a9.5 9.5 0 1 0 0 19 9.5 9.5 0 0 0 0-19Zm.95 4.3v4.85l3.5 2.02-.95 1.65-4.45-2.57V6.8Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 2.5a9.5 9.5 0 1 0 0 19 9.5 9.5 0 0 0 0-19Zm.95 4.3v4.85l3.5 2.02-.95 1.65-4.45-2.57V6.8Z'/%3E%3C/svg%3E")}
.tk-i-road::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M15 9.5a4.6 4.6 0 0 0-4.6 4.6c0 3.4 4.6 8.3 4.6 8.3s4.6-4.9 4.6-8.3A4.6 4.6 0 0 0 15 9.5Zm0 6.3a1.7 1.7 0 1 1 0-3.4 1.7 1.7 0 0 1 0 3.4ZM7 1.5A3.4 3.4 0 0 0 3.6 4.9C3.6 7.4 7 11 7 11s3.4-3.6 3.4-6.1A3.4 3.4 0 0 0 7 1.5Zm0 4.6a1.25 1.25 0 1 1 0-2.5 1.25 1.25 0 0 1 0 2.5Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M15 9.5a4.6 4.6 0 0 0-4.6 4.6c0 3.4 4.6 8.3 4.6 8.3s4.6-4.9 4.6-8.3A4.6 4.6 0 0 0 15 9.5Zm0 6.3a1.7 1.7 0 1 1 0-3.4 1.7 1.7 0 0 1 0 3.4ZM7 1.5A3.4 3.4 0 0 0 3.6 4.9C3.6 7.4 7 11 7 11s3.4-3.6 3.4-6.1A3.4 3.4 0 0 0 7 1.5Zm0 4.6a1.25 1.25 0 1 1 0-2.5 1.25 1.25 0 0 1 0 2.5Z'/%3E%3C/svg%3E")}

.tk-tours__inner{width:min(var(--container-max),100% - var(--gutter) * 2);max-width:none;padding-inline:0}
.tk-shead--tours .tk-shead__num{font-size:clamp(22px,1.03vw + 18.3px,38px);letter-spacing:-.76px}
.tk-finder-section.tk-finder-section{padding-block:clamp(60px,5.13vw + 41.5px,140px) 0}
.tk-tours-section.tk-tours-section{padding-block:clamp(40px,3.21vw + 28.5px,90px) clamp(60px,5.13vw + 41.5px,140px)}
.tk-i-pin::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 1.2a9 9 0 0 0-9 9c0 6.6 9 12.6 9 12.6s9-6 9-12.6a9 9 0 0 0-9-9ZM17 10.2a5 5 0 1 1-10 0 5 5 0 0 1 10 0ZM14.4 10.2a2.4 2.4 0 1 1-4.8 0 2.4 2.4 0 0 1 4.8 0Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 1.2a9 9 0 0 0-9 9c0 6.6 9 12.6 9 12.6s9-6 9-12.6a9 9 0 0 0-9-9ZM17 10.2a5 5 0 1 1-10 0 5 5 0 0 1 10 0ZM14.4 10.2a2.4 2.4 0 1 1-4.8 0 2.4 2.4 0 0 1 4.8 0Z'/%3E%3C/svg%3E")}
.tk-arrow[disabled]{cursor:default}
.tk-arrow[disabled]::before{opacity:.35}
.tk-arrow[disabled]:hover{background:var(--surface)}
.tk-dcard{transition:box-shadow .18s ease}
.tk-dcard.is-active{box-shadow:0 0 0 3px var(--brand-accent)}
.tk-tours{transition:opacity .15s ease}
.tk-tours.is-loading{opacity:.45;pointer-events:none}

/* ── Блок 05: таблица сравнения ─────────────────────────────────────── */

.tk-cmp-section.tk-cmp-section {
	display: block;
	padding-block: var(--section-y);
	background: transparent;
}

.tk-cmp__inner.tk-cmp__inner {
	display: flex;
	flex-direction: column;
	gap: var(--gap-heading);
	width: min(var(--container-max), 100% - var(--gutter) * 2);
	margin-inline: auto;
	padding: 0;
}

.tk-cmp__title.tk-cmp__title {
	max-width: 830px;
	font-family: var(--font-heading);
	font-size: var(--fs-h2);
	font-weight: 600;
	line-height: 1.166;
	letter-spacing: -.02em;
	color: var(--text-primary);
}

.tk-cmp__scroll.tk-cmp__scroll {
	padding: clamp(16px, 0.9vw + 9px, 30px);
	border-radius: 20px;
	background: var(--surface);
}

/* Сетка на три колонки: строки выровнены между колонками при любой длине текста. */
.tk-cmp.tk-cmp {
	display: grid;
	grid-template-columns: 382fr 605fr 605fr;
	column-gap: 14px;
	row-gap: 8px;
	align-items: stretch;
}

.tk-cmp__cell.tk-cmp__cell {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	gap: 10px;
	padding: 20px;
	border-radius: var(--radius-sm);
	font-size: var(--fs-body);
	line-height: 1.5;
	color: var(--text-primary);
}

.tk-cmp__cell--label.tk-cmp__cell--label {
	box-shadow: inset 0 0 0 1px rgba(26, 29, 32, .1);
	font-weight: 500;
}

.tk-cmp__cell--ours.tk-cmp__cell--ours {
	background: var(--brand-accent-soft);
}

.tk-cmp__cell--others.tk-cmp__cell--others {
	background: var(--surface-muted);
}

/* Шапка таблицы */
.tk-cmp__cell--head.tk-cmp__cell--head {
	align-items: center;
	gap: 16px;
	min-height: 118px;
}

.tk-cmp__cell--label.tk-cmp__cell--head {
	align-items: flex-end;
}

.tk-cmp__diff {
	font-size: 15px;
	font-weight: 400;
	line-height: 1.467;
	color: rgba(26, 29, 32, .6);
}

.tk-cmp__pic {
	position: relative;
	display: block;
	flex: none;
	width: 78px;
	height: 78px;
	border-radius: 4px;
	background: var(--surface) var(--pic, none) center / cover no-repeat;
}

/* Заглушка вместо иконки группы: дизайнер её отдельным файлом не отдавал. */
.tk-cmp__pic--glyph::before,
.tk-cmp__pic--glyph::after {
	content: "";
	position: absolute;
	left: 50%;
	background: rgba(26, 29, 32, .3);
}

.tk-cmp__pic--glyph::before {
	top: 24px;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	transform: translateX(-50%);
}

.tk-cmp__pic--glyph::after {
	top: 42px;
	width: 26px;
	height: 13px;
	border-radius: 13px 13px 0 0;
	transform: translateX(-50%);
}

.tk-cmp__headtext {
	display: flex;
	flex-direction: column;
	gap: 14px;
	min-width: 0;
}

.tk-cmp__name {
	font-family: var(--font-heading);
	font-size: 24px;
	font-weight: 600;
	line-height: 1.333;
	letter-spacing: -.48px;
	color: var(--text-primary);
}

.tk-cmp__sub {
	font-size: 15px;
	font-weight: 400;
	line-height: 1.467;
	color: rgba(26, 29, 32, .6);
}

/* Галочка и крестик нарисованы бордерами и градиентами: */
/* один набор иконок меньше, цвет управляется переменными. */
.tk-cmp__icon {
	position: relative;
	flex: none;
	width: 22px;
	height: 22px;
}

.tk-cmp__icon--yes::before {
	content: "";
	position: absolute;
	left: 3px;
	top: 4px;
	width: 15px;
	height: 8px;
	border-left: 2.5px solid var(--brand-accent);
	border-bottom: 2.5px solid var(--brand-accent);
	transform: rotate(-45deg);
}

.tk-cmp__icon--no::before,
.tk-cmp__icon--no::after {
	content: "";
	position: absolute;
	left: 2px;
	top: 10px;
	width: 18px;
	height: 2.5px;
	border-radius: 2px;
	background: var(--border);
}

.tk-cmp__icon--no::before {
	transform: rotate(45deg);
}

.tk-cmp__icon--no::after {
	transform: rotate(-45deg);
}

.tk-cmp__text {
	min-width: 0;
}

/* Ниже 992 таблица уезжает в горизонтальный скролл — как в комментарии дизайнера. */
.tk-cmp.tk-cmp {
	min-width: 960px;
}

@media (max-width: 991px) {
	.tk-cmp__cell.tk-cmp__cell {
		padding: 16px;
	}

	.tk-cmp__cell--head.tk-cmp__cell--head {
		min-height: 96px;
	}

	.tk-cmp__pic {
		width: 60px;
		height: 60px;
	}

	.tk-cmp__name {
		font-size: 18px;
		line-height: 1.444;
		letter-spacing: -.36px;
	}
}

@media (min-width: 992px) {
	.tk-cmp.tk-cmp {
		min-width: 0;
	}
}
.tk-cmp__icon--yes{background:radial-gradient(circle 9px at 50% 50%,var(--brand-accent) 99%,transparent 100%)}
.tk-cmp__icon--no{background:radial-gradient(circle 9px at 50% 50%,var(--border) 99%,transparent 100%)}
.tk-cmp__icon--yes::before{left:6px;top:7px;width:9px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff}
.tk-cmp__icon--no::before,.tk-cmp__icon--no::after{left:5px;top:10px;width:12px;height:2px;border-radius:1px;background:#fff}




.tk-logo__mark.tk-logo__mark{width:40px;height:40px;background:url(assets/img/logo-white.webp) center/contain no-repeat}
.tk-mlogo__mark.tk-mlogo__mark{width:36px;height:36px;background:url(assets/img/logo-white.webp) center/contain no-repeat}
.tk-footer__mark.tk-footer__mark{width:60px;height:60px;background:url(assets/img/logo-white.webp) center/contain no-repeat}
.tk-mpanel .tk-mlogo__mark.tk-mlogo__mark{background-image:url(assets/img/logo-color.webp)}

/* ── Блок 04: safe & certified gateway ──────────────────────────────── */

.tk-gw-section.tk-gw-section {
	display: block;
	padding-block: var(--section-y);
	background: transparent;
}

.tk-gw__inner.tk-gw__inner {
	display: flex;
	flex-direction: column;
	gap: var(--gap-heading);
	width: min(var(--container-max), 100% - var(--gutter) * 2);
	margin-inline: auto;
	padding: 0;
}

.tk-gw__title.tk-gw__title {
	font-family: var(--font-heading);
	font-size: var(--fs-h2);
	font-weight: 600;
	line-height: 1.166;
	letter-spacing: -.02em;
	color: var(--text-primary);
}

.tk-gw__grid.tk-gw__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	align-items: center;
}

.tk-gw__photo {
	position: relative;
	aspect-ratio: 830 / 580;
	border-radius: var(--radius-lg);
	background: var(--surface-muted) var(--photo, none) center / cover no-repeat;
	overflow: hidden;
}

.tk-gw__photo--empty {
	background-color: #E8E8E8;
}

/* Плашка сертификата прижата вправо-вниз с отступом 40, как в макете. */
.tk-gw__cert {
	position: absolute;
	inset-inline-end: clamp(16px, 2.4vw - 6px, 40px);
	bottom: clamp(16px, 2.4vw - 6px, 40px);
	display: block;
	width: clamp(120px, 11.3vw, 217px);
	padding: clamp(10px, 0.9vw + 2px, 16px);
	border: 1px solid rgba(26, 29, 32, .04);
	border-radius: var(--radius-sm);
	background: rgba(26, 29, 32, .1);
	backdrop-filter: blur(20px);
}

.tk-gw__certpic {
	display: block;
	aspect-ratio: 185 / 258;
	border-radius: 6px;
	background: var(--surface) var(--cert, none) center / cover no-repeat;
}

.tk-gw__list {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.tk-gw__card {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	gap: 20px;
	padding: clamp(20px, 2.4vw + 2px, 40px);
	border-radius: var(--radius-lg);
	background: var(--surface);
}

.tk-gw__icon {
	flex: none;
	width: 54px;
	height: 54px;
	background: var(--brand-accent);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
}

.tk-gw__icon--license {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 54 54'%3E%3Cpath d='M27 3 6 12v15c0 12.7 8.9 21.6 21 24 12.1-2.4 21-11.3 21-24V12L27 3Zm-2.6 32.6-8.1-8.1 3.5-3.5 4.6 4.6 11.3-11.3 3.5 3.5-14.8 14.8Z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 54 54'%3E%3Cpath d='M27 3 6 12v15c0 12.7 8.9 21.6 21 24 12.1-2.4 21-11.3 21-24V12L27 3Zm-2.6 32.6-8.1-8.1 3.5-3.5 4.6 4.6 11.3-11.3 3.5 3.5-14.8 14.8Z'/%3E%3C/svg%3E");
}

.tk-gw__icon--team {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 54 54'%3E%3Cpath d='M20 26a8.5 8.5 0 1 0 0-17 8.5 8.5 0 0 0 0 17Zm0 4c-9 0-16 4.6-16 10.3V46h32v-5.7C36 34.6 29 30 20 30Zm18-4a7.5 7.5 0 1 0 0-15 7.5 7.5 0 0 0 0 15Zm2 4h-3.4c4.3 2.5 6.4 6 6.4 10.3V46h9v-5.7C52 34.9 46.6 30 40 30Z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 54 54'%3E%3Cpath d='M20 26a8.5 8.5 0 1 0 0-17 8.5 8.5 0 0 0 0 17Zm0 4c-9 0-16 4.6-16 10.3V46h32v-5.7C36 34.6 29 30 20 30Zm18-4a7.5 7.5 0 1 0 0-15 7.5 7.5 0 0 0 0 15Zm2 4h-3.4c4.3 2.5 6.4 6 6.4 10.3V46h9v-5.7C52 34.9 46.6 30 40 30Z'/%3E%3C/svg%3E");
}

.tk-gw__icon--legal {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 54 54'%3E%3Cpath d='M32 4H14a5 5 0 0 0-5 5v36a5 5 0 0 0 5 5h26a5 5 0 0 0 5-5V17L32 4Zm-7.5 34.5-7-7 3.2-3.2 3.8 3.8 9.8-9.8 3.2 3.2-13 13Z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 54 54'%3E%3Cpath d='M32 4H14a5 5 0 0 0-5 5v36a5 5 0 0 0 5 5h26a5 5 0 0 0 5-5V17L32 4Zm-7.5 34.5-7-7 3.2-3.2 3.8 3.8 9.8-9.8 3.2 3.2-13 13Z'/%3E%3C/svg%3E");
}

.tk-gw__body {
	display: flex;
	flex-direction: column;
	gap: 20px;
	min-width: 0;
}

.tk-gw__name {
	font-family: var(--font-heading);
	font-size: 24px;
	font-weight: 600;
	line-height: 1.333;
	letter-spacing: -.48px;
	color: var(--text-primary);
}

.tk-gw__text {
	font-size: var(--fs-body);
	line-height: 1.5;
	color: rgba(26, 29, 32, .7);
}

@media (max-width: 991px) {
	.tk-gw__grid.tk-gw__grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.tk-gw__card {
		gap: 14px;
	}

	.tk-gw__icon {
		width: 40px;
		height: 40px;
	}

	.tk-gw__body {
		gap: 12px;
	}

	.tk-gw__name {
		font-size: 18px;
		line-height: 1.444;
		letter-spacing: -.36px;
	}
}

/* ── Блок 04: правки по сверке с макетом ────────────────────────────── */

/* В макете заголовок разбит после «gateway» — ограничение ширины даёт тот же перенос. */
.tk-gw__title.tk-gw__title {
	max-width: 830px;
}

/* Иконки перерисованы под макет: гид в шляпе, группа из трёх, документ с пером. */
.tk-gw__icon--license {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 54 54'%3E%3Cpath d='M27 8c-3.6 0-6.6 2.2-7.4 5.2l-6.2 2c-1.3.4-1.3 2.3 0 2.7l6.3 2C20.6 22.8 23.5 25 27 25s6.4-2.2 7.3-5.1l6.3-2c1.3-.4 1.3-2.3 0-2.7l-6.2-2C33.6 10.2 30.6 8 27 8Zm0 20c-8.8 0-16 4.5-16 10v8h32v-8c0-5.5-7.2-10-16-10Z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 54 54'%3E%3Cpath d='M27 8c-3.6 0-6.6 2.2-7.4 5.2l-6.2 2c-1.3.4-1.3 2.3 0 2.7l6.3 2C20.6 22.8 23.5 25 27 25s6.4-2.2 7.3-5.1l6.3-2c1.3-.4 1.3-2.3 0-2.7l-6.2-2C33.6 10.2 30.6 8 27 8Zm0 20c-8.8 0-16 4.5-16 10v8h32v-8c0-5.5-7.2-10-16-10Z'/%3E%3C/svg%3E");
}

.tk-gw__icon--team {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 54 54'%3E%3Cpath d='M27 24a7 7 0 1 0 0-14 7 7 0 0 0 0 14Zm-13 2a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11Zm26 0a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11ZM27 27c-7.2 0-13 3.6-13 8v7h26v-7c0-4.4-5.8-8-13-8ZM11.6 29.5C6.7 30.6 3 33.4 3 36.6V42h8v-7c0-2.1.9-4 2.6-5.5Zm30.8 0c1.7 1.5 2.6 3.4 2.6 5.5v7h8v-5.4c0-3.2-3.7-6-8.6-7.1Z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 54 54'%3E%3Cpath d='M27 24a7 7 0 1 0 0-14 7 7 0 0 0 0 14Zm-13 2a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11Zm26 0a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11ZM27 27c-7.2 0-13 3.6-13 8v7h26v-7c0-4.4-5.8-8-13-8ZM11.6 29.5C6.7 30.6 3 33.4 3 36.6V42h8v-7c0-2.1.9-4 2.6-5.5Zm30.8 0c1.7 1.5 2.6 3.4 2.6 5.5v7h8v-5.4c0-3.2-3.7-6-8.6-7.1Z'/%3E%3C/svg%3E");
}

.tk-gw__icon--legal {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 54 54'%3E%3Cpath d='M31 4H14a5 5 0 0 0-5 5v36a5 5 0 0 0 5 5h20a5 5 0 0 0 5-5v-9l-3 3-6 1 1-6 8-8V9a5 5 0 0 0-5-5h-3Zm-14 14h14v4H17v-4Zm0 8h10v4H17v-4Zm0 8h8v4h-8v-4Zm31.3-19.7-3.6-3.6a1.6 1.6 0 0 0-2.3 0l-2.6 2.6 5.9 5.9 2.6-2.6a1.6 1.6 0 0 0 0-2.3Z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 54 54'%3E%3Cpath d='M31 4H14a5 5 0 0 0-5 5v36a5 5 0 0 0 5 5h20a5 5 0 0 0 5-5v-9l-3 3-6 1 1-6 8-8V9a5 5 0 0 0-5-5h-3Zm-14 14h14v4H17v-4Zm0 8h10v4H17v-4Zm0 8h8v4h-8v-4Zm31.3-19.7-3.6-3.6a1.6 1.6 0 0 0-2.3 0l-2.6 2.6 5.9 5.9 2.6-2.6a1.6 1.6 0 0 0 0-2.3Z'/%3E%3C/svg%3E");
}

/* иконки из Figma — tools/apply-icons.py */
.tk-gw__icon--license{-webkit-mask:url("data:image/svg+xml,%3Csvg width='54' height='54' viewBox='0 0 54 54' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M15.8823 30.8237V34.9282C18.2806 38.0725 23.0135 38.0725 25.4117 34.9282V30.8237C23.9395 31.4214 22.3312 31.7517 20.647 31.7517C18.9629 31.7517 17.3545 31.4214 15.8823 30.8237Z' fill='%23C2593F'/%3E %3Cpath d='M30.1765 4.71177C30.1765 2.10949 28.0669 0 25.4647 0H15.8294C13.2272 0 11.1177 2.10949 11.1177 4.71177V4.76471H30.1765V4.71177Z' fill='%23C2593F'/%3E %3Cpath d='M11.1177 7.94141H30.1765V11.1179H11.1177V7.94141Z' fill='%23C2593F'/%3E %3Cpath d='M11.1177 19.1645C11.1177 24.4275 15.3841 28.6939 20.6471 28.6939C25.9101 28.6939 30.1765 24.4275 30.1765 19.1645V14.2939H11.1177V19.1645Z' fill='%23C2593F'/%3E %3Cpath d='M7.94122 11.1177H11.1177V14.2941H7.94122V11.1177Z' fill='%23C2593F'/%3E %3Cpath d='M30.1765 11.1177H33.353V14.2941H30.1765V11.1177Z' fill='%23C2593F'/%3E %3Cpath d='M52.4118 28.3022V17.4707H34.9412V37.4068C33.8023 36.8459 32.5208 36.5295 31.1647 36.5295H28.1953L27.9374 36.8609C24.2675 41.6728 17.0223 41.6688 13.3567 36.8626L13.0988 36.5295H10.1295C5.4122 36.5295 1.58826 40.3402 1.58826 45.0574V54.0001H6.35296V47.6472H9.52943V54.0001H31.7647V47.6472H34.9412V54.0001H39.7059C39.7059 44.6273 39.7293 44.7226 39.6379 43.9969C39.4592 42.5562 38.9222 41.2286 38.1177 40.1043V31.4208L52.4118 28.3022Z' fill='%23C2593F'/%3E %3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg width='54' height='54' viewBox='0 0 54 54' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M15.8823 30.8237V34.9282C18.2806 38.0725 23.0135 38.0725 25.4117 34.9282V30.8237C23.9395 31.4214 22.3312 31.7517 20.647 31.7517C18.9629 31.7517 17.3545 31.4214 15.8823 30.8237Z' fill='%23C2593F'/%3E %3Cpath d='M30.1765 4.71177C30.1765 2.10949 28.0669 0 25.4647 0H15.8294C13.2272 0 11.1177 2.10949 11.1177 4.71177V4.76471H30.1765V4.71177Z' fill='%23C2593F'/%3E %3Cpath d='M11.1177 7.94141H30.1765V11.1179H11.1177V7.94141Z' fill='%23C2593F'/%3E %3Cpath d='M11.1177 19.1645C11.1177 24.4275 15.3841 28.6939 20.6471 28.6939C25.9101 28.6939 30.1765 24.4275 30.1765 19.1645V14.2939H11.1177V19.1645Z' fill='%23C2593F'/%3E %3Cpath d='M7.94122 11.1177H11.1177V14.2941H7.94122V11.1177Z' fill='%23C2593F'/%3E %3Cpath d='M30.1765 11.1177H33.353V14.2941H30.1765V11.1177Z' fill='%23C2593F'/%3E %3Cpath d='M52.4118 28.3022V17.4707H34.9412V37.4068C33.8023 36.8459 32.5208 36.5295 31.1647 36.5295H28.1953L27.9374 36.8609C24.2675 41.6728 17.0223 41.6688 13.3567 36.8626L13.0988 36.5295H10.1295C5.4122 36.5295 1.58826 40.3402 1.58826 45.0574V54.0001H6.35296V47.6472H9.52943V54.0001H31.7647V47.6472H34.9412V54.0001H39.7059C39.7059 44.6273 39.7293 44.7226 39.6379 43.9969C39.4592 42.5562 38.9222 41.2286 38.1177 40.1043V31.4208L52.4118 28.3022Z' fill='%23C2593F'/%3E %3C/svg%3E") center/contain no-repeat}
.tk-gw__icon--team{-webkit-mask:url("data:image/svg+xml,%3Csvg width='54' height='54' viewBox='0 0 54 54' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M47.5664 4.85156C44.0763 4.85156 41.2383 7.68962 41.2383 11.1797C41.2383 14.6698 44.0763 17.5078 47.5664 17.5078C51.0565 17.5078 54 14.6698 54 11.1797C54 7.68962 51.0565 4.85156 47.5664 4.85156Z' fill='%23C2593F'/%3E %3Cpath d='M41.1626 23.8359L42.2178 33.3281H50.7305V23.8359C50.7305 20.3459 47.8924 17.5078 44.4023 17.5078H42.4418C36.3537 17.5078 36.1664 11.402 36.0009 11.0854C34.9111 4.85177 28.8993 5.01071 28.582 4.85156L30.1857 14.4751C31.0864 19.8732 35.6965 23.7988 41.1626 23.8359Z' fill='%23C2593F'/%3E %3Cpath d='M6.43359 17.5078C9.92366 17.5078 12.7617 14.6698 12.7617 11.1797C12.7617 7.68962 9.92366 4.85156 6.43359 4.85156C2.94353 4.85156 0 7.68962 0 11.1797C0 14.6698 2.94353 17.5078 6.43359 17.5078Z' fill='%23C2593F'/%3E %3Cpath d='M9.59766 17.5078C6.10759 17.5078 3.26953 20.3459 3.26953 23.8359V33.3281H11.7822L12.8374 23.8359C18.3035 23.7988 22.9136 19.8732 23.8143 14.4751L25.418 4.85156C25.1007 5.01071 19.0889 4.85177 17.9991 11.0854C17.8336 11.4019 17.6463 17.5078 11.5582 17.5078H9.59766Z' fill='%23C2593F'/%3E %3Cpath d='M36.4922 49.1484H17.5078C17.5078 44.7798 21.0493 41.2383 25.418 41.2383H28.582C32.9507 41.2383 36.4922 44.7798 36.4922 49.1484Z' fill='%23C2593F'/%3E %3Cpath d='M30.3487 39.8467C32.2019 37.9935 32.2019 34.9889 30.3487 33.1357C28.4955 31.2825 25.4909 31.2825 23.6377 33.1357C21.7845 34.9889 21.7845 37.9935 23.6377 39.8467C25.4909 41.6999 28.4955 41.6999 30.3487 39.8467Z' fill='%23C2593F'/%3E %3Cpath d='M19.7705 39.6751C19.3392 38.6992 19.0899 37.6258 19.0899 36.4923C19.0899 32.1308 22.6386 28.5821 27 28.5821C31.3615 28.5821 34.9102 32.1308 34.9102 36.4923C34.9102 37.6258 34.6608 38.6992 34.2295 39.6751C36.5763 41.0801 38.3363 43.3144 39.1399 45.9845H40.9525L37.7104 26.5316C32.2845 25.1608 28.0218 20.7359 27.0649 14.9958L27 14.6064L26.9351 14.9957C25.9782 20.7358 21.7155 25.1607 16.2897 26.5315L13.0475 45.9845H14.8601C15.6637 43.3144 17.4238 41.0801 19.7705 39.6751Z' fill='%23C2593F'/%3E %3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg width='54' height='54' viewBox='0 0 54 54' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M47.5664 4.85156C44.0763 4.85156 41.2383 7.68962 41.2383 11.1797C41.2383 14.6698 44.0763 17.5078 47.5664 17.5078C51.0565 17.5078 54 14.6698 54 11.1797C54 7.68962 51.0565 4.85156 47.5664 4.85156Z' fill='%23C2593F'/%3E %3Cpath d='M41.1626 23.8359L42.2178 33.3281H50.7305V23.8359C50.7305 20.3459 47.8924 17.5078 44.4023 17.5078H42.4418C36.3537 17.5078 36.1664 11.402 36.0009 11.0854C34.9111 4.85177 28.8993 5.01071 28.582 4.85156L30.1857 14.4751C31.0864 19.8732 35.6965 23.7988 41.1626 23.8359Z' fill='%23C2593F'/%3E %3Cpath d='M6.43359 17.5078C9.92366 17.5078 12.7617 14.6698 12.7617 11.1797C12.7617 7.68962 9.92366 4.85156 6.43359 4.85156C2.94353 4.85156 0 7.68962 0 11.1797C0 14.6698 2.94353 17.5078 6.43359 17.5078Z' fill='%23C2593F'/%3E %3Cpath d='M9.59766 17.5078C6.10759 17.5078 3.26953 20.3459 3.26953 23.8359V33.3281H11.7822L12.8374 23.8359C18.3035 23.7988 22.9136 19.8732 23.8143 14.4751L25.418 4.85156C25.1007 5.01071 19.0889 4.85177 17.9991 11.0854C17.8336 11.4019 17.6463 17.5078 11.5582 17.5078H9.59766Z' fill='%23C2593F'/%3E %3Cpath d='M36.4922 49.1484H17.5078C17.5078 44.7798 21.0493 41.2383 25.418 41.2383H28.582C32.9507 41.2383 36.4922 44.7798 36.4922 49.1484Z' fill='%23C2593F'/%3E %3Cpath d='M30.3487 39.8467C32.2019 37.9935 32.2019 34.9889 30.3487 33.1357C28.4955 31.2825 25.4909 31.2825 23.6377 33.1357C21.7845 34.9889 21.7845 37.9935 23.6377 39.8467C25.4909 41.6999 28.4955 41.6999 30.3487 39.8467Z' fill='%23C2593F'/%3E %3Cpath d='M19.7705 39.6751C19.3392 38.6992 19.0899 37.6258 19.0899 36.4923C19.0899 32.1308 22.6386 28.5821 27 28.5821C31.3615 28.5821 34.9102 32.1308 34.9102 36.4923C34.9102 37.6258 34.6608 38.6992 34.2295 39.6751C36.5763 41.0801 38.3363 43.3144 39.1399 45.9845H40.9525L37.7104 26.5316C32.2845 25.1608 28.0218 20.7359 27.0649 14.9958L27 14.6064L26.9351 14.9957C25.9782 20.7358 21.7155 25.1607 16.2897 26.5315L13.0475 45.9845H14.8601C15.6637 43.3144 17.4238 41.0801 19.7705 39.6751Z' fill='%23C2593F'/%3E %3C/svg%3E") center/contain no-repeat}
.tk-gw__icon--legal{-webkit-mask:url("data:image/svg+xml,%3Csvg width='54' height='54' viewBox='0 0 54 54' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cmask id='mask0_31_439' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='54' height='54'%3E %3Cpath d='M0 3.8147e-06H54V54H0V3.8147e-06Z' fill='white'/%3E %3C/mask%3E %3Cg mask='url(%23mask0_31_439)'%3E %3Cpath d='M27 34.5938C24.412 34.5938 22.3066 36.6992 22.3066 39.2871C22.3066 41.875 24.412 43.9805 27 43.9805C29.588 43.9805 31.6934 41.875 31.6934 39.2871C31.6934 36.6992 29.588 34.5938 27 34.5938Z' fill='%23C2593F'/%3E %3Cpath d='M35.9648 3.81934V9.49219H41.6377L35.9648 3.81934Z' fill='%23C2593F'/%3E %3Cpath d='M43.875 3.8147e-06H36.6201L45.457 8.83691V1.58204C45.457 0.708332 44.7487 3.8147e-06 43.875 3.8147e-06Z' fill='%23C2593F'/%3E %3Cpath d='M39.1289 20.3556C39.1289 21.2293 38.4206 21.9376 37.5469 21.9376H16.4531C15.5794 21.9376 14.8711 21.2293 14.8711 20.3556C14.8711 19.4819 15.5794 18.7735 16.4531 18.7735H37.5469C38.4206 18.7735 39.1289 19.4819 39.1289 20.3556ZM37.5469 28.2658H16.4531C15.5794 28.2658 14.8711 27.5575 14.8711 26.6838C14.8711 25.8101 15.5794 25.1018 16.4531 25.1018H37.5469C38.4206 25.1018 39.1289 25.8101 39.1289 26.6838C39.1289 27.5575 38.4206 28.2658 37.5469 28.2658ZM27 47.1445C22.6673 47.1445 19.1426 43.6197 19.1426 39.2871C19.1426 34.9546 22.6673 31.4297 27 31.4297C31.3327 31.4297 34.8574 34.9546 34.8574 39.2871C34.8574 43.6197 31.3327 47.1445 27 47.1445ZM16.4531 12.4453H28.0547C28.9284 12.4453 29.6367 13.1536 29.6367 14.0273C29.6367 14.9011 28.9284 15.6094 28.0547 15.6094H16.4531C15.5794 15.6094 14.8711 14.9011 14.8711 14.0273C14.8711 13.1536 15.5794 12.4453 16.4531 12.4453ZM16.4531 6.11709H28.0547C28.9284 6.11709 29.6367 6.82542 29.6367 7.69912C29.6367 8.57282 28.9284 9.28115 28.0547 9.28115H16.4531C15.5794 9.28115 14.8711 8.57282 14.8711 7.69912C14.8711 6.82542 15.5794 6.11709 16.4531 6.11709ZM32.8008 11.0742V3.8147e-06H10.125C9.2513 3.8147e-06 8.54297 0.708332 8.54297 1.58204V44.2969C8.54297 45.1706 9.2513 45.8789 10.125 45.8789H21.1992V52.418C21.1992 53.2917 21.9074 54 22.7812 54H31.2187C32.0925 54 32.8008 53.2917 32.8008 52.418V45.8789H43.875C44.7487 45.8789 45.457 45.1706 45.457 44.2969V12.6563H34.3828C33.5091 12.6563 32.8008 11.9479 32.8008 11.0742Z' fill='%23C2593F'/%3E %3C/g%3E %3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg width='54' height='54' viewBox='0 0 54 54' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cmask id='mask0_31_439' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='54' height='54'%3E %3Cpath d='M0 3.8147e-06H54V54H0V3.8147e-06Z' fill='white'/%3E %3C/mask%3E %3Cg mask='url(%23mask0_31_439)'%3E %3Cpath d='M27 34.5938C24.412 34.5938 22.3066 36.6992 22.3066 39.2871C22.3066 41.875 24.412 43.9805 27 43.9805C29.588 43.9805 31.6934 41.875 31.6934 39.2871C31.6934 36.6992 29.588 34.5938 27 34.5938Z' fill='%23C2593F'/%3E %3Cpath d='M35.9648 3.81934V9.49219H41.6377L35.9648 3.81934Z' fill='%23C2593F'/%3E %3Cpath d='M43.875 3.8147e-06H36.6201L45.457 8.83691V1.58204C45.457 0.708332 44.7487 3.8147e-06 43.875 3.8147e-06Z' fill='%23C2593F'/%3E %3Cpath d='M39.1289 20.3556C39.1289 21.2293 38.4206 21.9376 37.5469 21.9376H16.4531C15.5794 21.9376 14.8711 21.2293 14.8711 20.3556C14.8711 19.4819 15.5794 18.7735 16.4531 18.7735H37.5469C38.4206 18.7735 39.1289 19.4819 39.1289 20.3556ZM37.5469 28.2658H16.4531C15.5794 28.2658 14.8711 27.5575 14.8711 26.6838C14.8711 25.8101 15.5794 25.1018 16.4531 25.1018H37.5469C38.4206 25.1018 39.1289 25.8101 39.1289 26.6838C39.1289 27.5575 38.4206 28.2658 37.5469 28.2658ZM27 47.1445C22.6673 47.1445 19.1426 43.6197 19.1426 39.2871C19.1426 34.9546 22.6673 31.4297 27 31.4297C31.3327 31.4297 34.8574 34.9546 34.8574 39.2871C34.8574 43.6197 31.3327 47.1445 27 47.1445ZM16.4531 12.4453H28.0547C28.9284 12.4453 29.6367 13.1536 29.6367 14.0273C29.6367 14.9011 28.9284 15.6094 28.0547 15.6094H16.4531C15.5794 15.6094 14.8711 14.9011 14.8711 14.0273C14.8711 13.1536 15.5794 12.4453 16.4531 12.4453ZM16.4531 6.11709H28.0547C28.9284 6.11709 29.6367 6.82542 29.6367 7.69912C29.6367 8.57282 28.9284 9.28115 28.0547 9.28115H16.4531C15.5794 9.28115 14.8711 8.57282 14.8711 7.69912C14.8711 6.82542 15.5794 6.11709 16.4531 6.11709ZM32.8008 11.0742V3.8147e-06H10.125C9.2513 3.8147e-06 8.54297 0.708332 8.54297 1.58204V44.2969C8.54297 45.1706 9.2513 45.8789 10.125 45.8789H21.1992V52.418C21.1992 53.2917 21.9074 54 22.7812 54H31.2187C32.0925 54 32.8008 53.2917 32.8008 52.418V45.8789H43.875C44.7487 45.8789 45.457 45.1706 45.457 44.2969V12.6563H34.3828C33.5091 12.6563 32.8008 11.9479 32.8008 11.0742Z' fill='%23C2593F'/%3E %3C/g%3E %3C/svg%3E") center/contain no-repeat}
.tk-cmp__icon--yes{-webkit-mask:url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M10.9999 20.1663C16.0625 20.1663 20.1666 16.0622 20.1666 10.9997C20.1666 5.93706 16.0625 1.83301 10.9999 1.83301C5.93731 1.83301 1.83325 5.93706 1.83325 10.9997C1.83325 16.0622 5.93731 20.1663 10.9999 20.1663ZM16.0023 8.66869L10.0833 14.5877L6.22673 10.7312L7.5231 9.43483L10.0833 11.995L14.7059 7.37232L16.0023 8.66869Z' fill='%23C2593F'/%3E %3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M10.9999 20.1663C16.0625 20.1663 20.1666 16.0622 20.1666 10.9997C20.1666 5.93706 16.0625 1.83301 10.9999 1.83301C5.93731 1.83301 1.83325 5.93706 1.83325 10.9997C1.83325 16.0622 5.93731 20.1663 10.9999 20.1663ZM16.0023 8.66869L10.0833 14.5877L6.22673 10.7312L7.5231 9.43483L10.0833 11.995L14.7059 7.37232L16.0023 8.66869Z' fill='%23C2593F'/%3E %3C/svg%3E") center/contain no-repeat}
.tk-cmp__icon--yes{background:var(--brand-accent)}
.tk-cmp__icon--yes::before{content:none}
.tk-cmp__icon--no{-webkit-mask:url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M10.9999 20.1663C5.93731 20.1663 1.83325 16.0622 1.83325 10.9997C1.83325 5.93706 5.93731 1.83301 10.9999 1.83301C16.0625 1.83301 20.1666 5.93706 20.1666 10.9997C20.1666 16.0622 16.0625 20.1663 10.9999 20.1663ZM10.9999 9.70332L8.40719 7.11059L7.11083 8.40695L9.70357 10.9997L7.11083 13.5924L8.40719 14.8887L10.9999 12.296L13.5926 14.8887L14.889 13.5924L12.2963 10.9997L14.889 8.40695L13.5926 7.11059L10.9999 9.70332Z' fill='%23CBCBCB'/%3E %3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M10.9999 20.1663C5.93731 20.1663 1.83325 16.0622 1.83325 10.9997C1.83325 5.93706 5.93731 1.83301 10.9999 1.83301C16.0625 1.83301 20.1666 5.93706 20.1666 10.9997C20.1666 16.0622 16.0625 20.1663 10.9999 20.1663ZM10.9999 9.70332L8.40719 7.11059L7.11083 8.40695L9.70357 10.9997L7.11083 13.5924L8.40719 14.8887L10.9999 12.296L13.5926 14.8887L14.889 13.5924L12.2963 10.9997L14.889 8.40695L13.5926 7.11059L10.9999 9.70332Z' fill='%23CBCBCB'/%3E %3C/svg%3E") center/contain no-repeat}
.tk-cmp__icon--no{background:var(--border)}
.tk-cmp__icon--no::before,.tk-cmp__icon--no::after{content:none}
.tk-cmp__pic--glyph::before{content:"";display:block;-webkit-mask:url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cg opacity='0.3'%3E %3Cpath d='M13.7226 16.9505C11.9479 19.6425 12.9968 23.8538 16.0695 25.1065C20.7634 27.0747 24.7597 21.6098 22.5259 17.4014C22.139 16.5842 21.538 15.8872 20.7867 15.3843C20.0354 14.8814 19.1619 14.5914 18.259 14.5451C17.3561 14.4989 16.4575 14.6981 15.6588 15.1216C14.86 15.5452 14.1909 16.1772 13.7226 16.9505Z' fill='%231A1D20'/%3E %3Cpath d='M6.45096 21.2915C7.18145 21.9592 8.12174 22.3516 9.11019 22.4012C10.0986 22.4507 11.0735 22.1544 11.8671 21.5631C11.6406 20.5738 11.6345 19.5468 11.8493 18.5548C12.0641 17.5629 12.4944 16.6304 13.1099 15.8234C13.1792 15.7308 13.2486 15.6441 13.318 15.5632C12.9753 14.7839 12.4163 14.1192 11.7074 13.648C10.9984 13.1767 10.1692 12.9186 9.31798 12.9043C5.10837 12.9147 3.33748 18.5704 6.45096 21.2915Z' fill='%231A1D20'/%3E %3Cpath d='M12.844 23.8347C12.6035 23.4829 12.4001 23.1071 12.237 22.7133C11.162 23.3947 9.88214 23.6776 8.62008 23.5129C7.35801 23.3481 6.19366 22.7461 5.3296 21.8115C3.80358 22.6844 1.63018 24.696 2.41629 28.8751C2.42153 28.9079 2.43848 28.9377 2.46399 28.9589C2.4895 28.9802 2.52185 28.9915 2.55504 28.9907H5.24866C5.25068 28.83 5.24719 27.4489 5.24866 27.2509C5.25083 27.099 5.31268 26.9541 5.42085 26.8474C5.52901 26.7408 5.6748 26.681 5.82668 26.681C5.97857 26.681 6.12436 26.7408 6.23252 26.8474C6.34069 26.9541 6.40254 27.099 6.40471 27.2509C6.40466 27.4521 6.40475 28.8229 6.40471 28.9907H8.89024C9.1512 27.9022 9.63802 26.8807 10.3191 25.9925C11.0003 25.1043 11.8605 24.3691 12.844 23.8347Z' fill='%231A1D20'/%3E %3Cpath d='M22.682 15.5632C23.3715 16.3829 23.8614 17.3514 24.1132 18.3925C24.3649 19.4337 24.3717 20.519 24.1329 21.5632C27.1065 23.8244 31.2149 21.3093 31.1385 17.6614C31.1044 12.6698 24.8053 11.0702 22.682 15.5632Z' fill='%231A1D20'/%3E %3Cpath d='M25.8265 28.7018C25.2532 26.9907 24.0334 25.5717 22.4277 24.7481C21.74 25.4698 20.8898 26.0167 19.948 26.3434C18.8438 26.7133 17.6568 26.7596 16.5271 26.4769C15.3975 26.1942 14.3722 25.5944 13.5723 24.748C12.7334 25.1802 11.9918 25.7796 11.3934 26.5093C10.7949 27.239 10.3522 28.0835 10.0926 28.9908C9.75488 30.3115 9.72717 31.6923 10.0116 33.0254C10.0182 33.0587 10.0363 33.0885 10.0627 33.1097C10.0892 33.1308 10.1223 33.142 10.1561 33.1411H13.37C13.3752 32.9678 13.37 30.9619 13.37 30.9619C13.3721 30.81 13.4339 30.665 13.5421 30.5584C13.6503 30.4517 13.7961 30.3919 13.948 30.3919C14.1 30.3919 14.2458 30.4517 14.3539 30.5584C14.4621 30.6651 14.5239 30.81 14.526 30.9619C14.5254 31.5444 14.5265 32.5561 14.526 33.1411H21.474V30.9619C21.4762 30.8101 21.5381 30.6652 21.6463 30.5586C21.7544 30.452 21.9002 30.3923 22.052 30.3923C22.2039 30.3923 22.3497 30.452 22.4578 30.5586C22.566 30.6652 22.6278 30.8101 22.6301 30.9619V33.1411H25.8439C25.8778 33.142 25.9109 33.1308 25.9373 33.1097C25.9638 33.0885 25.9819 33.0587 25.9884 33.0254C26.2986 31.5935 26.2429 30.1065 25.8265 28.7018Z' fill='%231A1D20'/%3E %3Cpath d='M30.6704 21.8115C29.8069 22.7472 28.642 23.3495 27.3793 23.5133C26.1166 23.677 24.8366 23.3918 23.7629 22.7074C23.5977 23.1038 23.3944 23.4832 23.156 23.8404C24.1388 24.3744 24.9985 25.1087 25.6795 25.9959C26.3606 26.883 26.8478 27.9033 27.1097 28.9907L29.5953 28.9906C29.5947 28.8309 29.5957 27.448 29.5953 27.2508C29.5953 27.0974 29.6562 26.9504 29.7646 26.842C29.873 26.7336 30.02 26.6727 30.1733 26.6727C30.3266 26.6727 30.4736 26.7336 30.582 26.842C30.6904 26.9504 30.7513 27.0974 30.7513 27.2508V28.9906H33.4392C33.4731 28.9915 33.5061 28.9804 33.5326 28.9592C33.559 28.9381 33.5771 28.9082 33.5837 28.875C34.3699 24.6959 32.1965 22.6844 30.6704 21.8115Z' fill='%231A1D20'/%3E %3Cpath d='M9.27172 6.78871L14.1271 9.17596V12.2569C14.1295 12.4086 14.1914 12.5534 14.2995 12.6599C14.4077 12.7664 14.5534 12.8261 14.7052 12.8261C14.857 12.8261 15.0027 12.7664 15.1108 12.6599C15.219 12.5534 15.2809 12.4086 15.2832 12.2568V3.4361C15.2821 3.33629 15.2551 3.23846 15.2051 3.1521C15.155 3.06575 15.0835 2.99379 14.9974 2.9432C14.9114 2.89262 14.8137 2.86512 14.7139 2.86337C14.6141 2.86162 14.5155 2.88569 14.4277 2.93323L9.24858 5.75979C9.15663 5.81176 9.0805 5.8877 9.02831 5.97952C8.97611 6.07133 8.9498 6.17559 8.95217 6.28118C8.95455 6.38677 8.98552 6.48973 9.04179 6.57911C9.09807 6.66849 9.17753 6.74092 9.27172 6.78871Z' fill='%231A1D20'/%3E %3Cpath d='M21.2948 12.8347C21.3708 12.835 21.4461 12.8202 21.5163 12.7913C21.5866 12.7623 21.6504 12.7198 21.7041 12.666C21.7579 12.6123 21.8004 12.5485 21.8294 12.4782C21.8584 12.408 21.8731 12.3327 21.8729 12.2567V9.17582L26.7283 6.78857C26.8225 6.74078 26.9019 6.66835 26.9582 6.57897C27.0145 6.48959 27.0455 6.38662 27.0478 6.28103C27.0502 6.17544 27.0239 6.07119 26.9717 5.97937C26.9195 5.88756 26.8434 5.81162 26.7514 5.75966L21.5723 2.93309C21.4845 2.88539 21.3859 2.8612 21.286 2.86287C21.1862 2.86455 21.0884 2.89203 21.0023 2.94265C20.9162 2.99327 20.8447 3.0653 20.7946 3.15175C20.7446 3.2382 20.7178 3.33612 20.7168 3.436V12.2567C20.7172 12.4099 20.7783 12.5566 20.8866 12.6649C20.9949 12.7732 21.1417 12.8343 21.2948 12.8347Z' fill='%231A1D20'/%3E %3C/g%3E %3C/svg%3E") center/36px 36px no-repeat;mask:url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cg opacity='0.3'%3E %3Cpath d='M13.7226 16.9505C11.9479 19.6425 12.9968 23.8538 16.0695 25.1065C20.7634 27.0747 24.7597 21.6098 22.5259 17.4014C22.139 16.5842 21.538 15.8872 20.7867 15.3843C20.0354 14.8814 19.1619 14.5914 18.259 14.5451C17.3561 14.4989 16.4575 14.6981 15.6588 15.1216C14.86 15.5452 14.1909 16.1772 13.7226 16.9505Z' fill='%231A1D20'/%3E %3Cpath d='M6.45096 21.2915C7.18145 21.9592 8.12174 22.3516 9.11019 22.4012C10.0986 22.4507 11.0735 22.1544 11.8671 21.5631C11.6406 20.5738 11.6345 19.5468 11.8493 18.5548C12.0641 17.5629 12.4944 16.6304 13.1099 15.8234C13.1792 15.7308 13.2486 15.6441 13.318 15.5632C12.9753 14.7839 12.4163 14.1192 11.7074 13.648C10.9984 13.1767 10.1692 12.9186 9.31798 12.9043C5.10837 12.9147 3.33748 18.5704 6.45096 21.2915Z' fill='%231A1D20'/%3E %3Cpath d='M12.844 23.8347C12.6035 23.4829 12.4001 23.1071 12.237 22.7133C11.162 23.3947 9.88214 23.6776 8.62008 23.5129C7.35801 23.3481 6.19366 22.7461 5.3296 21.8115C3.80358 22.6844 1.63018 24.696 2.41629 28.8751C2.42153 28.9079 2.43848 28.9377 2.46399 28.9589C2.4895 28.9802 2.52185 28.9915 2.55504 28.9907H5.24866C5.25068 28.83 5.24719 27.4489 5.24866 27.2509C5.25083 27.099 5.31268 26.9541 5.42085 26.8474C5.52901 26.7408 5.6748 26.681 5.82668 26.681C5.97857 26.681 6.12436 26.7408 6.23252 26.8474C6.34069 26.9541 6.40254 27.099 6.40471 27.2509C6.40466 27.4521 6.40475 28.8229 6.40471 28.9907H8.89024C9.1512 27.9022 9.63802 26.8807 10.3191 25.9925C11.0003 25.1043 11.8605 24.3691 12.844 23.8347Z' fill='%231A1D20'/%3E %3Cpath d='M22.682 15.5632C23.3715 16.3829 23.8614 17.3514 24.1132 18.3925C24.3649 19.4337 24.3717 20.519 24.1329 21.5632C27.1065 23.8244 31.2149 21.3093 31.1385 17.6614C31.1044 12.6698 24.8053 11.0702 22.682 15.5632Z' fill='%231A1D20'/%3E %3Cpath d='M25.8265 28.7018C25.2532 26.9907 24.0334 25.5717 22.4277 24.7481C21.74 25.4698 20.8898 26.0167 19.948 26.3434C18.8438 26.7133 17.6568 26.7596 16.5271 26.4769C15.3975 26.1942 14.3722 25.5944 13.5723 24.748C12.7334 25.1802 11.9918 25.7796 11.3934 26.5093C10.7949 27.239 10.3522 28.0835 10.0926 28.9908C9.75488 30.3115 9.72717 31.6923 10.0116 33.0254C10.0182 33.0587 10.0363 33.0885 10.0627 33.1097C10.0892 33.1308 10.1223 33.142 10.1561 33.1411H13.37C13.3752 32.9678 13.37 30.9619 13.37 30.9619C13.3721 30.81 13.4339 30.665 13.5421 30.5584C13.6503 30.4517 13.7961 30.3919 13.948 30.3919C14.1 30.3919 14.2458 30.4517 14.3539 30.5584C14.4621 30.6651 14.5239 30.81 14.526 30.9619C14.5254 31.5444 14.5265 32.5561 14.526 33.1411H21.474V30.9619C21.4762 30.8101 21.5381 30.6652 21.6463 30.5586C21.7544 30.452 21.9002 30.3923 22.052 30.3923C22.2039 30.3923 22.3497 30.452 22.4578 30.5586C22.566 30.6652 22.6278 30.8101 22.6301 30.9619V33.1411H25.8439C25.8778 33.142 25.9109 33.1308 25.9373 33.1097C25.9638 33.0885 25.9819 33.0587 25.9884 33.0254C26.2986 31.5935 26.2429 30.1065 25.8265 28.7018Z' fill='%231A1D20'/%3E %3Cpath d='M30.6704 21.8115C29.8069 22.7472 28.642 23.3495 27.3793 23.5133C26.1166 23.677 24.8366 23.3918 23.7629 22.7074C23.5977 23.1038 23.3944 23.4832 23.156 23.8404C24.1388 24.3744 24.9985 25.1087 25.6795 25.9959C26.3606 26.883 26.8478 27.9033 27.1097 28.9907L29.5953 28.9906C29.5947 28.8309 29.5957 27.448 29.5953 27.2508C29.5953 27.0974 29.6562 26.9504 29.7646 26.842C29.873 26.7336 30.02 26.6727 30.1733 26.6727C30.3266 26.6727 30.4736 26.7336 30.582 26.842C30.6904 26.9504 30.7513 27.0974 30.7513 27.2508V28.9906H33.4392C33.4731 28.9915 33.5061 28.9804 33.5326 28.9592C33.559 28.9381 33.5771 28.9082 33.5837 28.875C34.3699 24.6959 32.1965 22.6844 30.6704 21.8115Z' fill='%231A1D20'/%3E %3Cpath d='M9.27172 6.78871L14.1271 9.17596V12.2569C14.1295 12.4086 14.1914 12.5534 14.2995 12.6599C14.4077 12.7664 14.5534 12.8261 14.7052 12.8261C14.857 12.8261 15.0027 12.7664 15.1108 12.6599C15.219 12.5534 15.2809 12.4086 15.2832 12.2568V3.4361C15.2821 3.33629 15.2551 3.23846 15.2051 3.1521C15.155 3.06575 15.0835 2.99379 14.9974 2.9432C14.9114 2.89262 14.8137 2.86512 14.7139 2.86337C14.6141 2.86162 14.5155 2.88569 14.4277 2.93323L9.24858 5.75979C9.15663 5.81176 9.0805 5.8877 9.02831 5.97952C8.97611 6.07133 8.9498 6.17559 8.95217 6.28118C8.95455 6.38677 8.98552 6.48973 9.04179 6.57911C9.09807 6.66849 9.17753 6.74092 9.27172 6.78871Z' fill='%231A1D20'/%3E %3Cpath d='M21.2948 12.8347C21.3708 12.835 21.4461 12.8202 21.5163 12.7913C21.5866 12.7623 21.6504 12.7198 21.7041 12.666C21.7579 12.6123 21.8004 12.5485 21.8294 12.4782C21.8584 12.408 21.8731 12.3327 21.8729 12.2567V9.17582L26.7283 6.78857C26.8225 6.74078 26.9019 6.66835 26.9582 6.57897C27.0145 6.48959 27.0455 6.38662 27.0478 6.28103C27.0502 6.17544 27.0239 6.07119 26.9717 5.97937C26.9195 5.88756 26.8434 5.81162 26.7514 5.75966L21.5723 2.93309C21.4845 2.88539 21.3859 2.8612 21.286 2.86287C21.1862 2.86455 21.0884 2.89203 21.0023 2.94265C20.9162 2.99327 20.8447 3.0653 20.7946 3.15175C20.7446 3.2382 20.7178 3.33612 20.7168 3.436V12.2567C20.7172 12.4099 20.7783 12.5566 20.8866 12.6649C20.9949 12.7732 21.1417 12.8343 21.2948 12.8347Z' fill='%231A1D20'/%3E %3C/g%3E %3C/svg%3E") center/36px 36px no-repeat}
.tk-cmp__pic--glyph{background-color:var(--surface)}
.tk-cmp__pic--glyph::before{position:static;width:100%;height:100%;background:rgba(26,29,32,.3);border-radius:0;transform:none}
.tk-cmp__pic--glyph::after{content:none}
.tk-i-pin::before{-webkit-mask:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M15.3033 14.47L10 19.7732L4.6967 14.47C1.76777 11.541 1.76777 6.79226 4.6967 3.86333C7.62563 0.934393 12.3743 0.934393 15.3033 3.86333C18.2322 6.79226 18.2322 11.541 15.3033 14.47ZM10 12.5C11.8409 12.5 13.3333 11.0075 13.3333 9.16663C13.3333 7.32568 11.8409 5.83329 10 5.83329C8.15905 5.83329 6.66667 7.32568 6.66667 9.16663C6.66667 11.0075 8.15905 12.5 10 12.5ZM10 10.8333C9.0795 10.8333 8.33333 10.0871 8.33333 9.16663C8.33333 8.24615 9.0795 7.49996 10 7.49996C10.9205 7.49996 11.6667 8.24615 11.6667 9.16663C11.6667 10.0871 10.9205 10.8333 10 10.8333Z' fill='%23C2593F'/%3E %3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M15.3033 14.47L10 19.7732L4.6967 14.47C1.76777 11.541 1.76777 6.79226 4.6967 3.86333C7.62563 0.934393 12.3743 0.934393 15.3033 3.86333C18.2322 6.79226 18.2322 11.541 15.3033 14.47ZM10 12.5C11.8409 12.5 13.3333 11.0075 13.3333 9.16663C13.3333 7.32568 11.8409 5.83329 10 5.83329C8.15905 5.83329 6.66667 7.32568 6.66667 9.16663C6.66667 11.0075 8.15905 12.5 10 12.5ZM10 10.8333C9.0795 10.8333 8.33333 10.0871 8.33333 9.16663C8.33333 8.24615 9.0795 7.49996 10 7.49996C10.9205 7.49996 11.6667 8.24615 11.6667 9.16663C11.6667 10.0871 10.9205 10.8333 10 10.8333Z' fill='%23C2593F'/%3E %3C/svg%3E") center/contain no-repeat}
.tk-i-time::before{-webkit-mask:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M10.0001 18.3333C5.39771 18.3333 1.66675 14.6023 1.66675 9.99996C1.66675 5.39758 5.39771 1.66663 10.0001 1.66663C14.6024 1.66663 18.3334 5.39758 18.3334 9.99996C18.3334 14.6023 14.6024 18.3333 10.0001 18.3333ZM10.8334 9.99996V5.83329H9.16675V11.6666H14.1667V9.99996H10.8334Z' fill='%23C2593F'/%3E %3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M10.0001 18.3333C5.39771 18.3333 1.66675 14.6023 1.66675 9.99996C1.66675 5.39758 5.39771 1.66663 10.0001 1.66663C14.6024 1.66663 18.3334 5.39758 18.3334 9.99996C18.3334 14.6023 14.6024 18.3333 10.0001 18.3333ZM10.8334 9.99996V5.83329H9.16675V11.6666H14.1667V9.99996H10.8334Z' fill='%23C2593F'/%3E %3C/svg%3E") center/contain no-repeat}
.tk-i-road::before{-webkit-mask:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M9.491 8.65762L6.25008 11.8985L3.00917 8.65762C1.21927 6.86771 1.21927 3.96571 3.00917 2.1758C4.79908 0.385899 7.70108 0.385899 9.491 2.1758C11.2809 3.96571 11.2809 6.86771 9.491 8.65762ZM6.25008 7.08337C7.17056 7.08337 7.91675 6.33718 7.91675 5.41671C7.91675 4.49623 7.17056 3.75004 6.25008 3.75004C5.32961 3.75004 4.58342 4.49623 4.58342 5.41671C4.58342 6.33718 5.32961 7.08337 6.25008 7.08337ZM16.991 16.1576L13.7501 19.3985L10.5092 16.1576C8.71925 14.3677 8.71925 11.4657 10.5092 9.67579C12.2991 7.8859 15.2011 7.8859 16.991 9.67579C18.7809 11.4657 18.7809 14.3677 16.991 16.1576ZM13.7501 14.5834C14.6706 14.5834 15.4167 13.8372 15.4167 12.9167C15.4167 11.9962 14.6706 11.25 13.7501 11.25C12.8296 11.25 12.0834 11.9962 12.0834 12.9167C12.0834 13.8372 12.8296 14.5834 13.7501 14.5834Z' fill='%23C2593F'/%3E %3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M9.491 8.65762L6.25008 11.8985L3.00917 8.65762C1.21927 6.86771 1.21927 3.96571 3.00917 2.1758C4.79908 0.385899 7.70108 0.385899 9.491 2.1758C11.2809 3.96571 11.2809 6.86771 9.491 8.65762ZM6.25008 7.08337C7.17056 7.08337 7.91675 6.33718 7.91675 5.41671C7.91675 4.49623 7.17056 3.75004 6.25008 3.75004C5.32961 3.75004 4.58342 4.49623 4.58342 5.41671C4.58342 6.33718 5.32961 7.08337 6.25008 7.08337ZM16.991 16.1576L13.7501 19.3985L10.5092 16.1576C8.71925 14.3677 8.71925 11.4657 10.5092 9.67579C12.2991 7.8859 15.2011 7.8859 16.991 9.67579C18.7809 11.4657 18.7809 14.3677 16.991 16.1576ZM13.7501 14.5834C14.6706 14.5834 15.4167 13.8372 15.4167 12.9167C15.4167 11.9962 14.6706 11.25 13.7501 11.25C12.8296 11.25 12.0834 11.9962 12.0834 12.9167C12.0834 13.8372 12.8296 14.5834 13.7501 14.5834Z' fill='%23C2593F'/%3E %3C/svg%3E") center/contain no-repeat}
.tk-arrow--prev::before{-webkit-mask:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M11.0505 12.0006L16.0003 16.9504L14.5861 18.3646L8.22215 12.0006L14.5861 5.63668L16.0003 7.05088L11.0505 12.0006Z' fill='%23C2593F'/%3E %3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M11.0505 12.0006L16.0003 16.9504L14.5861 18.3646L8.22215 12.0006L14.5861 5.63668L16.0003 7.05088L11.0505 12.0006Z' fill='%23C2593F'/%3E %3C/svg%3E") center/contain no-repeat}
.tk-arrow::before{width:24px;height:24px}
.tk-arrow--next::before{-webkit-mask:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M13.1717 12.0007L8.22192 7.05093L9.63614 5.63672L16.0001 12.0007L9.63614 18.3646L8.22192 16.9504L13.1717 12.0007Z' fill='%23C2593F'/%3E %3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M13.1717 12.0007L8.22192 7.05093L9.63614 5.63672L16.0001 12.0007L9.63614 18.3646L8.22192 16.9504L13.1717 12.0007Z' fill='%23C2593F'/%3E %3C/svg%3E") center/contain no-repeat}
.tk-arrow--next::before{transform:none}
.tk-btn--arrow::before{-webkit-mask:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M1.99962 13.0001L1.99948 11.0002H18.1714L14.2217 7.05044L15.6359 5.63623L21.9999 12.0002L15.6359 18.3642L14.2217 16.9499L18.1715 13.0002L1.99962 13.0001Z' fill='%23C2593F'/%3E %3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M1.99962 13.0001L1.99948 11.0002H18.1714L14.2217 7.05044L15.6359 5.63623L21.9999 12.0002L15.6359 18.3642L14.2217 16.9499L18.1715 13.0002L1.99962 13.0001Z' fill='%23C2593F'/%3E %3C/svg%3E") center/contain no-repeat}
.tk-btn--arrow::before{content:"";position:absolute;z-index:1;top:50%;inset-inline-end:calc(3px + (var(--arw,52px) - 24px) / 2);width:24px;height:24px;transform:translateY(-50%);background-color:var(--btn-arrow,var(--brand-accent))}
.tk-btn--arrow::after{background-image:none}
.tk-btn--green.tk-btn--arrow::after{background-image:none}

/* ── Блок 08: таймлайн дня ──────────────────────────────────────────── */

.tk-tl-section.tk-tl-section {
	display: block;
	padding-block: var(--section-y);
	background: transparent;
}

.tk-tl__inner.tk-tl__inner {
	display: flex;
	flex-direction: column;
	gap: var(--gap-heading);
	width: min(var(--container-max), 100% - var(--gutter) * 2);
	margin-inline: auto;
	padding: 0;
}

.tk-tl__head {
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	justify-content: space-between;
	gap: clamp(24px, 4vw, 736px);
}

.tk-tl__title {
	max-width: 830px;
	font-family: var(--font-heading);
	font-size: var(--fs-h2);
	font-weight: 600;
	line-height: 1.166;
	letter-spacing: -.02em;
	color: var(--text-primary);
}

.tk-tl__lead {
	flex: none;
	width: 405px;
	max-width: 100%;
	font-size: var(--fs-body);
	line-height: 1.5;
	color: rgba(26, 29, 32, .8);
}

/* Вертикальная линия проходит через все шаги, точки садятся на неё. */
.tk-tl {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.tk-tl::before {
	content: "";
	position: absolute;
	left: 5px;
	top: 0;
	bottom: 0;
	width: 1px;
	background: #CACBCB;
}

.tk-tl__item {
	position: relative;
	padding-inline-start: 45px;
}

/* Точка выровнена по центру строки времени: 28 отступа карточки + половина строки. */
.tk-tl__pin {
	position: absolute;
	left: 0;
	top: 40px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #CACBCB;
	transform: translateY(-50%);
}

.tk-tl__pin::after {
	content: "";
	position: absolute;
	left: 10px;
	top: 50%;
	width: 59px;
	height: 1px;
	background: #CACBCB;
}

.tk-tl__item.is-first .tk-tl__pin,
.tk-tl__item.is-first .tk-tl__pin::after {
	background: var(--brand-accent);
}

/* Ширина растёт лесенкой: в макете 1035 → 1635 с шагом 100. */
.tk-tl__card {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	gap: 22px;
	width: min(100%, calc(1035px + var(--i, 0) * 100px));
	min-height: 200px;
	padding: 28px;
	border-radius: var(--radius-lg);
	background: var(--surface);
}

.tk-tl__item.is-first .tk-tl__card {
	background: var(--brand-accent);
}

.tk-tl__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	justify-content: space-between;
	gap: 20px;
	min-width: 0;
}

.tk-tl__time {
	font-family: var(--font-heading);
	font-size: 18px;
	font-weight: 600;
	line-height: 1.333;
	letter-spacing: -.36px;
	color: var(--brand-accent);
}

.tk-tl__text {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.tk-tl__name {
	font-family: var(--font-heading);
	font-size: 24px;
	font-weight: 600;
	line-height: 1.333;
	letter-spacing: -.48px;
	color: var(--text-primary);
}

.tk-tl__desc {
	font-size: var(--fs-body);
	line-height: 1.5;
	color: rgba(26, 29, 32, .7);
}

.tk-tl__item.is-first .tk-tl__time,
.tk-tl__item.is-first .tk-tl__name {
	color: var(--surface);
}

.tk-tl__item.is-first .tk-tl__desc {
	color: rgba(255, 255, 255, .7);
}

.tk-tl__pics {
	display: flex;
	flex: none;
	flex-direction: row;
	gap: 22px;
}

.tk-tl__pic {
	display: block;
	flex: none;
	width: 144px;
	height: 144px;
	border-radius: var(--radius-sm);
	background: var(--surface-muted) var(--pic, none) center / cover no-repeat;
}

@media (max-width: 991px) {
	.tk-tl__head {
		flex-direction: column;
		align-items: flex-start;
		gap: 16px;
	}

	.tk-tl__lead {
		width: 100%;
	}

	.tk-tl__item {
		padding-inline-start: 26px;
	}

	.tk-tl__pin::after {
		width: 16px;
	}

	.tk-tl__card {
		flex-direction: column;
		width: 100%;
		gap: 16px;
		padding: 16px;
	}

	.tk-tl__name {
		font-size: 18px;
		line-height: 1.444;
		letter-spacing: -.36px;
	}

	.tk-tl__pics {
		gap: 10px;
		overflow-x: auto;
		scrollbar-width: none;
	}

	.tk-tl__pic {
		width: 104px;
		height: 104px;
	}
}

/* ── Блок 09: What's Included ───────────────────────────────────────── */

.tk-inc-section.tk-inc-section {
	display: block;
	padding-block: clamp(48px, 4.6vw + 30px, 120px);
	padding-inline: var(--gutter);
	background: var(--brand-dark) var(--bg, none) center / cover no-repeat;
	color: var(--surface);
}

/* Затемнение по макету: сплошная заливка 50% поверх фото. */
.tk-inc-section::before {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(17, 37, 57, .5);
	pointer-events: none;
}

.tk-inc-section {
	position: relative;
	isolation: isolate;
}

.tk-inc__inner {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: clamp(40px, 2.9vw + 20px, 70px);
	width: min(var(--container-max), 100%);
	margin-inline: auto;
}

.tk-inc__main {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--gap-heading);
	width: 100%;
}

.tk-inc__title {
	max-width: 830px;
	font-family: var(--font-heading);
	font-size: var(--fs-h2);
	font-weight: 600;
	line-height: 1.166;
	letter-spacing: -.02em;
	text-align: center;
	color: var(--surface);
}

.tk-inc__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 20px;
	width: 100%;
}

.tk-inc__card {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 40px;
	min-height: 256px;
	padding: 28px;
	border: 1px solid rgba(255, 255, 255, .04);
	border-radius: var(--radius-lg);
	background: rgba(255, 255, 255, .1);
	backdrop-filter: blur(20px);
}

.tk-inc__icon {
	flex: none;
	width: 40px;
	height: 40px;
	background: var(--surface);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20 2a18 18 0 1 0 0 36 18 18 0 0 0 0-36Zm-2.3 26.4-8.5-8.5 3.2-3.2 5.3 5.3 11.7-11.7 3.2 3.2-14.9 14.9Z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20 2a18 18 0 1 0 0 36 18 18 0 0 0 0-36Zm-2.3 26.4-8.5-8.5 3.2-3.2 5.3 5.3 11.7-11.7 3.2 3.2-14.9 14.9Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.tk-inc__text {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.tk-inc__name {
	font-family: var(--font-heading);
	font-size: 24px;
	font-weight: 600;
	line-height: 1.333;
	letter-spacing: -.48px;
	color: var(--surface);
}

.tk-inc__desc {
	font-size: var(--fs-body);
	line-height: 1.5;
	color: rgba(255, 255, 255, .7);
}

.tk-inc__not {
	display: flex;
	flex-direction: column;
	gap: 34px;
	width: 100%;
}

.tk-inc__nottitle {
	font-family: var(--font-heading);
	font-size: 26px;
	font-weight: 600;
	line-height: 1.307;
	letter-spacing: -.52px;
	text-align: center;
	color: var(--surface);
}

.tk-inc__pills {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
}

.tk-inc__pill {
	display: inline-flex;
	align-items: center;
	gap: 20px;
	min-height: 80px;
	padding: 28px;
	border: 1px solid rgba(255, 255, 255, .04);
	border-radius: var(--radius-lg);
	background: rgba(255, 255, 255, .1);
	backdrop-filter: blur(20px);
	font-size: var(--fs-body);
	line-height: 1.5;
	color: var(--surface);
}

.tk-inc__cross {
	flex: none;
	width: 24px;
	height: 24px;
	opacity: .6;
	background: var(--surface);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm4.2 12.8-1.4 1.4L12 13.4l-2.8 2.8-1.4-1.4L10.6 12 7.8 9.2l1.4-1.4L12 10.6l2.8-2.8 1.4 1.4L13.4 12l2.8 2.8Z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm4.2 12.8-1.4 1.4L12 13.4l-2.8 2.8-1.4-1.4L10.6 12 7.8 9.2l1.4-1.4L12 10.6l2.8-2.8 1.4 1.4L13.4 12l2.8 2.8Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

@media (max-width: 1279px) {
	.tk-inc__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 639px) {
	.tk-inc__grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.tk-inc__card {
		min-height: 0;
		gap: 24px;
		padding: 20px;
	}

	.tk-inc__name {
		font-size: 18px;
		line-height: 1.444;
		letter-spacing: -.36px;
	}

	.tk-inc__pill {
		min-height: 0;
		gap: 12px;
		padding: 16px;
	}
}

/* ── Баннер страницы тура ───────────────────────────────────────────── */

.tk-hero--tour.tk-hero--tour {
	min-height: clamp(460px, 26vw + 300px, 760px);
	background-image: var(--hero, none);
}

.tk-thero__title.tk-thero__title {
	max-width: 1100px;
	font-size: clamp(30px, 1.8vw + 23px, 58px);
}

.tk-thero__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

/* Теги на фото: полупрозрачная подложка вместо светло-серой из карточки. */
.tk-hero--tour .tk-tag {
	background: rgba(255, 255, 255, .15);
	backdrop-filter: blur(14px);
	color: var(--surface);
}

.tk-hero--tour .tk-tag::before {
	background: var(--surface);
}

.tk-thero__bottom {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: clamp(24px, 3vw, 60px);
}

.tk-thero__price {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.tk-thero__label {
	font-size: var(--fs-small);
	line-height: 1.43;
	color: rgba(255, 255, 255, .6);
}

.tk-thero__amount {
	display: flex;
	align-items: flex-end;
	gap: 8px;
}

.tk-thero__sum {
	font-family: var(--font-heading);
	font-size: 38px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: -.76px;
	color: var(--surface);
}

.tk-thero__per {
	font-size: var(--fs-small);
	line-height: 1.7;
	color: rgba(255, 255, 255, .6);
}

.tk-thero__note {
	font-size: 12px;
	line-height: 1.167;
	color: rgba(255, 255, 255, .4);
}

.tk-thero__cta.tk-thero__cta {
	width: 320px;
	max-width: 100%;
}

@media (max-width: 767px) {
	.tk-thero__bottom {
		flex-direction: column;
		align-items: stretch;
		gap: 24px;
	}

	.tk-thero__cta.tk-thero__cta {
		width: 100%;
	}
}

/* ── Блок 03: слайдер локаций ───────────────────────────────────────── */

.tk-places {
	position: relative;
	display: block;
	width: 100%;
	min-height: clamp(420px, 46.9vw, 900px);
	overflow: hidden;
}

.tk-places__slide {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: flex-end;
	padding: 60px var(--gutter);
	background: var(--brand-dark) var(--photo, none) center / cover no-repeat;
	opacity: 0;
	visibility: hidden;
	transition: opacity .35s ease, visibility .35s ease;
}

.tk-places__slide.is-active {
	position: relative;
	opacity: 1;
	visibility: visible;
}

.tk-places__inner {
	width: min(var(--container-max), 100%);
	margin-inline: auto;
}

/* Карточка описания — тот же компонент, что в карточке направления. */
.tk-places__card.tk-places__card {
	display: flex;
	flex-direction: column;
	gap: 18px;
	width: 491px;
	max-width: 100%;
	padding: 24px;
}

/* Индикаторы и стрелки лежат поверх слайдов. */
.tk-places__ui {
	position: absolute;
	inset-inline: var(--gutter);
	bottom: 60px;
	z-index: 2;
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	justify-content: space-between;
	gap: 20px;
	width: min(var(--container-max), 100% - var(--gutter) * 2);
	margin-inline: auto;
	pointer-events: none;
}

.tk-places__dots {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 4px;
	pointer-events: auto;
}

.tk-places__dot {
	width: 24px;
	height: 8px;
	padding: 0;
	border: 1px solid rgba(255, 255, 255, .04);
	border-radius: 2px;
	background: rgba(255, 255, 255, .1);
	backdrop-filter: blur(20px);
	cursor: pointer;
	transition: width .25s ease, background-color .25s ease;
}

.tk-places__dot.is-active {
	width: 54px;
	border-color: transparent;
	background: var(--surface);
}

.tk-places__arrows {
	display: flex;
	flex-direction: row;
	gap: 10px;
	pointer-events: auto;
}

/* На фото стрелки полупрозрачные с белым шевроном, а не белые с терракотовым. */
.tk-places__arrow.tk-places__arrow {
	border: 1px solid rgba(255, 255, 255, .04);
	background: rgba(255, 255, 255, .1);
	backdrop-filter: blur(14px);
}

.tk-places__arrow.tk-places__arrow:hover {
	background: rgba(255, 255, 255, .2);
}

.tk-places__arrow::before {
	background: var(--surface);
}

.tk-places__arrow[disabled] {
	opacity: .5;
}

@media (max-width: 991px) {
	.tk-places__slide {
		padding-block: 40px 90px;
	}

	.tk-places__ui {
		bottom: 24px;
	}

	.tk-places__arrows {
		display: none;
	}
}

.tk-places{display:grid}
.tk-places__slide{grid-area:1/1;position:relative;visibility:hidden;pointer-events:none}
.tk-places__slide.is-active{visibility:visible;pointer-events:auto}

/* ── Блок 07: FAQ ───────────────────────────────────────────────────── */

.tk-faq-section.tk-faq-section {
	display: block;
	padding-block: var(--section-y);
	background: transparent;
}

.tk-faq__inner {
	display: flex;
	flex-direction: column;
	gap: var(--gap-heading);
	width: min(var(--container-max), 100% - var(--gutter) * 2);
	margin-inline: auto;
}

.tk-faq__title {
	font-family: var(--font-heading);
	font-size: var(--fs-h2);
	font-weight: 600;
	line-height: 1.166;
	letter-spacing: -.02em;
	color: var(--text-primary);
}

/* В макете колонка вопросов 972, фото 668, между ними 40. */
.tk-faq__grid {
	display: grid;
	grid-template-columns: 972fr 668fr;
	gap: 40px;
	align-items: center;
}

.tk-faq__list {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.tk-faq__item {
	padding: 28px;
	border-radius: var(--radius-lg);
	background: var(--surface);
}

.tk-faq__q {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	width: 100%;
	padding: 0;
	border: 0;
	background: none;
	font-family: var(--font-heading);
	font-size: 22px;
	font-weight: 600;
	line-height: 1.636;
	letter-spacing: -.44px;
	color: var(--text-primary);
	text-align: start;
	cursor: pointer;
}

.tk-faq__toggle {
	position: relative;
	flex: none;
	width: 36px;
	height: 36px;
	border-radius: var(--radius-sm);
	background: var(--surface-muted);
}

/* Плюс собран двумя полосками: в открытом состоянии вертикальная прячется. */
.tk-faq__toggle::before,
.tk-faq__toggle::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	background: var(--brand-accent);
	transition: opacity .18s ease;
}

.tk-faq__toggle::before {
	width: 12px;
	height: 2px;
	transform: translate(-50%, -50%);
}

.tk-faq__toggle::after {
	width: 2px;
	height: 12px;
	transform: translate(-50%, -50%);
}

.tk-faq__item.is-open .tk-faq__toggle::after {
	opacity: 0;
}

/* Ответ раскрывается по высоте содержимого, без скачков. */
.tk-faq__a {
	display: grid;
	grid-template-rows: 0fr;
	transition: grid-template-rows .25s ease;
}

.tk-faq__item.is-open .tk-faq__a {
	grid-template-rows: 1fr;
}

.tk-faq__atext {
	overflow: hidden;
	margin: 0;
	font-size: var(--fs-body);
	line-height: 1.5;
	color: rgba(26, 29, 32, .7);
}

.tk-faq__item.is-open .tk-faq__atext {
	padding-block-start: 18px;
}

.tk-faq__note {
	margin: 0;
	padding-block-start: 16px;
	font-size: var(--fs-body);
	line-height: 1.5;
	color: rgba(26, 29, 32, .8);
}

.tk-faq__photo {
	align-self: stretch;
	min-height: 400px;
	border-radius: var(--radius-lg);
	background: var(--surface-muted) var(--photo, none) center / cover no-repeat;
}

.tk-faq__photo--empty {
	background-color: #E8E8E8;
}

@media (max-width: 991px) {
	.tk-faq__grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 24px;
	}

	.tk-faq__item {
		padding: 16px;
	}

	.tk-faq__q {
		gap: 12px;
		font-size: 18px;
		line-height: 1.444;
		letter-spacing: -.36px;
	}

	.tk-faq__toggle {
		width: 32px;
		height: 32px;
	}

	.tk-faq__photo {
		min-height: 240px;
		order: -1;
	}
}
@media (min-width:992px){.tk-plan__card.tk-plan__card{min-height:444px;justify-content:center}}
@media (min-width:992px){.tk-cmp__cell--head.tk-cmp__cell--head{height:118px;min-height:118px}}
@media (min-width:992px){.tk-plan__card.tk-plan__card{min-height:444px;justify-content:center}}
@media (min-width:992px){.tk-cmp__cell--head.tk-cmp__cell--head{height:118px;min-height:118px}}
.tk-places__slide{padding-block:60px 84px}
.tk-places__ui{bottom:60px;align-items:flex-end}
.tk-places__dots{align-self:flex-end}
@media (min-width:992px){.tk-places__dot{width:24px;height:8px}.tk-places__dot.is-active{width:54px}}

/* ── Блок 06: отзывы Google ─────────────────────────────────────────── */

.tk-rvs-section.tk-rvs-section {
	display: block;
	padding-block: clamp(60px, 5.13vw + 41.5px, 140px);
	background: var(--surface);
}

.tk-rvs__inner {
	display: flex;
	flex-direction: column;
	gap: var(--gap-block);
	width: min(var(--container-max), 100% - var(--gutter) * 2);
	margin-inline: auto;
}

.tk-rvs {
	overflow: hidden;
}

.tk-rvs__track {
	display: flex;
	gap: 20px;
	overflow-x: auto;
	scroll-behavior: smooth;
	scrollbar-width: none;
}

.tk-rvs__track::-webkit-scrollbar {
	display: none;
}

.tk-rv {
	display: flex;
	flex: none;
	flex-direction: column;
	gap: 20px;
	box-sizing: border-box;
	width: 405px;
	min-height: 620px;
	padding: 26px;
	border-radius: var(--radius-lg);
	background: var(--surface-muted);
}

.tk-rv__top {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.tk-rv__quote {
	flex: none;
	width: 28px;
	height: 28px;
	background: var(--brand-accent);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 17'%3E%3Cpath d='M0 17V8.5C0 3.8 3.4 0 7.6 0v3.9C5.4 3.9 3.6 5.9 3.6 8.4h3.3V17H0Zm14 0V8.5c0-4.7 3.4-8.5 7.6-8.5v3.9c-2.2 0-4 2-4 4.5h3.3V17H14Z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 17'%3E%3Cpath d='M0 17V8.5C0 3.8 3.4 0 7.6 0v3.9C5.4 3.9 3.6 5.9 3.6 8.4h3.3V17H0Zm14 0V8.5c0-4.7 3.4-8.5 7.6-8.5v3.9c-2.2 0-4 2-4 4.5h3.3V17H14Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.tk-rv__text {
	margin: 0;
	font-size: var(--fs-body);
	line-height: 1.5;
	color: rgba(26, 29, 32, .8);
}

.tk-rv__photos {
	display: flex;
	gap: 6px;
}

.tk-rv__photo {
	display: block;
	flex: 1;
	height: 138px;
	border-radius: 6px;
	background: var(--surface) var(--photo, none) center / cover no-repeat;
}

/* Низ карточки прижат вниз и отделён линией, как в макете. */
.tk-rv__bottom {
	display: flex;
	flex-direction: column;
	gap: 18px;
	margin-block-start: auto;
	padding-block-start: 20px;
	border-block-start: 1px solid rgba(26, 29, 32, .1);
}

.tk-rv__author {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 14px;
}

.tk-rv__avatar {
	display: block;
	flex: none;
	width: 54px;
	height: 54px;
	border-radius: 6px;
	background: var(--surface) var(--avatar, none) center / cover no-repeat;
	box-shadow: inset 0 0 0 1px rgba(194, 89, 63, .1);
}

.tk-rv__avatar--empty {
	position: relative;
}

.tk-rv__avatar--empty::before {
	content: "";
	position: absolute;
	inset: 16px;
	background: rgba(194, 89, 63, .4);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10Zm0 2c-5 0-9 2.6-9 5.8V22h18v-2.2c0-3.2-4-5.8-9-5.8Z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10Zm0 2c-5 0-9 2.6-9 5.8V22h18v-2.2c0-3.2-4-5.8-9-5.8Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.tk-rv__who {
	display: flex;
	flex-direction: column;
	gap: 10px;
	min-width: 0;
}

.tk-rv__name {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-family: var(--font-heading);
	font-size: 18px;
	font-weight: 500;
	line-height: 1.333;
	color: var(--text-primary);
}

.tk-rv__flag {
	display: inline-block;
	flex: none;
	width: 33px;
	height: 20px;
	background: var(--flag, none) center / cover no-repeat;
}

.tk-rv__date {
	font-size: var(--fs-small);
	line-height: 1.43;
	color: rgba(26, 29, 32, .6);
}

.tk-rv__source {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	text-decoration: none;
}

.tk-rv__srctext {
	font-size: 13px;
	font-weight: 300;
	line-height: 1.54;
	color: rgba(26, 29, 32, .5);
}

/* Логотип Google собран цветными буквами: отдельной картинки в макете нет. */
.tk-rv__google::before {
	content: "Google";
	font-family: var(--font-body);
	font-size: 16px;
	font-weight: 500;
	line-height: 1.25;
	background: linear-gradient(90deg, #4285F4 0 22%, #EA4335 22% 40%, #FBBC05 40% 58%, #4285F4 58% 72%, #34A853 72% 86%, #EA4335 86%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.tk-rv__google {
	font-size: 0;
}

.tk-rv--video {
	position: relative;
	align-items: center;
	justify-content: center;
	padding: 26px;
	background: var(--brand-dark) var(--cover, none) center / cover no-repeat;
	text-decoration: none;
}

.tk-rv__play {
	display: block;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background: var(--surface);
	box-shadow: 0 18px 22px rgba(0, 0, 0, .1), 0 9px 9px rgba(0, 0, 0, .04);
}

.tk-rv__play::before {
	content: "";
	display: block;
	width: 17px;
	height: 20px;
	margin: 25px auto;
	border-radius: 1.5px;
	background: var(--brand-accent);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 20'%3E%3Cpath d='M16.2 8.7a1.5 1.5 0 0 1 0 2.6L2.3 19.6A1.5 1.5 0 0 1 0 18.3V1.7A1.5 1.5 0 0 1 2.3.4l13.9 8.3Z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 20'%3E%3Cpath d='M16.2 8.7a1.5 1.5 0 0 1 0 2.6L2.3 19.6A1.5 1.5 0 0 1 0 18.3V1.7A1.5 1.5 0 0 1 2.3.4l13.9 8.3Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* Плашка рейтинга: терракотовый фон, справа стеклянная карточка. */
.tk-rvbar {
	position: relative;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	gap: clamp(24px, 4vw, 320px);
	min-height: 238px;
	padding: 60px;
	border-radius: var(--radius-lg);
	background: var(--brand-accent);
	overflow: hidden;
}

.tk-rvbar__text {
	display: flex;
	flex-direction: column;
	gap: 24px;
	max-width: 830px;
}

.tk-rvbar__title {
	font-family: var(--font-heading);
	font-size: clamp(24px, 1.03vw + 20px, 38px);
	font-weight: 600;
	line-height: 1.21;
	letter-spacing: -.76px;
	color: var(--surface);
}

.tk-rvbar__lead {
	margin: 0;
	max-width: 782px;
	font-size: var(--fs-body);
	line-height: 1.5;
	color: rgba(255, 255, 255, .7);
}

.tk-rvbar__rating {
	display: flex;
	flex: none;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	padding: 30px;
	border: 1px solid rgba(255, 255, 255, .2);
	border-radius: 12px;
	background: rgba(255, 255, 255, .7);
	backdrop-filter: blur(20px);
	text-decoration: none;
}

.tk-rvbar__row {
	display: flex;
	align-items: center;
	gap: 16px;
}

.tk-rvbar__num {
	font-family: var(--font-heading);
	font-size: 30px;
	font-weight: 600;
	line-height: 1.333;
	letter-spacing: -.6px;
	color: var(--text-primary);
}

.tk-rvbar__stars {
	display: flex;
	gap: 3px;
}

.tk-rv__star {
	width: 24px;
	height: 24px;
	background: var(--brand-star);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 1.5 3.2 6.6 7.3 1-5.3 5.1 1.3 7.3-6.5-3.5-6.5 3.5 1.3-7.3L1.5 9.1l7.3-1L12 1.5Z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 1.5 3.2 6.6 7.3 1-5.3 5.1 1.3 7.3-6.5-3.5-6.5 3.5 1.3-7.3L1.5 9.1l7.3-1L12 1.5Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.tk-rvbar__note {
	font-size: var(--fs-small);
	font-weight: 300;
	line-height: 1.43;
	color: rgba(26, 29, 32, .6);
}

@media (max-width: 1279px) {
	.tk-rvbar {
		flex-direction: column;
		align-items: flex-start;
		gap: 24px;
		padding: 28px;
	}

	.tk-rvbar__rating {
		align-self: stretch;
	}
}

@media (max-width: 991px) {
	.tk-rvs-section .tk-arrows {
		display: none;
	}

	.tk-rv {
		width: 300px;
		min-height: 0;
		padding: 16px;
	}

	.tk-rv--video {
		min-height: 400px;
	}
}
@media (min-width:1280px){.tk-rvbar{height:238px;min-height:238px;padding-block:60px}.tk-rvbar__rating{width:410px;height:114px;box-sizing:border-box;justify-content:center}}
@media (min-width:992px){.tk-footer__main.tk-footer__main{grid-template-columns:362fr 300fr 230fr 230fr 230fr}}
.tk-fcontact__mail.tk-fcontact__mail{font-size:15px;letter-spacing:-.3px;word-break:normal;overflow-wrap:anywhere}
.tk-fcontact__hours.tk-fcontact__hours{line-height:1.43}
@media (min-width:992px){.tk-footer__bottom.tk-footer__bottom{justify-content:flex-start;gap:clamp(24px,4vw,120px)}.tk-footer__copy.tk-footer__copy{margin-inline-end:auto}}

/* ══════════════════════════════════════════════════════════════════════
   Футер: приведение к макету
   Колонки 362/230/230/230/230, промежуток 100, нижняя строка врастяжку.
   ══════════════════════════════════════════════════════════════════════ */

@media (min-width: 1280px) {
	.tk-footer__main.tk-footer__main {
		grid-template-columns: 362px repeat(4, 230px);
		justify-content: space-between;
		gap: clamp(24px, 5.2vw - 60px, 100px);
	}

	/* В макете строка разнесена по всей ширине. */
	.tk-footer__bottom.tk-footer__bottom {
		justify-content: space-between;
		gap: 8px;
	}

	.tk-footer__copy.tk-footer__copy {
		margin-inline-end: 0;
	}
}

/* Почта и часы у клиента длиннее, чем заглушки в макете:
   уменьшаем кегль, чтобы уместились в колонку 230 без переносов. */
.tk-fcontact__mail.tk-fcontact__mail {
	font-size: 14px;
	line-height: 1.43;
	letter-spacing: -.14px;
}

.tk-fcontact__hours.tk-fcontact__hours {
	font-size: 13px;
	line-height: 1.38;
}

/* ══════════════════════════════════════════════════════════════════════
   Планшет: 992–1279
   Макета нет, добираем по логике сетки — так договаривались с клиентом.
   ══════════════════════════════════════════════════════════════════════ */

@media (min-width: 992px) and (max-width: 1279px) {
	.tk-finder__panel.is-active {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.tk-gw__grid.tk-gw__grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.tk-faq__grid {
		grid-template-columns: 1fr 380px;
		gap: 24px;
	}

	.tk-footer__main.tk-footer__main {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 40px;
	}
}

/* ══════════════════════════════════════════════════════════════════════
   Мобильные: до 991
   Числа из спецификации «Главная - 360»: поля 16, контейнер 328.
   ══════════════════════════════════════════════════════════════════════ */

@media (max-width: 991px) {

	/* ── Общее ─────────────────────────────────────────────────────── */

	.tk-shead.tk-shead,
	.tk-shead--tours {
		flex-direction: column;
		align-items: flex-start;
		gap: 16px;
	}

	.tk-shead__lead.tk-shead__lead {
		max-width: 100%;
		margin-inline-start: 0;
	}

	/* ── Баннер ────────────────────────────────────────────────────── */

	.tk-hero__content.tk-hero__content {
		max-width: 100%;
		gap: 40px;
	}

	.tk-hero__actions.tk-hero__actions {
		width: 100%;
		flex-direction: column;
		align-items: stretch;
	}

	.tk-hero__actions .tk-btn:nth-child(1),
	.tk-hero__actions .tk-btn:nth-child(2) {
		width: 100%;
	}

	/* ── Блок 01: фильтр ───────────────────────────────────────────── */

	.tk-finder__tabs {
		gap: 8px;
	}

	.tk-tab {
		min-height: 42px;
		padding: 10px 18px;
		font-size: 14px;
	}

	/* Карточка направления по макету 360: поля 14, заголовок 20/28. */
	.tk-dcard__body {
		gap: 14px;
		padding: 14px;
	}

	.tk-dcard__title {
		font-size: 20px;
		line-height: 1.4;
		letter-spacing: -.4px;
	}

	.tk-dcard__text {
		font-size: 14px;
		line-height: 1.43;
	}

	/* ── Блок 03: слайдер локаций ──────────────────────────────────── */

	.tk-places {
		min-height: 0;
	}

	.tk-places__slide {
		min-height: 480px;
		padding-block: 40px 70px;
	}

	.tk-places__card.tk-places__card {
		width: 100%;
		gap: 14px;
		padding: 14px;
	}

	.tk-places__ui {
		bottom: 28px;
	}

	/* Индикаторы на 360: активный 48×6, остальные 20×6. */
	.tk-places__dot {
		width: 20px;
		height: 6px;
	}

	.tk-places__dot.is-active {
		width: 48px;
	}

	/* ── Блок 04: преимущества ─────────────────────────────────────── */

	.tk-gw__photo {
		aspect-ratio: 328 / 320;
	}

	.tk-gw__card {
		flex-direction: column;
		gap: 16px;
		padding: 20px;
	}

	.tk-gw__icon {
		width: 42px;
		height: 42px;
	}

	/* ── Блок 05: таблица сравнения ────────────────────────────────── */

	/* На мобиле таблица уезжает в горизонтальный скролл —
	   это отдельный комментарий дизайнера в макете. */
	.tk-cmp__scroll.tk-cmp__scroll {
		padding: 16px;
		overflow-x: auto;
		overscroll-behavior-inline: contain;
		-webkit-overflow-scrolling: touch;
	}

	.tk-cmp.tk-cmp {
		min-width: 860px;
	}

	/* ── Блок 06: отзывы ───────────────────────────────────────────── */

	.tk-rv__photo {
		height: 110px;
	}

	.tk-rv__text {
		font-size: 14px;
		line-height: 1.43;
	}

	.tk-rv__name {
		font-size: 16px;
	}

	.tk-rvbar__title {
		font-size: 22px;
		letter-spacing: -.44px;
	}

	.tk-rvbar__num {
		font-size: 24px;
	}

	.tk-rv__star {
		width: 20px;
		height: 20px;
	}

	/* ── Блок 07: FAQ ──────────────────────────────────────────────── */

	.tk-faq__photo {
		min-height: 200px;
	}

	.tk-faq__atext {
		font-size: 14px;
		line-height: 1.43;
	}

	/* ── Блок 08: таймлайн ─────────────────────────────────────────── */

	.tk-tl__card {
		min-height: 0;
	}

	.tk-tl__pin {
		top: 30px;
	}

	/* ── Блок 09: What's Included ──────────────────────────────────── */

	.tk-inc__title {
		font-size: 24px;
		letter-spacing: -.48px;
	}

	.tk-inc__nottitle {
		font-size: 20px;
		letter-spacing: -.4px;
	}

	/* ── Форма ─────────────────────────────────────────────────────── */

	.tk-plan__card.tk-plan__card {
		min-height: 0;
		padding: 20px;
	}

	/* Фото в карточке формы на узком экране мешает читать текст. */
	.tk-plan__card.tk-plan__card::before {
		width: 100%;
		opacity: .18;
	}

	.tk-plan__card.tk-plan__card::after {
		background: linear-gradient(180deg, rgba(31, 78, 71, .85) 0%, rgba(31, 78, 71, .95) 100%);
	}

	.tk-plan__actions.tk-plan__actions {
		flex-direction: column;
		align-items: stretch;
	}

	/* ── Футер ─────────────────────────────────────────────────────── */

	.tk-footer__main.tk-footer__main {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 32px;
	}

	.tk-footer__brand.tk-footer__brand {
		grid-column: 1 / -1;
		gap: 24px;
	}

	.tk-footer__bottom.tk-footer__bottom {
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
	}
}

/* ── Узкие телефоны: до 639 ─────────────────────────────────────────── */

@media (max-width: 639px) {
	.tk-footer__main.tk-footer__main {
		grid-template-columns: minmax(0, 1fr);
	}

	.tk-fcol__list.tk-fcol__list {
		gap: 16px;
	}

	.tk-msg.tk-msg {
		width: 100%;
	}

	.tk-rvbar__rating {
		width: 100%;
		box-sizing: border-box;
	}

	.tk-rvbar__row {
		flex-wrap: wrap;
		justify-content: center;
		gap: 10px;
	}

	/* Кнопка со стрелкой на узком экране: квадрат меньше, поля уже. */
	.tk-btn--arrow.tk-btn--arrow {
		--arw: 40px;
		font-size: 14px;
	}
}
@media (min-width:992px){.tk-footer .tk-btn--arrow.tk-btn--arrow{width:362px;max-width:100%}}
@media (max-width:991px){.tk-footer .tk-btn--arrow.tk-btn--arrow{width:100%}}
@media (max-width:991px){.tk-hero.tk-hero{background-image:url("assets/img/hero-800.webp")}}
/* ══════════════════════════════════════════════════════════════════════
   МОБИЛЬНАЯ ВЕРСИЯ ДО 767 — ПО СПЕЦИФИКАЦИИ «Главная - 360»
   ══════════════════════════════════════════════════════════════════════

   Все числа взяты из notes/spec-Главная---360.txt и notes/spec-Меню---360.txt.
   Блок идёт последним в файле, поэтому перекрывает ранее написанные
   мобильные правила (они остаются на 768–991, где макета нет).

   Опорные величины макета:
     кадр 360, поля 16, контейнер 328
     отступ между секциями 70, внутри секции заголовок→текст 26
     кнопка 46 с квадратом 40, радиус 8
     H2 секции Syne 600 30/38 ls -0.6
   ══════════════════════════════════════════════════════════════════════ */

@media (max-width: 767px) {

	/* ── Кнопки ────────────────────────────────────────────────────────
	   В макете на 360 кнопка ниже десктопной: 46 против 58, радиус 8,
	   квадрат со стрелкой 40. Раньше сюда доезжали десктопные 58/10. */

	.tk-btn.tk-btn {
		min-height: 46px;
		border-radius: 8px;
		font-size: 14px;
	}

	.tk-btn--arrow.tk-btn--arrow {
		--arw: 40px;
		font-size: 14px;
	}

	.tk-btn--arrow::after {
		border-radius: 8px;
	}

	.tk-btn--ghost.tk-btn--ghost {
		padding-inline: 54px;
		font-size: 14px;
		line-height: 1.43;
	}

	/* ── Заголовки секций ──────────────────────────────────────────────
	   Единый кегль 30/38. Исключения ниже: блок 02 и плашка отзывов. */

	.tk-shead__title.tk-shead__title,
	.tk-gw__title.tk-gw__title,
	.tk-cmp__title.tk-cmp__title,
	.tk-faq__title,
	.tk-tl__title,
	.tk-inc__title,
	.tk-plan__title.tk-plan__title {
		font-size: 30px;
		line-height: 1.2667;
		letter-spacing: -.6px;
	}

	/* Блок 02 в макете мельче остальных — 26/34. */
	.tk-shead--tours .tk-shead__title.tk-shead__title {
		font-size: 26px;
		line-height: 1.3077;
		letter-spacing: -.52px;
	}

	.tk-shead.tk-shead,
	.tk-shead--tours {
		gap: 26px;
	}

	.tk-shead__lead.tk-shead__lead,
	.tk-tl__lead {
		font-size: 14px;
		line-height: 1.571;
	}

	/* ── Шапка ─────────────────────────────────────────────────────────
	   По макету бургер белый с терракотовыми полосками, а мессенджеры —
	   стеклянные с белой иконкой. В коде было наоборот. */

	.tk-mhead.tk-mhead {
		gap: 8px;
		width: min(var(--container-max), 100% - 32px);
	}

	.tk-mhead__left.tk-mhead__left {
		gap: 8px;
	}

	.tk-burger.tk-burger {
		background: var(--surface);
	}

	.tk-burger::before {
		width: 20px;
		height: 16px;
		background-color: var(--brand-accent);
	}

	.tk-mlogo.tk-mlogo {
		gap: 14px;
		padding: 7px;
		border-radius: 8px;
		background: var(--glass);
		backdrop-filter: blur(10px);
	}

	.tk-mhead__social.tk-mhead__social {
		gap: 4px;
	}

	.tk-mhead__social-item.tk-mhead__social-item {
		border-radius: 10px;
		background: var(--glass);
		backdrop-filter: blur(10px);
		color: var(--surface);
	}

	/* В открытой панели раскладка обратная: белые плашки, терракотовые
	   иконки, бургер-крестик терракотовый. */
	.tk-mpanel .tk-mhead__social-item.tk-mhead__social-item {
		background: var(--surface);
		color: var(--brand-accent);
	}

	.tk-mpanel .tk-burger.tk-burger {
		background: var(--brand-accent);
	}

	.tk-mpanel .tk-burger::before {
		width: 22px;
		height: 22px;
		background-color: var(--surface);
	}

	.tk-mcontact__cta.tk-mcontact__cta {
		border-radius: 8px;
	}

	.tk-mcontact__cta::after {
		border-radius: 8px;
	}

	/* ── Баннер ────────────────────────────────────────────────────────
	   Макет: 361×718, поля 40/16, H1 36/44, подзаголовок 16/22,
	   между текстом и кнопками 60, между кнопками 12. */

	.tk-hero.tk-hero {
		min-height: 718px;
		padding-block: 40px;
	}

	.tk-hero__content.tk-hero__content {
		gap: 60px;
	}

	.tk-hero__title.tk-hero__title {
		font-size: 36px;
		line-height: 1.222;
		letter-spacing: -.72px;
	}

	.tk-hero__lead.tk-hero__lead {
		font-size: 16px;
		line-height: 1.375;
	}

	.tk-hero__actions.tk-hero__actions {
		gap: 12px;
	}

	/* ── Блок 01: фильтр ───────────────────────────────────────────────
	   Табы 38 высотой с полями 9/20 и радиусом 6.
	   Карточки направлений в макете лежат каруселью по 280×340,
	   а не столбиком: в спецификации они на x2120, x2410, x2700. */

	.tk-finder-section.tk-finder-section {
		padding-block: 70px 0;
	}

	.tk-finder__inner.tk-finder__inner {
		gap: 26px;
	}

	.tk-finder {
		gap: 20px;
	}

	.tk-finder__tabs {
		gap: 8px;
	}

	.tk-tab {
		min-height: 38px;
		padding: 9px 20px;
		border-radius: 6px;
		font-size: 14px;
		line-height: 1.43;
	}

	.tk-finder__panel.is-active {
		display: flex;
		gap: 10px;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
		margin-inline: calc(var(--gutter) * -1);
		padding-inline: var(--gutter);
	}

	.tk-finder__panel::-webkit-scrollbar {
		display: none;
	}

	.tk-dcard {
		flex: none;
		width: 280px;
		height: 340px;
		min-height: 0;
		aspect-ratio: auto;
		padding: 14px 10px;
		border-radius: 10px;
		scroll-snap-align: start;
	}

	.tk-dcard__body {
		gap: 16px;
		padding: 14px;
		border-radius: 14px;
	}

	.tk-dcard__title {
		font-size: 20px;
		line-height: 1.4;
		letter-spacing: -.4px;
	}

	.tk-dcard__text {
		-webkit-line-clamp: 4;
		font-size: 13px;
		line-height: 1.538;
	}

	/* Кнопка в карточке направления ниже общей: 42 с квадратом 36. */
	.tk-dcard__cta.tk-dcard__cta {
		min-height: 42px;
		height: 42px;
		--arw: 36px;
		padding-inline: 14px;
	}

	/* ── Блок 02: карточки туров ───────────────────────────────────────
	   Размеры карточки уже совпадали, правим только промежуток и отступы
	   секции: между блоками 01 и 02 в макете 50. */

	.tk-tours-section.tk-tours-section {
		padding-block: 50px 0;
	}

	.tk-tours__inner {
		gap: 26px;
	}

	.tk-tours__track {
		gap: 10px;
	}

	/* ── Блок 03: слайдер локаций ──────────────────────────────────────
	   Макет: кадр 718, карточка 328×218 с полями 14, под ней 16,
	   затем строка с точками слева и стрелками справа, высота 46.
	   Стрелки на мобиле в макете ЕСТЬ — раньше они прятались. */

	.tk-places {
		min-height: 718px;
	}

	.tk-places__slide {
		min-height: 718px;
		padding-block: 40px 102px;
	}

	.tk-places__card.tk-places__card {
		width: 100%;
		gap: 18px;
		padding: 14px;
		border-radius: 14px;
	}

	.tk-places__card .tk-dcard__title {
		font-size: 20px;
		line-height: 1.4;
		letter-spacing: -.4px;
	}

	.tk-places__card .tk-dcard__text {
		font-size: 14px;
		line-height: 1.43;
	}

	.tk-places__ui {
		bottom: 40px;
		align-items: center;
	}

	.tk-places__dots {
		gap: 4px;
		align-self: center;
	}

	.tk-places__dot {
		width: 20px;
		height: 6px;
	}

	.tk-places__dot.is-active {
		width: 48px;
	}

	.tk-places__arrows {
		display: flex;
		gap: 10px;
	}

	.tk-places__arrow.tk-places__arrow {
		width: 46px;
		height: 46px;
		border-radius: 8px;
	}

	/* ── Блок 04: преимущества ─────────────────────────────────────────
	   Карточка 328 с полями 18, иконка 42 СЛЕВА от текста (в коде она
	   была сверху), заголовок 18/24, текст 14/22. */

	.tk-gw-section.tk-gw-section {
		padding-block: 70px 0;
	}

	.tk-gw__inner.tk-gw__inner {
		gap: 26px;
	}

	.tk-gw__grid.tk-gw__grid {
		gap: 10px;
	}

	.tk-gw__list {
		gap: 10px;
	}

	.tk-gw__card {
		flex-direction: row;
		align-items: flex-start;
		gap: 18px;
		padding: 18px;
		border-radius: 10px;
	}

	.tk-gw__icon {
		width: 42px;
		height: 42px;
	}

	.tk-gw__body {
		gap: 16px;
	}

	.tk-gw__name {
		font-size: 18px;
		line-height: 1.333;
		letter-spacing: -.36px;
	}

	.tk-gw__text {
		font-size: 14px;
		line-height: 1.571;
	}

	/* Фото и сертификат в макете стоят рядом по 159 и разрываютcя между
	   второй и третьей карточкой. Разрыв требует правки разметки,
	   поэтому пока блок целиком уходит под список. */
	.tk-gw__photo {
		order: 2;
		aspect-ratio: 328 / 216;
		border-radius: 10px;
	}

	.tk-gw__cert {
		inset-inline-end: 0;
		bottom: 0;
		width: 159px;
		padding: 8px;
		border-radius: 10px;
	}

	/* ── Блок 06: отзывы ───────────────────────────────────────────────
	   Карточка 280×500 с полями 18 и радиусом 10, фото 119×95,
	   аватар 46, имя 15/21, дата 13/18. */

	.tk-rvs-section.tk-rvs-section {
		padding-block: 70px;
	}

	.tk-rvs__inner {
		gap: 50px;
	}

	.tk-rvs__track {
		gap: 10px;
	}

	.tk-rv {
		width: 280px;
		min-height: 500px;
		gap: 20px;
		padding: 18px;
		border-radius: 10px;
	}

	.tk-rv__top {
		gap: 24px;
	}

	.tk-rv__quote {
		width: 26px;
		height: 26px;
	}

	.tk-rv__text {
		font-size: 14px;
		line-height: 1.571;
	}

	.tk-rv__photos {
		gap: 6px;
	}

	.tk-rv__photo {
		height: 95px;
	}

	.tk-rv__bottom {
		gap: 16px;
		padding-block-start: 16px;
	}

	.tk-rv__author {
		gap: 12px;
	}

	.tk-rv__avatar {
		width: 46px;
		height: 46px;
	}

	.tk-rv__who {
		gap: 6px;
	}

	.tk-rv__name {
		font-size: 15px;
		line-height: 1.4;
	}

	.tk-rv__flag {
		width: 23px;
		height: 14px;
	}

	.tk-rv__date {
		font-size: 13px;
		line-height: 1.385;
	}

	.tk-rv--video {
		width: 280px;
		min-height: 500px;
	}

	.tk-rv__play {
		width: 58px;
		height: 58px;
	}

	.tk-rv__play::before {
		width: 14px;
		height: 17px;
		margin: 21px auto;
	}

	/* Плашка рейтинга: в столбец, поля 20, заголовок 26/34,
	   карточка рейтинга 88 высотой с полями 20. */
	.tk-rvbar {
		flex-direction: column;
		align-items: stretch;
		gap: 40px;
		min-height: 326px;
		padding: 20px;
		border-radius: 10px;
	}

	.tk-rvbar__text {
		gap: 24px;
	}

	.tk-rvbar__title {
		font-size: 26px;
		line-height: 1.3077;
		letter-spacing: -.52px;
	}

	.tk-rvbar__lead {
		font-size: 14px;
		line-height: 1.571;
	}

	.tk-rvbar__rating {
		width: 100%;
		box-sizing: border-box;
		min-height: 88px;
		padding: 20px;
		border-radius: 8px;
	}

	.tk-rvbar__row {
		gap: 14px;
	}

	.tk-rvbar__num {
		font-size: 24px;
		line-height: 1.5;
		letter-spacing: -.48px;
	}

	.tk-rv__star {
		width: 20px;
		height: 20px;
	}

	.tk-rvbar__note {
		font-size: 13px;
		line-height: 1.385;
	}

	/* ── Блок 05: таблица сравнения ────────────────────────────────────
	   Ширина 856 под горизонтальный скролл, колонки 140/334/334,
	   поля ячеек 14, промежутки 10 и 4. */

	.tk-cmp-section.tk-cmp-section {
		padding-block: 70px 0;
	}

	.tk-cmp__inner.tk-cmp__inner {
		gap: 26px;
	}

	.tk-cmp__scroll.tk-cmp__scroll {
		padding: 14px;
		border-radius: 14px;
	}

	.tk-cmp.tk-cmp {
		min-width: 828px;
		grid-template-columns: 140px 334px 334px;
		column-gap: 10px;
		row-gap: 4px;
	}

	.tk-cmp__cell.tk-cmp__cell {
		gap: 10px;
		padding: 14px;
		font-size: 14px;
		line-height: 1.571;
	}

	.tk-cmp__cell--head.tk-cmp__cell--head {
		min-height: 106px;
		gap: 16px;
	}

	.tk-cmp__pic {
		width: 78px;
		height: 78px;
	}

	.tk-cmp__name {
		font-size: 18px;
		line-height: 1.333;
		letter-spacing: -.36px;
	}

	.tk-cmp__sub,
	.tk-cmp__diff {
		font-size: 14px;
		line-height: 1.43;
	}

	/* ── Блок 08: таймлайн ─────────────────────────────────────────────
	   На 360 в макете НЕТ вертикальной линии и точек: карточки просто
	   идут в столбик на всю ширину. Поля 18, промежуток 22, фото 128×100. */

	.tk-tl-section.tk-tl-section {
		padding-block: 70px 0;
	}

	.tk-tl__inner.tk-tl__inner {
		gap: 26px;
	}

	.tk-tl__head {
		gap: 26px;
	}

	.tk-tl {
		gap: 10px;
	}

	.tk-tl::before,
	.tk-tl__pin {
		display: none;
	}

	.tk-tl__item {
		padding-inline-start: 0;
	}

	.tk-tl__card {
		flex-direction: column;
		width: 100%;
		gap: 22px;
		min-height: 0;
		padding: 18px;
		border-radius: 10px;
	}

	.tk-tl__body {
		gap: 20px;
	}

	.tk-tl__time {
		font-size: 16px;
		line-height: 1.375;
		letter-spacing: -.32px;
	}

	.tk-tl__text {
		gap: 14px;
	}

	.tk-tl__name {
		font-size: 18px;
		line-height: 1.333;
		letter-spacing: -.36px;
	}

	.tk-tl__desc {
		font-size: 14px;
		line-height: 1.571;
	}

	.tk-tl__pics {
		gap: 10px;
	}

	.tk-tl__pic {
		width: 128px;
		height: 100px;
		border-radius: 6px;
	}

	/* ── Блок 09: What's Included ──────────────────────────────────────
	   Карточки в макете каруселью по 240×220, а не столбиком.
	   Плашки «не включено» — обычный перенос по центру, высота 46. */

	.tk-inc-section.tk-inc-section {
		padding-block: 70px;
	}

	.tk-inc__inner {
		gap: 40px;
	}

	.tk-inc__main {
		gap: 26px;
	}

	.tk-inc__grid {
		display: flex;
		gap: 10px;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
		margin-inline: calc(var(--gutter) * -1);
		padding-inline: var(--gutter);
	}

	.tk-inc__grid::-webkit-scrollbar {
		display: none;
	}

	.tk-inc__card {
		flex: none;
		width: 240px;
		min-height: 220px;
		gap: 40px;
		padding: 18px;
		border-radius: 14px;
		scroll-snap-align: start;
	}

	.tk-inc__icon {
		width: 34px;
		height: 34px;
	}

	.tk-inc__text {
		gap: 14px;
	}

	.tk-inc__name {
		font-size: 18px;
		line-height: 1.444;
		letter-spacing: -.36px;
	}

	.tk-inc__desc {
		font-size: 14px;
		line-height: 1.43;
	}

	.tk-inc__not {
		gap: 24px;
	}

	.tk-inc__nottitle {
		font-size: 22px;
		line-height: 1.364;
		letter-spacing: -.44px;
	}

	.tk-inc__pills {
		gap: 8px;
	}

	.tk-inc__pill {
		min-height: 46px;
		gap: 6px;
		padding: 12px 10px;
		border-radius: 8px;
		font-size: 14px;
		line-height: 1.571;
	}

	.tk-inc__cross {
		width: 18px;
		height: 18px;
	}

	/* ── Блок 07: FAQ ──────────────────────────────────────────────────
	   Вопрос 18/26, поля 18, плюс 32. Фото в макете ПОД вопросами,
	   328×320 — раньше оно поднималось наверх через order. */

	.tk-faq-section.tk-faq-section {
		padding-block: 70px 0;
	}

	.tk-faq__inner {
		gap: 26px;
	}

	.tk-faq__grid {
		gap: 26px;
	}

	.tk-faq__list {
		gap: 10px;
	}

	.tk-faq__item {
		padding: 18px;
		border-radius: 10px;
	}

	.tk-faq__q {
		gap: 18px;
		font-size: 18px;
		line-height: 1.444;
		letter-spacing: -.36px;
	}

	.tk-faq__toggle {
		width: 32px;
		height: 32px;
		border-radius: 6px;
	}

	.tk-faq__atext,
	.tk-faq__note {
		font-size: 14px;
		line-height: 1.571;
	}

	.tk-faq__item.is-open .tk-faq__atext {
		padding-block-start: 14px;
	}

	.tk-faq__photo {
		order: 0;
		min-height: 320px;
		border-radius: 10px;
	}

	/* ── Форма ─────────────────────────────────────────────────────────
	   Карточка 328×454, поля 20, между текстом и кнопками 60.
	   Три мессенджера в РЯД по 92, а не столбиком. */

	.tk-plan.tk-plan {
		padding-block: 70px;
	}

	.tk-plan__card.tk-plan__card {
		min-height: 454px;
		gap: 60px;
		padding: 20px;
	}

	.tk-plan__text.tk-plan__text {
		gap: 16px;
	}

	.tk-plan__head.tk-plan__head {
		gap: 12px;
	}

	.tk-eyebrow.tk-eyebrow {
		gap: 8px;
		font-size: 13px;
		line-height: 1.385;
	}

	.tk-eyebrow::before {
		width: 18px;
		height: 18px;
	}

	.tk-plan__lead.tk-plan__lead {
		font-size: 14px;
		line-height: 1.571;
	}

	.tk-plan__actions.tk-plan__actions {
		flex-direction: row;
		flex-wrap: nowrap;
		gap: 6px;
	}

	.tk-msg.tk-msg {
		flex: 1 1 0;
		width: auto;
		min-width: 0;
		height: 50px;
		border-radius: 8px;
	}

	/* Фото в карточке уходит вниз: в макете градиент идёт сверху вниз,
	   а не слева направо, и закрывает верхние две трети. */
	.tk-plan__card.tk-plan__card::before {
		inset: auto 0 0 0;
		width: 100%;
		height: 297px;
		opacity: .4;
	}

	.tk-plan__card.tk-plan__card::after {
		background: linear-gradient(180deg, var(--brand-green) 0%, rgb(31 78 71 / 0) 100%);
	}

	/* ── Футер ─────────────────────────────────────────────────────────
	   Порядок в макете: логотип с кнопкой, контакты, затем Tour Packages
	   и Destinations двумя колонками по 144, и последней — Company
	   на всю ширину. Поля 40/16, промежуток между группами 40. */

	.tk-footer.tk-footer {
		padding-block: 40px;
	}

	.tk-footer__inner.tk-footer__inner {
		gap: 30px;
	}

	.tk-footer__main.tk-footer__main {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 40px;
	}

	.tk-footer__main > *:nth-child(1) { order: 1; grid-column: 1 / -1; }
	.tk-footer__main > *:nth-child(2) { order: 2; grid-column: 1 / -1; }
	.tk-footer__main > *:nth-child(4) { order: 3; }
	.tk-footer__main > *:nth-child(5) { order: 4; }
	.tk-footer__main > *:nth-child(3) { order: 5; grid-column: 1 / -1; }

	.tk-footer__brand.tk-footer__brand {
		gap: 40px;
	}

	.tk-footer__intro.tk-footer__intro {
		gap: 14px;
	}

	/* Пока клиент не прислал горизонтальный логотип, держим квадрат 48.
	   С горизонтальной версией сюда встанет 187×48 из макета. */
	.tk-footer__mark.tk-footer__mark {
		width: 48px;
		height: 48px;
	}

	.tk-footer__tagline.tk-footer__tagline {
		font-size: 13px;
		line-height: 1.538;
	}

	.tk-fcol.tk-fcol {
		gap: 30px;
	}

	.tk-fcol__title.tk-fcol__title {
		gap: 10px;
		font-size: 13px;
		line-height: 1.385;
	}

	.tk-fcol__title::before {
		width: 18px;
		height: 18px;
	}

	.tk-fcol__list.tk-fcol__list {
		gap: 20px;
	}

	.tk-fcol__link.tk-fcol__link {
		font-size: 14px;
		line-height: 1.43;
		letter-spacing: -.28px;
	}

	.tk-fcol__contact.tk-fcol__contact {
		gap: 20px;
	}

	.tk-fcontact__number.tk-fcontact__number {
		font-size: 18px;
		line-height: 1.333;
		letter-spacing: -.36px;
	}

	.tk-fcontact__number::before,
	.tk-fcontact__mail::before {
		width: 20px;
		height: 20px;
	}

	.tk-fcontact__hours.tk-fcontact__hours {
		font-size: 13px;
		line-height: 1.231;
	}

	.tk-fcontact__mail.tk-fcontact__mail {
		font-size: 14px;
		line-height: 1.571;
		letter-spacing: -.14px;
	}

	.tk-fsocial.tk-fsocial {
		gap: 6px;
	}

	.tk-fsocial__item.tk-fsocial__item {
		width: 48px;
		height: 48px;
		border-radius: 6px;
	}

	.tk-fsocial__item::before {
		width: 18px;
		height: 18px;
	}

	/* Нижняя строка в макете собрана по центру в три ряда. */
	.tk-footer__bottom.tk-footer__bottom {
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		gap: 12px;
		padding-block-start: 16px;
	}

	.tk-footer__copy.tk-footer__copy,
	.tk-footer__legal.tk-footer__legal {
		margin-inline-end: 0;
		font-size: 13px;
		line-height: 1.385;
		letter-spacing: -.13px;
		text-align: center;
	}

	.tk-footer__copy.tk-footer__copy {
		flex: 1 1 100%;
	}
}
@media (max-width:767px){.tk-mnav.tk-mnav{align-items:stretch}.tk-mnav__item.tk-mnav__item{box-sizing:border-box;width:100%;justify-content:space-between}.tk-mcontact__cta.tk-mcontact__cta{box-sizing:border-box;width:100%}}
/* ══════════════════════════════════════════════════════════════════════
   ПРАВКИ ПО СВЕРКЕ НА 360 — часть 2
   ══════════════════════════════════════════════════════════════════════ */

@media (max-width: 767px) {

	/* ── Блок 04: порядок как в макете ─────────────────────────────────
	   В Figma: карточка 1, карточка 2, ряд «фото + сертификат», карточка 3.
	   Разметка этого не даёт — фото и список лежат в разных контейнерах.
	   display:contents убирает обёртку списка из раскладки, карточки
	   становятся прямыми детьми сетки, и порядок задаётся через order.
	   Разметку править не нужно. */

	.tk-gw__grid.tk-gw__grid {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		gap: 10px;
	}

	.tk-gw__list {
		display: contents;
	}

	.tk-gw__card:nth-child(1) { order: 1; }
	.tk-gw__card:nth-child(2) { order: 2; }
	.tk-gw__photo             { order: 3; }
	.tk-gw__card:nth-child(3) { order: 4; }

	/* Фото 159×216, сертификат такой же ширины СПРАВА от него с зазором 10.
	   Сертификат лежит внутри фото абсолютом, поэтому выносим его за
	   правый край и снимаем обрезку у родителя. */
	.tk-gw__photo {
		position: relative;
		width: 159px;
		aspect-ratio: 159 / 216;
		overflow: visible;
		border-radius: 10px;
	}

	.tk-gw__cert {
		inset: 0 auto 0 calc(100% + 10px);
		width: 159px;
		box-sizing: border-box;
		padding: 8px;
		border-radius: 10px;
	}

	.tk-gw__certpic {
		height: 100%;
		aspect-ratio: auto;
		border-radius: 8px;
	}

	/* ── Слайдер локаций: видимость точек ──────────────────────────────
	   По спецификации неактивная точка — белая 10% с обводкой 4%.
	   На фото клиента (светлый Чарын) это невидимо: в макете под точками
	   тёмный кадр. Поднимаю обводку до 60%, заливку до 25% — размеры
	   и форма остаются макетными, меняется только различимость. */

	.tk-places__dot {
		border-color: rgba(255, 255, 255, .6);
		background: rgba(255, 255, 255, .25);
	}

	.tk-places__dot.is-active {
		border-color: transparent;
		background: var(--surface);
	}
}
@media (max-width:767px){.tk-tours-section.tk-tours-section{padding-block:50px 70px}}
@media (min-width:768px){.tk-plan__card.tk-plan__card::after{background:linear-gradient(90deg,var(--brand-green) 0%,var(--brand-green) 32.2%,rgba(31,78,71,0) 64.7%)}}
/* ══════════════════════════════════════════════════════════════════════
   Блок 06: фото за плашкой рейтинга
   Макет 1920: подложка 1680×238, фото 1328×238 прижато вправо
   (левый край на 352 = 20.95%), поверх него слева градиент 546
   от терракотового к прозрачному.
   Макет 360: фото 328×220 внизу, прозрачность 50%,
   градиент сверху вниз от заливки к прозрачности.
   ══════════════════════════════════════════════════════════════════════ */

.tk-rvbar.has-photo::before,
.tk-rvbar.has-photo::after {
	content: "";
	position: absolute;
	pointer-events: none;
}

/* Само фото */
.tk-rvbar.has-photo::before {
	inset: 0 0 0 20.95%;
	background: var(--rvbar) center / cover no-repeat;
}

/* Растворение фото в терракотовый: 546 из 1680 это 32.5% ширины,
   старт от левого края фотографии. */
.tk-rvbar.has-photo::after {
	inset: 0 auto 0 20.95%;
	width: 32.5%;
	background: linear-gradient(90deg, var(--brand-accent) 0%, rgba(194, 89, 63, 0) 100%);
}

/* Текст и карточка рейтинга остаются поверх фото. */
.tk-rvbar__text,
.tk-rvbar__rating {
	position: relative;
	z-index: 1;
}

@media (max-width: 767px) {

	/* На узком экране фото уходит вниз на 220, заливка накрывает верх. */
	.tk-rvbar.has-photo::before {
		inset: auto 0 0 0;
		height: 220px;
		opacity: .5;
	}

	.tk-rvbar.has-photo::after {
		inset: auto 0 0 0;
		width: auto;
		height: 220px;
		background: linear-gradient(180deg, var(--brand-accent) 0%, rgba(194, 89, 63, 0) 100%);
	}
}
/* ══════════════════════════════════════════════════════════════════════
   Мобильное меню: приведение к «Меню - 360 - светлая - 1 уровень»
   ══════════════════════════════════════════════════════════════════════ */

@media (max-width: 767px) {

	/* Подпись «Contact» наследовала класс футера и красилась в белый 50%,
	   из-за чего на светлой панели её не было видно вовсе.
	   По макету — тёмная, прозрачность 50%. */
	.tk-mpanel .tk-mcontact__title.tk-mcontact__title {
		color: rgba(26, 29, 32, .5);
	}

	.tk-mpanel .tk-mcontact__title::before {
		background-color: var(--brand-dark);
	}

	/* Плашка логотипа в панели тёмная 10%, а не стеклянная белая:
	   стеклянная задана для шапки поверх фото, здесь фон светлый. */
	.tk-mpanel .tk-mlogo.tk-mlogo {
		background: rgba(26, 29, 32, .1);
		backdrop-filter: none;
	}

	/* Первый пункт «Tours» в макете отличается от остальных:
	   слева иконка каталога из четырёх точек, справа шеврон. */
	.tk-mnav__item.tk-mnav__item {
		gap: 12px;
		justify-content: flex-start;
	}

	.tk-mnav__item:first-child::before {
		content: "";
		flex: none;
		width: 19px;
		height: 19px;
		background: var(--brand-accent);
		-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 19'%3E%3Ccircle cx='4' cy='4' r='4'/%3E%3Ccircle cx='15' cy='4' r='4'/%3E%3Ccircle cx='4' cy='15' r='4'/%3E%3Ccircle cx='15' cy='15' r='4'/%3E%3C/svg%3E") center / contain no-repeat;
		mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 19'%3E%3Ccircle cx='4' cy='4' r='4'/%3E%3Ccircle cx='15' cy='4' r='4'/%3E%3Ccircle cx='4' cy='15' r='4'/%3E%3Ccircle cx='15' cy='15' r='4'/%3E%3C/svg%3E") center / contain no-repeat;
	}

	.tk-mnav__item:first-child::after {
		content: "";
		flex: none;
		width: 6px;
		height: 10px;
		margin-inline-start: auto;
		background: var(--brand-dark);
		-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 10' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1l4 4-4 4'/%3E%3C/svg%3E") center / contain no-repeat;
		mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 10' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1l4 4-4 4'/%3E%3C/svg%3E") center / contain no-repeat;
	}
}
/* ══════════════════════════════════════════════════════════════════════
   СОСТОЯНИЯ ЭЛЕМЕНТОВ — по notes/spec-UI-киты.txt
   ══════════════════════════════════════════════════════════════════════ */

/* ── Кнопка акцент ──────────────────────────────────────────────────
   Наведение: фон белый, текст и стрелка терракотовые, белый квадрат
   растворяется и стрелка прижимается к краю с отступом 12.
   Нажатие: фон зелёный, текст и стрелка белые. */

.tk-btn--arrow.tk-btn--arrow {
	transition: background-color .18s ease, color .18s ease;
}

.tk-btn--arrow::after {
	transition: opacity .18s ease;
}

.tk-btn--arrow::before {
	transition: background-color .18s ease, inset-inline-end .18s ease;
}

.tk-btn--accent.tk-btn--arrow:hover {
	background: var(--surface);
	color: var(--brand-accent);
}

.tk-btn--accent.tk-btn--arrow:hover::after,
.tk-btn--accent.tk-btn--arrow:active::after,
.tk-btn--green.tk-btn--arrow:hover::after,
.tk-btn--green.tk-btn--arrow:active::after {
	opacity: 0;
}

.tk-btn--accent.tk-btn--arrow:hover::before {
	inset-inline-end: 12px;
	background-color: var(--brand-accent);
}

.tk-btn--accent.tk-btn--arrow:active {
	background: var(--brand-green);
	color: var(--surface);
}

.tk-btn--accent.tk-btn--arrow:active::before {
	inset-inline-end: 12px;
	background-color: var(--surface);
}

/* Зелёная кнопка футера: в китах её нет, ведём по той же логике —
   на наведении выворачивается, на нажатии темнеет. */
.tk-btn--green.tk-btn--arrow:hover {
	background: var(--surface);
	color: var(--brand-green);
}

.tk-btn--green.tk-btn--arrow:hover::before {
	inset-inline-end: 12px;
	background-color: var(--brand-green);
}

.tk-btn--green.tk-btn--arrow:active {
	background: var(--brand-green-hover);
	color: var(--surface);
}

.tk-btn--green.tk-btn--arrow:active::before {
	inset-inline-end: 12px;
	background-color: var(--surface);
}

/* Неактивное состояние: серая заливка, светлый текст и стрелка. */
.tk-btn--arrow[disabled],
.tk-btn--arrow.is-disabled {
	background: #D8D8D8;
	color: var(--surface-muted);
	pointer-events: none;
}

.tk-btn--arrow[disabled]::after,
.tk-btn--arrow.is-disabled::after {
	background-color: var(--surface-muted);
}

.tk-btn--arrow[disabled]::before,
.tk-btn--arrow.is-disabled::before {
	background-color: #D8D8D8;
}

/* ── Вторая кнопка ──────────────────────────────────────────────────
   В макете на наведении белый 10% с размытием, а не сплошные 20%. */

.tk-btn--ghost.tk-btn--ghost {
	transition: background-color .18s ease, backdrop-filter .18s ease;
}

.tk-btn--ghost.tk-btn--ghost:hover {
	background: var(--glass-soft);
	backdrop-filter: blur(20px);
}

/* ── Табы фильтра ───────────────────────────────────────────────────
   Наведение: фон остаётся белым, краснеет только текст. */

.tk-tab:hover {
	background: var(--surface);
	color: var(--brand-accent);
}

.tk-tab.is-active:hover {
	background: var(--brand-accent);
	color: var(--surface);
}

/* ── Стрелки слайдеров ──────────────────────────────────────────────
   Наведение #F9EEEC, нажатие терракотовое с белым шевроном,
   неактивная — серый шеврон #909090 вместо общей прозрачности. */

.tk-arrow:hover {
	background: #F9EEEC;
}

.tk-arrow:active {
	background: var(--brand-accent);
}

.tk-arrow:active::before {
	background: var(--surface);
}

.tk-arrow[disabled]::before {
	opacity: 1;
	background: #909090;
}

/* Стрелки поверх фото в слайдере локаций живут по своим правилам:
   там подложка полупрозрачная, шеврон белый. */
.tk-places__arrow.tk-places__arrow:active {
	background: rgba(255, 255, 255, .3);
}

.tk-places__arrow.tk-places__arrow:active::before,
.tk-places__arrow.tk-places__arrow[disabled]::before {
	background: var(--surface);
}

/* ── Вопрос FAQ ─────────────────────────────────────────────────────
   На наведении заголовок краснеет. */

.tk-faq__q {
	transition: color .18s ease;
}

.tk-faq__q:hover {
	color: var(--brand-accent);
}
/* ══════════════════════════════════════════════════════════════════════
   Кнопка со стрелкой: движение вместо мгновенной смены цвета
   ══════════════════════════════════════════════════════════════════════

   В китах Figma три состояния: база, наведение, нажатие. Между ними
   белая плашка вырастает из квадрата со стрелкой на всю кнопку, а сама
   стрелка уезжает к правому краю (отступ 12).

   Заливка сделана фоновым градиентом с анимацией background-size:
   псевдоэлемент с z-index перекрыл бы текст, а текст лежит прямо в
   ссылке и обернуть его нельзя — разметку Bricks мы не трогаем.
   ══════════════════════════════════════════════════════════════════════ */

.tk-btn--accent.tk-btn--arrow,
.tk-btn--green.tk-btn--arrow {
	background-image: linear-gradient(var(--btn-sweep, #FFFFFF), var(--btn-sweep, #FFFFFF));
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 0 100%;
	transition: background-size .38s cubic-bezier(.4, 0, .2, 1), color .24s ease;
}

.tk-btn--arrow::before {
	transition: inset-inline-end .38s cubic-bezier(.4, 0, .2, 1), background-color .24s ease;
}

.tk-btn--arrow::after {
	transition: opacity .24s ease;
}

/* ── Наведение: заливка прокатывается, стрелка уезжает вправо ────── */

.tk-btn--accent.tk-btn--arrow:hover {
	background-size: 100% 100%;
	color: var(--brand-accent);
}

.tk-btn--green.tk-btn--arrow:hover {
	background-size: 100% 100%;
	color: var(--brand-green);
}

.tk-btn--accent.tk-btn--arrow:hover::before,
.tk-btn--green.tk-btn--arrow:hover::before {
	inset-inline-end: 12px;
}

/* Квадрат растворяется — под ним уже сплошная белая заливка. */
.tk-btn--accent.tk-btn--arrow:hover::after,
.tk-btn--green.tk-btn--arrow:hover::after {
	opacity: 0;
}

/* ── Нажатие: зелёная заливка, белый текст и стрелка ─────────────── */

.tk-btn--accent.tk-btn--arrow:active {
	--btn-sweep: var(--brand-green);
	background-size: 100% 100%;
	color: var(--surface);
}

.tk-btn--accent.tk-btn--arrow:active::before {
	inset-inline-end: 12px;
	background-color: var(--surface);
}

.tk-btn--green.tk-btn--arrow:active {
	--btn-sweep: var(--brand-green-hover);
	background-size: 100% 100%;
	color: var(--surface);
}

.tk-btn--green.tk-btn--arrow:active::before {
	inset-inline-end: 12px;
	background-color: var(--surface);
}

/* На тач-экранах наведения нет, а :hover залипает после тапа —
   там оставляем только состояние нажатия. */
@media (hover: none) {
	.tk-btn--accent.tk-btn--arrow:hover,
	.tk-btn--green.tk-btn--arrow:hover {
		background-size: 0 100%;
	}

	.tk-btn--accent.tk-btn--arrow:hover {
		color: var(--surface);
	}

	.tk-btn--green.tk-btn--arrow:hover {
		color: var(--surface);
	}

	.tk-btn--accent.tk-btn--arrow:hover::after,
	.tk-btn--green.tk-btn--arrow:hover::after {
		opacity: 1;
	}

	.tk-btn--accent.tk-btn--arrow:hover::before,
	.tk-btn--green.tk-btn--arrow:hover::before {
		inset-inline-end: calc(3px + (var(--arw, 52px) - 24px) / 2);
	}
}
.tk-btn--accent.tk-btn--arrow:hover,.tk-btn--accent.tk-btn--arrow:active{background-color:var(--brand-accent)}
.tk-btn--green.tk-btn--arrow:hover,.tk-btn--green.tk-btn--arrow:active{background-color:var(--brand-green)}
.tk-btn--accent.tk-btn--arrow,.tk-btn--green.tk-btn--arrow{transition:background-size .38s cubic-bezier(.4,0,.2,1),color .12s ease}
.tk-btn--accent.tk-btn--arrow:hover,.tk-btn--green.tk-btn--arrow:hover,.tk-btn--accent.tk-btn--arrow:active,.tk-btn--green.tk-btn--arrow:active{transition:background-size .38s cubic-bezier(.4,0,.2,1),color .12s ease .3s}
/* ══════════════════════════════════════════════════════════════════════
   1. Нижние отступы секций на мобиле
   ══════════════════════════════════════════════════════════════════════
   Пересчёт по spec-Главная---360: блок 04 заканчивается на 4086,
   секция отзывов начинается на 4156 — между ними 70 снизу блока 04.
   Стояло 0, отсюда слипание. То же у таблицы и FAQ.
   ══════════════════════════════════════════════════════════════════════ */

@media (max-width: 767px) {
	.tk-gw-section.tk-gw-section,
	.tk-cmp-section.tk-cmp-section,
	.tk-faq-section.tk-faq-section {
		padding-block: 70px;
	}
}

/* ══════════════════════════════════════════════════════════════════════
   2. Кнопка со стрелкой: белый квадрат растёт справа налево
   ══════════════════════════════════════════════════════════════════════
   Наведение: квадрат ::after разрастается с 52 до полной ширины кнопки,
   заливая её белым. Нажатие: та же заливка, но зелёная.

   isolation:isolate создаёт контекст наложения, в нём z-index:-1
   кладёт квадрат поверх фона кнопки, но под текст — иначе он бы
   перекрыл надпись, а обернуть текст в разметке Bricks нельзя.
   ══════════════════════════════════════════════════════════════════════ */

.tk-btn--accent.tk-btn--arrow,
.tk-btn--green.tk-btn--arrow {
	isolation: isolate;
	background-image: none;
	background-size: auto;
	transition: color .2s ease .28s;
}

.tk-btn--arrow::after {
	z-index: -1;
	opacity: 1;
	width: var(--arw, 52px);
	transition: width .5s cubic-bezier(.33, 1, .68, 1), background-color .2s ease;
}

/* ── Наведение ──────────────────────────────────────────────────────── */

.tk-btn--accent.tk-btn--arrow:hover,
.tk-btn--green.tk-btn--arrow:hover {
	background-size: auto;
}

.tk-btn--accent.tk-btn--arrow:hover::after,
.tk-btn--green.tk-btn--arrow:hover::after {
	width: calc(100% - 6px);
	opacity: 1;
	background-color: var(--surface);
}

.tk-btn--accent.tk-btn--arrow:hover {
	color: var(--brand-accent);
}

.tk-btn--green.tk-btn--arrow:hover {
	color: var(--brand-green);
}

/* Стрелка остаётся на месте и меняет цвет вместе с текстом. */
.tk-btn--accent.tk-btn--arrow:hover::before,
.tk-btn--green.tk-btn--arrow:hover::before {
	inset-inline-end: calc(3px + (var(--arw, 52px) - 24px) / 2);
}

/* ── Нажатие: заливка зелёная, текст и стрелка белые ────────────────── */

.tk-btn--accent.tk-btn--arrow:active::after,
.tk-btn--green.tk-btn--arrow:active::after {
	width: calc(100% - 6px);
	background-color: var(--brand-green);
}

.tk-btn--accent.tk-btn--arrow:active,
.tk-btn--green.tk-btn--arrow:active {
	color: var(--surface);
	transition: color .12s ease;
}

.tk-btn--accent.tk-btn--arrow:active::before,
.tk-btn--green.tk-btn--arrow:active::before {
	background-color: var(--surface);
}

/* На тач-экранах :hover залипает после тапа — оставляем базовый вид. */
@media (hover: none) {
	.tk-btn--accent.tk-btn--arrow:hover::after,
	.tk-btn--green.tk-btn--arrow:hover::after {
		width: var(--arw, 52px);
		background-color: var(--surface);
	}

	.tk-btn--accent.tk-btn--arrow:hover,
	.tk-btn--green.tk-btn--arrow:hover {
		color: var(--surface);
	}
}
.tk-btn--accent.tk-btn--arrow,.tk-btn--green.tk-btn--arrow{transition:color .5s cubic-bezier(.33,1,.68,1)}
.tk-btn--accent.tk-btn--arrow:active,.tk-btn--green.tk-btn--arrow:active{transition:color .5s cubic-bezier(.33,1,.68,1)}
.tk-plan__card.tk-plan__card{--plan-photo:url(assets/img/plan.webp)}
@media (min-width:768px){.tk-gw-section.tk-gw-section{padding-block:var(--section-y) 160px}}
.tk-btn--accent.tk-btn--arrow,.tk-btn--green.tk-btn--arrow{transition:color .12s ease}
.tk-btn--arrow::after{transition:width .12s ease,inset-inline-end .12s ease,background-color .12s ease}
.tk-btn--accent.tk-btn--arrow:hover::after,.tk-btn--green.tk-btn--arrow:hover::after,.tk-btn--accent.tk-btn--arrow:active::after,.tk-btn--green.tk-btn--arrow:active::after{width:100%;inset-inline-end:0}
.tk-btn--accent.tk-btn--arrow,.tk-btn--green.tk-btn--arrow{transition:color .12s ease}
.tk-btn--arrow::after{transition:width .12s ease,inset-inline-end .12s ease,background-color .12s ease}
.tk-btn--accent.tk-btn--arrow:hover::after,.tk-btn--green.tk-btn--arrow:hover::after,.tk-btn--accent.tk-btn--arrow:active::after,.tk-btn--green.tk-btn--arrow:active::after{width:100%;inset-inline-end:0}
/* ══════════════════════════════════════════════════════════════════════
   1. Кнопка со стрелкой — состояния
   ══════════════════════════════════════════════════════════════════════
   Растягивание квадрата ::after давало оранжевую кайму: квадрат 52,
   кнопка 58, по 3 сверху и снизу оставался фон. Красим саму кнопку —
   тогда кайме взяться неоткуда, а квадрат остаётся своего размера
   и просто совпадает по цвету с фоном.

   Наведение: кнопка белая, надпись и стрелка терракотовые.
   Нажатие: кнопка зелёная, надпись и стрелка белые.
   Всё меняется одновременно за 0.15 с.
   ══════════════════════════════════════════════════════════════════════ */

.tk-btn--accent.tk-btn--arrow,
.tk-btn--green.tk-btn--arrow {
	background-image: none;
	background-size: auto;
	transition: background-color .15s ease, color .15s ease;
}

.tk-btn--arrow::after {
	width: var(--arw, 52px);
	height: var(--arw, 52px);
	inset-inline-end: 3px;
	opacity: 1;
	transition: background-color .15s ease;
}

.tk-btn--arrow::before {
	transition: background-color .15s ease;
}

/* ── Наведение ──────────────────────────────────────────────────────── */

.tk-btn--accent.tk-btn--arrow:hover,
.tk-btn--accent.tk-btn--arrow:focus-visible {
	background-color: var(--surface);
	color: var(--brand-accent);
}

.tk-btn--green.tk-btn--arrow:hover,
.tk-btn--green.tk-btn--arrow:focus-visible {
	background-color: var(--surface);
	color: var(--brand-green);
}

.tk-btn--accent.tk-btn--arrow:hover::after,
.tk-btn--green.tk-btn--arrow:hover::after {
	width: var(--arw, 52px);
	inset-inline-end: 3px;
	background-color: var(--surface);
}

.tk-btn--green.tk-btn--arrow:hover::before {
	background-color: var(--brand-green);
}

/* ── Нажатие ────────────────────────────────────────────────────────── */

.tk-btn--accent.tk-btn--arrow:active,
.tk-btn--green.tk-btn--arrow:active {
	background-color: var(--brand-green);
	color: var(--surface);
}

.tk-btn--accent.tk-btn--arrow:active::after,
.tk-btn--green.tk-btn--arrow:active::after {
	width: var(--arw, 52px);
	inset-inline-end: 3px;
	background-color: var(--brand-green);
}

.tk-btn--accent.tk-btn--arrow:active::before,
.tk-btn--green.tk-btn--arrow:active::before {
	background-color: var(--surface);
}

/* ══════════════════════════════════════════════════════════════════════
   2. Панель мобильного меню
   ══════════════════════════════════════════════════════════════════════
   Была растянута на весь экран, из-за чего под кнопкой Book Now
   оставалось пустое серое поле высотой в пол-экрана.
   В макете это карточка по высоте содержимого, под ней видна страница.
   ══════════════════════════════════════════════════════════════════════ */

.tk-mpanel.tk-mpanel {
	inset: 0 0 auto 0;
	height: auto;
	max-height: 100dvh;
	padding-block: 14px 24px;
	box-shadow: 0 18px 40px rgba(26, 29, 32, .18);
}
/* ══════════════════════════════════════════════════════════════════════
   Правки по аудиту на 360
   ══════════════════════════════════════════════════════════════════════ */

@media (max-width: 767px) {

	/* Шапка была 296: ширина считалась как контейнер минус 32, хотя
	   родитель .tk-header уже даёт поля по 16. Отнимали дважды. */
	.tk-mhead.tk-mhead {
		width: 100%;
		max-width: none;
	}

	/* Карточка тура 678 против 640. В макете жёсткая высота:
	   фото 180 + отступ 18 + контент 428 + низ 14 = 640. */
	.tk-tcard {
		height: 640px;
	}

	.tk-tcard__body {
		flex: 1;
		min-height: 0;
	}

	/* Плашка рейтинга 344 против 326: подложка 326 при полях 20
	   и промежутке 40 между текстом и карточкой рейтинга. */
	.tk-rvbar {
		height: 326px;
		min-height: 326px;
		box-sizing: border-box;
		justify-content: center;
	}

	/* ── Панель меню ────────────────────────────────────────────────
	   В макете «навигация+контакты» это карточка 328 с отступом 16
	   от краёв, начинается на 94 — под шапкой, а не от нуля.
	   Панель была во всю ширину и от верха экрана. */

	.tk-mpanel.tk-mpanel {
		inset: 0;
		width: 100%;
		height: 100dvh;
		max-height: none;
		padding: 14px 16px 24px;
		background: var(--surface-muted);
		box-shadow: none;
		overflow-y: auto;
	}

	.tk-mpanel__body.tk-mpanel__body {
		gap: 92px;
	}

	/* Плашка логотипа в панели тёмная 10%, а не белая стеклянная. */
	.tk-mpanel .tk-mlogo.tk-mlogo {
		background: rgba(26, 29, 32, .1);
		backdrop-filter: none;
	}

	/* Пункты меню: белые карточки 328×50 с промежутком 6. */
	.tk-mnav.tk-mnav {
		gap: 6px;
	}

	.tk-mnav__item.tk-mnav__item {
		box-sizing: border-box;
		width: 100%;
		min-height: 50px;
		padding: 13px 14px;
		border-radius: 8px;
	}
}
/* ══════════════════════════════════════════════════════════════════════
   1. Кнопка: фон и текст меняются ОДНОВРЕМЕННО
   ══════════════════════════════════════════════════════════════════════
   В файле осталось раннее правило с задержкой color .3s — фон белел
   сразу, а надпись краснела через треть секунды, и в этот промежуток
   белый текст оказывался на белом фоне. Отсюда исчезающая надпись.
   Здесь задержка снята для всех состояний.
   ══════════════════════════════════════════════════════════════════════ */

.tk-btn--accent.tk-btn--arrow,
.tk-btn--green.tk-btn--arrow,
.tk-btn--accent.tk-btn--arrow:hover,
.tk-btn--green.tk-btn--arrow:hover,
.tk-btn--accent.tk-btn--arrow:active,
.tk-btn--green.tk-btn--arrow:active {
	transition: background-color .15s ease 0s, color .15s ease 0s;
}

.tk-btn--arrow::after,
.tk-btn--arrow::before {
	transition: background-color .15s ease 0s;
}

/* ══════════════════════════════════════════════════════════════════════
   2. Мобильное меню: резиновое под любую ширину
   ══════════════════════════════════════════════════════════════════════
   Панель считалась от 360, поэтому на 375 и 414 содержимое уезжало
   вбок и появлялся горизонтальный скролл. Теперь ширина от экрана.
   ══════════════════════════════════════════════════════════════════════ */

@media (max-width: 1023px) {

	.tk-mpanel.tk-mpanel {
		inset: 0;
		box-sizing: border-box;
		width: 100%;
		max-width: 100%;
		height: 100dvh;
		padding: 14px 16px 24px;
		overflow-x: hidden;
		overflow-y: auto;
	}

	.tk-mpanel__top.tk-mpanel__top,
	.tk-mpanel__body.tk-mpanel__body,
	.tk-mnav.tk-mnav,
	.tk-mcontact.tk-mcontact,
	.tk-mcontact__list.tk-mcontact__list {
		box-sizing: border-box;
		width: 100%;
		max-width: 100%;
		min-width: 0;
	}

	.tk-mnav__item.tk-mnav__item,
	.tk-mcontact__cta.tk-mcontact__cta {
		box-sizing: border-box;
		width: 100%;
		max-width: 100%;
	}

	/* Длинная почта клиента не должна распирать панель. */
	.tk-mcontact__mail.tk-mcontact__mail {
		max-width: 100%;
		overflow-wrap: anywhere;
	}

	/* Шапка панели: бургер и логотип слева, мессенджеры справа,
	   между ними резиновый зазор вместо фиксированного. */
	.tk-mpanel .tk-mhead__left.tk-mhead__left {
		min-width: 0;
		flex: 1 1 auto;
	}

	.tk-mpanel .tk-mhead__social.tk-mhead__social {
		flex: none;
	}
}

body.tk-locked {
	overflow: hidden;
	overscroll-behavior: contain;
}
/* ══════════════════════════════════════════════════════════════════════
   1. Кнопка: белое заливает справа налево
   ══════════════════════════════════════════════════════════════════════
   На прототипе заливка поймана на середине: правая часть уже белая,
   левая ещё терракотовая, надпись и стрелка терракотовые.

   Реализация — квадрат ::after растёт от правого края на всю кнопку.
   z-index:-1 внутри isolation:isolate кладёт его над фоном, но под
   текст, иначе он перекрыл бы надпись.

   Цвет текста меняется на середине хода: раньше — белое на белом,
   позже — терракотовое на терракотовом. Отсюда задержка 0.2 с.
   ══════════════════════════════════════════════════════════════════════ */

.tk-btn--accent.tk-btn--arrow,
.tk-btn--green.tk-btn--arrow {
	isolation: isolate;
	background-image: none;
	transition: color .1s ease .2s;
}

.tk-btn--arrow::after {
	z-index: -1;
	inset-inline-end: 3px;
	top: 50%;
	height: var(--arw, 52px);
	width: var(--arw, 52px);
	transform: translateY(-50%);
	transition: width .45s cubic-bezier(.4, 0, .2, 1),
		height .45s cubic-bezier(.4, 0, .2, 1),
		inset-inline-end .45s cubic-bezier(.4, 0, .2, 1),
		border-radius .45s ease,
		background-color .2s ease;
}

.tk-btn--arrow::before {
	transition: background-color .1s ease .2s;
}

/* ── Наведение: белое доезжает до левого края ───────────────────────── */

.tk-btn--accent.tk-btn--arrow:hover::after,
.tk-btn--green.tk-btn--arrow:hover::after,
.tk-btn--accent.tk-btn--arrow:active::after,
.tk-btn--green.tk-btn--arrow:active::after {
	inset-inline-end: 0;
	width: 100%;
	height: 100%;
	border-radius: inherit;
}

.tk-btn--accent.tk-btn--arrow:hover {
	background-color: var(--brand-accent);
	color: var(--brand-accent);
}

.tk-btn--green.tk-btn--arrow:hover {
	background-color: var(--brand-green);
	color: var(--brand-green);
}

.tk-btn--green.tk-btn--arrow:hover::before {
	background-color: var(--brand-green);
}

/* ── Нажатие: та же заливка, но зелёная, надпись белая ──────────────── */

.tk-btn--accent.tk-btn--arrow:active::after,
.tk-btn--green.tk-btn--arrow:active::after {
	background-color: var(--brand-green);
}

.tk-btn--accent.tk-btn--arrow:active,
.tk-btn--green.tk-btn--arrow:active {
	color: var(--surface);
}

.tk-btn--accent.tk-btn--arrow:active::before,
.tk-btn--green.tk-btn--arrow:active::before {
	background-color: var(--surface);
}

/* ══════════════════════════════════════════════════════════════════════
   2. Панель меню: контакты прижаты к низу
   ══════════════════════════════════════════════════════════════════════
   В макете панель ровно по высоте экрана 718, пустоты нет.
   На высоких экранах внизу оставалось мёртвое поле — теперь
   навигация сверху, контакты снизу, промежуток тянется сам.
   ══════════════════════════════════════════════════════════════════════ */

@media (max-width: 1023px) {

	.tk-mpanel.tk-mpanel {
		display: none;
		flex-direction: column;
	}

	.tk-mpanel.is-open {
		display: flex;
	}

	.tk-mpanel__body.tk-mpanel__body {
		flex: 1;
		justify-content: space-between;
		gap: 92px;
		padding-block-end: 8px;
	}

	.tk-mnav.tk-mnav {
		flex: none;
	}

	.tk-mcontact.tk-mcontact {
		flex: none;
		margin-block-start: auto;
	}
}
@media (max-width:767px){.tk-inc__card{height:220px;min-height:220px;box-sizing:border-box;gap:0}}
/* ══════════════════════════════════════════════════════════════════════
   НИЗКИЕ ЭКРАНЫ — ноутбуки 13–15 дюймов
   ══════════════════════════════════════════════════════════════════════

   Макет отрисован на 1920×1080. На ноутбуке 15" рабочая высота окна
   около 700–800, и содержимое первого экрана перестаёт помещаться:
   заголовок, описание и кнопки уходят за нижнюю кромку.

   Правила навешены на высоту окна, а не на ширину — на больших
   мониторах всё остаётся ровно по спецификации.
   ══════════════════════════════════════════════════════════════════════ */

@media (min-width: 992px) and (max-height: 860px) {

	/* ── Баннер ────────────────────────────────────────────────────── */

	.tk-hero.tk-hero {
		min-height: 100svh;
		padding-block: 24px 40px;
	}

	.tk-hero__content.tk-hero__content {
		gap: clamp(28px, 4vh, 56px);
	}

	.tk-hero__title.tk-hero__title {
		font-size: clamp(40px, 5.4vh, 70px);
		line-height: 1.1;
	}

	.tk-hero__lead.tk-hero__lead {
		font-size: clamp(16px, 2vh, 22px);
		line-height: 1.4;
	}

	.tk-hero__actions.tk-hero__actions {
		gap: 20px;
	}

	/* Заголовок первого экрана тура ведёт себя так же. */
	.tk-hero--tour .tk-thero__title {
		font-size: clamp(36px, 4.8vh, 60px);
		line-height: 1.12;
	}

	/* ── Секции: общий отступ ужимаем пропорционально ──────────────── */

	.tk-section.tk-section {
		padding-block: clamp(56px, 9vh, 120px);
	}

	/* ── What's Included: плитки должны влезать целиком ────────────── */

	.tk-inc-section.tk-inc-section {
		padding-block: clamp(56px, 9vh, 140px);
	}

	.tk-inc__inner {
		gap: clamp(32px, 5vh, 64px);
	}

	.tk-inc__main {
		gap: clamp(24px, 4vh, 48px);
	}

	.tk-inc__card {
		min-height: 0;
		gap: clamp(20px, 3vh, 40px);
		padding: clamp(20px, 3vh, 32px);
	}

	.tk-inc__not {
		gap: clamp(18px, 3vh, 32px);
	}

	/* ── Отзывы: карточка ниже, содержимое то же ───────────────────── */

	.tk-rvs-section.tk-rvs-section {
		padding-block: clamp(56px, 9vh, 140px);
	}

	.tk-rvs__inner {
		gap: clamp(36px, 6vh, 80px);
	}

	.tk-rv,
	.tk-rv--video {
		min-height: 0;
		height: clamp(420px, 62vh, 620px);
	}

	.tk-rv__top {
		gap: clamp(20px, 3vh, 40px);
	}

	.tk-rv__photos {
		height: clamp(80px, 12vh, 110px);
	}

	.tk-rv__photo {
		height: 100%;
	}

	.tk-rvbar {
		min-height: 0;
		padding: clamp(20px, 3vh, 40px);
	}
}
/* ══════════════════════════════════════════════════════════════════════
   Блок локаций: параллакс и меньшая высота
   ══════════════════════════════════════════════════════════════════════
   По документу это «кинематографичный сторителлинг»: фото на всю
   ширину, при скролле движется медленнее страницы, поверх — плашка
   с подписью. Блок был во весь экран и без параллакса.
   Высота снижена до 72vh, чтобы не перекрывать первый экран целиком.
   ══════════════════════════════════════════════════════════════════════ */

@media (min-width: 992px) {

	.tk-places.tk-places {
		min-height: 0;
		height: clamp(520px, 72vh, 760px);
		overflow: hidden;
	}

	.tk-places__slide.tk-places__slide {
		min-height: 0;
		height: 100%;
		background-attachment: fixed;
		background-size: cover;
		background-position: center;
	}

	.tk-places__inner {
		height: 100%;
		display: flex;
		align-items: flex-end;
	}
}

/* На тач-экранах fixed работает рвано — оставляем обычную подложку. */
@media (hover: none), (max-width: 991px) {
	.tk-places__slide.tk-places__slide {
		background-attachment: scroll;
	}
}

/* Если анимации отключены системно — параллакс не показываем. */
@media (prefers-reduced-motion: reduce) {
	.tk-places__slide.tk-places__slide {
		background-attachment: scroll;
	}
}
@media (min-width:992px) and (prefers-reduced-motion:no-preference){.tk-places__slide.tk-places__slide{background-attachment:fixed}}
.tk-tcard__badge[data-badge="express"],.tk-tcard__badge.is-express{background:#2F6FBF}
.tk-tbadge--express.tk-tbadge--express{background:#2F6FBF}

.tk-tl__card,.tk-tl__pin,.tk-tl__pin::after,.tk-tl__time,.tk-tl__name,.tk-tl__desc{transition:background-color .25s ease,color .25s ease}

/* ══════════════════════════════════════════════════════════════════════
   Блок 09 What's Included: посадка на один экран
   ══════════════════════════════════════════════════════════════════════
   В макете 1920 секция имеет высоту 1252 — в экран 1080 она не влезает
   и там. Клиент попросил уместить целиком, поэтому отступы, поля карточек
   и высота плашек считаются от высоты окна.

   Верхние границы clamp равны макетным числам: на мониторе от 1300 по
   высоте блок остаётся ровно таким, как нарисован. Сжимается только там,
   где иначе не помещается.
   ══════════════════════════════════════════════════════════════════════ */

@media (min-width: 992px) {

	.tk-inc-section.tk-inc-section {
		padding-block: clamp(48px, 5.5vh, 120px);
	}

	.tk-inc__inner {
		gap: clamp(36px, 5vh, 70px);
	}

	.tk-inc__main {
		gap: clamp(28px, 3.7vh, 50px);
	}

	.tk-inc__grid {
		gap: clamp(16px, 1.9vh, 20px);
	}

	/* Жёсткая высота 256 из макета мешает: на низком экране карточка
	   должна тянуться по содержимому и не больше. */
	.tk-inc__card {
		min-height: 0;
		gap: clamp(20px, 3vh, 40px);
		padding: clamp(20px, 2.4vh, 28px);
	}

	.tk-inc__text {
		gap: clamp(12px, 1.9vh, 20px);
	}

	.tk-inc__not {
		gap: clamp(20px, 2.4vh, 34px);
	}

	.tk-inc__pills {
		gap: clamp(10px, 1.5vh, 20px);
	}

	/* Плашка «не включено»: в макете 80 высотой при полях 28.
	   На низком экране поля режутся, кегль и иконка остаются. */
	.tk-inc__pill {
		min-height: 0;
		gap: clamp(12px, 1.9vh, 20px);
		padding: clamp(14px, 1.9vh, 28px);
	}
}

/* ══════════════════════════════════════════════════════════════════════
   Блок 06: надзаголовок на странице тура + посадка на один экран
   ══════════════════════════════════════════════════════════════════════ */

/* Надзаголовок «Destination reviews» по документу клиента.
   Базовый .tk-eyebrow белый — он рисовался для зелёной карточки формы.
   Здесь фон светлый, поэтому нужен тёмный вариант. */
.tk-rvs__heading {
	display: flex;
	flex-direction: column;
	gap: 14px;
	min-width: 0;
}

.tk-eyebrow--dark.tk-eyebrow--dark {
	color: rgba(26, 29, 32, .5);
	text-transform: uppercase;
	letter-spacing: .04em;
}

.tk-eyebrow--dark::before {
	background-color: var(--brand-dark);
}

/* ── Посадка в экран ───────────────────────────────────────────────────
   Замер на 1920×1080: секция 1430 при окне 1080, лишних 350.
   Отступы секции дают 160, промежутки 82, остальное снимается с высоты
   карточки. Текст отзыва при этом обрезается многоточием — в макете он
   выводится целиком, это осознанное отклонение по просьбе клиента.

   Верхние границы clamp равны макетным числам: на высоком мониторе блок
   остаётся ровно таким, как нарисован. ── */

@media (min-width: 992px) and (max-height: 1200px) {

	.tk-rvs-section.tk-rvs-section {
		padding-block: clamp(48px, 5.5vh, 140px);
	}

	.tk-rvs__inner {
		gap: clamp(32px, 4.5vh, 90px);
	}

	.tk-rv,
	.tk-rv--video {
		min-height: 0;
		height: clamp(430px, 47vh, 620px);
	}

	/* Обрезка по строкам, а не по высоте: иначе последняя строка
	   разрезается пополам и выглядит как баг вёрстки. */
	.tk-rv__text {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 7;
		overflow: hidden;
	}

	.tk-rv__photos {
		height: clamp(96px, 12.8vh, 138px);
	}

	.tk-rv__photo {
		height: 100%;
	}
}

/* Логотип: горизонтальная версия от клиента, подпись справа убрана по его просьбе. Файл без альфа-канала (JPG из Канвы), поэтому под знаком остаётся белая плашка — в макете она тоже есть. */
.tk-logo__desc.tk-logo__desc,.tk-logo__desc{display:none}
.tk-logo__mark.tk-logo__mark{width:68px;height:40px;background:#fff url(assets/img/logo-h.webp) center/contain no-repeat;border-radius:6px}
.tk-mlogo__mark.tk-mlogo__mark{width:61px;height:36px;background:#fff url(assets/img/logo-h.webp) center/contain no-repeat;border-radius:4px}
.tk-footer__mark.tk-footer__mark{width:102px;height:60px;background:#fff url(assets/img/logo-h.webp) center/contain no-repeat;border-radius:6px}
.tk-mpanel .tk-mlogo__mark.tk-mlogo__mark{background-image:url(assets/img/logo-h.webp)}
@media (max-width:767px){.tk-footer__mark.tk-footer__mark{width:82px;height:48px}}
@media (min-width:1024px) and (max-width:1659px){.tk-logo__mark.tk-logo__mark{width:calc(68 * var(--hs));height:calc(40 * var(--hs))}}

/* Логотип с прозрачным фоном: плашка убрана, знак лежит прямо на стекле.
   Пропорция файла 1.645 — в макетные 166x40 (4.15) он не укладывается,
   это вертикальная компоновка от клиента, а не горизонтальная. */
.tk-logo__mark.tk-logo__mark{width:66px;height:40px;background:url(assets/img/logo-t.webp) center/contain no-repeat;border-radius:0}
.tk-mlogo__mark.tk-mlogo__mark{width:59px;height:36px;background:url(assets/img/logo-t.webp) center/contain no-repeat;border-radius:0}
.tk-footer__mark.tk-footer__mark{width:99px;height:60px;background:url(assets/img/logo-t.webp) center/contain no-repeat;border-radius:0}
.tk-mpanel .tk-mlogo__mark.tk-mlogo__mark{background-image:url(assets/img/logo-t.webp)}
@media (max-width:767px){.tk-footer__mark.tk-footer__mark{width:79px;height:48px}}
@media (min-width:1024px) and (max-width:1659px){.tk-logo__mark.tk-logo__mark{width:calc(66 * var(--hs));height:calc(40 * var(--hs))}}

/* Логотип крупнее: клиент убрал подпись справа и просил «максимально крупно».
   Пропорция файла 1.645, поэтому по ширине он ограничен — растём в высоту.
   Поле плашки уменьшено с 9 до 4, знак занимает почти всю высоту шапки. */
.tk-logo.tk-logo{padding:4px;gap:0}
.tk-logo__mark.tk-logo__mark{width:82px;height:50px}
.tk-mlogo.tk-mlogo{padding:4px}
.tk-mlogo__mark.tk-mlogo__mark{width:69px;height:42px}
.tk-footer__mark.tk-footer__mark{width:118px;height:72px}
@media (max-width:767px){.tk-mlogo.tk-mlogo{padding:4px}.tk-mlogo__mark.tk-mlogo__mark{width:69px;height:42px}.tk-footer__mark.tk-footer__mark{width:92px;height:56px}}
@media (min-width:1024px) and (max-width:1659px){.tk-logo.tk-logo{padding:calc(4 * var(--hs))}.tk-logo__mark.tk-logo__mark{width:calc(82 * var(--hs));height:calc(50 * var(--hs))}}

/* ══════════════════════════════════════════════════════════════════════
   Lightbox: раскрытие фото на полный экран
   ══════════════════════════════════════════════════════════════════════
   Пункт ТЗ и комментарий дизайнера в Figma. Реализация своя, без
   сторонней библиотеки: любая из них весит больше всего этого файла,
   а вес прямо влияет на требование PageSpeed 85+.
   ══════════════════════════════════════════════════════════════════════ */

.tk-tl__pic,
.tk-rv__photo,
.tk-gw__certpic,
.tk-gw__photo {
	cursor: zoom-in;
}

.tk-lb {
	position: fixed;
	inset: 0;
	z-index: 9999;
	display: none;
	align-items: center;
	justify-content: center;
	gap: clamp(8px, 2vw, 24px);
	padding: clamp(16px, 4vw, 60px);
	background: rgba(26, 29, 32, .92);
	backdrop-filter: blur(4px);
}

.tk-lb.is-open {
	display: flex;
}

.tk-lb__img {
	max-width: 100%;
	max-height: 100%;
	border-radius: var(--radius);
	object-fit: contain;
	cursor: default;
}

.tk-lb__close,
.tk-lb__nav {
	flex: none;
	width: 52px;
	height: 52px;
	padding: 0;
	border: 0;
	border-radius: var(--radius-sm);
	background: rgba(255, 255, 255, .12);
	cursor: pointer;
	transition: background-color .18s ease;
}

.tk-lb__close:hover,
.tk-lb__nav:hover {
	background: rgba(255, 255, 255, .24);
}


.tk-lb__close::before,
.tk-lb__nav::before {
	content: "";
	display: block;
	width: 22px;
	height: 22px;
	margin-inline: auto;
	background: #FFFFFF;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
}

.tk-lb__close {
	position: absolute;
	inset-block-start: clamp(12px, 2vw, 28px);
	inset-inline-end: clamp(12px, 2vw, 28px);
}

.tk-lb__close::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M5 5l12 12M17 5L5 17'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M5 5l12 12M17 5L5 17'/%3E%3C/svg%3E");
}

.tk-lb__nav--prev::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.05 12l4.95 4.95-1.41 1.41L8.22 12l6.37-6.36L16 7.05 11.05 12z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.05 12l4.95 4.95-1.41 1.41L8.22 12l6.37-6.36L16 7.05 11.05 12z'/%3E%3C/svg%3E");
}

.tk-lb__nav--next::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.17 12L8.22 7.05l1.42-1.41L16 12l-6.36 6.36-1.42-1.41L13.17 12z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.17 12L8.22 7.05l1.42-1.41L16 12l-6.36 6.36-1.42-1.41L13.17 12z'/%3E%3C/svg%3E");
}

@media (max-width: 767px) {
	.tk-lb__close,
	.tk-lb__nav {
		width: 44px;
		height: 44px;
	}
}

/* Логотип: в шапке белый силуэт поверх фото, в футере и светлой панели цветной. */
.tk-logo__mark.tk-logo__mark,
.tk-mhead .tk-mlogo__mark.tk-mlogo__mark{background-image:url(assets/img/logo-tw.webp)}
.tk-mpanel .tk-mlogo__mark.tk-mlogo__mark{background-image:url(assets/img/logo-t.webp)}
.tk-logo__mark.tk-logo__mark{width:74px;height:45px}
.tk-footer__mark.tk-footer__mark{width:148px;height:90px}
@media (max-width:767px){.tk-footer__mark.tk-footer__mark{width:115px;height:70px}}

@media (min-width:1024px) and (max-width:1659px){.tk-logo__mark.tk-logo__mark{width:74px;height:45px}}


.tk-btn.tk-btn{box-sizing:border-box}

@media (min-width:992px) and (max-width:1659px){
.tk-hero__actions .tk-btn:nth-child(1),
.tk-hero__actions .tk-btn:nth-child(2){flex:none}
}

@media (min-width:992px) and (max-width:1023px){
.tk-hero__actions .tk-btn:nth-child(1){width:320px;min-width:0}
.tk-hero__actions .tk-btn:nth-child(2){width:250px;min-width:0}
}

@media (min-width:1024px) and (max-width:1659px){
.tk-hero__actions .tk-btn:nth-child(1){width:296px;min-width:0;padding-inline:32px calc(var(--arw,52px) + 19px)}
.tk-hero__actions .tk-btn:nth-child(2){width:232px;min-width:0;padding-inline:32px}
}

@media (min-width:992px) and (max-width:1439px){
.tk-footer .tk-btn--arrow.tk-btn--arrow{width:auto;max-width:100%;padding-inline:32px calc(var(--arw,52px) + 19px)}
}


@media (min-width:1280px) and (max-width:1439px){
.tk-footer__main.tk-footer__main{gap:24px}
}

@media (min-width:1280px) and (max-width:1659px){
.tk-footer__main.tk-footer__main{grid-template-columns:1.4fr 1.25fr 1fr 1fr 1fr}
.tk-fcontact__number.tk-fcontact__number,
.tk-fcontact__mail.tk-fcontact__mail{white-space:nowrap}
}

/* Первый экран тура по высоте равен главной: клиент просил одинаковый вид.
   Было clamp(460, 26vw+300, 760) — на большом экране на 140 ниже главной. */
.tk-hero--tour.tk-hero--tour{min-height:clamp(560px,47vw + 391px,900px)}

/* Кнопка WhatsApp на первом экране тура: зелёная, как мессенджер в форме. */
.tk-btn--wa.tk-btn--wa{background:var(--brand-wa);color:var(--surface)}
.tk-btn--wa.tk-btn--wa:hover{filter:brightness(.92)}

/* Класс кнопки WhatsApp на первом экране тура отличается от tk-btn--wa:
   tours-contacts.php переписывает href у всего, что похоже на иконку
   мессенджера, и стирал текст сообщения из ссылки. */
.tk-btn--waask.tk-btn--waask{background:var(--brand-wa);color:var(--surface)}
.tk-btn--waask.tk-btn--waask:hover{filter:brightness(.92)}

/* Карточка тура на ноутбуках: жёсткие 788 из макета не влезают в экран,
   цена и кнопка уходили под кромку. Высота считается от высоты окна,
   верхняя граница макетная — на большом мониторе всё как нарисовано. */
@media (min-width:992px) and (max-height:1000px){
.tk-tcard{height:clamp(560px,72vh,788px)}
.tk-tcard__body{gap:clamp(10px,1.6vh,16px)}
.tk-tcard__top{gap:clamp(10px,1.6vh,16px)}
.tk-tcard__media{height:clamp(180px,24vh,260px)}
.tk-tcard__bottom{gap:clamp(10px,1.6vh,16px)}
}

/* Слайдер локаций: клиент просил 16:9 вместо прежних 72vh. Потолок 88vh —
   чтобы на широком мониторе блок не выходил за экран целиком. */
@media (min-width:992px){
.tk-places.tk-places{height:min(56.25vw,88vh);min-height:560px}
}

/* What's Included: заголовки карточек на одном уровне */
@media (min-width:992px){
.tk-inc__card.tk-inc__card{justify-content:flex-start}
.tk-inc__name.tk-inc__name{min-height:2.666em}
}

/* Первый экран тура: контент по центру, а не прижат к низу */
.tk-hero--tour.tk-hero--tour{justify-content:center}

/* Первый экран тура: контент ниже центра, но не впритык к низу */
.tk-hero--tour.tk-hero--tour .tk-hero__inner{margin-block:auto 0}
@media (min-height:700px){
.tk-hero--tour.tk-hero--tour .tk-hero__inner{margin-bottom:clamp(0px,14vh,120px)}
}

.tk-hero--tour.tk-hero--tour .tk-hero__inner{margin-bottom:clamp(0px,9vh,80px)}

/* Первый экран тура не выше окна: на низких экранах контент не уезжает */
@media (min-width:992px) and (max-height:860px){
.tk-hero--tour.tk-hero--tour{min-height:min(900px,100vh)}
.tk-hero--tour.tk-hero--tour .tk-hero__inner{margin-bottom:clamp(0px,5vh,60px)}
}

/* Первый экран тура на мобильных: контент ниже шапки */
@media (max-width:991px){
.tk-hero--tour.tk-hero--tour .tk-hero__inner{padding-top:84px}
}

/* Меню: колонка не должна переноситься во вторую колонку вправо */
.tk-mnav.tk-mnav{flex-wrap:nowrap}

/* Панель меню: колонка без переноса во вторую колонку вправо */
.tk-mpanel.tk-mpanel{flex-wrap:nowrap}

/* Панель меню на планшете: ширина как на мобильной, не на весь экран */
@media (min-width:600px) and (max-width:991px){
.tk-mpanel.tk-mpanel{width:min(420px,100%)}
}

/* Главный CTA тура ведёт в WhatsApp, но остаётся терракотовым */
.tk-btn--accent.tk-btn--waask{background:var(--brand-accent);color:var(--surface)}
.tk-btn--accent.tk-btn--waask:hover{filter:brightness(.92)}


/* Слайдер локаций строго 16:9: потолок 88vh срезал высоту на ноутбуках */
@media (min-width:992px){
.tk-places.tk-places{height:auto;aspect-ratio:16 / 9;min-height:560px}
}

/* Первый экран тура ведёт себя как главная: контент прижат к низу.
   Отменяет накопившиеся правки центрирования выше по файлу. */
.tk-hero--tour.tk-hero--tour{justify-content:flex-end}
.tk-hero--tour.tk-hero--tour .tk-hero__inner{margin-block:0;margin-bottom:0}
@media (min-width:992px) and (max-height:860px){
.tk-hero--tour.tk-hero--tour .tk-hero__inner{margin-bottom:0}
}