/*
Theme Name: VHS Sraz
Theme URI:
Author: Gwangi
Author URI:
Description: Vlastní moderní bloková šablona pro akci VHS Sraz, její hosty, program, VHS burzu, místo konání a kontaktní informace.
Requires at least: 7.0
Tested up to: 7.0
Requires PHP: 5.7
Version: 1.4.82
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vhs-sraz
Tags: full-site-editing, block-patterns, custom-colors, custom-logo
*/

@import url("https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@700;800;900&family=Roboto+Condensed:wght@500;600;700;800&family=Roboto:wght@400;500;600;700&display=swap");

/* ==========================================================
   COLOR AUDIT 11A — COMPLETED
   Staré výrazné cyan, růžové, oranžové a textové odstíny byly
   převedeny na centrální VHS Sraz master paletu.
   ========================================================== */

/* ==========================================================
   VHS SRAZ — ZÁKLADNÍ VIZUÁLNÍ SYSTÉM
   ========================================================== */

:root {
	/* Hlavní typografický systém */
	--vhs-font-display: "Big Shoulders Display", "Arial Narrow", Impact, sans-serif;
	--vhs-font-heading: "Roboto Condensed", "Arial Narrow", Arial, sans-serif;
	--vhs-font-body: Roboto, "Segoe UI", Arial, sans-serif;

	/* ======================================================
	   VHS SRAZ — MASTER COLOR SYSTEM 1.0
	   Barevná paleta podle dodaných design sheetů.
	   Původní názvy proměnných zůstávají jako kompatibilní
	   aliasy, aby celý existující web fungoval bez přepisování.
	   ====================================================== */

	/* Základní tmavé vrstvy */
	--vhs-bg-deep: #070A14;
	--vhs-bg: #0B0F1A;
	--vhs-black: var(--vhs-bg-deep);

	--vhs-panel: #121A33;
	--vhs-panel-blue: #0F1F3B;
	--vhs-panel-purple: #1A1030;
	--vhs-panel-light: var(--vhs-panel-blue);

	--vhs-border-dark: #2D3B66;
	--vhs-border-neutral: #394155;

	/* Hlavní brandové barvy */
	--vhs-cyan: #00E5FF;
	--vhs-pink: #FF2ED1;
	--vhs-pink-ui: #FF2EA6;
	--vhs-purple: #7A1FFF;
	--vhs-orange: #FFBB00;

	/* Texty a neutrální barvy */
	--vhs-white: #FFFFFF;
	--vhs-text: #E6FBFF;
	--vhs-text-soft: #E6E9EF;
	--vhs-text-muted: #7C8699;
	--vhs-muted: var(--vhs-text-muted);
	--vhs-disabled: #BFC7D5;

	/* Stavové barvy */
	--vhs-success: #3ED98B;
	--vhs-warning: var(--vhs-orange);
	--vhs-error: #FF4D9C;
	--vhs-info: var(--vhs-cyan);

	/* Průhledné varianty */
	--vhs-cyan-04: rgba(0, 229, 255, 0.04);
	--vhs-cyan-08: rgba(0, 229, 255, 0.08);
	--vhs-cyan-12: rgba(0, 229, 255, 0.12);
	--vhs-cyan-18: rgba(0, 229, 255, 0.18);
	--vhs-cyan-28: rgba(0, 229, 255, 0.28);
	--vhs-cyan-45: rgba(0, 229, 255, 0.45);

	--vhs-pink-04: rgba(255, 46, 209, 0.04);
	--vhs-pink-08: rgba(255, 46, 209, 0.08);
	--vhs-pink-12: rgba(255, 46, 209, 0.12);
	--vhs-pink-18: rgba(255, 46, 209, 0.18);
	--vhs-pink-28: rgba(255, 46, 209, 0.28);
	--vhs-pink-45: rgba(255, 46, 209, 0.45);

	--vhs-purple-10: rgba(122, 31, 255, 0.10);
	--vhs-purple-20: rgba(122, 31, 255, 0.20);
	--vhs-purple-35: rgba(122, 31, 255, 0.35);

	--vhs-white-05: rgba(255, 255, 255, 0.05);
	--vhs-white-08: rgba(255, 255, 255, 0.08);
	--vhs-white-12: rgba(255, 255, 255, 0.12);

	/* Kompatibilní původní systém */
	--vhs-border: var(--vhs-cyan-18);
	--vhs-shadow: 0 24px 70px rgba(0, 0, 0, 0.42);
	--vhs-radius-small: 14px;
	--vhs-radius: 24px;
	--vhs-radius-medium: 10px;
	--vhs-radius-large: 36px;
	--vhs-transition: 180ms ease;

	/* Glow */
	--vhs-glow-cyan-soft:
		0 0 7px rgba(0, 229, 255, 0.38),
		0 0 18px rgba(0, 229, 255, 0.18);

	--vhs-glow-cyan-medium:
		0 0 6px rgba(0, 229, 255, 0.58),
		0 0 16px rgba(0, 229, 255, 0.30),
		0 0 30px rgba(0, 229, 255, 0.14);

	--vhs-glow-pink-soft:
		0 0 7px rgba(255, 46, 209, 0.38),
		0 0 18px rgba(255, 46, 209, 0.18);

	--vhs-glow-pink-medium:
		0 0 6px rgba(255, 46, 209, 0.58),
		0 0 16px rgba(255, 46, 209, 0.30),
		0 0 30px rgba(255, 46, 209, 0.14);

	--vhs-glow-purple-soft:
		0 0 8px rgba(122, 31, 255, 0.36),
		0 0 20px rgba(122, 31, 255, 0.16);

	/* Gradienty */
	--vhs-gradient-brand:
		linear-gradient(
			90deg,
			var(--vhs-cyan) 0%,
			var(--vhs-purple) 50%,
			var(--vhs-pink) 100%
		);

	--vhs-gradient-brand-reverse:
		linear-gradient(
			90deg,
			var(--vhs-pink) 0%,
			var(--vhs-purple) 50%,
			var(--vhs-cyan) 100%
		);

	--vhs-gradient-panel:
		linear-gradient(
			135deg,
			var(--vhs-panel-blue) 0%,
			var(--vhs-panel-purple) 100%
		);

	--vhs-gradient-background:
		radial-gradient(
			circle at 18% 12%,
			rgba(0, 229, 255, 0.09) 0%,
			transparent 34%
		),
		radial-gradient(
			circle at 82% 18%,
			rgba(255, 46, 209, 0.09) 0%,
			transparent 36%
		),
		linear-gradient(
			180deg,
			var(--vhs-bg) 0%,
			var(--vhs-bg-deep) 100%
		);
}

html {
	scroll-behavior: smooth;
}

body {
	min-height: 100vh;
	margin: 0;
	color: var(--vhs-white);
	background:
		radial-gradient(
			circle at 12% 8%,
			rgba(0, 229, 255, 0.1),
			transparent 32rem
		),
		radial-gradient(
			circle at 88% 18%,
			rgba(255, 46, 166, 0.09),
			transparent 34rem
		),
		linear-gradient(180deg, #080b18 0%, var(--vhs-black) 48%, #03040a 100%);
	background-attachment: fixed;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

body,
button,
input,
select,
textarea {
	font-family: var(--vhs-font-body);
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

::selection {
	color: var(--vhs-black);
	background: var(--vhs-cyan);
}

.wp-site-blocks {
	min-height: 100vh;
	overflow: hidden;
}

/* ==========================================================
   TEXT A ODKAZY
   ========================================================== */

h1,
h2,
h3,
h4,
h5,
h6 {
	text-wrap: balance;
}

p {
	text-wrap: pretty;
}

a {
	transition:
		color var(--vhs-transition),
		opacity var(--vhs-transition),
		text-shadow var(--vhs-transition);
}

a:hover {
	color: var(--vhs-white);
	text-shadow: 0 0 18px rgba(0, 229, 255, 0.72);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
	outline: 2px solid var(--vhs-cyan);
	outline-offset: 4px;
}

/* ==========================================================
   OBRÁZKY A MÉDIA
   ========================================================== */

img {
	max-width: 100%;
	height: auto;
}

figure {
	margin-top: 0;
	margin-bottom: 0;
}

.wp-block-image img,
.wp-block-post-featured-image img {
	display: block;
}

/* ==========================================================
   TLAČÍTKA
   ========================================================== */

.wp-block-button__link,
.wp-element-button,
button,
input[type="submit"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.55rem;
	min-height: 48px;
	border: 1px solid rgba(0, 229, 255, 0.55);
	border-radius: 999px;
	color: var(--vhs-black);
	background: linear-gradient(135deg, var(--vhs-cyan), var(--vhs-text));
	box-shadow:
		0 0 0 rgba(0, 229, 255, 0),
		0 10px 30px rgba(0, 229, 255, 0.14);
	font-weight: 800;
	line-height: 1;
	text-decoration: none;
	cursor: pointer;
	transition:
		transform var(--vhs-transition),
		box-shadow var(--vhs-transition),
		filter var(--vhs-transition);
}

.wp-block-button__link:hover,
.wp-element-button:hover,
button:hover,
input[type="submit"]:hover {
	color: var(--vhs-black);
	transform: translateY(-2px);
	filter: brightness(1.05);
	box-shadow:
		0 0 28px rgba(0, 229, 255, 0.34),
		0 16px 36px rgba(0, 0, 0, 0.28);
	text-shadow: none;
}

.wp-block-button.is-style-outline .wp-block-button__link {
	color: var(--vhs-white);
	background: rgba(5, 7, 17, 0.52);
	border-color: rgba(244, 246, 255, 0.28);
	box-shadow: none;
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
	color: var(--vhs-cyan);
	border-color: var(--vhs-cyan);
	background: rgba(0, 229, 255, 0.08);
	box-shadow: 0 0 24px rgba(0, 229, 255, 0.18);
}

/* ==========================================================
   PANELY A KARTY
   ========================================================== */

.vhs-panel,
.vhs-card {
	position: relative;
	border: 1px solid var(--vhs-border);
	border-radius: var(--vhs-radius);
	background:
		linear-gradient(
			145deg,
			rgba(19, 27, 51, 0.94),
			rgba(8, 12, 27, 0.94)
		);
	box-shadow: var(--vhs-shadow);
	overflow: hidden;
}

.vhs-card {
	transition:
		transform var(--vhs-transition),
		border-color var(--vhs-transition),
		box-shadow var(--vhs-transition);
}

.vhs-card:hover {
	transform: translateY(-5px);
	border-color: rgba(0, 229, 255, 0.42);
	box-shadow:
		0 26px 80px rgba(0, 0, 0, 0.5),
		0 0 28px rgba(0, 229, 255, 0.08);
}

.vhs-glow-cyan {
	box-shadow:
		var(--vhs-shadow),
		0 0 42px rgba(0, 229, 255, 0.12);
}

.vhs-glow-pink {
	box-shadow:
		var(--vhs-shadow),
		0 0 42px rgba(255, 46, 166, 0.12);
}

.vhs-kicker {
	color: var(--vhs-cyan);
	font-size: 0.78rem;
	font-weight: 800;
	letter-spacing: 0.18em;
	line-height: 1.2;
	text-transform: uppercase;
}

.vhs-muted {
	color: var(--vhs-muted);
}

/* ==========================================================
   NEONOVÉ TEXTY
   ========================================================== */

.vhs-neon-cyan {
	color: var(--vhs-cyan);
	text-shadow:
		0 0 8px rgba(0, 229, 255, 0.72),
		0 0 26px rgba(0, 229, 255, 0.36);
}

.vhs-neon-pink {
	color: var(--vhs-pink);
	text-shadow:
		0 0 8px rgba(255, 46, 166, 0.72),
		0 0 26px rgba(255, 46, 166, 0.36);
}

.vhs-neon-orange {
	color: var(--vhs-orange);
	text-shadow:
		0 0 8px rgba(255, 187, 0, 0.7),
		0 0 28px rgba(255, 187, 0, 0.34);
}

/* ==========================================================
   FORMULÁŘE
   ========================================================== */

input,
select,
textarea {
	width: 100%;
	max-width: 100%;
	border: 1px solid rgba(170, 177, 197, 0.24);
	border-radius: var(--vhs-radius-small);
	color: var(--vhs-white);
	background: rgba(5, 7, 17, 0.76);
	padding: 0.9rem 1rem;
	font-size: 1rem;
	transition:
		border-color var(--vhs-transition),
		box-shadow var(--vhs-transition),
		background var(--vhs-transition);
}

input:focus,
select:focus,
textarea:focus {
	border-color: var(--vhs-cyan);
	background: rgba(12, 18, 36, 0.96);
	box-shadow: 0 0 0 4px rgba(0, 229, 255, 0.1);
}

textarea {
	min-height: 150px;
	resize: vertical;
}

::placeholder {
	color: rgba(170, 177, 197, 0.68);
}

/* ==========================================================
   ODDĚLOVAČE A TABULKY
   ========================================================== */

.wp-block-separator {
	height: 1px;
	border: 0;
	background: linear-gradient(
		90deg,
		transparent,
		rgba(0, 229, 255, 0.42),
		rgba(255, 46, 166, 0.34),
		transparent
	);
}

table {
	width: 100%;
	border-collapse: collapse;
}

th,
td {
	border-bottom: 1px solid rgba(170, 177, 197, 0.16);
	padding: 0.9rem 1rem;
	text-align: left;
}

th {
	color: var(--vhs-cyan);
}

/* ==========================================================
   RESPONZIVNÍ CHOVÁNÍ
   ========================================================== */

@media (max-width: 782px) {
	body {
		background-attachment: scroll;
	}

	.vhs-panel,
	.vhs-card {
		border-radius: 20px;
	}

	.wp-block-button,
	.wp-block-button__link {
		width: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}/* ==========================================================
   HLAVIČKA WEBU
   ========================================================== */

.vhs-site-header {
	position: sticky;
	z-index: 1000;
	top: 0;
	border-bottom: 1px solid rgba(0, 229, 255, 0.16);
	background: rgba(5, 7, 17, 0.88);
	box-shadow:
		0 14px 45px rgba(0, 0, 0, 0.34),
		0 1px 0 rgba(255, 46, 166, 0.08);
	-webkit-backdrop-filter: blur(18px);
	backdrop-filter: blur(18px);
}

.vhs-header-inner {
	width: 100%;
	min-height: 68px;
	gap: 2rem;
}

.vhs-brand {
	flex-shrink: 0;
	gap: 0.85rem;
}

.vhs-brand .custom-logo {
	display: block;
	border-radius: 12px;
	filter:
		drop-shadow(0 0 10px rgba(0, 229, 255, 0.32))
		drop-shadow(0 0 18px rgba(255, 46, 166, 0.18));
}

.vhs-brand-title {
	margin: 0;
	font-family: "Arial Narrow", "Roboto Condensed", Impact, sans-serif;
	font-size: clamp(1.25rem, 1rem + 0.7vw, 1.75rem);
	font-weight: 900;
	letter-spacing: 0.08em;
	line-height: 1;
	text-transform: uppercase;
}

.vhs-brand-title a {
	color: var(--vhs-orange);
	text-decoration: none;
	text-shadow:
		0 0 8px rgba(255, 187, 0, 0.72),
		0 0 24px rgba(255, 187, 0, 0.34);
}

.vhs-brand-title a:hover {
	color: var(--vhs-orange);
	text-shadow:
		0 0 10px rgba(255, 187, 0, 0.9),
		0 0 30px rgba(255, 187, 0, 0.5);
}

.vhs-brand-subtitle {
	margin: 0;
	color: var(--vhs-muted);
	font-size: 0.66rem !important;
	font-weight: 700;
	letter-spacing: 0.16em;
	line-height: 1.25;
	text-transform: uppercase;
}

.vhs-header-actions {
	gap: 1.5rem;
}

.vhs-main-nav {
	font-size: 0.84rem;
	font-weight: 750;
	letter-spacing: 0.055em;
	text-transform: uppercase;
}

.vhs-main-nav .wp-block-navigation-item__content {
	position: relative;
	padding: 0.65rem 0.15rem;
	color: var(--vhs-white);
	text-decoration: none;
}

.vhs-main-nav .wp-block-navigation-item__content::after {
	position: absolute;
	right: 0;
	bottom: 0.25rem;
	left: 0;
	height: 2px;
	border-radius: 999px;
	background: linear-gradient(
		90deg,
		var(--vhs-cyan),
		var(--vhs-pink)
	);
	box-shadow: 0 0 12px rgba(0, 229, 255, 0.5);
	content: "";
	opacity: 0;
	transform: scaleX(0);
	transition:
		opacity var(--vhs-transition),
		transform var(--vhs-transition);
}

.vhs-main-nav .wp-block-navigation-item__content:hover {
	color: var(--vhs-cyan);
	text-shadow: 0 0 15px rgba(0, 229, 255, 0.54);
}

.vhs-main-nav .wp-block-navigation-item__content:hover::after,
.vhs-main-nav .current-menu-item > .wp-block-navigation-item__content::after {
	opacity: 1;
	transform: scaleX(1);
}

.vhs-main-nav .current-menu-item > .wp-block-navigation-item__content {
	color: var(--vhs-cyan);
}

.vhs-main-nav .wp-block-navigation__submenu-container {
	min-width: 220px;
	padding: 0.55rem;
	border: 1px solid rgba(0, 229, 255, 0.2);
	border-radius: 16px;
	background: rgba(12, 18, 36, 0.98);
	box-shadow: var(--vhs-shadow);
}

.vhs-main-nav .wp-block-navigation__responsive-container-open,
.vhs-main-nav .wp-block-navigation__responsive-container-close {
	color: var(--vhs-cyan);
}

.vhs-main-nav .wp-block-navigation__responsive-container.is-menu-open {
	padding: 1.5rem;
	background:
		radial-gradient(
			circle at 85% 10%,
			rgba(255, 46, 166, 0.14),
			transparent 24rem
		),
		var(--vhs-black);
}

@media (max-width: 900px) {
	.vhs-site-header {
		padding-right: 18px !important;
		padding-left: 18px !important;
	}

	.vhs-header-inner {
		min-height: 58px;
	}

	.vhs-brand-subtitle {
		display: none;
	}

	.vhs-main-nav {
		font-size: 1rem;
	}
}

@media (max-width: 480px) {
	.vhs-brand-title {
		font-size: 1.15rem;
	}

	.vhs-brand .wp-block-site-logo {
		display: none;
	}

}
/* ==========================================================
   HOME HERO
   ========================================================== */

.vhs-home {
	position: relative;
	margin: 0;
	padding: 0 24px 80px;
}

.vhs-home::before {
	position: fixed;
	z-index: -1;
	inset: 0;
	pointer-events: none;
	background:
		linear-gradient(
			rgba(0, 229, 255, 0.018) 1px,
			transparent 1px
		),
		linear-gradient(
			90deg,
			rgba(0, 229, 255, 0.018) 1px,
			transparent 1px
		);
	background-size: 46px 46px;
	content: "";
	-webkit-mask-image: linear-gradient(
		to bottom,
		black,
		transparent 72%
	);
	mask-image: linear-gradient(
		to bottom,
		black,
		transparent 72%
	);
}

.vhs-hero {
	position: relative;
	margin: 0;
	padding: clamp(38px, 5vw, 76px) 0 36px;
	isolation: isolate;
}

.vhs-hero::before {
	position: absolute;
	z-index: -2;
	inset: -100px -24px 0;
	background:
		radial-gradient(
			circle at 18% 28%,
			rgba(18, 122, 190, 0.13),
			transparent 36rem
		),
		radial-gradient(
			circle at 79% 25%,
			rgba(255, 46, 166, 0.14),
			transparent 32rem
		);
	content: "";
	pointer-events: none;
}

.vhs-hero-grid {
	display: grid;
	grid-template-columns:
		minmax(0, 0.92fr)
		minmax(420px, 1.08fr);
	align-items: center;
	width: 100%;
	min-height: 590px;
	margin: 0 auto;
	gap: clamp(28px, 4vw, 68px);
}

.vhs-hero-copy {
	position: relative;
	z-index: 2;
	max-width: 690px;
	padding: 18px 0 34px;
}

.vhs-hero-kicker {
	margin: 0 0 20px;
	color: var(--vhs-cyan);
	font-family: "Arial Narrow", "Roboto Condensed", sans-serif;
	font-size: clamp(0.72rem, 0.62rem + 0.28vw, 0.95rem);
	font-weight: 800;
	letter-spacing: 0.09em;
	line-height: 1.25;
	text-transform: uppercase;
	text-shadow: 0 0 16px rgba(0, 229, 255, 0.38);
}

.vhs-hero-title {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin: 0 0 24px;
	font-family: "Arial Narrow", Impact, sans-serif;
	font-size: clamp(4.3rem, 7.2vw, 8.2rem);
	font-weight: 900;
	letter-spacing: 0.015em;
	line-height: 0.82;
	text-transform: uppercase;
}

.vhs-hero-title span {
	display: block;
	width: fit-content;
	color: rgba(5, 7, 17, 0.28);
	-webkit-text-fill-color: rgba(5, 7, 17, 0.28);
}

.vhs-title-cyan {
	-webkit-text-stroke: 2px var(--vhs-cyan);
	text-shadow:
		0 0 4px rgba(0, 229, 255, 0.95),
		0 0 13px rgba(0, 229, 255, 0.68),
		0 0 32px rgba(0, 229, 255, 0.28);
}

.vhs-title-pink {
	-webkit-text-stroke: 2px var(--vhs-pink);
	text-shadow:
		0 0 4px rgba(255, 46, 166, 0.95),
		0 0 13px rgba(255, 46, 166, 0.7),
		0 0 34px rgba(255, 46, 166, 0.3);
}

.vhs-hero-lead {
	max-width: 620px;
	margin: 0 0 30px;
	color: var(--vhs-pink);
	font-family: "Arial Narrow", "Roboto Condensed", sans-serif;
	font-size: clamp(1rem, 0.88rem + 0.5vw, 1.4rem);
	font-weight: 800;
	letter-spacing: 0.07em;
	line-height: 1.35;
	text-transform: uppercase;
	text-shadow: 0 0 18px rgba(255, 46, 166, 0.25);
}

.vhs-event-meta {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin: 0 0 30px;
	gap: 12px;
}

.vhs-event-meta p {
	position: relative;
	margin: 0;
	padding-left: 40px;
	color: var(--vhs-white);
	font-size: clamp(1rem, 0.92rem + 0.3vw, 1.2rem);
	line-height: 1.45;
}

.vhs-event-meta p::before {
	position: absolute;
	top: 50%;
	left: 0;
	width: 27px;
	color: var(--vhs-pink);
	font-size: 1.35rem;
	font-weight: 900;
	text-align: center;
	text-shadow: 0 0 14px rgba(255, 46, 166, 0.6);
	transform: translateY(-52%);
}

.vhs-event-meta p:first-child::before {
	content: "▣";
}

.vhs-event-meta p:last-child::before {
	content: "⌖";
}

.vhs-event-meta strong {
	margin-right: 0.35rem;
	color: var(--vhs-cyan);
	font-family: "Arial Narrow", "Roboto Condensed", sans-serif;
	font-weight: 800;
	letter-spacing: 0.04em;
	text-shadow: 0 0 14px rgba(0, 229, 255, 0.3);
}

.vhs-hero-buttons {
	margin-top: 4px;
	gap: 14px;
}

.vhs-hero-buttons .wp-block-button:first-child .wp-block-button__link {
	min-width: 180px;
	border-color: rgba(255, 46, 166, 0.82);
	color: var(--vhs-white);
	background: linear-gradient(
		135deg,
		var(--vhs-pink-ui),
		var(--vhs-pink)
	);
	box-shadow:
		0 0 22px rgba(255, 46, 166, 0.42),
		0 14px 34px rgba(0, 0, 0, 0.3);
}

.vhs-hero-buttons .wp-block-button:first-child .wp-block-button__link:hover {
	color: var(--vhs-white);
	box-shadow:
		0 0 34px rgba(255, 46, 166, 0.6),
		0 18px 42px rgba(0, 0, 0, 0.34);
}

.vhs-hero-buttons .is-style-outline .wp-block-button__link {
	min-width: 165px;
	border-color: rgba(0, 229, 255, 0.68);
	color: var(--vhs-cyan);
	background: rgba(4, 8, 19, 0.66);
}

.vhs-hero-visual {
	position: relative;
	align-self: stretch;
	min-height: 590px;
}

.vhs-hero-visual::before {
	position: absolute;
	z-index: -1;
	inset: 8% 5% 2%;
	border-radius: 50%;
	background:
		radial-gradient(
			circle,
			rgba(255, 46, 166, 0.26),
			rgba(0, 229, 255, 0.12) 42%,
			transparent 72%
		);
	filter: blur(35px);
	content: "";
}

.vhs-hero-screen {
	position: relative;
	display: grid;
	align-items: center;
	justify-items: center;
	height: 100%;
	min-height: 590px;
	border: 1px solid rgba(0, 229, 255, 0.2);
	border-radius: 72px 72px 24px 24px;
	background:
		linear-gradient(
			90deg,
			transparent 49.7%,
			rgba(0, 229, 255, 0.09) 50%,
			transparent 50.3%
		),
		linear-gradient(
			0deg,
			transparent 49.7%,
			rgba(255, 46, 166, 0.07) 50%,
			transparent 50.3%
		),
		radial-gradient(
			circle at 32% 42%,
			rgba(25, 154, 211, 0.26),
			transparent 37%
		),
		radial-gradient(
			circle at 72% 45%,
			rgba(255, 46, 166, 0.28),
			transparent 38%
		),
		linear-gradient(
			145deg,
			#101c37 0%,
			#090d1d 50%,
			#18091c 100%
		);
	box-shadow:
		inset 0 0 70px rgba(0, 0, 0, 0.72),
		0 26px 80px rgba(0, 0, 0, 0.42),
		0 0 40px rgba(0, 229, 255, 0.08);
	overflow: hidden;
}

.vhs-hero-screen::before {
	position: absolute;
	inset: 0;
	background: repeating-linear-gradient(
		0deg,
		rgba(255, 255, 255, 0.025) 0,
		rgba(255, 255, 255, 0.025) 1px,
		transparent 1px,
		transparent 5px
	);
	content: "";
	pointer-events: none;
}

.vhs-hero-screen::after {
	position: absolute;
	inset: 0;
	background: linear-gradient(
		90deg,
		rgba(0, 229, 255, 0.04),
		transparent 38%,
		transparent 62%,
		rgba(255, 46, 166, 0.06)
	);
	content: "";
	pointer-events: none;
}

.vhs-screen-label {
	position: relative;
	z-index: 2;
	margin: 0;
	padding: 14px 22px;
	border: 2px solid var(--vhs-orange);
	border-radius: 8px;
	color: var(--vhs-orange);
	background: rgba(5, 7, 17, 0.78);
	box-shadow:
		0 0 12px rgba(255, 187, 0, 0.56),
		0 0 35px rgba(255, 187, 0, 0.2);
	font-family: "Arial Narrow", Impact, sans-serif;
	font-size: 0.82rem;
	font-weight: 900;
	letter-spacing: 0.11em;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0 0 10px rgba(255, 187, 0, 0.62);
	transform: rotate(-3deg);
}

@media (max-width: 1050px) {
	.vhs-hero-grid {
		grid-template-columns: minmax(0, 1fr) minmax(360px, 0.88fr);
		min-height: 520px;
	}

	.vhs-hero-title {
		font-size: clamp(4rem, 7.6vw, 6.6rem);
	}

	.vhs-hero-visual,
	.vhs-hero-screen {
		min-height: 520px;
	}
}

@media (max-width: 820px) {
	.vhs-home {
		padding-right: 18px;
		padding-left: 18px;
	}

	.vhs-hero-grid {
		grid-template-columns: 1fr;
		min-height: 0;
	}

	.vhs-hero-copy {
		max-width: 100%;
	}

	.vhs-hero-title {
		font-size: clamp(4rem, 16vw, 7rem);
	}

	.vhs-hero-visual,
	.vhs-hero-screen {
		min-height: 440px;
	}

	.vhs-hero-screen {
		border-radius: 42px 42px 20px 20px;
	}
}

@media (max-width: 480px) {
	.vhs-hero {
		padding-top: 30px;
	}

	.vhs-hero-title {
		font-size: clamp(3.45rem, 18vw, 5rem);
		-webkit-text-stroke-width: 1.5px;
	}

	.vhs-hero-buttons {
		width: 100%;
	}

	.vhs-event-meta p {
		padding-left: 34px;
	}

	.vhs-hero-visual,
	.vhs-hero-screen {
		min-height: 350px;
	}
}
/* ==========================================================
   INFORMAČNÍ KARTY POD HERO SEKCI
   ========================================================== */

.vhs-info-grid {
	position: relative;
	z-index: 5;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	width: 100%;
	margin: -18px auto 0;
	padding: 0;
	gap: 16px;
}

.vhs-info-card {
	position: relative;
	min-height: 230px;
	margin: 0;
	padding: 28px 25px 26px;
	border: 1px solid rgba(170, 177, 197, 0.28);
	border-radius: 14px;
	background:
		linear-gradient(
			145deg,
			rgba(18, 25, 48, 0.96),
			rgba(6, 10, 24, 0.98)
		);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.035),
		inset 0 0 38px rgba(0, 229, 255, 0.025),
		0 18px 42px rgba(0, 0, 0, 0.3);
	overflow: hidden;
	transition:
		transform 180ms ease,
		border-color 180ms ease,
		box-shadow 180ms ease;
}

.vhs-info-card::before {
	position: absolute;
	top: 0;
	right: 18px;
	left: 18px;
	height: 1px;
	background: linear-gradient(
		90deg,
		transparent,
		rgba(0, 229, 255, 0.72),
		transparent
	);
	content: "";
	opacity: 0.72;
}

.vhs-info-card::after {
	position: absolute;
	right: -70px;
	bottom: -80px;
	width: 170px;
	height: 170px;
	border-radius: 50%;
	background: rgba(0, 229, 255, 0.08);
	filter: blur(40px);
	content: "";
	pointer-events: none;
}

.vhs-info-card:hover {
	transform: translateY(-5px);
	border-color: rgba(0, 229, 255, 0.5);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.05),
		0 24px 60px rgba(0, 0, 0, 0.4),
		0 0 24px rgba(0, 229, 255, 0.08);
}

.vhs-info-card-pink::before {
	background: linear-gradient(
		90deg,
		transparent,
		rgba(255, 46, 166, 0.8),
		transparent
	);
}

.vhs-info-card-pink::after {
	background: rgba(255, 46, 166, 0.1);
}

.vhs-info-card-pink:hover {
	border-color: rgba(255, 46, 166, 0.52);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.05),
		0 24px 60px rgba(0, 0, 0, 0.4),
		0 0 24px rgba(255, 46, 166, 0.1);
}

.vhs-info-icon {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	margin: 0 0 20px;
	border: 1px solid rgba(0, 229, 255, 0.52);
	border-radius: 13px;
	color: var(--vhs-cyan);
	background: rgba(0, 229, 255, 0.055);
	box-shadow:
		inset 0 0 16px rgba(0, 229, 255, 0.07),
		0 0 18px rgba(0, 229, 255, 0.12);
	font-family: "Arial Narrow", Impact, sans-serif;
	font-size: 1.8rem;
	font-weight: 900;
	line-height: 1;
	text-shadow:
		0 0 6px rgba(0, 229, 255, 0.9),
		0 0 18px rgba(0, 229, 255, 0.42);
}

.vhs-info-card-pink .vhs-info-icon {
	border-color: rgba(255, 46, 166, 0.55);
	color: var(--vhs-pink);
	background: rgba(255, 46, 166, 0.055);
	box-shadow:
		inset 0 0 16px rgba(255, 46, 166, 0.07),
		0 0 18px rgba(255, 46, 166, 0.12);
	text-shadow:
		0 0 6px rgba(255, 46, 166, 0.9),
		0 0 18px rgba(255, 46, 166, 0.42);
}

.vhs-info-title {
	position: relative;
	z-index: 2;
	margin: 0 0 14px;
	color: var(--vhs-cyan);
	font-family: "Arial Narrow", "Roboto Condensed", Impact, sans-serif;
	font-size: 1rem;
	font-weight: 900;
	letter-spacing: 0.08em;
	line-height: 1.1;
	text-transform: uppercase;
	text-shadow: 0 0 14px rgba(0, 229, 255, 0.32);
}

.vhs-info-card-pink .vhs-info-title {
	color: var(--vhs-pink);
	text-shadow: 0 0 14px rgba(255, 46, 166, 0.34);
}

.vhs-info-highlight {
	position: relative;
	z-index: 2;
	margin: 0 0 9px;
	color: var(--vhs-white);
	font-family: "Arial Narrow", "Roboto Condensed", sans-serif;
	font-size: 0.96rem;
	font-weight: 800;
	letter-spacing: 0.035em;
	line-height: 1.35;
	text-transform: uppercase;
}

.vhs-info-text {
	position: relative;
	z-index: 2;
	margin: 0;
	color: var(--vhs-muted);
	font-size: 0.9rem;
	line-height: 1.65;
}

@media (max-width: 1100px) {
	.vhs-info-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.vhs-info-card {
		min-height: 210px;
	}
}

@media (max-width: 620px) {
	.vhs-info-grid {
		grid-template-columns: 1fr;
		margin-top: 8px;
	}

	.vhs-info-card {
		min-height: 0;
		padding: 24px;
	}

	.vhs-info-icon {
		width: 48px;
		height: 48px;
		margin-bottom: 16px;
	}
}
/* ==========================================================
   SEKCE O AKCI
   ========================================================== */

.vhs-about-section {
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: clamp(90px, 10vw, 150px) 0;
}

.vhs-about-section::before {
	position: absolute;
	z-index: -1;
	top: 5%;
	right: -18%;
	width: 560px;
	height: 560px;
	border-radius: 50%;
	background: rgba(255, 46, 166, 0.08);
	filter: blur(110px);
	content: "";
	pointer-events: none;
}

.vhs-about-section::after {
	position: absolute;
	z-index: -1;
	bottom: 0;
	left: -20%;
	width: 520px;
	height: 520px;
	border-radius: 50%;
	background: rgba(0, 229, 255, 0.07);
	filter: blur(110px);
	content: "";
	pointer-events: none;
}

.vhs-about-grid {
	display: grid;
	grid-template-columns:
		minmax(380px, 0.95fr)
		minmax(0, 1.05fr);
	align-items: center;
	width: 100%;
	gap: clamp(48px, 7vw, 110px);
}

.vhs-about-visual {
	position: relative;
	min-height: 520px;
}

.vhs-about-visual::before {
	position: absolute;
	z-index: -1;
	inset: 7% 8%;
	border-radius: 50%;
	background:
		radial-gradient(
			circle,
			rgba(0, 229, 255, 0.19),
			rgba(255, 46, 166, 0.1) 48%,
			transparent 72%
		);
	filter: blur(30px);
	content: "";
}

.vhs-about-screen {
	position: relative;
	display: grid;
	align-items: center;
	justify-items: center;
	min-height: 520px;
	padding: 42px;
	border: 1px solid rgba(0, 229, 255, 0.22);
	border-radius: 38px;
	background:
		repeating-linear-gradient(
			0deg,
			rgba(255, 255, 255, 0.018) 0,
			rgba(255, 255, 255, 0.018) 1px,
			transparent 1px,
			transparent 6px
		),
		radial-gradient(
			circle at 30% 34%,
			rgba(0, 229, 255, 0.17),
			transparent 42%
		),
		radial-gradient(
			circle at 74% 68%,
			rgba(255, 46, 166, 0.16),
			transparent 44%
		),
		linear-gradient(
			145deg,
			rgba(15, 24, 48, 0.98),
			rgba(6, 9, 21, 0.98)
		);
	box-shadow:
		inset 0 0 80px rgba(0, 0, 0, 0.52),
		0 28px 80px rgba(0, 0, 0, 0.42),
		0 0 40px rgba(0, 229, 255, 0.07);
	overflow: hidden;
}

.vhs-about-screen::before {
	position: absolute;
	inset: 20px;
	border: 1px solid rgba(255, 255, 255, 0.035);
	border-radius: 25px;
	content: "";
	pointer-events: none;
}

.vhs-about-screen-label {
	position: relative;
	z-index: 2;
	max-width: 310px;
	margin: 0;
	padding: 16px 22px;
	border: 2px solid var(--vhs-orange);
	border-radius: 8px;
	color: var(--vhs-orange);
	background: rgba(5, 7, 17, 0.82);
	box-shadow:
		0 0 10px rgba(255, 187, 0, 0.54),
		0 0 30px rgba(255, 187, 0, 0.18);
	font-family: "Arial Narrow", Impact, sans-serif;
	font-size: 0.78rem;
	font-weight: 900;
	letter-spacing: 0.1em;
	line-height: 1.45;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0 0 10px rgba(255, 187, 0, 0.6);
	transform: rotate(-2deg);
}

.vhs-about-copy {
	position: relative;
	max-width: 660px;
}

.vhs-section-kicker {
	margin: 0 0 18px;
	color: var(--vhs-pink);
	font-family: "Arial Narrow", "Roboto Condensed", sans-serif;
	font-size: 0.78rem;
	font-weight: 900;
	letter-spacing: 0.14em;
	line-height: 1.4;
	text-transform: uppercase;
	text-shadow: 0 0 16px rgba(255, 46, 166, 0.4);
}

.vhs-section-title {
	margin: 0 0 28px;
	color: var(--vhs-white);
	font-family: "Arial Narrow", Impact, sans-serif;
	font-size: clamp(3.8rem, 6vw, 7rem);
	font-weight: 900;
	letter-spacing: 0.015em;
	line-height: 0.9;
	text-transform: uppercase;
}

.vhs-section-title span {
	color: rgba(5, 7, 17, 0.2);
	-webkit-text-fill-color: rgba(5, 7, 17, 0.2);
	-webkit-text-stroke: 2px var(--vhs-cyan);
	text-shadow:
		0 0 5px rgba(0, 229, 255, 0.9),
		0 0 18px rgba(0, 229, 255, 0.5),
		0 0 38px rgba(0, 229, 255, 0.2);
}

.vhs-about-lead {
	margin: 0 0 22px;
	color: var(--vhs-white);
	font-size: clamp(1.08rem, 0.98rem + 0.32vw, 1.32rem);
	font-weight: 700;
	line-height: 1.65;
}

.vhs-about-text {
	margin: 0 0 28px;
	color: var(--vhs-muted);
	font-size: 1rem;
	line-height: 1.8;
}

.vhs-about-list {
	display: grid;
	margin: 0 0 34px;
	padding: 0;
	gap: 14px;
	list-style: none;
}

.vhs-about-list li {
	position: relative;
	margin: 0;
	padding-left: 35px;
	color: var(--vhs-white);
	font-size: 0.98rem;
	font-weight: 650;
	line-height: 1.55;
}

.vhs-about-list li::before {
	position: absolute;
	top: 0.1em;
	left: 0;
	display: grid;
	align-items: center;
	justify-items: center;
	width: 21px;
	height: 21px;
	border: 1px solid rgba(0, 229, 255, 0.52);
	border-radius: 50%;
	color: var(--vhs-cyan);
	background: rgba(0, 229, 255, 0.07);
	box-shadow: 0 0 13px rgba(0, 229, 255, 0.16);
	font-size: 0.72rem;
	font-weight: 900;
	content: "✓";
}

.vhs-about-buttons {
	margin-top: 4px;
}

.vhs-about-buttons .wp-block-button__link {
	min-width: 175px;
	border-color: rgba(255, 46, 166, 0.62) !important;
	color: var(--vhs-pink) !important;
	background: rgba(255, 46, 166, 0.04) !important;
	box-shadow:
		inset 0 0 18px rgba(255, 46, 166, 0.04),
		0 0 20px rgba(255, 46, 166, 0.08);
}

.vhs-about-buttons .wp-block-button__link:hover {
	border-color: var(--vhs-pink) !important;
	color: var(--vhs-white) !important;
	background: rgba(255, 46, 166, 0.13) !important;
	box-shadow:
		0 0 28px rgba(255, 46, 166, 0.22),
		0 16px 36px rgba(0, 0, 0, 0.28);
}

@media (max-width: 950px) {
	.vhs-about-grid {
		grid-template-columns: 1fr;
		gap: 50px;
	}

	.vhs-about-visual,
	.vhs-about-screen {
		min-height: 440px;
	}

	.vhs-about-copy {
		max-width: 760px;
	}
}

@media (max-width: 620px) {
	.vhs-about-section {
		padding: 80px 0;
	}

	.vhs-about-visual,
	.vhs-about-screen {
		min-height: 350px;
	}

	.vhs-about-screen {
		padding: 24px;
		border-radius: 26px;
	}

	.vhs-section-title {
		font-size: clamp(3.4rem, 16vw, 5.2rem);
	}

	.vhs-section-title span {
		-webkit-text-stroke-width: 1.5px;
	}
}
/* ==========================================================
   PROGRAMOVÁ SEKCE
   ========================================================== */

.vhs-program-section {
	position: relative;
	margin-right: -24px;
	margin-left: -24px;
	padding: clamp(90px, 9vw, 140px) 24px;
	border-top: 1px solid rgba(0, 229, 255, 0.14);
	border-bottom: 1px solid rgba(255, 46, 166, 0.14);
	background:
		linear-gradient(
			180deg,
			rgba(7, 11, 25, 0.96),
			rgba(3, 5, 13, 0.99)
		);
	box-shadow:
		inset 0 30px 80px rgba(0, 0, 0, 0.25),
		inset 0 -30px 80px rgba(0, 0, 0, 0.3);
	overflow: hidden;
	isolation: isolate;
}

.vhs-program-section::before {
	position: absolute;
	z-index: -2;
	inset: 0;
	background:
		radial-gradient(
			circle at 18% 32%,
			rgba(0, 229, 255, 0.1),
			transparent 34rem
		),
		radial-gradient(
			circle at 85% 70%,
			rgba(255, 46, 166, 0.1),
			transparent 34rem
		);
	content: "";
	pointer-events: none;
}

.vhs-program-section::after {
	position: absolute;
	z-index: -1;
	inset: 0;
	background: repeating-linear-gradient(
		0deg,
		rgba(255, 255, 255, 0.015) 0,
		rgba(255, 255, 255, 0.015) 1px,
		transparent 1px,
		transparent 6px
	);
	content: "";
	pointer-events: none;
}

.vhs-program-wrap {
	width: 100%;
	margin: 0 auto;
}

.vhs-program-heading {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(280px, 0.55fr);
	align-items: end;
	margin-bottom: clamp(48px, 6vw, 78px);
	column-gap: 50px;
}

.vhs-program-heading .vhs-section-kicker {
	grid-column: 1 / -1;
}

.vhs-program-title {
	margin-bottom: 0;
}

.vhs-program-title span {
	display: inline-block;
	color: rgba(5, 7, 17, 0.22);
	-webkit-text-fill-color: rgba(5, 7, 17, 0.22);
	-webkit-text-stroke: 2px var(--vhs-pink);
	text-shadow:
		0 0 5px rgba(255, 46, 166, 0.9),
		0 0 18px rgba(255, 46, 166, 0.52),
		0 0 38px rgba(255, 46, 166, 0.2);
}

.vhs-program-intro {
	max-width: 460px;
	margin: 0 0 8px auto;
	color: var(--vhs-muted);
	font-size: 1rem;
	line-height: 1.75;
}

.vhs-program-grid {
	position: relative;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px;
}

.vhs-program-grid::before {
	position: absolute;
	z-index: 0;
	top: 35px;
	right: 5%;
	left: 5%;
	height: 2px;
	border-radius: 999px;
	background: linear-gradient(
		90deg,
		var(--vhs-cyan),
		var(--vhs-pink),
		var(--vhs-cyan)
	);
	box-shadow:
		0 0 10px rgba(0, 229, 255, 0.48),
		0 0 20px rgba(255, 46, 166, 0.2);
	content: "";
	opacity: 0.58;
}

.vhs-program-card {
	position: relative;
	z-index: 1;
	min-height: 285px;
	margin: 0;
	padding: 78px 24px 28px;
	border: 1px solid rgba(170, 177, 197, 0.2);
	border-radius: 16px;
	background:
		linear-gradient(
			155deg,
			rgba(18, 25, 48, 0.92),
			rgba(6, 9, 21, 0.97)
		);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.035),
		0 20px 45px rgba(0, 0, 0, 0.3);
	overflow: hidden;
	transition:
		transform 180ms ease,
		border-color 180ms ease,
		box-shadow 180ms ease;
}

.vhs-program-card::before {
	position: absolute;
	top: 25px;
	left: 24px;
	width: 21px;
	height: 21px;
	border: 3px solid var(--vhs-cyan);
	border-radius: 50%;
	background: var(--vhs-black);
	box-shadow:
		0 0 8px rgba(0, 229, 255, 0.9),
		0 0 20px rgba(0, 229, 255, 0.44);
	content: "";
}

.vhs-program-card:nth-child(even)::before {
	border-color: var(--vhs-pink);
	box-shadow:
		0 0 8px rgba(255, 46, 166, 0.9),
		0 0 20px rgba(255, 46, 166, 0.44);
}

.vhs-program-card::after {
	position: absolute;
	right: -70px;
	bottom: -80px;
	width: 170px;
	height: 170px;
	border-radius: 50%;
	background: rgba(0, 229, 255, 0.07);
	filter: blur(38px);
	content: "";
	pointer-events: none;
}

.vhs-program-card:nth-child(even)::after {
	background: rgba(255, 46, 166, 0.08);
}

.vhs-program-card:hover {
	transform: translateY(-6px);
	border-color: rgba(0, 229, 255, 0.45);
	box-shadow:
		0 28px 65px rgba(0, 0, 0, 0.42),
		0 0 26px rgba(0, 229, 255, 0.08);
}

.vhs-program-card:nth-child(even):hover {
	border-color: rgba(255, 46, 166, 0.46);
	box-shadow:
		0 28px 65px rgba(0, 0, 0, 0.42),
		0 0 26px rgba(255, 46, 166, 0.09);
}

.vhs-program-time {
	position: relative;
	z-index: 2;
	margin: 0 0 14px;
	color: var(--vhs-cyan);
	font-family: "Arial Narrow", "Roboto Condensed", sans-serif;
	font-size: 0.72rem;
	font-weight: 900;
	letter-spacing: 0.12em;
	line-height: 1.25;
	text-transform: uppercase;
	text-shadow: 0 0 13px rgba(0, 229, 255, 0.38);
}

.vhs-program-card:nth-child(even) .vhs-program-time {
	color: var(--vhs-pink);
	text-shadow: 0 0 13px rgba(255, 46, 166, 0.4);
}

.vhs-program-card-title {
	position: relative;
	z-index: 2;
	margin: 0 0 15px;
	color: var(--vhs-white);
	font-family: "Arial Narrow", "Roboto Condensed", Impact, sans-serif;
	font-size: clamp(1.15rem, 1rem + 0.35vw, 1.45rem);
	font-weight: 900;
	letter-spacing: 0.035em;
	line-height: 1.22;
	text-transform: uppercase;
}

.vhs-program-card-text {
	position: relative;
	z-index: 2;
	margin: 0;
	color: var(--vhs-muted);
	font-size: 0.91rem;
	line-height: 1.7;
}

.vhs-program-buttons {
	justify-content: center;
	margin-top: 42px;
}

.vhs-program-buttons .wp-block-button__link {
	min-width: 190px;
	border-color: rgba(0, 229, 255, 0.62) !important;
	color: var(--vhs-cyan) !important;
	background: rgba(0, 229, 255, 0.04) !important;
	box-shadow:
		inset 0 0 18px rgba(0, 229, 255, 0.04),
		0 0 20px rgba(0, 229, 255, 0.08);
}

.vhs-program-buttons .wp-block-button__link:hover {
	color: var(--vhs-white) !important;
	background: rgba(0, 229, 255, 0.12) !important;
	box-shadow:
		0 0 28px rgba(0, 229, 255, 0.22),
		0 16px 36px rgba(0, 0, 0, 0.28);
}

@media (max-width: 1050px) {
	.vhs-program-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.vhs-program-grid::before {
		display: none;
	}

	.vhs-program-card {
		min-height: 250px;
		padding-top: 70px;
	}
}

@media (max-width: 780px) {
	.vhs-program-heading {
		grid-template-columns: 1fr;
		row-gap: 22px;
	}

	.vhs-program-intro {
		max-width: 620px;
		margin-left: 0;
	}
}

@media (max-width: 620px) {
	.vhs-program-section {
		margin-right: -18px;
		margin-left: -18px;
		padding-right: 18px;
		padding-left: 18px;
	}

	.vhs-program-grid {
		grid-template-columns: 1fr;
	}

	.vhs-program-card {
		min-height: 0;
		padding: 68px 22px 25px;
	}

	.vhs-program-title {
		font-size: clamp(3.1rem, 14vw, 5rem);
	}

	.vhs-program-title span {
		-webkit-text-stroke-width: 1.5px;
	}
}
/* ==========================================================
   SEKCE HOSTÉ
   ========================================================== */

.vhs-guests-section {
	position: relative;
	margin-right: -24px;
	margin-left: -24px;
	padding: clamp(90px, 9vw, 145px) 24px;
	overflow: hidden;
	isolation: isolate;
}

.vhs-guests-section::before {
	position: absolute;
	z-index: -2;
	inset: 0;
	background:
		radial-gradient(
			circle at 15% 25%,
			rgba(0, 229, 255, 0.1),
			transparent 34rem
		),
		radial-gradient(
			circle at 88% 68%,
			rgba(255, 46, 166, 0.11),
			transparent 36rem
		);
	content: "";
	pointer-events: none;
}

.vhs-guests-section::after {
	position: absolute;
	z-index: -1;
	inset: 0;
	background:
		linear-gradient(
			rgba(0, 229, 255, 0.014) 1px,
			transparent 1px
		),
		linear-gradient(
			90deg,
			rgba(0, 229, 255, 0.014) 1px,
			transparent 1px
		);
	background-size: 48px 48px;
	content: "";
	pointer-events: none;
}

.vhs-guests-wrap {
	width: 100%;
	margin: 0 auto;
}

.vhs-guests-heading {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(280px, 0.58fr);
	align-items: end;
	margin-bottom: clamp(45px, 6vw, 75px);
	column-gap: 50px;
}

.vhs-guests-heading .vhs-section-kicker {
	grid-column: 1 / -1;
}

.vhs-guests-title {
	margin-bottom: 0;
}

.vhs-guests-title span {
	display: inline-block;
	color: rgba(5, 7, 17, 0.24);
	-webkit-text-fill-color: rgba(5, 7, 17, 0.24);
	-webkit-text-stroke: 2px var(--vhs-cyan);
	text-shadow:
		0 0 5px rgba(0, 229, 255, 0.92),
		0 0 18px rgba(0, 229, 255, 0.52),
		0 0 38px rgba(0, 229, 255, 0.2);
}

.vhs-guests-intro {
	max-width: 470px;
	margin: 0 0 8px auto;
	color: var(--vhs-muted);
	font-size: 1rem;
	line-height: 1.75;
}

.vhs-guests-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	align-items: stretch;
	gap: 18px;
}

.vhs-guest-card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	margin: 0;
	border: 1px solid rgba(170, 177, 197, 0.22);
	border-radius: 18px;
	background:
		linear-gradient(
			155deg,
			rgba(18, 25, 48, 0.95),
			rgba(6, 9, 21, 0.98)
		);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.035),
		0 22px 54px rgba(0, 0, 0, 0.34);
	overflow: hidden;
	transition:
		transform 180ms ease,
		border-color 180ms ease,
		box-shadow 180ms ease;
}

.vhs-guest-card:nth-child(even) {
	border-color: rgba(255, 46, 166, 0.22);
}

.vhs-guest-card:hover {
	transform: translateY(-7px);
	border-color: rgba(0, 229, 255, 0.5);
	box-shadow:
		0 30px 72px rgba(0, 0, 0, 0.45),
		0 0 28px rgba(0, 229, 255, 0.1);
}

.vhs-guest-card:nth-child(even):hover {
	border-color: rgba(255, 46, 166, 0.52);
	box-shadow:
		0 30px 72px rgba(0, 0, 0, 0.45),
		0 0 28px rgba(255, 46, 166, 0.11);
}

.vhs-guest-image {
	position: relative;
	display: grid;
	align-items: center;
	justify-items: center;
	width: 100%;
	min-height: 320px;
	background:
		repeating-linear-gradient(
			0deg,
			rgba(255, 255, 255, 0.018) 0,
			rgba(255, 255, 255, 0.018) 1px,
			transparent 1px,
			transparent 6px
		),
		radial-gradient(
			circle at 30% 30%,
			rgba(0, 229, 255, 0.18),
			transparent 46%
		),
		radial-gradient(
			circle at 78% 72%,
			rgba(255, 46, 166, 0.17),
			transparent 46%
		),
		linear-gradient(
			150deg,
			#121c36,
			#080b18 62%,
			#160919
		);
	overflow: hidden;
}

.vhs-guest-image::before {
	position: absolute;
	inset: 14px;
	border: 1px solid rgba(0, 229, 255, 0.1);
	border-radius: 10px;
	content: "";
	pointer-events: none;
}

.vhs-guest-card:nth-child(even) .vhs-guest-image::before {
	border-color: rgba(255, 46, 166, 0.12);
}

.vhs-guest-image::after {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 45%;
	background: linear-gradient(
		to top,
		rgba(5, 7, 17, 0.94),
		transparent
	);
	content: "";
	pointer-events: none;
}

.vhs-guest-placeholder {
	position: relative;
	z-index: 2;
	margin: 0;
	padding: 12px 16px;
	border: 1px solid rgba(0, 229, 255, 0.46);
	border-radius: 7px;
	color: var(--vhs-cyan);
	background: rgba(5, 7, 17, 0.78);
	box-shadow:
		0 0 18px rgba(0, 229, 255, 0.14),
		inset 0 0 18px rgba(0, 229, 255, 0.04);
	font-family: "Arial Narrow", Impact, sans-serif;
	font-size: 0.7rem;
	font-weight: 900;
	letter-spacing: 0.1em;
	line-height: 1.25;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0 0 12px rgba(0, 229, 255, 0.55);
}

.vhs-guest-card:nth-child(even) .vhs-guest-placeholder {
	border-color: rgba(255, 46, 166, 0.5);
	color: var(--vhs-pink);
	box-shadow:
		0 0 18px rgba(255, 46, 166, 0.15),
		inset 0 0 18px rgba(255, 46, 166, 0.04);
	text-shadow: 0 0 12px rgba(255, 46, 166, 0.55);
}

.vhs-guest-content {
	position: relative;
	display: flex;
	flex: 1;
	flex-direction: column;
	align-items: flex-start;
	padding: 24px 23px 27px;
}

.vhs-guest-role {
	margin: 0 0 11px;
	color: var(--vhs-cyan);
	font-family: "Arial Narrow", "Roboto Condensed", sans-serif;
	font-size: 0.68rem;
	font-weight: 900;
	letter-spacing: 0.13em;
	line-height: 1.3;
	text-transform: uppercase;
	text-shadow: 0 0 12px rgba(0, 229, 255, 0.34);
}

.vhs-guest-card:nth-child(even) .vhs-guest-role {
	color: var(--vhs-pink);
	text-shadow: 0 0 12px rgba(255, 46, 166, 0.36);
}

.vhs-guest-name {
	margin: 0 0 14px;
	color: var(--vhs-white);
	font-family: "Arial Narrow", "Roboto Condensed", Impact, sans-serif;
	font-size: clamp(1.35rem, 1.15rem + 0.5vw, 1.8rem);
	font-weight: 900;
	letter-spacing: 0.035em;
	line-height: 1.1;
	text-transform: uppercase;
}

.vhs-guest-text {
	margin: 0;
	color: var(--vhs-muted);
	font-size: 0.9rem;
	line-height: 1.7;
}

.vhs-guests-buttons {
	justify-content: center;
	margin-top: 42px;
}

.vhs-guests-buttons .wp-block-button__link {
	min-width: 190px;
	border-color: rgba(255, 46, 166, 0.62) !important;
	color: var(--vhs-pink) !important;
	background: rgba(255, 46, 166, 0.04) !important;
	box-shadow:
		inset 0 0 18px rgba(255, 46, 166, 0.04),
		0 0 20px rgba(255, 46, 166, 0.08);
}

.vhs-guests-buttons .wp-block-button__link:hover {
	color: var(--vhs-white) !important;
	background: rgba(255, 46, 166, 0.13) !important;
	box-shadow:
		0 0 28px rgba(255, 46, 166, 0.24),
		0 16px 36px rgba(0, 0, 0, 0.28);
}

@media (max-width: 1100px) {
	.vhs-guests-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.vhs-guest-image {
		min-height: 360px;
	}
}

@media (max-width: 780px) {
	.vhs-guests-heading {
		grid-template-columns: 1fr;
		row-gap: 22px;
	}

	.vhs-guests-intro {
		max-width: 620px;
		margin-left: 0;
	}
}

@media (max-width: 620px) {
	.vhs-guests-section {
		margin-right: -18px;
		margin-left: -18px;
		padding-right: 18px;
		padding-left: 18px;
	}

	.vhs-guests-grid {
		grid-template-columns: 1fr;
	}

	.vhs-guest-image {
		min-height: 340px;
	}

	.vhs-guests-title {
		font-size: clamp(3.1rem, 14vw, 5rem);
	}

	.vhs-guests-title span {
		-webkit-text-stroke-width: 1.5px;
	}
}
/* ==========================================================
   SEKCE VHS BURZA
   ========================================================== */

.vhs-market-section {
	position: relative;
	margin-right: -24px;
	margin-left: -24px;
	padding: clamp(95px, 10vw, 155px) 24px;
	border-top: 1px solid rgba(0, 229, 255, 0.12);
	border-bottom: 1px solid rgba(255, 46, 166, 0.12);
	background:
		linear-gradient(
			180deg,
			rgba(5, 8, 19, 0.98),
			rgba(10, 13, 29, 0.98) 48%,
			rgba(4, 6, 15, 0.99)
		);
	overflow: hidden;
	isolation: isolate;
}

.vhs-market-section::before {
	position: absolute;
	z-index: -2;
	inset: 0;
	background:
		radial-gradient(
			circle at 15% 24%,
			rgba(255, 46, 166, 0.11),
			transparent 34rem
		),
		radial-gradient(
			circle at 83% 60%,
			rgba(0, 229, 255, 0.12),
			transparent 38rem
		);
	content: "";
	pointer-events: none;
}

.vhs-market-section::after {
	position: absolute;
	z-index: -1;
	inset: 0;
	background:
		repeating-linear-gradient(
			0deg,
			rgba(255, 255, 255, 0.014) 0,
			rgba(255, 255, 255, 0.014) 1px,
			transparent 1px,
			transparent 6px
		);
	content: "";
	pointer-events: none;
}

.vhs-market-wrap {
	width: 100%;
	margin: 0 auto;
}

.vhs-market-grid {
	display: grid;
	grid-template-columns:
		minmax(0, 0.92fr)
		minmax(420px, 1.08fr);
	align-items: center;
	width: 100%;
	gap: clamp(48px, 7vw, 110px);
}

.vhs-market-copy {
	position: relative;
	z-index: 2;
	max-width: 650px;
}

.vhs-market-title {
	margin-bottom: 28px;
}

.vhs-market-title span {
	display: inline-block;
	color: rgba(5, 7, 17, 0.22);
	-webkit-text-fill-color: rgba(5, 7, 17, 0.22);
	-webkit-text-stroke: 2px var(--vhs-pink);
	text-shadow:
		0 0 5px rgba(255, 46, 166, 0.92),
		0 0 18px rgba(255, 46, 166, 0.54),
		0 0 40px rgba(255, 46, 166, 0.22);
}

.vhs-market-lead {
	margin: 0 0 21px;
	color: var(--vhs-white);
	font-size: clamp(1.08rem, 0.98rem + 0.34vw, 1.32rem);
	font-weight: 750;
	line-height: 1.65;
}

.vhs-market-text {
	margin: 0 0 32px;
	color: var(--vhs-muted);
	font-size: 1rem;
	line-height: 1.8;
}

.vhs-market-features {
	display: grid;
	margin: 0 0 34px;
	gap: 14px;
}

.vhs-market-feature {
	position: relative;
	display: grid;
	grid-template-columns: 52px minmax(0, 1fr);
	align-items: center;
	margin: 0;
	padding: 18px 20px;
	border: 1px solid rgba(170, 177, 197, 0.18);
	border-radius: 14px;
	background:
		linear-gradient(
			145deg,
			rgba(18, 25, 48, 0.82),
			rgba(6, 9, 21, 0.9)
		);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.025),
		0 14px 34px rgba(0, 0, 0, 0.22);
	gap: 17px;
	overflow: hidden;
	transition:
		transform 180ms ease,
		border-color 180ms ease,
		box-shadow 180ms ease;
}

.vhs-market-feature::after {
	position: absolute;
	right: -55px;
	bottom: -70px;
	width: 130px;
	height: 130px;
	border-radius: 50%;
	background: rgba(0, 229, 255, 0.07);
	filter: blur(30px);
	content: "";
	pointer-events: none;
}

.vhs-market-feature:nth-child(even)::after {
	background: rgba(255, 46, 166, 0.08);
}

.vhs-market-feature:hover {
	transform: translateX(5px);
	border-color: rgba(0, 229, 255, 0.38);
	box-shadow:
		0 18px 42px rgba(0, 0, 0, 0.3),
		0 0 22px rgba(0, 229, 255, 0.07);
}

.vhs-market-feature:nth-child(even):hover {
	border-color: rgba(255, 46, 166, 0.4);
	box-shadow:
		0 18px 42px rgba(0, 0, 0, 0.3),
		0 0 22px rgba(255, 46, 166, 0.08);
}

.vhs-market-feature-icon {
	position: relative;
	z-index: 2;
	display: grid;
	align-items: center;
	justify-items: center;
	width: 52px;
	height: 52px;
	margin: 0;
	border: 1px solid rgba(0, 229, 255, 0.48);
	border-radius: 12px;
	color: var(--vhs-cyan);
	background: rgba(0, 229, 255, 0.055);
	box-shadow:
		inset 0 0 15px rgba(0, 229, 255, 0.07),
		0 0 17px rgba(0, 229, 255, 0.11);
	font-family: "Arial Narrow", Impact, sans-serif;
	font-size: 1.55rem;
	font-weight: 900;
	line-height: 1;
	text-shadow:
		0 0 6px rgba(0, 229, 255, 0.88),
		0 0 16px rgba(0, 229, 255, 0.38);
}

.vhs-market-feature:nth-child(even) .vhs-market-feature-icon {
	border-color: rgba(255, 46, 166, 0.5);
	color: var(--vhs-pink);
	background: rgba(255, 46, 166, 0.055);
	box-shadow:
		inset 0 0 15px rgba(255, 46, 166, 0.07),
		0 0 17px rgba(255, 46, 166, 0.12);
	text-shadow:
		0 0 6px rgba(255, 46, 166, 0.9),
		0 0 16px rgba(255, 46, 166, 0.4);
}

.vhs-market-feature-title {
	position: relative;
	z-index: 2;
	margin: 0 0 5px;
	color: var(--vhs-white);
	font-family: "Arial Narrow", "Roboto Condensed", Impact, sans-serif;
	font-size: 1rem;
	font-weight: 900;
	letter-spacing: 0.075em;
	line-height: 1.2;
	text-transform: uppercase;
}

.vhs-market-feature-text {
	position: relative;
	z-index: 2;
	margin: 0;
	color: var(--vhs-muted);
	font-size: 0.9rem;
	line-height: 1.6;
}

.vhs-market-buttons {
	margin-top: 4px;
}

.vhs-market-buttons .wp-block-button__link {
	min-width: 210px;
	border-color: rgba(255, 46, 166, 0.62) !important;
	color: var(--vhs-pink) !important;
	background: rgba(255, 46, 166, 0.04) !important;
	box-shadow:
		inset 0 0 18px rgba(255, 46, 166, 0.04),
		0 0 20px rgba(255, 46, 166, 0.08);
}

.vhs-market-buttons .wp-block-button__link:hover {
	color: var(--vhs-white) !important;
	background: rgba(255, 46, 166, 0.13) !important;
	box-shadow:
		0 0 28px rgba(255, 46, 166, 0.23),
		0 16px 36px rgba(0, 0, 0, 0.28);
}

.vhs-market-visual {
	position: relative;
	min-height: 600px;
}

.vhs-market-visual::before {
	position: absolute;
	z-index: -1;
	inset: 7% 5%;
	border-radius: 50%;
	background:
		radial-gradient(
			circle,
			rgba(0, 229, 255, 0.22),
			rgba(255, 46, 166, 0.12) 48%,
			transparent 73%
		);
	filter: blur(35px);
	content: "";
	pointer-events: none;
}

.vhs-market-screen {
	position: relative;
	display: grid;
	align-items: center;
	justify-items: center;
	min-height: 600px;
	padding: 42px;
	border: 1px solid rgba(0, 229, 255, 0.24);
	border-radius: 62px 62px 24px 24px;
	background:
		repeating-linear-gradient(
			0deg,
			rgba(255, 255, 255, 0.019) 0,
			rgba(255, 255, 255, 0.019) 1px,
			transparent 1px,
			transparent 6px
		),
		linear-gradient(
			90deg,
			transparent 49.7%,
			rgba(0, 229, 255, 0.07) 50%,
			transparent 50.3%
		),
		radial-gradient(
			circle at 25% 30%,
			rgba(0, 229, 255, 0.2),
			transparent 42%
		),
		radial-gradient(
			circle at 76% 70%,
			rgba(255, 46, 166, 0.2),
			transparent 43%
		),
		linear-gradient(
			145deg,
			#111c36 0%,
			#080b18 56%,
			#19091c 100%
		);
	box-shadow:
		inset 0 0 90px rgba(0, 0, 0, 0.58),
		0 30px 85px rgba(0, 0, 0, 0.44),
		0 0 44px rgba(0, 229, 255, 0.08);
	overflow: hidden;
}

.vhs-market-screen::before {
	position: absolute;
	inset: 20px;
	border: 1px solid rgba(255, 255, 255, 0.04);
	border-radius: 44px 44px 15px 15px;
	content: "";
	pointer-events: none;
}

.vhs-market-screen::after {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 46%;
	background:
		linear-gradient(
			to top,
			rgba(5, 7, 17, 0.92),
			transparent
		);
	content: "";
	pointer-events: none;
}

.vhs-market-screen-label {
	position: relative;
	z-index: 2;
	max-width: 320px;
	margin: 0;
	padding: 15px 22px;
	border: 2px solid var(--vhs-orange);
	border-radius: 8px;
	color: var(--vhs-orange);
	background: rgba(5, 7, 17, 0.82);
	box-shadow:
		0 0 11px rgba(255, 187, 0, 0.56),
		0 0 32px rgba(255, 187, 0, 0.19);
	font-family: "Arial Narrow", Impact, sans-serif;
	font-size: 0.78rem;
	font-weight: 900;
	letter-spacing: 0.1em;
	line-height: 1.45;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0 0 10px rgba(255, 187, 0, 0.6);
	transform: rotate(2deg);
}

@media (max-width: 1050px) {
	.vhs-market-grid {
		grid-template-columns:
			minmax(0, 1fr)
			minmax(360px, 0.82fr);
		gap: 48px;
	}

	.vhs-market-visual,
	.vhs-market-screen {
		min-height: 540px;
	}
}

@media (max-width: 850px) {
	.vhs-market-grid {
		grid-template-columns: 1fr;
	}

	.vhs-market-copy {
		max-width: 760px;
	}

	.vhs-market-visual,
	.vhs-market-screen {
		min-height: 470px;
	}
}

@media (max-width: 620px) {
	.vhs-market-section {
		margin-right: -18px;
		margin-left: -18px;
		padding-right: 18px;
		padding-left: 18px;
	}

	.vhs-market-title {
		font-size: clamp(3.2rem, 15vw, 5rem);
	}

	.vhs-market-title span {
		-webkit-text-stroke-width: 1.5px;
	}

	.vhs-market-feature {
		grid-template-columns: 46px minmax(0, 1fr);
		padding: 16px;
		gap: 14px;
	}

	.vhs-market-feature-icon {
		width: 46px;
		height: 46px;
		font-size: 1.35rem;
	}

	.vhs-market-visual,
	.vhs-market-screen {
		min-height: 370px;
	}

	.vhs-market-screen {
		padding: 24px;
		border-radius: 34px 34px 18px 18px;
	}

	.vhs-market-screen::before {
		border-radius: 22px 22px 10px 10px;
	}
}
/* ==========================================================
   SEKCE MÍSTO KONÁNÍ
   ========================================================== */

.vhs-location-section {
	position: relative;
	margin-right: -24px;
	margin-left: -24px;
	padding: clamp(95px, 10vw, 155px) 24px;
	overflow: hidden;
	isolation: isolate;
}

.vhs-location-section::before {
	position: absolute;
	z-index: -2;
	inset: 0;
	background:
		radial-gradient(
			circle at 18% 62%,
			rgba(0, 229, 255, 0.11),
			transparent 36rem
		),
		radial-gradient(
			circle at 86% 25%,
			rgba(255, 46, 166, 0.1),
			transparent 34rem
		);
	content: "";
	pointer-events: none;
}

.vhs-location-section::after {
	position: absolute;
	z-index: -1;
	inset: 0;
	background:
		linear-gradient(
			rgba(0, 229, 255, 0.014) 1px,
			transparent 1px
		),
		linear-gradient(
			90deg,
			rgba(0, 229, 255, 0.014) 1px,
			transparent 1px
		);
	background-size: 48px 48px;
	content: "";
	pointer-events: none;
}

.vhs-location-wrap {
	width: 100%;
	margin: 0 auto;
}

.vhs-location-heading {
	display: grid;
	grid-template-columns:
		minmax(0, 1fr)
		minmax(280px, 0.58fr);
	align-items: end;
	margin-bottom: clamp(48px, 6vw, 78px);
	column-gap: 50px;
}

.vhs-location-heading .vhs-section-kicker {
	grid-column: 1 / -1;
}

.vhs-location-title {
	margin-bottom: 0;
}

.vhs-location-title span {
	display: inline-block;
	color: rgba(5, 7, 17, 0.22);
	-webkit-text-fill-color: rgba(5, 7, 17, 0.22);
	-webkit-text-stroke: 2px var(--vhs-cyan);
	text-shadow:
		0 0 5px rgba(0, 229, 255, 0.92),
		0 0 18px rgba(0, 229, 255, 0.52),
		0 0 40px rgba(0, 229, 255, 0.21);
}

.vhs-location-intro {
	max-width: 470px;
	margin: 0 0 8px auto;
	color: var(--vhs-muted);
	font-size: 1rem;
	line-height: 1.75;
}

.vhs-location-grid {
	display: grid;
	grid-template-columns:
		minmax(420px, 1.08fr)
		minmax(0, 0.92fr);
	align-items: stretch;
	width: 100%;
	gap: clamp(42px, 6vw, 88px);
}

.vhs-location-visual {
	position: relative;
	min-height: 620px;
}

.vhs-location-visual::before {
	position: absolute;
	z-index: -1;
	inset: 7% 6%;
	border-radius: 50%;
	background:
		radial-gradient(
			circle,
			rgba(0, 229, 255, 0.2),
			rgba(255, 46, 166, 0.11) 48%,
			transparent 73%
		);
	filter: blur(38px);
	content: "";
	pointer-events: none;
}

.vhs-location-screen {
	position: relative;
	display: grid;
	align-items: center;
	justify-items: center;
	min-height: 620px;
	padding: 42px;
	border: 1px solid rgba(0, 229, 255, 0.24);
	border-radius: 28px;
	background:
		repeating-linear-gradient(
			0deg,
			rgba(255, 255, 255, 0.018) 0,
			rgba(255, 255, 255, 0.018) 1px,
			transparent 1px,
			transparent 6px
		),
		linear-gradient(
			90deg,
			transparent 49.7%,
			rgba(0, 229, 255, 0.07) 50%,
			transparent 50.3%
		),
		linear-gradient(
			0deg,
			transparent 49.7%,
			rgba(255, 46, 166, 0.06) 50%,
			transparent 50.3%
		),
		radial-gradient(
			circle at 28% 34%,
			rgba(0, 229, 255, 0.2),
			transparent 43%
		),
		radial-gradient(
			circle at 76% 70%,
			rgba(255, 46, 166, 0.18),
			transparent 44%
		),
		linear-gradient(
			145deg,
			#111c36 0%,
			#080b18 56%,
			#18091c 100%
		);
	box-shadow:
		inset 0 0 90px rgba(0, 0, 0, 0.58),
		0 30px 85px rgba(0, 0, 0, 0.44),
		0 0 44px rgba(0, 229, 255, 0.08);
	overflow: hidden;
}

.vhs-location-screen::before {
	position: absolute;
	inset: 20px;
	border: 1px solid rgba(255, 255, 255, 0.04);
	border-radius: 17px;
	content: "";
	pointer-events: none;
}

.vhs-location-screen::after {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 42%;
	background: linear-gradient(
		to top,
		rgba(5, 7, 17, 0.92),
		transparent
	);
	content: "";
	pointer-events: none;
}

.vhs-location-screen-label {
	position: relative;
	z-index: 2;
	max-width: 330px;
	margin: 0;
	padding: 15px 22px;
	border: 2px solid var(--vhs-orange);
	border-radius: 8px;
	color: var(--vhs-orange);
	background: rgba(5, 7, 17, 0.82);
	box-shadow:
		0 0 11px rgba(255, 187, 0, 0.56),
		0 0 32px rgba(255, 187, 0, 0.19);
	font-family: "Arial Narrow", Impact, sans-serif;
	font-size: 0.78rem;
	font-weight: 900;
	letter-spacing: 0.1em;
	line-height: 1.45;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0 0 10px rgba(255, 187, 0, 0.6);
	transform: rotate(-2deg);
}

.vhs-location-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-width: 0;
	gap: 16px;
}

.vhs-location-cards {
	display: grid;
	grid-template-columns: 1fr;
	gap: 14px;
}

.vhs-location-card {
	position: relative;
	display: grid;
	grid-template-columns: 54px minmax(0, 1fr);
	align-items: center;
	margin: 0;
	padding: 20px;
	border: 1px solid rgba(170, 177, 197, 0.19);
	border-radius: 15px;
	background:
		linear-gradient(
			145deg,
			rgba(18, 25, 48, 0.88),
			rgba(6, 9, 21, 0.95)
		);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.03),
		0 16px 38px rgba(0, 0, 0, 0.25);
	gap: 18px;
	overflow: hidden;
	transition:
		transform 180ms ease,
		border-color 180ms ease,
		box-shadow 180ms ease;
}

.vhs-location-card::after {
	position: absolute;
	right: -55px;
	bottom: -70px;
	width: 140px;
	height: 140px;
	border-radius: 50%;
	background: rgba(0, 229, 255, 0.07);
	filter: blur(32px);
	content: "";
	pointer-events: none;
}

.vhs-location-card:nth-child(even)::after {
	background: rgba(255, 46, 166, 0.08);
}

.vhs-location-card:hover {
	transform: translateX(5px);
	border-color: rgba(0, 229, 255, 0.4);
	box-shadow:
		0 20px 48px rgba(0, 0, 0, 0.32),
		0 0 22px rgba(0, 229, 255, 0.07);
}

.vhs-location-card:nth-child(even):hover {
	border-color: rgba(255, 46, 166, 0.42);
	box-shadow:
		0 20px 48px rgba(0, 0, 0, 0.32),
		0 0 22px rgba(255, 46, 166, 0.08);
}

.vhs-location-card-main {
	min-height: 180px;
	padding: 26px 24px;
	border-color: rgba(0, 229, 255, 0.3);
	background:
		radial-gradient(
			circle at 90% 15%,
			rgba(0, 229, 255, 0.09),
			transparent 15rem
		),
		linear-gradient(
			145deg,
			rgba(18, 28, 54, 0.94),
			rgba(6, 9, 21, 0.97)
		);
}

.vhs-location-icon {
	position: relative;
	z-index: 2;
	display: grid;
	align-items: center;
	justify-items: center;
	width: 54px;
	height: 54px;
	margin: 0;
	border: 1px solid rgba(0, 229, 255, 0.5);
	border-radius: 13px;
	color: var(--vhs-cyan);
	background: rgba(0, 229, 255, 0.055);
	box-shadow:
		inset 0 0 16px rgba(0, 229, 255, 0.07),
		0 0 18px rgba(0, 229, 255, 0.12);
	font-family: "Arial Narrow", Impact, sans-serif;
	font-size: 1.55rem;
	font-weight: 900;
	line-height: 1;
	text-shadow:
		0 0 6px rgba(0, 229, 255, 0.9),
		0 0 17px rgba(0, 229, 255, 0.4);
}

.vhs-location-card:nth-child(even) .vhs-location-icon {
	border-color: rgba(255, 46, 166, 0.5);
	color: var(--vhs-pink);
	background: rgba(255, 46, 166, 0.055);
	box-shadow:
		inset 0 0 16px rgba(255, 46, 166, 0.07),
		0 0 18px rgba(255, 46, 166, 0.12);
	text-shadow:
		0 0 6px rgba(255, 46, 166, 0.9),
		0 0 17px rgba(255, 46, 166, 0.4);
}

.vhs-location-card-title {
	position: relative;
	z-index: 2;
	margin: 0 0 7px;
	color: var(--vhs-cyan);
	font-family: "Arial Narrow", "Roboto Condensed", Impact, sans-serif;
	font-size: 0.92rem;
	font-weight: 900;
	letter-spacing: 0.09em;
	line-height: 1.2;
	text-transform: uppercase;
	text-shadow: 0 0 13px rgba(0, 229, 255, 0.34);
}

.vhs-location-card:nth-child(even) .vhs-location-card-title {
	color: var(--vhs-pink);
	text-shadow: 0 0 13px rgba(255, 46, 166, 0.36);
}

.vhs-location-highlight {
	position: relative;
	z-index: 2;
	margin: 0 0 7px;
	color: var(--vhs-white);
	font-family: "Arial Narrow", "Roboto Condensed", sans-serif;
	font-size: 1.08rem;
	font-weight: 850;
	letter-spacing: 0.035em;
	line-height: 1.35;
	text-transform: uppercase;
}

.vhs-location-text {
	position: relative;
	z-index: 2;
	margin: 0;
	color: var(--vhs-muted);
	font-size: 0.91rem;
	line-height: 1.65;
}

.vhs-location-buttons {
	margin-top: 12px;
}

.vhs-location-buttons .wp-block-button__link {
	min-width: 230px;
	border-color: rgba(0, 229, 255, 0.62) !important;
	color: var(--vhs-cyan) !important;
	background: rgba(0, 229, 255, 0.04) !important;
	box-shadow:
		inset 0 0 18px rgba(0, 229, 255, 0.04),
		0 0 20px rgba(0, 229, 255, 0.08);
}

.vhs-location-buttons .wp-block-button__link:hover {
	color: var(--vhs-white) !important;
	background: rgba(0, 229, 255, 0.12) !important;
	box-shadow:
		0 0 28px rgba(0, 229, 255, 0.22),
		0 16px 36px rgba(0, 0, 0, 0.28);
}

@media (max-width: 1050px) {
	.vhs-location-grid {
		grid-template-columns:
			minmax(360px, 0.9fr)
			minmax(0, 1.1fr);
		gap: 42px;
	}

	.vhs-location-visual,
	.vhs-location-screen {
		min-height: 560px;
	}
}

@media (max-width: 850px) {
	.vhs-location-heading {
		grid-template-columns: 1fr;
		row-gap: 22px;
	}

	.vhs-location-intro {
		max-width: 620px;
		margin-left: 0;
	}

	.vhs-location-grid {
		grid-template-columns: 1fr;
	}

	.vhs-location-visual,
	.vhs-location-screen {
		min-height: 470px;
	}
}

@media (max-width: 620px) {
	.vhs-location-section {
		margin-right: -18px;
		margin-left: -18px;
		padding-right: 18px;
		padding-left: 18px;
	}

	.vhs-location-title {
		font-size: clamp(3.1rem, 14vw, 5rem);
	}

	.vhs-location-title span {
		-webkit-text-stroke-width: 1.5px;
	}

	.vhs-location-visual,
	.vhs-location-screen {
		min-height: 360px;
	}

	.vhs-location-screen {
		padding: 24px;
		border-radius: 22px;
	}

	.vhs-location-screen::before {
		border-radius: 12px;
	}

	.vhs-location-card,
	.vhs-location-card-main {
		grid-template-columns: 48px minmax(0, 1fr);
		padding: 17px;
		gap: 14px;
	}

	.vhs-location-icon {
		width: 48px;
		height: 48px;
		font-size: 1.35rem;
	}
}
/* ==========================================================
   ARCHIV JEDNOTLIVÝCH ROČNÍKŮ
   ========================================================== */

.vhs-years-section {
	position: relative;
	margin-right: -24px;
	margin-left: -24px;
	padding: clamp(95px, 10vw, 155px) 24px;
	overflow: hidden;
	isolation: isolate;
}

.vhs-years-section::before {
	position: absolute;
	z-index: -2;
	inset: 0;
	background:
		radial-gradient(
			circle at 15% 30%,
			rgba(0, 229, 255, 0.11),
			transparent 35rem
		),
		radial-gradient(
			circle at 87% 68%,
			rgba(255, 46, 166, 0.11),
			transparent 37rem
		);
	content: "";
	pointer-events: none;
}

.vhs-years-section::after {
	position: absolute;
	z-index: -1;
	inset: 0;
	background:
		linear-gradient(
			rgba(0, 229, 255, 0.014) 1px,
			transparent 1px
		),
		linear-gradient(
			90deg,
			rgba(0, 229, 255, 0.014) 1px,
			transparent 1px
		);
	background-size: 48px 48px;
	content: "";
	pointer-events: none;
}

.vhs-years-wrap {
	width: 100%;
	margin: 0 auto;
}

.vhs-years-heading {
	display: grid;
	grid-template-columns:
		minmax(0, 1fr)
		minmax(280px, 0.58fr);
	align-items: end;
	margin-bottom: clamp(48px, 6vw, 78px);
	column-gap: 50px;
}

.vhs-years-heading .vhs-section-kicker {
	grid-column: 1 / -1;
}

.vhs-years-title {
	margin-bottom: 0;
}

.vhs-years-title span {
	display: inline-block;
	color: rgba(5, 7, 17, 0.22);
	-webkit-text-fill-color: rgba(5, 7, 17, 0.22);
	-webkit-text-stroke: 2px var(--vhs-cyan);
	text-shadow:
		0 0 5px rgba(0, 229, 255, 0.92),
		0 0 18px rgba(0, 229, 255, 0.52),
		0 0 40px rgba(0, 229, 255, 0.21);
}

.vhs-years-intro {
	max-width: 480px;
	margin: 0 0 8px auto;
	color: var(--vhs-muted);
	font-size: 1rem;
	line-height: 1.75;
}

.vhs-years-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	align-items: stretch;
	gap: 18px;
}

.vhs-year-card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: 390px;
	margin: 0;
	padding: 30px 26px 28px;
	border: 1px solid rgba(170, 177, 197, 0.22);
	border-radius: 18px;
	background:
		repeating-linear-gradient(
			0deg,
			rgba(255, 255, 255, 0.016) 0,
			rgba(255, 255, 255, 0.016) 1px,
			transparent 1px,
			transparent 6px
		),
		linear-gradient(
			155deg,
			rgba(18, 25, 48, 0.95),
			rgba(6, 9, 21, 0.98)
		);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.035),
		0 22px 54px rgba(0, 0, 0, 0.34);
	overflow: hidden;
	transition:
		transform 190ms ease,
		border-color 190ms ease,
		box-shadow 190ms ease;
}

.vhs-year-card::before {
	position: absolute;
	top: 0;
	right: 22px;
	left: 22px;
	height: 2px;
	border-radius: 999px;
	background: linear-gradient(
		90deg,
		transparent,
		var(--vhs-cyan),
		transparent
	);
	box-shadow: 0 0 16px rgba(0, 229, 255, 0.45);
	content: "";
	opacity: 0.65;
}

.vhs-year-card::after {
	position: absolute;
	right: -80px;
	bottom: -90px;
	width: 210px;
	height: 210px;
	border-radius: 50%;
	background: rgba(0, 229, 255, 0.08);
	filter: blur(44px);
	content: "";
	pointer-events: none;
}

.vhs-year-card:nth-child(even)::before {
	background: linear-gradient(
		90deg,
		transparent,
		var(--vhs-pink),
		transparent
	);
	box-shadow: 0 0 16px rgba(255, 46, 166, 0.45);
}

.vhs-year-card:nth-child(even)::after {
	background: rgba(255, 46, 166, 0.09);
}

.vhs-year-card:hover {
	transform: translateY(-7px);
	border-color: rgba(0, 229, 255, 0.5);
	box-shadow:
		0 30px 72px rgba(0, 0, 0, 0.45),
		0 0 28px rgba(0, 229, 255, 0.1);
}

.vhs-year-card:nth-child(even):hover {
	border-color: rgba(255, 46, 166, 0.52);
	box-shadow:
		0 30px 72px rgba(0, 0, 0, 0.45),
		0 0 28px rgba(255, 46, 166, 0.11);
}

.vhs-year-card-current {
	border-color: rgba(255, 187, 0, 0.42);
	background:
		radial-gradient(
			circle at 80% 15%,
			rgba(255, 187, 0, 0.12),
			transparent 17rem
		),
		repeating-linear-gradient(
			0deg,
			rgba(255, 255, 255, 0.018) 0,
			rgba(255, 255, 255, 0.018) 1px,
			transparent 1px,
			transparent 6px
		),
		linear-gradient(
			155deg,
			rgba(25, 26, 45, 0.97),
			rgba(8, 9, 21, 0.99)
		);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.04),
		0 24px 62px rgba(0, 0, 0, 0.38),
		0 0 30px rgba(255, 187, 0, 0.08);
}

.vhs-year-card-current::before {
	background: linear-gradient(
		90deg,
		transparent,
		var(--vhs-orange),
		transparent
	);
	box-shadow: 0 0 18px rgba(255, 187, 0, 0.52);
	opacity: 1;
}

.vhs-year-card-current::after {
	background: rgba(255, 187, 0, 0.1);
}

.vhs-year-card-current:hover {
	border-color: rgba(255, 187, 0, 0.64);
	box-shadow:
		0 32px 76px rgba(0, 0, 0, 0.46),
		0 0 34px rgba(255, 187, 0, 0.13);
}

.vhs-year-status {
	position: relative;
	z-index: 2;
	width: fit-content;
	margin: 0 0 30px;
	padding: 7px 11px;
	border: 1px solid rgba(0, 229, 255, 0.34);
	border-radius: 999px;
	color: var(--vhs-cyan);
	background: rgba(0, 229, 255, 0.055);
	font-family: "Arial Narrow", "Roboto Condensed", sans-serif;
	font-size: 0.64rem;
	font-weight: 900;
	letter-spacing: 0.13em;
	line-height: 1;
	text-transform: uppercase;
	text-shadow: 0 0 12px rgba(0, 229, 255, 0.36);
}

.vhs-year-card:nth-child(even) .vhs-year-status {
	border-color: rgba(255, 46, 166, 0.36);
	color: var(--vhs-pink);
	background: rgba(255, 46, 166, 0.055);
	text-shadow: 0 0 12px rgba(255, 46, 166, 0.38);
}

.vhs-year-card-current .vhs-year-status {
	border-color: rgba(255, 187, 0, 0.48);
	color: var(--vhs-orange);
	background: rgba(255, 187, 0, 0.07);
	text-shadow: 0 0 13px rgba(255, 187, 0, 0.42);
}

.vhs-year-number {
	position: relative;
	z-index: 2;
	margin: 0 0 24px;
	color: rgba(5, 7, 17, 0.28);
	-webkit-text-fill-color: rgba(5, 7, 17, 0.28);
	-webkit-text-stroke: 2px var(--vhs-cyan);
	font-family: "Arial Narrow", Impact, sans-serif;
	font-size: clamp(4rem, 5.4vw, 6.6rem);
	font-weight: 900;
	letter-spacing: -0.02em;
	line-height: 0.82;
	text-transform: uppercase;
	text-shadow:
		0 0 5px rgba(0, 229, 255, 0.9),
		0 0 18px rgba(0, 229, 255, 0.48),
		0 0 34px rgba(0, 229, 255, 0.18);
}

.vhs-year-card:nth-child(even) .vhs-year-number {
	-webkit-text-stroke-color: var(--vhs-pink);
	text-shadow:
		0 0 5px rgba(255, 46, 166, 0.9),
		0 0 18px rgba(255, 46, 166, 0.48),
		0 0 34px rgba(255, 46, 166, 0.18);
}

.vhs-year-card-current .vhs-year-number {
	-webkit-text-stroke-color: var(--vhs-orange);
	text-shadow:
		0 0 5px rgba(255, 187, 0, 0.92),
		0 0 18px rgba(255, 187, 0, 0.5),
		0 0 36px rgba(255, 187, 0, 0.2);
}

.vhs-year-text {
	position: relative;
	z-index: 2;
	flex: 1;
	margin: 0 0 26px;
	color: var(--vhs-muted);
	font-size: 0.92rem;
	line-height: 1.7;
}

.vhs-year-link {
	position: relative;
	z-index: 2;
	margin: auto 0 0;
	font-family: "Arial Narrow", "Roboto Condensed", sans-serif;
	font-size: 0.72rem;
	font-weight: 900;
	letter-spacing: 0.11em;
	line-height: 1.4;
	text-transform: uppercase;
}

.vhs-year-link a {
	color: var(--vhs-cyan);
	text-decoration: none;
}

.vhs-year-card:nth-child(even) .vhs-year-link a {
	color: var(--vhs-pink);
}

.vhs-year-card-current .vhs-year-link a {
	color: var(--vhs-orange);
}

.vhs-year-link a:hover {
	color: var(--vhs-white);
}

.vhs-years-buttons {
	justify-content: center;
	margin-top: 42px;
}

.vhs-years-buttons .wp-block-button__link {
	min-width: 205px;
	border-color: rgba(0, 229, 255, 0.62) !important;
	color: var(--vhs-cyan) !important;
	background: rgba(0, 229, 255, 0.04) !important;
	box-shadow:
		inset 0 0 18px rgba(0, 229, 255, 0.04),
		0 0 20px rgba(0, 229, 255, 0.08);
}

.vhs-years-buttons .wp-block-button__link:hover {
	color: var(--vhs-white) !important;
	background: rgba(0, 229, 255, 0.12) !important;
	box-shadow:
		0 0 28px rgba(0, 229, 255, 0.22),
		0 16px 36px rgba(0, 0, 0, 0.28);
}

@media (max-width: 1100px) {
	.vhs-years-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.vhs-year-card {
		min-height: 350px;
	}

	.vhs-year-number {
		font-size: clamp(4.5rem, 10vw, 7rem);
	}
}

@media (max-width: 780px) {
	.vhs-years-heading {
		grid-template-columns: 1fr;
		row-gap: 22px;
	}

	.vhs-years-intro {
		max-width: 620px;
		margin-left: 0;
	}
}

@media (max-width: 620px) {
	.vhs-years-section {
		margin-right: -18px;
		margin-left: -18px;
		padding-right: 18px;
		padding-left: 18px;
	}

	.vhs-years-title {
		font-size: clamp(3rem, 13vw, 4.8rem);
	}

	.vhs-years-title span {
		-webkit-text-stroke-width: 1.5px;
	}

	.vhs-years-grid {
		grid-template-columns: 1fr;
	}

	.vhs-year-card {
		min-height: 320px;
		padding: 26px 23px;
	}

	.vhs-year-number {
		font-size: clamp(4.5rem, 22vw, 7rem);
		-webkit-text-stroke-width: 1.5px;
	}
}
/* ==========================================================
   KONTAKT A ZAPOJENÍ DO VHS SRAZU
   ========================================================== */

.vhs-contact-section {
	position: relative;
	margin-right: -24px;
	margin-left: -24px;
	padding: clamp(95px, 10vw, 155px) 24px;
	border-top: 1px solid rgba(0, 229, 255, 0.12);
	background:
		linear-gradient(
			180deg,
			rgba(4, 6, 15, 0.99),
			rgba(10, 13, 29, 0.98) 48%,
			rgba(4, 6, 14, 0.99)
		);
	overflow: hidden;
	isolation: isolate;
}

.vhs-contact-section::before {
	position: absolute;
	z-index: -2;
	inset: 0;
	background:
		radial-gradient(
			circle at 16% 32%,
			rgba(255, 46, 166, 0.12),
			transparent 36rem
		),
		radial-gradient(
			circle at 86% 70%,
			rgba(0, 229, 255, 0.12),
			transparent 38rem
		),
		radial-gradient(
			circle at 53% 100%,
			rgba(255, 187, 0, 0.06),
			transparent 31rem
		);
	content: "";
	pointer-events: none;
}

.vhs-contact-section::after {
	position: absolute;
	z-index: -1;
	inset: 0;
	background:
		repeating-linear-gradient(
			0deg,
			rgba(255, 255, 255, 0.014) 0,
			rgba(255, 255, 255, 0.014) 1px,
			transparent 1px,
			transparent 6px
		);
	content: "";
	pointer-events: none;
}

.vhs-contact-wrap {
	width: 100%;
	margin: 0 auto;
}

.vhs-contact-heading {
	display: grid;
	grid-template-columns:
		minmax(0, 1fr)
		minmax(280px, 0.58fr);
	align-items: end;
	margin-bottom: clamp(48px, 6vw, 78px);
	column-gap: 50px;
}

.vhs-contact-heading .vhs-section-kicker {
	grid-column: 1 / -1;
}

.vhs-contact-title {
	margin-bottom: 0;
}

.vhs-contact-title span {
	display: inline-block;
	color: rgba(5, 7, 17, 0.22);
	-webkit-text-fill-color: rgba(5, 7, 17, 0.22);
	-webkit-text-stroke: 2px var(--vhs-pink);
	text-shadow:
		0 0 5px rgba(255, 46, 166, 0.92),
		0 0 18px rgba(255, 46, 166, 0.54),
		0 0 40px rgba(255, 46, 166, 0.22);
}

.vhs-contact-intro {
	max-width: 490px;
	margin: 0 0 8px auto;
	color: var(--vhs-muted);
	font-size: 1rem;
	line-height: 1.75;
}

.vhs-contact-grid {
	display: grid;
	grid-template-columns:
		minmax(400px, 1.08fr)
		minmax(0, 0.92fr);
	align-items: stretch;
	gap: clamp(28px, 4vw, 58px);
}

.vhs-contact-main {
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: 560px;
	padding: clamp(32px, 4.5vw, 58px);
	border: 1px solid rgba(255, 46, 166, 0.34);
	border-radius: 25px;
	background:
		radial-gradient(
			circle at 88% 16%,
			rgba(255, 46, 166, 0.13),
			transparent 18rem
		),
		radial-gradient(
			circle at 12% 88%,
			rgba(0, 229, 255, 0.09),
			transparent 19rem
		),
		repeating-linear-gradient(
			0deg,
			rgba(255, 255, 255, 0.015) 0,
			rgba(255, 255, 255, 0.015) 1px,
			transparent 1px,
			transparent 6px
		),
		linear-gradient(
			145deg,
			rgba(20, 22, 45, 0.97),
			rgba(6, 8, 19, 0.99)
		);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.04),
		0 30px 82px rgba(0, 0, 0, 0.42),
		0 0 34px rgba(255, 46, 166, 0.08);
	overflow: hidden;
}

.vhs-contact-main::before {
	position: absolute;
	top: 0;
	right: 38px;
	left: 38px;
	height: 2px;
	border-radius: 999px;
	background: linear-gradient(
		90deg,
		transparent,
		var(--vhs-pink),
		transparent
	);
	box-shadow: 0 0 20px rgba(255, 46, 166, 0.62);
	content: "";
}

.vhs-contact-main::after {
	position: absolute;
	right: -100px;
	bottom: -120px;
	width: 280px;
	height: 280px;
	border-radius: 50%;
	background: rgba(255, 46, 166, 0.1);
	filter: blur(54px);
	content: "";
	pointer-events: none;
}

.vhs-contact-main-label {
	position: relative;
	z-index: 2;
	width: fit-content;
	margin: 0 0 31px;
	padding: 8px 12px;
	border: 1px solid rgba(255, 46, 166, 0.42);
	border-radius: 999px;
	color: var(--vhs-pink);
	background: rgba(255, 46, 166, 0.06);
	font-family: "Arial Narrow", "Roboto Condensed", sans-serif;
	font-size: 0.65rem;
	font-weight: 900;
	letter-spacing: 0.14em;
	line-height: 1;
	text-transform: uppercase;
	text-shadow: 0 0 12px rgba(255, 46, 166, 0.4);
}

.vhs-contact-main-title {
	position: relative;
	z-index: 2;
	max-width: 620px;
	margin: 0 0 24px;
	color: var(--vhs-white);
	font-family: "Arial Narrow", "Roboto Condensed", Impact, sans-serif;
	font-size: clamp(2.7rem, 4.7vw, 5.4rem);
	font-weight: 900;
	letter-spacing: -0.025em;
	line-height: 0.96;
	text-transform: uppercase;
	text-shadow:
		0 0 22px rgba(255, 255, 255, 0.08),
		0 0 35px rgba(255, 46, 166, 0.09);
}

.vhs-contact-main-text {
	position: relative;
	z-index: 2;
	max-width: 640px;
	margin: 0 0 34px;
	color: var(--vhs-muted);
	font-size: 1rem;
	line-height: 1.8;
}

.vhs-contact-details {
	position: relative;
	z-index: 2;
	display: grid;
	margin: auto 0 34px;
	gap: 13px;
}

.vhs-contact-detail {
	position: relative;
	display: grid;
	grid-template-columns: 54px minmax(0, 1fr);
	align-items: center;
	margin: 0;
	padding: 17px 19px;
	border: 1px solid rgba(170, 177, 197, 0.18);
	border-radius: 14px;
	background:
		linear-gradient(
			145deg,
			rgba(19, 27, 51, 0.74),
			rgba(7, 9, 21, 0.86)
		);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.025),
		0 14px 34px rgba(0, 0, 0, 0.21);
	gap: 17px;
	overflow: hidden;
	transition:
		transform 180ms ease,
		border-color 180ms ease,
		box-shadow 180ms ease;
}

.vhs-contact-detail:hover {
	transform: translateX(5px);
	border-color: rgba(0, 229, 255, 0.4);
	box-shadow:
		0 18px 42px rgba(0, 0, 0, 0.3),
		0 0 22px rgba(0, 229, 255, 0.07);
}

.vhs-contact-detail:nth-child(even):hover {
	border-color: rgba(255, 46, 166, 0.42);
	box-shadow:
		0 18px 42px rgba(0, 0, 0, 0.3),
		0 0 22px rgba(255, 46, 166, 0.08);
}

.vhs-contact-icon {
	position: relative;
	z-index: 2;
	display: grid;
	align-items: center;
	justify-items: center;
	width: 54px;
	height: 54px;
	margin: 0;
	border: 1px solid rgba(0, 229, 255, 0.5);
	border-radius: 13px;
	color: var(--vhs-cyan);
	background: rgba(0, 229, 255, 0.055);
	box-shadow:
		inset 0 0 16px rgba(0, 229, 255, 0.07),
		0 0 18px rgba(0, 229, 255, 0.12);
	font-family: "Arial Narrow", Impact, sans-serif;
	font-size: 1.45rem;
	font-weight: 900;
	line-height: 1;
	text-shadow:
		0 0 6px rgba(0, 229, 255, 0.9),
		0 0 17px rgba(0, 229, 255, 0.4);
}

.vhs-contact-detail:nth-child(even) .vhs-contact-icon {
	border-color: rgba(255, 46, 166, 0.5);
	color: var(--vhs-pink);
	background: rgba(255, 46, 166, 0.055);
	box-shadow:
		inset 0 0 16px rgba(255, 46, 166, 0.07),
		0 0 18px rgba(255, 46, 166, 0.12);
	text-shadow:
		0 0 6px rgba(255, 46, 166, 0.9),
		0 0 17px rgba(255, 46, 166, 0.4);
}

.vhs-contact-detail-label {
	position: relative;
	z-index: 2;
	margin: 0 0 6px;
	color: var(--vhs-cyan);
	font-family: "Arial Narrow", "Roboto Condensed", sans-serif;
	font-size: 0.65rem;
	font-weight: 900;
	letter-spacing: 0.13em;
	line-height: 1.2;
	text-transform: uppercase;
	text-shadow: 0 0 12px rgba(0, 229, 255, 0.38);
}

.vhs-contact-detail:nth-child(even) .vhs-contact-detail-label {
	color: var(--vhs-pink);
	text-shadow: 0 0 12px rgba(255, 46, 166, 0.4);
}

.vhs-contact-detail-value {
	position: relative;
	z-index: 2;
	margin: 0;
	color: var(--vhs-white);
	font-family: "Arial Narrow", "Roboto Condensed", sans-serif;
	font-size: 0.91rem;
	font-weight: 800;
	letter-spacing: 0.035em;
	line-height: 1.45;
	text-transform: uppercase;
}

.vhs-contact-buttons {
	position: relative;
	z-index: 2;
	margin-top: 0;
}

.vhs-contact-buttons .wp-block-button__link {
	min-width: 245px;
	border-color: var(--vhs-pink) !important;
	color: var(--vhs-white) !important;
	background:
		linear-gradient(
			135deg,
			rgba(255, 46, 166, 0.95),
			rgba(208, 29, 124, 0.96)
		) !important;
	box-shadow:
		0 0 24px rgba(255, 46, 166, 0.24),
		0 16px 38px rgba(0, 0, 0, 0.3);
}

.vhs-contact-buttons .wp-block-button__link:hover {
	transform: translateY(-2px);
	background:
		linear-gradient(
			135deg,
			rgba(255, 78, 169, 1),
			rgba(230, 34, 139, 1)
		) !important;
	box-shadow:
		0 0 34px rgba(255, 46, 166, 0.38),
		0 20px 44px rgba(0, 0, 0, 0.34);
}

.vhs-contact-options {
	display: grid;
	grid-template-columns: 1fr;
	align-content: stretch;
	gap: 16px;
}

.vhs-contact-option {
	position: relative;
	display: grid;
	grid-template-columns: 78px minmax(0, 1fr);
	grid-template-rows: auto auto;
	align-content: center;
	min-height: 176px;
	margin: 0;
	padding: 25px 26px;
	border: 1px solid rgba(170, 177, 197, 0.19);
	border-radius: 17px;
	background:
		linear-gradient(
			145deg,
			rgba(18, 25, 48, 0.88),
			rgba(6, 9, 21, 0.96)
		);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.03),
		0 18px 44px rgba(0, 0, 0, 0.28);
	column-gap: 21px;
	overflow: hidden;
	transition:
		transform 190ms ease,
		border-color 190ms ease,
		box-shadow 190ms ease;
}

.vhs-contact-option::before {
	position: absolute;
	top: 0;
	right: 22px;
	left: 22px;
	height: 2px;
	border-radius: 999px;
	background: linear-gradient(
		90deg,
		transparent,
		var(--vhs-cyan),
		transparent
	);
	box-shadow: 0 0 16px rgba(0, 229, 255, 0.42);
	content: "";
	opacity: 0.6;
}

.vhs-contact-option::after {
	position: absolute;
	right: -60px;
	bottom: -75px;
	width: 155px;
	height: 155px;
	border-radius: 50%;
	background: rgba(0, 229, 255, 0.08);
	filter: blur(34px);
	content: "";
	pointer-events: none;
}

.vhs-contact-option:nth-child(even)::before {
	background: linear-gradient(
		90deg,
		transparent,
		var(--vhs-pink),
		transparent
	);
	box-shadow: 0 0 16px rgba(255, 46, 166, 0.44);
}

.vhs-contact-option:nth-child(even)::after {
	background: rgba(255, 46, 166, 0.09);
}

.vhs-contact-option:nth-child(3)::before {
	background: linear-gradient(
		90deg,
		transparent,
		var(--vhs-orange),
		transparent
	);
	box-shadow: 0 0 16px rgba(255, 187, 0, 0.44);
}

.vhs-contact-option:nth-child(3)::after {
	background: rgba(255, 187, 0, 0.08);
}

.vhs-contact-option:hover {
	transform: translateY(-5px);
	border-color: rgba(0, 229, 255, 0.46);
	box-shadow:
		0 25px 58px rgba(0, 0, 0, 0.38),
		0 0 26px rgba(0, 229, 255, 0.08);
}

.vhs-contact-option:nth-child(even):hover {
	border-color: rgba(255, 46, 166, 0.48);
	box-shadow:
		0 25px 58px rgba(0, 0, 0, 0.38),
		0 0 26px rgba(255, 46, 166, 0.09);
}

.vhs-contact-option:nth-child(3):hover {
	border-color: rgba(255, 187, 0, 0.48);
	box-shadow:
		0 25px 58px rgba(0, 0, 0, 0.38),
		0 0 26px rgba(255, 187, 0, 0.08);
}

.vhs-contact-option-number {
	position: relative;
	z-index: 2;
	grid-row: 1 / 3;
	align-self: center;
	margin: 0;
	color: rgba(5, 7, 17, 0.28);
	-webkit-text-fill-color: rgba(5, 7, 17, 0.28);
	-webkit-text-stroke: 1.5px var(--vhs-cyan);
	font-family: "Arial Narrow", Impact, sans-serif;
	font-size: clamp(3.7rem, 5vw, 5.7rem);
	font-weight: 900;
	letter-spacing: -0.04em;
	line-height: 0.8;
	text-shadow:
		0 0 5px rgba(0, 229, 255, 0.85),
		0 0 18px rgba(0, 229, 255, 0.42);
}

.vhs-contact-option:nth-child(even) .vhs-contact-option-number {
	-webkit-text-stroke-color: var(--vhs-pink);
	text-shadow:
		0 0 5px rgba(255, 46, 166, 0.86),
		0 0 18px rgba(255, 46, 166, 0.44);
}

.vhs-contact-option:nth-child(3) .vhs-contact-option-number {
	-webkit-text-stroke-color: var(--vhs-orange);
	text-shadow:
		0 0 5px rgba(255, 187, 0, 0.86),
		0 0 18px rgba(255, 187, 0, 0.44);
}

.vhs-contact-option-title {
	position: relative;
	z-index: 2;
	align-self: end;
	margin: 0 0 9px;
	color: var(--vhs-white);
	font-family: "Arial Narrow", "Roboto Condensed", Impact, sans-serif;
	font-size: clamp(1.14rem, 1rem + 0.35vw, 1.5rem);
	font-weight: 900;
	letter-spacing: 0.045em;
	line-height: 1.15;
	text-transform: uppercase;
}

.vhs-contact-option-text {
	position: relative;
	z-index: 2;
	align-self: start;
	margin: 0;
	color: var(--vhs-muted);
	font-size: 0.9rem;
	line-height: 1.65;
}

@media (max-width: 1050px) {
	.vhs-contact-grid {
		grid-template-columns:
			minmax(360px, 0.95fr)
			minmax(0, 1.05fr);
		gap: 28px;
	}

	.vhs-contact-main {
		min-height: 540px;
	}

	.vhs-contact-option {
		grid-template-columns: 66px minmax(0, 1fr);
		padding: 23px 21px;
		column-gap: 17px;
	}
}

@media (max-width: 850px) {
	.vhs-contact-heading {
		grid-template-columns: 1fr;
		row-gap: 22px;
	}

	.vhs-contact-intro {
		max-width: 650px;
		margin-left: 0;
	}

	.vhs-contact-grid {
		grid-template-columns: 1fr;
	}

	.vhs-contact-main {
		min-height: auto;
	}

	.vhs-contact-details {
		margin-top: 12px;
	}
}

@media (max-width: 620px) {
	.vhs-contact-section {
		margin-right: -18px;
		margin-left: -18px;
		padding-right: 18px;
		padding-left: 18px;
	}

	.vhs-contact-title {
		font-size: clamp(3.1rem, 14vw, 5rem);
		line-height: 1.04;
	}

	.vhs-contact-title span {
		-webkit-text-stroke-width: 1.5px;
	}

	.vhs-contact-main {
		padding: 28px 21px;
		border-radius: 19px;
	}

	.vhs-contact-main-title {
		font-size: clamp(2.5rem, 12vw, 4.4rem);
		line-height: 1;
	}

	.vhs-contact-detail {
		grid-template-columns: 47px minmax(0, 1fr);
		padding: 15px;
		gap: 13px;
	}

	.vhs-contact-icon {
		width: 47px;
		height: 47px;
		font-size: 1.25rem;
	}

	.vhs-contact-detail-value {
		font-size: 0.79rem;
		overflow-wrap: anywhere;
	}

	.vhs-contact-buttons .wp-block-button,
	.vhs-contact-buttons .wp-block-button__link {
		width: 100%;
	}

	.vhs-contact-option {
		grid-template-columns: 55px minmax(0, 1fr);
		min-height: 155px;
		padding: 21px 18px;
		column-gap: 14px;
	}

	.vhs-contact-option-number {
		font-size: clamp(3.1rem, 16vw, 4.6rem);
		-webkit-text-stroke-width: 1.2px;
	}

	.vhs-contact-option-title {
		font-size: 1.06rem;
	}
}
/* ==========================================================
   HLAVNÍ FOOTER WEBU
   ========================================================== */

.vhs-site-footer {
	position: relative;
	margin-right: -24px;
	margin-left: -24px;
	padding: clamp(72px, 8vw, 118px) 24px 30px;
	border-top: 1px solid rgba(255, 187, 0, 0.22);
	background:
		linear-gradient(
			180deg,
			rgba(4, 6, 14, 0.99),
			rgba(5, 7, 17, 1)
		);
	overflow: hidden;
	isolation: isolate;
}

.vhs-site-footer::before {
	position: absolute;
	z-index: -2;
	inset: 0;
	background:
		radial-gradient(
			circle at 11% 21%,
			rgba(255, 187, 0, 0.1),
			transparent 29rem
		),
		radial-gradient(
			circle at 84% 32%,
			rgba(0, 229, 255, 0.08),
			transparent 31rem
		),
		radial-gradient(
			circle at 56% 100%,
			rgba(255, 46, 166, 0.07),
			transparent 30rem
		);
	content: "";
	pointer-events: none;
}

.vhs-site-footer::after {
	position: absolute;
	z-index: -1;
	inset: 0;
	background:
		repeating-linear-gradient(
			0deg,
			rgba(255, 255, 255, 0.012) 0,
			rgba(255, 255, 255, 0.012) 1px,
			transparent 1px,
			transparent 6px
		);
	content: "";
	pointer-events: none;
}

.vhs-footer-wrap {
	position: relative;
	width: 100%;
	margin: 0 auto;
}

.vhs-footer-grid {
	display: grid;
	grid-template-columns:
		minmax(300px, 1.45fr)
		minmax(130px, 0.66fr)
		minmax(165px, 0.78fr)
		minmax(210px, 0.92fr);
	align-items: start;
	gap: clamp(34px, 4.5vw, 74px);
}

/* ZNAČKA A LOGO */

.vhs-footer-brand {
	max-width: 440px;
}

.vhs-footer-brand-head {
	align-items: center;
	gap: 18px;
}

.vhs-footer-logo {
	flex-shrink: 0;
}

.vhs-footer-logo img,
.vhs-footer-logo .custom-logo {
	display: block;
	width: 74px;
	height: 74px;
	border: 1px solid rgba(255, 187, 0, 0.3);
	border-radius: 14px;
	background: rgba(255, 187, 0, 0.04);
	box-shadow:
		0 0 24px rgba(255, 187, 0, 0.1),
		inset 0 0 18px rgba(255, 187, 0, 0.04);
	object-fit: contain;
}

.vhs-footer-brand-text {
	min-width: 0;
}

.vhs-footer-site-title {
	margin: 0;
	font-family: "Arial Narrow", "Roboto Condensed", Impact, sans-serif;
	font-size: clamp(1.8rem, 2.3vw, 2.7rem);
	font-weight: 900;
	letter-spacing: -0.015em;
	line-height: 0.95;
	text-transform: uppercase;
}

.vhs-footer-site-title a {
	color: var(--vhs-orange);
	text-decoration: none;
	text-shadow:
		0 0 7px rgba(255, 187, 0, 0.75),
		0 0 22px rgba(255, 187, 0, 0.3);
}

.vhs-footer-site-title a:hover {
	color: var(--vhs-white);
}

.vhs-footer-subtitle {
	margin: 8px 0 0;
	color: var(--vhs-muted);
	font-family: "Arial Narrow", "Roboto Condensed", sans-serif;
	font-size: 0.64rem;
	font-weight: 850;
	letter-spacing: 0.14em;
	line-height: 1.35;
	text-transform: uppercase;
}

.vhs-footer-description {
	max-width: 410px;
	margin: 28px 0 25px;
	color: var(--vhs-muted);
	font-size: 0.94rem;
	line-height: 1.75;
}

/* INDIKÁTOR SIGNÁLU */

.vhs-footer-signal {
	display: flex;
	align-items: center;
	width: fit-content;
	margin: 0;
	padding: 10px 14px;
	border: 1px solid rgba(0, 229, 255, 0.22);
	border-radius: 999px;
	color: var(--vhs-cyan);
	background: rgba(0, 229, 255, 0.035);
	font-family: "Arial Narrow", "Roboto Condensed", sans-serif;
	font-size: 0.62rem;
	font-weight: 900;
	letter-spacing: 0.12em;
	line-height: 1;
	text-transform: uppercase;
	text-shadow: 0 0 11px rgba(0, 229, 255, 0.38);
	gap: 10px;
}

.vhs-footer-signal-light {
	display: block;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: var(--vhs-cyan);
	box-shadow:
		0 0 5px rgba(0, 229, 255, 1),
		0 0 14px rgba(0, 229, 255, 0.85),
		0 0 24px rgba(0, 229, 255, 0.42);
	animation: vhs-footer-signal-pulse 1.8s ease-in-out infinite;
}

@keyframes vhs-footer-signal-pulse {
	0%,
	100% {
		opacity: 0.58;
		transform: scale(0.82);
	}

	50% {
		opacity: 1;
		transform: scale(1.15);
	}
}

/* SLOUPCE A ODKAZY */

.vhs-footer-heading {
	position: relative;
	margin: 4px 0 27px;
	padding-bottom: 13px;
	color: var(--vhs-white);
	font-family: "Arial Narrow", "Roboto Condensed", Impact, sans-serif;
	font-size: 0.93rem;
	font-weight: 900;
	letter-spacing: 0.11em;
	line-height: 1.2;
	text-transform: uppercase;
}

.vhs-footer-heading::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 42px;
	height: 2px;
	border-radius: 999px;
	background: var(--vhs-cyan);
	box-shadow: 0 0 12px rgba(0, 229, 255, 0.55);
	content: "";
}

.vhs-footer-column:nth-child(3) .vhs-footer-heading::after {
	background: var(--vhs-pink);
	box-shadow: 0 0 12px rgba(255, 46, 166, 0.55);
}

.vhs-footer-contact .vhs-footer-heading::after {
	background: var(--vhs-orange);
	box-shadow: 0 0 12px rgba(255, 187, 0, 0.55);
}

.vhs-footer-links {
	display: grid;
	margin: 0;
	padding: 0;
	list-style: none;
	gap: 13px;
}

.vhs-footer-links li {
	margin: 0;
	padding: 0;
}

.vhs-footer-links a {
	position: relative;
	display: inline-block;
	padding-left: 14px;
	color: var(--vhs-muted);
	font-size: 0.88rem;
	line-height: 1.5;
	text-decoration: none;
	transition:
		color 160ms ease,
		transform 160ms ease,
		text-shadow 160ms ease;
}

.vhs-footer-links a::before {
	position: absolute;
	top: 0.72em;
	left: 0;
	width: 5px;
	height: 1px;
	background: var(--vhs-cyan);
	box-shadow: 0 0 7px rgba(0, 229, 255, 0.55);
	content: "";
}

.vhs-footer-column:nth-child(3) .vhs-footer-links a::before {
	background: var(--vhs-pink);
	box-shadow: 0 0 7px rgba(255, 46, 166, 0.55);
}

.vhs-footer-links a:hover {
	color: var(--vhs-white);
	transform: translateX(4px);
	text-shadow: 0 0 12px rgba(0, 229, 255, 0.26);
}

/* KONTAKT VE FOOTERU */

.vhs-footer-contact-label {
	margin: 0 0 7px;
	color: var(--vhs-orange);
	font-family: "Arial Narrow", "Roboto Condensed", sans-serif;
	font-size: 0.62rem;
	font-weight: 900;
	letter-spacing: 0.13em;
	line-height: 1.25;
	text-transform: uppercase;
	text-shadow: 0 0 11px rgba(255, 187, 0, 0.34);
}

.vhs-footer-contact-value {
	margin: 0 0 25px;
	font-family: "Arial Narrow", "Roboto Condensed", sans-serif;
	font-size: 0.85rem;
	font-weight: 800;
	letter-spacing: 0.035em;
	line-height: 1.45;
	text-transform: uppercase;
	overflow-wrap: anywhere;
}

.vhs-footer-contact-value a {
	color: var(--vhs-white);
	text-decoration: none;
}

.vhs-footer-contact-value a:hover {
	color: var(--vhs-orange);
	text-shadow: 0 0 13px rgba(255, 187, 0, 0.42);
}

/* SOCIÁLNÍ SÍTĚ */

.vhs-footer-socials {
	margin: 0;
	gap: 9px;
}

.vhs-footer-socials p {
	margin: 0;
}

.vhs-footer-socials a {
	display: grid;
	align-items: center;
	justify-items: center;
	width: 42px;
	height: 42px;
	border: 1px solid rgba(170, 177, 197, 0.23);
	border-radius: 10px;
	color: var(--vhs-muted);
	background: rgba(19, 27, 51, 0.54);
	font-family: "Arial Narrow", "Roboto Condensed", sans-serif;
	font-size: 0.68rem;
	font-weight: 900;
	letter-spacing: 0.05em;
	line-height: 1;
	text-decoration: none;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.025),
		0 10px 24px rgba(0, 0, 0, 0.22);
	transition:
		transform 160ms ease,
		color 160ms ease,
		border-color 160ms ease,
		box-shadow 160ms ease;
}

.vhs-footer-socials p:nth-child(1) a:hover {
	transform: translateY(-3px);
	border-color: rgba(0, 229, 255, 0.52);
	color: var(--vhs-cyan);
	box-shadow: 0 0 20px rgba(0, 229, 255, 0.14);
}

.vhs-footer-socials p:nth-child(2) a:hover {
	transform: translateY(-3px);
	border-color: rgba(255, 46, 166, 0.54);
	color: var(--vhs-pink);
	box-shadow: 0 0 20px rgba(255, 46, 166, 0.15);
}

.vhs-footer-socials p:nth-child(3) a:hover {
	transform: translateY(-3px);
	border-color: rgba(255, 187, 0, 0.54);
	color: var(--vhs-orange);
	box-shadow: 0 0 20px rgba(255, 187, 0, 0.14);
}

/* NEONOVÁ DĚLICÍ ČÁRA */

.vhs-footer-divider {
	position: relative;
	width: 100%;
	height: 1px;
	margin: clamp(50px, 6vw, 82px) 0 27px;
	background:
		linear-gradient(
			90deg,
			transparent,
			rgba(0, 229, 255, 0.35) 23%,
			rgba(255, 46, 166, 0.4) 53%,
			rgba(255, 187, 0, 0.35) 78%,
			transparent
		);
	box-shadow: 0 0 14px rgba(0, 229, 255, 0.08);
}

.vhs-footer-divider::before {
	position: absolute;
	top: -2px;
	left: 50%;
	width: 62px;
	height: 5px;
	border-radius: 50%;
	background: rgba(255, 46, 166, 0.22);
	filter: blur(5px);
	content: "";
	transform: translateX(-50%);
}

/* SPODNÍ LIŠTA */

.vhs-footer-bottom {
	align-items: center;
	margin: 0;
	color: var(--vhs-muted);
	gap: 20px 32px;
}

.vhs-footer-copyright {
	margin: 0;
	color: var(--vhs-muted);
	font-size: 0.75rem;
	line-height: 1.55;
}

.vhs-footer-gwangi {
	display: inline-block;
	margin-right: 9px;
	color: var(--vhs-orange);
	font-family: "Arial Narrow", "Roboto Condensed", Impact, sans-serif;
	font-size: 0.82rem;
	font-weight: 900;
	letter-spacing: 0.13em;
	line-height: 1;
	text-transform: uppercase;
	text-shadow:
		0 0 6px rgba(255, 187, 0, 0.9),
		0 0 17px rgba(255, 187, 0, 0.38);
}

.vhs-footer-legal {
	gap: 18px;
}

.vhs-footer-legal p {
	margin: 0;
}

.vhs-footer-legal a,
.vhs-footer-rewind a {
	color: var(--vhs-muted);
	font-size: 0.72rem;
	line-height: 1.4;
	text-decoration: none;
	transition:
		color 160ms ease,
		text-shadow 160ms ease;
}

.vhs-footer-legal a:hover {
	color: var(--vhs-pink);
	text-shadow: 0 0 11px rgba(255, 46, 166, 0.34);
}

.vhs-footer-rewind {
	margin: 0;
}

.vhs-footer-rewind a {
	color: var(--vhs-cyan);
	font-family: "Arial Narrow", "Roboto Condensed", sans-serif;
	font-size: 0.66rem;
	font-weight: 900;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	text-shadow: 0 0 10px rgba(0, 229, 255, 0.27);
}

.vhs-footer-rewind a:hover {
	color: var(--vhs-white);
	text-shadow: 0 0 15px rgba(0, 229, 255, 0.48);
}

/* TABLETY */

@media (max-width: 1050px) {
	.vhs-footer-grid {
		grid-template-columns:
			minmax(300px, 1.25fr)
			repeat(2, minmax(150px, 0.7fr));
	}

	.vhs-footer-contact {
		grid-column: 2 / -1;
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: 35px;
	}

	.vhs-footer-contact .vhs-footer-heading {
		grid-column: 1 / -1;
	}

	.vhs-footer-socials {
		align-self: start;
	}
}

/* MENŠÍ TABLETY */

@media (max-width: 780px) {
	.vhs-footer-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.vhs-footer-brand {
		grid-column: 1 / -1;
		max-width: 620px;
	}

	.vhs-footer-contact {
		grid-column: 1 / -1;
	}

	.vhs-footer-bottom {
		justify-content: flex-start !important;
	}

	.vhs-footer-copyright {
		width: 100%;
	}

	.vhs-footer-rewind {
		margin-left: auto;
	}
}

/* MOBILNÍ TELEFONY */

@media (max-width: 560px) {
	.vhs-site-footer {
		margin-right: -18px;
		margin-left: -18px;
		padding-right: 18px;
		padding-left: 18px;
	}

	.vhs-footer-grid {
		grid-template-columns: 1fr;
		gap: 42px;
	}

	.vhs-footer-brand,
	.vhs-footer-contact {
		grid-column: auto;
	}

	.vhs-footer-brand-head {
		align-items: center;
	}

	.vhs-footer-logo img,
	.vhs-footer-logo .custom-logo {
		width: 62px;
		height: 62px;
	}

	.vhs-footer-site-title {
		font-size: 1.9rem;
	}

	.vhs-footer-description {
		margin-top: 23px;
	}

	.vhs-footer-contact {
		display: block;
	}

	.vhs-footer-heading {
		margin-bottom: 21px;
	}

	.vhs-footer-contact-value {
		margin-bottom: 21px;
	}

	.vhs-footer-bottom {
		display: grid !important;
		grid-template-columns: 1fr;
		align-items: start;
		gap: 18px;
	}

	.vhs-footer-legal {
		display: grid !important;
		grid-template-columns: 1fr;
		gap: 9px;
	}

	.vhs-footer-rewind {
		margin-left: 0;
	}

	.vhs-footer-gwangi {
		display: block;
		width: fit-content;
		margin: 0 0 8px;
	}
}

/* OMEZENÍ ANIMACE PRO UŽIVATELE,
   KTEŘÍ MAJÍ V SYSTÉMU VYPNUTÝ POHYB */

@media (prefers-reduced-motion: reduce) {
	.vhs-footer-signal-light {
		animation: none;
	}
}
/* ==========================================================
   FOTOGALERIE – PODPORA SKUTEČNÝCH WORDPRESS OBRÁZKŮ
   ========================================================== */

.vhs-gallery-item.wp-block-cover {
	align-items: stretch;
	justify-content: stretch;
	padding: 0;
}

.vhs-gallery-item .wp-block-cover__inner-container {
	position: relative;
	z-index: 3;
	display: grid;
	align-items: center;
	justify-items: center;
	width: 100%;
	height: 100%;
	min-height: inherit;
	margin: 0;
	padding: 0;
}

.vhs-gallery-item .wp-block-cover__background {
	z-index: 1;
	background: transparent !important;
	opacity: 0 !important;
}

.vhs-gallery-item img.wp-block-cover__image-background {
	z-index: 0;
	width: 100%;
	height: 100%;
	filter:
		saturate(0.92)
		contrast(1.05)
		brightness(0.86);
	object-fit: cover;
	transition:
		transform 650ms cubic-bezier(0.2, 0.7, 0.2, 1),
		filter 350ms ease;
}

.vhs-gallery-item:hover img.wp-block-cover__image-background {
	filter:
		saturate(1.04)
		contrast(1.06)
		brightness(0.96);
	transform: scale(1.055);
}

.vhs-gallery-item:has(img.wp-block-cover__image-background)
	.vhs-gallery-placeholder {
	display: none;
}

.vhs-gallery-item:has(img.wp-block-cover__image-background) {
	background: #080b18;
}

.vhs-gallery-item:has(img.wp-block-cover__image-background)::before {
	border-color: rgba(255, 255, 255, 0.09);
}

.vhs-gallery-item:has(img.wp-block-cover__image-background)::after {
	z-index: 2;
	height: 68%;
	background:
		linear-gradient(
			to top,
			rgba(4, 6, 15, 0.98) 0%,
			rgba(4, 6, 15, 0.68) 34%,
			rgba(4, 6, 15, 0.12) 76%,
			transparent 100%
		);
}

.vhs-gallery-item .vhs-gallery-placeholder {
	z-index: 4;
}

.vhs-gallery-item .vhs-gallery-caption {
	z-index: 5;
}
/* ==========================================================
   OPRAVA FOTOGALERIE – PEVNÉ ROZLOŽENÍ KARET
   Tento blok záměrně přepisuje případná pravidla WordPressu.
   ========================================================== */

body .vhs-gallery-section .vhs-gallery-grid {
	display: grid !important;
	grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
	grid-auto-flow: row !important;
	grid-auto-rows: 235px !important;
	align-items: stretch !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	gap: 16px !important;
}

/* ZÁKLAD KAŽDÉ KARTY */

body .vhs-gallery-section .vhs-gallery-grid > .vhs-gallery-item {
	position: relative !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	grid-column: span 4 !important;
	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;
	min-height: 235px !important;
	margin: 0 !important;
	padding: 28px !important;
	border: 1px solid rgba(170, 177, 197, 0.22) !important;
	border-radius: 18px !important;
	background:
		repeating-linear-gradient(
			0deg,
			rgba(255, 255, 255, 0.018) 0,
			rgba(255, 255, 255, 0.018) 1px,
			transparent 1px,
			transparent 6px
		),
		radial-gradient(
			circle at 24% 28%,
			rgba(0, 229, 255, 0.19),
			transparent 46%
		),
		radial-gradient(
			circle at 80% 74%,
			rgba(255, 46, 166, 0.18),
			transparent 46%
		),
		linear-gradient(
			145deg,
			#111c36 0%,
			#080b18 58%,
			#18091c 100%
		) !important;
	box-shadow:
		inset 0 0 60px rgba(0, 0, 0, 0.42),
		inset 0 1px 0 rgba(255, 255, 255, 0.035),
		0 20px 48px rgba(0, 0, 0, 0.32) !important;
	box-sizing: border-box !important;
	overflow: hidden !important;
	isolation: isolate !important;
	transition:
		transform 220ms ease,
		border-color 220ms ease,
		box-shadow 220ms ease !important;
}

/* HLAVNÍ VELKÁ KARTA */

body .vhs-gallery-section
	.vhs-gallery-grid
	> .vhs-gallery-item-large {
	grid-column: span 7 !important;
	grid-row: span 2 !important;
	min-height: 486px !important;
}

/* DVĚ PRAVÉ STŘEDNÍ KARTY */

body .vhs-gallery-section
	.vhs-gallery-grid
	> .vhs-gallery-item:nth-child(2),
body .vhs-gallery-section
	.vhs-gallery-grid
	> .vhs-gallery-item:nth-child(3) {
	grid-column: span 5 !important;
}

/* VNITŘNÍ NEONOVÝ RÁMEČEK */

body .vhs-gallery-section
	.vhs-gallery-grid
	> .vhs-gallery-item::before {
	position: absolute !important;
	z-index: 1 !important;
	inset: 13px !important;
	border: 1px solid rgba(0, 229, 255, 0.12) !important;
	border-radius: 11px !important;
	content: "" !important;
	pointer-events: none !important;
}

body .vhs-gallery-section
	.vhs-gallery-grid
	> .vhs-gallery-item:nth-child(even)::before {
	border-color: rgba(255, 46, 166, 0.14) !important;
}

/* TMAVÉ PŘEKRYTÍ POD BUDOUCÍM POPISKEM */

body .vhs-gallery-section
	.vhs-gallery-grid
	> .vhs-gallery-item::after {
	position: absolute !important;
	z-index: 1 !important;
	right: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	height: 62% !important;
	background:
		linear-gradient(
			to top,
			rgba(4, 6, 15, 0.98) 0%,
			rgba(4, 6, 15, 0.54) 48%,
			transparent 100%
		) !important;
	content: "" !important;
	pointer-events: none !important;
}

/* ZÁSTUPNÝ NÁPIS UPROSTŘED */

body .vhs-gallery-section .vhs-gallery-placeholder {
	position: relative !important;
	z-index: 3 !important;
	display: block !important;
	width: fit-content !important;
	max-width: 80% !important;
	margin: 0 !important;
	padding: 12px 17px !important;
	border: 1px solid rgba(0, 229, 255, 0.48) !important;
	border-radius: 7px !important;
	color: var(--vhs-cyan) !important;
	background: rgba(5, 7, 17, 0.84) !important;
	box-shadow:
		inset 0 0 18px rgba(0, 229, 255, 0.04),
		0 0 20px rgba(0, 229, 255, 0.15) !important;
	font-family: "Arial Narrow", "Roboto Condensed", Impact, sans-serif !important;
	font-size: 0.7rem !important;
	font-weight: 900 !important;
	letter-spacing: 0.11em !important;
	line-height: 1.35 !important;
	text-align: center !important;
	text-transform: uppercase !important;
	text-shadow: 0 0 12px rgba(0, 229, 255, 0.58) !important;
}

body .vhs-gallery-section
	.vhs-gallery-item:nth-child(even)
	.vhs-gallery-placeholder {
	border-color: rgba(255, 46, 166, 0.5) !important;
	color: var(--vhs-pink) !important;
	box-shadow:
		inset 0 0 18px rgba(255, 46, 166, 0.04),
		0 0 20px rgba(255, 46, 166, 0.16) !important;
	text-shadow: 0 0 12px rgba(255, 46, 166, 0.58) !important;
}

/* SPODNÍ POPISEK KARTY */

body .vhs-gallery-section .vhs-gallery-caption {
	position: absolute !important;
	z-index: 4 !important;
	right: 24px !important;
	bottom: 22px !important;
	left: 24px !important;
	display: block !important;
	width: auto !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

body .vhs-gallery-section .vhs-gallery-year {
	margin: 0 0 7px !important;
	color: var(--vhs-cyan) !important;
	font-family: "Arial Narrow", "Roboto Condensed", sans-serif !important;
	font-size: 0.66rem !important;
	font-weight: 900 !important;
	letter-spacing: 0.14em !important;
	line-height: 1.25 !important;
	text-transform: uppercase !important;
	text-shadow: 0 0 12px rgba(0, 229, 255, 0.42) !important;
}

body .vhs-gallery-section
	.vhs-gallery-item:nth-child(even)
	.vhs-gallery-year {
	color: var(--vhs-pink) !important;
	text-shadow: 0 0 12px rgba(255, 46, 166, 0.44) !important;
}

body .vhs-gallery-section .vhs-gallery-name {
	margin: 0 !important;
	color: var(--vhs-white) !important;
	font-family: "Arial Narrow", "Roboto Condensed", Impact, sans-serif !important;
	font-size: clamp(1.05rem, 0.94rem + 0.35vw, 1.42rem) !important;
	font-weight: 900 !important;
	letter-spacing: 0.035em !important;
	line-height: 1.15 !important;
	text-transform: uppercase !important;
}

body .vhs-gallery-section
	.vhs-gallery-item-large
	.vhs-gallery-name {
	font-size: clamp(1.5rem, 1.15rem + 0.9vw, 2.4rem) !important;
}

/* EFEKT PŘI PŘEJETÍ MYŠÍ */

body .vhs-gallery-section
	.vhs-gallery-grid
	> .vhs-gallery-item:hover {
	z-index: 5 !important;
	transform: translateY(-6px) scale(1.012) !important;
	border-color: rgba(0, 229, 255, 0.52) !important;
	box-shadow:
		0 30px 72px rgba(0, 0, 0, 0.46),
		0 0 30px rgba(0, 229, 255, 0.12) !important;
}

body .vhs-gallery-section
	.vhs-gallery-grid
	> .vhs-gallery-item:nth-child(even):hover {
	border-color: rgba(255, 46, 166, 0.54) !important;
	box-shadow:
		0 30px 72px rgba(0, 0, 0, 0.46),
		0 0 30px rgba(255, 46, 166, 0.12) !important;
}

/* TABLET */

@media (max-width: 950px) {
	body .vhs-gallery-section .vhs-gallery-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		grid-auto-rows: 280px !important;
	}

	body .vhs-gallery-section
		.vhs-gallery-grid
		> .vhs-gallery-item,
	body .vhs-gallery-section
		.vhs-gallery-grid
		> .vhs-gallery-item:nth-child(2),
	body .vhs-gallery-section
		.vhs-gallery-grid
		> .vhs-gallery-item:nth-child(3) {
		grid-column: span 1 !important;
		grid-row: span 1 !important;
		min-height: 280px !important;
	}

	body .vhs-gallery-section
		.vhs-gallery-grid
		> .vhs-gallery-item-large {
		grid-column: 1 / -1 !important;
		grid-row: span 2 !important;
		min-height: 576px !important;
	}
}

/* MOBIL */

@media (max-width: 620px) {
	body .vhs-gallery-section .vhs-gallery-grid {
		grid-template-columns: 1fr !important;
		grid-auto-rows: auto !important;
		gap: 14px !important;
	}

	body .vhs-gallery-section
		.vhs-gallery-grid
		> .vhs-gallery-item,
	body .vhs-gallery-section
		.vhs-gallery-grid
		> .vhs-gallery-item:nth-child(2),
	body .vhs-gallery-section
		.vhs-gallery-grid
		> .vhs-gallery-item:nth-child(3),
	body .vhs-gallery-section
		.vhs-gallery-grid
		> .vhs-gallery-item-large {
		grid-column: auto !important;
		grid-row: auto !important;
		min-height: 290px !important;
	}

	body .vhs-gallery-section
		.vhs-gallery-grid
		> .vhs-gallery-item-large {
		min-height: 390px !important;
	}

	body .vhs-gallery-section .vhs-gallery-caption {
		right: 20px !important;
		bottom: 19px !important;
		left: 20px !important;
	}
}
/* ==========================================================
   TYPOGRAFICKÝ PRŮCHOD 01
   ČESKÁ DIAKRITIKA, NADPISY A BEZPEČNÉ ZALAMOVÁNÍ
   ========================================================== */

/* Obecná ochrana všech nadpisů před ořezáním diakritiky */

.vhs-home h1,
.vhs-home h2,
.vhs-home h3,
.vhs-site-footer h2,
.vhs-site-footer h3 {
	overflow: visible;
	text-wrap: balance;
	word-break: normal;
	overflow-wrap: normal;
	hyphens: none;
}

/* Hlavní nadpisy jednotlivých sekcí */

.vhs-section-title {
	position: relative;
	display: block;
	width: 100%;
	margin-top: 0;
	padding-top: 0.12em;
	color: var(--vhs-white);
	font-family:
		"Arial Narrow",
		"Roboto Condensed",
		Impact,
		sans-serif;
	font-size: clamp(3.7rem, 7.1vw, 7.8rem);
	font-weight: 900;
	letter-spacing: -0.035em;
	line-height: 1.08;
	text-transform: uppercase;
	overflow: visible;
}

/* Neonová obrysová slova uvnitř nadpisů */

.vhs-section-title > span {
	position: relative;
	overflow: visible;
	line-height: inherit;
}

/* ==========================================================
   OPRAVA NADPISU JEDNOTLIVÉ ROČNÍKY
   ========================================================== */

.vhs-years-title {
	max-width: 11.5ch;
	padding-top: 0.18em;
	line-height: 1.12;
}

.vhs-years-title > span {
	display: block;
	margin-bottom: 0.08em;
	padding-top: 0.06em;
	line-height: 1.08;
}

/* Nadpis nebude WordPressem násilně rozdělen uvnitř slov */

.vhs-years-title,
.vhs-years-title > span {
	white-space: normal;
	word-break: keep-all;
	overflow-wrap: normal;
}

/* ==========================================================
   DALŠÍ VELKÉ NADPISY
   ========================================================== */

.vhs-hero-title {
	padding-top: 0.12em;
	line-height: 0.96;
	overflow: visible;
}

.vhs-hero-title span {
	overflow: visible;
}

.vhs-gallery-title,
.vhs-location-title,
.vhs-contact-title,
.vhs-market-title,
.vhs-program-title {
	padding-top: 0.14em;
	line-height: 1.08;
}

/* Menší nadpisy uvnitř karet */

.vhs-program-card-title,
.vhs-gallery-name,
.vhs-location-card-title,
.vhs-market-feature-title,
.vhs-contact-option-title,
.vhs-year-number {
	padding-top: 0.05em;
	overflow: visible;
}

/* ==========================================================
   TABLETY
   ========================================================== */

@media (max-width: 900px) {
	.vhs-section-title {
		font-size: clamp(3.4rem, 10vw, 6.2rem);
		line-height: 1.1;
	}

	.vhs-years-title {
		max-width: 12ch;
		line-height: 1.13;
	}

	.vhs-years-title > span {
		margin-bottom: 0.1em;
		line-height: 1.1;
	}
}

/* ==========================================================
   MOBILNÍ TELEFONY
   ========================================================== */

@media (max-width: 620px) {
	.vhs-section-title {
		padding-top: 0.16em;
		font-size: clamp(2.9rem, 13vw, 4.8rem);
		letter-spacing: -0.025em;
		line-height: 1.12;
	}

	.vhs-years-title {
		max-width: 100%;
		line-height: 1.15;
	}

	.vhs-years-title > span {
		display: block;
		margin-bottom: 0.1em;
		padding-top: 0.08em;
		line-height: 1.12;
	}

	.vhs-hero-title {
		line-height: 1;
	}

	.vhs-gallery-title,
	.vhs-location-title,
	.vhs-contact-title,
	.vhs-market-title,
	.vhs-program-title {
		line-height: 1.12;
	}
}
/* ==========================================================
   KONTROLNÍ PRŮCHOD 02
   ROZESTUPY, ZAROVNÁNÍ A KOTVY STRÁNKY
   ========================================================== */

/* Plynulé přesouvání mezi sekcemi */

html {
	scroll-behavior: smooth;
	scroll-padding-top: 110px;
}

/* Kotvy se po kliknutí neschovají pod pevnou hlavičku */

#o-akci,
#program,
#hoste,
#vhs-burza,
#misto,
#galerie,
#rocniky,
#kontakt {
	scroll-margin-top: 110px;
}

/* Odstranění nežádoucích mezer mezi hlavními bloky */

.vhs-home {
	margin: 0;
	padding: 0;
}

.vhs-home > * {
	margin-block-start: 0;
	margin-block-end: 0;
}

.vhs-home > .wp-block-template-part {
	margin: 0;
}

/* Sjednocená šířka širokých částí webu */

.vhs-hero-grid,
.vhs-info-grid,
.vhs-about-section,
.vhs-program-wrap,
.vhs-guests-wrap,
.vhs-market-wrap,
.vhs-location-wrap,
.vhs-gallery-wrap,
.vhs-years-wrap,
.vhs-contact-wrap,
.vhs-footer-wrap {
	width: min(1180px, calc(100% - 48px));
	max-width: 1180px;
	margin-right: auto;
	margin-left: auto;
	box-sizing: border-box;
}

/* Konzistentní rozestup u nadpisových částí */

.vhs-program-heading,
.vhs-guests-heading,
.vhs-location-heading,
.vhs-gallery-heading,
.vhs-years-heading,
.vhs-contact-heading {
	margin-top: 0;
}

.vhs-section-kicker {
	margin-top: 0;
	margin-bottom: 14px;
}

.vhs-section-title {
	margin-top: 0;
}

.vhs-program-intro,
.vhs-guests-intro,
.vhs-location-intro,
.vhs-gallery-intro,
.vhs-years-intro,
.vhs-contact-intro {
	margin-top: 0;
}

/* Sjednocení tlačítek pod jednotlivými sekcemi */

.vhs-about-buttons,
.vhs-program-buttons,
.vhs-guests-buttons,
.vhs-market-buttons,
.vhs-location-buttons,
.vhs-gallery-buttons,
.vhs-years-buttons,
.vhs-contact-buttons {
	align-items: center;
}

.vhs-program-buttons,
.vhs-guests-buttons,
.vhs-gallery-buttons,
.vhs-years-buttons {
	justify-content: center;
}

/* Ochrana obsahu před nečekaným přetékáním */

.vhs-home section,
.vhs-site-footer {
	box-sizing: border-box;
}

.vhs-home img {
	max-width: 100%;
	height: auto;
}

/* Lepší zarovnání textu a ikon uvnitř karet */

.vhs-info-card,
.vhs-program-card,
.vhs-guest-card,
.vhs-market-feature,
.vhs-location-card,
.vhs-year-card,
.vhs-contact-option,
.vhs-contact-detail {
	box-sizing: border-box;
}

.vhs-info-card > :first-child,
.vhs-program-card > :first-child,
.vhs-guest-card > :first-child,
.vhs-year-card > :first-child {
	margin-top: 0;
}

.vhs-info-card > :last-child,
.vhs-program-card > :last-child,
.vhs-guest-card > :last-child,
.vhs-year-card > :last-child {
	margin-bottom: 0;
}

/* Delší české texty se bezpečně vejdou */

.vhs-info-highlight,
.vhs-location-highlight,
.vhs-contact-detail-value,
.vhs-footer-contact-value {
	overflow-wrap: anywhere;
}

/* ==========================================================
   TABLETY
   ========================================================== */

@media (max-width: 900px) {
	html {
		scroll-padding-top: 95px;
	}

	#o-akci,
	#program,
	#hoste,
	#vhs-burza,
	#misto,
	#galerie,
	#rocniky,
	#kontakt {
		scroll-margin-top: 95px;
	}

	.vhs-hero-grid,
	.vhs-info-grid,
	.vhs-about-section,
	.vhs-program-wrap,
	.vhs-guests-wrap,
	.vhs-market-wrap,
	.vhs-location-wrap,
	.vhs-gallery-wrap,
	.vhs-years-wrap,
	.vhs-contact-wrap,
	.vhs-footer-wrap {
		width: min(100% - 40px, 1180px);
	}
}

/* ==========================================================
   MOBILNÍ TELEFONY
   ========================================================== */

@media (max-width: 620px) {
	html {
		scroll-padding-top: 82px;
	}

	#o-akci,
	#program,
	#hoste,
	#vhs-burza,
	#misto,
	#galerie,
	#rocniky,
	#kontakt {
		scroll-margin-top: 82px;
	}

	.vhs-hero-grid,
	.vhs-info-grid,
	.vhs-about-section,
	.vhs-program-wrap,
	.vhs-guests-wrap,
	.vhs-market-wrap,
	.vhs-location-wrap,
	.vhs-gallery-wrap,
	.vhs-years-wrap,
	.vhs-contact-wrap,
	.vhs-footer-wrap {
		width: min(100% - 28px, 1180px);
	}

	.vhs-about-buttons .wp-block-button,
	.vhs-program-buttons .wp-block-button,
	.vhs-guests-buttons .wp-block-button,
	.vhs-market-buttons .wp-block-button,
	.vhs-location-buttons .wp-block-button,
	.vhs-gallery-buttons .wp-block-button,
	.vhs-years-buttons .wp-block-button {
		width: 100%;
	}

	.vhs-about-buttons .wp-block-button__link,
	.vhs-program-buttons .wp-block-button__link,
	.vhs-guests-buttons .wp-block-button__link,
	.vhs-market-buttons .wp-block-button__link,
	.vhs-location-buttons .wp-block-button__link,
	.vhs-gallery-buttons .wp-block-button__link,
	.vhs-years-buttons .wp-block-button__link {
		width: 100%;
		box-sizing: border-box;
		text-align: center;
	}
}

/* Vypnutí plynulého pohybu podle nastavení systému */

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}
/* ==========================================================
   UNIVERZÁLNÍ VERTIKÁLNÍ RYTMUS WEBU
   Mezery mezi úvodem sekce a následujícím obsahem
   ========================================================== */

:root {
	--vhs-section-content-gap: clamp(36px, 4.5vw, 56px);
	--vhs-section-content-gap-mobile: 30px;
}

/*
 * Nadpisová část každé hlavní sekce dostane
 * bezpečný odstup od karet, galerie nebo dalšího obsahu.
 */

:is(
	.vhs-program-heading,
	.vhs-guests-heading,
	.vhs-location-heading,
	.vhs-gallery-heading,
	.vhs-years-heading,
	.vhs-contact-heading
) {
	margin-top: 0 !important;
	margin-bottom: var(--vhs-section-content-gap) !important;
}

/*
 * Poslední odstavec uvnitř nadpisové části
 * už nepotřebuje vlastní spodní margin.
 * Mezeru řídí celý nadpisový blok.
 */

:is(
	.vhs-program-intro,
	.vhs-guests-intro,
	.vhs-location-intro,
	.vhs-gallery-intro,
	.vhs-years-intro,
	.vhs-contact-intro
) {
	margin-bottom: 0 !important;
}

/*
 * Obsah bezprostředně následující za nadpisovou částí
 * nebude vytvářet další nechtěnou horní mezeru.
 */

:is(
	.vhs-program-heading,
	.vhs-guests-heading,
	.vhs-location-heading,
	.vhs-gallery-heading,
	.vhs-years-heading,
	.vhs-contact-heading
) + * {
	margin-top: 0 !important;
}

/*
 * Ochrana před WordPress block-gap pravidly,
 * která mohou mezi bloky vytvořit nečekané rozestupy.
 */

:is(
	.vhs-program-grid,
	.vhs-guests-grid,
	.vhs-location-grid,
	.vhs-gallery-grid,
	.vhs-years-grid,
	.vhs-contact-grid
) {
	margin-top: 0 !important;
}

/* TABLETY */

@media (max-width: 900px) {
	:root {
		--vhs-section-content-gap: 38px;
	}
}

/* MOBILNÍ TELEFONY */

@media (max-width: 620px) {
	:root {
		--vhs-section-content-gap: var(
			--vhs-section-content-gap-mobile
		);
	}

	:is(
		.vhs-program-heading,
		.vhs-guests-heading,
		.vhs-location-heading,
		.vhs-gallery-heading,
		.vhs-years-heading,
		.vhs-contact-heading
	) {
		margin-bottom: var(--vhs-section-content-gap) !important;
	}
}
/* ==========================================================
   PODSTRÁNKA O AKCI
   ========================================================== */

/* ZÁKLAD STRÁNKY */

.vhs-page {
	position: relative;
	margin: 0;
	padding: 0;
	color: var(--vhs-white);
	background:
		linear-gradient(
			180deg,
			rgba(5, 7, 17, 1),
			rgba(4, 6, 14, 1)
		);
	overflow: hidden;
}

.vhs-page > * {
	margin-block-start: 0;
	margin-block-end: 0;
}

.vhs-about-story-section,
.vhs-about-manifesto-section,
.vhs-about-cta-section,
.vhs-page-hero-grid,
.vhs-about-experience-wrap,
.vhs-about-audience-wrap {
	width: min(1180px, calc(100% - 48px));
	max-width: 1180px;
	margin-right: auto;
	margin-left: auto;
	box-sizing: border-box;
}

/* ==========================================================
   ÚVODNÍ HERO PODSTRÁNKY
   ========================================================== */

.vhs-page-hero {
	position: relative;
	margin-right: -24px;
	margin-left: -24px;
	padding: clamp(82px, 9vw, 145px) 24px
		clamp(88px, 9vw, 140px);
	border-bottom: 1px solid rgba(0, 229, 255, 0.12);
	background:
		radial-gradient(
			circle at 12% 22%,
			rgba(0, 229, 255, 0.13),
			transparent 34rem
		),
		radial-gradient(
			circle at 88% 30%,
			rgba(255, 46, 166, 0.13),
			transparent 36rem
		),
		linear-gradient(
			145deg,
			rgba(6, 11, 25, 0.99),
			rgba(5, 7, 17, 0.99) 54%,
			rgba(20, 7, 24, 0.98)
		);
	overflow: hidden;
	isolation: isolate;
}

.vhs-page-hero::after {
	position: absolute;
	z-index: -1;
	inset: 0;
	background:
		repeating-linear-gradient(
			0deg,
			rgba(255, 255, 255, 0.014) 0,
			rgba(255, 255, 255, 0.014) 1px,
			transparent 1px,
			transparent 6px
		);
	content: "";
	pointer-events: none;
}

.vhs-page-hero-grid {
	display: grid;
	grid-template-columns:
		minmax(0, 0.92fr)
		minmax(420px, 1.08fr);
	align-items: center;
	gap: clamp(48px, 7vw, 105px);
}

.vhs-page-hero-copy {
	position: relative;
	z-index: 2;
	max-width: 650px;
}

.vhs-page-kicker {
	margin: 0 0 17px;
	color: var(--vhs-pink);
	font-family:
		"Arial Narrow",
		"Roboto Condensed",
		sans-serif;
	font-size: 0.72rem;
	font-weight: 900;
	letter-spacing: 0.15em;
	line-height: 1.3;
	text-transform: uppercase;
	text-shadow:
		0 0 7px rgba(255, 46, 166, 0.86),
		0 0 18px rgba(255, 46, 166, 0.34);
}

.vhs-page-title {
	margin: 0 0 31px;
	padding-top: 0.13em;
	color: var(--vhs-white);
	font-family:
		"Arial Narrow",
		"Roboto Condensed",
		Impact,
		sans-serif;
	font-size: clamp(4.8rem, 8vw, 9rem);
	font-weight: 900;
	letter-spacing: -0.045em;
	line-height: 0.92;
	text-transform: uppercase;
	text-wrap: balance;
	overflow: visible;
}

.vhs-page-title span {
	color: rgba(5, 7, 17, 0.2);
	-webkit-text-fill-color: rgba(5, 7, 17, 0.2);
	-webkit-text-stroke: 2px var(--vhs-cyan);
	text-shadow:
		0 0 6px rgba(0, 229, 255, 0.94),
		0 0 22px rgba(0, 229, 255, 0.52),
		0 0 44px rgba(0, 229, 255, 0.21);
}

.vhs-page-lead {
	max-width: 650px;
	margin: 0 0 34px;
	color: var(--vhs-white);
	font-size: clamp(1.05rem, 0.98rem + 0.25vw, 1.25rem);
	font-weight: 650;
	line-height: 1.75;
}

.vhs-page-hero-buttons {
	align-items: center;
	gap: 13px;
}

.vhs-page-hero-visual {
	position: relative;
	min-height: 570px;
}

.vhs-page-hero-visual::before {
	position: absolute;
	z-index: -1;
	inset: 9% 5%;
	border-radius: 50%;
	background:
		radial-gradient(
			circle,
			rgba(0, 229, 255, 0.2),
			rgba(255, 46, 166, 0.13) 52%,
			transparent 74%
		);
	filter: blur(38px);
	content: "";
}

.vhs-page-hero-screen {
	position: relative;
	display: grid;
	align-items: center;
	justify-items: center;
	min-height: 570px;
	padding: 40px;
	border: 1px solid rgba(0, 229, 255, 0.25);
	border-radius: 62px 62px 25px 25px;
	background:
		repeating-linear-gradient(
			0deg,
			rgba(255, 255, 255, 0.018) 0,
			rgba(255, 255, 255, 0.018) 1px,
			transparent 1px,
			transparent 6px
		),
		radial-gradient(
			circle at 25% 30%,
			rgba(0, 229, 255, 0.2),
			transparent 43%
		),
		radial-gradient(
			circle at 76% 70%,
			rgba(255, 46, 166, 0.2),
			transparent 44%
		),
		linear-gradient(
			145deg,
			#111c36,
			#080b18 58%,
			#19091d
		);
	box-shadow:
		inset 0 0 95px rgba(0, 0, 0, 0.58),
		0 30px 85px rgba(0, 0, 0, 0.43),
		0 0 42px rgba(0, 229, 255, 0.08);
	overflow: hidden;
}

.vhs-page-hero-screen::before {
	position: absolute;
	inset: 20px;
	border: 1px solid rgba(255, 255, 255, 0.045);
	border-radius: 44px 44px 15px 15px;
	content: "";
}

.vhs-page-screen-label,
.vhs-about-story-screen-label {
	position: relative;
	z-index: 2;
	max-width: 340px;
	margin: 0;
	padding: 15px 22px;
	border: 2px solid var(--vhs-orange);
	border-radius: 8px;
	color: var(--vhs-orange);
	background: rgba(5, 7, 17, 0.85);
	box-shadow:
		0 0 11px rgba(255, 187, 0, 0.58),
		0 0 30px rgba(255, 187, 0, 0.18);
	font-family:
		"Arial Narrow",
		"Roboto Condensed",
		sans-serif;
	font-size: 0.72rem;
	font-weight: 900;
	letter-spacing: 0.11em;
	line-height: 1.45;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0 0 10px rgba(255, 187, 0, 0.62);
	transform: rotate(2deg);
}

/* ==========================================================
   PŘÍBĚH – CO JE VHS SRAZ
   ========================================================== */

.vhs-about-story-section {
	padding-top: clamp(100px, 10vw, 160px);
	padding-bottom: clamp(100px, 10vw, 160px);
}

.vhs-about-story-grid {
	display: grid;
	grid-template-columns:
		minmax(400px, 1fr)
		minmax(0, 0.92fr);
	align-items: center;
	gap: clamp(50px, 7vw, 105px);
}

.vhs-about-story-visual {
	position: relative;
	min-height: 610px;
}

.vhs-about-story-screen {
	position: relative;
	display: grid;
	align-items: center;
	justify-items: center;
	min-height: 610px;
	padding: 38px;
	border: 1px solid rgba(255, 46, 166, 0.25);
	border-radius: 27px;
	background:
		repeating-linear-gradient(
			0deg,
			rgba(255, 255, 255, 0.017) 0,
			rgba(255, 255, 255, 0.017) 1px,
			transparent 1px,
			transparent 6px
		),
		radial-gradient(
			circle at 28% 30%,
			rgba(0, 229, 255, 0.18),
			transparent 44%
		),
		radial-gradient(
			circle at 78% 72%,
			rgba(255, 46, 166, 0.2),
			transparent 44%
		),
		linear-gradient(
			145deg,
			#111c36,
			#080b18 57%,
			#19091d
		);
	box-shadow:
		inset 0 0 85px rgba(0, 0, 0, 0.54),
		0 28px 72px rgba(0, 0, 0, 0.4);
	overflow: hidden;
}

.vhs-about-story-screen::before {
	position: absolute;
	inset: 17px;
	border: 1px solid rgba(255, 255, 255, 0.045);
	border-radius: 16px;
	content: "";
}

.vhs-about-story-screen-label {
	transform: rotate(-2deg);
}

.vhs-about-story-copy {
	min-width: 0;
}

.vhs-about-story-title {
	margin-bottom: 31px;
}

.vhs-about-story-lead {
	margin: 0 0 22px;
	color: var(--vhs-white);
	font-size: 1.15rem;
	font-weight: 700;
	line-height: 1.75;
}

.vhs-about-story-text,
.vhs-about-manifesto-text {
	margin: 0 0 20px;
	color: var(--vhs-muted);
	font-size: 0.98rem;
	line-height: 1.82;
}

.vhs-about-story-list {
	display: grid;
	margin: 31px 0 0;
	padding: 0;
	list-style: none;
	gap: 14px;
}

.vhs-about-story-list li {
	position: relative;
	margin: 0;
	padding-left: 27px;
	color: var(--vhs-white);
	font-size: 0.94rem;
	line-height: 1.6;
}

.vhs-about-story-list li::before {
	position: absolute;
	top: 0.67em;
	left: 1px;
	width: 9px;
	height: 9px;
	border: 1px solid var(--vhs-cyan);
	background: rgba(0, 229, 255, 0.08);
	box-shadow: 0 0 11px rgba(0, 229, 255, 0.42);
	content: "";
	transform: translateY(-50%) rotate(45deg);
}

/* ==========================================================
   CO VÁS ČEKÁ
   ========================================================== */

.vhs-about-experience-section,
.vhs-about-audience-section {
	position: relative;
	margin-right: -24px;
	margin-left: -24px;
	padding: clamp(100px, 10vw, 155px) 24px;
	border-top: 1px solid rgba(0, 229, 255, 0.11);
	border-bottom: 1px solid rgba(255, 46, 166, 0.11);
	background:
		radial-gradient(
			circle at 14% 30%,
			rgba(0, 229, 255, 0.1),
			transparent 35rem
		),
		radial-gradient(
			circle at 87% 72%,
			rgba(255, 46, 166, 0.1),
			transparent 36rem
		),
		linear-gradient(
			180deg,
			rgba(5, 8, 19, 0.99),
			rgba(9, 12, 27, 0.98),
			rgba(4, 6, 15, 0.99)
		);
	overflow: hidden;
}

.vhs-about-experience-heading,
.vhs-about-audience-heading {
	margin: 0 0 clamp(42px, 5vw, 62px);
}

.vhs-about-experience-title,
.vhs-about-audience-title {
	margin-bottom: 23px;
}

.vhs-about-experience-intro {
	max-width: 650px;
	margin: 0;
	color: var(--vhs-muted);
	font-size: 1rem;
	line-height: 1.75;
}

.vhs-about-experience-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 17px;
}

.vhs-about-experience-card,
.vhs-about-audience-card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: 330px;
	margin: 0;
	padding: 28px 25px;
	border: 1px solid rgba(170, 177, 197, 0.2);
	border-radius: 17px;
	background:
		linear-gradient(
			145deg,
			rgba(18, 25, 48, 0.92),
			rgba(6, 9, 21, 0.98)
		);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.035),
		0 20px 50px rgba(0, 0, 0, 0.31);
	overflow: hidden;
	transition:
		transform 190ms ease,
		border-color 190ms ease,
		box-shadow 190ms ease;
}

.vhs-about-experience-card::before,
.vhs-about-audience-card::before {
	position: absolute;
	top: 0;
	right: 22px;
	left: 22px;
	height: 2px;
	background: linear-gradient(
		90deg,
		transparent,
		var(--vhs-cyan),
		transparent
	);
	box-shadow: 0 0 15px rgba(0, 229, 255, 0.45);
	content: "";
}

.vhs-about-experience-card:nth-child(even)::before,
.vhs-about-audience-card:nth-child(even)::before {
	background: linear-gradient(
		90deg,
		transparent,
		var(--vhs-pink),
		transparent
	);
	box-shadow: 0 0 15px rgba(255, 46, 166, 0.46);
}

.vhs-about-experience-card:hover,
.vhs-about-audience-card:hover {
	transform: translateY(-7px);
	border-color: rgba(0, 229, 255, 0.48);
	box-shadow:
		0 30px 70px rgba(0, 0, 0, 0.43),
		0 0 27px rgba(0, 229, 255, 0.09);
}

.vhs-about-experience-card:nth-child(even):hover,
.vhs-about-audience-card:nth-child(even):hover {
	border-color: rgba(255, 46, 166, 0.5);
	box-shadow:
		0 30px 70px rgba(0, 0, 0, 0.43),
		0 0 27px rgba(255, 46, 166, 0.1);
}

.vhs-about-experience-number {
	margin: 0 0 43px;
	color: rgba(5, 7, 17, 0.25);
	-webkit-text-fill-color: rgba(5, 7, 17, 0.25);
	-webkit-text-stroke: 1.5px var(--vhs-cyan);
	font-family:
		"Arial Narrow",
		Impact,
		sans-serif;
	font-size: clamp(3.7rem, 5vw, 5.8rem);
	font-weight: 900;
	line-height: 0.8;
	text-shadow:
		0 0 5px rgba(0, 229, 255, 0.86),
		0 0 18px rgba(0, 229, 255, 0.4);
}

.vhs-about-experience-card:nth-child(even)
	.vhs-about-experience-number {
	-webkit-text-stroke-color: var(--vhs-pink);
	text-shadow:
		0 0 5px rgba(255, 46, 166, 0.86),
		0 0 18px rgba(255, 46, 166, 0.42);
}

.vhs-about-experience-card-title,
.vhs-about-audience-card-title {
	margin: auto 0 14px;
	color: var(--vhs-white);
	font-family:
		"Arial Narrow",
		"Roboto Condensed",
		Impact,
		sans-serif;
	font-size: 1.16rem;
	font-weight: 900;
	letter-spacing: 0.045em;
	line-height: 1.2;
	text-transform: uppercase;
}

.vhs-about-experience-card-text,
.vhs-about-audience-card-text {
	margin: 0;
	color: var(--vhs-muted);
	font-size: 0.9rem;
	line-height: 1.68;
}

/* ==========================================================
   PROČ VHS A CITÁT
   ========================================================== */

.vhs-about-manifesto-section {
	padding-top: clamp(100px, 10vw, 160px);
	padding-bottom: clamp(100px, 10vw, 160px);
}

.vhs-about-manifesto-grid {
	display: grid;
	grid-template-columns:
		minmax(0, 1fr)
		minmax(360px, 0.8fr);
	align-items: center;
	gap: clamp(48px, 7vw, 100px);
}

.vhs-about-manifesto-title {
	margin-bottom: 30px;
}

.vhs-about-quote-card {
	position: relative;
	min-height: 390px;
	margin: 0;
	padding: clamp(34px, 5vw, 58px);
	border: 1px solid rgba(255, 187, 0, 0.35);
	border-radius: 23px;
	background:
		radial-gradient(
			circle at 83% 17%,
			rgba(255, 187, 0, 0.11),
			transparent 16rem
		),
		linear-gradient(
			145deg,
			rgba(22, 23, 42, 0.96),
			rgba(6, 8, 19, 0.99)
		);
	box-shadow:
		0 28px 70px rgba(0, 0, 0, 0.4),
		0 0 29px rgba(255, 187, 0, 0.07);
	overflow: hidden;
}

.vhs-about-quote-mark {
	margin: 0 0 8px;
	color: var(--vhs-orange);
	font-family: Georgia, serif;
	font-size: 7rem;
	font-weight: 700;
	line-height: 0.75;
	text-shadow:
		0 0 9px rgba(255, 187, 0, 0.82),
		0 0 26px rgba(255, 187, 0, 0.28);
}

.vhs-about-quote {
	margin: 0;
	padding: 0;
	border: 0;
}

.vhs-about-quote p {
	margin: 0;
	color: var(--vhs-white);
	font-family:
		"Arial Narrow",
		"Roboto Condensed",
		sans-serif;
	font-size: clamp(1.7rem, 2.7vw, 3rem);
	font-weight: 850;
	line-height: 1.22;
	text-transform: uppercase;
	text-wrap: balance;
}

.vhs-about-quote-signature {
	margin: 29px 0 0;
	color: var(--vhs-orange);
	font-size: 0.7rem;
	font-weight: 900;
	letter-spacing: 0.15em;
	text-transform: uppercase;
}

/* ==========================================================
   PRO KOHO
   ========================================================== */

.vhs-about-audience-section {
	border-top-color: rgba(255, 187, 0, 0.11);
}

.vhs-about-audience-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

.vhs-about-audience-card {
	min-height: 300px;
}

.vhs-about-audience-icon {
	display: grid;
	align-items: center;
	justify-items: center;
	width: 60px;
	height: 60px;
	margin: 0 0 50px;
	border: 1px solid rgba(0, 229, 255, 0.48);
	border-radius: 14px;
	color: var(--vhs-cyan);
	background: rgba(0, 229, 255, 0.055);
	box-shadow:
		inset 0 0 16px rgba(0, 229, 255, 0.07),
		0 0 18px rgba(0, 229, 255, 0.12);
	font-size: 1.55rem;
	font-weight: 900;
	text-shadow: 0 0 15px rgba(0, 229, 255, 0.58);
}

.vhs-about-audience-card:nth-child(even)
	.vhs-about-audience-icon {
	border-color: rgba(255, 46, 166, 0.5);
	color: var(--vhs-pink);
	background: rgba(255, 46, 166, 0.055);
	text-shadow: 0 0 15px rgba(255, 46, 166, 0.6);
}

/* ==========================================================
   ZÁVĚREČNÁ VÝZVA
   ========================================================== */

.vhs-about-cta-section {
	padding-top: clamp(100px, 10vw, 155px);
	padding-bottom: clamp(100px, 10vw, 155px);
}

.vhs-about-cta-card {
	position: relative;
	padding: clamp(50px, 7vw, 88px);
	border: 1px solid rgba(255, 46, 166, 0.36);
	border-radius: 28px;
	background:
		radial-gradient(
			circle at 15% 35%,
			rgba(0, 229, 255, 0.12),
			transparent 25rem
		),
		radial-gradient(
			circle at 88% 60%,
			rgba(255, 46, 166, 0.15),
			transparent 28rem
		),
		linear-gradient(
			145deg,
			rgba(16, 24, 47, 0.96),
			rgba(7, 9, 21, 0.99)
		);
	box-shadow:
		0 32px 85px rgba(0, 0, 0, 0.43),
		0 0 36px rgba(255, 46, 166, 0.08);
	text-align: center;
	overflow: hidden;
}

.vhs-about-cta-kicker {
	margin: 0 0 17px;
	color: var(--vhs-cyan);
	font-size: 0.7rem;
	font-weight: 900;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	text-shadow: 0 0 13px rgba(0, 229, 255, 0.42);
}

.vhs-about-cta-title {
	max-width: 900px;
	margin: 0 auto 24px;
	color: var(--vhs-white);
	font-family:
		"Arial Narrow",
		"Roboto Condensed",
		Impact,
		sans-serif;
	font-size: clamp(2.7rem, 5vw, 5.6rem);
	font-weight: 900;
	letter-spacing: -0.025em;
	line-height: 1.02;
	text-transform: uppercase;
	text-wrap: balance;
}

.vhs-about-cta-text {
	max-width: 740px;
	margin: 0 auto 33px;
	color: var(--vhs-muted);
	font-size: 1rem;
	line-height: 1.75;
}

.vhs-about-cta-buttons {
	justify-content: center;
	gap: 13px;
}

/* ==========================================================
   TABLETY
   ========================================================== */

@media (max-width: 1050px) {
	.vhs-page-hero-grid {
		grid-template-columns:
			minmax(0, 0.95fr)
			minmax(360px, 1.05fr);
		gap: 44px;
	}

	.vhs-page-hero-visual,
	.vhs-page-hero-screen {
		min-height: 510px;
	}

	.vhs-about-story-grid {
		grid-template-columns:
			minmax(350px, 0.9fr)
			minmax(0, 1.1fr);
		gap: 45px;
	}

	.vhs-about-story-visual,
	.vhs-about-story-screen {
		min-height: 540px;
	}

	.vhs-about-experience-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.vhs-about-experience-card {
		min-height: 300px;
	}
}

@media (max-width: 850px) {
	.vhs-page-hero-grid,
	.vhs-about-story-grid,
	.vhs-about-manifesto-grid {
		grid-template-columns: 1fr;
	}

	.vhs-page-hero-copy {
		max-width: 760px;
	}

	.vhs-page-hero-visual,
	.vhs-page-hero-screen {
		min-height: 470px;
	}

	.vhs-about-story-visual,
	.vhs-about-story-screen {
		min-height: 470px;
	}

	.vhs-about-audience-grid {
		grid-template-columns: 1fr;
	}

	.vhs-about-audience-card {
		min-height: 245px;
	}

	.vhs-about-audience-icon {
		margin-bottom: 35px;
	}
}

/* ==========================================================
   MOBILNÍ TELEFONY
   ========================================================== */

@media (max-width: 620px) {
	.vhs-page-hero,
	.vhs-about-experience-section,
	.vhs-about-audience-section {
		margin-right: -18px;
		margin-left: -18px;
		padding-right: 18px;
		padding-left: 18px;
	}

	.vhs-about-story-section,
	.vhs-about-manifesto-section,
	.vhs-about-cta-section,
	.vhs-page-hero-grid,
	.vhs-about-experience-wrap,
	.vhs-about-audience-wrap {
		width: min(100% - 28px, 1180px);
	}

	.vhs-page-title {
		font-size: clamp(4rem, 21vw, 6.5rem);
		line-height: 0.96;
	}

	.vhs-page-title span {
		-webkit-text-stroke-width: 1.5px;
	}

	.vhs-page-hero-buttons .wp-block-button,
	.vhs-page-hero-buttons .wp-block-button__link,
	.vhs-about-cta-buttons .wp-block-button,
	.vhs-about-cta-buttons .wp-block-button__link {
		width: 100%;
		box-sizing: border-box;
		text-align: center;
	}

	.vhs-page-hero-visual,
	.vhs-page-hero-screen {
		min-height: 360px;
	}

	.vhs-page-hero-screen {
		padding: 24px;
		border-radius: 34px 34px 18px 18px;
	}

	.vhs-about-story-visual,
	.vhs-about-story-screen {
		min-height: 380px;
	}

	.vhs-about-experience-grid {
		grid-template-columns: 1fr;
	}

	.vhs-about-experience-card {
		min-height: 280px;
	}

	.vhs-about-manifesto-grid {
		gap: 42px;
	}

	.vhs-about-quote-card {
		min-height: 330px;
		padding: 31px 24px;
	}

	.vhs-about-cta-card {
		padding: 45px 23px;
		border-radius: 21px;
	}

	.vhs-about-cta-title {
		font-size: clamp(2.5rem, 12vw, 4.2rem);
	}
}
/* ==========================================================
   UNIVERZÁLNÍ ČESKÉ UVOZOVKY PRO CELÝ WEB
   ========================================================== */

/*
 * Každá standardní citace používá správný český pár:
 *
 * „otevírací“
 *
 * Vnořené citace případně používají:
 *
 * ‚jednoduché‘
 */

body blockquote {
	quotes:
		"„" "“"
		"‚" "‘";
}

/*
 * Automatická otevírací uvozovka před prvním odstavcem.
 */

body blockquote:not([data-no-auto-quotes])
	> p:first-child::before {
	content: open-quote;
}

/*
 * Automatická zavírací uvozovka za posledním odstavcem.
 */

body blockquote:not([data-no-auto-quotes])
	> p:last-child::after {
	content: close-quote;
}

/*
 * Základní vzhled automatických uvozovek
 * v běžných textových citacích.
 */

body blockquote:not(.vhs-about-quote)
	> p:first-child::before,
body blockquote:not(.vhs-about-quote)
	> p:last-child::after {
	color: var(--vhs-orange);
	font-family: Georgia, "Times New Roman", serif;
	font-weight: 700;
	text-shadow:
		0 0 7px rgba(255, 187, 0, 0.75),
		0 0 18px rgba(255, 187, 0, 0.25);
}

/* ==========================================================
   UNIVERZÁLNÍ DEKORATIVNÍ CITÁTOVÁ KARTA
   ========================================================== */

.vhs-quote-card {
	position: relative;
	overflow: hidden;
}

/*
 * U velké citátové karty vypneme malé uvozovky
 * vložené přímo do řádku textu.
 */

.vhs-quote-card blockquote
	> p:first-child::before,
.vhs-quote-card blockquote
	> p:last-child::after {
	content: none;
}

/*
 * Velká otevírací a zavírací česká uvozovka.
 */

.vhs-quote-card::before,
.vhs-quote-card::after {
	position: absolute;
	z-index: 2;
	color: var(--vhs-orange);
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(5rem, 7vw, 7.5rem);
	font-weight: 700;
	line-height: 1;
	text-shadow:
		0 0 9px rgba(255, 187, 0, 0.9),
		0 0 26px rgba(255, 187, 0, 0.32);
	pointer-events: none;
}

/* Česká otevírací uvozovka */

.vhs-quote-card::before {
	top: 24px;
	left: clamp(34px, 5vw, 58px);
	content: "„";
}

/* Česká zavírací uvozovka */

.vhs-quote-card::after {
	right: clamp(34px, 5vw, 58px);
	bottom: 16px;
	content: "“";
}

/*
 * Bezpečný prostor pro obě velké uvozovky.
 */

.vhs-quote-card {
	padding-top: clamp(92px, 8vw, 116px);
	padding-bottom: clamp(82px, 7vw, 104px);
}

.vhs-quote-card blockquote,
.vhs-quote-card .vhs-about-quote-signature {
	position: relative;
	z-index: 3;
}

/* ==========================================================
   MOBILNÍ TELEFONY
   ========================================================== */

@media (max-width: 620px) {
	.vhs-quote-card {
		padding-top: 82px;
		padding-bottom: 78px;
	}

	.vhs-quote-card::before {
		top: 22px;
		left: 23px;
	}

	.vhs-quote-card::after {
		right: 23px;
		bottom: 15px;
	}
}
/* ==========================================================
   OPRAVA UNIVERZÁLNÍCH UVOZOVEK
   Běžné citace = malé uvozovky v textu
   Citátové karty = pouze velké dekorativní uvozovky
   ========================================================== */

/*
 * U výrazných citátových karet vypneme automatické
 * malé uvozovky vložené přímo do textu.
 */

body .vhs-quote-card blockquote > p:first-child::before,
body .vhs-quote-card blockquote > p:last-child::after {
	content: none !important;
	display: none !important;
}

/*
 * Odstranění případné staré ručně vytvořené
 * uvozovky, pokud by někde zůstala v šabloně.
 */

body .vhs-quote-card .vhs-about-quote-mark {
	display: none !important;
}

/*
 * Bezpečný prostor pro dekorativní uvozovky.
 */

body .vhs-quote-card {
	position: relative !important;
	padding-top: clamp(100px, 8vw, 120px) !important;
	padding-bottom: clamp(92px, 7vw, 110px) !important;
	overflow: hidden !important;
}

/*
 * Společný vzhled obou velkých českých uvozovek.
 */

body .vhs-quote-card::before,
body .vhs-quote-card::after {
	position: absolute !important;
	z-index: 2 !important;
	display: block !important;
	margin: 0 !important;
	color: var(--vhs-orange) !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: clamp(5rem, 7vw, 7.5rem) !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	text-shadow:
		0 0 9px rgba(255, 187, 0, 0.92),
		0 0 27px rgba(255, 187, 0, 0.34) !important;
	pointer-events: none !important;
}

/*
 * Česká otevírací uvozovka „ je typograficky nízká.
 * Posuneme ji výše, aby nezasahovala do prvního slova.
 */

body .vhs-quote-card::before {
	top: 22px !important;
	left: clamp(34px, 5vw, 58px) !important;
	right: auto !important;
	bottom: auto !important;
	content: "„" !important;
	transform: translateY(-0.48em) !important;
}

/*
 * Česká zavírací uvozovka “ bude v pravém dolním rohu.
 */

body .vhs-quote-card::after {
	top: auto !important;
	right: clamp(34px, 5vw, 58px) !important;
	bottom: 17px !important;
	left: auto !important;
	content: "“" !important;
	transform: translateY(0.48em) !important;
}

/*
 * Text a podpis musí zůstat nad dekoracemi.
 */

body .vhs-quote-card blockquote,
body .vhs-quote-card blockquote p,
body .vhs-quote-card .vhs-about-quote-signature {
	position: relative !important;
	z-index: 3 !important;
}

/* Mobilní telefony */

@media (max-width: 620px) {
	body .vhs-quote-card {
		padding-top: 88px !important;
		padding-bottom: 82px !important;
	}

	body .vhs-quote-card::before {
		top: 20px !important;
		left: 23px !important;
	}

	body .vhs-quote-card::after {
		right: 23px !important;
		bottom: 15px !important;
	}
}
/* ==========================================================
   PODSTRÁNKA PROGRAM
   ========================================================== */

/* ZÁKLADNÍ ŠÍŘKY A KOTVA */

.vhs-program-categories-section,
.vhs-program-notice-section,
.vhs-program-cta-section,
.vhs-program-schedule-wrap {
	width: min(1180px, calc(100% - 48px));
	max-width: 1180px;
	margin-right: auto;
	margin-left: auto;
	box-sizing: border-box;
}

#harmonogram {
	scroll-margin-top: 110px;
}

/* ==========================================================
   HERO – PROGRAM 2026
   ========================================================== */

.vhs-program-page-title {
	max-width: 8.5ch;
}

.vhs-program-page-title span {
	display: block;
	margin-bottom: 0.08em;
}

.vhs-program-page-screen {
	border-color: rgba(255, 46, 166, 0.3);
	background:
		repeating-linear-gradient(
			0deg,
			rgba(255, 255, 255, 0.018) 0,
			rgba(255, 255, 255, 0.018) 1px,
			transparent 1px,
			transparent 6px
		),
		linear-gradient(
			90deg,
			transparent 49.7%,
			rgba(0, 229, 255, 0.08) 50%,
			transparent 50.3%
		),
		radial-gradient(
			circle at 28% 30%,
			rgba(0, 229, 255, 0.2),
			transparent 44%
		),
		radial-gradient(
			circle at 76% 70%,
			rgba(255, 46, 166, 0.23),
			transparent 44%
		),
		linear-gradient(
			145deg,
			#111c36 0%,
			#080b18 57%,
			#1d091f 100%
		);
	box-shadow:
		inset 0 0 95px rgba(0, 0, 0, 0.58),
		0 30px 85px rgba(0, 0, 0, 0.44),
		0 0 44px rgba(255, 46, 166, 0.09);
}

/* DATUM A MÍSTO V HERO ČÁSTI */

.vhs-program-page-meta {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin: 0 0 32px;
	gap: 13px;
}

.vhs-program-page-meta-item {
	position: relative;
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr);
	align-items: center;
	margin: 0;
	padding: 15px 17px;
	border: 1px solid rgba(170, 177, 197, 0.19);
	border-radius: 13px;
	background:
		linear-gradient(
			145deg,
			rgba(18, 25, 48, 0.82),
			rgba(6, 9, 21, 0.92)
		);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.03),
		0 14px 34px rgba(0, 0, 0, 0.23);
	gap: 14px;
	overflow: hidden;
}

.vhs-program-page-meta-item::after {
	position: absolute;
	right: -45px;
	bottom: -60px;
	width: 110px;
	height: 110px;
	border-radius: 50%;
	background: rgba(0, 229, 255, 0.08);
	filter: blur(27px);
	content: "";
	pointer-events: none;
}

.vhs-program-page-meta-item:nth-child(even)::after {
	background: rgba(255, 46, 166, 0.09);
}

.vhs-program-page-meta-icon {
	position: relative;
	z-index: 2;
	display: grid;
	align-items: center;
	justify-items: center;
	width: 48px;
	height: 48px;
	margin: 0;
	border: 1px solid rgba(0, 229, 255, 0.5);
	border-radius: 11px;
	color: var(--vhs-cyan);
	background: rgba(0, 229, 255, 0.055);
	box-shadow:
		inset 0 0 14px rgba(0, 229, 255, 0.07),
		0 0 16px rgba(0, 229, 255, 0.12);
	font-family: "Arial Narrow", Impact, sans-serif;
	font-size: 1.35rem;
	font-weight: 900;
	line-height: 1;
	text-shadow: 0 0 13px rgba(0, 229, 255, 0.58);
}

.vhs-program-page-meta-item:nth-child(even)
	.vhs-program-page-meta-icon {
	border-color: rgba(255, 46, 166, 0.5);
	color: var(--vhs-pink);
	background: rgba(255, 46, 166, 0.055);
	text-shadow: 0 0 13px rgba(255, 46, 166, 0.6);
}

.vhs-program-page-meta-label {
	position: relative;
	z-index: 2;
	margin: 0 0 5px;
	color: var(--vhs-cyan);
	font-family: "Arial Narrow", "Roboto Condensed", sans-serif;
	font-size: 0.62rem;
	font-weight: 900;
	letter-spacing: 0.13em;
	line-height: 1.2;
	text-transform: uppercase;
	text-shadow: 0 0 11px rgba(0, 229, 255, 0.38);
}

.vhs-program-page-meta-item:nth-child(even)
	.vhs-program-page-meta-label {
	color: var(--vhs-pink);
	text-shadow: 0 0 11px rgba(255, 46, 166, 0.4);
}

.vhs-program-page-meta-value {
	position: relative;
	z-index: 2;
	margin: 0;
	color: var(--vhs-white);
	font-family: "Arial Narrow", "Roboto Condensed", sans-serif;
	font-size: 0.82rem;
	font-weight: 850;
	letter-spacing: 0.04em;
	line-height: 1.4;
	text-transform: uppercase;
	overflow-wrap: anywhere;
}

/* ==========================================================
   PROGRAMOVÉ BLOKY
   ========================================================== */

.vhs-program-categories-section {
	padding-top: clamp(100px, 10vw, 155px);
	padding-bottom: clamp(100px, 10vw, 155px);
}

.vhs-program-categories-title {
	max-width: 12ch;
	margin-bottom: 25px;
	line-height: 1.1;
}

.vhs-program-categories-title span {
	display: block;
	margin-bottom: 0.08em;
}

.vhs-program-categories-intro {
	max-width: 720px;
	margin: 0 0 clamp(42px, 5vw, 62px);
	color: var(--vhs-muted);
	font-size: 1rem;
	line-height: 1.78;
}

.vhs-program-categories-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	align-items: stretch;
	gap: 17px;
}

.vhs-program-category-card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: 325px;
	margin: 0;
	padding: 27px 24px;
	border: 1px solid rgba(170, 177, 197, 0.2);
	border-radius: 17px;
	background:
		linear-gradient(
			145deg,
			rgba(18, 25, 48, 0.92),
			rgba(6, 9, 21, 0.98)
		);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.035),
		0 20px 50px rgba(0, 0, 0, 0.31);
	overflow: hidden;
	transition:
		transform 190ms ease,
		border-color 190ms ease,
		box-shadow 190ms ease;
}

.vhs-program-category-card::before {
	position: absolute;
	top: 0;
	right: 22px;
	left: 22px;
	height: 2px;
	border-radius: 999px;
	background:
		linear-gradient(
			90deg,
			transparent,
			var(--vhs-cyan),
			transparent
		);
	box-shadow: 0 0 16px rgba(0, 229, 255, 0.45);
	content: "";
}

.vhs-program-category-card::after {
	position: absolute;
	right: -65px;
	bottom: -75px;
	width: 165px;
	height: 165px;
	border-radius: 50%;
	background: rgba(0, 229, 255, 0.08);
	filter: blur(36px);
	content: "";
	pointer-events: none;
}

.vhs-program-category-card:nth-child(even)::before {
	background:
		linear-gradient(
			90deg,
			transparent,
			var(--vhs-pink),
			transparent
		);
	box-shadow: 0 0 16px rgba(255, 46, 166, 0.46);
}

.vhs-program-category-card:nth-child(even)::after {
	background: rgba(255, 46, 166, 0.09);
}

.vhs-program-category-card:nth-child(4)::before {
	background:
		linear-gradient(
			90deg,
			transparent,
			var(--vhs-orange),
			transparent
		);
	box-shadow: 0 0 16px rgba(255, 187, 0, 0.46);
}

.vhs-program-category-card:nth-child(4)::after {
	background: rgba(255, 187, 0, 0.09);
}

.vhs-program-category-card:hover {
	transform: translateY(-7px);
	border-color: rgba(0, 229, 255, 0.48);
	box-shadow:
		0 30px 70px rgba(0, 0, 0, 0.43),
		0 0 27px rgba(0, 229, 255, 0.09);
}

.vhs-program-category-card:nth-child(even):hover {
	border-color: rgba(255, 46, 166, 0.5);
	box-shadow:
		0 30px 70px rgba(0, 0, 0, 0.43),
		0 0 27px rgba(255, 46, 166, 0.1);
}

.vhs-program-category-card:nth-child(4):hover {
	border-color: rgba(255, 187, 0, 0.5);
	box-shadow:
		0 30px 70px rgba(0, 0, 0, 0.43),
		0 0 27px rgba(255, 187, 0, 0.1);
}

.vhs-program-category-icon {
	position: relative;
	z-index: 2;
	display: grid;
	align-items: center;
	justify-items: center;
	width: 60px;
	height: 60px;
	margin: 0 0 54px;
	border: 1px solid rgba(0, 229, 255, 0.5);
	border-radius: 14px;
	color: var(--vhs-cyan);
	background: rgba(0, 229, 255, 0.055);
	box-shadow:
		inset 0 0 16px rgba(0, 229, 255, 0.07),
		0 0 19px rgba(0, 229, 255, 0.13);
	font-size: 1.55rem;
	font-weight: 900;
	line-height: 1;
	text-shadow: 0 0 15px rgba(0, 229, 255, 0.58);
}

.vhs-program-category-card:nth-child(even)
	.vhs-program-category-icon {
	border-color: rgba(255, 46, 166, 0.5);
	color: var(--vhs-pink);
	background: rgba(255, 46, 166, 0.055);
	text-shadow: 0 0 15px rgba(255, 46, 166, 0.6);
}

.vhs-program-category-card:nth-child(4)
	.vhs-program-category-icon {
	border-color: rgba(255, 187, 0, 0.5);
	color: var(--vhs-orange);
	background: rgba(255, 187, 0, 0.055);
	text-shadow: 0 0 15px rgba(255, 187, 0, 0.6);
}

.vhs-program-category-title {
	position: relative;
	z-index: 2;
	margin: auto 0 14px;
	color: var(--vhs-white);
	font-family: "Arial Narrow", "Roboto Condensed", Impact, sans-serif;
	font-size: 1.16rem;
	font-weight: 900;
	letter-spacing: 0.045em;
	line-height: 1.2;
	text-transform: uppercase;
}

.vhs-program-category-text {
	position: relative;
	z-index: 2;
	margin: 0;
	color: var(--vhs-muted);
	font-size: 0.9rem;
	line-height: 1.68;
}

/* ==========================================================
   ČASOVÝ HARMONOGRAM
   ========================================================== */

.vhs-program-schedule-section {
	position: relative;
	margin-right: -24px;
	margin-left: -24px;
	padding: clamp(100px, 10vw, 155px) 24px;
	border-top: 1px solid rgba(0, 229, 255, 0.11);
	border-bottom: 1px solid rgba(255, 46, 166, 0.11);
	background:
		radial-gradient(
			circle at 13% 22%,
			rgba(0, 229, 255, 0.11),
			transparent 36rem
		),
		radial-gradient(
			circle at 88% 72%,
			rgba(255, 46, 166, 0.11),
			transparent 38rem
		),
		linear-gradient(
			180deg,
			rgba(5, 8, 19, 0.99),
			rgba(9, 12, 27, 0.98),
			rgba(4, 6, 15, 0.99)
		);
	overflow: hidden;
	isolation: isolate;
}

.vhs-program-schedule-section::after {
	position: absolute;
	z-index: -1;
	inset: 0;
	background:
		repeating-linear-gradient(
			0deg,
			rgba(255, 255, 255, 0.013) 0,
			rgba(255, 255, 255, 0.013) 1px,
			transparent 1px,
			transparent 6px
		);
	content: "";
	pointer-events: none;
}

.vhs-program-schedule-heading {
	display: grid;
	grid-template-columns:
		minmax(0, 1fr)
		minmax(280px, 0.58fr);
	align-items: end;
	margin: 0 0 clamp(50px, 6vw, 76px);
	column-gap: 50px;
}

.vhs-program-schedule-heading .vhs-section-kicker {
	grid-column: 1 / -1;
}

.vhs-program-schedule-title {
	max-width: 11ch;
	margin-bottom: 0;
	line-height: 1.1;
}

.vhs-program-schedule-title span {
	display: block;
	margin-bottom: 0.08em;
}

.vhs-program-schedule-intro {
	max-width: 480px;
	margin: 0 0 8px auto;
	color: var(--vhs-muted);
	font-size: 1rem;
	line-height: 1.75;
}

.vhs-program-timeline {
	position: relative;
	display: grid;
	margin: 0;
	gap: 18px;
}

/* SVISLÁ NEONOVÁ ČÁRA */

.vhs-program-timeline::before {
	position: absolute;
	z-index: 0;
	top: 38px;
	bottom: 38px;
	left: 203px;
	width: 2px;
	background:
		linear-gradient(
			180deg,
			var(--vhs-cyan),
			var(--vhs-pink) 52%,
			var(--vhs-orange)
		);
	box-shadow:
		0 0 9px rgba(0, 229, 255, 0.44),
		0 0 18px rgba(255, 46, 166, 0.2);
	content: "";
}

.vhs-program-timeline-item {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: 180px minmax(0, 1fr);
	align-items: stretch;
	margin: 0;
	gap: 48px;
}

/* BOD NA ČASOVÉ OSE */

.vhs-program-timeline-item::before {
	position: absolute;
	z-index: 4;
	top: 42px;
	left: 196px;
	width: 16px;
	height: 16px;
	border: 3px solid rgba(5, 7, 17, 0.98);
	border-radius: 50%;
	background: var(--vhs-cyan);
	box-shadow:
		0 0 7px rgba(0, 229, 255, 1),
		0 0 18px rgba(0, 229, 255, 0.58);
	content: "";
}

.vhs-program-timeline-item:nth-child(even)::before {
	background: var(--vhs-pink);
	box-shadow:
		0 0 7px rgba(255, 46, 166, 1),
		0 0 18px rgba(255, 46, 166, 0.58);
}

.vhs-program-timeline-item:last-child::before {
	background: var(--vhs-orange);
	box-shadow:
		0 0 7px rgba(255, 187, 0, 1),
		0 0 18px rgba(255, 187, 0, 0.58);
}

/* LEVÝ ČASOVÝ PANEL */

.vhs-program-timeline-time {
	position: relative;
	align-self: start;
	min-height: 105px;
	margin: 0;
	padding: 21px 18px;
	border: 1px solid rgba(0, 229, 255, 0.28);
	border-radius: 14px;
	background:
		linear-gradient(
			145deg,
			rgba(17, 27, 52, 0.9),
			rgba(6, 9, 21, 0.98)
		);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.03),
		0 15px 36px rgba(0, 0, 0, 0.27);
	text-align: right;
}

.vhs-program-timeline-item:nth-child(even)
	.vhs-program-timeline-time {
	border-color: rgba(255, 46, 166, 0.3);
}

.vhs-program-timeline-item:last-child
	.vhs-program-timeline-time {
	border-color: rgba(255, 187, 0, 0.32);
}

.vhs-program-time-value {
	margin: 0 0 8px;
	color: var(--vhs-cyan);
	font-family: "Arial Narrow", "Roboto Condensed", Impact, sans-serif;
	font-size: 1rem;
	font-weight: 900;
	letter-spacing: 0.055em;
	line-height: 1.2;
	text-transform: uppercase;
	text-shadow: 0 0 13px rgba(0, 229, 255, 0.42);
}

.vhs-program-timeline-item:nth-child(even)
	.vhs-program-time-value {
	color: var(--vhs-pink);
	text-shadow: 0 0 13px rgba(255, 46, 166, 0.44);
}

.vhs-program-timeline-item:last-child
	.vhs-program-time-value {
	color: var(--vhs-orange);
	text-shadow: 0 0 13px rgba(255, 187, 0, 0.44);
}

.vhs-program-duration {
	margin: 0;
	color: var(--vhs-muted);
	font-size: 0.64rem;
	font-weight: 800;
	letter-spacing: 0.1em;
	line-height: 1.4;
	text-transform: uppercase;
}

/* PRAVÁ KARTA PROGRAMU */

.vhs-program-timeline-content {
	position: relative;
	min-height: 150px;
	margin: 0;
	padding: 27px 30px;
	border: 1px solid rgba(170, 177, 197, 0.2);
	border-radius: 16px;
	background:
		linear-gradient(
			145deg,
			rgba(18, 25, 48, 0.9),
			rgba(6, 9, 21, 0.97)
		);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.03),
		0 20px 50px rgba(0, 0, 0, 0.3);
	overflow: hidden;
	transition:
		transform 180ms ease,
		border-color 180ms ease,
		box-shadow 180ms ease;
}

.vhs-program-timeline-content::after {
	position: absolute;
	right: -70px;
	bottom: -80px;
	width: 180px;
	height: 180px;
	border-radius: 50%;
	background: rgba(0, 229, 255, 0.07);
	filter: blur(38px);
	content: "";
	pointer-events: none;
}

.vhs-program-timeline-item:nth-child(even)
	.vhs-program-timeline-content::after {
	background: rgba(255, 46, 166, 0.08);
}

.vhs-program-timeline-item:last-child
	.vhs-program-timeline-content::after {
	background: rgba(255, 187, 0, 0.08);
}

.vhs-program-timeline-content:hover {
	transform: translateX(5px);
	border-color: rgba(0, 229, 255, 0.43);
	box-shadow:
		0 25px 60px rgba(0, 0, 0, 0.39),
		0 0 25px rgba(0, 229, 255, 0.08);
}

.vhs-program-timeline-item:nth-child(even)
	.vhs-program-timeline-content:hover {
	border-color: rgba(255, 46, 166, 0.45);
	box-shadow:
		0 25px 60px rgba(0, 0, 0, 0.39),
		0 0 25px rgba(255, 46, 166, 0.09);
}

.vhs-program-type {
	position: relative;
	z-index: 2;
	width: fit-content;
	margin: 0 0 13px;
	padding: 7px 10px;
	border: 1px solid rgba(0, 229, 255, 0.34);
	border-radius: 999px;
	color: var(--vhs-cyan);
	background: rgba(0, 229, 255, 0.055);
	font-family: "Arial Narrow", "Roboto Condensed", sans-serif;
	font-size: 0.61rem;
	font-weight: 900;
	letter-spacing: 0.13em;
	line-height: 1;
	text-transform: uppercase;
	text-shadow: 0 0 11px rgba(0, 229, 255, 0.38);
}

.vhs-program-timeline-item:nth-child(even)
	.vhs-program-type {
	border-color: rgba(255, 46, 166, 0.36);
	color: var(--vhs-pink);
	background: rgba(255, 46, 166, 0.055);
	text-shadow: 0 0 11px rgba(255, 46, 166, 0.4);
}

.vhs-program-timeline-item:last-child
	.vhs-program-type {
	border-color: rgba(255, 187, 0, 0.4);
	color: var(--vhs-orange);
	background: rgba(255, 187, 0, 0.06);
	text-shadow: 0 0 11px rgba(255, 187, 0, 0.4);
}

.vhs-program-event-title {
	position: relative;
	z-index: 2;
	margin: 0 0 12px;
	color: var(--vhs-white);
	font-family: "Arial Narrow", "Roboto Condensed", Impact, sans-serif;
	font-size: clamp(1.25rem, 1.08rem + 0.5vw, 1.75rem);
	font-weight: 900;
	letter-spacing: 0.035em;
	line-height: 1.18;
	text-transform: uppercase;
}

.vhs-program-event-text {
	position: relative;
	z-index: 2;
	max-width: 800px;
	margin: 0;
	color: var(--vhs-muted);
	font-size: 0.93rem;
	line-height: 1.72;
}

/* ==========================================================
   DŮLEŽITÉ UPOZORNĚNÍ
   ========================================================== */

.vhs-program-notice-section {
	padding-top: clamp(90px, 9vw, 140px);
	padding-bottom: clamp(60px, 7vw, 100px);
}

.vhs-program-notice-card {
	position: relative;
	display: grid;
	grid-template-columns: 82px minmax(0, 1fr);
	align-items: center;
	margin: 0;
	padding: clamp(30px, 4vw, 48px);
	border: 1px solid rgba(255, 187, 0, 0.38);
	border-radius: 21px;
	background:
		radial-gradient(
			circle at 88% 18%,
			rgba(255, 187, 0, 0.11),
			transparent 20rem
		),
		linear-gradient(
			145deg,
			rgba(22, 23, 42, 0.96),
			rgba(6, 8, 19, 0.99)
		);
	box-shadow:
		0 27px 68px rgba(0, 0, 0, 0.39),
		0 0 29px rgba(255, 187, 0, 0.07);
	gap: 27px;
	overflow: hidden;
}

.vhs-program-notice-icon {
	display: grid;
	align-items: center;
	justify-items: center;
	width: 82px;
	height: 82px;
	margin: 0;
	border: 1px solid rgba(255, 187, 0, 0.54);
	border-radius: 18px;
	color: var(--vhs-orange);
	background: rgba(255, 187, 0, 0.06);
	box-shadow:
		inset 0 0 19px rgba(255, 187, 0, 0.07),
		0 0 24px rgba(255, 187, 0, 0.13);
	font-family: Georgia, serif;
	font-size: 2.4rem;
	font-weight: 900;
	line-height: 1;
	text-shadow:
		0 0 8px rgba(255, 187, 0, 0.9),
		0 0 22px rgba(255, 187, 0, 0.35);
}

.vhs-program-notice-copy {
	min-width: 0;
}

.vhs-program-notice-label {
	margin: 0 0 10px;
	color: var(--vhs-orange);
	font-size: 0.65rem;
	font-weight: 900;
	letter-spacing: 0.14em;
	line-height: 1.2;
	text-transform: uppercase;
	text-shadow: 0 0 12px rgba(255, 187, 0, 0.38);
}

.vhs-program-notice-title {
	margin: 0 0 13px;
	color: var(--vhs-white);
	font-family: "Arial Narrow", "Roboto Condensed", Impact, sans-serif;
	font-size: clamp(1.6rem, 1.25rem + 1vw, 2.55rem);
	font-weight: 900;
	letter-spacing: 0.025em;
	line-height: 1.12;
	text-transform: uppercase;
	text-wrap: balance;
}

.vhs-program-notice-text {
	max-width: 860px;
	margin: 0;
	color: var(--vhs-muted);
	font-size: 0.94rem;
	line-height: 1.72;
}

/* ==========================================================
   ZÁVĚREČNÁ NAVIGACE
   ========================================================== */

.vhs-program-cta-section {
	padding-top: clamp(50px, 6vw, 90px);
	padding-bottom: clamp(100px, 10vw, 155px);
}

.vhs-program-cta-card {
	position: relative;
	padding: clamp(50px, 7vw, 88px);
	border: 1px solid rgba(0, 229, 255, 0.34);
	border-radius: 28px;
	background:
		radial-gradient(
			circle at 14% 35%,
			rgba(0, 229, 255, 0.13),
			transparent 25rem
		),
		radial-gradient(
			circle at 88% 60%,
			rgba(255, 46, 166, 0.15),
			transparent 28rem
		),
		linear-gradient(
			145deg,
			rgba(16, 24, 47, 0.96),
			rgba(7, 9, 21, 0.99)
		);
	box-shadow:
		0 32px 85px rgba(0, 0, 0, 0.43),
		0 0 36px rgba(0, 229, 255, 0.08);
	text-align: center;
	overflow: hidden;
}

.vhs-program-cta-kicker {
	margin: 0 0 17px;
	color: var(--vhs-pink);
	font-size: 0.7rem;
	font-weight: 900;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	text-shadow: 0 0 13px rgba(255, 46, 166, 0.42);
}

.vhs-program-cta-title {
	max-width: 900px;
	margin: 0 auto 24px;
	color: var(--vhs-white);
	font-family: "Arial Narrow", "Roboto Condensed", Impact, sans-serif;
	font-size: clamp(2.7rem, 5vw, 5.5rem);
	font-weight: 900;
	letter-spacing: -0.025em;
	line-height: 1.03;
	text-transform: uppercase;
	text-wrap: balance;
}

.vhs-program-cta-text {
	max-width: 720px;
	margin: 0 auto 33px;
	color: var(--vhs-muted);
	font-size: 1rem;
	line-height: 1.75;
}

.vhs-program-cta-buttons {
	justify-content: center;
	gap: 13px;
}

/* ==========================================================
   TABLETY
   ========================================================== */

@media (max-width: 1050px) {
	.vhs-program-categories-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.vhs-program-category-card {
		min-height: 285px;
	}

	.vhs-program-timeline::before {
		left: 173px;
	}

	.vhs-program-timeline-item {
		grid-template-columns: 150px minmax(0, 1fr);
		gap: 48px;
	}

	.vhs-program-timeline-item::before {
		left: 166px;
	}
}

@media (max-width: 850px) {
	.vhs-program-page-meta {
		max-width: 650px;
	}

	.vhs-program-schedule-heading {
		grid-template-columns: 1fr;
		row-gap: 23px;
	}

	.vhs-program-schedule-intro {
		max-width: 680px;
		margin-left: 0;
	}

	.vhs-program-timeline::before {
		display: none;
	}

	.vhs-program-timeline-item {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.vhs-program-timeline-item::before {
		display: none;
	}

	.vhs-program-timeline-time {
		display: grid;
		grid-template-columns: 1fr auto;
		align-items: center;
		min-height: auto;
		text-align: left;
		gap: 20px;
	}

	.vhs-program-time-value,
	.vhs-program-duration {
		margin: 0;
	}

	.vhs-program-timeline-content:hover {
		transform: translateY(-4px);
	}
}

/* ==========================================================
   MOBILNÍ TELEFONY
   ========================================================== */

@media (max-width: 620px) {
	#harmonogram {
		scroll-margin-top: 82px;
	}

	.vhs-program-categories-section,
	.vhs-program-notice-section,
	.vhs-program-cta-section,
	.vhs-program-schedule-wrap {
		width: min(100% - 28px, 1180px);
	}

	.vhs-program-schedule-section {
		margin-right: -18px;
		margin-left: -18px;
		padding-right: 18px;
		padding-left: 18px;
	}

	.vhs-program-page-title {
		max-width: 100%;
	}

	.vhs-program-page-meta {
		grid-template-columns: 1fr;
	}

	.vhs-program-categories-title,
	.vhs-program-schedule-title {
		max-width: 100%;
	}

	.vhs-program-categories-grid {
		grid-template-columns: 1fr;
	}

	.vhs-program-category-card {
		min-height: 270px;
	}

	.vhs-program-category-icon {
		margin-bottom: 40px;
	}

	.vhs-program-timeline-time {
		grid-template-columns: 1fr;
		gap: 5px;
	}

	.vhs-program-timeline-content {
		padding: 24px 21px;
	}

	.vhs-program-notice-card {
		grid-template-columns: 1fr;
		padding: 28px 22px;
		gap: 22px;
	}

	.vhs-program-notice-icon {
		width: 68px;
		height: 68px;
		font-size: 2rem;
	}

	.vhs-program-cta-card {
		padding: 45px 23px;
		border-radius: 21px;
	}

	.vhs-program-cta-title {
		font-size: clamp(2.45rem, 12vw, 4.2rem);
	}

	.vhs-program-cta-buttons .wp-block-button,
	.vhs-program-cta-buttons .wp-block-button__link {
		width: 100%;
		box-sizing: border-box;
		text-align: center;
	}
}
/* ==========================================================
   UNIVERZÁLNÍ OCHRANA VELKÝCH NADPISŮ

   Zabraňuje tomu, aby dlouhé nadpisy zasahovaly
   do úvodního textu ve vedlejším sloupci.
   ========================================================== */

:root {
	--vhs-split-heading-gap:
		clamp(34px, 4vw, 58px);

	--vhs-split-heading-size:
		clamp(3.1rem, 4.8vw, 5.75rem);
}

/*
 * Aktuální dvousloupcové hlavičky sekcí.
 *
 * Třídu .vhs-section-heading budeme používat také
 * u všech podobných sekcí vytvořených v budoucnu.
 */

:is(
	.vhs-section-heading,
	.vhs-program-heading,
	.vhs-guests-heading,
	.vhs-location-heading,
	.vhs-gallery-heading,
	.vhs-years-heading,
	.vhs-contact-heading,
	.vhs-program-schedule-heading
) {
	display: grid !important;
	grid-template-columns:
		minmax(0, 1.25fr)
		minmax(280px, 0.55fr) !important;
	align-items: end !important;
	width: 100% !important;
	max-width: 100% !important;
	margin-top: 0 !important;
	column-gap:
		var(--vhs-split-heading-gap) !important;
	row-gap: 18px !important;
	box-sizing: border-box !important;
}

/*
 * Každý přímý potomek smí zabírat pouze prostor
 * svého vlastního sloupce.
 */

:is(
	.vhs-section-heading,
	.vhs-program-heading,
	.vhs-guests-heading,
	.vhs-location-heading,
	.vhs-gallery-heading,
	.vhs-years-heading,
	.vhs-contact-heading,
	.vhs-program-schedule-heading
) > * {
	min-width: 0 !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
}

/*
 * Malý horní popisek vždy vede přes oba sloupce.
 */

:is(
	.vhs-section-heading,
	.vhs-program-heading,
	.vhs-guests-heading,
	.vhs-location-heading,
	.vhs-gallery-heading,
	.vhs-years-heading,
	.vhs-contact-heading,
	.vhs-program-schedule-heading
) > .vhs-section-kicker {
	grid-column: 1 / -1 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

/*
 * Velký nadpis zůstává bezpečně v levém sloupci.
 *
 * Jeho velikost je univerzálně omezená tak,
 * aby dlouhá česká slova nepřekrývala text napravo.
 */

:is(
	.vhs-section-heading,
	.vhs-program-heading,
	.vhs-guests-heading,
	.vhs-location-heading,
	.vhs-gallery-heading,
	.vhs-years-heading,
	.vhs-contact-heading,
	.vhs-program-schedule-heading
) > .vhs-section-title {
	grid-column: 1 !important;
	width: 100% !important;
	max-width: 100% !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 0.14em !important;
	font-size:
		var(--vhs-split-heading-size) !important;
	letter-spacing: -0.035em !important;
	line-height: 1.08 !important;
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	hyphens: none !important;
	text-wrap: balance !important;
	overflow: visible !important;
}

/*
 * Barevná část nadpisu se také nesmí roztáhnout
 * mimo skutečnou šířku levého sloupce.
 */

:is(
	.vhs-section-heading,
	.vhs-program-heading,
	.vhs-guests-heading,
	.vhs-location-heading,
	.vhs-gallery-heading,
	.vhs-years-heading,
	.vhs-contact-heading,
	.vhs-program-schedule-heading
) > .vhs-section-title > span {
	max-width: 100% !important;
	line-height: inherit !important;
}

/*
 * Zrušení starších individuálních šířkových limitů,
 * které mohou být příliš úzké nebo nevhodné.
 */

.vhs-program-title,
.vhs-location-title,
.vhs-gallery-title,
.vhs-years-title,
.vhs-contact-title,
.vhs-program-schedule-title {
	width: 100% !important;
	max-width: 100% !important;
}

/*
 * Úvodní odstavec zůstane pouze v pravém sloupci.
 */

:is(
	.vhs-program-heading,
	.vhs-guests-heading,
	.vhs-location-heading,
	.vhs-gallery-heading,
	.vhs-years-heading,
	.vhs-contact-heading,
	.vhs-program-schedule-heading
) > :is(
	.vhs-program-intro,
	.vhs-guests-intro,
	.vhs-location-intro,
	.vhs-gallery-intro,
	.vhs-years-intro,
	.vhs-contact-intro,
	.vhs-program-schedule-intro
) {
	grid-column: 2 !important;
	align-self: end !important;
	width: 100% !important;
	max-width: 480px !important;
	margin: 0 0 0.3rem auto !important;
}

/*
 * Bezpečnostní ochrana:
 * text z jednoho sloupce nesmí překreslovat druhý.
 */

:is(
	.vhs-program-heading,
	.vhs-guests-heading,
	.vhs-location-heading,
	.vhs-gallery-heading,
	.vhs-years-heading,
	.vhs-contact-heading,
	.vhs-program-schedule-heading
) .vhs-section-title {
	position: relative !important;
	z-index: 1 !important;
}

:is(
	.vhs-program-intro,
	.vhs-guests-intro,
	.vhs-location-intro,
	.vhs-gallery-intro,
	.vhs-years-intro,
	.vhs-contact-intro,
	.vhs-program-schedule-intro
) {
	position: relative !important;
	z-index: 2 !important;
	background: transparent !important;
}

/* ==========================================================
   MENŠÍ POČÍTAČE A TABLETY
   ========================================================== */

@media (max-width: 1000px) {
	:root {
		--vhs-split-heading-size:
			clamp(3.2rem, 7.5vw, 5.4rem);
	}

	:is(
		.vhs-section-heading,
		.vhs-program-heading,
		.vhs-guests-heading,
		.vhs-location-heading,
		.vhs-gallery-heading,
		.vhs-years-heading,
		.vhs-contact-heading,
		.vhs-program-schedule-heading
	) {
		grid-template-columns: 1fr !important;
		align-items: start !important;
		row-gap: 22px !important;
	}

	:is(
		.vhs-section-heading,
		.vhs-program-heading,
		.vhs-guests-heading,
		.vhs-location-heading,
		.vhs-gallery-heading,
		.vhs-years-heading,
		.vhs-contact-heading,
		.vhs-program-schedule-heading
	) > .vhs-section-kicker,
	:is(
		.vhs-section-heading,
		.vhs-program-heading,
		.vhs-guests-heading,
		.vhs-location-heading,
		.vhs-gallery-heading,
		.vhs-years-heading,
		.vhs-contact-heading,
		.vhs-program-schedule-heading
	) > .vhs-section-title,
	:is(
		.vhs-program-heading,
		.vhs-guests-heading,
		.vhs-location-heading,
		.vhs-gallery-heading,
		.vhs-years-heading,
		.vhs-contact-heading,
		.vhs-program-schedule-heading
	) > :is(
		.vhs-program-intro,
		.vhs-guests-intro,
		.vhs-location-intro,
		.vhs-gallery-intro,
		.vhs-years-intro,
		.vhs-contact-intro,
		.vhs-program-schedule-intro
	) {
		grid-column: 1 !important;
	}

	:is(
		.vhs-program-intro,
		.vhs-guests-intro,
		.vhs-location-intro,
		.vhs-gallery-intro,
		.vhs-years-intro,
		.vhs-contact-intro,
		.vhs-program-schedule-intro
	) {
		max-width: 680px !important;
		margin-right: 0 !important;
		margin-left: 0 !important;
	}
}

/* ==========================================================
   MOBILNÍ TELEFONY
   ========================================================== */

@media (max-width: 620px) {
	:root {
		--vhs-split-heading-size:
			clamp(2.8rem, 12vw, 4.5rem);
	}

	:is(
		.vhs-section-heading,
		.vhs-program-heading,
		.vhs-guests-heading,
		.vhs-location-heading,
		.vhs-gallery-heading,
		.vhs-years-heading,
		.vhs-contact-heading,
		.vhs-program-schedule-heading
	) > .vhs-section-title {
		letter-spacing: -0.025em !important;
		line-height: 1.12 !important;
	}
}
/* ==========================================================
   PODSTRÁNKA HOSTÉ
   ========================================================== */

/* ZÁKLADNÍ ŠÍŘKY */

.vhs-featured-guest-section,
.vhs-guests-overview-wrap,
.vhs-guests-experience-section,
.vhs-guests-announcement-section {
	width: min(1180px, calc(100% - 48px));
	max-width: 1180px;
	margin-right: auto;
	margin-left: auto;
	box-sizing: border-box;
}

#prehled-hostu {
	scroll-margin-top: 110px;
}

/* ==========================================================
   HERO – HOSTÉ 2026
   ========================================================== */

.vhs-guests-page-title {
	max-width: 8.5ch;
}

.vhs-guests-page-title span {
	display: block;
	margin-bottom: 0.08em;
}

.vhs-guests-page-screen {
	border-color: rgba(255, 46, 166, 0.3);
	background:
		repeating-linear-gradient(
			0deg,
			rgba(255, 255, 255, 0.018) 0,
			rgba(255, 255, 255, 0.018) 1px,
			transparent 1px,
			transparent 6px
		),
		linear-gradient(
			90deg,
			transparent 49.7%,
			rgba(255, 46, 166, 0.08) 50%,
			transparent 50.3%
		),
		radial-gradient(
			circle at 27% 31%,
			rgba(0, 229, 255, 0.21),
			transparent 44%
		),
		radial-gradient(
			circle at 77% 70%,
			rgba(255, 46, 166, 0.24),
			transparent 45%
		),
		linear-gradient(
			145deg,
			#101c36,
			#080b18 57%,
			#1d091f
		);
	box-shadow:
		inset 0 0 95px rgba(0, 0, 0, 0.58),
		0 30px 85px rgba(0, 0, 0, 0.44),
		0 0 44px rgba(255, 46, 166, 0.09);
}

/* ==========================================================
   HLAVNÍ / ČESTNÝ HOST
   ========================================================== */

.vhs-featured-guest-section {
	padding-top: clamp(100px, 10vw, 160px);
	padding-bottom: clamp(100px, 10vw, 160px);
}

.vhs-featured-guest-heading {
	margin: 0 0 clamp(43px, 5vw, 65px);
}

.vhs-featured-guest-title {
	max-width: 11ch;
	margin-bottom: 0;
	line-height: 1.1;
}

.vhs-featured-guest-title span {
	display: block;
	margin-bottom: 0.08em;
}

.vhs-featured-guest-card {
	position: relative;
	display: grid;
	grid-template-columns:
		minmax(390px, 0.92fr)
		minmax(0, 1.08fr);
	align-items: stretch;
	margin: 0;
	border: 1px solid rgba(255, 187, 0, 0.34);
	border-radius: 27px;
	background:
		radial-gradient(
			circle at 90% 12%,
			rgba(255, 187, 0, 0.11),
			transparent 24rem
		),
		linear-gradient(
			145deg,
			rgba(18, 25, 48, 0.96),
			rgba(6, 8, 19, 0.99)
		);
	box-shadow:
		0 34px 90px rgba(0, 0, 0, 0.44),
		0 0 35px rgba(255, 187, 0, 0.07);
	overflow: hidden;
}

.vhs-featured-guest-card::before {
	position: absolute;
	z-index: 4;
	top: 0;
	right: 52px;
	left: 52px;
	height: 2px;
	border-radius: 999px;
	background:
		linear-gradient(
			90deg,
			transparent,
			var(--vhs-orange),
			transparent
		);
	box-shadow: 0 0 20px rgba(255, 187, 0, 0.55);
	content: "";
}

/* PORTRÉT HLAVNÍHO HOSTA */

.vhs-featured-guest-visual {
	position: relative;
	min-height: 650px;
	border-right: 1px solid rgba(255, 187, 0, 0.17);
	overflow: hidden;
}

.vhs-featured-guest-screen {
	position: relative;
	display: grid;
	align-items: center;
	justify-items: center;
	width: 100%;
	height: 100%;
	min-height: 650px;
	padding: 38px;
	background:
		repeating-linear-gradient(
			0deg,
			rgba(255, 255, 255, 0.018) 0,
			rgba(255, 255, 255, 0.018) 1px,
			transparent 1px,
			transparent 6px
		),
		radial-gradient(
			circle at 25% 30%,
			rgba(0, 229, 255, 0.2),
			transparent 45%
		),
		radial-gradient(
			circle at 75% 72%,
			rgba(255, 46, 166, 0.2),
			transparent 45%
		),
		linear-gradient(
			145deg,
			#111c36,
			#080b18 58%,
			#19091d
		);
	box-shadow: inset 0 0 95px rgba(0, 0, 0, 0.58);
	overflow: hidden;
}

.vhs-featured-guest-screen::before {
	position: absolute;
	inset: 18px;
	border: 1px solid rgba(255, 187, 0, 0.11);
	border-radius: 17px;
	content: "";
	pointer-events: none;
}

.vhs-featured-guest-placeholder {
	position: relative;
	z-index: 2;
	max-width: 290px;
	margin: 0;
	padding: 14px 20px;
	border: 1px solid rgba(255, 187, 0, 0.54);
	border-radius: 8px;
	color: var(--vhs-orange);
	background: rgba(5, 7, 17, 0.84);
	box-shadow:
		inset 0 0 18px rgba(255, 187, 0, 0.04),
		0 0 22px rgba(255, 187, 0, 0.16);
	font-family:
		"Arial Narrow",
		"Roboto Condensed",
		sans-serif;
	font-size: 0.7rem;
	font-weight: 900;
	letter-spacing: 0.11em;
	line-height: 1.4;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0 0 12px rgba(255, 187, 0, 0.55);
}

/* SKUTEČNÝ OBRÁZEK V BUDOUCNU */

.vhs-featured-guest-screen img {
	position: absolute;
	z-index: 1;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.vhs-featured-guest-screen:has(img)
	.vhs-featured-guest-placeholder {
	display: none;
}

/* TEXT HLAVNÍHO HOSTA */

.vhs-featured-guest-copy {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	padding: clamp(40px, 5.5vw, 72px);
	overflow: hidden;
}

.vhs-featured-guest-copy::after {
	position: absolute;
	right: -90px;
	bottom: -110px;
	width: 270px;
	height: 270px;
	border-radius: 50%;
	background: rgba(255, 187, 0, 0.09);
	filter: blur(55px);
	content: "";
	pointer-events: none;
}

.vhs-featured-guest-role {
	position: relative;
	z-index: 2;
	width: fit-content;
	max-width: 100%;
	margin: 0 0 24px;
	padding: 8px 12px;
	border: 1px solid rgba(255, 187, 0, 0.43);
	border-radius: 999px;
	color: var(--vhs-orange);
	background: rgba(255, 187, 0, 0.06);
	font-family:
		"Arial Narrow",
		"Roboto Condensed",
		sans-serif;
	font-size: 0.65rem;
	font-weight: 900;
	letter-spacing: 0.13em;
	line-height: 1.35;
	text-transform: uppercase;
	text-shadow: 0 0 12px rgba(255, 187, 0, 0.4);
	overflow-wrap: anywhere;
}

.vhs-featured-guest-name {
	position: relative;
	z-index: 2;
	margin: 0 0 25px;
	color: var(--vhs-white);
	font-family:
		"Arial Narrow",
		"Roboto Condensed",
		Impact,
		sans-serif;
	font-size: clamp(3rem, 5vw, 6rem);
	font-weight: 900;
	letter-spacing: -0.035em;
	line-height: 0.96;
	text-transform: uppercase;
	text-wrap: balance;
}

.vhs-featured-guest-lead {
	position: relative;
	z-index: 2;
	margin: 0 0 20px;
	color: var(--vhs-white);
	font-size: 1.08rem;
	font-weight: 700;
	line-height: 1.75;
}

.vhs-featured-guest-text {
	position: relative;
	z-index: 2;
	margin: 0 0 31px;
	color: var(--vhs-muted);
	font-size: 0.96rem;
	line-height: 1.8;
}

.vhs-featured-guest-meta {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin: auto 0 33px;
	gap: 12px;
}

.vhs-featured-guest-meta-item {
	margin: 0;
	padding: 17px 18px;
	border: 1px solid rgba(170, 177, 197, 0.19);
	border-radius: 13px;
	background: rgba(19, 27, 51, 0.55);
}

.vhs-featured-guest-meta-label {
	margin: 0 0 7px;
	color: var(--vhs-cyan);
	font-size: 0.62rem;
	font-weight: 900;
	letter-spacing: 0.12em;
	line-height: 1.3;
	text-transform: uppercase;
}

.vhs-featured-guest-meta-item:nth-child(even)
	.vhs-featured-guest-meta-label {
	color: var(--vhs-pink);
}

.vhs-featured-guest-meta-value {
	margin: 0;
	color: var(--vhs-white);
	font-family:
		"Arial Narrow",
		"Roboto Condensed",
		sans-serif;
	font-size: 0.8rem;
	font-weight: 850;
	letter-spacing: 0.035em;
	line-height: 1.45;
	text-transform: uppercase;
	overflow-wrap: anywhere;
}

.vhs-featured-guest-buttons {
	position: relative;
	z-index: 2;
	align-items: center;
	gap: 12px;
}

/* ==========================================================
   PŘEHLED VŠECH HOSTŮ
   ========================================================== */

.vhs-guests-overview-section {
	position: relative;
	margin-right: -24px;
	margin-left: -24px;
	padding: clamp(100px, 10vw, 155px) 24px;
	border-top: 1px solid rgba(0, 229, 255, 0.11);
	border-bottom: 1px solid rgba(255, 46, 166, 0.11);
	background:
		radial-gradient(
			circle at 13% 22%,
			rgba(0, 229, 255, 0.11),
			transparent 36rem
		),
		radial-gradient(
			circle at 88% 73%,
			rgba(255, 46, 166, 0.11),
			transparent 38rem
		),
		linear-gradient(
			180deg,
			rgba(5, 8, 19, 0.99),
			rgba(9, 12, 27, 0.98),
			rgba(4, 6, 15, 0.99)
		);
	overflow: hidden;
	isolation: isolate;
}

.vhs-guests-overview-section::after {
	position: absolute;
	z-index: -1;
	inset: 0;
	background:
		repeating-linear-gradient(
			0deg,
			rgba(255, 255, 255, 0.013) 0,
			rgba(255, 255, 255, 0.013) 1px,
			transparent 1px,
			transparent 6px
		);
	content: "";
	pointer-events: none;
}

.vhs-guests-overview-heading {
	margin-bottom: clamp(48px, 6vw, 72px) !important;
}

/* Doplnění pravého sloupce do univerzální hlavičky */

.vhs-guests-overview-heading
	> .vhs-guests-overview-intro {
	grid-column: 2 !important;
	align-self: end !important;
	width: 100% !important;
	max-width: 480px !important;
	margin: 0 0 0.3rem auto !important;
	color: var(--vhs-muted);
	font-size: 1rem;
	line-height: 1.75;
}

.vhs-guests-overview-title {
	width: 100%;
	max-width: 100%;
	margin-bottom: 0;
}

.vhs-guests-overview-title span {
	display: block;
	margin-bottom: 0.08em;
}

/* MŘÍŽKA PROFILŮ */

.vhs-guests-overview-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: stretch;
	gap: 18px;
}

.vhs-guest-profile-card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	margin: 0;
	border: 1px solid rgba(170, 177, 197, 0.2);
	border-radius: 18px;
	background:
		linear-gradient(
			145deg,
			rgba(18, 25, 48, 0.93),
			rgba(6, 9, 21, 0.98)
		);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.035),
		0 22px 54px rgba(0, 0, 0, 0.33);
	overflow: hidden;
	transition:
		transform 200ms ease,
		border-color 200ms ease,
		box-shadow 200ms ease;
}

.vhs-guest-profile-card::before {
	position: absolute;
	z-index: 5;
	top: 0;
	right: 24px;
	left: 24px;
	height: 2px;
	border-radius: 999px;
	background:
		linear-gradient(
			90deg,
			transparent,
			var(--vhs-cyan),
			transparent
		);
	box-shadow: 0 0 16px rgba(0, 229, 255, 0.45);
	content: "";
}

.vhs-guest-profile-card:nth-child(even)::before {
	background:
		linear-gradient(
			90deg,
			transparent,
			var(--vhs-pink),
			transparent
		);
	box-shadow: 0 0 16px rgba(255, 46, 166, 0.46);
}

.vhs-guest-profile-card:hover {
	transform: translateY(-7px);
	border-color: rgba(0, 229, 255, 0.48);
	box-shadow:
		0 31px 72px rgba(0, 0, 0, 0.44),
		0 0 28px rgba(0, 229, 255, 0.1);
}

.vhs-guest-profile-card:nth-child(even):hover {
	border-color: rgba(255, 46, 166, 0.5);
	box-shadow:
		0 31px 72px rgba(0, 0, 0, 0.44),
		0 0 28px rgba(255, 46, 166, 0.1);
}

/* OBRAZOVÁ ČÁST PROFILU */

.vhs-guest-profile-image {
	position: relative;
	display: grid;
	align-items: center;
	justify-items: center;
	min-height: 340px;
	margin: 0;
	padding: 26px;
	border-bottom: 1px solid rgba(170, 177, 197, 0.15);
	background:
		repeating-linear-gradient(
			0deg,
			rgba(255, 255, 255, 0.017) 0,
			rgba(255, 255, 255, 0.017) 1px,
			transparent 1px,
			transparent 6px
		),
		radial-gradient(
			circle at 28% 30%,
			rgba(0, 229, 255, 0.18),
			transparent 44%
		),
		radial-gradient(
			circle at 77% 72%,
			rgba(255, 46, 166, 0.19),
			transparent 45%
		),
		linear-gradient(
			145deg,
			#111c36,
			#080b18 58%,
			#19091d
		);
	box-shadow: inset 0 0 70px rgba(0, 0, 0, 0.48);
	overflow: hidden;
}

.vhs-guest-profile-image::after {
	position: absolute;
	z-index: 1;
	right: 0;
	bottom: 0;
	left: 0;
	height: 42%;
	background:
		linear-gradient(
			to top,
			rgba(4, 6, 15, 0.85),
			transparent
		);
	content: "";
	pointer-events: none;
}

.vhs-guest-profile-placeholder {
	position: relative;
	z-index: 3;
	margin: 0;
	padding: 11px 15px;
	border: 1px solid rgba(0, 229, 255, 0.48);
	border-radius: 7px;
	color: var(--vhs-cyan);
	background: rgba(5, 7, 17, 0.84);
	font-size: 0.66rem;
	font-weight: 900;
	letter-spacing: 0.11em;
	line-height: 1.35;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0 0 12px rgba(0, 229, 255, 0.55);
}

.vhs-guest-profile-card:nth-child(even)
	.vhs-guest-profile-placeholder {
	border-color: rgba(255, 46, 166, 0.5);
	color: var(--vhs-pink);
	text-shadow: 0 0 12px rgba(255, 46, 166, 0.56);
}

.vhs-guest-profile-image img {
	position: absolute;
	z-index: 0;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 600ms ease;
}

.vhs-guest-profile-card:hover
	.vhs-guest-profile-image img {
	transform: scale(1.045);
}

.vhs-guest-profile-image:has(img)
	.vhs-guest-profile-placeholder {
	display: none;
}

/* TEXT PROFILU */

.vhs-guest-profile-copy {
	position: relative;
	display: flex;
	flex: 1;
	flex-direction: column;
	min-width: 0;
	padding: 25px 24px 27px;
	overflow: hidden;
}

.vhs-guest-profile-copy::after {
	position: absolute;
	right: -60px;
	bottom: -70px;
	width: 155px;
	height: 155px;
	border-radius: 50%;
	background: rgba(0, 229, 255, 0.07);
	filter: blur(34px);
	content: "";
	pointer-events: none;
}

.vhs-guest-profile-card:nth-child(even)
	.vhs-guest-profile-copy::after {
	background: rgba(255, 46, 166, 0.08);
}

.vhs-guest-profile-role {
	position: relative;
	z-index: 2;
	width: fit-content;
	margin: 0 0 13px;
	color: var(--vhs-cyan);
	font-size: 0.63rem;
	font-weight: 900;
	letter-spacing: 0.13em;
	line-height: 1.35;
	text-transform: uppercase;
	text-shadow: 0 0 11px rgba(0, 229, 255, 0.4);
}

.vhs-guest-profile-card:nth-child(even)
	.vhs-guest-profile-role {
	color: var(--vhs-pink);
	text-shadow: 0 0 11px rgba(255, 46, 166, 0.42);
}

.vhs-guest-profile-name {
	position: relative;
	z-index: 2;
	margin: 0 0 15px;
	color: var(--vhs-white);
	font-family:
		"Arial Narrow",
		"Roboto Condensed",
		Impact,
		sans-serif;
	font-size: clamp(1.5rem, 1.18rem + 0.7vw, 2.15rem);
	font-weight: 900;
	letter-spacing: 0.025em;
	line-height: 1.08;
	text-transform: uppercase;
	text-wrap: balance;
}

.vhs-guest-profile-text {
	position: relative;
	z-index: 2;
	flex: 1;
	margin: 0 0 24px;
	color: var(--vhs-muted);
	font-size: 0.9rem;
	line-height: 1.7;
}

.vhs-guest-profile-link {
	position: relative;
	z-index: 2;
	margin: auto 0 0;
	font-size: 0.69rem;
	font-weight: 900;
	letter-spacing: 0.11em;
	line-height: 1.4;
	text-transform: uppercase;
}

.vhs-guest-profile-link a {
	color: var(--vhs-cyan);
	text-decoration: none;
}

.vhs-guest-profile-card:nth-child(even)
	.vhs-guest-profile-link a {
	color: var(--vhs-pink);
}

.vhs-guest-profile-link a:hover {
	color: var(--vhs-white);
}

/* ==========================================================
   SPOLEČNÁ SETKÁNÍ
   ========================================================== */

.vhs-guests-experience-section {
	padding-top: clamp(100px, 10vw, 155px);
	padding-bottom: clamp(70px, 8vw, 115px);
}

.vhs-guests-experience-heading {
	margin: 0 0 clamp(43px, 5vw, 63px);
}

.vhs-guests-experience-title {
	max-width: 12ch;
	margin-bottom: 0;
	line-height: 1.1;
}

.vhs-guests-experience-title span {
	display: block;
	margin-bottom: 0.08em;
}

.vhs-guests-experience-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: stretch;
	gap: 18px;
}

.vhs-guests-experience-card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: 310px;
	margin: 0;
	padding: 28px 26px;
	border: 1px solid rgba(170, 177, 197, 0.2);
	border-radius: 17px;
	background:
		linear-gradient(
			145deg,
			rgba(18, 25, 48, 0.92),
			rgba(6, 9, 21, 0.98)
		);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.035),
		0 20px 50px rgba(0, 0, 0, 0.31);
	overflow: hidden;
	transition:
		transform 190ms ease,
		border-color 190ms ease,
		box-shadow 190ms ease;
}

.vhs-guests-experience-card::before {
	position: absolute;
	top: 0;
	right: 22px;
	left: 22px;
	height: 2px;
	background:
		linear-gradient(
			90deg,
			transparent,
			var(--vhs-cyan),
			transparent
		);
	box-shadow: 0 0 15px rgba(0, 229, 255, 0.45);
	content: "";
}

.vhs-guests-experience-card:nth-child(even)::before {
	background:
		linear-gradient(
			90deg,
			transparent,
			var(--vhs-pink),
			transparent
		);
	box-shadow: 0 0 15px rgba(255, 46, 166, 0.46);
}

.vhs-guests-experience-card:nth-child(3)::before {
	background:
		linear-gradient(
			90deg,
			transparent,
			var(--vhs-orange),
			transparent
		);
	box-shadow: 0 0 15px rgba(255, 187, 0, 0.46);
}

.vhs-guests-experience-card:hover {
	transform: translateY(-7px);
	border-color: rgba(0, 229, 255, 0.48);
	box-shadow:
		0 30px 70px rgba(0, 0, 0, 0.43),
		0 0 27px rgba(0, 229, 255, 0.09);
}

.vhs-guests-experience-number {
	margin: 0 0 52px;
	color: rgba(5, 7, 17, 0.25);
	-webkit-text-fill-color: rgba(5, 7, 17, 0.25);
	-webkit-text-stroke: 1.5px var(--vhs-cyan);
	font-family: "Arial Narrow", Impact, sans-serif;
	font-size: clamp(3.8rem, 5vw, 5.8rem);
	font-weight: 900;
	line-height: 0.8;
	text-shadow:
		0 0 5px rgba(0, 229, 255, 0.86),
		0 0 18px rgba(0, 229, 255, 0.4);
}

.vhs-guests-experience-card:nth-child(even)
	.vhs-guests-experience-number {
	-webkit-text-stroke-color: var(--vhs-pink);
	text-shadow:
		0 0 5px rgba(255, 46, 166, 0.86),
		0 0 18px rgba(255, 46, 166, 0.42);
}

.vhs-guests-experience-card:nth-child(3)
	.vhs-guests-experience-number {
	-webkit-text-stroke-color: var(--vhs-orange);
	text-shadow:
		0 0 5px rgba(255, 187, 0, 0.86),
		0 0 18px rgba(255, 187, 0, 0.42);
}

.vhs-guests-experience-card-title {
	margin: auto 0 14px;
	color: var(--vhs-white);
	font-family:
		"Arial Narrow",
		"Roboto Condensed",
		Impact,
		sans-serif;
	font-size: 1.2rem;
	font-weight: 900;
	letter-spacing: 0.04em;
	line-height: 1.2;
	text-transform: uppercase;
}

.vhs-guests-experience-card-text {
	margin: 0;
	color: var(--vhs-muted);
	font-size: 0.91rem;
	line-height: 1.7;
}

/* ==========================================================
   DALŠÍ HOSTÉ BUDOU OZNÁMENI
   ========================================================== */

.vhs-guests-announcement-section {
	padding-top: clamp(40px, 5vw, 75px);
	padding-bottom: clamp(100px, 10vw, 155px);
}

.vhs-guests-announcement-card {
	position: relative;
	padding: clamp(52px, 7vw, 90px);
	border: 1px solid rgba(255, 46, 166, 0.36);
	border-radius: 28px;
	background:
		radial-gradient(
			circle at 14% 35%,
			rgba(0, 229, 255, 0.13),
			transparent 25rem
		),
		radial-gradient(
			circle at 88% 60%,
			rgba(255, 46, 166, 0.16),
			transparent 28rem
		),
		linear-gradient(
			145deg,
			rgba(16, 24, 47, 0.96),
			rgba(7, 9, 21, 0.99)
		);
	box-shadow:
		0 32px 85px rgba(0, 0, 0, 0.43),
		0 0 36px rgba(255, 46, 166, 0.08);
	text-align: center;
	overflow: hidden;
}

.vhs-guests-announcement-status {
	width: fit-content;
	margin: 0 auto 18px;
	padding: 8px 12px;
	border: 1px solid rgba(0, 229, 255, 0.38);
	border-radius: 999px;
	color: var(--vhs-cyan);
	background: rgba(0, 229, 255, 0.055);
	font-size: 0.65rem;
	font-weight: 900;
	letter-spacing: 0.14em;
	line-height: 1.2;
	text-transform: uppercase;
	text-shadow: 0 0 12px rgba(0, 229, 255, 0.4);
}

.vhs-guests-announcement-title {
	max-width: 940px;
	margin: 0 auto 25px;
	color: var(--vhs-white);
	font-family:
		"Arial Narrow",
		"Roboto Condensed",
		Impact,
		sans-serif;
	font-size: clamp(2.7rem, 5vw, 5.5rem);
	font-weight: 900;
	letter-spacing: -0.025em;
	line-height: 1.03;
	text-transform: uppercase;
	text-wrap: balance;
}

.vhs-guests-announcement-text {
	max-width: 720px;
	margin: 0 auto 34px;
	color: var(--vhs-muted);
	font-size: 1rem;
	line-height: 1.75;
}

.vhs-guests-announcement-buttons {
	justify-content: center;
	gap: 13px;
}

/* ==========================================================
   TABLETY
   ========================================================== */

@media (max-width: 1050px) {
	.vhs-featured-guest-card {
		grid-template-columns:
			minmax(340px, 0.88fr)
			minmax(0, 1.12fr);
	}

	.vhs-featured-guest-visual,
	.vhs-featured-guest-screen {
		min-height: 590px;
	}

	.vhs-guests-overview-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 850px) {
	.vhs-featured-guest-card {
		grid-template-columns: 1fr;
	}

	.vhs-featured-guest-visual {
		border-right: 0;
		border-bottom: 1px solid rgba(255, 187, 0, 0.17);
	}

	.vhs-featured-guest-visual,
	.vhs-featured-guest-screen {
		min-height: 520px;
	}

	.vhs-featured-guest-meta {
		margin-top: 12px;
	}

	.vhs-guests-overview-heading
		> .vhs-guests-overview-intro {
		grid-column: 1 !important;
		max-width: 680px !important;
		margin-right: 0 !important;
		margin-left: 0 !important;
	}

	.vhs-guests-experience-grid {
		grid-template-columns: 1fr;
	}

	.vhs-guests-experience-card {
		min-height: 260px;
	}
}

/* ==========================================================
   MOBILNÍ TELEFONY
   ========================================================== */

@media (max-width: 620px) {
	#prehled-hostu {
		scroll-margin-top: 82px;
	}

	.vhs-featured-guest-section,
	.vhs-guests-overview-wrap,
	.vhs-guests-experience-section,
	.vhs-guests-announcement-section {
		width: min(100% - 28px, 1180px);
	}

	.vhs-guests-overview-section {
		margin-right: -18px;
		margin-left: -18px;
		padding-right: 18px;
		padding-left: 18px;
	}

	.vhs-guests-page-title {
		max-width: 100%;
	}

	.vhs-featured-guest-card {
		border-radius: 20px;
	}

	.vhs-featured-guest-visual,
	.vhs-featured-guest-screen {
		min-height: 400px;
	}

	.vhs-featured-guest-copy {
		padding: 31px 22px;
	}

	.vhs-featured-guest-name {
		font-size: clamp(2.7rem, 13vw, 4.5rem);
		line-height: 1;
	}

	.vhs-featured-guest-meta {
		grid-template-columns: 1fr;
	}

	.vhs-featured-guest-buttons .wp-block-button,
	.vhs-featured-guest-buttons .wp-block-button__link {
		width: 100%;
		box-sizing: border-box;
		text-align: center;
	}

	.vhs-guests-overview-grid {
		grid-template-columns: 1fr;
	}

	.vhs-guest-profile-image {
		min-height: 380px;
	}

	.vhs-guests-experience-title {
		max-width: 100%;
	}

	.vhs-guests-experience-card {
		min-height: 250px;
	}

	.vhs-guests-experience-number {
		margin-bottom: 38px;
	}

	.vhs-guests-announcement-card {
		padding: 45px 23px;
		border-radius: 21px;
	}

	.vhs-guests-announcement-title {
		font-size: clamp(2.45rem, 12vw, 4.2rem);
	}

	.vhs-guests-announcement-buttons .wp-block-button,
	.vhs-guests-announcement-buttons .wp-block-button__link {
		width: 100%;
		box-sizing: border-box;
		text-align: center;
	}
}
/* ==========================================================
   PODSTRÁNKA VHS BURZA
   ========================================================== */

/* ZÁKLADNÍ ŠÍŘKY A KOTVY */

.vhs-market-how-section,
.vhs-market-items-wrap,
.vhs-market-sellers-section,
.vhs-market-rules-wrap,
.vhs-market-practical-section,
.vhs-market-cta-section {
	width: min(1180px, calc(100% - 48px));
	max-width: 1180px;
	margin-right: auto;
	margin-left: auto;
	box-sizing: border-box;
}

#jak-burza-funguje,
#pravidla-burzy {
	scroll-margin-top: 110px;
}

/* ==========================================================
   HERO – VHS BURZA
   ========================================================== */

.vhs-market-page-title {
	max-width: 8.5ch;
}

.vhs-market-page-title span {
	display: block;
	margin-bottom: 0.08em;
}

.vhs-market-page-screen {
	border-color: rgba(255, 187, 0, 0.31);
	background:
		repeating-linear-gradient(
			0deg,
			rgba(255, 255, 255, 0.018) 0,
			rgba(255, 255, 255, 0.018) 1px,
			transparent 1px,
			transparent 6px
		),
		linear-gradient(
			90deg,
			transparent 49.7%,
			rgba(255, 187, 0, 0.08) 50%,
			transparent 50.3%
		),
		radial-gradient(
			circle at 26% 29%,
			rgba(0, 229, 255, 0.2),
			transparent 44%
		),
		radial-gradient(
			circle at 76% 71%,
			rgba(255, 187, 0, 0.21),
			transparent 44%
		),
		radial-gradient(
			circle at 70% 24%,
			rgba(255, 46, 166, 0.12),
			transparent 35%
		),
		linear-gradient(
			145deg,
			#111c36,
			#080b18 57%,
			#1b1012
		);
	box-shadow:
		inset 0 0 95px rgba(0, 0, 0, 0.58),
		0 30px 85px rgba(0, 0, 0, 0.44),
		0 0 44px rgba(255, 187, 0, 0.09);
}

/* INFORMACE V HERO ČÁSTI */

.vhs-market-page-meta {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin: 0 0 32px;
	gap: 13px;
}

.vhs-market-page-meta-item {
	position: relative;
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr);
	align-items: center;
	margin: 0;
	padding: 15px 17px;
	border: 1px solid rgba(170, 177, 197, 0.19);
	border-radius: 13px;
	background:
		linear-gradient(
			145deg,
			rgba(18, 25, 48, 0.83),
			rgba(6, 9, 21, 0.93)
		);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.03),
		0 14px 34px rgba(0, 0, 0, 0.23);
	gap: 14px;
	overflow: hidden;
}

.vhs-market-page-meta-item::after {
	position: absolute;
	right: -45px;
	bottom: -60px;
	width: 110px;
	height: 110px;
	border-radius: 50%;
	background: rgba(0, 229, 255, 0.08);
	filter: blur(27px);
	content: "";
	pointer-events: none;
}

.vhs-market-page-meta-item:nth-child(even)::after {
	background: rgba(255, 187, 0, 0.09);
}

.vhs-market-page-meta-icon {
	position: relative;
	z-index: 2;
	display: grid;
	align-items: center;
	justify-items: center;
	width: 48px;
	height: 48px;
	margin: 0;
	border: 1px solid rgba(0, 229, 255, 0.5);
	border-radius: 11px;
	color: var(--vhs-cyan);
	background: rgba(0, 229, 255, 0.055);
	box-shadow:
		inset 0 0 14px rgba(0, 229, 255, 0.07),
		0 0 16px rgba(0, 229, 255, 0.12);
	font-family: "Arial Narrow", Impact, sans-serif;
	font-size: 1.35rem;
	font-weight: 900;
	line-height: 1;
	text-shadow: 0 0 13px rgba(0, 229, 255, 0.58);
}

.vhs-market-page-meta-item:nth-child(even)
	.vhs-market-page-meta-icon {
	border-color: rgba(255, 187, 0, 0.52);
	color: var(--vhs-orange);
	background: rgba(255, 187, 0, 0.055);
	text-shadow: 0 0 13px rgba(255, 187, 0, 0.6);
}

.vhs-market-page-meta-label {
	position: relative;
	z-index: 2;
	margin: 0 0 5px;
	color: var(--vhs-cyan);
	font-family: "Arial Narrow", "Roboto Condensed", sans-serif;
	font-size: 0.62rem;
	font-weight: 900;
	letter-spacing: 0.13em;
	line-height: 1.2;
	text-transform: uppercase;
	text-shadow: 0 0 11px rgba(0, 229, 255, 0.38);
}

.vhs-market-page-meta-item:nth-child(even)
	.vhs-market-page-meta-label {
	color: var(--vhs-orange);
	text-shadow: 0 0 11px rgba(255, 187, 0, 0.4);
}

.vhs-market-page-meta-value {
	position: relative;
	z-index: 2;
	margin: 0;
	color: var(--vhs-white);
	font-family: "Arial Narrow", "Roboto Condensed", sans-serif;
	font-size: 0.82rem;
	font-weight: 850;
	letter-spacing: 0.04em;
	line-height: 1.4;
	text-transform: uppercase;
	overflow-wrap: anywhere;
}

/* ==========================================================
   JAK BURZA FUNGUJE
   ========================================================== */

.vhs-market-how-section {
	padding-top: clamp(100px, 10vw, 155px);
	padding-bottom: clamp(100px, 10vw, 155px);
}

.vhs-market-how-heading {
	margin: 0 0 clamp(44px, 5vw, 66px);
}

.vhs-market-how-title {
	max-width: 12ch;
	margin-bottom: 25px;
	line-height: 1.1;
}

.vhs-market-how-title span {
	display: block;
	margin-bottom: 0.08em;
}

.vhs-market-how-intro {
	max-width: 720px;
	margin: 0;
	color: var(--vhs-muted);
	font-size: 1rem;
	line-height: 1.78;
}

.vhs-market-how-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: stretch;
	gap: 18px;
}

.vhs-market-how-card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: 330px;
	margin: 0;
	padding: 29px 27px;
	border: 1px solid rgba(170, 177, 197, 0.2);
	border-radius: 18px;
	background:
		linear-gradient(
			145deg,
			rgba(18, 25, 48, 0.93),
			rgba(6, 9, 21, 0.98)
		);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.035),
		0 21px 52px rgba(0, 0, 0, 0.32);
	overflow: hidden;
	transition:
		transform 190ms ease,
		border-color 190ms ease,
		box-shadow 190ms ease;
}

.vhs-market-how-card::before {
	position: absolute;
	top: 0;
	right: 23px;
	left: 23px;
	height: 2px;
	border-radius: 999px;
	background:
		linear-gradient(
			90deg,
			transparent,
			var(--vhs-cyan),
			transparent
		);
	box-shadow: 0 0 16px rgba(0, 229, 255, 0.45);
	content: "";
}

.vhs-market-how-card:nth-child(2)::before {
	background:
		linear-gradient(
			90deg,
			transparent,
			var(--vhs-pink),
			transparent
		);
	box-shadow: 0 0 16px rgba(255, 46, 166, 0.46);
}

.vhs-market-how-card:nth-child(3)::before {
	background:
		linear-gradient(
			90deg,
			transparent,
			var(--vhs-orange),
			transparent
		);
	box-shadow: 0 0 16px rgba(255, 187, 0, 0.46);
}

.vhs-market-how-card:hover {
	transform: translateY(-7px);
	border-color: rgba(0, 229, 255, 0.48);
	box-shadow:
		0 31px 72px rgba(0, 0, 0, 0.43),
		0 0 28px rgba(0, 229, 255, 0.09);
}

.vhs-market-how-card:nth-child(2):hover {
	border-color: rgba(255, 46, 166, 0.5);
	box-shadow:
		0 31px 72px rgba(0, 0, 0, 0.43),
		0 0 28px rgba(255, 46, 166, 0.1);
}

.vhs-market-how-card:nth-child(3):hover {
	border-color: rgba(255, 187, 0, 0.5);
	box-shadow:
		0 31px 72px rgba(0, 0, 0, 0.43),
		0 0 28px rgba(255, 187, 0, 0.1);
}

.vhs-market-how-number {
	margin: 0 0 54px;
	color: rgba(5, 7, 17, 0.25);
	-webkit-text-fill-color: rgba(5, 7, 17, 0.25);
	-webkit-text-stroke: 1.5px var(--vhs-cyan);
	font-family: "Arial Narrow", Impact, sans-serif;
	font-size: clamp(3.9rem, 5vw, 5.9rem);
	font-weight: 900;
	line-height: 0.8;
	text-shadow:
		0 0 5px rgba(0, 229, 255, 0.86),
		0 0 18px rgba(0, 229, 255, 0.4);
}

.vhs-market-how-card:nth-child(2)
	.vhs-market-how-number {
	-webkit-text-stroke-color: var(--vhs-pink);
	text-shadow:
		0 0 5px rgba(255, 46, 166, 0.86),
		0 0 18px rgba(255, 46, 166, 0.42);
}

.vhs-market-how-card:nth-child(3)
	.vhs-market-how-number {
	-webkit-text-stroke-color: var(--vhs-orange);
	text-shadow:
		0 0 5px rgba(255, 187, 0, 0.86),
		0 0 18px rgba(255, 187, 0, 0.42);
}

.vhs-market-how-card-title {
	margin: auto 0 14px;
	color: var(--vhs-white);
	font-family: "Arial Narrow", "Roboto Condensed", Impact, sans-serif;
	font-size: 1.25rem;
	font-weight: 900;
	letter-spacing: 0.045em;
	line-height: 1.2;
	text-transform: uppercase;
}

.vhs-market-how-card-text {
	margin: 0;
	color: var(--vhs-muted);
	font-size: 0.92rem;
	line-height: 1.7;
}

/* ==========================================================
   CO MŮŽETE NAJÍT
   ========================================================== */

.vhs-market-items-section,
.vhs-market-rules-section {
	position: relative;
	margin-right: -24px;
	margin-left: -24px;
	padding: clamp(100px, 10vw, 155px) 24px;
	border-top: 1px solid rgba(0, 229, 255, 0.11);
	border-bottom: 1px solid rgba(255, 46, 166, 0.11);
	background:
		radial-gradient(
			circle at 13% 22%,
			rgba(0, 229, 255, 0.11),
			transparent 36rem
		),
		radial-gradient(
			circle at 88% 73%,
			rgba(255, 46, 166, 0.11),
			transparent 38rem
		),
		linear-gradient(
			180deg,
			rgba(5, 8, 19, 0.99),
			rgba(9, 12, 27, 0.98),
			rgba(4, 6, 15, 0.99)
		);
	overflow: hidden;
	isolation: isolate;
}

.vhs-market-items-section::after,
.vhs-market-rules-section::after {
	position: absolute;
	z-index: -1;
	inset: 0;
	background:
		repeating-linear-gradient(
			0deg,
			rgba(255, 255, 255, 0.013) 0,
			rgba(255, 255, 255, 0.013) 1px,
			transparent 1px,
			transparent 6px
		);
	content: "";
	pointer-events: none;
}

.vhs-market-items-heading,
.vhs-market-rules-heading {
	margin-bottom: clamp(48px, 6vw, 72px) !important;
}

.vhs-market-items-heading > .vhs-market-items-intro,
.vhs-market-rules-heading > .vhs-market-rules-intro {
	grid-column: 2 !important;
	align-self: end !important;
	width: 100% !important;
	max-width: 480px !important;
	margin: 0 0 0.3rem auto !important;
	color: var(--vhs-muted);
	font-size: 1rem;
	line-height: 1.75;
}

.vhs-market-items-title,
.vhs-market-rules-title {
	width: 100%;
	max-width: 100%;
	margin-bottom: 0;
}

.vhs-market-items-title span,
.vhs-market-rules-title span {
	display: block;
	margin-bottom: 0.08em;
}

.vhs-market-items-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: stretch;
	gap: 18px;
}

.vhs-market-item-card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: 295px;
	margin: 0;
	padding: 27px 25px;
	border: 1px solid rgba(170, 177, 197, 0.2);
	border-radius: 17px;
	background:
		linear-gradient(
			145deg,
			rgba(18, 25, 48, 0.92),
			rgba(6, 9, 21, 0.98)
		);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.035),
		0 20px 50px rgba(0, 0, 0, 0.31);
	overflow: hidden;
	transition:
		transform 190ms ease,
		border-color 190ms ease,
		box-shadow 190ms ease;
}

.vhs-market-item-card::before {
	position: absolute;
	top: 0;
	right: 22px;
	left: 22px;
	height: 2px;
	border-radius: 999px;
	background:
		linear-gradient(
			90deg,
			transparent,
			var(--vhs-cyan),
			transparent
		);
	box-shadow: 0 0 15px rgba(0, 229, 255, 0.45);
	content: "";
}

.vhs-market-item-card:nth-child(even)::before {
	background:
		linear-gradient(
			90deg,
			transparent,
			var(--vhs-pink),
			transparent
		);
	box-shadow: 0 0 15px rgba(255, 46, 166, 0.46);
}

.vhs-market-item-card:nth-child(3n)::before {
	background:
		linear-gradient(
			90deg,
			transparent,
			var(--vhs-orange),
			transparent
		);
	box-shadow: 0 0 15px rgba(255, 187, 0, 0.46);
}

.vhs-market-item-card:hover {
	transform: translateY(-7px);
	border-color: rgba(0, 229, 255, 0.48);
	box-shadow:
		0 30px 70px rgba(0, 0, 0, 0.43),
		0 0 27px rgba(0, 229, 255, 0.09);
}

.vhs-market-item-icon {
	display: grid;
	align-items: center;
	justify-items: center;
	width: 60px;
	height: 60px;
	margin: 0 0 46px;
	border: 1px solid rgba(0, 229, 255, 0.5);
	border-radius: 14px;
	color: var(--vhs-cyan);
	background: rgba(0, 229, 255, 0.055);
	box-shadow:
		inset 0 0 16px rgba(0, 229, 255, 0.07),
		0 0 19px rgba(0, 229, 255, 0.13);
	font-size: 1.5rem;
	font-weight: 900;
	line-height: 1;
	text-shadow: 0 0 15px rgba(0, 229, 255, 0.58);
}

.vhs-market-item-card:nth-child(even)
	.vhs-market-item-icon {
	border-color: rgba(255, 46, 166, 0.5);
	color: var(--vhs-pink);
	background: rgba(255, 46, 166, 0.055);
	text-shadow: 0 0 15px rgba(255, 46, 166, 0.6);
}

.vhs-market-item-card:nth-child(3n)
	.vhs-market-item-icon {
	border-color: rgba(255, 187, 0, 0.5);
	color: var(--vhs-orange);
	background: rgba(255, 187, 0, 0.055);
	text-shadow: 0 0 15px rgba(255, 187, 0, 0.6);
}

.vhs-market-item-title {
	margin: auto 0 14px;
	color: var(--vhs-white);
	font-family: "Arial Narrow", "Roboto Condensed", Impact, sans-serif;
	font-size: 1.18rem;
	font-weight: 900;
	letter-spacing: 0.04em;
	line-height: 1.2;
	text-transform: uppercase;
}

.vhs-market-item-text {
	margin: 0;
	color: var(--vhs-muted);
	font-size: 0.9rem;
	line-height: 1.68;
}

/* ==========================================================
   PRO PRODEJCE
   ========================================================== */

.vhs-market-sellers-section {
	padding-top: clamp(100px, 10vw, 160px);
	padding-bottom: clamp(100px, 10vw, 160px);
}

.vhs-market-sellers-grid {
	display: grid;
	grid-template-columns:
		minmax(400px, 1fr)
		minmax(0, 0.94fr);
	align-items: center;
	gap: clamp(50px, 7vw, 105px);
}

.vhs-market-sellers-visual {
	position: relative;
	min-height: 610px;
}

.vhs-market-sellers-screen {
	position: relative;
	display: grid;
	align-items: center;
	justify-items: center;
	min-height: 610px;
	padding: 38px;
	border: 1px solid rgba(255, 187, 0, 0.27);
	border-radius: 27px;
	background:
		repeating-linear-gradient(
			0deg,
			rgba(255, 255, 255, 0.017) 0,
			rgba(255, 255, 255, 0.017) 1px,
			transparent 1px,
			transparent 6px
		),
		radial-gradient(
			circle at 28% 30%,
			rgba(0, 229, 255, 0.18),
			transparent 44%
		),
		radial-gradient(
			circle at 78% 72%,
			rgba(255, 187, 0, 0.2),
			transparent 44%
		),
		linear-gradient(
			145deg,
			#111c36,
			#080b18 57%,
			#1a1012
		);
	box-shadow:
		inset 0 0 85px rgba(0, 0, 0, 0.54),
		0 28px 72px rgba(0, 0, 0, 0.4);
	overflow: hidden;
}

.vhs-market-sellers-screen::before {
	position: absolute;
	inset: 17px;
	border: 1px solid rgba(255, 187, 0, 0.11);
	border-radius: 16px;
	content: "";
}

.vhs-market-sellers-placeholder {
	position: relative;
	z-index: 2;
	max-width: 300px;
	margin: 0;
	padding: 14px 20px;
	border: 1px solid rgba(255, 187, 0, 0.54);
	border-radius: 8px;
	color: var(--vhs-orange);
	background: rgba(5, 7, 17, 0.84);
	box-shadow:
		inset 0 0 18px rgba(255, 187, 0, 0.04),
		0 0 22px rgba(255, 187, 0, 0.16);
	font-size: 0.7rem;
	font-weight: 900;
	letter-spacing: 0.11em;
	line-height: 1.4;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0 0 12px rgba(255, 187, 0, 0.55);
}

.vhs-market-sellers-screen img {
	position: absolute;
	z-index: 1;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.vhs-market-sellers-screen:has(img)
	.vhs-market-sellers-placeholder {
	display: none;
}

.vhs-market-sellers-title {
	margin-bottom: 30px;
}

.vhs-market-sellers-lead {
	margin: 0 0 21px;
	color: var(--vhs-white);
	font-size: 1.13rem;
	font-weight: 700;
	line-height: 1.75;
}

.vhs-market-sellers-text {
	margin: 0 0 28px;
	color: var(--vhs-muted);
	font-size: 0.98rem;
	line-height: 1.8;
}

.vhs-market-sellers-list {
	display: grid;
	margin: 0 0 34px;
	padding: 0;
	list-style: none;
	gap: 14px;
}

.vhs-market-sellers-list li {
	position: relative;
	margin: 0;
	padding-left: 27px;
	color: var(--vhs-white);
	font-size: 0.93rem;
	line-height: 1.6;
}

.vhs-market-sellers-list li::before {
	position: absolute;
	top: 0.67em;
	left: 1px;
	width: 9px;
	height: 9px;
	border: 1px solid var(--vhs-orange);
	background: rgba(255, 187, 0, 0.08);
	box-shadow: 0 0 11px rgba(255, 187, 0, 0.42);
	content: "";
	transform: translateY(-50%) rotate(45deg);
}

/* ==========================================================
   PRAVIDLA BURZY
   ========================================================== */

.vhs-market-rules-section {
	border-top-color: rgba(255, 187, 0, 0.12);
}

.vhs-market-rules-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: stretch;
	gap: 18px;
}

.vhs-market-rule-card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: 285px;
	margin: 0;
	padding: 27px 25px;
	border: 1px solid rgba(170, 177, 197, 0.2);
	border-radius: 17px;
	background:
		linear-gradient(
			145deg,
			rgba(18, 25, 48, 0.92),
			rgba(6, 9, 21, 0.98)
		);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.035),
		0 20px 50px rgba(0, 0, 0, 0.31);
	overflow: hidden;
	transition:
		transform 190ms ease,
		border-color 190ms ease,
		box-shadow 190ms ease;
}

.vhs-market-rule-card::before {
	position: absolute;
	top: 0;
	right: 22px;
	left: 22px;
	height: 2px;
	background:
		linear-gradient(
			90deg,
			transparent,
			var(--vhs-cyan),
			transparent
		);
	box-shadow: 0 0 15px rgba(0, 229, 255, 0.45);
	content: "";
}

.vhs-market-rule-card:nth-child(even)::before {
	background:
		linear-gradient(
			90deg,
			transparent,
			var(--vhs-pink),
			transparent
		);
	box-shadow: 0 0 15px rgba(255, 46, 166, 0.46);
}

.vhs-market-rule-card:nth-child(3n)::before {
	background:
		linear-gradient(
			90deg,
			transparent,
			var(--vhs-orange),
			transparent
		);
	box-shadow: 0 0 15px rgba(255, 187, 0, 0.46);
}

.vhs-market-rule-card:hover {
	transform: translateY(-6px);
	border-color: rgba(0, 229, 255, 0.46);
	box-shadow:
		0 29px 68px rgba(0, 0, 0, 0.42),
		0 0 26px rgba(0, 229, 255, 0.09);
}

.vhs-market-rule-number {
	margin: 0 0 43px;
	color: rgba(5, 7, 17, 0.25);
	-webkit-text-fill-color: rgba(5, 7, 17, 0.25);
	-webkit-text-stroke: 1.4px var(--vhs-cyan);
	font-family: "Arial Narrow", Impact, sans-serif;
	font-size: clamp(3.6rem, 4.5vw, 5.4rem);
	font-weight: 900;
	line-height: 0.8;
	text-shadow:
		0 0 5px rgba(0, 229, 255, 0.84),
		0 0 17px rgba(0, 229, 255, 0.39);
}

.vhs-market-rule-card:nth-child(even)
	.vhs-market-rule-number {
	-webkit-text-stroke-color: var(--vhs-pink);
	text-shadow:
		0 0 5px rgba(255, 46, 166, 0.84),
		0 0 17px rgba(255, 46, 166, 0.4);
}

.vhs-market-rule-card:nth-child(3n)
	.vhs-market-rule-number {
	-webkit-text-stroke-color: var(--vhs-orange);
	text-shadow:
		0 0 5px rgba(255, 187, 0, 0.84),
		0 0 17px rgba(255, 187, 0, 0.4);
}

.vhs-market-rule-title {
	margin: auto 0 14px;
	color: var(--vhs-white);
	font-family: "Arial Narrow", "Roboto Condensed", Impact, sans-serif;
	font-size: 1.16rem;
	font-weight: 900;
	letter-spacing: 0.04em;
	line-height: 1.2;
	text-transform: uppercase;
}

.vhs-market-rule-text {
	margin: 0;
	color: var(--vhs-muted);
	font-size: 0.9rem;
	line-height: 1.68;
}

/* ==========================================================
   PRAKTICKÉ INFORMACE
   ========================================================== */

.vhs-market-practical-section {
	padding-top: clamp(100px, 10vw, 155px);
	padding-bottom: clamp(70px, 8vw, 110px);
}

.vhs-market-practical-title {
	max-width: 12ch;
	margin-bottom: clamp(44px, 5vw, 64px);
	line-height: 1.1;
}

.vhs-market-practical-title span {
	display: block;
	margin-bottom: 0.08em;
}

.vhs-market-practical-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	align-items: stretch;
	gap: 17px;
}

.vhs-market-practical-card {
	position: relative;
	min-height: 245px;
	margin: 0;
	padding: 27px 24px;
	border: 1px solid rgba(170, 177, 197, 0.2);
	border-radius: 17px;
	background:
		linear-gradient(
			145deg,
			rgba(18, 25, 48, 0.92),
			rgba(6, 9, 21, 0.98)
		);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.035),
		0 20px 50px rgba(0, 0, 0, 0.31);
	overflow: hidden;
}

.vhs-market-practical-card::before {
	position: absolute;
	top: 0;
	right: 22px;
	left: 22px;
	height: 2px;
	background:
		linear-gradient(
			90deg,
			transparent,
			var(--vhs-cyan),
			transparent
		);
	box-shadow: 0 0 15px rgba(0, 229, 255, 0.45);
	content: "";
}

.vhs-market-practical-card:nth-child(even)::before {
	background:
		linear-gradient(
			90deg,
			transparent,
			var(--vhs-pink),
			transparent
		);
	box-shadow: 0 0 15px rgba(255, 46, 166, 0.46);
}

.vhs-market-practical-label {
	margin: 0 0 43px;
	color: var(--vhs-cyan);
	font-size: 0.63rem;
	font-weight: 900;
	letter-spacing: 0.14em;
	line-height: 1.3;
	text-transform: uppercase;
	text-shadow: 0 0 11px rgba(0, 229, 255, 0.4);
}

.vhs-market-practical-card:nth-child(even)
	.vhs-market-practical-label {
	color: var(--vhs-pink);
	text-shadow: 0 0 11px rgba(255, 46, 166, 0.42);
}

.vhs-market-practical-value {
	margin: 0 0 14px;
	color: var(--vhs-white);
	font-family: "Arial Narrow", "Roboto Condensed", Impact, sans-serif;
	font-size: 1.2rem;
	font-weight: 900;
	letter-spacing: 0.035em;
	line-height: 1.2;
	text-transform: uppercase;
}

.vhs-market-practical-text {
	margin: 0;
	color: var(--vhs-muted);
	font-size: 0.88rem;
	line-height: 1.68;
}

/* ==========================================================
   ZÁVĚREČNÁ VÝZVA
   ========================================================== */

.vhs-market-cta-section {
	padding-top: clamp(40px, 5vw, 75px);
	padding-bottom: clamp(100px, 10vw, 155px);
}

.vhs-market-cta-card {
	position: relative;
	padding: clamp(52px, 7vw, 90px);
	border: 1px solid rgba(255, 187, 0, 0.37);
	border-radius: 28px;
	background:
		radial-gradient(
			circle at 14% 35%,
			rgba(0, 229, 255, 0.13),
			transparent 25rem
		),
		radial-gradient(
			circle at 88% 60%,
			rgba(255, 187, 0, 0.15),
			transparent 28rem
		),
		linear-gradient(
			145deg,
			rgba(16, 24, 47, 0.96),
			rgba(7, 9, 21, 0.99)
		);
	box-shadow:
		0 32px 85px rgba(0, 0, 0, 0.43),
		0 0 36px rgba(255, 187, 0, 0.08);
	text-align: center;
	overflow: hidden;
}

.vhs-market-cta-kicker {
	margin: 0 0 18px;
	color: var(--vhs-orange);
	font-size: 0.69rem;
	font-weight: 900;
	letter-spacing: 0.14em;
	line-height: 1.3;
	text-transform: uppercase;
	text-shadow: 0 0 13px rgba(255, 187, 0, 0.42);
}

.vhs-market-cta-title {
	max-width: 900px;
	margin: 0 auto 25px;
	color: var(--vhs-white);
	font-family: "Arial Narrow", "Roboto Condensed", Impact, sans-serif;
	font-size: clamp(2.7rem, 5vw, 5.5rem);
	font-weight: 900;
	letter-spacing: -0.025em;
	line-height: 1.03;
	text-transform: uppercase;
	text-wrap: balance;
}

.vhs-market-cta-text {
	max-width: 720px;
	margin: 0 auto 34px;
	color: var(--vhs-muted);
	font-size: 1rem;
	line-height: 1.75;
}

.vhs-market-cta-buttons {
	justify-content: center;
	gap: 13px;
}

/* ==========================================================
   TABLETY
   ========================================================== */

@media (max-width: 1050px) {
	.vhs-market-items-grid,
	.vhs-market-rules-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.vhs-market-practical-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 850px) {
	.vhs-market-how-grid,
	.vhs-market-sellers-grid {
		grid-template-columns: 1fr;
	}

	.vhs-market-how-card {
		min-height: 285px;
	}

	.vhs-market-sellers-visual,
	.vhs-market-sellers-screen {
		min-height: 500px;
	}

	.vhs-market-items-heading > .vhs-market-items-intro,
	.vhs-market-rules-heading > .vhs-market-rules-intro {
		grid-column: 1 !important;
		max-width: 680px !important;
		margin-right: 0 !important;
		margin-left: 0 !important;
	}
}

/* ==========================================================
   MOBILNÍ TELEFONY
   ========================================================== */

@media (max-width: 620px) {
	#jak-burza-funguje,
	#pravidla-burzy {
		scroll-margin-top: 82px;
	}

	.vhs-market-how-section,
	.vhs-market-items-wrap,
	.vhs-market-sellers-section,
	.vhs-market-rules-wrap,
	.vhs-market-practical-section,
	.vhs-market-cta-section {
		width: min(100% - 28px, 1180px);
	}

	.vhs-market-items-section,
	.vhs-market-rules-section {
		margin-right: -18px;
		margin-left: -18px;
		padding-right: 18px;
		padding-left: 18px;
	}

	.vhs-market-page-title {
		max-width: 100%;
	}

	.vhs-market-page-meta {
		grid-template-columns: 1fr;
	}

	.vhs-market-how-title,
	.vhs-market-practical-title {
		max-width: 100%;
	}

	.vhs-market-how-grid,
	.vhs-market-items-grid,
	.vhs-market-rules-grid,
	.vhs-market-practical-grid {
		grid-template-columns: 1fr;
	}

	.vhs-market-how-card {
		min-height: 270px;
	}

	.vhs-market-how-number {
		margin-bottom: 39px;
	}

	.vhs-market-item-card,
	.vhs-market-rule-card {
		min-height: 260px;
	}

	.vhs-market-item-icon {
		margin-bottom: 37px;
	}

	.vhs-market-sellers-visual,
	.vhs-market-sellers-screen {
		min-height: 390px;
	}

	.vhs-market-sellers-buttons .wp-block-button,
	.vhs-market-sellers-buttons .wp-block-button__link {
		width: 100%;
		box-sizing: border-box;
		text-align: center;
	}

	.vhs-market-practical-card {
		min-height: 220px;
	}

	.vhs-market-cta-card {
		padding: 45px 23px;
		border-radius: 21px;
	}

	.vhs-market-cta-title {
		font-size: clamp(2.45rem, 12vw, 4.2rem);
	}

	.vhs-market-cta-buttons .wp-block-button,
	.vhs-market-cta-buttons .wp-block-button__link {
		width: 100%;
		box-sizing: border-box;
		text-align: center;
	}
}
/* ==========================================================
   PODSTRÁNKA PRAKTICKÉ INFORMACE
   ========================================================== */

/* ZÁKLADNÍ ŠÍŘKY A KOTVY */

.vhs-practical-overview-section,
.vhs-practical-location-wrap,
.vhs-practical-before-section,
.vhs-practical-services-wrap,
.vhs-practical-rules-section,
.vhs-practical-faq-wrap,
.vhs-practical-cta-section {
	width: min(1180px, calc(100% - 48px));
	max-width: 1180px;
	margin-right: auto;
	margin-left: auto;
	box-sizing: border-box;
}

#rychly-prehled,
#casto-kladene-dotazy {
	scroll-margin-top: 110px;
}

/* ==========================================================
   HERO – PRAKTICKÉ INFORMACE
   ========================================================== */

.vhs-practical-page-title {
	max-width: 12ch;
}

.vhs-practical-page-title span {
	display: block;
	margin-bottom: 0.08em;
}

.vhs-practical-page-screen {
	border-color: rgba(0, 229, 255, 0.3);
	background:
		repeating-linear-gradient(
			0deg,
			rgba(255, 255, 255, 0.018) 0,
			rgba(255, 255, 255, 0.018) 1px,
			transparent 1px,
			transparent 6px
		),
		linear-gradient(
			90deg,
			transparent 49.7%,
			rgba(0, 229, 255, 0.08) 50%,
			transparent 50.3%
		),
		radial-gradient(
			circle at 27% 29%,
			rgba(0, 229, 255, 0.2),
			transparent 44%
		),
		radial-gradient(
			circle at 77% 71%,
			rgba(255, 46, 166, 0.2),
			transparent 45%
		),
		radial-gradient(
			circle at 75% 25%,
			rgba(255, 187, 0, 0.1),
			transparent 35%
		),
		linear-gradient(
			145deg,
			#111c36,
			#080b18 57%,
			#170b1c
		);
	box-shadow:
		inset 0 0 95px rgba(0, 0, 0, 0.58),
		0 30px 85px rgba(0, 0, 0, 0.44),
		0 0 44px rgba(0, 229, 255, 0.09);
}

/* TERMÍN A MÍSTO V HERO ČÁSTI */

.vhs-practical-page-meta {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin: 0 0 32px;
	gap: 13px;
}

.vhs-practical-page-meta-item {
	position: relative;
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr);
	align-items: center;
	margin: 0;
	padding: 15px 17px;
	border: 1px solid rgba(170, 177, 197, 0.19);
	border-radius: 13px;
	background:
		linear-gradient(
			145deg,
			rgba(18, 25, 48, 0.83),
			rgba(6, 9, 21, 0.93)
		);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.03),
		0 14px 34px rgba(0, 0, 0, 0.23);
	gap: 14px;
	overflow: hidden;
}

.vhs-practical-page-meta-item::after {
	position: absolute;
	right: -45px;
	bottom: -60px;
	width: 110px;
	height: 110px;
	border-radius: 50%;
	background: rgba(0, 229, 255, 0.08);
	filter: blur(27px);
	content: "";
	pointer-events: none;
}

.vhs-practical-page-meta-item:nth-child(even)::after {
	background: rgba(255, 46, 166, 0.09);
}

.vhs-practical-page-meta-icon {
	position: relative;
	z-index: 2;
	display: grid;
	align-items: center;
	justify-items: center;
	width: 48px;
	height: 48px;
	margin: 0;
	border: 1px solid rgba(0, 229, 255, 0.5);
	border-radius: 11px;
	color: var(--vhs-cyan);
	background: rgba(0, 229, 255, 0.055);
	box-shadow:
		inset 0 0 14px rgba(0, 229, 255, 0.07),
		0 0 16px rgba(0, 229, 255, 0.12);
	font-family: "Arial Narrow", Impact, sans-serif;
	font-size: 1.35rem;
	font-weight: 900;
	line-height: 1;
	text-shadow: 0 0 13px rgba(0, 229, 255, 0.58);
}

.vhs-practical-page-meta-item:nth-child(even)
	.vhs-practical-page-meta-icon {
	border-color: rgba(255, 46, 166, 0.5);
	color: var(--vhs-pink);
	background: rgba(255, 46, 166, 0.055);
	text-shadow: 0 0 13px rgba(255, 46, 166, 0.6);
}

.vhs-practical-page-meta-label {
	position: relative;
	z-index: 2;
	margin: 0 0 5px;
	color: var(--vhs-cyan);
	font-family: "Arial Narrow", "Roboto Condensed", sans-serif;
	font-size: 0.62rem;
	font-weight: 900;
	letter-spacing: 0.13em;
	line-height: 1.2;
	text-transform: uppercase;
	text-shadow: 0 0 11px rgba(0, 229, 255, 0.38);
}

.vhs-practical-page-meta-item:nth-child(even)
	.vhs-practical-page-meta-label {
	color: var(--vhs-pink);
	text-shadow: 0 0 11px rgba(255, 46, 166, 0.4);
}

.vhs-practical-page-meta-value {
	position: relative;
	z-index: 2;
	margin: 0;
	color: var(--vhs-white);
	font-family: "Arial Narrow", "Roboto Condensed", sans-serif;
	font-size: 0.82rem;
	font-weight: 850;
	letter-spacing: 0.04em;
	line-height: 1.4;
	text-transform: uppercase;
	overflow-wrap: anywhere;
}

/* ==========================================================
   RYCHLÝ PŘEHLED
   ========================================================== */

.vhs-practical-overview-section {
	padding-top: clamp(100px, 10vw, 155px);
	padding-bottom: clamp(100px, 10vw, 155px);
}

.vhs-practical-overview-heading {
	display: grid;
	grid-template-columns:
		minmax(0, 1.25fr)
		minmax(280px, 0.55fr);
	align-items: end;
	margin: 0 0 clamp(48px, 6vw, 72px);
	column-gap: clamp(34px, 4vw, 58px);
	row-gap: 18px;
}

.vhs-practical-overview-heading > * {
	min-width: 0;
	max-width: 100%;
}

.vhs-practical-overview-heading > .vhs-section-kicker {
	grid-column: 1 / -1;
	margin-bottom: 0;
}

.vhs-practical-overview-title {
	grid-column: 1;
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding-top: 0.14em;
	font-size: var(--vhs-split-heading-size);
	line-height: 1.08;
	text-wrap: balance;
}

.vhs-practical-overview-title span {
	display: block;
	margin-bottom: 0.08em;
}

.vhs-practical-overview-intro {
	grid-column: 2;
	align-self: end;
	width: 100%;
	max-width: 480px;
	margin: 0 0 0.3rem auto;
	color: var(--vhs-muted);
	font-size: 1rem;
	line-height: 1.75;
}

.vhs-practical-overview-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	align-items: stretch;
	gap: 17px;
}

.vhs-practical-overview-card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	min-height: 310px;
	margin: 0;
	padding: 27px 24px;
	border: 1px solid rgba(170, 177, 197, 0.2);
	border-radius: 17px;
	background:
		linear-gradient(
			145deg,
			rgba(18, 25, 48, 0.93),
			rgba(6, 9, 21, 0.98)
		);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.035),
		0 20px 50px rgba(0, 0, 0, 0.31);
	overflow: hidden;
	transition:
		transform 190ms ease,
		border-color 190ms ease,
		box-shadow 190ms ease;
}

.vhs-practical-overview-card::before {
	position: absolute;
	top: 0;
	right: 22px;
	left: 22px;
	height: 2px;
	border-radius: 999px;
	background:
		linear-gradient(
			90deg,
			transparent,
			var(--vhs-cyan),
			transparent
		);
	box-shadow: 0 0 15px rgba(0, 229, 255, 0.45);
	content: "";
}

.vhs-practical-overview-card:nth-child(even)::before {
	background:
		linear-gradient(
			90deg,
			transparent,
			var(--vhs-pink),
			transparent
		);
	box-shadow: 0 0 15px rgba(255, 46, 166, 0.46);
}

.vhs-practical-overview-card:nth-child(4)::before {
	background:
		linear-gradient(
			90deg,
			transparent,
			var(--vhs-orange),
			transparent
		);
	box-shadow: 0 0 15px rgba(255, 187, 0, 0.46);
}

.vhs-practical-overview-card:hover {
	transform: translateY(-7px);
	border-color: rgba(0, 229, 255, 0.48);
	box-shadow:
		0 30px 70px rgba(0, 0, 0, 0.43),
		0 0 27px rgba(0, 229, 255, 0.09);
}

.vhs-practical-overview-card:nth-child(even):hover {
	border-color: rgba(255, 46, 166, 0.5);
	box-shadow:
		0 30px 70px rgba(0, 0, 0, 0.43),
		0 0 27px rgba(255, 46, 166, 0.1);
}

.vhs-practical-overview-card:nth-child(4):hover {
	border-color: rgba(255, 187, 0, 0.5);
	box-shadow:
		0 30px 70px rgba(0, 0, 0, 0.43),
		0 0 27px rgba(255, 187, 0, 0.1);
}

.vhs-practical-overview-icon {
	display: grid;
	align-items: center;
	justify-items: center;
	width: 60px;
	height: 60px;
	margin: 0 0 44px;
	border: 1px solid rgba(0, 229, 255, 0.5);
	border-radius: 14px;
	color: var(--vhs-cyan);
	background: rgba(0, 229, 255, 0.055);
	box-shadow:
		inset 0 0 16px rgba(0, 229, 255, 0.07),
		0 0 19px rgba(0, 229, 255, 0.13);
	font-size: 1.5rem;
	font-weight: 900;
	line-height: 1;
	text-shadow: 0 0 15px rgba(0, 229, 255, 0.58);
}

.vhs-practical-overview-card:nth-child(even)
	.vhs-practical-overview-icon {
	border-color: rgba(255, 46, 166, 0.5);
	color: var(--vhs-pink);
	background: rgba(255, 46, 166, 0.055);
	text-shadow: 0 0 15px rgba(255, 46, 166, 0.6);
}

.vhs-practical-overview-card:nth-child(4)
	.vhs-practical-overview-icon {
	border-color: rgba(255, 187, 0, 0.5);
	color: var(--vhs-orange);
	background: rgba(255, 187, 0, 0.055);
	text-shadow: 0 0 15px rgba(255, 187, 0, 0.6);
}

.vhs-practical-overview-label {
	margin: auto 0 10px;
	color: var(--vhs-cyan);
	font-size: 0.63rem;
	font-weight: 900;
	letter-spacing: 0.14em;
	line-height: 1.3;
	text-transform: uppercase;
	text-shadow: 0 0 11px rgba(0, 229, 255, 0.4);
}

.vhs-practical-overview-card:nth-child(even)
	.vhs-practical-overview-label {
	color: var(--vhs-pink);
	text-shadow: 0 0 11px rgba(255, 46, 166, 0.42);
}

.vhs-practical-overview-card:nth-child(4)
	.vhs-practical-overview-label {
	color: var(--vhs-orange);
	text-shadow: 0 0 11px rgba(255, 187, 0, 0.42);
}

.vhs-practical-overview-value {
	margin: 0 0 14px;
	color: var(--vhs-white);
	font-family: "Arial Narrow", "Roboto Condensed", Impact, sans-serif;
	font-size: 1.24rem;
	font-weight: 900;
	letter-spacing: 0.035em;
	line-height: 1.2;
	text-transform: uppercase;
	overflow-wrap: anywhere;
}

.vhs-practical-overview-text {
	margin: 0;
	color: var(--vhs-muted);
	font-size: 0.89rem;
	line-height: 1.68;
}

/* ==========================================================
   SPOLEČNÉ TMAVÉ CELOŠÍŘKOVÉ SEKCE
   ========================================================== */

.vhs-practical-location-section,
.vhs-practical-services-section,
.vhs-practical-faq-section {
	position: relative;
	margin-right: -24px;
	margin-left: -24px;
	padding: clamp(100px, 10vw, 155px) 24px;
	border-top: 1px solid rgba(0, 229, 255, 0.11);
	border-bottom: 1px solid rgba(255, 46, 166, 0.11);
	background:
		radial-gradient(
			circle at 13% 22%,
			rgba(0, 229, 255, 0.11),
			transparent 36rem
		),
		radial-gradient(
			circle at 88% 73%,
			rgba(255, 46, 166, 0.11),
			transparent 38rem
		),
		linear-gradient(
			180deg,
			rgba(5, 8, 19, 0.99),
			rgba(9, 12, 27, 0.98),
			rgba(4, 6, 15, 0.99)
		);
	overflow: hidden;
	isolation: isolate;
}

.vhs-practical-location-section::after,
.vhs-practical-services-section::after,
.vhs-practical-faq-section::after {
	position: absolute;
	z-index: -1;
	inset: 0;
	background:
		repeating-linear-gradient(
			0deg,
			rgba(255, 255, 255, 0.013) 0,
			rgba(255, 255, 255, 0.013) 1px,
			transparent 1px,
			transparent 6px
		);
	content: "";
	pointer-events: none;
}

.vhs-practical-location-heading,
.vhs-practical-services-heading,
.vhs-practical-faq-heading {
	margin-bottom: clamp(48px, 6vw, 72px) !important;
}

.vhs-practical-location-heading
	> .vhs-practical-location-intro,
.vhs-practical-services-heading
	> .vhs-practical-services-intro,
.vhs-practical-faq-heading
	> .vhs-practical-faq-intro {
	grid-column: 2 !important;
	align-self: end !important;
	width: 100% !important;
	max-width: 480px !important;
	margin: 0 0 0.3rem auto !important;
	color: var(--vhs-muted);
	font-size: 1rem;
	line-height: 1.75;
}

.vhs-practical-location-title,
.vhs-practical-services-title,
.vhs-practical-faq-title {
	width: 100%;
	max-width: 100%;
	margin-bottom: 0;
}

.vhs-practical-location-title span,
.vhs-practical-services-title span,
.vhs-practical-faq-title span {
	display: block;
	margin-bottom: 0.08em;
}

/* ==========================================================
   MÍSTO KONÁNÍ A DOPRAVA
   ========================================================== */

.vhs-practical-location-grid {
	display: grid;
	grid-template-columns:
		minmax(390px, 1fr)
		minmax(0, 0.95fr);
	align-items: stretch;
	gap: clamp(42px, 6vw, 85px);
}

.vhs-practical-map {
	position: relative;
	display: grid;
	align-items: center;
	justify-items: center;
	min-height: 600px;
	margin: 0;
	padding: 38px;
	border: 1px solid rgba(0, 229, 255, 0.27);
	border-radius: 27px;
	background:
		repeating-linear-gradient(
			0deg,
			rgba(255, 255, 255, 0.017) 0,
			rgba(255, 255, 255, 0.017) 1px,
			transparent 1px,
			transparent 6px
		),
		linear-gradient(
			90deg,
			transparent 49.7%,
			rgba(0, 229, 255, 0.075) 50%,
			transparent 50.3%
		),
		radial-gradient(
			circle at 28% 30%,
			rgba(0, 229, 255, 0.18),
			transparent 44%
		),
		radial-gradient(
			circle at 78% 72%,
			rgba(255, 46, 166, 0.18),
			transparent 44%
		),
		linear-gradient(
			145deg,
			#111c36,
			#080b18 57%,
			#180a1d
		);
	box-shadow:
		inset 0 0 85px rgba(0, 0, 0, 0.54),
		0 28px 72px rgba(0, 0, 0, 0.4);
	overflow: hidden;
}

.vhs-practical-map::before {
	position: absolute;
	inset: 17px;
	border: 1px solid rgba(0, 229, 255, 0.11);
	border-radius: 16px;
	content: "";
	pointer-events: none;
}

.vhs-practical-map-label {
	position: relative;
	z-index: 2;
	max-width: 310px;
	margin: 0;
	padding: 14px 20px;
	border: 1px solid rgba(0, 229, 255, 0.54);
	border-radius: 8px;
	color: var(--vhs-cyan);
	background: rgba(5, 7, 17, 0.84);
	box-shadow:
		inset 0 0 18px rgba(0, 229, 255, 0.04),
		0 0 22px rgba(0, 229, 255, 0.16);
	font-size: 0.7rem;
	font-weight: 900;
	letter-spacing: 0.11em;
	line-height: 1.4;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0 0 12px rgba(0, 229, 255, 0.55);
}

.vhs-practical-map iframe,
.vhs-practical-map img {
	position: absolute;
	z-index: 1;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
	object-fit: cover;
}

.vhs-practical-map:has(iframe)
	.vhs-practical-map-label,
.vhs-practical-map:has(img)
	.vhs-practical-map-label {
	display: none;
}

.vhs-practical-location-copy {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-width: 0;
}

.vhs-practical-location-status {
	width: fit-content;
	max-width: 100%;
	margin: 0 0 22px;
	padding: 8px 12px;
	border: 1px solid rgba(255, 187, 0, 0.42);
	border-radius: 999px;
	color: var(--vhs-orange);
	background: rgba(255, 187, 0, 0.06);
	font-size: 0.64rem;
	font-weight: 900;
	letter-spacing: 0.13em;
	line-height: 1.35;
	text-transform: uppercase;
	text-shadow: 0 0 12px rgba(255, 187, 0, 0.4);
}

.vhs-practical-location-name {
	margin: 0 0 18px;
	color: var(--vhs-white);
	font-family: "Arial Narrow", "Roboto Condensed", Impact, sans-serif;
	font-size: clamp(2.7rem, 4.7vw, 5.5rem);
	font-weight: 900;
	letter-spacing: -0.035em;
	line-height: 0.98;
	text-transform: uppercase;
	text-wrap: balance;
	overflow-wrap: anywhere;
}

.vhs-practical-location-address {
	margin: 0 0 22px;
	color: var(--vhs-cyan);
	font-family: "Arial Narrow", "Roboto Condensed", sans-serif;
	font-size: 0.9rem;
	font-weight: 900;
	letter-spacing: 0.08em;
	line-height: 1.5;
	text-transform: uppercase;
	text-shadow: 0 0 11px rgba(0, 229, 255, 0.38);
}

.vhs-practical-location-text {
	margin: 0 0 31px;
	color: var(--vhs-muted);
	font-size: 0.98rem;
	line-height: 1.8;
}

.vhs-practical-transport-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 13px;
}

.vhs-practical-transport-card {
	position: relative;
	min-width: 0;
	margin: 0;
	padding: 21px 19px;
	border: 1px solid rgba(170, 177, 197, 0.19);
	border-radius: 14px;
	background:
		linear-gradient(
			145deg,
			rgba(18, 25, 48, 0.75),
			rgba(6, 9, 21, 0.9)
		);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.03),
		0 15px 35px rgba(0, 0, 0, 0.24);
}

.vhs-practical-transport-card:nth-child(even) {
	border-color: rgba(255, 46, 166, 0.22);
}

.vhs-practical-transport-icon {
	display: grid;
	align-items: center;
	justify-items: center;
	width: 48px;
	height: 48px;
	margin: 0 0 21px;
	border: 1px solid rgba(0, 229, 255, 0.48);
	border-radius: 11px;
	color: var(--vhs-cyan);
	background: rgba(0, 229, 255, 0.055);
	font-size: 0.72rem;
	font-weight: 900;
	letter-spacing: 0.04em;
	line-height: 1;
	text-shadow: 0 0 11px rgba(0, 229, 255, 0.5);
}

.vhs-practical-transport-card:nth-child(even)
	.vhs-practical-transport-icon {
	border-color: rgba(255, 46, 166, 0.48);
	color: var(--vhs-pink);
	background: rgba(255, 46, 166, 0.055);
	text-shadow: 0 0 11px rgba(255, 46, 166, 0.52);
}

.vhs-practical-transport-title {
	margin: 0 0 11px;
	color: var(--vhs-white);
	font-family: "Arial Narrow", "Roboto Condensed", Impact, sans-serif;
	font-size: 1rem;
	font-weight: 900;
	letter-spacing: 0.04em;
	line-height: 1.2;
	text-transform: uppercase;
}

.vhs-practical-transport-text {
	margin: 0;
	color: var(--vhs-muted);
	font-size: 0.86rem;
	line-height: 1.65;
}

/* ==========================================================
   PŘED CESTOU
   ========================================================== */

.vhs-practical-before-section {
	padding-top: clamp(100px, 10vw, 155px);
	padding-bottom: clamp(100px, 10vw, 155px);
}

.vhs-practical-before-heading {
	margin: 0 0 clamp(44px, 5vw, 65px);
}

.vhs-practical-before-title {
	max-width: 11ch;
	margin: 0;
	line-height: 1.1;
}

.vhs-practical-before-title span {
	display: block;
	margin-bottom: 0.08em;
}

.vhs-practical-before-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: stretch;
	gap: 18px;
}

.vhs-practical-before-card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: 330px;
	margin: 0;
	padding: 29px 27px;
	border: 1px solid rgba(170, 177, 197, 0.2);
	border-radius: 18px;
	background:
		linear-gradient(
			145deg,
			rgba(18, 25, 48, 0.93),
			rgba(6, 9, 21, 0.98)
		);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.035),
		0 21px 52px rgba(0, 0, 0, 0.32);
	overflow: hidden;
	transition:
		transform 190ms ease,
		border-color 190ms ease,
		box-shadow 190ms ease;
}

.vhs-practical-before-card::before {
	position: absolute;
	top: 0;
	right: 23px;
	left: 23px;
	height: 2px;
	border-radius: 999px;
	background:
		linear-gradient(
			90deg,
			transparent,
			var(--vhs-cyan),
			transparent
		);
	box-shadow: 0 0 16px rgba(0, 229, 255, 0.45);
	content: "";
}

.vhs-practical-before-card:nth-child(2)::before {
	background:
		linear-gradient(
			90deg,
			transparent,
			var(--vhs-pink),
			transparent
		);
	box-shadow: 0 0 16px rgba(255, 46, 166, 0.46);
}

.vhs-practical-before-card:nth-child(3)::before {
	background:
		linear-gradient(
			90deg,
			transparent,
			var(--vhs-orange),
			transparent
		);
	box-shadow: 0 0 16px rgba(255, 187, 0, 0.46);
}

.vhs-practical-before-card:hover {
	transform: translateY(-7px);
	border-color: rgba(0, 229, 255, 0.48);
	box-shadow:
		0 31px 72px rgba(0, 0, 0, 0.43),
		0 0 28px rgba(0, 229, 255, 0.09);
}

.vhs-practical-before-number {
	margin: 0 0 54px;
	color: rgba(5, 7, 17, 0.25);
	-webkit-text-fill-color: rgba(5, 7, 17, 0.25);
	-webkit-text-stroke: 1.5px var(--vhs-cyan);
	font-family: "Arial Narrow", Impact, sans-serif;
	font-size: clamp(3.9rem, 5vw, 5.9rem);
	font-weight: 900;
	line-height: 0.8;
	text-shadow:
		0 0 5px rgba(0, 229, 255, 0.86),
		0 0 18px rgba(0, 229, 255, 0.4);
}

.vhs-practical-before-card:nth-child(2)
	.vhs-practical-before-number {
	-webkit-text-stroke-color: var(--vhs-pink);
	text-shadow:
		0 0 5px rgba(255, 46, 166, 0.86),
		0 0 18px rgba(255, 46, 166, 0.42);
}

.vhs-practical-before-card:nth-child(3)
	.vhs-practical-before-number {
	-webkit-text-stroke-color: var(--vhs-orange);
	text-shadow:
		0 0 5px rgba(255, 187, 0, 0.86),
		0 0 18px rgba(255, 187, 0, 0.42);
}

.vhs-practical-before-card-title {
	margin: auto 0 14px;
	color: var(--vhs-white);
	font-family: "Arial Narrow", "Roboto Condensed", Impact, sans-serif;
	font-size: 1.22rem;
	font-weight: 900;
	letter-spacing: 0.04em;
	line-height: 1.2;
	text-transform: uppercase;
}

.vhs-practical-before-card-text {
	margin: 0;
	color: var(--vhs-muted);
	font-size: 0.91rem;
	line-height: 1.7;
}

/* ==========================================================
   SLUŽBY A PŘÍSTUPNOST
   ========================================================== */

.vhs-practical-services-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	align-items: stretch;
	gap: 17px;
}

.vhs-practical-service-card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: 285px;
	margin: 0;
	padding: 27px 24px;
	border: 1px solid rgba(170, 177, 197, 0.2);
	border-radius: 17px;
	background:
		linear-gradient(
			145deg,
			rgba(18, 25, 48, 0.92),
			rgba(6, 9, 21, 0.98)
		);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.035),
		0 20px 50px rgba(0, 0, 0, 0.31);
	overflow: hidden;
	transition:
		transform 190ms ease,
		border-color 190ms ease,
		box-shadow 190ms ease;
}

.vhs-practical-service-card::before {
	position: absolute;
	top: 0;
	right: 22px;
	left: 22px;
	height: 2px;
	background:
		linear-gradient(
			90deg,
			transparent,
			var(--vhs-cyan),
			transparent
		);
	box-shadow: 0 0 15px rgba(0, 229, 255, 0.45);
	content: "";
}

.vhs-practical-service-card:nth-child(even)::before {
	background:
		linear-gradient(
			90deg,
			transparent,
			var(--vhs-pink),
			transparent
		);
	box-shadow: 0 0 15px rgba(255, 46, 166, 0.46);
}

.vhs-practical-service-card:nth-child(3)::before {
	background:
		linear-gradient(
			90deg,
			transparent,
			var(--vhs-orange),
			transparent
		);
	box-shadow: 0 0 15px rgba(255, 187, 0, 0.46);
}

.vhs-practical-service-card:hover {
	transform: translateY(-7px);
	border-color: rgba(0, 229, 255, 0.48);
	box-shadow:
		0 30px 70px rgba(0, 0, 0, 0.43),
		0 0 27px rgba(0, 229, 255, 0.09);
}

.vhs-practical-service-icon {
	display: grid;
	align-items: center;
	justify-items: center;
	width: 62px;
	height: 62px;
	margin: 0 0 44px;
	border: 1px solid rgba(0, 229, 255, 0.5);
	border-radius: 14px;
	color: var(--vhs-cyan);
	background: rgba(0, 229, 255, 0.055);
	box-shadow:
		inset 0 0 16px rgba(0, 229, 255, 0.07),
		0 0 19px rgba(0, 229, 255, 0.13);
	font-family: "Arial Narrow", "Roboto Condensed", sans-serif;
	font-size: 1rem;
	font-weight: 900;
	letter-spacing: 0.03em;
	line-height: 1;
	text-shadow: 0 0 15px rgba(0, 229, 255, 0.58);
}

.vhs-practical-service-card:nth-child(even)
	.vhs-practical-service-icon {
	border-color: rgba(255, 46, 166, 0.5);
	color: var(--vhs-pink);
	background: rgba(255, 46, 166, 0.055);
	text-shadow: 0 0 15px rgba(255, 46, 166, 0.6);
}

.vhs-practical-service-card:nth-child(3)
	.vhs-practical-service-icon {
	border-color: rgba(255, 187, 0, 0.5);
	color: var(--vhs-orange);
	background: rgba(255, 187, 0, 0.055);
	text-shadow: 0 0 15px rgba(255, 187, 0, 0.6);
}

.vhs-practical-service-title {
	margin: auto 0 14px;
	color: var(--vhs-white);
	font-family: "Arial Narrow", "Roboto Condensed", Impact, sans-serif;
	font-size: 1.15rem;
	font-weight: 900;
	letter-spacing: 0.04em;
	line-height: 1.2;
	text-transform: uppercase;
}

.vhs-practical-service-text {
	margin: 0;
	color: var(--vhs-muted);
	font-size: 0.89rem;
	line-height: 1.68;
}

/* ==========================================================
   ZÁKLADNÍ PRAVIDLA NÁVŠTĚVY
   ========================================================== */

.vhs-practical-rules-section {
	padding-top: clamp(100px, 10vw, 155px);
	padding-bottom: clamp(100px, 10vw, 155px);
}

.vhs-practical-rules-title {
	max-width: 11ch;
	margin-bottom: clamp(44px, 5vw, 64px);
	line-height: 1.1;
}

.vhs-practical-rules-title span {
	display: block;
	margin-bottom: 0.08em;
}

.vhs-practical-rules-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	align-items: stretch;
	gap: 17px;
}

.vhs-practical-rule-card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: 285px;
	margin: 0;
	padding: 27px 24px;
	border: 1px solid rgba(170, 177, 197, 0.2);
	border-radius: 17px;
	background:
		linear-gradient(
			145deg,
			rgba(18, 25, 48, 0.92),
			rgba(6, 9, 21, 0.98)
		);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.035),
		0 20px 50px rgba(0, 0, 0, 0.31);
	overflow: hidden;
	transition:
		transform 190ms ease,
		border-color 190ms ease,
		box-shadow 190ms ease;
}

.vhs-practical-rule-card::before {
	position: absolute;
	top: 0;
	right: 22px;
	left: 22px;
	height: 2px;
	background:
		linear-gradient(
			90deg,
			transparent,
			var(--vhs-cyan),
			transparent
		);
	box-shadow: 0 0 15px rgba(0, 229, 255, 0.45);
	content: "";
}

.vhs-practical-rule-card:nth-child(even)::before {
	background:
		linear-gradient(
			90deg,
			transparent,
			var(--vhs-pink),
			transparent
		);
	box-shadow: 0 0 15px rgba(255, 46, 166, 0.46);
}

.vhs-practical-rule-card:nth-child(3)::before {
	background:
		linear-gradient(
			90deg,
			transparent,
			var(--vhs-orange),
			transparent
		);
	box-shadow: 0 0 15px rgba(255, 187, 0, 0.46);
}

.vhs-practical-rule-card:hover {
	transform: translateY(-6px);
	border-color: rgba(0, 229, 255, 0.46);
	box-shadow:
		0 29px 68px rgba(0, 0, 0, 0.42),
		0 0 26px rgba(0, 229, 255, 0.09);
}

.vhs-practical-rule-number {
	margin: 0 0 44px;
	color: rgba(5, 7, 17, 0.25);
	-webkit-text-fill-color: rgba(5, 7, 17, 0.25);
	-webkit-text-stroke: 1.4px var(--vhs-cyan);
	font-family: "Arial Narrow", Impact, sans-serif;
	font-size: clamp(3.5rem, 4.5vw, 5.3rem);
	font-weight: 900;
	line-height: 0.8;
	text-shadow:
		0 0 5px rgba(0, 229, 255, 0.84),
		0 0 17px rgba(0, 229, 255, 0.39);
}

.vhs-practical-rule-card:nth-child(even)
	.vhs-practical-rule-number {
	-webkit-text-stroke-color: var(--vhs-pink);
	text-shadow:
		0 0 5px rgba(255, 46, 166, 0.84),
		0 0 17px rgba(255, 46, 166, 0.4);
}

.vhs-practical-rule-card:nth-child(3)
	.vhs-practical-rule-number {
	-webkit-text-stroke-color: var(--vhs-orange);
	text-shadow:
		0 0 5px rgba(255, 187, 0, 0.84),
		0 0 17px rgba(255, 187, 0, 0.4);
}

.vhs-practical-rule-title {
	margin: auto 0 14px;
	color: var(--vhs-white);
	font-family: "Arial Narrow", "Roboto Condensed", Impact, sans-serif;
	font-size: 1.1rem;
	font-weight: 900;
	letter-spacing: 0.04em;
	line-height: 1.2;
	text-transform: uppercase;
}

.vhs-practical-rule-text {
	margin: 0;
	color: var(--vhs-muted);
	font-size: 0.88rem;
	line-height: 1.68;
}

/* ==========================================================
   ČASTÉ DOTAZY
   ========================================================== */

.vhs-practical-faq-list {
	display: grid;
	width: min(100%, 960px);
	margin: 0 auto;
	gap: 13px;
}

.vhs-practical-faq-item {
	position: relative;
	margin: 0;
	border: 1px solid rgba(170, 177, 197, 0.21);
	border-radius: 15px;
	background:
		linear-gradient(
			145deg,
			rgba(18, 25, 48, 0.91),
			rgba(6, 9, 21, 0.98)
		);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.03),
		0 17px 42px rgba(0, 0, 0, 0.27);
	overflow: hidden;
	transition:
		border-color 180ms ease,
		box-shadow 180ms ease;
}

.vhs-practical-faq-item::before {
	position: absolute;
	top: 0;
	right: 25px;
	left: 25px;
	height: 1px;
	background:
		linear-gradient(
			90deg,
			transparent,
			rgba(0, 229, 255, 0.58),
			transparent
		);
	content: "";
	pointer-events: none;
}

.vhs-practical-faq-item:nth-child(even)::before {
	background:
		linear-gradient(
			90deg,
			transparent,
			rgba(255, 46, 166, 0.6),
			transparent
		);
}

.vhs-practical-faq-item[open] {
	border-color: rgba(0, 229, 255, 0.43);
	box-shadow:
		0 22px 55px rgba(0, 0, 0, 0.36),
		0 0 25px rgba(0, 229, 255, 0.07);
}

.vhs-practical-faq-item:nth-child(even)[open] {
	border-color: rgba(255, 46, 166, 0.44);
	box-shadow:
		0 22px 55px rgba(0, 0, 0, 0.36),
		0 0 25px rgba(255, 46, 166, 0.08);
}

.vhs-practical-faq-item summary {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 82px;
	margin: 0;
	padding: 23px 70px 23px 26px;
	color: var(--vhs-white);
	font-family: "Arial Narrow", "Roboto Condensed", sans-serif;
	font-size: clamp(1rem, 0.96rem + 0.2vw, 1.18rem);
	font-weight: 900;
	letter-spacing: 0.025em;
	line-height: 1.4;
	text-transform: uppercase;
	cursor: pointer;
	list-style: none;
	user-select: none;
}

.vhs-practical-faq-item summary::-webkit-details-marker {
	display: none;
}

.vhs-practical-faq-item summary::after {
	position: absolute;
	top: 50%;
	right: 24px;
	display: grid;
	align-items: center;
	justify-items: center;
	width: 35px;
	height: 35px;
	border: 1px solid rgba(0, 229, 255, 0.43);
	border-radius: 9px;
	color: var(--vhs-cyan);
	background: rgba(0, 229, 255, 0.05);
	box-shadow: 0 0 14px rgba(0, 229, 255, 0.1);
	font-family: Arial, sans-serif;
	font-size: 1.25rem;
	font-weight: 400;
	line-height: 1;
	content: "+";
	transform: translateY(-50%);
	transition:
		transform 180ms ease,
		color 180ms ease,
		border-color 180ms ease;
}

.vhs-practical-faq-item:nth-child(even)
	summary::after {
	border-color: rgba(255, 46, 166, 0.44);
	color: var(--vhs-pink);
	background: rgba(255, 46, 166, 0.05);
	box-shadow: 0 0 14px rgba(255, 46, 166, 0.1);
}

.vhs-practical-faq-item[open]
	summary::after {
	content: "−";
	transform: translateY(-50%) rotate(180deg);
}

.vhs-practical-faq-item summary:hover {
	color: var(--vhs-cyan);
}

.vhs-practical-faq-item:nth-child(even)
	summary:hover {
	color: var(--vhs-pink);
}

.vhs-practical-faq-item > p {
	margin: 0;
	padding: 0 70px 26px 26px;
	color: var(--vhs-muted);
	font-size: 0.94rem;
	line-height: 1.75;
}

.vhs-practical-faq-item[open] > p {
	animation: vhs-faq-reveal 180ms ease both;
}

@keyframes vhs-faq-reveal {
	from {
		opacity: 0;
		transform: translateY(-6px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* ==========================================================
   ZÁVĚREČNÝ KONTAKT
   ========================================================== */

.vhs-practical-cta-section {
	padding-top: clamp(100px, 10vw, 150px);
	padding-bottom: clamp(100px, 10vw, 155px);
}

.vhs-practical-cta-card {
	position: relative;
	padding: clamp(52px, 7vw, 90px);
	border: 1px solid rgba(0, 229, 255, 0.37);
	border-radius: 28px;
	background:
		radial-gradient(
			circle at 14% 35%,
			rgba(0, 229, 255, 0.13),
			transparent 25rem
		),
		radial-gradient(
			circle at 88% 60%,
			rgba(255, 46, 166, 0.15),
			transparent 28rem
		),
		linear-gradient(
			145deg,
			rgba(16, 24, 47, 0.96),
			rgba(7, 9, 21, 0.99)
		);
	box-shadow:
		0 32px 85px rgba(0, 0, 0, 0.43),
		0 0 36px rgba(0, 229, 255, 0.08);
	text-align: center;
	overflow: hidden;
}

.vhs-practical-cta-kicker {
	margin: 0 0 18px;
	color: var(--vhs-pink);
	font-size: 0.69rem;
	font-weight: 900;
	letter-spacing: 0.14em;
	line-height: 1.3;
	text-transform: uppercase;
	text-shadow: 0 0 13px rgba(255, 46, 166, 0.42);
}

.vhs-practical-cta-title {
	max-width: 900px;
	margin: 0 auto 25px;
	color: var(--vhs-white);
	font-family: "Arial Narrow", "Roboto Condensed", Impact, sans-serif;
	font-size: clamp(2.7rem, 5vw, 5.5rem);
	font-weight: 900;
	letter-spacing: -0.025em;
	line-height: 1.03;
	text-transform: uppercase;
	text-wrap: balance;
}

.vhs-practical-cta-text {
	max-width: 720px;
	margin: 0 auto 34px;
	color: var(--vhs-muted);
	font-size: 1rem;
	line-height: 1.75;
}

.vhs-practical-cta-buttons {
	justify-content: center;
	gap: 13px;
}

/* ==========================================================
   TABLETY
   ========================================================== */

@media (max-width: 1050px) {
	.vhs-practical-overview-grid,
	.vhs-practical-services-grid,
	.vhs-practical-rules-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.vhs-practical-location-grid {
		grid-template-columns:
			minmax(330px, 0.9fr)
			minmax(0, 1.1fr);
	}

	.vhs-practical-map {
		min-height: 550px;
	}
}

@media (max-width: 1000px) {
	.vhs-practical-overview-heading {
		grid-template-columns: 1fr;
		align-items: start;
		row-gap: 22px;
	}

	.vhs-practical-overview-heading
		> .vhs-section-kicker,
	.vhs-practical-overview-title,
	.vhs-practical-overview-intro {
		grid-column: 1;
	}

	.vhs-practical-overview-intro {
		max-width: 680px;
		margin-right: 0;
		margin-left: 0;
	}
}

@media (max-width: 850px) {
	.vhs-practical-location-grid {
		grid-template-columns: 1fr;
	}

	.vhs-practical-map {
		min-height: 500px;
	}

	.vhs-practical-location-heading
		> .vhs-practical-location-intro,
	.vhs-practical-services-heading
		> .vhs-practical-services-intro,
	.vhs-practical-faq-heading
		> .vhs-practical-faq-intro {
		grid-column: 1 !important;
		max-width: 680px !important;
		margin-right: 0 !important;
		margin-left: 0 !important;
	}

	.vhs-practical-before-grid {
		grid-template-columns: 1fr;
	}

	.vhs-practical-before-card {
		min-height: 275px;
	}
}

/* ==========================================================
   MOBILNÍ TELEFONY
   ========================================================== */

@media (max-width: 620px) {
	#rychly-prehled,
	#casto-kladene-dotazy {
		scroll-margin-top: 82px;
	}

	.vhs-practical-overview-section,
	.vhs-practical-location-wrap,
	.vhs-practical-before-section,
	.vhs-practical-services-wrap,
	.vhs-practical-rules-section,
	.vhs-practical-faq-wrap,
	.vhs-practical-cta-section {
		width: min(100% - 28px, 1180px);
	}

	.vhs-practical-location-section,
	.vhs-practical-services-section,
	.vhs-practical-faq-section {
		margin-right: -18px;
		margin-left: -18px;
		padding-right: 18px;
		padding-left: 18px;
	}

	.vhs-practical-page-title {
		max-width: 100%;
	}

	.vhs-practical-page-meta {
		grid-template-columns: 1fr;
	}

	.vhs-practical-overview-title,
	.vhs-practical-before-title,
	.vhs-practical-rules-title {
		max-width: 100%;
	}

	.vhs-practical-overview-grid,
	.vhs-practical-services-grid,
	.vhs-practical-rules-grid {
		grid-template-columns: 1fr;
	}

	.vhs-practical-overview-card {
		min-height: 270px;
	}

	.vhs-practical-map {
		min-height: 390px;
		border-radius: 20px;
	}

	.vhs-practical-location-name {
		font-size: clamp(2.6rem, 13vw, 4.4rem);
		line-height: 1;
	}

	.vhs-practical-transport-grid {
		grid-template-columns: 1fr;
	}

	.vhs-practical-before-card {
		min-height: 260px;
	}

	.vhs-practical-before-number {
		margin-bottom: 39px;
	}

	.vhs-practical-service-card,
	.vhs-practical-rule-card {
		min-height: 250px;
	}

	.vhs-practical-faq-item summary {
		min-height: 76px;
		padding:
			20px
			60px
			20px
			20px;
		font-size: 0.95rem;
	}

	.vhs-practical-faq-item summary::after {
		right: 18px;
		width: 33px;
		height: 33px;
	}

	.vhs-practical-faq-item > p {
		padding:
			0
			20px
			23px;
		font-size: 0.9rem;
	}

	.vhs-practical-cta-card {
		padding: 45px 23px;
		border-radius: 21px;
	}

	.vhs-practical-cta-title {
		font-size: clamp(2.45rem, 12vw, 4.2rem);
	}

	.vhs-practical-cta-buttons .wp-block-button,
	.vhs-practical-cta-buttons .wp-block-button__link {
		width: 100%;
		box-sizing: border-box;
		text-align: center;
	}
}

/* ==========================================================
   OMEZENÍ ANIMACÍ PRO UŽIVATELE,
   KTEŘÍ JE MAJÍ V SYSTÉMU VYPNUTÉ
   ========================================================== */

@media (prefers-reduced-motion: reduce) {
	.vhs-practical-overview-card,
	.vhs-practical-before-card,
	.vhs-practical-service-card,
	.vhs-practical-rule-card,
	.vhs-practical-faq-item,
	.vhs-practical-faq-item summary::after {
		transition: none;
	}

	.vhs-practical-faq-item[open] > p {
		animation: none;
	}
}
/* ==========================================================
   UNIVERZÁLNÍ OCHRANA HERO ČÁSTÍ PODSTRÁNEK

   Velké nadpisy se řídí skutečnou šířkou levého
   sloupce a nikdy nesmí zasáhnout do pravého vizuálu.
   ========================================================== */

/*
 * Bezpečné rozdělení úvodní části na dva sloupce.
 */

.vhs-page-hero-grid {
	display: grid !important;
	grid-template-columns:
		minmax(0, 1fr)
		minmax(390px, 0.94fr) !important;
	align-items: center !important;
	width: min(1180px, calc(100% - 48px)) !important;
	max-width: 1180px !important;
	margin-right: auto !important;
	margin-left: auto !important;
	column-gap: clamp(44px, 5vw, 82px) !important;
	row-gap: 45px !important;
	box-sizing: border-box !important;
}

/*
 * Oba sloupce smějí používat pouze vlastní prostor.
 */

.vhs-page-hero-copy,
.vhs-page-hero-visual {
	min-width: 0 !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
}

/*
 * Levý sloupec se stane měřicí oblastí.
 * Jednotka cqi následně vychází z jeho skutečné šířky,
 * nikoli z celé obrazovky.
 */

.vhs-page-hero-copy {
	width: 100% !important;
	container-name: vhs-hero-copy;
	container-type: inline-size;
}

/*
 * Univerzální velikost hlavních nadpisů podstránek.
 *
 * První font-size je záloha pro starší prohlížeče.
 * Druhý používá šířku skutečného textového sloupce.
 */

.vhs-page-title {
	width: 100% !important;
	max-width: 100% !important;
	margin-right: 0 !important;
	padding-right: 0 !important;

	font-size:
		clamp(3.5rem, 5.6vw, 7.2rem) !important;

	font-size:
		clamp(3.5rem, 11.5cqi, 7.2rem) !important;

	letter-spacing: -0.045em !important;
	line-height: 0.97 !important;

	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	hyphens: none !important;

	text-wrap: balance !important;
	box-sizing: border-box !important;
	overflow: visible !important;
}

/*
 * Barevná i bílá část nadpisu zůstávají
 * uvnitř šířky levého sloupce.
 */

.vhs-page-title > span {
	display: block !important;
	width: fit-content !important;
	max-width: 100% !important;
	margin-right: 0 !important;
	line-height: inherit !important;
}

/*
 * Zrušení individuálních limitů jednotlivých stránek,
 * které mohou dlouhé nadpisy zbytečně omezovat.
 */

.vhs-about-page-title,
.vhs-program-page-title,
.vhs-guests-page-title,
.vhs-market-page-title,
.vhs-practical-page-title {
	width: 100% !important;
	max-width: 100% !important;
}

/*
 * Úvodní odstavec, informační panely a tlačítka
 * nepřekročí šířku svého sloupce.
 */

.vhs-page-hero-copy > .vhs-page-lead,
.vhs-page-hero-copy > [class*="page-meta"],
.vhs-page-hero-copy > .vhs-page-hero-buttons {
	width: 100% !important;
	max-width: 650px !important;
	box-sizing: border-box !important;
}

/*
 * Pravý vizuál zůstává pevně ve svém sloupci.
 */

.vhs-page-hero-visual,
.vhs-page-hero-screen {
	width: 100% !important;
	max-width: 100% !important;
	margin-right: 0 !important;
	margin-left: 0 !important;
	box-sizing: border-box !important;
}

/*
 * Zabraňuje překreslení levého obsahu přes vizuál.
 */

.vhs-page-hero-copy {
	position: relative !important;
	z-index: 2 !important;
}

.vhs-page-hero-visual {
	position: relative !important;
	z-index: 1 !important;
}

/* ==========================================================
   MENŠÍ NOTEBOOKY
   ========================================================== */

@media (max-width: 1180px) {
	.vhs-page-hero-grid {
		grid-template-columns:
			minmax(0, 1fr)
			minmax(350px, 0.86fr) !important;
		column-gap: clamp(32px, 4vw, 58px) !important;
	}

	.vhs-page-title {
		font-size:
			clamp(3.25rem, 5.5vw, 6.2rem) !important;

		font-size:
			clamp(3.25rem, 11cqi, 6.2rem) !important;
	}
}

/* ==========================================================
   TABLETY A ÚZKÁ OKNA

   Hero se složí pod sebe dříve, než by mohlo
   dojít k překrytí textu a vizuálu.
   ========================================================== */

@media (max-width: 980px) {
	.vhs-page-hero-grid {
		grid-template-columns: minmax(0, 1fr) !important;
		align-items: start !important;
	}

	.vhs-page-hero-copy,
	.vhs-page-hero-visual {
		grid-column: 1 !important;
		width: 100% !important;
	}

	.vhs-page-hero-copy {
		max-width: 760px !important;
	}

	.vhs-page-title {
		font-size:
			clamp(3.7rem, 10vw, 7rem) !important;

		font-size:
			clamp(3.7rem, 14cqi, 7rem) !important;
	}

	.vhs-page-hero-copy > .vhs-page-lead,
	.vhs-page-hero-copy > [class*="page-meta"],
	.vhs-page-hero-copy > .vhs-page-hero-buttons {
		max-width: 680px !important;
	}

	.vhs-page-hero-visual {
		max-width: 760px !important;
	}
}

/* ==========================================================
   MOBILNÍ TELEFONY
   ========================================================== */

@media (max-width: 620px) {
	.vhs-page-hero-grid {
		width: min(100% - 28px, 1180px) !important;
		row-gap: 34px !important;
	}

	.vhs-page-title {
		font-size:
			clamp(2.8rem, 14vw, 4.8rem) !important;

		font-size:
			clamp(2.8rem, 15cqi, 4.8rem) !important;

		letter-spacing: -0.035em !important;
		line-height: 1 !important;
	}

	.vhs-page-hero-copy > .vhs-page-lead,
	.vhs-page-hero-copy > [class*="page-meta"],
	.vhs-page-hero-copy > .vhs-page-hero-buttons {
		max-width: 100% !important;
	}
}
/* ==========================================================
   PODSTRÁNKA MÍSTO KONÁNÍ
   ========================================================== */

/* ZÁKLADNÍ ŠÍŘKY A KOTVY */

.vhs-venue-overview-section,
.vhs-venue-map-wrap,
.vhs-venue-entrance-section,
.vhs-venue-transport-wrap,
.vhs-venue-facilities-section,
.vhs-venue-notice-section,
.vhs-venue-cta-section {
	width: min(1180px, calc(100% - 48px));
	max-width: 1180px;
	margin-right: auto;
	margin-left: auto;
	box-sizing: border-box;
}

#adresa-a-mapa,
#doprava {
	scroll-margin-top: 110px;
}

/* ==========================================================
   HERO – MÍSTO KONÁNÍ
   ========================================================== */

.vhs-venue-page-title {
	width: 100%;
	max-width: 100%;
}

.vhs-venue-page-title span {
	display: block;
	margin-bottom: 0.08em;
}

.vhs-venue-page-screen {
	border-color: rgba(0, 229, 255, 0.31);
	background:
		repeating-linear-gradient(
			0deg,
			rgba(255, 255, 255, 0.018) 0,
			rgba(255, 255, 255, 0.018) 1px,
			transparent 1px,
			transparent 6px
		),
		linear-gradient(
			90deg,
			transparent 49.7%,
			rgba(0, 229, 255, 0.08) 50%,
			transparent 50.3%
		),
		radial-gradient(
			circle at 28% 28%,
			rgba(0, 229, 255, 0.21),
			transparent 44%
		),
		radial-gradient(
			circle at 76% 72%,
			rgba(255, 46, 166, 0.2),
			transparent 45%
		),
		radial-gradient(
			circle at 74% 24%,
			rgba(255, 187, 0, 0.1),
			transparent 34%
		),
		linear-gradient(
			145deg,
			#111c36,
			#080b18 57%,
			#170b1c
		);
	box-shadow:
		inset 0 0 95px rgba(0, 0, 0, 0.58),
		0 30px 85px rgba(0, 0, 0, 0.44),
		0 0 44px rgba(0, 229, 255, 0.09);
}

/* ADRESA A TERMÍN V HERO ČÁSTI */

.vhs-venue-page-meta {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin: 0 0 32px;
	gap: 13px;
}

.vhs-venue-page-meta-item {
	position: relative;
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr);
	align-items: center;
	min-width: 0;
	margin: 0;
	padding: 15px 17px;
	border: 1px solid rgba(170, 177, 197, 0.19);
	border-radius: 13px;
	background:
		linear-gradient(
			145deg,
			rgba(18, 25, 48, 0.83),
			rgba(6, 9, 21, 0.93)
		);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.03),
		0 14px 34px rgba(0, 0, 0, 0.23);
	gap: 14px;
	overflow: hidden;
}

.vhs-venue-page-meta-item::after {
	position: absolute;
	right: -45px;
	bottom: -60px;
	width: 110px;
	height: 110px;
	border-radius: 50%;
	background: rgba(0, 229, 255, 0.08);
	filter: blur(27px);
	content: "";
	pointer-events: none;
}

.vhs-venue-page-meta-item:nth-child(even)::after {
	background: rgba(255, 46, 166, 0.09);
}

.vhs-venue-page-meta-icon {
	position: relative;
	z-index: 2;
	display: grid;
	align-items: center;
	justify-items: center;
	width: 48px;
	height: 48px;
	margin: 0;
	border: 1px solid rgba(0, 229, 255, 0.5);
	border-radius: 11px;
	color: var(--vhs-cyan);
	background: rgba(0, 229, 255, 0.055);
	box-shadow:
		inset 0 0 14px rgba(0, 229, 255, 0.07),
		0 0 16px rgba(0, 229, 255, 0.12);
	font-family: "Arial Narrow", Impact, sans-serif;
	font-size: 1.35rem;
	font-weight: 900;
	line-height: 1;
	text-shadow: 0 0 13px rgba(0, 229, 255, 0.58);
}

.vhs-venue-page-meta-item:nth-child(even)
	.vhs-venue-page-meta-icon {
	border-color: rgba(255, 46, 166, 0.5);
	color: var(--vhs-pink);
	background: rgba(255, 46, 166, 0.055);
	text-shadow: 0 0 13px rgba(255, 46, 166, 0.6);
}

.vhs-venue-page-meta-label {
	position: relative;
	z-index: 2;
	margin: 0 0 5px;
	color: var(--vhs-cyan);
	font-family: "Arial Narrow", "Roboto Condensed", sans-serif;
	font-size: 0.62rem;
	font-weight: 900;
	letter-spacing: 0.13em;
	line-height: 1.2;
	text-transform: uppercase;
	text-shadow: 0 0 11px rgba(0, 229, 255, 0.38);
}

.vhs-venue-page-meta-item:nth-child(even)
	.vhs-venue-page-meta-label {
	color: var(--vhs-pink);
	text-shadow: 0 0 11px rgba(255, 46, 166, 0.4);
}

.vhs-venue-page-meta-value {
	position: relative;
	z-index: 2;
	margin: 0;
	color: var(--vhs-white);
	font-family: "Arial Narrow", "Roboto Condensed", sans-serif;
	font-size: 0.82rem;
	font-weight: 850;
	letter-spacing: 0.04em;
	line-height: 1.4;
	text-transform: uppercase;
	overflow-wrap: anywhere;
}

/* ==========================================================
   RYCHLÝ PŘEHLED
   ========================================================== */

.vhs-venue-overview-section {
	padding-top: clamp(100px, 10vw, 155px);
	padding-bottom: clamp(100px, 10vw, 155px);
}

.vhs-venue-overview-heading {
	margin-bottom: clamp(48px, 6vw, 72px) !important;
}

.vhs-venue-overview-heading
	> .vhs-venue-overview-intro {
	grid-column: 2 !important;
	align-self: end !important;
	width: 100% !important;
	max-width: 480px !important;
	margin: 0 0 0.3rem auto !important;
	color: var(--vhs-muted);
	font-size: 1rem;
	line-height: 1.75;
}

.vhs-venue-overview-title {
	width: 100%;
	max-width: 100%;
	margin-bottom: 0;
}

.vhs-venue-overview-title span {
	display: block;
	margin-bottom: 0.08em;
}

.vhs-venue-overview-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	align-items: stretch;
	gap: 17px;
}

.vhs-venue-overview-card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	min-height: 310px;
	margin: 0;
	padding: 27px 24px;
	border: 1px solid rgba(170, 177, 197, 0.2);
	border-radius: 17px;
	background:
		linear-gradient(
			145deg,
			rgba(18, 25, 48, 0.93),
			rgba(6, 9, 21, 0.98)
		);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.035),
		0 20px 50px rgba(0, 0, 0, 0.31);
	overflow: hidden;
	transition:
		transform 190ms ease,
		border-color 190ms ease,
		box-shadow 190ms ease;
}

.vhs-venue-overview-card::before {
	position: absolute;
	top: 0;
	right: 22px;
	left: 22px;
	height: 2px;
	border-radius: 999px;
	background:
		linear-gradient(
			90deg,
			transparent,
			var(--vhs-cyan),
			transparent
		);
	box-shadow: 0 0 15px rgba(0, 229, 255, 0.45);
	content: "";
}

.vhs-venue-overview-card:nth-child(even)::before {
	background:
		linear-gradient(
			90deg,
			transparent,
			var(--vhs-pink),
			transparent
		);
	box-shadow: 0 0 15px rgba(255, 46, 166, 0.46);
}

.vhs-venue-overview-card:nth-child(3)::before {
	background:
		linear-gradient(
			90deg,
			transparent,
			var(--vhs-orange),
			transparent
		);
	box-shadow: 0 0 15px rgba(255, 187, 0, 0.46);
}

.vhs-venue-overview-card:hover {
	transform: translateY(-7px);
	border-color: rgba(0, 229, 255, 0.48);
	box-shadow:
		0 30px 70px rgba(0, 0, 0, 0.43),
		0 0 27px rgba(0, 229, 255, 0.09);
}

.vhs-venue-overview-card:nth-child(even):hover {
	border-color: rgba(255, 46, 166, 0.5);
	box-shadow:
		0 30px 70px rgba(0, 0, 0, 0.43),
		0 0 27px rgba(255, 46, 166, 0.1);
}

.vhs-venue-overview-card:nth-child(3):hover {
	border-color: rgba(255, 187, 0, 0.5);
	box-shadow:
		0 30px 70px rgba(0, 0, 0, 0.43),
		0 0 27px rgba(255, 187, 0, 0.1);
}

.vhs-venue-overview-icon {
	display: grid;
	align-items: center;
	justify-items: center;
	width: 60px;
	height: 60px;
	margin: 0 0 43px;
	border: 1px solid rgba(0, 229, 255, 0.5);
	border-radius: 14px;
	color: var(--vhs-cyan);
	background: rgba(0, 229, 255, 0.055);
	box-shadow:
		inset 0 0 16px rgba(0, 229, 255, 0.07),
		0 0 19px rgba(0, 229, 255, 0.13);
	font-family: "Arial Narrow", "Roboto Condensed", sans-serif;
	font-size: 0.9rem;
	font-weight: 900;
	letter-spacing: 0.025em;
	line-height: 1;
	text-shadow: 0 0 15px rgba(0, 229, 255, 0.58);
}

.vhs-venue-overview-card:nth-child(even)
	.vhs-venue-overview-icon {
	border-color: rgba(255, 46, 166, 0.5);
	color: var(--vhs-pink);
	background: rgba(255, 46, 166, 0.055);
	text-shadow: 0 0 15px rgba(255, 46, 166, 0.6);
}

.vhs-venue-overview-card:nth-child(3)
	.vhs-venue-overview-icon {
	border-color: rgba(255, 187, 0, 0.5);
	color: var(--vhs-orange);
	background: rgba(255, 187, 0, 0.055);
	text-shadow: 0 0 15px rgba(255, 187, 0, 0.6);
}

.vhs-venue-overview-label {
	margin: auto 0 10px;
	color: var(--vhs-cyan);
	font-size: 0.63rem;
	font-weight: 900;
	letter-spacing: 0.14em;
	line-height: 1.3;
	text-transform: uppercase;
	text-shadow: 0 0 11px rgba(0, 229, 255, 0.4);
}

.vhs-venue-overview-card:nth-child(even)
	.vhs-venue-overview-label {
	color: var(--vhs-pink);
	text-shadow: 0 0 11px rgba(255, 46, 166, 0.42);
}

.vhs-venue-overview-card:nth-child(3)
	.vhs-venue-overview-label {
	color: var(--vhs-orange);
	text-shadow: 0 0 11px rgba(255, 187, 0, 0.42);
}

.vhs-venue-overview-value {
	margin: 0 0 14px;
	color: var(--vhs-white);
	font-family: "Arial Narrow", "Roboto Condensed", Impact, sans-serif;
	font-size: 1.22rem;
	font-weight: 900;
	letter-spacing: 0.035em;
	line-height: 1.2;
	text-transform: uppercase;
	overflow-wrap: anywhere;
}

.vhs-venue-overview-text {
	margin: 0;
	color: var(--vhs-muted);
	font-size: 0.89rem;
	line-height: 1.68;
}

/* ==========================================================
   SPOLEČNÉ CELOŠÍŘKOVÉ SEKCE
   ========================================================== */

.vhs-venue-map-section,
.vhs-venue-transport-section {
	position: relative;
	margin-right: -24px;
	margin-left: -24px;
	padding: clamp(100px, 10vw, 155px) 24px;
	border-top: 1px solid rgba(0, 229, 255, 0.11);
	border-bottom: 1px solid rgba(255, 46, 166, 0.11);
	background:
		radial-gradient(
			circle at 13% 22%,
			rgba(0, 229, 255, 0.11),
			transparent 36rem
		),
		radial-gradient(
			circle at 88% 73%,
			rgba(255, 46, 166, 0.11),
			transparent 38rem
		),
		linear-gradient(
			180deg,
			rgba(5, 8, 19, 0.99),
			rgba(9, 12, 27, 0.98),
			rgba(4, 6, 15, 0.99)
		);
	overflow: hidden;
	isolation: isolate;
}

.vhs-venue-map-section::after,
.vhs-venue-transport-section::after {
	position: absolute;
	z-index: -1;
	inset: 0;
	background:
		repeating-linear-gradient(
			0deg,
			rgba(255, 255, 255, 0.013) 0,
			rgba(255, 255, 255, 0.013) 1px,
			transparent 1px,
			transparent 6px
		);
	content: "";
	pointer-events: none;
}

.vhs-venue-map-heading,
.vhs-venue-transport-heading {
	margin-bottom: clamp(48px, 6vw, 72px) !important;
}

.vhs-venue-map-heading > .vhs-venue-map-intro,
.vhs-venue-transport-heading
	> .vhs-venue-transport-intro {
	grid-column: 2 !important;
	align-self: end !important;
	width: 100% !important;
	max-width: 480px !important;
	margin: 0 0 0.3rem auto !important;
	color: var(--vhs-muted);
	font-size: 1rem;
	line-height: 1.75;
}

.vhs-venue-map-title,
.vhs-venue-transport-title {
	width: 100%;
	max-width: 100%;
	margin-bottom: 0;
}

.vhs-venue-map-title span,
.vhs-venue-transport-title span {
	display: block;
	margin-bottom: 0.08em;
}

/* ==========================================================
   ADRESA A MAPA
   ========================================================== */

.vhs-venue-map-grid {
	display: grid;
	grid-template-columns:
		minmax(400px, 1.08fr)
		minmax(0, 0.92fr);
	align-items: stretch;
	gap: clamp(40px, 6vw, 82px);
}

.vhs-venue-map-frame {
	position: relative;
	display: grid;
	align-items: center;
	justify-items: center;
	min-height: 620px;
	margin: 0;
	padding: 38px;
	border: 1px solid rgba(0, 229, 255, 0.28);
	border-radius: 27px;
	background:
		repeating-linear-gradient(
			0deg,
			rgba(255, 255, 255, 0.017) 0,
			rgba(255, 255, 255, 0.017) 1px,
			transparent 1px,
			transparent 6px
		),
		linear-gradient(
			90deg,
			transparent 49.7%,
			rgba(0, 229, 255, 0.075) 50%,
			transparent 50.3%
		),
		radial-gradient(
			circle at 28% 30%,
			rgba(0, 229, 255, 0.18),
			transparent 44%
		),
		radial-gradient(
			circle at 78% 72%,
			rgba(255, 46, 166, 0.18),
			transparent 44%
		),
		linear-gradient(
			145deg,
			#111c36,
			#080b18 57%,
			#180a1d
		);
	box-shadow:
		inset 0 0 85px rgba(0, 0, 0, 0.54),
		0 28px 72px rgba(0, 0, 0, 0.4);
	overflow: hidden;
}

.vhs-venue-map-frame::before {
	position: absolute;
	inset: 17px;
	border: 1px solid rgba(0, 229, 255, 0.11);
	border-radius: 16px;
	content: "";
	pointer-events: none;
}

.vhs-venue-map-placeholder {
	position: relative;
	z-index: 2;
	max-width: 300px;
	margin: 0;
	padding: 14px 20px;
	border: 1px solid rgba(0, 229, 255, 0.54);
	border-radius: 8px;
	color: var(--vhs-cyan);
	background: rgba(5, 7, 17, 0.84);
	box-shadow:
		inset 0 0 18px rgba(0, 229, 255, 0.04),
		0 0 22px rgba(0, 229, 255, 0.16);
	font-size: 0.7rem;
	font-weight: 900;
	letter-spacing: 0.11em;
	line-height: 1.4;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0 0 12px rgba(0, 229, 255, 0.55);
}

.vhs-venue-map-frame iframe,
.vhs-venue-map-frame img {
	position: absolute;
	z-index: 1;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
	object-fit: cover;
}

.vhs-venue-map-frame:has(iframe)
	.vhs-venue-map-placeholder,
.vhs-venue-map-frame:has(img)
	.vhs-venue-map-placeholder {
	display: none;
}

/* ADRESNÍ PANEL */

.vhs-venue-address-card {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-width: 0;
	margin: 0;
	padding: clamp(34px, 5vw, 58px);
	border: 1px solid rgba(255, 46, 166, 0.25);
	border-radius: 24px;
	background:
		radial-gradient(
			circle at 90% 12%,
			rgba(255, 46, 166, 0.1),
			transparent 22rem
		),
		linear-gradient(
			145deg,
			rgba(18, 25, 48, 0.94),
			rgba(6, 9, 21, 0.99)
		);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.035),
		0 25px 65px rgba(0, 0, 0, 0.37);
	overflow: hidden;
}

.vhs-venue-address-status {
	width: fit-content;
	max-width: 100%;
	margin: 0 0 23px;
	padding: 8px 12px;
	border: 1px solid rgba(255, 187, 0, 0.42);
	border-radius: 999px;
	color: var(--vhs-orange);
	background: rgba(255, 187, 0, 0.06);
	font-size: 0.64rem;
	font-weight: 900;
	letter-spacing: 0.13em;
	line-height: 1.35;
	text-transform: uppercase;
	text-shadow: 0 0 12px rgba(255, 187, 0, 0.4);
}

.vhs-venue-address-name {
	margin: 0 0 24px;
	color: var(--vhs-white);
	font-family: "Arial Narrow", "Roboto Condensed", Impact, sans-serif;
	font-size: clamp(2.8rem, 4.5vw, 5.4rem);
	font-weight: 900;
	letter-spacing: -0.035em;
	line-height: 0.98;
	text-transform: uppercase;
	text-wrap: balance;
	overflow-wrap: anywhere;
}

.vhs-venue-address-line {
	margin: 0 0 7px;
	color: var(--vhs-cyan);
	font-family: "Arial Narrow", "Roboto Condensed", sans-serif;
	font-size: 0.9rem;
	font-weight: 900;
	letter-spacing: 0.08em;
	line-height: 1.45;
	text-transform: uppercase;
	text-shadow: 0 0 11px rgba(0, 229, 255, 0.38);
}

.vhs-venue-address-text {
	margin: 23px 0 29px;
	color: var(--vhs-muted);
	font-size: 0.96rem;
	line-height: 1.78;
}

.vhs-venue-address-details {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin: 0 0 31px;
	gap: 12px;
}

.vhs-venue-address-detail {
	min-width: 0;
	margin: 0;
	padding: 17px;
	border: 1px solid rgba(170, 177, 197, 0.19);
	border-radius: 13px;
	background: rgba(19, 27, 51, 0.53);
}

.vhs-venue-address-detail-label {
	margin: 0 0 7px;
	color: var(--vhs-pink);
	font-size: 0.61rem;
	font-weight: 900;
	letter-spacing: 0.13em;
	line-height: 1.3;
	text-transform: uppercase;
}

.vhs-venue-address-detail:nth-child(even)
	.vhs-venue-address-detail-label {
	color: var(--vhs-orange);
}

.vhs-venue-address-detail-value {
	margin: 0;
	color: var(--vhs-white);
	font-family: "Arial Narrow", "Roboto Condensed", sans-serif;
	font-size: 0.78rem;
	font-weight: 850;
	letter-spacing: 0.035em;
	line-height: 1.45;
	text-transform: uppercase;
	overflow-wrap: anywhere;
}

/* ==========================================================
   JAK POZNAT SPRÁVNÝ VSTUP
   ========================================================== */

.vhs-venue-entrance-section {
	padding-top: clamp(100px, 10vw, 155px);
	padding-bottom: clamp(100px, 10vw, 155px);
}

.vhs-venue-entrance-title {
	max-width: 13ch;
	margin-bottom: 25px;
	line-height: 1.1;
}

.vhs-venue-entrance-title span {
	display: block;
	margin-bottom: 0.08em;
}

.vhs-venue-entrance-intro {
	max-width: 760px;
	margin: 0 0 clamp(46px, 6vw, 70px);
	color: var(--vhs-muted);
	font-size: 1rem;
	line-height: 1.78;
}

.vhs-venue-entrance-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: stretch;
	gap: 18px;
}

.vhs-venue-entrance-card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	margin: 0;
	border: 1px solid rgba(170, 177, 197, 0.2);
	border-radius: 18px;
	background:
		linear-gradient(
			145deg,
			rgba(18, 25, 48, 0.93),
			rgba(6, 9, 21, 0.98)
		);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.035),
		0 22px 54px rgba(0, 0, 0, 0.33);
	overflow: hidden;
	transition:
		transform 200ms ease,
		border-color 200ms ease,
		box-shadow 200ms ease;
}

.vhs-venue-entrance-card::before {
	position: absolute;
	z-index: 5;
	top: 0;
	right: 24px;
	left: 24px;
	height: 2px;
	border-radius: 999px;
	background:
		linear-gradient(
			90deg,
			transparent,
			var(--vhs-cyan),
			transparent
		);
	box-shadow: 0 0 16px rgba(0, 229, 255, 0.45);
	content: "";
}

.vhs-venue-entrance-card:nth-child(2)::before {
	background:
		linear-gradient(
			90deg,
			transparent,
			var(--vhs-pink),
			transparent
		);
	box-shadow: 0 0 16px rgba(255, 46, 166, 0.46);
}

.vhs-venue-entrance-card:nth-child(3)::before {
	background:
		linear-gradient(
			90deg,
			transparent,
			var(--vhs-orange),
			transparent
		);
	box-shadow: 0 0 16px rgba(255, 187, 0, 0.46);
}

.vhs-venue-entrance-card:hover {
	transform: translateY(-7px);
	border-color: rgba(0, 229, 255, 0.48);
	box-shadow:
		0 31px 72px rgba(0, 0, 0, 0.44),
		0 0 28px rgba(0, 229, 255, 0.1);
}

.vhs-venue-entrance-image {
	position: relative;
	display: grid;
	align-items: center;
	justify-items: center;
	min-height: 330px;
	margin: 0;
	padding: 26px;
	border-bottom: 1px solid rgba(170, 177, 197, 0.15);
	background:
		repeating-linear-gradient(
			0deg,
			rgba(255, 255, 255, 0.017) 0,
			rgba(255, 255, 255, 0.017) 1px,
			transparent 1px,
			transparent 6px
		),
		radial-gradient(
			circle at 28% 30%,
			rgba(0, 229, 255, 0.18),
			transparent 44%
		),
		radial-gradient(
			circle at 77% 72%,
			rgba(255, 46, 166, 0.19),
			transparent 45%
		),
		linear-gradient(
			145deg,
			#111c36,
			#080b18 58%,
			#19091d
		);
	box-shadow: inset 0 0 70px rgba(0, 0, 0, 0.48);
	overflow: hidden;
}

.vhs-venue-entrance-placeholder {
	position: relative;
	z-index: 3;
	margin: 0;
	padding: 11px 15px;
	border: 1px solid rgba(0, 229, 255, 0.48);
	border-radius: 7px;
	color: var(--vhs-cyan);
	background: rgba(5, 7, 17, 0.84);
	font-size: 0.66rem;
	font-weight: 900;
	letter-spacing: 0.11em;
	line-height: 1.35;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0 0 12px rgba(0, 229, 255, 0.55);
}

.vhs-venue-entrance-card:nth-child(2)
	.vhs-venue-entrance-placeholder {
	border-color: rgba(255, 46, 166, 0.5);
	color: var(--vhs-pink);
	text-shadow: 0 0 12px rgba(255, 46, 166, 0.56);
}

.vhs-venue-entrance-card:nth-child(3)
	.vhs-venue-entrance-placeholder {
	border-color: rgba(255, 187, 0, 0.5);
	color: var(--vhs-orange);
	text-shadow: 0 0 12px rgba(255, 187, 0, 0.56);
}

.vhs-venue-entrance-image img {
	position: absolute;
	z-index: 1;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 600ms ease;
}

.vhs-venue-entrance-card:hover
	.vhs-venue-entrance-image img {
	transform: scale(1.045);
}

.vhs-venue-entrance-image:has(img)
	.vhs-venue-entrance-placeholder {
	display: none;
}

.vhs-venue-entrance-copy {
	position: relative;
	display: flex;
	flex: 1;
	flex-direction: column;
	min-width: 0;
	padding: 25px 24px 28px;
}

.vhs-venue-entrance-number {
	margin: 0 0 25px;
	color: rgba(5, 7, 17, 0.25);
	-webkit-text-fill-color: rgba(5, 7, 17, 0.25);
	-webkit-text-stroke: 1.3px var(--vhs-cyan);
	font-family: "Arial Narrow", Impact, sans-serif;
	font-size: 3.6rem;
	font-weight: 900;
	line-height: 0.8;
	text-shadow:
		0 0 5px rgba(0, 229, 255, 0.84),
		0 0 17px rgba(0, 229, 255, 0.39);
}

.vhs-venue-entrance-card:nth-child(2)
	.vhs-venue-entrance-number {
	-webkit-text-stroke-color: var(--vhs-pink);
	text-shadow:
		0 0 5px rgba(255, 46, 166, 0.84),
		0 0 17px rgba(255, 46, 166, 0.4);
}

.vhs-venue-entrance-card:nth-child(3)
	.vhs-venue-entrance-number {
	-webkit-text-stroke-color: var(--vhs-orange);
	text-shadow:
		0 0 5px rgba(255, 187, 0, 0.84),
		0 0 17px rgba(255, 187, 0, 0.4);
}

.vhs-venue-entrance-card-title {
	margin: auto 0 14px;
	color: var(--vhs-white);
	font-family: "Arial Narrow", "Roboto Condensed", Impact, sans-serif;
	font-size: 1.23rem;
	font-weight: 900;
	letter-spacing: 0.04em;
	line-height: 1.2;
	text-transform: uppercase;
}

.vhs-venue-entrance-card-text {
	margin: 0;
	color: var(--vhs-muted);
	font-size: 0.9rem;
	line-height: 1.68;
}

/* ==========================================================
   DOPRAVA A PARKOVÁNÍ
   ========================================================== */

.vhs-venue-transport-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	align-items: stretch;
	gap: 17px;
}

.vhs-venue-transport-card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	min-height: 315px;
	margin: 0;
	padding: 27px 24px;
	border: 1px solid rgba(170, 177, 197, 0.2);
	border-radius: 17px;
	background:
		linear-gradient(
			145deg,
			rgba(18, 25, 48, 0.92),
			rgba(6, 9, 21, 0.98)
		);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.035),
		0 20px 50px rgba(0, 0, 0, 0.31);
	overflow: hidden;
	transition:
		transform 190ms ease,
		border-color 190ms ease,
		box-shadow 190ms ease;
}

.vhs-venue-transport-card::before {
	position: absolute;
	top: 0;
	right: 22px;
	left: 22px;
	height: 2px;
	background:
		linear-gradient(
			90deg,
			transparent,
			var(--vhs-cyan),
			transparent
		);
	box-shadow: 0 0 15px rgba(0, 229, 255, 0.45);
	content: "";
}

.vhs-venue-transport-card:nth-child(even)::before {
	background:
		linear-gradient(
			90deg,
			transparent,
			var(--vhs-pink),
			transparent
		);
	box-shadow: 0 0 15px rgba(255, 46, 166, 0.46);
}

.vhs-venue-transport-card:nth-child(3)::before {
	background:
		linear-gradient(
			90deg,
			transparent,
			var(--vhs-orange),
			transparent
		);
	box-shadow: 0 0 15px rgba(255, 187, 0, 0.46);
}

.vhs-venue-transport-card:hover {
	transform: translateY(-7px);
	border-color: rgba(0, 229, 255, 0.48);
	box-shadow:
		0 30px 70px rgba(0, 0, 0, 0.43),
		0 0 27px rgba(0, 229, 255, 0.09);
}

.vhs-venue-transport-icon {
	display: grid;
	align-items: center;
	justify-items: center;
	width: 62px;
	height: 62px;
	margin: 0 0 42px;
	border: 1px solid rgba(0, 229, 255, 0.5);
	border-radius: 14px;
	color: var(--vhs-cyan);
	background: rgba(0, 229, 255, 0.055);
	box-shadow:
		inset 0 0 16px rgba(0, 229, 255, 0.07),
		0 0 19px rgba(0, 229, 255, 0.13);
	font-family: "Arial Narrow", "Roboto Condensed", sans-serif;
	font-size: 0.75rem;
	font-weight: 900;
	letter-spacing: 0.03em;
	line-height: 1;
	text-shadow: 0 0 15px rgba(0, 229, 255, 0.58);
}

.vhs-venue-transport-card:nth-child(even)
	.vhs-venue-transport-icon {
	border-color: rgba(255, 46, 166, 0.5);
	color: var(--vhs-pink);
	background: rgba(255, 46, 166, 0.055);
	text-shadow: 0 0 15px rgba(255, 46, 166, 0.6);
}

.vhs-venue-transport-card:nth-child(3)
	.vhs-venue-transport-icon {
	border-color: rgba(255, 187, 0, 0.5);
	color: var(--vhs-orange);
	background: rgba(255, 187, 0, 0.055);
	text-shadow: 0 0 15px rgba(255, 187, 0, 0.6);
}

.vhs-venue-transport-card-title {
	margin: auto 0 14px;
	color: var(--vhs-white);
	font-family: "Arial Narrow", "Roboto Condensed", Impact, sans-serif;
	font-size: 1.16rem;
	font-weight: 900;
	letter-spacing: 0.04em;
	line-height: 1.2;
	text-transform: uppercase;
}

.vhs-venue-transport-card-text {
	margin: 0 0 22px;
	color: var(--vhs-muted);
	font-size: 0.89rem;
	line-height: 1.68;
}

.vhs-venue-transport-detail {
	margin: auto 0 0;
	padding-top: 16px;
	border-top: 1px solid rgba(170, 177, 197, 0.15);
	color: var(--vhs-cyan);
	font-size: 0.63rem;
	font-weight: 900;
	letter-spacing: 0.12em;
	line-height: 1.35;
	text-transform: uppercase;
	text-shadow: 0 0 11px rgba(0, 229, 255, 0.4);
}

.vhs-venue-transport-card:nth-child(even)
	.vhs-venue-transport-detail {
	color: var(--vhs-pink);
	text-shadow: 0 0 11px rgba(255, 46, 166, 0.42);
}

.vhs-venue-transport-card:nth-child(3)
	.vhs-venue-transport-detail {
	color: var(--vhs-orange);
	text-shadow: 0 0 11px rgba(255, 187, 0, 0.42);
}

/* ==========================================================
   VYBAVENÍ PROSTORU
   ========================================================== */

.vhs-venue-facilities-section {
	padding-top: clamp(100px, 10vw, 155px);
	padding-bottom: clamp(75px, 8vw, 115px);
}

.vhs-venue-facilities-title {
	max-width: 12ch;
	margin-bottom: clamp(45px, 5vw, 65px);
	line-height: 1.1;
}

.vhs-venue-facilities-title span {
	display: block;
	margin-bottom: 0.08em;
}

.vhs-venue-facilities-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	align-items: stretch;
	gap: 17px;
}

.vhs-venue-facility-card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	min-height: 280px;
	margin: 0;
	padding: 27px 24px;
	border: 1px solid rgba(170, 177, 197, 0.2);
	border-radius: 17px;
	background:
		linear-gradient(
			145deg,
			rgba(18, 25, 48, 0.92),
			rgba(6, 9, 21, 0.98)
		);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.035),
		0 20px 50px rgba(0, 0, 0, 0.31);
	overflow: hidden;
	transition:
		transform 190ms ease,
		border-color 190ms ease,
		box-shadow 190ms ease;
}

.vhs-venue-facility-card::before {
	position: absolute;
	top: 0;
	right: 22px;
	left: 22px;
	height: 2px;
	background:
		linear-gradient(
			90deg,
			transparent,
			var(--vhs-cyan),
			transparent
		);
	box-shadow: 0 0 15px rgba(0, 229, 255, 0.45);
	content: "";
}

.vhs-venue-facility-card:nth-child(even)::before {
	background:
		linear-gradient(
			90deg,
			transparent,
			var(--vhs-pink),
			transparent
		);
	box-shadow: 0 0 15px rgba(255, 46, 166, 0.46);
}

.vhs-venue-facility-card:nth-child(3)::before {
	background:
		linear-gradient(
			90deg,
			transparent,
			var(--vhs-orange),
			transparent
		);
	box-shadow: 0 0 15px rgba(255, 187, 0, 0.46);
}

.vhs-venue-facility-card:hover {
	transform: translateY(-7px);
	border-color: rgba(0, 229, 255, 0.48);
	box-shadow:
		0 30px 70px rgba(0, 0, 0, 0.43),
		0 0 27px rgba(0, 229, 255, 0.09);
}

.vhs-venue-facility-icon {
	display: grid;
	align-items: center;
	justify-items: center;
	width: 60px;
	height: 60px;
	margin: 0 0 43px;
	border: 1px solid rgba(0, 229, 255, 0.5);
	border-radius: 14px;
	color: var(--vhs-cyan);
	background: rgba(0, 229, 255, 0.055);
	box-shadow:
		inset 0 0 16px rgba(0, 229, 255, 0.07),
		0 0 19px rgba(0, 229, 255, 0.13);
	font-family: "Arial Narrow", "Roboto Condensed", sans-serif;
	font-size: 0.95rem;
	font-weight: 900;
	letter-spacing: 0.025em;
	line-height: 1;
	text-shadow: 0 0 15px rgba(0, 229, 255, 0.58);
}

.vhs-venue-facility-card:nth-child(even)
	.vhs-venue-facility-icon {
	border-color: rgba(255, 46, 166, 0.5);
	color: var(--vhs-pink);
	background: rgba(255, 46, 166, 0.055);
	text-shadow: 0 0 15px rgba(255, 46, 166, 0.6);
}

.vhs-venue-facility-card:nth-child(3)
	.vhs-venue-facility-icon {
	border-color: rgba(255, 187, 0, 0.5);
	color: var(--vhs-orange);
	background: rgba(255, 187, 0, 0.055);
	text-shadow: 0 0 15px rgba(255, 187, 0, 0.6);
}

.vhs-venue-facility-title {
	margin: auto 0 14px;
	color: var(--vhs-white);
	font-family: "Arial Narrow", "Roboto Condensed", Impact, sans-serif;
	font-size: 1.15rem;
	font-weight: 900;
	letter-spacing: 0.04em;
	line-height: 1.2;
	text-transform: uppercase;
}

.vhs-venue-facility-text {
	margin: 0;
	color: var(--vhs-muted);
	font-size: 0.89rem;
	line-height: 1.68;
}

/* ==========================================================
   DŮLEŽITÉ UPOZORNĚNÍ
   ========================================================== */

.vhs-venue-notice-section {
	padding-top: clamp(55px, 6vw, 90px);
	padding-bottom: clamp(55px, 6vw, 90px);
}

.vhs-venue-notice-card {
	position: relative;
	display: grid;
	grid-template-columns: 82px minmax(0, 1fr);
	align-items: center;
	margin: 0;
	padding: clamp(30px, 4vw, 48px);
	border: 1px solid rgba(255, 187, 0, 0.38);
	border-radius: 21px;
	background:
		radial-gradient(
			circle at 88% 18%,
			rgba(255, 187, 0, 0.11),
			transparent 20rem
		),
		linear-gradient(
			145deg,
			rgba(22, 23, 42, 0.96),
			rgba(6, 8, 19, 0.99)
		);
	box-shadow:
		0 27px 68px rgba(0, 0, 0, 0.39),
		0 0 29px rgba(255, 187, 0, 0.07);
	gap: 27px;
	overflow: hidden;
}

.vhs-venue-notice-icon {
	display: grid;
	align-items: center;
	justify-items: center;
	width: 82px;
	height: 82px;
	margin: 0;
	border: 1px solid rgba(255, 187, 0, 0.54);
	border-radius: 18px;
	color: var(--vhs-orange);
	background: rgba(255, 187, 0, 0.06);
	box-shadow:
		inset 0 0 19px rgba(255, 187, 0, 0.07),
		0 0 24px rgba(255, 187, 0, 0.13);
	font-family: Georgia, serif;
	font-size: 2.4rem;
	font-weight: 900;
	line-height: 1;
	text-shadow:
		0 0 8px rgba(255, 187, 0, 0.9),
		0 0 22px rgba(255, 187, 0, 0.35);
}

.vhs-venue-notice-copy {
	min-width: 0;
}

.vhs-venue-notice-label {
	margin: 0 0 10px;
	color: var(--vhs-orange);
	font-size: 0.65rem;
	font-weight: 900;
	letter-spacing: 0.14em;
	line-height: 1.2;
	text-transform: uppercase;
	text-shadow: 0 0 12px rgba(255, 187, 0, 0.38);
}

.vhs-venue-notice-title {
	margin: 0 0 13px;
	color: var(--vhs-white);
	font-family: "Arial Narrow", "Roboto Condensed", Impact, sans-serif;
	font-size: clamp(1.6rem, 1.25rem + 1vw, 2.55rem);
	font-weight: 900;
	letter-spacing: 0.025em;
	line-height: 1.12;
	text-transform: uppercase;
	text-wrap: balance;
}

.vhs-venue-notice-text {
	max-width: 860px;
	margin: 0;
	color: var(--vhs-muted);
	font-size: 0.94rem;
	line-height: 1.72;
}

/* ==========================================================
   ZÁVĚREČNÝ PANEL
   ========================================================== */

.vhs-venue-cta-section {
	padding-top: clamp(55px, 6vw, 90px);
	padding-bottom: clamp(100px, 10vw, 155px);
}

.vhs-venue-cta-card {
	position: relative;
	padding: clamp(52px, 7vw, 90px);
	border: 1px solid rgba(0, 229, 255, 0.37);
	border-radius: 28px;
	background:
		radial-gradient(
			circle at 14% 35%,
			rgba(0, 229, 255, 0.13),
			transparent 25rem
		),
		radial-gradient(
			circle at 88% 60%,
			rgba(255, 46, 166, 0.15),
			transparent 28rem
		),
		linear-gradient(
			145deg,
			rgba(16, 24, 47, 0.96),
			rgba(7, 9, 21, 0.99)
		);
	box-shadow:
		0 32px 85px rgba(0, 0, 0, 0.43),
		0 0 36px rgba(0, 229, 255, 0.08);
	text-align: center;
	overflow: hidden;
}

.vhs-venue-cta-kicker {
	margin: 0 0 18px;
	color: var(--vhs-pink);
	font-size: 0.69rem;
	font-weight: 900;
	letter-spacing: 0.14em;
	line-height: 1.3;
	text-transform: uppercase;
	text-shadow: 0 0 13px rgba(255, 46, 166, 0.42);
}

.vhs-venue-cta-title {
	max-width: 940px;
	margin: 0 auto 25px;
	color: var(--vhs-white);
	font-family: "Arial Narrow", "Roboto Condensed", Impact, sans-serif;
	font-size: clamp(2.7rem, 5vw, 5.5rem);
	font-weight: 900;
	letter-spacing: -0.025em;
	line-height: 1.03;
	text-transform: uppercase;
	text-wrap: balance;
}

.vhs-venue-cta-text {
	max-width: 720px;
	margin: 0 auto 34px;
	color: var(--vhs-muted);
	font-size: 1rem;
	line-height: 1.75;
}

.vhs-venue-cta-buttons {
	justify-content: center;
	gap: 13px;
}

/* ==========================================================
   TABLETY
   ========================================================== */

@media (max-width: 1050px) {
	.vhs-venue-overview-grid,
	.vhs-venue-transport-grid,
	.vhs-venue-facilities-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.vhs-venue-map-grid {
		grid-template-columns:
			minmax(340px, 0.9fr)
			minmax(0, 1.1fr);
	}

	.vhs-venue-map-frame {
		min-height: 570px;
	}
}

@media (max-width: 850px) {
	.vhs-venue-overview-heading
		> .vhs-venue-overview-intro,
	.vhs-venue-map-heading
		> .vhs-venue-map-intro,
	.vhs-venue-transport-heading
		> .vhs-venue-transport-intro {
		grid-column: 1 !important;
		max-width: 680px !important;
		margin-right: 0 !important;
		margin-left: 0 !important;
	}

	.vhs-venue-map-grid {
		grid-template-columns: 1fr;
	}

	.vhs-venue-map-frame {
		min-height: 500px;
	}

	.vhs-venue-entrance-grid {
		grid-template-columns: 1fr;
	}

	.vhs-venue-entrance-card {
		display: grid;
		grid-template-columns:
			minmax(260px, 0.85fr)
			minmax(0, 1.15fr);
	}

	.vhs-venue-entrance-image {
		min-height: 320px;
		border-right: 1px solid rgba(170, 177, 197, 0.15);
		border-bottom: 0;
	}
}

/* ==========================================================
   MOBILNÍ TELEFONY
   ========================================================== */

@media (max-width: 620px) {
	#adresa-a-mapa,
	#doprava {
		scroll-margin-top: 82px;
	}

	.vhs-venue-overview-section,
	.vhs-venue-map-wrap,
	.vhs-venue-entrance-section,
	.vhs-venue-transport-wrap,
	.vhs-venue-facilities-section,
	.vhs-venue-notice-section,
	.vhs-venue-cta-section {
		width: min(100% - 28px, 1180px);
	}

	.vhs-venue-map-section,
	.vhs-venue-transport-section {
		margin-right: -18px;
		margin-left: -18px;
		padding-right: 18px;
		padding-left: 18px;
	}

	.vhs-venue-page-meta {
		grid-template-columns: 1fr;
	}

	.vhs-venue-overview-grid,
	.vhs-venue-transport-grid,
	.vhs-venue-facilities-grid {
		grid-template-columns: 1fr;
	}

	.vhs-venue-overview-card {
		min-height: 270px;
	}

	.vhs-venue-map-frame {
		min-height: 390px;
		border-radius: 20px;
	}

	.vhs-venue-address-card {
		padding: 31px 22px;
		border-radius: 20px;
	}

	.vhs-venue-address-name {
		font-size: clamp(2.55rem, 13vw, 4.4rem);
		line-height: 1;
	}

	.vhs-venue-address-details {
		grid-template-columns: 1fr;
	}

	.vhs-venue-address-buttons .wp-block-button,
	.vhs-venue-address-buttons .wp-block-button__link {
		width: 100%;
		box-sizing: border-box;
		text-align: center;
	}

	.vhs-venue-entrance-title,
	.vhs-venue-facilities-title {
		max-width: 100%;
	}

	.vhs-venue-entrance-card {
		display: flex;
	}

	.vhs-venue-entrance-image {
		min-height: 350px;
		border-right: 0;
		border-bottom: 1px solid rgba(170, 177, 197, 0.15);
	}

	.vhs-venue-transport-card,
	.vhs-venue-facility-card {
		min-height: 260px;
	}

	.vhs-venue-notice-card {
		grid-template-columns: 1fr;
		padding: 28px 22px;
		gap: 22px;
	}

	.vhs-venue-notice-icon {
		width: 68px;
		height: 68px;
		font-size: 2rem;
	}

	.vhs-venue-cta-card {
		padding: 45px 23px;
		border-radius: 21px;
	}

	.vhs-venue-cta-title {
		font-size: clamp(2.45rem, 12vw, 4.2rem);
	}

	.vhs-venue-cta-buttons .wp-block-button,
	.vhs-venue-cta-buttons .wp-block-button__link {
		width: 100%;
		box-sizing: border-box;
		text-align: center;
	}
}

/* ==========================================================
   OMEZENÍ ANIMACÍ
   ========================================================== */

@media (prefers-reduced-motion: reduce) {
	.vhs-venue-overview-card,
	.vhs-venue-entrance-card,
	.vhs-venue-transport-card,
	.vhs-venue-facility-card,
	.vhs-venue-entrance-image img {
		transition: none;
	}
}
/* ==========================================================
   PODSTRÁNKA KONTAKT
   ========================================================== */

/* ZÁKLADNÍ ŠÍŘKY A KOTVY */

.vhs-contact-topics-section,
.vhs-contact-form-wrap,
.vhs-contact-message-section,
.vhs-contact-social-wrap,
.vhs-contact-faq-section,
.vhs-contact-cta-section {
	width: min(1180px, calc(100% - 48px));
	max-width: 1180px;
	margin-right: auto;
	margin-left: auto;
	box-sizing: border-box;
}

#kontaktni-temata,
#kontaktni-formular {
	scroll-margin-top: 110px;
}

/* ==========================================================
   HERO – KONTAKT
   ========================================================== */

.vhs-contact-page-title {
	width: 100%;
	max-width: 100%;
}

.vhs-contact-page-title span {
	display: block;
	margin-bottom: 0.08em;
}

.vhs-contact-page-screen {
	border-color: rgba(255, 46, 166, 0.31);
	background:
		repeating-linear-gradient(
			0deg,
			rgba(255, 255, 255, 0.018) 0,
			rgba(255, 255, 255, 0.018) 1px,
			transparent 1px,
			transparent 6px
		),
		linear-gradient(
			90deg,
			transparent 49.7%,
			rgba(255, 46, 166, 0.08) 50%,
			transparent 50.3%
		),
		radial-gradient(
			circle at 27% 29%,
			rgba(0, 229, 255, 0.2),
			transparent 44%
		),
		radial-gradient(
			circle at 77% 71%,
			rgba(255, 46, 166, 0.21),
			transparent 45%
		),
		radial-gradient(
			circle at 74% 24%,
			rgba(255, 187, 0, 0.1),
			transparent 35%
		),
		linear-gradient(
			145deg,
			#111c36,
			#080b18 57%,
			#19091d
		);
	box-shadow:
		inset 0 0 95px rgba(0, 0, 0, 0.58),
		0 30px 85px rgba(0, 0, 0, 0.44),
		0 0 44px rgba(255, 46, 166, 0.09);
}

/* KONTAKTNÍ ÚDAJE V HERO ČÁSTI */

.vhs-contact-page-meta {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin: 0 0 32px;
	gap: 13px;
}

.vhs-contact-page-meta-item {
	position: relative;
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr);
	align-items: center;
	min-width: 0;
	margin: 0;
	padding: 15px 17px;
	border: 1px solid rgba(170, 177, 197, 0.19);
	border-radius: 13px;
	background:
		linear-gradient(
			145deg,
			rgba(18, 25, 48, 0.83),
			rgba(6, 9, 21, 0.93)
		);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.03),
		0 14px 34px rgba(0, 0, 0, 0.23);
	gap: 14px;
	overflow: hidden;
}

.vhs-contact-page-meta-item::after {
	position: absolute;
	right: -45px;
	bottom: -60px;
	width: 110px;
	height: 110px;
	border-radius: 50%;
	background: rgba(0, 229, 255, 0.08);
	filter: blur(27px);
	content: "";
	pointer-events: none;
}

.vhs-contact-page-meta-item:nth-child(even)::after {
	background: rgba(255, 46, 166, 0.09);
}

.vhs-contact-page-meta-icon {
	position: relative;
	z-index: 2;
	display: grid;
	align-items: center;
	justify-items: center;
	width: 48px;
	height: 48px;
	margin: 0;
	border: 1px solid rgba(0, 229, 255, 0.5);
	border-radius: 11px;
	color: var(--vhs-cyan);
	background: rgba(0, 229, 255, 0.055);
	box-shadow:
		inset 0 0 14px rgba(0, 229, 255, 0.07),
		0 0 16px rgba(0, 229, 255, 0.12);
	font-family: "Arial Narrow", Impact, sans-serif;
	font-size: 1.15rem;
	font-weight: 900;
	line-height: 1;
	text-shadow: 0 0 13px rgba(0, 229, 255, 0.58);
}

.vhs-contact-page-meta-item:nth-child(even)
	.vhs-contact-page-meta-icon {
	border-color: rgba(255, 46, 166, 0.5);
	color: var(--vhs-pink);
	background: rgba(255, 46, 166, 0.055);
	text-shadow: 0 0 13px rgba(255, 46, 166, 0.6);
}

.vhs-contact-page-meta-label {
	position: relative;
	z-index: 2;
	margin: 0 0 5px;
	color: var(--vhs-cyan);
	font-family: "Arial Narrow", "Roboto Condensed", sans-serif;
	font-size: 0.62rem;
	font-weight: 900;
	letter-spacing: 0.13em;
	line-height: 1.2;
	text-transform: uppercase;
	text-shadow: 0 0 11px rgba(0, 229, 255, 0.38);
}

.vhs-contact-page-meta-item:nth-child(even)
	.vhs-contact-page-meta-label {
	color: var(--vhs-pink);
	text-shadow: 0 0 11px rgba(255, 46, 166, 0.4);
}

.vhs-contact-page-meta-value {
	position: relative;
	z-index: 2;
	margin: 0;
	color: var(--vhs-white);
	font-family: "Arial Narrow", "Roboto Condensed", sans-serif;
	font-size: 0.82rem;
	font-weight: 850;
	letter-spacing: 0.04em;
	line-height: 1.4;
	text-transform: uppercase;
	overflow-wrap: anywhere;
}

/* ==========================================================
   KONTAKTNÍ TÉMATA
   ========================================================== */

.vhs-contact-topics-section {
	padding-top: clamp(100px, 10vw, 155px);
	padding-bottom: clamp(100px, 10vw, 155px);
}

.vhs-contact-topics-heading {
	margin-bottom: clamp(48px, 6vw, 72px) !important;
}

.vhs-contact-topics-heading
	> .vhs-contact-topics-intro {
	grid-column: 2 !important;
	align-self: end !important;
	width: 100% !important;
	max-width: 480px !important;
	margin: 0 0 0.3rem auto !important;
	color: var(--vhs-muted);
	font-size: 1rem;
	line-height: 1.75;
}

.vhs-contact-topics-title {
	width: 100%;
	max-width: 100%;
	margin-bottom: 0;
}

.vhs-contact-topics-title span {
	display: block;
	margin-bottom: 0.08em;
}

.vhs-contact-topics-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: stretch;
	gap: 18px;
}

.vhs-contact-topic-card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	min-height: 340px;
	margin: 0;
	padding: 29px 27px;
	border: 1px solid rgba(170, 177, 197, 0.2);
	border-radius: 18px;
	background:
		linear-gradient(
			145deg,
			rgba(18, 25, 48, 0.93),
			rgba(6, 9, 21, 0.98)
		);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.035),
		0 21px 52px rgba(0, 0, 0, 0.32);
	overflow: hidden;
	transition:
		transform 190ms ease,
		border-color 190ms ease,
		box-shadow 190ms ease;
}

.vhs-contact-topic-card::before {
	position: absolute;
	top: 0;
	right: 24px;
	left: 24px;
	height: 2px;
	border-radius: 999px;
	background:
		linear-gradient(
			90deg,
			transparent,
			var(--vhs-cyan),
			transparent
		);
	box-shadow: 0 0 16px rgba(0, 229, 255, 0.45);
	content: "";
}

.vhs-contact-topic-card:nth-child(even)::before {
	background:
		linear-gradient(
			90deg,
			transparent,
			var(--vhs-pink),
			transparent
		);
	box-shadow: 0 0 16px rgba(255, 46, 166, 0.46);
}

.vhs-contact-topic-card:nth-child(3)::before {
	background:
		linear-gradient(
			90deg,
			transparent,
			var(--vhs-orange),
			transparent
		);
	box-shadow: 0 0 16px rgba(255, 187, 0, 0.46);
}

.vhs-contact-topic-card:hover {
	transform: translateY(-7px);
	border-color: rgba(0, 229, 255, 0.48);
	box-shadow:
		0 31px 72px rgba(0, 0, 0, 0.43),
		0 0 28px rgba(0, 229, 255, 0.09);
}

.vhs-contact-topic-card:nth-child(even):hover {
	border-color: rgba(255, 46, 166, 0.5);
	box-shadow:
		0 31px 72px rgba(0, 0, 0, 0.43),
		0 0 28px rgba(255, 46, 166, 0.1);
}

.vhs-contact-topic-card:nth-child(3):hover {
	border-color: rgba(255, 187, 0, 0.5);
	box-shadow:
		0 31px 72px rgba(0, 0, 0, 0.43),
		0 0 28px rgba(255, 187, 0, 0.1);
}

.vhs-contact-topic-icon {
	display: grid;
	align-items: center;
	justify-items: center;
	width: 62px;
	height: 62px;
	margin: 0 0 43px;
	border: 1px solid rgba(0, 229, 255, 0.5);
	border-radius: 14px;
	color: var(--vhs-cyan);
	background: rgba(0, 229, 255, 0.055);
	box-shadow:
		inset 0 0 16px rgba(0, 229, 255, 0.07),
		0 0 19px rgba(0, 229, 255, 0.13);
	font-family: "Arial Narrow", "Roboto Condensed", sans-serif;
	font-size: 1.2rem;
	font-weight: 900;
	line-height: 1;
	text-shadow: 0 0 15px rgba(0, 229, 255, 0.58);
}

.vhs-contact-topic-card:nth-child(even)
	.vhs-contact-topic-icon {
	border-color: rgba(255, 46, 166, 0.5);
	color: var(--vhs-pink);
	background: rgba(255, 46, 166, 0.055);
	text-shadow: 0 0 15px rgba(255, 46, 166, 0.6);
}

.vhs-contact-topic-card:nth-child(3)
	.vhs-contact-topic-icon {
	border-color: rgba(255, 187, 0, 0.5);
	color: var(--vhs-orange);
	background: rgba(255, 187, 0, 0.055);
	text-shadow: 0 0 15px rgba(255, 187, 0, 0.6);
}

.vhs-contact-topic-title {
	margin: 0 0 14px;
	color: var(--vhs-white);
	font-family: "Arial Narrow", "Roboto Condensed", Impact, sans-serif;
	font-size: 1.3rem;
	font-weight: 900;
	letter-spacing: 0.045em;
	line-height: 1.2;
	text-transform: uppercase;
}

.vhs-contact-topic-text {
	margin: 0 0 25px;
	color: var(--vhs-muted);
	font-size: 0.92rem;
	line-height: 1.7;
}

.vhs-contact-topic-address {
	margin: auto 0 17px;
	padding-top: 20px;
	border-top: 1px solid rgba(170, 177, 197, 0.15);
	color: var(--vhs-cyan);
	font-size: 0.65rem;
	font-weight: 900;
	letter-spacing: 0.12em;
	line-height: 1.45;
	text-transform: uppercase;
	text-shadow: 0 0 11px rgba(0, 229, 255, 0.4);
	overflow-wrap: anywhere;
}

.vhs-contact-topic-card:nth-child(even)
	.vhs-contact-topic-address {
	color: var(--vhs-pink);
	text-shadow: 0 0 11px rgba(255, 46, 166, 0.42);
}

.vhs-contact-topic-card:nth-child(3)
	.vhs-contact-topic-address {
	color: var(--vhs-orange);
	text-shadow: 0 0 11px rgba(255, 187, 0, 0.42);
}

.vhs-contact-topic-link {
	margin: 0;
	font-family: "Arial Narrow", "Roboto Condensed", sans-serif;
	font-size: 0.72rem;
	font-weight: 900;
	letter-spacing: 0.08em;
	line-height: 1.4;
	text-transform: uppercase;
}

.vhs-contact-topic-link a {
	color: var(--vhs-white);
	text-decoration: none;
	transition:
		color 180ms ease,
		text-shadow 180ms ease;
}

.vhs-contact-topic-link a:hover,
.vhs-contact-topic-link a:focus-visible {
	color: var(--vhs-cyan);
	text-shadow: 0 0 12px rgba(0, 229, 255, 0.48);
}

/* ==========================================================
   KONTAKTNÍ FORMULÁŘ A ÚDAJE
   ========================================================== */

.vhs-contact-form-section,
.vhs-contact-social-section {
	position: relative;
	margin-right: -24px;
	margin-left: -24px;
	padding: clamp(100px, 10vw, 155px) 24px;
	border-top: 1px solid rgba(0, 229, 255, 0.11);
	border-bottom: 1px solid rgba(255, 46, 166, 0.11);
	background:
		radial-gradient(
			circle at 13% 22%,
			rgba(0, 229, 255, 0.11),
			transparent 36rem
		),
		radial-gradient(
			circle at 88% 73%,
			rgba(255, 46, 166, 0.11),
			transparent 38rem
		),
		linear-gradient(
			180deg,
			rgba(5, 8, 19, 0.99),
			rgba(9, 12, 27, 0.98),
			rgba(4, 6, 15, 0.99)
		);
	overflow: hidden;
	isolation: isolate;
}

.vhs-contact-form-section::after,
.vhs-contact-social-section::after {
	position: absolute;
	z-index: -1;
	inset: 0;
	background:
		repeating-linear-gradient(
			0deg,
			rgba(255, 255, 255, 0.013) 0,
			rgba(255, 255, 255, 0.013) 1px,
			transparent 1px,
			transparent 6px
		);
	content: "";
	pointer-events: none;
}

.vhs-contact-form-heading,
.vhs-contact-social-heading {
	margin-bottom: clamp(48px, 6vw, 72px) !important;
}

.vhs-contact-form-heading
	> .vhs-contact-form-intro,
.vhs-contact-social-heading
	> .vhs-contact-social-intro {
	grid-column: 2 !important;
	align-self: end !important;
	width: 100% !important;
	max-width: 480px !important;
	margin: 0 0 0.3rem auto !important;
	color: var(--vhs-muted);
	font-size: 1rem;
	line-height: 1.75;
}

.vhs-contact-form-title,
.vhs-contact-social-title {
	width: 100%;
	max-width: 100%;
	margin-bottom: 0;
}

.vhs-contact-form-title span,
.vhs-contact-social-title span {
	display: block;
	margin-bottom: 0.08em;
}

.vhs-contact-form-grid {
	display: grid;
	grid-template-columns:
		minmax(330px, 0.82fr)
		minmax(0, 1.18fr);
	align-items: stretch;
	gap: clamp(28px, 4vw, 54px);
}

/* LEVÝ KONTAKTNÍ PANEL */

.vhs-contact-details-card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	margin: 0;
	padding: clamp(31px, 4vw, 46px);
	border: 1px solid rgba(0, 229, 255, 0.28);
	border-radius: 23px;
	background:
		radial-gradient(
			circle at 12% 12%,
			rgba(0, 229, 255, 0.1),
			transparent 20rem
		),
		linear-gradient(
			145deg,
			rgba(18, 25, 48, 0.94),
			rgba(6, 9, 21, 0.99)
		);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.035),
		0 25px 65px rgba(0, 0, 0, 0.37);
	overflow: hidden;
}

.vhs-contact-details-status,
.vhs-contact-form-status {
	width: fit-content;
	max-width: 100%;
	margin: 0 0 24px;
	padding: 8px 12px;
	border: 1px solid rgba(255, 187, 0, 0.42);
	border-radius: 999px;
	color: var(--vhs-orange);
	background: rgba(255, 187, 0, 0.06);
	font-size: 0.63rem;
	font-weight: 900;
	letter-spacing: 0.13em;
	line-height: 1.35;
	text-transform: uppercase;
	text-shadow: 0 0 12px rgba(255, 187, 0, 0.4);
}

.vhs-contact-details-title {
	margin: 0 0 19px;
	color: var(--vhs-white);
	font-family: "Arial Narrow", "Roboto Condensed", Impact, sans-serif;
	font-size: clamp(3rem, 5vw, 5.8rem);
	font-weight: 900;
	letter-spacing: -0.035em;
	line-height: 0.96;
	text-transform: uppercase;
}

.vhs-contact-details-lead {
	margin: 0 0 31px;
	color: var(--vhs-muted);
	font-size: 0.98rem;
	line-height: 1.78;
}

.vhs-contact-details-list {
	display: grid;
	margin: 0;
	gap: 12px;
}

.vhs-contact-detail-item {
	position: relative;
	display: grid;
	grid-template-columns: 49px minmax(0, 1fr);
	align-items: center;
	min-width: 0;
	margin: 0;
	padding: 16px;
	border: 1px solid rgba(170, 177, 197, 0.18);
	border-radius: 13px;
	background:
		linear-gradient(
			145deg,
			rgba(19, 27, 51, 0.69),
			rgba(7, 10, 23, 0.88)
		);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.025),
		0 13px 30px rgba(0, 0, 0, 0.21);
	gap: 14px;
}

.vhs-contact-detail-icon {
	display: grid;
	align-items: center;
	justify-items: center;
	width: 49px;
	height: 49px;
	margin: 0;
	border: 1px solid rgba(0, 229, 255, 0.46);
	border-radius: 11px;
	color: var(--vhs-cyan);
	background: rgba(0, 229, 255, 0.05);
	font-family: "Arial Narrow", "Roboto Condensed", sans-serif;
	font-size: 0.72rem;
	font-weight: 900;
	line-height: 1;
	text-shadow: 0 0 12px rgba(0, 229, 255, 0.5);
}

.vhs-contact-detail-item:nth-child(even)
	.vhs-contact-detail-icon {
	border-color: rgba(255, 46, 166, 0.46);
	color: var(--vhs-pink);
	background: rgba(255, 46, 166, 0.05);
	text-shadow: 0 0 12px rgba(255, 46, 166, 0.52);
}

.vhs-contact-detail-item:nth-child(3)
	.vhs-contact-detail-icon {
	border-color: rgba(255, 187, 0, 0.46);
	color: var(--vhs-orange);
	background: rgba(255, 187, 0, 0.05);
	text-shadow: 0 0 12px rgba(255, 187, 0, 0.52);
}

.vhs-contact-detail-label {
	margin: 0 0 5px;
	color: var(--vhs-cyan);
	font-size: 0.6rem;
	font-weight: 900;
	letter-spacing: 0.13em;
	line-height: 1.3;
	text-transform: uppercase;
}

.vhs-contact-detail-item:nth-child(even)
	.vhs-contact-detail-label {
	color: var(--vhs-pink);
}

.vhs-contact-detail-item:nth-child(3)
	.vhs-contact-detail-label {
	color: var(--vhs-orange);
}

.vhs-contact-detail-value {
	margin: 0;
	color: var(--vhs-white);
	font-family: "Arial Narrow", "Roboto Condensed", sans-serif;
	font-size: 0.8rem;
	font-weight: 850;
	letter-spacing: 0.035em;
	line-height: 1.45;
	text-transform: uppercase;
	overflow-wrap: anywhere;
}

.vhs-contact-details-note {
	margin: auto 0 0;
	padding-top: 29px;
	color: var(--vhs-muted);
	font-size: 0.85rem;
	line-height: 1.7;
}

/* PRAVÝ FORMULÁŘOVÝ PANEL */

.vhs-contact-form-card {
	position: relative;
	min-width: 0;
	margin: 0;
	padding: clamp(31px, 4vw, 48px);
	border: 1px solid rgba(255, 46, 166, 0.27);
	border-radius: 23px;
	background:
		radial-gradient(
			circle at 90% 10%,
			rgba(255, 46, 166, 0.1),
			transparent 22rem
		),
		linear-gradient(
			145deg,
			rgba(18, 25, 48, 0.94),
			rgba(6, 9, 21, 0.99)
		);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.035),
		0 25px 65px rgba(0, 0, 0, 0.37);
	overflow: hidden;
}

.vhs-contact-form-status {
	border-color: rgba(255, 46, 166, 0.42);
	color: var(--vhs-pink);
	background: rgba(255, 46, 166, 0.06);
	text-shadow: 0 0 12px rgba(255, 46, 166, 0.4);
}

.vhs-contact-form-fields {
	display: grid;
	margin: 0;
	gap: 17px;
}

.vhs-contact-form-row {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 15px;
}

.vhs-contact-field {
	min-width: 0;
	margin: 0;
}

.vhs-contact-field-label {
	margin: 0 0 8px;
	color: var(--vhs-cyan);
	font-family: "Arial Narrow", "Roboto Condensed", sans-serif;
	font-size: 0.62rem;
	font-weight: 900;
	letter-spacing: 0.13em;
	line-height: 1.3;
	text-transform: uppercase;
	text-shadow: 0 0 10px rgba(0, 229, 255, 0.35);
}

.vhs-contact-field:nth-child(even)
	.vhs-contact-field-label {
	color: var(--vhs-pink);
	text-shadow: 0 0 10px rgba(255, 46, 166, 0.35);
}

.vhs-contact-field-placeholder {
	display: flex;
	align-items: center;
	min-height: 58px;
	margin: 0;
	padding: 15px 17px;
	border: 1px solid rgba(170, 177, 197, 0.24);
	border-radius: 11px;
	color: rgba(170, 177, 197, 0.7);
	background:
		linear-gradient(
			145deg,
			rgba(6, 9, 21, 0.86),
			rgba(13, 18, 35, 0.82)
		);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.025),
		inset 0 0 21px rgba(0, 0, 0, 0.22);
	font-family: "Arial Narrow", "Roboto Condensed", sans-serif;
	font-size: 0.76rem;
	font-weight: 800;
	letter-spacing: 0.055em;
	line-height: 1.4;
	text-transform: uppercase;
	box-sizing: border-box;
}

.vhs-contact-field-message
	.vhs-contact-field-placeholder {
	align-items: flex-start;
	min-height: 180px;
	padding-top: 18px;
}

.vhs-contact-form-consent {
	margin: 3px 0 0;
	padding: 16px 18px;
	border-left: 2px solid rgba(255, 187, 0, 0.55);
	color: var(--vhs-muted);
	background: rgba(255, 187, 0, 0.035);
	font-size: 0.82rem;
	line-height: 1.65;
}

.vhs-contact-form-buttons {
	margin-top: 3px;
}

.vhs-contact-form-buttons
	.wp-block-button__link[aria-disabled="true"] {
	opacity: 0.58;
	cursor: not-allowed;
	pointer-events: none;
	filter: saturate(0.7);
}

/* PŘIPRAVENÉ PRO BUDOUCÍ SKUTEČNÝ FORMULÁŘ */

.vhs-contact-form-card input,
.vhs-contact-form-card select,
.vhs-contact-form-card textarea {
	width: 100%;
	min-height: 58px;
	padding: 15px 17px;
	border: 1px solid rgba(170, 177, 197, 0.28);
	border-radius: 11px;
	color: var(--vhs-white);
	background:
		linear-gradient(
			145deg,
			rgba(6, 9, 21, 0.96),
			rgba(13, 18, 35, 0.92)
		);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.025),
		inset 0 0 21px rgba(0, 0, 0, 0.22);
	font: inherit;
	box-sizing: border-box;
	outline: none;
	transition:
		border-color 180ms ease,
		box-shadow 180ms ease;
}

.vhs-contact-form-card textarea {
	min-height: 180px;
	resize: vertical;
}

.vhs-contact-form-card input:focus,
.vhs-contact-form-card select:focus,
.vhs-contact-form-card textarea:focus {
	border-color: rgba(0, 229, 255, 0.68);
	box-shadow:
		inset 0 0 21px rgba(0, 0, 0, 0.22),
		0 0 0 3px rgba(0, 229, 255, 0.08),
		0 0 19px rgba(0, 229, 255, 0.09);
}

/* ==========================================================
   CO UVÉST VE ZPRÁVĚ
   ========================================================== */

.vhs-contact-message-section {
	padding-top: clamp(100px, 10vw, 155px);
	padding-bottom: clamp(100px, 10vw, 155px);
}

.vhs-contact-message-title {
	max-width: 12ch;
	margin-bottom: clamp(45px, 5vw, 65px);
	line-height: 1.1;
}

.vhs-contact-message-title span {
	display: block;
	margin-bottom: 0.08em;
}

.vhs-contact-message-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: stretch;
	gap: 18px;
}

.vhs-contact-message-card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	min-height: 325px;
	margin: 0;
	padding: 29px 27px;
	border: 1px solid rgba(170, 177, 197, 0.2);
	border-radius: 18px;
	background:
		linear-gradient(
			145deg,
			rgba(18, 25, 48, 0.93),
			rgba(6, 9, 21, 0.98)
		);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.035),
		0 21px 52px rgba(0, 0, 0, 0.32);
	overflow: hidden;
	transition:
		transform 190ms ease,
		border-color 190ms ease,
		box-shadow 190ms ease;
}

.vhs-contact-message-card::before {
	position: absolute;
	top: 0;
	right: 23px;
	left: 23px;
	height: 2px;
	border-radius: 999px;
	background:
		linear-gradient(
			90deg,
			transparent,
			var(--vhs-cyan),
			transparent
		);
	box-shadow: 0 0 16px rgba(0, 229, 255, 0.45);
	content: "";
}

.vhs-contact-message-card:nth-child(2)::before {
	background:
		linear-gradient(
			90deg,
			transparent,
			var(--vhs-pink),
			transparent
		);
	box-shadow: 0 0 16px rgba(255, 46, 166, 0.46);
}

.vhs-contact-message-card:nth-child(3)::before {
	background:
		linear-gradient(
			90deg,
			transparent,
			var(--vhs-orange),
			transparent
		);
	box-shadow: 0 0 16px rgba(255, 187, 0, 0.46);
}

.vhs-contact-message-card:hover {
	transform: translateY(-7px);
	border-color: rgba(0, 229, 255, 0.48);
	box-shadow:
		0 31px 72px rgba(0, 0, 0, 0.43),
		0 0 28px rgba(0, 229, 255, 0.09);
}

.vhs-contact-message-number {
	margin: 0 0 53px;
	color: rgba(5, 7, 17, 0.25);
	-webkit-text-fill-color: rgba(5, 7, 17, 0.25);
	-webkit-text-stroke: 1.5px var(--vhs-cyan);
	font-family: "Arial Narrow", Impact, sans-serif;
	font-size: clamp(3.9rem, 5vw, 5.9rem);
	font-weight: 900;
	line-height: 0.8;
	text-shadow:
		0 0 5px rgba(0, 229, 255, 0.86),
		0 0 18px rgba(0, 229, 255, 0.4);
}

.vhs-contact-message-card:nth-child(2)
	.vhs-contact-message-number {
	-webkit-text-stroke-color: var(--vhs-pink);
	text-shadow:
		0 0 5px rgba(255, 46, 166, 0.86),
		0 0 18px rgba(255, 46, 166, 0.42);
}

.vhs-contact-message-card:nth-child(3)
	.vhs-contact-message-number {
	-webkit-text-stroke-color: var(--vhs-orange);
	text-shadow:
		0 0 5px rgba(255, 187, 0, 0.86),
		0 0 18px rgba(255, 187, 0, 0.42);
}

.vhs-contact-message-card-title {
	margin: auto 0 14px;
	color: var(--vhs-white);
	font-family: "Arial Narrow", "Roboto Condensed", Impact, sans-serif;
	font-size: 1.22rem;
	font-weight: 900;
	letter-spacing: 0.04em;
	line-height: 1.2;
	text-transform: uppercase;
}

.vhs-contact-message-card-text {
	margin: 0;
	color: var(--vhs-muted);
	font-size: 0.91rem;
	line-height: 1.7;
}

/* ==========================================================
   SOCIÁLNÍ SÍTĚ
   ========================================================== */

.vhs-contact-social-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	align-items: stretch;
	gap: 17px;
}

.vhs-contact-social-card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	min-height: 305px;
	margin: 0;
	padding: 27px 24px;
	border: 1px solid rgba(170, 177, 197, 0.2);
	border-radius: 17px;
	background:
		linear-gradient(
			145deg,
			rgba(18, 25, 48, 0.92),
			rgba(6, 9, 21, 0.98)
		);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.035),
		0 20px 50px rgba(0, 0, 0, 0.31);
	overflow: hidden;
	transition:
		transform 190ms ease,
		border-color 190ms ease,
		box-shadow 190ms ease;
}

.vhs-contact-social-card::before {
	position: absolute;
	top: 0;
	right: 22px;
	left: 22px;
	height: 2px;
	background:
		linear-gradient(
			90deg,
			transparent,
			var(--vhs-cyan),
			transparent
		);
	box-shadow: 0 0 15px rgba(0, 229, 255, 0.45);
	content: "";
}

.vhs-contact-social-card:nth-child(even)::before {
	background:
		linear-gradient(
			90deg,
			transparent,
			var(--vhs-pink),
			transparent
		);
	box-shadow: 0 0 15px rgba(255, 46, 166, 0.46);
}

.vhs-contact-social-card:nth-child(3)::before {
	background:
		linear-gradient(
			90deg,
			transparent,
			var(--vhs-orange),
			transparent
		);
	box-shadow: 0 0 15px rgba(255, 187, 0, 0.46);
}

.vhs-contact-social-card:hover {
	transform: translateY(-7px);
	border-color: rgba(0, 229, 255, 0.48);
	box-shadow:
		0 30px 70px rgba(0, 0, 0, 0.43),
		0 0 27px rgba(0, 229, 255, 0.09);
}

.vhs-contact-social-icon {
	display: grid;
	align-items: center;
	justify-items: center;
	width: 62px;
	height: 62px;
	margin: 0 0 43px;
	border: 1px solid rgba(0, 229, 255, 0.5);
	border-radius: 14px;
	color: var(--vhs-cyan);
	background: rgba(0, 229, 255, 0.055);
	box-shadow:
		inset 0 0 16px rgba(0, 229, 255, 0.07),
		0 0 19px rgba(0, 229, 255, 0.13);
	font-family: "Arial Narrow", "Roboto Condensed", sans-serif;
	font-size: 0.86rem;
	font-weight: 900;
	letter-spacing: 0.04em;
	line-height: 1;
	text-shadow: 0 0 15px rgba(0, 229, 255, 0.58);
}

.vhs-contact-social-card:nth-child(even)
	.vhs-contact-social-icon {
	border-color: rgba(255, 46, 166, 0.5);
	color: var(--vhs-pink);
	background: rgba(255, 46, 166, 0.055);
	text-shadow: 0 0 15px rgba(255, 46, 166, 0.6);
}

.vhs-contact-social-card:nth-child(3)
	.vhs-contact-social-icon {
	border-color: rgba(255, 187, 0, 0.5);
	color: var(--vhs-orange);
	background: rgba(255, 187, 0, 0.055);
	text-shadow: 0 0 15px rgba(255, 187, 0, 0.6);
}

.vhs-contact-social-card-title {
	margin: auto 0 14px;
	color: var(--vhs-white);
	font-family: "Arial Narrow", "Roboto Condensed", Impact, sans-serif;
	font-size: 1.16rem;
	font-weight: 900;
	letter-spacing: 0.04em;
	line-height: 1.2;
	text-transform: uppercase;
}

.vhs-contact-social-card-text {
	margin: 0 0 23px;
	color: var(--vhs-muted);
	font-size: 0.89rem;
	line-height: 1.68;
}

.vhs-contact-social-link {
	margin: auto 0 0;
	padding-top: 16px;
	border-top: 1px solid rgba(170, 177, 197, 0.15);
	color: var(--vhs-cyan);
	font-size: 0.63rem;
	font-weight: 900;
	letter-spacing: 0.12em;
	line-height: 1.35;
	text-transform: uppercase;
	text-shadow: 0 0 11px rgba(0, 229, 255, 0.4);
	overflow-wrap: anywhere;
}

.vhs-contact-social-card:nth-child(even)
	.vhs-contact-social-link {
	color: var(--vhs-pink);
	text-shadow: 0 0 11px rgba(255, 46, 166, 0.42);
}

.vhs-contact-social-card:nth-child(3)
	.vhs-contact-social-link {
	color: var(--vhs-orange);
	text-shadow: 0 0 11px rgba(255, 187, 0, 0.42);
}

/* ==========================================================
   RYCHLÉ ODPOVĚDI
   ========================================================== */

.vhs-contact-faq-section {
	padding-top: clamp(100px, 10vw, 155px);
	padding-bottom: clamp(80px, 8vw, 120px);
}

.vhs-contact-faq-title {
	max-width: 11ch;
	margin-bottom: clamp(45px, 5vw, 65px);
	line-height: 1.1;
}

.vhs-contact-faq-title span {
	display: block;
	margin-bottom: 0.08em;
}

.vhs-contact-faq-list {
	display: grid;
	width: min(100%, 960px);
	margin: 0 auto;
	gap: 13px;
}

.vhs-contact-faq-item {
	position: relative;
	margin: 0;
	border: 1px solid rgba(170, 177, 197, 0.21);
	border-radius: 15px;
	background:
		linear-gradient(
			145deg,
			rgba(18, 25, 48, 0.91),
			rgba(6, 9, 21, 0.98)
		);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.03),
		0 17px 42px rgba(0, 0, 0, 0.27);
	overflow: hidden;
	transition:
		border-color 180ms ease,
		box-shadow 180ms ease;
}

.vhs-contact-faq-item::before {
	position: absolute;
	top: 0;
	right: 25px;
	left: 25px;
	height: 1px;
	background:
		linear-gradient(
			90deg,
			transparent,
			rgba(0, 229, 255, 0.58),
			transparent
		);
	content: "";
	pointer-events: none;
}

.vhs-contact-faq-item:nth-child(even)::before {
	background:
		linear-gradient(
			90deg,
			transparent,
			rgba(255, 46, 166, 0.6),
			transparent
		);
}

.vhs-contact-faq-item[open] {
	border-color: rgba(0, 229, 255, 0.43);
	box-shadow:
		0 22px 55px rgba(0, 0, 0, 0.36),
		0 0 25px rgba(0, 229, 255, 0.07);
}

.vhs-contact-faq-item:nth-child(even)[open] {
	border-color: rgba(255, 46, 166, 0.44);
	box-shadow:
		0 22px 55px rgba(0, 0, 0, 0.36),
		0 0 25px rgba(255, 46, 166, 0.08);
}

.vhs-contact-faq-item summary {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 82px;
	margin: 0;
	padding: 23px 70px 23px 26px;
	color: var(--vhs-white);
	font-family: "Arial Narrow", "Roboto Condensed", sans-serif;
	font-size: clamp(1rem, 0.96rem + 0.2vw, 1.18rem);
	font-weight: 900;
	letter-spacing: 0.025em;
	line-height: 1.4;
	text-transform: uppercase;
	cursor: pointer;
	list-style: none;
	user-select: none;
}

.vhs-contact-faq-item summary::-webkit-details-marker {
	display: none;
}

.vhs-contact-faq-item summary::after {
	position: absolute;
	top: 50%;
	right: 24px;
	display: grid;
	align-items: center;
	justify-items: center;
	width: 35px;
	height: 35px;
	border: 1px solid rgba(0, 229, 255, 0.43);
	border-radius: 9px;
	color: var(--vhs-cyan);
	background: rgba(0, 229, 255, 0.05);
	box-shadow: 0 0 14px rgba(0, 229, 255, 0.1);
	font-family: Arial, sans-serif;
	font-size: 1.25rem;
	font-weight: 400;
	line-height: 1;
	content: "+";
	transform: translateY(-50%);
	transition:
		transform 180ms ease,
		color 180ms ease,
		border-color 180ms ease;
}

.vhs-contact-faq-item:nth-child(even)
	summary::after {
	border-color: rgba(255, 46, 166, 0.44);
	color: var(--vhs-pink);
	background: rgba(255, 46, 166, 0.05);
	box-shadow: 0 0 14px rgba(255, 46, 166, 0.1);
}

.vhs-contact-faq-item[open]
	summary::after {
	content: "−";
	transform: translateY(-50%) rotate(180deg);
}

.vhs-contact-faq-item summary:hover,
.vhs-contact-faq-item summary:focus-visible {
	color: var(--vhs-cyan);
}

.vhs-contact-faq-item:nth-child(even)
	summary:hover,
.vhs-contact-faq-item:nth-child(even)
	summary:focus-visible {
	color: var(--vhs-pink);
}

.vhs-contact-faq-item > p {
	margin: 0;
	padding: 0 70px 26px 26px;
	color: var(--vhs-muted);
	font-size: 0.94rem;
	line-height: 1.75;
}

.vhs-contact-faq-item[open] > p {
	animation: vhs-contact-faq-reveal 180ms ease both;
}

@keyframes vhs-contact-faq-reveal {
	from {
		opacity: 0;
		transform: translateY(-6px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* ==========================================================
   ZÁVĚREČNÝ PANEL
   ========================================================== */

.vhs-contact-cta-section {
	padding-top: clamp(50px, 6vw, 90px);
	padding-bottom: clamp(100px, 10vw, 155px);
}

.vhs-contact-cta-card {
	position: relative;
	padding: clamp(52px, 7vw, 90px);
	border: 1px solid rgba(0, 229, 255, 0.37);
	border-radius: 28px;
	background:
		radial-gradient(
			circle at 14% 35%,
			rgba(0, 229, 255, 0.13),
			transparent 25rem
		),
		radial-gradient(
			circle at 88% 60%,
			rgba(255, 46, 166, 0.15),
			transparent 28rem
		),
		linear-gradient(
			145deg,
			rgba(16, 24, 47, 0.96),
			rgba(7, 9, 21, 0.99)
		);
	box-shadow:
		0 32px 85px rgba(0, 0, 0, 0.43),
		0 0 36px rgba(0, 229, 255, 0.08);
	text-align: center;
	overflow: hidden;
}

.vhs-contact-cta-kicker {
	margin: 0 0 18px;
	color: var(--vhs-pink);
	font-size: 0.69rem;
	font-weight: 900;
	letter-spacing: 0.14em;
	line-height: 1.3;
	text-transform: uppercase;
	text-shadow: 0 0 13px rgba(255, 46, 166, 0.42);
}

.vhs-contact-cta-title {
	max-width: 930px;
	margin: 0 auto 25px;
	color: var(--vhs-white);
	font-family: "Arial Narrow", "Roboto Condensed", Impact, sans-serif;
	font-size: clamp(2.7rem, 5vw, 5.5rem);
	font-weight: 900;
	letter-spacing: -0.025em;
	line-height: 1.03;
	text-transform: uppercase;
	text-wrap: balance;
}

.vhs-contact-cta-text {
	max-width: 720px;
	margin: 0 auto 34px;
	color: var(--vhs-muted);
	font-size: 1rem;
	line-height: 1.75;
}

.vhs-contact-cta-buttons {
	justify-content: center;
	gap: 13px;
}

/* ==========================================================
   TABLETY
   ========================================================== */

@media (max-width: 1050px) {
	.vhs-contact-social-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.vhs-contact-form-grid {
		grid-template-columns:
			minmax(300px, 0.78fr)
			minmax(0, 1.22fr);
	}
}

@media (max-width: 850px) {
	.vhs-contact-topics-heading
		> .vhs-contact-topics-intro,
	.vhs-contact-form-heading
		> .vhs-contact-form-intro,
	.vhs-contact-social-heading
		> .vhs-contact-social-intro {
		grid-column: 1 !important;
		max-width: 680px !important;
		margin-right: 0 !important;
		margin-left: 0 !important;
	}

	.vhs-contact-form-grid {
		grid-template-columns: 1fr;
	}

	.vhs-contact-details-note {
		margin-top: 29px;
	}

	.vhs-contact-message-grid {
		grid-template-columns: 1fr;
	}

	.vhs-contact-message-card {
		min-height: 275px;
	}
}

/* ==========================================================
   MOBILNÍ TELEFONY
   ========================================================== */

@media (max-width: 620px) {
	#kontaktni-temata,
	#kontaktni-formular {
		scroll-margin-top: 82px;
	}

	.vhs-contact-topics-section,
	.vhs-contact-form-wrap,
	.vhs-contact-message-section,
	.vhs-contact-social-wrap,
	.vhs-contact-faq-section,
	.vhs-contact-cta-section {
		width: min(100% - 28px, 1180px);
	}

	.vhs-contact-form-section,
	.vhs-contact-social-section {
		margin-right: -18px;
		margin-left: -18px;
		padding-right: 18px;
		padding-left: 18px;
	}

	.vhs-contact-page-meta {
		grid-template-columns: 1fr;
	}

	.vhs-contact-topics-grid,
	.vhs-contact-social-grid {
		grid-template-columns: 1fr;
	}

	.vhs-contact-topic-card {
		min-height: 315px;
	}

	.vhs-contact-details-card,
	.vhs-contact-form-card {
		padding: 29px 21px;
		border-radius: 20px;
	}

	.vhs-contact-details-title {
		font-size: clamp(2.8rem, 14vw, 4.6rem);
	}

	.vhs-contact-detail-item {
		grid-template-columns: 46px minmax(0, 1fr);
		padding: 14px;
		gap: 12px;
	}

	.vhs-contact-detail-icon {
		width: 46px;
		height: 46px;
	}

	.vhs-contact-form-row {
		grid-template-columns: 1fr;
	}

	.vhs-contact-field-placeholder {
		min-height: 56px;
	}

	.vhs-contact-field-message
		.vhs-contact-field-placeholder {
		min-height: 160px;
	}

	.vhs-contact-message-title,
	.vhs-contact-faq-title {
		max-width: 100%;
	}

	.vhs-contact-message-card {
		min-height: 260px;
	}

	.vhs-contact-message-number {
		margin-bottom: 39px;
	}

	.vhs-contact-social-card {
		min-height: 270px;
	}

	.vhs-contact-faq-item summary {
		min-height: 76px;
		padding:
			20px
			60px
			20px
			20px;
		font-size: 0.95rem;
	}

	.vhs-contact-faq-item summary::after {
		right: 18px;
		width: 33px;
		height: 33px;
	}

	.vhs-contact-faq-item > p {
		padding:
			0
			20px
			23px;
		font-size: 0.9rem;
	}

	.vhs-contact-cta-card {
		padding: 45px 23px;
		border-radius: 21px;
	}

	.vhs-contact-cta-title {
		font-size: clamp(2.45rem, 12vw, 4.2rem);
	}

	.vhs-contact-cta-buttons .wp-block-button,
	.vhs-contact-cta-buttons .wp-block-button__link,
	.vhs-contact-form-buttons .wp-block-button,
	.vhs-contact-form-buttons .wp-block-button__link {
		width: 100%;
		box-sizing: border-box;
		text-align: center;
	}
}

/* ==========================================================
   OMEZENÍ ANIMACÍ
   ========================================================== */

@media (prefers-reduced-motion: reduce) {
	.vhs-contact-topic-card,
	.vhs-contact-message-card,
	.vhs-contact-social-card,
	.vhs-contact-faq-item,
	.vhs-contact-faq-item summary::after,
	.vhs-contact-form-card input,
	.vhs-contact-form-card select,
	.vhs-contact-form-card textarea {
		transition: none;
	}

	.vhs-contact-faq-item[open] > p {
		animation: none;
	}
}
/* ==========================================================
   UNIVERZÁLNÍ PROFIL HOSTA
   Styly jsou omezené pod .vhs-guest-profile-page,
   aby nezasahovaly do ostatních stránek.
   ========================================================== */

/* ==========================================================
   ZÁKLADNÍ ŠÍŘKY A KOTVY
   ========================================================== */

.vhs-guest-profile-page .vhs-guest-bio-section,
.vhs-guest-profile-page .vhs-guest-vhs-wrap,
.vhs-guest-profile-page .vhs-guest-program-section,
.vhs-guest-profile-page .vhs-guest-interview-wrap,
.vhs-guest-profile-page .vhs-guest-gallery-section,
.vhs-guest-profile-page .vhs-guest-video-wrap,
.vhs-guest-profile-page .vhs-guest-links-section,
.vhs-guest-profile-page .vhs-guest-navigation-wrap,
.vhs-guest-profile-page .vhs-guest-cta-section {
	width: min(1180px, calc(100% - 48px));
	max-width: 1180px;
	margin-right: auto;
	margin-left: auto;
	box-sizing: border-box;
}

.vhs-guest-profile-page #profil-hosta,
.vhs-guest-profile-page #program-hosta {
	scroll-margin-top: 110px;
}

/* ==========================================================
   HERO PROFILU
   ========================================================== */

.vhs-guest-profile-page .vhs-guest-profile-title {
	width: 100%;
	max-width: 100%;
}

.vhs-guest-profile-page .vhs-guest-profile-title span {
	display: block;
	margin-bottom: 0.08em;
}

.vhs-guest-profile-page .vhs-guest-profile-role {
	width: fit-content;
	max-width: 100%;
	margin: 0 0 24px;
	padding: 9px 13px;
	border: 1px solid rgba(255, 187, 0, 0.42);
	border-radius: 999px;
	color: var(--vhs-orange);
	background: rgba(255, 187, 0, 0.055);
	font-size: 0.64rem;
	font-weight: 900;
	letter-spacing: 0.12em;
	line-height: 1.4;
	text-transform: uppercase;
	text-shadow: 0 0 12px rgba(255, 187, 0, 0.4);
}

.vhs-guest-profile-page .vhs-guest-profile-screen {
	position: relative;
	display: grid;
	align-content: center;
	justify-items: center;
	border-color: rgba(255, 46, 166, 0.34);
	background:
		repeating-linear-gradient(
			0deg,
			rgba(255, 255, 255, 0.018) 0,
			rgba(255, 255, 255, 0.018) 1px,
			transparent 1px,
			transparent 6px
		),
		radial-gradient(
			circle at 26% 27%,
			rgba(0, 229, 255, 0.21),
			transparent 44%
		),
		radial-gradient(
			circle at 77% 72%,
			rgba(255, 46, 166, 0.22),
			transparent 46%
		),
		radial-gradient(
			circle at 73% 22%,
			rgba(255, 187, 0, 0.14),
			transparent 36%
		),
		linear-gradient(
			145deg,
			#111c36,
			#080b18 57%,
			#19091d
		);
	box-shadow:
		inset 0 0 105px rgba(0, 0, 0, 0.6),
		0 30px 85px rgba(0, 0, 0, 0.44),
		0 0 44px rgba(255, 46, 166, 0.09);
	overflow: hidden;
}

.vhs-guest-profile-page .vhs-guest-profile-screen::after {
	position: absolute;
	width: min(74%, 360px);
	aspect-ratio: 1;
	border: 1px solid rgba(0, 229, 255, 0.14);
	border-radius: 50%;
	box-shadow:
		0 0 85px rgba(0, 229, 255, 0.12),
		inset 0 0 70px rgba(255, 46, 166, 0.06);
	content: "";
	pointer-events: none;
}

.vhs-guest-profile-page .vhs-guest-profile-screen-number {
	position: relative;
	z-index: 2;
	margin: 0 0 42px;
	color: rgba(5, 7, 17, 0.17);
	-webkit-text-fill-color: rgba(5, 7, 17, 0.17);
	-webkit-text-stroke: 2px var(--vhs-pink);
	font-family: "Arial Narrow", Impact, sans-serif;
	font-size: clamp(7rem, 13vw, 13rem);
	font-weight: 900;
	letter-spacing: -0.06em;
	line-height: 0.75;
	text-shadow:
		0 0 7px rgba(255, 46, 166, 0.9),
		0 0 30px rgba(255, 46, 166, 0.44);
}

.vhs-guest-profile-page .vhs-guest-profile-screen img {
	position: absolute;
	z-index: 3;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.vhs-guest-profile-page
	.vhs-guest-profile-screen:has(img)
	.vhs-guest-profile-screen-number,
.vhs-guest-profile-page
	.vhs-guest-profile-screen:has(img)
	.vhs-page-screen-label {
	display: none;
}

/* HERO META KARTY */

.vhs-guest-profile-page .vhs-guest-profile-meta {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin: 0 0 32px;
	gap: 13px;
}

.vhs-guest-profile-page .vhs-guest-profile-meta-item {
	position: relative;
	display: grid;
	grid-template-columns: 58px minmax(0, 1fr);
	align-items: center;
	min-width: 0;
	margin: 0;
	padding: 15px 17px;
	border: 1px solid rgba(170, 177, 197, 0.19);
	border-radius: 13px;
	background:
		linear-gradient(
			145deg,
			rgba(18, 25, 48, 0.83),
			rgba(6, 9, 21, 0.93)
		);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.03),
		0 14px 34px rgba(0, 0, 0, 0.23);
	gap: 14px;
	overflow: hidden;
}

.vhs-guest-profile-page .vhs-guest-profile-meta-item::after {
	position: absolute;
	right: -45px;
	bottom: -60px;
	width: 110px;
	height: 110px;
	border-radius: 50%;
	background: rgba(0, 229, 255, 0.08);
	filter: blur(27px);
	content: "";
	pointer-events: none;
}

.vhs-guest-profile-page
	.vhs-guest-profile-meta-item:nth-child(even)::after {
	background: rgba(255, 46, 166, 0.09);
}

.vhs-guest-profile-page .vhs-guest-profile-meta-icon {
	position: relative;
	z-index: 2;
	display: grid;
	align-items: center;
	justify-items: center;
	width: 58px;
	height: 48px;
	margin: 0;
	border: 1px solid rgba(0, 229, 255, 0.5);
	border-radius: 11px;
	color: var(--vhs-cyan);
	background: rgba(0, 229, 255, 0.055);
	box-shadow:
		inset 0 0 14px rgba(0, 229, 255, 0.07),
		0 0 16px rgba(0, 229, 255, 0.12);
	font-family: "Arial Narrow", "Roboto Condensed", sans-serif;
	font-size: 0.66rem;
	font-weight: 900;
	letter-spacing: 0.04em;
	line-height: 1;
	text-shadow: 0 0 13px rgba(0, 229, 255, 0.58);
}

.vhs-guest-profile-page
	.vhs-guest-profile-meta-item:nth-child(even)
	.vhs-guest-profile-meta-icon {
	border-color: rgba(255, 46, 166, 0.5);
	color: var(--vhs-pink);
	background: rgba(255, 46, 166, 0.055);
	text-shadow: 0 0 13px rgba(255, 46, 166, 0.6);
}

.vhs-guest-profile-page .vhs-guest-profile-meta-label {
	position: relative;
	z-index: 2;
	margin: 0 0 5px;
	color: var(--vhs-cyan);
	font-size: 0.62rem;
	font-weight: 900;
	letter-spacing: 0.13em;
	line-height: 1.2;
	text-transform: uppercase;
}

.vhs-guest-profile-page
	.vhs-guest-profile-meta-item:nth-child(even)
	.vhs-guest-profile-meta-label {
	color: var(--vhs-pink);
}

.vhs-guest-profile-page .vhs-guest-profile-meta-value {
	position: relative;
	z-index: 2;
	margin: 0;
	color: var(--vhs-white);
	font-family: "Arial Narrow", "Roboto Condensed", sans-serif;
	font-size: 0.82rem;
	font-weight: 850;
	letter-spacing: 0.04em;
	line-height: 1.4;
	text-transform: uppercase;
	overflow-wrap: anywhere;
}

/* ==========================================================
   PROFIL A ŽIVOTOPIS
   ========================================================== */

.vhs-guest-profile-page .vhs-guest-bio-section {
	padding-top: clamp(100px, 10vw, 155px);
	padding-bottom: clamp(100px, 10vw, 155px);
}

.vhs-guest-profile-page .vhs-guest-bio-heading,
.vhs-guest-profile-page .vhs-guest-program-heading,
.vhs-guest-profile-page .vhs-guest-gallery-heading {
	margin-bottom: clamp(48px, 6vw, 72px) !important;
}

.vhs-guest-profile-page
	.vhs-guest-bio-heading
	> .vhs-guest-bio-intro,
.vhs-guest-profile-page
	.vhs-guest-program-heading
	> .vhs-guest-program-intro,
.vhs-guest-profile-page
	.vhs-guest-gallery-heading
	> .vhs-guest-gallery-intro {
	grid-column: 2 !important;
	align-self: end !important;
	width: 100% !important;
	max-width: 480px !important;
	margin: 0 0 0.3rem auto !important;
	color: var(--vhs-muted);
	font-size: 1rem;
	line-height: 1.75;
}

.vhs-guest-profile-page .vhs-guest-bio-title,
.vhs-guest-profile-page .vhs-guest-program-title,
.vhs-guest-profile-page .vhs-guest-gallery-title {
	width: 100%;
	max-width: 100%;
	margin-bottom: 0;
}

.vhs-guest-profile-page .vhs-guest-bio-title span,
.vhs-guest-profile-page .vhs-guest-program-title span,
.vhs-guest-profile-page .vhs-guest-gallery-title span {
	display: block;
	margin-bottom: 0.08em;
}

.vhs-guest-profile-page .vhs-guest-bio-grid {
	display: grid;
	grid-template-columns:
		minmax(390px, 0.95fr)
		minmax(0, 1.05fr);
	align-items: stretch;
	gap: clamp(42px, 6vw, 82px);
}

.vhs-guest-profile-page .vhs-guest-bio-visual,
.vhs-guest-profile-page .vhs-guest-vhs-visual {
	position: relative;
	display: grid;
	align-items: center;
	justify-items: center;
	min-height: 650px;
	margin: 0;
	padding: 38px;
	border: 1px solid rgba(255, 46, 166, 0.29);
	border-radius: 25px;
	background:
		repeating-linear-gradient(
			0deg,
			rgba(255, 255, 255, 0.017) 0,
			rgba(255, 255, 255, 0.017) 1px,
			transparent 1px,
			transparent 6px
		),
		radial-gradient(
			circle at 27% 28%,
			rgba(0, 229, 255, 0.19),
			transparent 44%
		),
		radial-gradient(
			circle at 78% 72%,
			rgba(255, 46, 166, 0.21),
			transparent 46%
		),
		radial-gradient(
			circle at 72% 22%,
			rgba(255, 187, 0, 0.1),
			transparent 33%
		),
		linear-gradient(
			145deg,
			#111c36,
			#080b18 57%,
			#19091d
		);
	box-shadow:
		inset 0 0 85px rgba(0, 0, 0, 0.55),
		0 28px 72px rgba(0, 0, 0, 0.4);
	overflow: hidden;
}

.vhs-guest-profile-page .vhs-guest-bio-visual::before,
.vhs-guest-profile-page .vhs-guest-vhs-visual::before {
	position: absolute;
	inset: 17px;
	border: 1px solid rgba(255, 46, 166, 0.11);
	border-radius: 15px;
	content: "";
	pointer-events: none;
}

.vhs-guest-profile-page .vhs-guest-bio-visual-label,
.vhs-guest-profile-page .vhs-guest-vhs-visual-label {
	position: relative;
	z-index: 2;
	max-width: 290px;
	margin: 0;
	padding: 11px 16px;
	border: 1px solid rgba(255, 46, 166, 0.5);
	border-radius: 7px;
	color: var(--vhs-pink);
	background: rgba(5, 7, 17, 0.84);
	font-size: 0.66rem;
	font-weight: 900;
	letter-spacing: 0.11em;
	line-height: 1.4;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0 0 12px rgba(255, 46, 166, 0.55);
}

.vhs-guest-profile-page .vhs-guest-bio-visual img,
.vhs-guest-profile-page .vhs-guest-vhs-visual img {
	position: absolute;
	z-index: 1;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.vhs-guest-profile-page
	.vhs-guest-bio-visual:has(img)
	.vhs-guest-bio-visual-label,
.vhs-guest-profile-page
	.vhs-guest-vhs-visual:has(img)
	.vhs-guest-vhs-visual-label {
	display: none;
}

.vhs-guest-profile-page .vhs-guest-bio-copy {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-width: 0;
}

.vhs-guest-profile-page .vhs-guest-bio-status {
	width: fit-content;
	max-width: 100%;
	margin: 0 0 24px;
	padding: 8px 12px;
	border: 1px solid rgba(255, 187, 0, 0.42);
	border-radius: 999px;
	color: var(--vhs-orange);
	background: rgba(255, 187, 0, 0.055);
	font-size: 0.63rem;
	font-weight: 900;
	letter-spacing: 0.13em;
	line-height: 1.35;
	text-transform: uppercase;
}

.vhs-guest-profile-page .vhs-guest-bio-name {
	margin: 0 0 26px;
	color: var(--vhs-white);
	font-family: "Arial Narrow", "Roboto Condensed", Impact, sans-serif;
	font-size: clamp(2.9rem, 5vw, 5.8rem);
	font-weight: 900;
	letter-spacing: -0.035em;
	line-height: 0.98;
	text-transform: uppercase;
	text-wrap: balance;
}

.vhs-guest-profile-page .vhs-guest-bio-text,
.vhs-guest-profile-page .vhs-guest-vhs-text {
	margin: 0 0 20px;
	color: var(--vhs-muted);
	font-size: 0.98rem;
	line-height: 1.8;
}

.vhs-guest-profile-page .vhs-guest-facts {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-top: 17px;
	gap: 12px;
}

.vhs-guest-profile-page .vhs-guest-fact {
	min-width: 0;
	margin: 0;
	padding: 17px;
	border: 1px solid rgba(170, 177, 197, 0.19);
	border-radius: 13px;
	background:
		linear-gradient(
			145deg,
			rgba(19, 27, 51, 0.65),
			rgba(7, 10, 23, 0.84)
		);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.025),
		0 13px 30px rgba(0, 0, 0, 0.2);
}

.vhs-guest-profile-page .vhs-guest-fact-label {
	margin: 0 0 7px;
	color: var(--vhs-cyan);
	font-size: 0.61rem;
	font-weight: 900;
	letter-spacing: 0.13em;
	line-height: 1.3;
	text-transform: uppercase;
}

.vhs-guest-profile-page
	.vhs-guest-fact:nth-child(even)
	.vhs-guest-fact-label {
	color: var(--vhs-pink);
}

.vhs-guest-profile-page
	.vhs-guest-fact:nth-child(3)
	.vhs-guest-fact-label {
	color: var(--vhs-orange);
}

.vhs-guest-profile-page .vhs-guest-fact-value {
	margin: 0;
	color: var(--vhs-white);
	font-family: "Arial Narrow", "Roboto Condensed", sans-serif;
	font-size: 0.79rem;
	font-weight: 850;
	letter-spacing: 0.04em;
	line-height: 1.45;
	text-transform: uppercase;
	overflow-wrap: anywhere;
}

/* ==========================================================
   CELOŠÍŘKOVÉ SEKCE
   ========================================================== */

.vhs-guest-profile-page .vhs-guest-vhs-section,
.vhs-guest-profile-page .vhs-guest-interview-section,
.vhs-guest-profile-page .vhs-guest-video-section,
.vhs-guest-profile-page .vhs-guest-navigation-section {
	position: relative;
	margin-right: -24px;
	margin-left: -24px;
	padding: clamp(100px, 10vw, 155px) 24px;
	border-top: 1px solid rgba(0, 229, 255, 0.11);
	border-bottom: 1px solid rgba(255, 46, 166, 0.11);
	background:
		radial-gradient(
			circle at 13% 22%,
			rgba(0, 229, 255, 0.11),
			transparent 36rem
		),
		radial-gradient(
			circle at 88% 73%,
			rgba(255, 46, 166, 0.11),
			transparent 38rem
		),
		linear-gradient(
			180deg,
			rgba(5, 8, 19, 0.99),
			rgba(9, 12, 27, 0.98),
			rgba(4, 6, 15, 0.99)
		);
	overflow: hidden;
	isolation: isolate;
}

.vhs-guest-profile-page .vhs-guest-vhs-section::after,
.vhs-guest-profile-page .vhs-guest-interview-section::after,
.vhs-guest-profile-page .vhs-guest-video-section::after,
.vhs-guest-profile-page .vhs-guest-navigation-section::after {
	position: absolute;
	z-index: -1;
	inset: 0;
	background:
		repeating-linear-gradient(
			0deg,
			rgba(255, 255, 255, 0.013) 0,
			rgba(255, 255, 255, 0.013) 1px,
			transparent 1px,
			transparent 6px
		);
	content: "";
	pointer-events: none;
}

/* ==========================================================
   HOST A SVĚT VHS
   ========================================================== */

.vhs-guest-profile-page .vhs-guest-vhs-wrap {
	display: grid;
	grid-template-columns:
		minmax(0, 0.98fr)
		minmax(390px, 1.02fr);
	align-items: stretch;
	gap: clamp(42px, 6vw, 82px);
}

.vhs-guest-profile-page .vhs-guest-vhs-copy {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-width: 0;
}

.vhs-guest-profile-page .vhs-guest-vhs-title,
.vhs-guest-profile-page .vhs-guest-interview-title,
.vhs-guest-profile-page .vhs-guest-video-title {
	margin: 0 0 27px;
	color: var(--vhs-white);
	font-family: "Arial Narrow", "Roboto Condensed", Impact, sans-serif;
	font-size: clamp(3rem, 5.3vw, 6rem);
	font-weight: 900;
	letter-spacing: -0.04em;
	line-height: 0.97;
	text-transform: uppercase;
	text-wrap: balance;
}

.vhs-guest-profile-page .vhs-guest-vhs-topics {
	display: flex;
	flex-wrap: wrap;
	margin-top: 16px;
	gap: 10px;
}

.vhs-guest-profile-page .vhs-guest-vhs-topic {
	margin: 0;
	padding: 9px 13px;
	border: 1px solid rgba(0, 229, 255, 0.32);
	border-radius: 999px;
	color: var(--vhs-cyan);
	background: rgba(0, 229, 255, 0.045);
	font-size: 0.62rem;
	font-weight: 900;
	letter-spacing: 0.11em;
	line-height: 1.35;
	text-transform: uppercase;
}

.vhs-guest-profile-page .vhs-guest-vhs-topic:nth-child(even) {
	border-color: rgba(255, 46, 166, 0.34);
	color: var(--vhs-pink);
	background: rgba(255, 46, 166, 0.045);
}

.vhs-guest-profile-page .vhs-guest-vhs-visual {
	min-height: 620px;
}

/* ==========================================================
   PROGRAM HOSTA
   ========================================================== */

.vhs-guest-profile-page .vhs-guest-program-section {
	padding-top: clamp(100px, 10vw, 155px);
	padding-bottom: clamp(100px, 10vw, 155px);
}

.vhs-guest-profile-page .vhs-guest-program-card {
	display: grid;
	grid-template-columns: 260px minmax(0, 1fr);
	align-items: stretch;
	margin: 0;
	border: 1px solid rgba(0, 229, 255, 0.29);
	border-radius: 25px;
	background:
		linear-gradient(
			145deg,
			rgba(18, 25, 48, 0.95),
			rgba(6, 9, 21, 0.99)
		);
	box-shadow:
		0 31px 80px rgba(0, 0, 0, 0.43),
		0 0 34px rgba(0, 229, 255, 0.07);
	overflow: hidden;
}

.vhs-guest-profile-page .vhs-guest-program-time {
	position: relative;
	display: grid;
	align-content: center;
	justify-items: center;
	min-height: 480px;
	margin: 0;
	padding: 35px;
	border-right: 1px solid rgba(170, 177, 197, 0.15);
	background:
		repeating-linear-gradient(
			0deg,
			rgba(255, 255, 255, 0.017) 0,
			rgba(255, 255, 255, 0.017) 1px,
			transparent 1px,
			transparent 6px
		),
		radial-gradient(
			circle at 45% 35%,
			rgba(0, 229, 255, 0.18),
			transparent 45%
		),
		radial-gradient(
			circle at 60% 75%,
			rgba(255, 46, 166, 0.15),
			transparent 46%
		),
		linear-gradient(
			145deg,
			#111c36,
			#080b18 58%,
			#19091d
		);
	box-shadow: inset 0 0 70px rgba(0, 0, 0, 0.48);
	text-align: center;
}

.vhs-guest-profile-page .vhs-guest-program-day {
	margin: 0 0 28px;
	color: var(--vhs-orange);
	font-size: 0.68rem;
	font-weight: 900;
	letter-spacing: 0.13em;
	line-height: 1.4;
	text-transform: uppercase;
}

.vhs-guest-profile-page .vhs-guest-program-hour {
	margin: 0;
	color: rgba(5, 7, 17, 0.2);
	-webkit-text-fill-color: rgba(5, 7, 17, 0.2);
	-webkit-text-stroke: 1.5px var(--vhs-cyan);
	font-family: "Arial Narrow", Impact, sans-serif;
	font-size: clamp(4rem, 7vw, 7rem);
	font-weight: 900;
	letter-spacing: -0.04em;
	line-height: 0.9;
	text-shadow:
		0 0 6px rgba(0, 229, 255, 0.85),
		0 0 20px rgba(0, 229, 255, 0.38);
}

.vhs-guest-profile-page .vhs-guest-program-copy {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-width: 0;
	padding: clamp(38px, 6vw, 70px);
}

.vhs-guest-profile-page .vhs-guest-program-type {
	width: fit-content;
	max-width: 100%;
	margin: 0 0 21px;
	padding: 8px 12px;
	border: 1px solid rgba(255, 46, 166, 0.42);
	border-radius: 999px;
	color: var(--vhs-pink);
	background: rgba(255, 46, 166, 0.055);
	font-size: 0.62rem;
	font-weight: 900;
	letter-spacing: 0.13em;
	line-height: 1.35;
	text-transform: uppercase;
}

.vhs-guest-profile-page .vhs-guest-program-card-title {
	margin: 0 0 22px;
	color: var(--vhs-white);
	font-family: "Arial Narrow", "Roboto Condensed", Impact, sans-serif;
	font-size: clamp(2.5rem, 4.5vw, 5rem);
	font-weight: 900;
	letter-spacing: -0.03em;
	line-height: 0.99;
	text-transform: uppercase;
	text-wrap: balance;
}

.vhs-guest-profile-page .vhs-guest-program-card-text {
	margin: 0 0 29px;
	color: var(--vhs-muted);
	font-size: 0.98rem;
	line-height: 1.8;
}

.vhs-guest-profile-page .vhs-guest-program-details {
	display: grid;
	margin: 0 0 31px;
	gap: 10px;
}

.vhs-guest-profile-page .vhs-guest-program-detail {
	margin: 0;
	padding: 14px 16px;
	border: 1px solid rgba(170, 177, 197, 0.18);
	border-radius: 11px;
	color: var(--vhs-white);
	background: rgba(19, 27, 51, 0.53);
	font-size: 0.71rem;
	font-weight: 850;
	letter-spacing: 0.06em;
	line-height: 1.45;
	text-transform: uppercase;
}

.vhs-guest-profile-page .vhs-guest-program-buttons {
	gap: 13px;
}

/* ==========================================================
   ROZHOVOR
   ========================================================== */

.vhs-guest-profile-page .vhs-guest-interview-heading {
	max-width: 850px;
	margin: 0 0 clamp(50px, 7vw, 82px);
}

.vhs-guest-profile-page .vhs-guest-interview-intro {
	max-width: 760px;
	margin: 0;
	color: var(--vhs-muted);
	font-size: 1rem;
	line-height: 1.78;
}

.vhs-guest-profile-page .vhs-guest-interview-grid {
	display: grid;
	grid-template-columns:
		minmax(360px, 0.9fr)
		minmax(0, 1.1fr);
	align-items: stretch;
	gap: clamp(40px, 6vw, 78px);
}

.vhs-guest-profile-page .vhs-guest-interview-quote {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 510px;
	margin: 0;
	padding: clamp(38px, 5vw, 62px);
	border: 1px solid rgba(255, 46, 166, 0.3);
	border-radius: 23px;
	background:
		radial-gradient(
			circle at 25% 30%,
			rgba(0, 229, 255, 0.11),
			transparent 24rem
		),
		radial-gradient(
			circle at 85% 78%,
			rgba(255, 46, 166, 0.14),
			transparent 25rem
		),
		linear-gradient(
			145deg,
			rgba(18, 25, 48, 0.95),
			rgba(6, 9, 21, 0.99)
		);
	box-shadow:
		0 27px 70px rgba(0, 0, 0, 0.4),
		0 0 32px rgba(255, 46, 166, 0.08);
	overflow: hidden;
}

.vhs-guest-profile-page .vhs-guest-interview-mark {
	position: absolute;
	top: 20px;
	left: 30px;
	margin: 0;
	color: rgba(255, 46, 166, 0.18);
	font-family: Georgia, serif;
	font-size: 10rem;
	line-height: 1;
	pointer-events: none;
}

.vhs-guest-profile-page .vhs-guest-interview-blockquote {
	position: relative;
	z-index: 2;
	margin: 0;
	padding: 0;
	border: 0;
}

.vhs-guest-profile-page .vhs-guest-interview-blockquote p {
	margin: 0 0 30px;
	color: var(--vhs-white);
	font-family: Georgia, serif;
	font-size: clamp(1.5rem, 2.5vw, 2.5rem);
	font-style: italic;
	line-height: 1.45;
}

.vhs-guest-profile-page .vhs-guest-interview-blockquote cite {
	display: block;
	color: var(--vhs-pink);
	font-family: "Arial Narrow", "Roboto Condensed", sans-serif;
	font-size: 0.68rem;
	font-style: normal;
	font-weight: 900;
	letter-spacing: 0.13em;
	line-height: 1.4;
	text-transform: uppercase;
}

.vhs-guest-profile-page .vhs-guest-interview-questions {
	display: grid;
	gap: 14px;
}

.vhs-guest-profile-page .vhs-guest-interview-question {
	position: relative;
	min-width: 0;
	margin: 0;
	padding: 25px 24px 25px 88px;
	border: 1px solid rgba(170, 177, 197, 0.2);
	border-radius: 17px;
	background:
		linear-gradient(
			145deg,
			rgba(18, 25, 48, 0.93),
			rgba(6, 9, 21, 0.98)
		);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.035),
		0 18px 45px rgba(0, 0, 0, 0.28);
}

.vhs-guest-profile-page .vhs-guest-interview-number {
	position: absolute;
	top: 25px;
	left: 23px;
	display: grid;
	align-items: center;
	justify-items: center;
	width: 46px;
	height: 46px;
	margin: 0;
	border: 1px solid rgba(0, 229, 255, 0.48);
	border-radius: 12px;
	color: var(--vhs-cyan);
	background: rgba(0, 229, 255, 0.055);
	font-family: "Arial Narrow", Impact, sans-serif;
	font-size: 0.92rem;
	font-weight: 900;
	line-height: 1;
}

.vhs-guest-profile-page
	.vhs-guest-interview-question:nth-child(2)
	.vhs-guest-interview-number {
	border-color: rgba(255, 46, 166, 0.48);
	color: var(--vhs-pink);
	background: rgba(255, 46, 166, 0.055);
}

.vhs-guest-profile-page
	.vhs-guest-interview-question:nth-child(3)
	.vhs-guest-interview-number {
	border-color: rgba(255, 187, 0, 0.48);
	color: var(--vhs-orange);
	background: rgba(255, 187, 0, 0.055);
}

.vhs-guest-profile-page .vhs-guest-interview-question-title {
	margin: 0 0 11px;
	color: var(--vhs-white);
	font-family: "Arial Narrow", "Roboto Condensed", Impact, sans-serif;
	font-size: 1.17rem;
	font-weight: 900;
	letter-spacing: 0.035em;
	line-height: 1.2;
	text-transform: uppercase;
}

.vhs-guest-profile-page .vhs-guest-interview-answer {
	margin: 0;
	color: var(--vhs-muted);
	font-size: 0.9rem;
	line-height: 1.7;
}

/* ==========================================================
   GALERIE HOSTA
   ========================================================== */

.vhs-guest-profile-page .vhs-guest-gallery-section {
	padding-top: clamp(100px, 10vw, 155px);
	padding-bottom: clamp(100px, 10vw, 155px);
}

.vhs-guest-profile-page .vhs-guest-gallery-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-template-rows: repeat(2, 330px);
	gap: 15px;
}

.vhs-guest-profile-page .vhs-guest-gallery-photo {
	position: relative;
	display: grid;
	align-items: center;
	justify-items: center;
	min-width: 0;
	min-height: 0;
	margin: 0;
	padding: 25px;
	border: 1px solid rgba(170, 177, 197, 0.2);
	border-radius: 18px;
	background:
		repeating-linear-gradient(
			0deg,
			rgba(255, 255, 255, 0.016) 0,
			rgba(255, 255, 255, 0.016) 1px,
			transparent 1px,
			transparent 6px
		),
		radial-gradient(
			circle at 26% 28%,
			rgba(0, 229, 255, 0.18),
			transparent 45%
		),
		radial-gradient(
			circle at 78% 74%,
			rgba(255, 46, 166, 0.18),
			transparent 46%
		),
		linear-gradient(
			145deg,
			#111c36,
			#080b18 58%,
			#19091d
		);
	box-shadow:
		inset 0 0 75px rgba(0, 0, 0, 0.48),
		0 20px 50px rgba(0, 0, 0, 0.31);
	overflow: hidden;
	transition:
		transform 210ms ease,
		border-color 210ms ease,
		box-shadow 210ms ease;
}

.vhs-guest-profile-page .vhs-guest-gallery-photo::before {
	position: absolute;
	z-index: 3;
	top: 0;
	right: 22px;
	left: 22px;
	height: 2px;
	background:
		linear-gradient(
			90deg,
			transparent,
			var(--vhs-cyan),
			transparent
		);
	box-shadow: 0 0 15px rgba(0, 229, 255, 0.45);
	content: "";
}

.vhs-guest-profile-page
	.vhs-guest-gallery-photo:nth-child(even)::before {
	background:
		linear-gradient(
			90deg,
			transparent,
			var(--vhs-pink),
			transparent
		);
	box-shadow: 0 0 15px rgba(255, 46, 166, 0.46);
}

.vhs-guest-profile-page .vhs-guest-gallery-photo:hover {
	transform: translateY(-5px);
	border-color: rgba(0, 229, 255, 0.48);
	box-shadow:
		0 30px 72px rgba(0, 0, 0, 0.45),
		0 0 29px rgba(0, 229, 255, 0.09);
}

.vhs-guest-profile-page .vhs-guest-gallery-photo.is-large {
	grid-row: 1 / 3;
	min-height: 675px;
}

.vhs-guest-profile-page .vhs-guest-gallery-photo.is-wide {
	grid-column: 2;
}

.vhs-guest-profile-page .vhs-guest-gallery-placeholder {
	position: relative;
	z-index: 2;
	margin: 0;
	padding: 11px 15px;
	border: 1px solid rgba(0, 229, 255, 0.48);
	border-radius: 7px;
	color: var(--vhs-cyan);
	background: rgba(5, 7, 17, 0.84);
	font-size: 0.66rem;
	font-weight: 900;
	letter-spacing: 0.1em;
	line-height: 1.4;
	text-align: center;
	text-transform: uppercase;
}

.vhs-guest-profile-page
	.vhs-guest-gallery-photo:nth-child(even)
	.vhs-guest-gallery-placeholder {
	border-color: rgba(255, 46, 166, 0.5);
	color: var(--vhs-pink);
}

.vhs-guest-profile-page .vhs-guest-gallery-photo img {
	position: absolute;
	z-index: 1;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 650ms ease;
}

.vhs-guest-profile-page
	.vhs-guest-gallery-photo:has(img)
	.vhs-guest-gallery-placeholder {
	display: none;
}

.vhs-guest-profile-page .vhs-guest-gallery-photo:hover img {
	transform: scale(1.045);
}

.vhs-guest-profile-page .vhs-guest-gallery-buttons {
	justify-content: center;
	margin-top: 35px;
}

/* ==========================================================
   VIDEO S HOSTEM
   ========================================================== */

.vhs-guest-profile-page .vhs-guest-video-wrap {
	display: grid;
	grid-template-columns:
		minmax(400px, 1.08fr)
		minmax(0, 0.92fr);
	align-items: stretch;
	gap: clamp(40px, 6vw, 78px);
}

.vhs-guest-profile-page .vhs-guest-video-player {
	position: relative;
	display: grid;
	align-items: center;
	justify-items: center;
	min-height: 580px;
	margin: 0;
	padding: 35px;
	border: 1px solid rgba(255, 46, 166, 0.29);
	border-radius: 25px;
	background:
		repeating-linear-gradient(
			0deg,
			rgba(255, 255, 255, 0.017) 0,
			rgba(255, 255, 255, 0.017) 1px,
			transparent 1px,
			transparent 6px
		),
		radial-gradient(
			circle at 27% 29%,
			rgba(0, 229, 255, 0.19),
			transparent 44%
		),
		radial-gradient(
			circle at 77% 72%,
			rgba(255, 46, 166, 0.21),
			transparent 46%
		),
		linear-gradient(
			145deg,
			#111c36,
			#080b18 57%,
			#19091d
		);
	box-shadow:
		inset 0 0 85px rgba(0, 0, 0, 0.55),
		0 28px 72px rgba(0, 0, 0, 0.4);
	overflow: hidden;
}

.vhs-guest-profile-page .vhs-guest-video-player iframe,
.vhs-guest-profile-page .vhs-guest-video-player video {
	position: absolute;
	z-index: 3;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
	object-fit: cover;
}

.vhs-guest-profile-page
	.vhs-guest-video-player:has(iframe)
	.vhs-guest-video-play,
.vhs-guest-profile-page
	.vhs-guest-video-player:has(iframe)
	.vhs-guest-video-placeholder,
.vhs-guest-profile-page
	.vhs-guest-video-player:has(video)
	.vhs-guest-video-play,
.vhs-guest-profile-page
	.vhs-guest-video-player:has(video)
	.vhs-guest-video-placeholder {
	display: none;
}

.vhs-guest-profile-page .vhs-guest-video-play {
	position: relative;
	z-index: 2;
	display: grid;
	align-items: center;
	justify-items: center;
	width: 96px;
	height: 96px;
	margin: 0 0 23px;
	padding-left: 7px;
	border: 1px solid rgba(255, 46, 166, 0.62);
	border-radius: 50%;
	color: var(--vhs-pink);
	background: rgba(5, 7, 17, 0.72);
	box-shadow:
		inset 0 0 26px rgba(255, 46, 166, 0.08),
		0 0 34px rgba(255, 46, 166, 0.2);
	font-size: 2.1rem;
	line-height: 1;
	text-shadow:
		0 0 8px rgba(255, 46, 166, 0.92),
		0 0 22px rgba(255, 46, 166, 0.42);
}

.vhs-guest-profile-page .vhs-guest-video-placeholder {
	position: relative;
	z-index: 2;
	margin: 0;
	padding: 11px 16px;
	border: 1px solid rgba(0, 229, 255, 0.49);
	border-radius: 7px;
	color: var(--vhs-cyan);
	background: rgba(5, 7, 17, 0.84);
	font-size: 0.68rem;
	font-weight: 900;
	letter-spacing: 0.1em;
	line-height: 1.4;
	text-align: center;
	text-transform: uppercase;
}

.vhs-guest-profile-page .vhs-guest-video-copy {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-width: 0;
}

.vhs-guest-profile-page .vhs-guest-video-status {
	width: fit-content;
	max-width: 100%;
	margin: 0 0 23px;
	padding: 8px 12px;
	border: 1px solid rgba(255, 187, 0, 0.42);
	border-radius: 999px;
	color: var(--vhs-orange);
	background: rgba(255, 187, 0, 0.06);
	font-size: 0.63rem;
	font-weight: 900;
	letter-spacing: 0.13em;
	line-height: 1.35;
	text-transform: uppercase;
}

.vhs-guest-profile-page .vhs-guest-video-text {
	margin: 0 0 29px;
	color: var(--vhs-muted);
	font-size: 0.98rem;
	line-height: 1.8;
}

.vhs-guest-profile-page .vhs-guest-video-items {
	display: grid;
	gap: 11px;
}

.vhs-guest-profile-page .vhs-guest-video-item {
	margin: 0;
	padding: 15px 17px;
	border: 1px solid rgba(170, 177, 197, 0.18);
	border-radius: 12px;
	color: var(--vhs-white);
	background: rgba(19, 27, 51, 0.53);
	font-size: 0.72rem;
	font-weight: 850;
	letter-spacing: 0.06em;
	line-height: 1.45;
	text-transform: uppercase;
}

/* ==========================================================
   ODKAZY HOSTA
   ========================================================== */

.vhs-guest-profile-page .vhs-guest-links-section {
	padding-top: clamp(100px, 10vw, 155px);
	padding-bottom: clamp(100px, 10vw, 155px);
}

.vhs-guest-profile-page .vhs-guest-links-title {
	max-width: 11ch;
	margin-bottom: 22px;
	line-height: 1.08;
}

.vhs-guest-profile-page .vhs-guest-links-title span {
	display: block;
	margin-bottom: 0.08em;
}

.vhs-guest-profile-page .vhs-guest-links-intro {
	max-width: 730px;
	margin: 0 0 clamp(48px, 6vw, 72px);
	color: var(--vhs-muted);
	font-size: 1rem;
	line-height: 1.75;
}

.vhs-guest-profile-page .vhs-guest-links-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: stretch;
	gap: 18px;
}

.vhs-guest-profile-page .vhs-guest-link-card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	min-height: 290px;
	margin: 0;
	padding: 28px 25px;
	border: 1px solid rgba(170, 177, 197, 0.2);
	border-radius: 18px;
	background:
		linear-gradient(
			145deg,
			rgba(18, 25, 48, 0.93),
			rgba(6, 9, 21, 0.98)
		);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.035),
		0 21px 52px rgba(0, 0, 0, 0.32);
	overflow: hidden;
}

.vhs-guest-profile-page .vhs-guest-link-card::before {
	position: absolute;
	top: 0;
	right: 23px;
	left: 23px;
	height: 2px;
	background:
		linear-gradient(
			90deg,
			transparent,
			var(--vhs-cyan),
			transparent
		);
	box-shadow: 0 0 16px rgba(0, 229, 255, 0.45);
	content: "";
}

.vhs-guest-profile-page
	.vhs-guest-link-card:nth-child(2)::before {
	background:
		linear-gradient(
			90deg,
			transparent,
			var(--vhs-pink),
			transparent
		);
	box-shadow: 0 0 16px rgba(255, 46, 166, 0.46);
}

.vhs-guest-profile-page
	.vhs-guest-link-card:nth-child(3)::before {
	background:
		linear-gradient(
			90deg,
			transparent,
			var(--vhs-orange),
			transparent
		);
	box-shadow: 0 0 16px rgba(255, 187, 0, 0.46);
}

.vhs-guest-profile-page .vhs-guest-link-card.is-disabled {
	opacity: 0.72;
}

.vhs-guest-profile-page .vhs-guest-link-icon {
	display: grid;
	align-items: center;
	justify-items: center;
	width: 64px;
	height: 62px;
	margin: 0 0 44px;
	border: 1px solid rgba(0, 229, 255, 0.5);
	border-radius: 14px;
	color: var(--vhs-cyan);
	background: rgba(0, 229, 255, 0.055);
	font-size: 0.66rem;
	font-weight: 900;
	letter-spacing: 0.05em;
	line-height: 1;
}

.vhs-guest-profile-page
	.vhs-guest-link-card:nth-child(2)
	.vhs-guest-link-icon {
	border-color: rgba(255, 46, 166, 0.5);
	color: var(--vhs-pink);
	background: rgba(255, 46, 166, 0.055);
}

.vhs-guest-profile-page
	.vhs-guest-link-card:nth-child(3)
	.vhs-guest-link-icon {
	border-color: rgba(255, 187, 0, 0.5);
	color: var(--vhs-orange);
	background: rgba(255, 187, 0, 0.055);
}

.vhs-guest-profile-page .vhs-guest-link-title {
	margin: auto 0 14px;
	color: var(--vhs-white);
	font-family: "Arial Narrow", "Roboto Condensed", Impact, sans-serif;
	font-size: 1.2rem;
	font-weight: 900;
	letter-spacing: 0.04em;
	line-height: 1.22;
	text-transform: uppercase;
}

.vhs-guest-profile-page .vhs-guest-link-text {
	margin: 0;
	color: var(--vhs-muted);
	font-size: 0.9rem;
	line-height: 1.7;
}

/* ==========================================================
   NAVIGACE PROFILŮ
   ========================================================== */

.vhs-guest-profile-page .vhs-guest-navigation-wrap {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

.vhs-guest-profile-page .vhs-guest-navigation-card {
	position: relative;
	min-width: 0;
	margin: 0;
	padding: clamp(31px, 5vw, 52px);
	border: 1px solid rgba(0, 229, 255, 0.3);
	border-radius: 21px;
	background:
		linear-gradient(
			145deg,
			rgba(18, 25, 48, 0.94),
			rgba(6, 9, 21, 0.99)
		);
	box-shadow:
		0 25px 65px rgba(0, 0, 0, 0.38),
		0 0 28px rgba(0, 229, 255, 0.07);
}

.vhs-guest-profile-page .vhs-guest-navigation-card:nth-child(2) {
	border-color: rgba(255, 46, 166, 0.3);
	box-shadow:
		0 25px 65px rgba(0, 0, 0, 0.38),
		0 0 28px rgba(255, 46, 166, 0.07);
}

.vhs-guest-profile-page .vhs-guest-navigation-card.is-disabled {
	opacity: 0.64;
}

.vhs-guest-profile-page .vhs-guest-navigation-label {
	margin: 0 0 13px;
	color: var(--vhs-cyan);
	font-size: 0.63rem;
	font-weight: 900;
	letter-spacing: 0.14em;
	line-height: 1.3;
	text-transform: uppercase;
}

.vhs-guest-profile-page
	.vhs-guest-navigation-card:nth-child(2)
	.vhs-guest-navigation-label {
	color: var(--vhs-pink);
}

.vhs-guest-profile-page .vhs-guest-navigation-title {
	margin: 0 0 14px;
	color: var(--vhs-white);
	font-family: "Arial Narrow", "Roboto Condensed", Impact, sans-serif;
	font-size: clamp(1.65rem, 3vw, 3.1rem);
	font-weight: 900;
	letter-spacing: 0.01em;
	line-height: 1.08;
	text-transform: uppercase;
}

.vhs-guest-profile-page .vhs-guest-navigation-title a {
	color: inherit;
	text-decoration: none;
}

.vhs-guest-profile-page .vhs-guest-navigation-text {
	margin: 0;
	color: var(--vhs-muted);
	font-size: 0.92rem;
	line-height: 1.7;
}

/* ==========================================================
   ZÁVĚREČNÝ PANEL
   ========================================================== */

.vhs-guest-profile-page .vhs-guest-cta-section {
	padding-top: clamp(80px, 8vw, 120px);
	padding-bottom: clamp(100px, 10vw, 155px);
}

.vhs-guest-profile-page .vhs-guest-cta-card {
	position: relative;
	padding: clamp(52px, 7vw, 90px);
	border: 1px solid rgba(0, 229, 255, 0.37);
	border-radius: 28px;
	background:
		radial-gradient(
			circle at 14% 35%,
			rgba(0, 229, 255, 0.13),
			transparent 25rem
		),
		radial-gradient(
			circle at 88% 60%,
			rgba(255, 46, 166, 0.15),
			transparent 28rem
		),
		linear-gradient(
			145deg,
			rgba(16, 24, 47, 0.96),
			rgba(7, 9, 21, 0.99)
		);
	box-shadow:
		0 32px 85px rgba(0, 0, 0, 0.43),
		0 0 36px rgba(0, 229, 255, 0.08);
	text-align: center;
	overflow: hidden;
}

.vhs-guest-profile-page .vhs-guest-cta-kicker {
	margin: 0 0 18px;
	color: var(--vhs-pink);
	font-size: 0.69rem;
	font-weight: 900;
	letter-spacing: 0.14em;
	line-height: 1.3;
	text-transform: uppercase;
}

.vhs-guest-profile-page .vhs-guest-cta-title {
	max-width: 950px;
	margin: 0 auto 25px;
	color: var(--vhs-white);
	font-family: "Arial Narrow", "Roboto Condensed", Impact, sans-serif;
	font-size: clamp(2.7rem, 5vw, 5.5rem);
	font-weight: 900;
	letter-spacing: -0.025em;
	line-height: 1.03;
	text-transform: uppercase;
	text-wrap: balance;
}

.vhs-guest-profile-page .vhs-guest-cta-text {
	max-width: 720px;
	margin: 0 auto 34px;
	color: var(--vhs-muted);
	font-size: 1rem;
	line-height: 1.75;
}

.vhs-guest-profile-page .vhs-guest-cta-buttons {
	justify-content: center;
	gap: 13px;
}

/* ==========================================================
   NOTEBOOKY A TABLETY
   ========================================================== */

@media (max-width: 1050px) {
	.vhs-guest-profile-page .vhs-guest-bio-grid {
		grid-template-columns:
			minmax(340px, 0.9fr)
			minmax(0, 1.1fr);
	}

	.vhs-guest-profile-page .vhs-guest-vhs-wrap {
		grid-template-columns:
			minmax(0, 1.08fr)
			minmax(340px, 0.92fr);
	}

	.vhs-guest-profile-page .vhs-guest-video-wrap {
		grid-template-columns:
			minmax(340px, 0.95fr)
			minmax(0, 1.05fr);
	}
}

@media (max-width: 850px) {
	.vhs-guest-profile-page
		.vhs-guest-bio-heading
		> .vhs-guest-bio-intro,
	.vhs-guest-profile-page
		.vhs-guest-program-heading
		> .vhs-guest-program-intro,
	.vhs-guest-profile-page
		.vhs-guest-gallery-heading
		> .vhs-guest-gallery-intro {
		grid-column: 1 !important;
		max-width: 680px !important;
		margin-right: 0 !important;
		margin-left: 0 !important;
	}

	.vhs-guest-profile-page .vhs-guest-bio-grid,
	.vhs-guest-profile-page .vhs-guest-vhs-wrap,
	.vhs-guest-profile-page .vhs-guest-interview-grid,
	.vhs-guest-profile-page .vhs-guest-video-wrap {
		grid-template-columns: 1fr;
	}

	.vhs-guest-profile-page .vhs-guest-bio-visual,
	.vhs-guest-profile-page .vhs-guest-vhs-visual {
		min-height: 530px;
	}

	.vhs-guest-profile-page .vhs-guest-program-card {
		grid-template-columns: 210px minmax(0, 1fr);
	}

	.vhs-guest-profile-page .vhs-guest-program-time {
		min-height: 440px;
	}

	.vhs-guest-profile-page .vhs-guest-interview-quote {
		min-height: 430px;
	}

	.vhs-guest-profile-page .vhs-guest-video-player {
		min-height: 500px;
	}

	.vhs-guest-profile-page .vhs-guest-links-grid {
		grid-template-columns: 1fr;
	}

	.vhs-guest-profile-page .vhs-guest-link-card {
		min-height: 255px;
	}
}

/* ==========================================================
   MOBILNÍ TELEFONY
   ========================================================== */

@media (max-width: 620px) {
	.vhs-guest-profile-page #profil-hosta,
	.vhs-guest-profile-page #program-hosta {
		scroll-margin-top: 82px;
	}

	.vhs-guest-profile-page .vhs-guest-bio-section,
	.vhs-guest-profile-page .vhs-guest-vhs-wrap,
	.vhs-guest-profile-page .vhs-guest-program-section,
	.vhs-guest-profile-page .vhs-guest-interview-wrap,
	.vhs-guest-profile-page .vhs-guest-gallery-section,
	.vhs-guest-profile-page .vhs-guest-video-wrap,
	.vhs-guest-profile-page .vhs-guest-links-section,
	.vhs-guest-profile-page .vhs-guest-navigation-wrap,
	.vhs-guest-profile-page .vhs-guest-cta-section {
		width: min(100% - 28px, 1180px);
	}

	.vhs-guest-profile-page .vhs-guest-vhs-section,
	.vhs-guest-profile-page .vhs-guest-interview-section,
	.vhs-guest-profile-page .vhs-guest-video-section,
	.vhs-guest-profile-page .vhs-guest-navigation-section {
		margin-right: -18px;
		margin-left: -18px;
		padding-right: 18px;
		padding-left: 18px;
	}

	.vhs-guest-profile-page .vhs-guest-profile-meta {
		grid-template-columns: 1fr;
	}

	.vhs-guest-profile-page .vhs-guest-profile-screen-number {
		font-size: clamp(6rem, 31vw, 9rem);
	}

	.vhs-guest-profile-page .vhs-guest-bio-visual,
	.vhs-guest-profile-page .vhs-guest-vhs-visual {
		min-height: 420px;
		border-radius: 20px;
	}

	.vhs-guest-profile-page .vhs-guest-bio-name,
	.vhs-guest-profile-page .vhs-guest-vhs-title,
	.vhs-guest-profile-page .vhs-guest-interview-title,
	.vhs-guest-profile-page .vhs-guest-video-title {
		font-size: clamp(2.6rem, 13vw, 4.5rem);
	}

	.vhs-guest-profile-page .vhs-guest-facts {
		grid-template-columns: 1fr;
	}

	.vhs-guest-profile-page .vhs-guest-program-card {
		grid-template-columns: 1fr;
		border-radius: 21px;
	}

	.vhs-guest-profile-page .vhs-guest-program-time {
		min-height: 260px;
		border-right: 0;
		border-bottom: 1px solid rgba(170, 177, 197, 0.15);
	}

	.vhs-guest-profile-page .vhs-guest-program-copy {
		padding: 38px 22px;
	}

	.vhs-guest-profile-page .vhs-guest-program-buttons .wp-block-button,
	.vhs-guest-profile-page
		.vhs-guest-program-buttons
		.wp-block-button__link {
		width: 100%;
		box-sizing: border-box;
		text-align: center;
	}

	.vhs-guest-profile-page .vhs-guest-interview-quote {
		min-height: 390px;
		padding: 38px 25px;
	}

	.vhs-guest-profile-page .vhs-guest-interview-blockquote p {
		font-size: 1.35rem;
	}

	.vhs-guest-profile-page .vhs-guest-interview-question {
		padding: 82px 21px 23px;
	}

	.vhs-guest-profile-page .vhs-guest-interview-number {
		top: 21px;
		left: 21px;
	}

	.vhs-guest-profile-page .vhs-guest-gallery-grid {
		grid-template-columns: 1fr;
		grid-template-rows: none;
	}

	.vhs-guest-profile-page .vhs-guest-gallery-photo,
	.vhs-guest-profile-page .vhs-guest-gallery-photo.is-large,
	.vhs-guest-profile-page .vhs-guest-gallery-photo.is-wide {
		grid-column: 1;
		grid-row: auto;
		min-height: 350px;
	}

	.vhs-guest-profile-page .vhs-guest-gallery-photo.is-large {
		min-height: 470px;
	}

	.vhs-guest-profile-page .vhs-guest-video-player {
		min-height: 390px;
		border-radius: 20px;
	}

	.vhs-guest-profile-page .vhs-guest-video-play {
		width: 78px;
		height: 78px;
		font-size: 1.7rem;
	}

	.vhs-guest-profile-page .vhs-guest-links-title {
		max-width: 100%;
	}

	.vhs-guest-profile-page .vhs-guest-navigation-wrap {
		grid-template-columns: 1fr;
	}

	.vhs-guest-profile-page .vhs-guest-navigation-card {
		padding: 29px 22px;
		border-radius: 18px;
	}

	.vhs-guest-profile-page .vhs-guest-gallery-buttons .wp-block-button,
	.vhs-guest-profile-page
		.vhs-guest-gallery-buttons
		.wp-block-button__link,
	.vhs-guest-profile-page .vhs-guest-cta-buttons .wp-block-button,
	.vhs-guest-profile-page
		.vhs-guest-cta-buttons
		.wp-block-button__link {
		width: 100%;
		box-sizing: border-box;
		text-align: center;
	}

	.vhs-guest-profile-page .vhs-guest-cta-card {
		padding: 45px 23px;
		border-radius: 21px;
	}

	.vhs-guest-profile-page .vhs-guest-cta-title {
		font-size: clamp(2.4rem, 12vw, 4.1rem);
	}
}

/* ==========================================================
   OMEZENÍ ANIMACÍ
   ========================================================== */

@media (prefers-reduced-motion: reduce) {
	.vhs-guest-profile-page .vhs-guest-gallery-photo,
	.vhs-guest-profile-page .vhs-guest-gallery-photo img {
		transition: none;
	}
}

/* ==========================================================
   VHS SRAZ — NEON HEADER & TWO-COLOR MAIN TITLES 1.0
   Reference: kompaktní menu v samostatném tmavém rámečku,
   cyanová první část názvu a růžová druhá část názvu.
   ========================================================== */

/* ----------------------------------------------------------
   01 — HLAVIČKA JAKO SAMOSTATNÝ RÁMEČEK
   ---------------------------------------------------------- */

.vhs-site-header {
	padding: 14px 18px !important;
	border-bottom: 0 !important;
	background: rgba(3, 5, 13, 0.72) !important;
	box-shadow: none !important;
	-webkit-backdrop-filter: blur(18px) saturate(1.08);
	backdrop-filter: blur(18px) saturate(1.08);
}

.vhs-header-inner {
	display: grid !important;
	grid-template-columns:
		minmax(210px, 1fr)
		auto
		minmax(210px, 1fr);
	align-items: center !important;
	width: min(1380px, 100%) !important;
	max-width: 1380px !important;
	min-height: 68px;
	margin: 0 auto !important;
	padding: 0 24px;
	border: 1px solid rgba(91, 111, 166, 0.34);
	border-radius: 10px;
	background:
		radial-gradient(
			circle at 14% 50%,
			rgba(0, 229, 255, 0.055),
			transparent 22rem
		),
		radial-gradient(
			circle at 88% 50%,
			rgba(255, 46, 166, 0.055),
			transparent 22rem
		),
		linear-gradient(
			180deg,
			rgba(10, 14, 31, 0.97),
			rgba(6, 9, 22, 0.98)
		);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.035),
		inset 0 0 28px rgba(0, 229, 255, 0.018),
		0 12px 34px rgba(0, 0, 0, 0.34),
		0 0 22px rgba(0, 229, 255, 0.035),
		0 0 26px rgba(255, 46, 166, 0.025);
	box-sizing: border-box;
}

.vhs-header-inner::after {
	grid-column: 3;
	width: 100%;
	content: "";
}

/* ----------------------------------------------------------
   02 — ZNAČKA VHS SRAZ 2026 VLEVO
   Stejný neonový charakter jako hlavní název akce.
   ---------------------------------------------------------- */

.vhs-brand {
	grid-column: 1;
	min-width: 0;
	gap: 0 !important;
}

.vhs-brand .wp-block-site-logo,
.vhs-brand-subtitle {
	display: none !important;
}

.vhs-brand-title {
	margin: 0 !important;
	font-family: var(--vhs-font-display) !important;
	font-size: clamp(1.55rem, 1.05rem + 1vw, 2.25rem) !important;
	font-weight: 900 !important;
	letter-spacing: -0.025em !important;
	line-height: 0.94 !important;
	text-transform: uppercase;
	white-space: nowrap;
}

.vhs-brand-title a {
	display: inline-flex;
	align-items: baseline;
	color: transparent !important;
	text-decoration: none !important;
	text-shadow: none !important;
	gap: 0.12em;
}

.vhs-brand-word {
	display: inline-block;
	color: rgba(7, 10, 20, 0.18);
	-webkit-text-fill-color: rgba(7, 10, 20, 0.18);
	-webkit-text-stroke-width: 1.25px;
	-webkit-text-stroke-style: solid;
}

.vhs-brand-word-cyan {
	-webkit-text-stroke-color: var(--vhs-cyan);
	text-shadow:
		0 0 3px rgba(0, 229, 255, 0.95),
		0 0 10px rgba(0, 229, 255, 0.62),
		0 0 22px rgba(0, 229, 255, 0.24);
}

.vhs-brand-word-pink {
	-webkit-text-stroke-color: var(--vhs-pink-ui);
	text-shadow:
		0 0 3px rgba(255, 46, 166, 0.95),
		0 0 10px rgba(255, 46, 166, 0.62),
		0 0 22px rgba(255, 46, 166, 0.24);
}

.vhs-brand-title a:hover .vhs-brand-word-cyan {
	text-shadow:
		0 0 4px rgba(0, 229, 255, 1),
		0 0 13px rgba(0, 229, 255, 0.78),
		0 0 28px rgba(0, 229, 255, 0.32);
}

.vhs-brand-title a:hover .vhs-brand-word-pink {
	text-shadow:
		0 0 4px rgba(255, 46, 166, 1),
		0 0 13px rgba(255, 46, 166, 0.78),
		0 0 28px rgba(255, 46, 166, 0.32);
}

/* ----------------------------------------------------------
   03 — KOMPAKTNÍ MENU PODLE REFERENCE
   ---------------------------------------------------------- */

.vhs-header-actions {
	grid-column: 2;
	justify-self: center;
	min-width: 0;
	margin: 0 !important;
	gap: 0 !important;
}

.vhs-main-nav {
	font-family: var(--vhs-font-body) !important;
	font-size: 0.76rem !important;
	font-weight: 560 !important;
	letter-spacing: 0.005em !important;
	line-height: 1.2;
	text-transform: none !important;
}

.vhs-main-nav .wp-block-navigation__container {
	align-items: center;
	flex-wrap: nowrap !important;
	gap: 0.78rem !important;
}

.vhs-main-nav .wp-block-navigation__container
	> .wp-block-navigation-item {
	position: relative;
	flex-shrink: 0;
}

.vhs-main-nav .wp-block-navigation__container
	> .wp-block-navigation-item:not(:last-child)::after {
	position: absolute;
	top: 50%;
	right: -0.48rem;
	color: rgba(0, 229, 255, 0.38);
	font-size: 0.62rem;
	font-weight: 700;
	line-height: 1;
	content: "›";
	transform: translateY(-52%);
	pointer-events: none;
}

.vhs-main-nav .wp-block-navigation-item__content {
	position: relative;
	padding: 0.82rem 0.03rem 0.76rem !important;
	color: rgba(244, 251, 255, 0.88) !important;
	font-family: inherit !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	letter-spacing: inherit !important;
	line-height: inherit !important;
	text-decoration: none !important;
	text-shadow: none !important;
	white-space: nowrap;
}

.vhs-main-nav .wp-block-navigation-item__content::after {
	position: absolute;
	right: 0;
	bottom: 0.42rem;
	left: 0;
	height: 1.5px;
	border-radius: 999px;
	background: var(--vhs-pink-ui) !important;
	box-shadow:
		0 0 7px rgba(255, 46, 166, 0.72),
		0 0 15px rgba(255, 46, 166, 0.28) !important;
	content: "";
	opacity: 0;
	transform: scaleX(0.42);
	transform-origin: center;
	transition:
		opacity 160ms ease,
		transform 160ms ease;
}

.vhs-main-nav .wp-block-navigation-item__content:hover,
.vhs-main-nav .wp-block-navigation-item__content:focus-visible {
	color: var(--vhs-pink-ui) !important;
	text-shadow: 0 0 10px rgba(255, 46, 166, 0.36) !important;
}

.vhs-main-nav .wp-block-navigation-item__content:hover::after,
.vhs-main-nav .wp-block-navigation-item__content:focus-visible::after,
.vhs-main-nav .current-menu-item > .wp-block-navigation-item__content::after,
.vhs-main-nav .current-menu-ancestor > .wp-block-navigation-item__content::after {
	opacity: 1;
	transform: scaleX(1);
}

.vhs-main-nav .current-menu-item > .wp-block-navigation-item__content,
.vhs-main-nav .current-menu-ancestor > .wp-block-navigation-item__content {
	color: var(--vhs-pink-ui) !important;
	font-weight: 650 !important;
	text-shadow: 0 0 10px rgba(255, 46, 166, 0.34) !important;
}

/* ----------------------------------------------------------
   04 — HLAVNÍ NÁZVY: CYAN + RŮŽOVÁ
   První část ve spanu je cyanová. Druhá část názvu mimo span
   je stejně výrazná růžová, nikoli obyčejná bílá.
   ---------------------------------------------------------- */

.vhs-section-title,
.vhs-page-title {
	color: rgba(7, 10, 20, 0.2) !important;
	-webkit-text-fill-color: rgba(7, 10, 20, 0.2) !important;
	-webkit-text-stroke: 2px var(--vhs-pink-ui) !important;
	text-shadow:
		0 0 5px rgba(255, 46, 166, 0.94),
		0 0 18px rgba(255, 46, 166, 0.54),
		0 0 40px rgba(255, 46, 166, 0.21) !important;
}

.vhs-section-title > span,
.vhs-page-title > span {
	color: rgba(7, 10, 20, 0.2) !important;
	-webkit-text-fill-color: rgba(7, 10, 20, 0.2) !important;
	-webkit-text-stroke: 2px var(--vhs-cyan) !important;
	text-shadow:
		0 0 5px rgba(0, 229, 255, 0.94),
		0 0 18px rgba(0, 229, 255, 0.54),
		0 0 40px rgba(0, 229, 255, 0.21) !important;
}

/* Hlavní titul na domovské stránce: VHS cyan / SRAZ pink / 2026 cyan */

.vhs-hero-title-line {
	display: flex !important;
	align-items: baseline;
	width: fit-content !important;
	gap: 0.12em;
}

.vhs-hero-title-line > span {
	display: inline-block !important;
	width: auto !important;
}

.vhs-hero-title > .vhs-title-cyan,
.vhs-hero-title-line > .vhs-title-cyan {
	-webkit-text-stroke-color: var(--vhs-cyan) !important;
}

.vhs-hero-title > .vhs-title-pink,
.vhs-hero-title-line > .vhs-title-pink {
	-webkit-text-stroke-color: var(--vhs-pink-ui) !important;
}

/* ----------------------------------------------------------
   05 — NOTEBOOKY A MENŠÍ DESKTOPY
   ---------------------------------------------------------- */

@media (max-width: 1240px) {
	.vhs-header-inner {
		grid-template-columns:
		minmax(175px, 0.8fr)
		auto
		minmax(110px, 0.8fr);
		padding-right: 18px;
		padding-left: 18px;
	}

	.vhs-brand-title {
		font-size: clamp(1.35rem, 1.05rem + 0.7vw, 1.8rem) !important;
	}

	.vhs-main-nav {
		font-size: 0.69rem !important;
		letter-spacing: 0 !important;
	}

	.vhs-main-nav .wp-block-navigation__container {
		gap: 0.6rem !important;
	}

	.vhs-main-nav .wp-block-navigation__container
		> .wp-block-navigation-item:not(:last-child)::after {
		right: -0.38rem;
	}
}

/* ----------------------------------------------------------
   06 — DŘÍVĚJŠÍ PŘECHOD NA HAMBURGER MENU
   Dlouhé české názvy se nebudou lámat do dvou řádků.
   ---------------------------------------------------------- */

@media (max-width: 1100px) {
	.vhs-header-inner {
		display: flex !important;
		justify-content: space-between !important;
		min-height: 62px;
		padding-right: 18px;
		padding-left: 18px;
	}

	.vhs-header-inner::after {
		display: none;
	}

	.vhs-brand,
	.vhs-header-actions {
		grid-column: auto;
	}

	.vhs-header-actions {
		justify-self: auto;
		margin-left: auto !important;
	}

	.vhs-main-nav .wp-block-navigation__responsive-container-open {
		display: flex !important;
		align-items: center;
		justify-content: center;
		width: 42px;
		height: 42px;
		padding: 0;
		border: 1px solid rgba(255, 46, 166, 0.42);
		border-radius: 8px;
		color: var(--vhs-pink-ui) !important;
		background: rgba(255, 46, 166, 0.045);
		box-shadow:
			inset 0 0 12px rgba(255, 46, 166, 0.04),
			0 0 16px rgba(255, 46, 166, 0.08);
	}

	.vhs-main-nav
		.wp-block-navigation__responsive-container:not(.is-menu-open) {
		display: none !important;
	}

	.vhs-main-nav .wp-block-navigation__responsive-container.is-menu-open {
		display: flex !important;
		padding: 1.35rem !important;
		background:
			radial-gradient(
				circle at 82% 12%,
				rgba(255, 46, 166, 0.14),
				transparent 24rem
			),
			linear-gradient(
				180deg,
				rgba(9, 13, 29, 0.99),
				rgba(5, 7, 17, 1)
			) !important;
	}

	.vhs-main-nav
		.wp-block-navigation__responsive-container.is-menu-open
		.wp-block-navigation__container {
		align-items: stretch !important;
		gap: 0.15rem !important;
	}

	.vhs-main-nav
		.wp-block-navigation__responsive-container.is-menu-open
		.wp-block-navigation-item {
		width: 100%;
	}

	.vhs-main-nav
		.wp-block-navigation__responsive-container.is-menu-open
		.wp-block-navigation-item::after {
		display: none !important;
	}

	.vhs-main-nav
		.wp-block-navigation__responsive-container.is-menu-open
		.wp-block-navigation-item__content {
		width: 100%;
		padding: 0.78rem 0 !important;
		font-size: 0.96rem !important;
		font-weight: 560 !important;
	}
}

@media (min-width: 1101px) {
	.vhs-main-nav .wp-block-navigation__responsive-container-open {
		display: none !important;
	}

	.vhs-main-nav
		.wp-block-navigation__responsive-container:not(.is-menu-open) {
		display: flex !important;
	}
}

/* ----------------------------------------------------------
   07 — MOBILNÍ TELEFONY
   ---------------------------------------------------------- */

@media (max-width: 620px) {
	.vhs-site-header {
		padding: 9px 10px !important;
	}

	.vhs-header-inner {
		min-height: 56px;
		padding-right: 12px;
		padding-left: 14px;
		border-radius: 9px;
	}

	.vhs-brand-title {
		font-size: clamp(1.25rem, 5.9vw, 1.62rem) !important;
		letter-spacing: -0.02em !important;
	}

	.vhs-brand-word {
		-webkit-text-stroke-width: 1px;
	}

	.vhs-main-nav .wp-block-navigation__responsive-container-open {
		width: 38px;
		height: 38px;
	}

	.vhs-section-title,
	.vhs-page-title,
	.vhs-section-title > span,
	.vhs-page-title > span {
		-webkit-text-stroke-width: 1.5px !important;
	}

	.vhs-hero-title-line {
		gap: 0.09em;
	}
}

/* ==========================================================
   VHS SRAZ — TYPOGRAPHY SUITE 1.0
   Big Shoulders Display + Roboto Condensed + Roboto
   ========================================================== */

/* ----------------------------------------------------------
   01 — VELKÉ NEONOVÉ A ZNAČKOVÉ NÁZVY
   ---------------------------------------------------------- */

:is(
	.vhs-brand-title,
	.vhs-hero-title,
	.vhs-section-title,
	.vhs-page-title,
	.vhs-contact-main-title,
	.vhs-about-cta-title,
	.vhs-year-number,
	.vhs-contact-option-number,
	.vhs-about-experience-number,
	.vhs-footer-site-title,
	.vhs-footer-gwangi
) {
	font-family: var(--vhs-font-display) !important;
	font-weight: 900 !important;
	font-synthesis: none;
}

.vhs-brand-title,
.vhs-hero-title,
.vhs-section-title,
.vhs-page-title,
.vhs-contact-main-title,
.vhs-about-cta-title {
	letter-spacing: -0.018em !important;
}

.vhs-year-number,
.vhs-contact-option-number,
.vhs-about-experience-number {
	letter-spacing: -0.035em !important;
	font-variant-numeric: tabular-nums;
}

/* ----------------------------------------------------------
   02 — MENŠÍ BAREVNÉ NADPISY A NÁZVY KARET
   ---------------------------------------------------------- */

:is(
	.vhs-hero-kicker,
	.vhs-hero-lead,
	.vhs-event-meta strong,
	.vhs-section-kicker,
	.vhs-info-title,
	.vhs-info-highlight,
	.vhs-program-time,
	.vhs-program-card-title,
	.vhs-guest-role,
	.vhs-guest-name,
	.vhs-featured-guest-name,
	.vhs-guest-profile-name,
	.vhs-market-feature-title,
	.vhs-location-card-title,
	.vhs-location-highlight,
	.vhs-year-status,
	.vhs-year-link,
	.vhs-contact-main-label,
	.vhs-contact-detail-label,
	.vhs-contact-detail-value,
	.vhs-contact-option-title,
	.vhs-footer-subtitle,
	.vhs-footer-signal,
	.vhs-footer-heading,
	.vhs-footer-contact-label,
	.vhs-footer-contact-value,
	.vhs-footer-rewind a,
	.vhs-gallery-placeholder,
	.vhs-gallery-year,
	.vhs-gallery-name,
	.vhs-page-kicker,
	.vhs-page-screen-label,
	.vhs-about-story-screen-label,
	.vhs-about-experience-card-title,
	.vhs-about-audience-card-title,
	.vhs-about-quote p,
	.vhs-screen-label,
	.vhs-about-screen-label,
	.vhs-market-screen-label,
	.vhs-location-screen-label
) {
	font-family: var(--vhs-font-heading) !important;
	font-synthesis: none;
}

:is(
	.vhs-section-kicker,
	.vhs-info-title,
	.vhs-program-card-title,
	.vhs-guest-name,
	.vhs-market-feature-title,
	.vhs-location-card-title,
	.vhs-contact-option-title,
	.vhs-footer-heading,
	.vhs-gallery-name,
	.vhs-about-experience-card-title,
	.vhs-about-audience-card-title
) {
	font-weight: 700 !important;
}

/* ----------------------------------------------------------
   03 — MENU, ODSTAVCE, FORMULÁŘE A BĚŽNÉ TEXTY
   ---------------------------------------------------------- */

html,
body,
button,
input,
select,
textarea,
.vhs-main-nav,
.vhs-main-nav .wp-block-navigation-item__content {
	font-family: var(--vhs-font-body) !important;
}

.vhs-main-nav {
	font-weight: 500 !important;
	letter-spacing: 0.005em !important;
}

.vhs-main-nav .current-menu-item > .wp-block-navigation-item__content,
.vhs-main-nav .current-menu-ancestor > .wp-block-navigation-item__content {
	font-weight: 600 !important;
}

/* ----------------------------------------------------------
   04 — ČESKÁ DIAKRITIKA A VYKRESLOVÁNÍ
   ---------------------------------------------------------- */

:is(
	.vhs-brand-title,
	.vhs-hero-title,
	.vhs-section-title,
	.vhs-page-title,
	.vhs-contact-main-title,
	.vhs-about-cta-title,
	.vhs-guest-name,
	.vhs-program-card-title
) {
	font-kerning: normal;
	text-rendering: optimizeLegibility;
	overflow: visible;
}

@media (max-width: 620px) {
	.vhs-brand-title,
	.vhs-hero-title,
	.vhs-section-title,
	.vhs-page-title {
		letter-spacing: -0.012em !important;
	}
}


/* ==========================================================
   VHS SRAZ — FRONT PAGE CINEMATIC BACKGROUND DESIGN 1.1
   Pouze úvodní stránka. Ostatní šablony zůstávají beze změny.
   Hero a sekce O akci používají celoplošné obrazové pozadí.
   ========================================================== */

.vhs-front-header,
.vhs-front-reference {
	--vhs-ref-bg: #030612;
	--vhs-ref-bg-soft: #070b1c;
	--vhs-ref-panel: rgba(8, 13, 34, 0.9);
	--vhs-ref-panel-strong: rgba(6, 10, 27, 0.98);
	--vhs-ref-border: rgba(98, 108, 150, 0.42);
	--vhs-ref-cyan: #20e7ff;
	--vhs-ref-pink: #ff42a7;
	--vhs-ref-white: #f7f5f8;
	--vhs-ref-muted: #b6b7c4;
	--vhs-ref-orange: #ff9c24;
	--vhs-ref-display: "Big Shoulders Display", "Arial Narrow", Impact, sans-serif;
	--vhs-ref-heading: "Roboto Condensed", "Arial Narrow", Arial, sans-serif;
	--vhs-ref-body: Roboto, "Segoe UI", Arial, sans-serif;
}

/* ----------------------------------------------------------
   FRONT-PAGE HLAVIČKA — VLOŽENÁ PŘÍMO DO FRONT-PAGE.HTML
   ---------------------------------------------------------- */

.vhs-front-header {
	position: sticky;
	z-index: 1500;
	top: 12px;
	width: min(1180px, calc(100% - 30px));
	margin: 12px auto 0;
	border: 1px solid rgba(89, 94, 139, 0.52);
	border-radius: 8px;
	background: linear-gradient(180deg, rgba(8, 12, 31, 0.97), rgba(4, 7, 20, 0.98));
	box-shadow:
		0 12px 36px rgba(0, 0, 0, 0.34),
		inset 0 1px 0 rgba(255, 255, 255, 0.025),
		0 0 30px rgba(38, 89, 255, 0.045);
	-webkit-backdrop-filter: blur(18px);
	backdrop-filter: blur(18px);
}

.admin-bar .vhs-front-header {
	top: 44px;
}

.vhs-front-header__inner {
	position: relative;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	min-height: 68px;
	padding: 8px 15px 8px 24px;
	gap: 24px;
}

.vhs-front-logo {
	display: inline-flex;
	align-items: center;
	gap: 0.18em;
	color: inherit;
	font-family: var(--vhs-ref-display);
	font-size: clamp(1.9rem, 2.5vw, 2.65rem);
	font-weight: 900;
	letter-spacing: -0.025em;
	line-height: 0.9;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
}

.vhs-front-logo:hover {
	color: inherit;
	text-shadow: none;
}

.vhs-front-logo span {
	color: rgba(3, 6, 18, 0.3);
	-webkit-text-fill-color: rgba(3, 6, 18, 0.3);
	-webkit-text-stroke-width: 1.25px;
}

.vhs-front-logo__cyan {
	-webkit-text-stroke-color: var(--vhs-ref-cyan);
	text-shadow:
		0 0 4px rgba(32, 231, 255, 0.95),
		0 0 13px rgba(32, 231, 255, 0.48);
}

.vhs-front-logo__pink {
	-webkit-text-stroke-color: var(--vhs-ref-pink);
	text-shadow:
		0 0 4px rgba(255, 66, 167, 0.95),
		0 0 13px rgba(255, 66, 167, 0.48);
}

.vhs-front-nav {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 0;
	gap: clamp(17px, 1.8vw, 29px);
}

.vhs-front-nav a {
	position: relative;
	padding: 22px 0 20px;
	color: var(--vhs-ref-white);
	font-family: var(--vhs-ref-body);
	font-size: 0.78rem;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1;
	text-decoration: none;
	white-space: nowrap;
}

.vhs-front-nav a::after {
	position: absolute;
	right: 0;
	bottom: 13px;
	left: 0;
	height: 1px;
	border-radius: 999px;
	background: var(--vhs-ref-pink);
	box-shadow: 0 0 10px rgba(255, 66, 167, 0.7);
	content: "";
	opacity: 0;
	transform: scaleX(0.5);
	transition: opacity 160ms ease, transform 160ms ease;
}

.vhs-front-nav a:hover,
.vhs-front-nav a[aria-current="page"] {
	color: var(--vhs-ref-pink);
	text-shadow: 0 0 12px rgba(255, 66, 167, 0.36);
}

.vhs-front-nav a:hover::after,
.vhs-front-nav a[aria-current="page"]::after {
	opacity: 1;
	transform: scaleX(1);
}

.vhs-front-header__cta,
.vhs-front-mobile-menu__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 38px;
	padding: 0 24px;
	border: 1px solid var(--vhs-ref-pink);
	border-radius: 6px;
	color: #ff8fc8;
	background: rgba(255, 66, 167, 0.07);
	box-shadow:
		inset 0 0 18px rgba(255, 66, 167, 0.06),
		0 0 13px rgba(255, 66, 167, 0.3);
	font-family: var(--vhs-ref-heading);
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.035em;
	line-height: 1;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
}

.vhs-front-header__cta:hover,
.vhs-front-mobile-menu__cta:hover {
	color: var(--vhs-ref-white);
	background: rgba(255, 66, 167, 0.15);
	box-shadow: 0 0 24px rgba(255, 66, 167, 0.48);
	text-shadow: 0 0 12px rgba(255, 66, 167, 0.55);
}

.vhs-front-mobile-nav {
	display: none;
	position: static;
}

.vhs-front-mobile-nav > summary {
	list-style: none;
}

.vhs-front-mobile-nav > summary::-webkit-details-marker {
	display: none;
}

.vhs-front-menu-toggle {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 42px;
	height: 42px;
	min-height: 42px;
	padding: 0;
	border: 1px solid rgba(32, 231, 255, 0.38);
	border-radius: 7px;
	background: rgba(32, 231, 255, 0.035);
	box-shadow: none;
	gap: 5px;
	cursor: pointer;
}

.vhs-front-menu-toggle span {
	display: block;
	width: 19px;
	height: 1px;
	background: var(--vhs-ref-cyan);
	box-shadow: 0 0 7px rgba(32, 231, 255, 0.58);
}

.vhs-front-mobile-menu {
	position: absolute;
	top: calc(100% + 1px);
	right: -1px;
	left: -1px;
	display: grid;
	padding: 8px 18px 18px;
	border: 1px solid rgba(89, 94, 139, 0.52);
	border-top: 0;
	border-radius: 0 0 8px 8px;
	background: rgba(4, 7, 20, 0.985);
	box-shadow: 0 20px 42px rgba(0, 0, 0, 0.38);
	gap: 4px;
}

.vhs-front-mobile-menu a:not(.vhs-front-mobile-menu__cta) {
	padding: 12px 5px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
	color: var(--vhs-ref-white);
	font-family: var(--vhs-ref-body);
	font-size: 0.92rem;
	text-decoration: none;
}

.vhs-front-mobile-menu__cta {
	margin-top: 10px;
}

/* ----------------------------------------------------------
   ZÁKLAD FRONT PAGE

   Kořenové pozadí je záměrně na .wp-site-blocks, protože
   hlavička je samostatný WordPress template-part před <main>.
   Prostor okolo plovoucí hlavičky proto patří kořeni stránky,
   nikoli až prvku .vhs-front-reference. Tím nevzniká přechod
   mezi globálním body pozadím a tmavým pozadím front page.
   ---------------------------------------------------------- */

body.home .wp-site-blocks {
	background:
		radial-gradient(circle at 72% 16%, rgba(37, 71, 180, 0.14), transparent 34rem),
		radial-gradient(circle at 86% 30%, rgba(255, 34, 139, 0.1), transparent 31rem),
		linear-gradient(180deg, #030612 0%, #02040e 100%);
}

.vhs-front-reference {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 18px 0 44px;
	color: var(--vhs-ref-white);
	background: transparent;
	font-family: var(--vhs-ref-body);
	overflow: hidden;
	isolation: isolate;
}

.vhs-front-reference::before {
	position: fixed;
	z-index: -1;
	inset: 0;
	background:
		repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.012) 0, rgba(255, 255, 255, 0.012) 1px, transparent 1px, transparent 5px),
		radial-gradient(circle at 50% 18%, rgba(13, 43, 110, 0.11), transparent 43rem);
	content: "";
	pointer-events: none;
}

.vhs-ref-shell {
	width: min(1180px, calc(100% - 30px));
	margin-right: auto;
	margin-left: auto;
}

/* ----------------------------------------------------------
   IKONY — VÝMĚNA POUHÝM NAHRAZENÍM SVG SOUBORU
   ---------------------------------------------------------- */

.vhs-ref-icon {
	--vhs-icon-size: 45px;
	display: inline-block;
	flex: 0 0 var(--vhs-icon-size);
	width: var(--vhs-icon-size);
	height: var(--vhs-icon-size);
	color: currentColor;
	background: currentColor;
	-webkit-mask: var(--vhs-icon-url) center / contain no-repeat;
	mask: var(--vhs-icon-url) center / contain no-repeat;
	filter: drop-shadow(0 0 7px currentColor);
}

.vhs-icon-calendar { --vhs-icon-url: url("./assets/icons/calendar.svg"); }
.vhs-icon-location { --vhs-icon-url: url("./assets/icons/location.svg"); }
.vhs-icon-people { --vhs-icon-url: url("./assets/icons/people.svg"); }
.vhs-icon-entry { --vhs-icon-url: url("./assets/icons/entry.svg"); }
.vhs-icon-vhs { --vhs-icon-url: url("./assets/icons/vhs.svg"); }
.vhs-icon-projector { --vhs-icon-url: url("./assets/icons/projector.svg"); }
.vhs-icon-microphone { --vhs-icon-url: url("./assets/icons/microphone.svg"); }
.vhs-icon-clapper { --vhs-icon-url: url("./assets/icons/clapper.svg"); }
.vhs-icon-camera { --vhs-icon-url: url("./assets/icons/camera.svg"); }

/* ----------------------------------------------------------
   HERO — JEDEN CELOPLOŠNÝ OBRAZ POD TEXTEM
   ---------------------------------------------------------- */

.vhs-ref-hero {
	position: relative;
	min-height: 690px;
	margin: 0;
	background-image:
		linear-gradient(
			90deg,
			rgba(3, 6, 18, 1) 0%,
			rgba(3, 6, 18, 0.99) 24%,
			rgba(3, 6, 18, 0.92) 39%,
			rgba(3, 6, 18, 0.58) 55%,
			rgba(3, 6, 18, 0.16) 74%,
			rgba(3, 6, 18, 0.04) 100%
		),
		linear-gradient(
			180deg,
			rgba(3, 6, 18, 0.2) 0%,
			transparent 25%,
			transparent 72%,
			rgba(3, 6, 18, 0.88) 100%
		),
		url("./assets/images/front-hero.webp");
	background-position: center right;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
	isolation: isolate;
}

.vhs-ref-hero::before {
	position: absolute;
	z-index: 1;
	inset: 0;
	background:
		repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.012) 0, rgba(255, 255, 255, 0.012) 1px, transparent 1px, transparent 5px),
		radial-gradient(circle at 74% 43%, rgba(0, 169, 255, 0.08), transparent 26rem),
		radial-gradient(circle at 88% 48%, rgba(255, 26, 142, 0.08), transparent 27rem);
	content: "";
	pointer-events: none;
}

.vhs-ref-hero::after {
	position: absolute;
	z-index: 2;
	inset: 0;
	box-shadow:
		inset 0 28px 48px rgba(2, 4, 13, 0.32),
		inset 0 -65px 78px rgba(2, 4, 13, 0.82);
	content: "";
	pointer-events: none;
}

.vhs-ref-hero__inner {
	position: relative;
	z-index: 4;
	display: flex;
	align-items: center;
	min-height: 690px;
}

.vhs-ref-hero__copy {
	position: relative;
	z-index: 5;
	width: min(52%, 600px);
	padding: 44px 0 48px 32px;
}

.vhs-ref-kicker {
	margin: 0 0 14px;
	color: var(--vhs-ref-cyan);
	font-family: var(--vhs-ref-heading);
	font-size: clamp(0.72rem, 0.62rem + 0.16vw, 0.88rem);
	font-weight: 700;
	letter-spacing: 0.035em;
	line-height: 1.25;
	text-transform: uppercase;
	text-shadow: 0 0 11px rgba(32, 231, 255, 0.4);
}

.vhs-ref-title {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin: 0;
	font-family: var(--vhs-ref-display);
	font-size: clamp(5.2rem, 8.4vw, 8.6rem);
	font-weight: 900;
	letter-spacing: -0.035em;
	line-height: 0.72;
	text-transform: uppercase;
}

.vhs-ref-title span {
	display: block;
	width: fit-content;
	padding: 0.045em 0.02em 0.06em;
	color: rgba(2, 5, 15, 0.34);
	-webkit-text-fill-color: rgba(2, 5, 15, 0.34);
	-webkit-text-stroke-width: 2px;
}

.vhs-ref-title__cyan {
	-webkit-text-stroke-color: var(--vhs-ref-cyan);
	text-shadow:
		0 0 4px rgba(32, 231, 255, 1),
		0 0 14px rgba(32, 231, 255, 0.66),
		0 0 34px rgba(32, 231, 255, 0.23);
}

.vhs-ref-title__pink {
	-webkit-text-stroke-color: var(--vhs-ref-pink);
	text-shadow:
		0 0 4px rgba(255, 66, 167, 1),
		0 0 14px rgba(255, 66, 167, 0.68),
		0 0 34px rgba(255, 66, 167, 0.25);
}

.vhs-ref-subtitle {
	margin: 22px 0 25px;
	color: #ff72ba;
	font-family: var(--vhs-ref-heading);
	font-size: clamp(1.1rem, 1rem + 0.34vw, 1.45rem);
	font-weight: 700;
	letter-spacing: 0.07em;
	line-height: 1.25;
	text-transform: uppercase;
	text-shadow: 0 0 13px rgba(255, 66, 167, 0.34);
}

.vhs-ref-event-meta {
	display: grid;
	margin: 0 0 27px;
	gap: 17px;
}

.vhs-ref-event-meta__row {
	display: flex;
	align-items: center;
	color: var(--vhs-ref-white);
	font-size: clamp(1rem, 0.94rem + 0.24vw, 1.22rem);
	line-height: 1.3;
	gap: 15px;
}

.vhs-ref-event-meta__row .vhs-ref-icon {
	--vhs-icon-size: 29px;
	color: var(--vhs-ref-pink);
}

.vhs-ref-event-meta__row--cyan strong {
	color: var(--vhs-ref-cyan);
	font-family: var(--vhs-ref-heading);
	font-size: 1.18em;
	letter-spacing: 0.025em;
	text-shadow: 0 0 11px rgba(32, 231, 255, 0.36);
}

.vhs-ref-actions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 13px;
}

.vhs-ref-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 49px;
	padding: 0 28px;
	border-radius: 6px;
	font-family: var(--vhs-ref-heading);
	font-size: 0.84rem;
	font-weight: 700;
	letter-spacing: 0.045em;
	line-height: 1;
	text-decoration: none;
	text-transform: uppercase;
	transition: transform 170ms ease, box-shadow 170ms ease, background 170ms ease;
	gap: 18px;
}

.vhs-ref-button:hover {
	transform: translateY(-2px);
	text-shadow: none;
}

.vhs-ref-button--pink {
	border: 1px solid #ff79be;
	color: #fff;
	background: linear-gradient(180deg, #ea278b, #b60b61);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.18),
		0 0 19px rgba(255, 40, 146, 0.48),
		0 13px 27px rgba(0, 0, 0, 0.28);
}

.vhs-ref-button--pink:hover {
	color: #fff;
	background: linear-gradient(180deg, #ff3f9f, #c90f70);
	box-shadow: 0 0 29px rgba(255, 50, 158, 0.58);
}

.vhs-ref-button--cyan,
.vhs-ref-button--pink-outline {
	border: 1px solid rgba(32, 231, 255, 0.72);
	color: var(--vhs-ref-cyan);
	background: rgba(3, 7, 20, 0.58);
	box-shadow: inset 0 0 17px rgba(32, 231, 255, 0.035);
}

.vhs-ref-button--pink-outline {
	border-color: rgba(255, 66, 167, 0.78);
	color: #ff77ba;
	box-shadow: inset 0 0 17px rgba(255, 66, 167, 0.04), 0 0 13px rgba(255, 66, 167, 0.12);
}

.vhs-ref-button--cyan:hover {
	color: #fff;
	background: rgba(32, 231, 255, 0.1);
	box-shadow: 0 0 22px rgba(32, 231, 255, 0.28);
}

.vhs-ref-button--pink-outline:hover {
	color: #fff;
	background: rgba(255, 66, 167, 0.11);
	box-shadow: 0 0 22px rgba(255, 66, 167, 0.3);
}

/* ----------------------------------------------------------
   ČTYŘI INFORMAČNÍ KARTY
   ---------------------------------------------------------- */

.vhs-ref-info {
	position: relative;
	z-index: 10;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin-top: -28px;
	padding: 0 32px;
	gap: 17px;
}

.vhs-ref-info-card {
	display: grid;
	grid-template-columns: 54px minmax(0, 1fr);
	align-content: start;
	min-width: 0;
	min-height: 214px;
	padding: 25px 21px 22px;
	border: 1px solid var(--vhs-ref-border);
	border-radius: 8px;
	background:
		linear-gradient(145deg, rgba(9, 15, 38, 0.96), rgba(4, 8, 23, 0.98));
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.02),
		0 18px 42px rgba(0, 0, 0, 0.32);
	gap: 13px;
}

.vhs-ref-info-card--pink { color: var(--vhs-ref-pink); }
.vhs-ref-info-card--cyan { color: var(--vhs-ref-cyan); }

.vhs-ref-info-card .vhs-ref-icon {
	--vhs-icon-size: 43px;
	margin-top: 1px;
}

.vhs-ref-info-card h2 {
	margin: 1px 0 13px;
	color: currentColor;
	font-family: var(--vhs-ref-heading);
	font-size: 1.05rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	line-height: 1.1;
	text-transform: uppercase;
	text-shadow: 0 0 10px currentColor;
}

.vhs-ref-info-card strong {
	display: block;
	margin: 0 0 9px;
	color: var(--vhs-ref-cyan);
	font-family: var(--vhs-ref-heading);
	font-size: 0.95rem;
	font-weight: 700;
	letter-spacing: 0.025em;
	line-height: 1.35;
}

.vhs-ref-info-card p {
	margin: 0;
	color: var(--vhs-ref-muted);
	font-size: 0.84rem;
	line-height: 1.65;
}

.vhs-ref-info-card a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 35px;
	margin-top: 15px;
	padding: 0 14px;
	border: 1px solid rgba(32, 231, 255, 0.7);
	border-radius: 5px;
	color: var(--vhs-ref-cyan);
	font-family: var(--vhs-ref-heading);
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.045em;
	line-height: 1;
	text-decoration: none;
	text-transform: uppercase;
}

.vhs-ref-info-card a:hover {
	color: #fff;
	background: rgba(32, 231, 255, 0.1);
	box-shadow: 0 0 18px rgba(32, 231, 255, 0.24);
	text-shadow: none;
}

/* ----------------------------------------------------------
   O AKCI — DRUHÝ CELOPLOŠNÝ OBRAZ POD TEXTEM
   ---------------------------------------------------------- */

.vhs-ref-about {
	position: relative;
	min-height: 330px;
	margin-top: 20px;
	border-top: 1px solid rgba(65, 77, 125, 0.26);
	border-bottom: 1px solid rgba(65, 77, 125, 0.26);
	background-image:
		linear-gradient(
			90deg,
			rgba(5, 8, 22, 1) 0%,
			rgba(5, 8, 22, 0.98) 30%,
			rgba(5, 8, 22, 0.9) 43%,
			rgba(5, 8, 22, 0.45) 60%,
			rgba(5, 8, 22, 0.08) 82%,
			transparent 100%
		),
		linear-gradient(180deg, rgba(4, 6, 18, 0.2), transparent 58%, rgba(3, 5, 15, 0.6)),
		url("./assets/images/front-about.webp");
	background-position: center right;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
	isolation: isolate;
}

.vhs-ref-about::before {
	position: absolute;
	z-index: 1;
	inset: 0;
	background:
		repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.01) 0, rgba(255, 255, 255, 0.01) 1px, transparent 1px, transparent 5px),
		radial-gradient(circle at 78% 50%, rgba(255, 39, 142, 0.08), transparent 25rem);
	content: "";
	pointer-events: none;
}

.vhs-ref-about::after {
	position: absolute;
	z-index: 2;
	inset: 0;
	box-shadow: inset 0 0 52px rgba(3, 5, 15, 0.28);
	content: "";
	pointer-events: none;
}

.vhs-ref-about__inner {
	position: relative;
	z-index: 4;
	display: flex;
	align-items: center;
	min-height: 330px;
}

.vhs-ref-about__copy {
	max-width: 540px;
	padding: 34px 0 36px 18px;
}

.vhs-ref-section-label {
	margin: 0 0 9px;
	color: var(--vhs-ref-pink);
	font-family: var(--vhs-ref-heading);
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.07em;
	line-height: 1.2;
	text-transform: uppercase;
	text-shadow: 0 0 10px rgba(255, 66, 167, 0.42);
}

.vhs-ref-about__copy h2 {
	margin: 0 0 12px;
	color: var(--vhs-ref-white);
	font-family: var(--vhs-ref-heading);
	font-size: clamp(1.35rem, 1.1rem + 0.7vw, 2rem);
	font-weight: 700;
	letter-spacing: 0.055em;
	line-height: 1.12;
	text-transform: uppercase;
}

.vhs-ref-about__copy p:not(.vhs-ref-section-label) {
	max-width: 500px;
	margin: 0 0 6px;
	color: var(--vhs-ref-muted);
	font-size: 0.84rem;
	line-height: 1.55;
}

.vhs-ref-about__copy .vhs-ref-button {
	margin-top: 13px;
}

/* ----------------------------------------------------------
   PROGRAMOVÝ PÁS
   ---------------------------------------------------------- */

.vhs-ref-program {
	margin-top: 18px;
	padding: 22px 18px 23px;
	border: 1px solid rgba(76, 87, 132, 0.34);
	border-radius: 9px;
	background: linear-gradient(180deg, rgba(7, 12, 32, 0.97), rgba(3, 7, 21, 0.98));
	box-shadow: 0 18px 45px rgba(0, 0, 0, 0.26);
}

.vhs-ref-program > h2 {
	margin: 0 0 22px;
	color: var(--vhs-ref-pink);
	font-family: var(--vhs-ref-heading);
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: 0.055em;
	line-height: 1.15;
	text-transform: uppercase;
	text-shadow: 0 0 11px rgba(255, 66, 167, 0.42);
}

.vhs-ref-program__items {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

.vhs-ref-program-item {
	position: relative;
	display: grid;
	grid-template-columns: 53px minmax(0, 1fr);
	min-width: 0;
	padding: 2px 17px;
	color: var(--vhs-ref-pink);
	gap: 12px;
}

.vhs-ref-program-item + .vhs-ref-program-item {
	border-left: 1px solid rgba(114, 122, 157, 0.24);
}

.vhs-ref-program-item--cyan { color: var(--vhs-ref-cyan); }
.vhs-ref-program-item--pink { color: var(--vhs-ref-pink); }

.vhs-ref-program-item .vhs-ref-icon {
	--vhs-icon-size: 47px;
	margin-top: 2px;
}

.vhs-ref-program-item h3 {
	margin: 0 0 5px;
	color: var(--vhs-ref-cyan);
	font-family: var(--vhs-ref-heading);
	font-size: 0.84rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	line-height: 1.15;
	text-transform: uppercase;
	text-shadow: 0 0 9px rgba(32, 231, 255, 0.34);
}

.vhs-ref-program-item p {
	margin: 0;
	color: var(--vhs-ref-muted);
	font-size: 0.76rem;
	line-height: 1.48;
}

.vhs-ref-program__button {
	display: flex;
	justify-content: center;
	margin-top: 22px;
}

.vhs-ref-program__button .vhs-ref-button {
	min-height: 39px;
	padding: 0 26px;
}

/* ----------------------------------------------------------
   RESPONSIVITA
   ---------------------------------------------------------- */

@media (max-width: 1120px) {
	.vhs-front-header__inner {
		gap: 16px;
	}

	.vhs-front-nav {
		gap: 15px;
	}

	.vhs-front-nav a {
		font-size: 0.74rem;
	}

	.vhs-ref-hero__copy {
		padding-left: 20px;
	}

	.vhs-ref-info {
		padding-right: 20px;
		padding-left: 20px;
	}

	.vhs-ref-program-item {
		grid-template-columns: 45px minmax(0, 1fr);
		padding-right: 11px;
		padding-left: 11px;
	}

	.vhs-ref-program-item .vhs-ref-icon {
		--vhs-icon-size: 41px;
	}
}

@media (max-width: 1020px) {
	.vhs-front-header__inner {
		grid-template-columns: auto 1fr auto;
	}

	.vhs-front-nav,
	.vhs-front-header__cta {
		display: none;
	}

	.vhs-front-mobile-nav {
		display: block;
		grid-column: 3;
	}

	.vhs-ref-hero {
		min-height: 760px;
		background-position: 65% center;
		background-image:
			linear-gradient(90deg, rgba(3, 6, 18, 1) 0%, rgba(3, 6, 18, 0.98) 34%, rgba(3, 6, 18, 0.78) 55%, rgba(3, 6, 18, 0.2) 100%),
			linear-gradient(180deg, rgba(3, 6, 18, 0.12), transparent 48%, rgba(3, 6, 18, 0.9) 100%),
			url("./assets/images/front-hero.webp");
	}

	.vhs-ref-hero__inner {
		min-height: 760px;
		align-items: flex-start;
	}

	.vhs-ref-hero__copy {
		width: min(68%, 620px);
		padding-top: 60px;
	}

	.vhs-ref-info {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		margin-top: -18px;
	}

	.vhs-ref-about {
		min-height: 430px;
		background-position: 63% center;
		background-image:
			linear-gradient(90deg, rgba(5, 8, 22, 1) 0%, rgba(5, 8, 22, 0.97) 42%, rgba(5, 8, 22, 0.62) 66%, rgba(5, 8, 22, 0.08) 100%),
			linear-gradient(180deg, rgba(4, 6, 18, 0.12), transparent 55%, rgba(3, 5, 15, 0.7)),
			url("./assets/images/front-about.webp");
	}

	.vhs-ref-about__inner {
		min-height: 430px;
	}

	.vhs-ref-about__copy {
		max-width: 58%;
		padding-right: 20px;
	}

	.vhs-ref-program__items {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 24px 0;
	}

	.vhs-ref-program-item:nth-child(3),
	.vhs-ref-program-item:nth-child(5) {
		border-left: 0;
	}
}

@media (max-width: 620px) {
	.vhs-front-header {
		top: 6px;
		width: calc(100% - 18px);
		margin-top: 6px;
	}

	.admin-bar .vhs-front-header {
		top: 52px;
	}

	.vhs-front-header__inner {
		min-height: 56px;
		padding: 6px 9px 6px 13px;
	}

	.vhs-front-logo {
		font-size: 1.65rem;
	}

	.vhs-front-reference {
		padding-top: 10px;
	}

	.vhs-ref-shell {
		width: min(100% - 18px, 1180px);
	}

	.vhs-ref-hero {
		min-height: 790px;
		background-position: 66% center;
		background-image:
			linear-gradient(180deg, rgba(3, 6, 18, 0.88) 0%, rgba(3, 6, 18, 0.8) 36%, rgba(3, 6, 18, 0.48) 59%, rgba(3, 6, 18, 0.96) 100%),
			linear-gradient(90deg, rgba(3, 6, 18, 0.98) 0%, rgba(3, 6, 18, 0.76) 60%, rgba(3, 6, 18, 0.28) 100%),
			url("./assets/images/front-hero.webp");
	}

	.vhs-ref-hero__inner {
		min-height: 790px;
		align-items: flex-start;
	}

	.vhs-ref-hero__copy {
		width: 100%;
		max-width: 100%;
		padding: 38px 8px 360px;
	}

	.vhs-ref-kicker {
		font-size: 0.68rem;
	}

	.vhs-ref-title {
		font-size: clamp(4.6rem, 24vw, 7rem);
		line-height: 0.75;
	}

	.vhs-ref-title span {
		-webkit-text-stroke-width: 1.5px;
	}

	.vhs-ref-subtitle {
		font-size: 1rem;
		letter-spacing: 0.04em;
	}

	.vhs-ref-actions,
	.vhs-ref-actions .vhs-ref-button {
		width: 100%;
	}

	.vhs-ref-info {
		grid-template-columns: 1fr;
		margin-top: -12px;
		padding: 0 8px;
		gap: 12px;
	}

	.vhs-ref-info-card {
		min-height: 0;
	}

	.vhs-ref-about {
		min-height: 650px;
		margin-top: 14px;
		background-position: 67% bottom;
		background-image:
			linear-gradient(180deg, rgba(5, 8, 22, 0.98) 0%, rgba(5, 8, 22, 0.94) 48%, rgba(5, 8, 22, 0.44) 70%, rgba(5, 8, 22, 0.2) 100%),
			url("./assets/images/front-about.webp");
	}

	.vhs-ref-about__inner {
		min-height: 650px;
		align-items: flex-start;
	}

	.vhs-ref-about__copy {
		max-width: 100%;
		padding: 28px 14px 320px;
	}

	.vhs-ref-program {
		width: calc(100% - 18px);
		padding-right: 14px;
		padding-left: 14px;
	}

	.vhs-ref-program__items {
		grid-template-columns: 1fr;
		gap: 0;
	}

	.vhs-ref-program-item {
		padding: 15px 4px;
		border-left: 0 !important;
		border-top: 1px solid rgba(114, 122, 157, 0.2);
	}

	.vhs-ref-program-item:first-child {
		border-top: 0;
	}

	.vhs-ref-program__button .vhs-ref-button {
		width: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {
	.vhs-front-header *,
	.vhs-front-reference * {
		transition: none !important;
	}
}
/* ==========================================================
   VHS SRAZ — GLOBÁLNÍ ATMOSFÉRICKÉ POZADÍ 1.4.4

   Jeden společný temný analogový prostor pro celý web.
   Sekce a karty zůstávají jasně rozpoznatelné, ale nejsou
   oddělené neprůhlednými černými plochami.
   ========================================================== */

:root {
	--vhs-world-deep: #02030a;
	--vhs-world-blue: #050b1b;
	--vhs-world-panel: rgba(13, 20, 43, 0.76);
	--vhs-world-panel-strong: rgba(9, 14, 31, 0.88);
	--vhs-world-line: rgba(0, 229, 255, 0.14);
	--vhs-world-line-pink: rgba(255, 46, 209, 0.12);
	--vhs-world-glass-blur: 13px;
}

/* ----------------------------------------------------------
   JEDNOTNÉ POZADÍ CELÉHO WEBU
   ---------------------------------------------------------- */

html {
	background: var(--vhs-world-deep);
}

body {
	position: relative;
	isolation: isolate;
	background-color: var(--vhs-world-deep) !important;
	background-image:
		radial-gradient(
			ellipse 72rem 48rem at -8% 4%,
			rgba(0, 229, 255, 0.115) 0%,
			rgba(0, 229, 255, 0.045) 36%,
			transparent 72%
		),
		radial-gradient(
			ellipse 68rem 50rem at 108% 12%,
			rgba(255, 46, 209, 0.105) 0%,
			rgba(255, 46, 209, 0.04) 38%,
			transparent 74%
		),
		radial-gradient(
			ellipse 76rem 54rem at 52% 78%,
			rgba(74, 58, 190, 0.085) 0%,
			transparent 70%
		),
		linear-gradient(
			180deg,
			#050918 0%,
			#030612 42%,
			#02030a 100%
		) !important;
	background-attachment: fixed !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}

/* Jemné CRT řádky a téměř neviditelná technická mřížka. */

body::before {
	position: fixed;
	z-index: 0;
	inset: 0;
	background-image:
		repeating-linear-gradient(
			0deg,
			rgba(255, 255, 255, 0.011) 0,
			rgba(255, 255, 255, 0.011) 1px,
			transparent 1px,
			transparent 5px
		),
		linear-gradient(
			rgba(0, 229, 255, 0.012) 1px,
			transparent 1px
		),
		linear-gradient(
			90deg,
			rgba(255, 46, 209, 0.01) 1px,
			transparent 1px
		);
	background-size: auto, 52px 52px, 52px 52px;
	content: "";
	opacity: 0.82;
	pointer-events: none;
}

/* Měkká vinětace propojí kraje všech stránek. */

body::after {
	position: fixed;
	z-index: 0;
	inset: 0;
	background:
		radial-gradient(
			ellipse at center,
			transparent 46%,
			rgba(0, 0, 0, 0.12) 73%,
			rgba(0, 0, 0, 0.42) 100%
		);
	content: "";
	pointer-events: none;
}

.wp-site-blocks {
	position: relative;
	z-index: 1;
	background: transparent !important;
	isolation: isolate;
}

body.home .wp-site-blocks,
body:not(.home) .wp-site-blocks {
	background: transparent !important;
}

/* Kořeny front page i podstránek propouštějí globální scénu. */

.vhs-front-reference,
.vhs-page {
	background: transparent !important;
}

/* Původní pomocná mřížka front page zůstává pouze velmi jemná. */

.vhs-front-reference::before {
	opacity: 0.34;
}

/* ----------------------------------------------------------
   HLAVIČKA — PLOVOUCÍ SKLO NAD SPOLEČNÝM POZADÍM
   ---------------------------------------------------------- */

.vhs-front-header {
	border-bottom: 1px solid rgba(0, 229, 255, 0.13) !important;
	background:
		linear-gradient(
			180deg,
			rgba(8, 13, 30, 0.86) 0%,
			rgba(4, 7, 18, 0.72) 100%
		) !important;
	box-shadow:
		0 18px 48px rgba(0, 0, 0, 0.28),
		0 1px 0 rgba(255, 46, 209, 0.055) !important;
	-webkit-backdrop-filter: blur(22px) saturate(1.16) !important;
	backdrop-filter: blur(22px) saturate(1.16) !important;
}

.vhs-front-header::after {
	position: absolute;
	right: 7%;
	bottom: -1px;
	left: 7%;
	height: 1px;
	background:
		linear-gradient(
			90deg,
			transparent,
			rgba(0, 229, 255, 0.35) 28%,
			rgba(255, 46, 209, 0.3) 72%,
			transparent
		);
	box-shadow: 0 0 12px rgba(0, 229, 255, 0.08);
	content: "";
	pointer-events: none;
}

/* ----------------------------------------------------------
   PODSTRÁNKY — SEKCE JAKO POLOPRŮHLEDNÉ ZÁVOJE
   ---------------------------------------------------------- */

/* Hero propouští společné pozadí, ale pod textem zůstává tmavší. */

body .vhs-page > .vhs-page-hero {
	background:
		linear-gradient(
			90deg,
			rgba(3, 6, 18, 0.78) 0%,
			rgba(3, 6, 18, 0.58) 38%,
			rgba(3, 6, 18, 0.24) 70%,
			rgba(3, 6, 18, 0.08) 100%
		),
		radial-gradient(
			circle at 16% 24%,
			rgba(0, 229, 255, 0.09),
			transparent 34rem
		),
		radial-gradient(
			circle at 88% 32%,
			rgba(255, 46, 209, 0.08),
			transparent 36rem
		),
		linear-gradient(
			180deg,
			rgba(7, 11, 26, 0.34),
			rgba(3, 5, 14, 0.22) 58%,
			rgba(2, 4, 12, 0.62)
		) !important;
	border-bottom-color: rgba(0, 229, 255, 0.1) !important;
	box-shadow:
		inset 0 -42px 70px rgba(0, 0, 0, 0.16);
}

/* Celoplošné sekce nejsou plné černé desky. */

body .vhs-page > section.alignfull:not(.vhs-page-hero) {
	background:
		radial-gradient(
			circle at 12% 24%,
			rgba(0, 229, 255, 0.045),
			transparent 30rem
		),
		radial-gradient(
			circle at 88% 72%,
			rgba(255, 46, 209, 0.04),
			transparent 32rem
		),
		linear-gradient(
			180deg,
			rgba(8, 13, 30, 0.44) 0%,
			rgba(5, 8, 20, 0.3) 52%,
			rgba(3, 5, 14, 0.46) 100%
		) !important;
	border-top-color: rgba(0, 229, 255, 0.075) !important;
	border-bottom-color: rgba(255, 46, 209, 0.07) !important;
	box-shadow:
		inset 0 36px 74px rgba(0, 0, 0, 0.09),
		inset 0 -36px 74px rgba(0, 0, 0, 0.11) !important;
}

/* Střídání hloubky zabraňuje splývání sekcí. */

body .vhs-page > section.alignfull:nth-of-type(even):not(.vhs-page-hero) {
	background:
		radial-gradient(
			circle at 16% 34%,
			rgba(0, 229, 255, 0.055),
			transparent 31rem
		),
		radial-gradient(
			circle at 84% 66%,
			rgba(255, 46, 209, 0.05),
			transparent 33rem
		),
		linear-gradient(
			180deg,
			rgba(10, 16, 36, 0.55) 0%,
			rgba(6, 10, 24, 0.4) 52%,
			rgba(4, 7, 18, 0.54) 100%
		) !important;
}

/* Široké obsahové sekce zůstávají otevřené do společného prostoru. */

body .vhs-page > section.alignwide {
	background-color: transparent !important;
}

/* Jemné přechody na horním a dolním okraji velkých sekcí. */

body .vhs-page > section.alignfull:not(.vhs-page-hero)::after {
	box-shadow:
		inset 0 24px 42px rgba(0, 0, 0, 0.08),
		inset 0 -24px 42px rgba(0, 0, 0, 0.1);
}

/* ----------------------------------------------------------
   KARTY A INFORMAČNÍ BLOKY — TMAVŠÍ SKLO
   ---------------------------------------------------------- */

body .vhs-page :is(.wp-block-group, article, details)[class*="-card"]:not([class*="photo-card"]):not([class*="video-card"]),
body .vhs-page :is(.wp-block-group, article, details)[class$="-item"] {
	border-color: rgba(0, 229, 255, 0.16) !important;
	background:
		radial-gradient(
			circle at 88% 10%,
			rgba(0, 229, 255, 0.05),
			transparent 14rem
		),
		linear-gradient(
			145deg,
			rgba(18, 27, 55, 0.86) 0%,
			rgba(8, 12, 29, 0.82) 56%,
			rgba(5, 8, 20, 0.86) 100%
		) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.035),
		0 20px 50px rgba(0, 0, 0, 0.29),
		0 0 26px rgba(0, 229, 255, 0.025) !important;
	-webkit-backdrop-filter: blur(var(--vhs-world-glass-blur)) saturate(1.08);
	backdrop-filter: blur(var(--vhs-world-glass-blur)) saturate(1.08);
}

/* Sudé bloky dostanou nepatrně růžový protitón. */

body .vhs-page :is(.wp-block-group, article, details)[class*="-card"]:not([class*="photo-card"]):not([class*="video-card"]):nth-child(even),
body .vhs-page :is(.wp-block-group, article, details)[class$="-item"]:nth-child(even) {
	border-color: rgba(255, 46, 209, 0.15) !important;
	background:
		radial-gradient(
			circle at 88% 10%,
			rgba(255, 46, 209, 0.05),
			transparent 14rem
		),
		linear-gradient(
			145deg,
			rgba(22, 23, 51, 0.86) 0%,
			rgba(10, 11, 30, 0.82) 58%,
			rgba(6, 8, 20, 0.86) 100%
		) !important;
}

/* Obrazové a video panely si ponechají vlastní grafiku,
   ale dostanou hlubší stín a průsvitný povrch. */

body .vhs-page :is(
	.vhs-page-hero-screen,
	.vhs-about-story-screen,
	.vhs-featured-guest-screen,
	.vhs-market-sellers-screen,
	.vhs-venue-map-frame,
	.vhs-practical-map,
	.vhs-years-current-visual,
	.vhs-years-principle-visual,
	.vhs-year-story-visual,
	.vhs-year-market-visual,
	.vhs-gallery-photo-card,
	.vhs-gallery-video-player,
	.vhs-gallery-aftermovie-visual,
	.vhs-guest-bio-visual,
	.vhs-guest-vhs-visual,
	.vhs-guest-gallery-photo,
	.vhs-guest-video-player,
	.vhs-guest-profile-image
) {
	box-shadow:
		inset 0 0 72px rgba(0, 0, 0, 0.38),
		inset 0 1px 0 rgba(255, 255, 255, 0.035),
		0 26px 68px rgba(0, 0, 0, 0.33),
		0 0 30px rgba(0, 229, 255, 0.04) !important;
	-webkit-backdrop-filter: blur(5px) saturate(1.04);
	backdrop-filter: blur(5px) saturate(1.04);
}

/* ----------------------------------------------------------
   FOOTER — POZVOLNÉ PONOŘENÍ DO NEJTMAVŠÍ ČÁSTI
   ---------------------------------------------------------- */

.vhs-site-footer {
	border-top-color: rgba(255, 187, 0, 0.14) !important;
	background:
		radial-gradient(
			circle at 12% 24%,
			rgba(255, 187, 0, 0.045),
			transparent 28rem
		),
		radial-gradient(
			circle at 84% 28%,
			rgba(0, 229, 255, 0.045),
			transparent 31rem
		),
		linear-gradient(
			180deg,
			rgba(3, 6, 18, 0.18) 0%,
			rgba(4, 7, 18, 0.72) 28%,
			rgba(3, 5, 14, 0.91) 66%,
			rgba(2, 3, 9, 0.985) 100%
		) !important;
	box-shadow:
		inset 0 48px 86px rgba(0, 0, 0, 0.08) !important;
	-webkit-backdrop-filter: blur(10px) saturate(1.05);
	backdrop-filter: blur(10px) saturate(1.05);
}

.vhs-site-footer::before {
	opacity: 0.72;
}

.vhs-footer-divider {
	opacity: 0.78;
}

/* ----------------------------------------------------------
   TABLETY A MOBILY — STEJNÁ ATMOSFÉRA, MENŠÍ ZÁTĚŽ
   ---------------------------------------------------------- */

@media (max-width: 900px) {
	body {
		background-attachment: scroll !important;
	}

	body::before {
		background-size: auto, 68px 68px, 68px 68px;
		opacity: 0.58;
	}

	.vhs-front-header {
		-webkit-backdrop-filter: blur(17px) saturate(1.1) !important;
		backdrop-filter: blur(17px) saturate(1.1) !important;
	}

	body .vhs-page :is(.wp-block-group, article, details)[class*="-card"]:not([class*="photo-card"]):not([class*="video-card"]),
	body .vhs-page :is(.wp-block-group, article, details)[class$="-item"] {
		-webkit-backdrop-filter: blur(9px) saturate(1.05);
		backdrop-filter: blur(9px) saturate(1.05);
	}
}

@media (max-width: 620px) {
	body {
		background-image:
			radial-gradient(
				ellipse 34rem 28rem at -12% 4%,
				rgba(0, 229, 255, 0.09),
				transparent 72%
			),
			radial-gradient(
				ellipse 34rem 30rem at 112% 14%,
				rgba(255, 46, 209, 0.08),
				transparent 74%
			),
			linear-gradient(
				180deg,
				#050918 0%,
				#030612 46%,
				#02030a 100%
			) !important;
	}

	body::before {
		background-image:
			repeating-linear-gradient(
				0deg,
				rgba(255, 255, 255, 0.009) 0,
				rgba(255, 255, 255, 0.009) 1px,
				transparent 1px,
				transparent 6px
			);
		opacity: 0.48;
	}

	body::after {
		background:
			radial-gradient(
				ellipse at center,
				transparent 55%,
				rgba(0, 0, 0, 0.31) 100%
			);
	}

	body .vhs-page > .vhs-page-hero {
		background:
			linear-gradient(
				180deg,
				rgba(3, 6, 18, 0.62) 0%,
				rgba(3, 6, 18, 0.34) 50%,
				rgba(3, 6, 18, 0.72) 100%
			),
			radial-gradient(
				circle at 85% 18%,
				rgba(255, 46, 209, 0.07),
				transparent 22rem
			) !important;
	}

	body .vhs-page :is(.wp-block-group, article, details)[class*="-card"]:not([class*="photo-card"]):not([class*="video-card"]),
	body .vhs-page :is(.wp-block-group, article, details)[class$="-item"] {
		-webkit-backdrop-filter: blur(6px) saturate(1.03);
		backdrop-filter: blur(6px) saturate(1.03);
	}
}

@media (prefers-reduced-transparency: reduce) {
	.vhs-front-header,
	.vhs-site-footer,
	body .vhs-page :is(.wp-block-group, article, details)[class*="-card"]:not([class*="photo-card"]):not([class*="video-card"]),
	body .vhs-page :is(.wp-block-group, article, details)[class$="-item"] {
		-webkit-backdrop-filter: none !important;
		backdrop-filter: none !important;
	}
}



/* ==========================================================
   VHS SRAZ — KOREKCE GLOBÁLNÍ ATMOSFÉRY 1.4.5

   Reakce na reálný náhled front page:
   - silnější a rovnoměrnější společná atmosféra,
   - měkčí přechody mezi sekcemi,
   - odstranění hnědého tónu ve footeru,
   - výraznější fallback i bez front-hero.webp/front-about.webp,
   - zachování čitelnosti, rozložení a všech funkcí.
   ========================================================== */

:root {
	--vhs-world-cyan-glow: rgba(0, 229, 255, 0.15);
	--vhs-world-pink-glow: rgba(255, 46, 209, 0.14);
	--vhs-world-purple-glow: rgba(122, 31, 255, 0.105);
	--vhs-world-transition-height: clamp(72px, 8vw, 132px);
}

/* ----------------------------------------------------------
   CELÝ WEB — ATMOSFÉRA JE VIDITELNÁ I VE STŘEDU A DOLE
   ---------------------------------------------------------- */

body {
	background-image:
		radial-gradient(
			ellipse 86rem 58rem at -12% 2%,
			rgba(0, 229, 255, 0.16) 0%,
			rgba(0, 229, 255, 0.07) 34%,
			transparent 72%
		),
		radial-gradient(
			ellipse 82rem 62rem at 110% 9%,
			rgba(255, 46, 209, 0.15) 0%,
			rgba(255, 46, 209, 0.065) 36%,
			transparent 74%
		),
		radial-gradient(
			ellipse 92rem 62rem at 57% 54%,
			rgba(122, 31, 255, 0.09) 0%,
			rgba(45, 74, 176, 0.035) 42%,
			transparent 73%
		),
		radial-gradient(
			ellipse 74rem 50rem at 86% 88%,
			rgba(0, 229, 255, 0.075) 0%,
			transparent 72%
		),
		linear-gradient(
			180deg,
			#050918 0%,
			#040817 27%,
			#030612 58%,
			#02040d 82%,
			#02030a 100%
		) !important;
}

body::before {
	opacity: 0.68;
}

body::after {
	background:
		radial-gradient(
			ellipse at center,
			transparent 52%,
			rgba(0, 0, 0, 0.1) 76%,
			rgba(0, 0, 0, 0.32) 100%
		);
}

/* ----------------------------------------------------------
   FRONT PAGE — SOUVISLÝ SVĚT NAMÍSTO ČERNÝCH PÁSŮ
   ---------------------------------------------------------- */

body.home .vhs-front-reference {
	background:
		radial-gradient(circle at 88% 12%, rgba(255, 46, 209, 0.08), transparent 34rem),
		radial-gradient(circle at 12% 32%, rgba(0, 229, 255, 0.055), transparent 37rem),
		linear-gradient(180deg, rgba(3, 6, 18, 0.14), rgba(2, 4, 13, 0.08)) !important;
}

body.home .vhs-front-reference::before {
	background:
		repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.009) 0, rgba(255, 255, 255, 0.009) 1px, transparent 1px, transparent 5px),
		radial-gradient(circle at 73% 19%, rgba(31, 75, 188, 0.13), transparent 44rem),
		radial-gradient(circle at 87% 56%, rgba(255, 46, 209, 0.055), transparent 39rem);
	opacity: 0.62;
}

/* Hero obsahuje vlastní fallback. Obrázek zůstává poslední vrstvou
   a po jeho pozdějším nahrání se automaticky začne zobrazovat. */

body.home .vhs-ref-hero {
	background-image:
		linear-gradient(
			90deg,
			rgba(3, 6, 18, 0.99) 0%,
			rgba(3, 6, 18, 0.95) 23%,
			rgba(3, 6, 18, 0.78) 40%,
			rgba(3, 6, 18, 0.35) 60%,
			rgba(3, 6, 18, 0.08) 82%,
			transparent 100%
		),
		linear-gradient(
			180deg,
			rgba(3, 6, 18, 0.1) 0%,
			transparent 28%,
			transparent 68%,
			rgba(3, 6, 18, 0.56) 100%
		),
		radial-gradient(
			ellipse 48rem 39rem at 80% 32%,
			rgba(255, 46, 209, 0.17) 0%,
			rgba(122, 31, 255, 0.075) 45%,
			transparent 76%
		),
		radial-gradient(
			ellipse 42rem 35rem at 66% 64%,
			rgba(0, 229, 255, 0.105) 0%,
			transparent 74%
		),
		url("./assets/images/front-hero.webp");
	background-position: center center, center center, center center, center center, center right;
	background-repeat: no-repeat;
	background-size: auto, auto, auto, auto, cover;
}

body.home .vhs-ref-hero::before {
	background:
		repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.01) 0, rgba(255, 255, 255, 0.01) 1px, transparent 1px, transparent 5px),
		radial-gradient(circle at 72% 38%, rgba(0, 229, 255, 0.095), transparent 28rem),
		radial-gradient(circle at 90% 48%, rgba(255, 46, 209, 0.1), transparent 31rem);
}

body.home .vhs-ref-hero::after {
	box-shadow:
		inset 0 26px 44px rgba(2, 4, 13, 0.22),
		inset 0 -46px 72px rgba(2, 4, 13, 0.54);
}

/* Karty jsou stále nejčitelnější vrstva, ale lehce propouštějí svět. */

body.home .vhs-ref-info-card {
	border-color: rgba(81, 113, 183, 0.38);
	background:
		radial-gradient(circle at 90% 8%, rgba(0, 229, 255, 0.045), transparent 14rem),
		linear-gradient(145deg, rgba(12, 20, 48, 0.91), rgba(5, 9, 25, 0.9));
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.035),
		0 19px 48px rgba(0, 0, 0, 0.3),
		0 0 30px rgba(0, 229, 255, 0.022);
	-webkit-backdrop-filter: blur(12px) saturate(1.08);
	backdrop-filter: blur(12px) saturate(1.08);
}

body.home .vhs-ref-info-card:nth-child(odd) {
	background:
		radial-gradient(circle at 90% 8%, rgba(255, 46, 209, 0.05), transparent 14rem),
		linear-gradient(145deg, rgba(16, 18, 47, 0.91), rgba(7, 8, 25, 0.9));
}

/* O akci — bez tvrdých linek; fallback zůstává atraktivní i bez obrázku. */

body.home .vhs-ref-about {
	margin-top: 28px;
	border-top: 0;
	border-bottom: 0;
	background-image:
		linear-gradient(
			90deg,
			rgba(4, 8, 22, 0.96) 0%,
			rgba(4, 8, 22, 0.91) 29%,
			rgba(4, 8, 22, 0.71) 45%,
			rgba(4, 8, 22, 0.26) 66%,
			transparent 100%
		),
		linear-gradient(
			180deg,
			rgba(3, 6, 18, 0.62) 0%,
			rgba(3, 6, 18, 0.06) 24%,
			rgba(3, 6, 18, 0.06) 74%,
			rgba(3, 6, 18, 0.62) 100%
		),
		radial-gradient(
			ellipse 48rem 32rem at 84% 48%,
			rgba(255, 46, 209, 0.15) 0%,
			rgba(122, 31, 255, 0.075) 43%,
			transparent 76%
		),
		radial-gradient(
			ellipse 38rem 27rem at 68% 60%,
			rgba(0, 229, 255, 0.075) 0%,
			transparent 73%
		),
		url("./assets/images/front-about.webp");
	background-position: center center, center center, center center, center center, center right;
	background-repeat: no-repeat;
	background-size: auto, auto, auto, auto, cover;
	box-shadow: none;
}

body.home .vhs-ref-about::before {
	background:
		repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.008) 0, rgba(255, 255, 255, 0.008) 1px, transparent 1px, transparent 5px),
		radial-gradient(circle at 82% 48%, rgba(255, 46, 209, 0.08), transparent 27rem);
}

body.home .vhs-ref-about::after {
	background:
		linear-gradient(180deg, rgba(2, 4, 13, 0.42), transparent 22%, transparent 78%, rgba(2, 4, 13, 0.44));
	box-shadow: inset 0 0 54px rgba(2, 4, 13, 0.18);
}

/* Programový panel zůstává jasným blokem, ale není nalepený na černé. */

body.home .vhs-ref-program {
	margin-top: 28px;
	border-color: rgba(78, 103, 169, 0.34);
	background:
		radial-gradient(circle at 14% 0%, rgba(255, 46, 209, 0.055), transparent 20rem),
		radial-gradient(circle at 88% 100%, rgba(0, 229, 255, 0.05), transparent 22rem),
		linear-gradient(180deg, rgba(10, 17, 42, 0.91), rgba(4, 8, 24, 0.92));
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.035),
		0 22px 58px rgba(0, 0, 0, 0.29),
		0 0 34px rgba(0, 229, 255, 0.025);
	-webkit-backdrop-filter: blur(13px) saturate(1.08);
	backdrop-filter: blur(13px) saturate(1.08);
}

/* ----------------------------------------------------------
   PODSTRÁNKY — MÉNĚ OSTRÉ HORIZONTÁLNÍ PŘECHODY
   ---------------------------------------------------------- */

body .vhs-page > .vhs-page-hero,
body .vhs-page > section.alignfull:not(.vhs-page-hero) {
	border-top-color: transparent !important;
	border-bottom-color: transparent !important;
}

body .vhs-page > section.alignfull:not(.vhs-page-hero) {
	background:
		radial-gradient(circle at 12% 24%, rgba(0, 229, 255, 0.055), transparent 32rem),
		radial-gradient(circle at 88% 72%, rgba(255, 46, 209, 0.05), transparent 34rem),
		linear-gradient(
			180deg,
			rgba(4, 7, 18, 0.08) 0%,
			rgba(8, 13, 30, 0.45) 18%,
			rgba(5, 8, 20, 0.32) 52%,
			rgba(7, 11, 27, 0.43) 82%,
			rgba(3, 5, 14, 0.08) 100%
		) !important;
	box-shadow: none !important;
}

body .vhs-page > section.alignfull:nth-of-type(even):not(.vhs-page-hero) {
	background:
		radial-gradient(circle at 16% 34%, rgba(0, 229, 255, 0.065), transparent 33rem),
		radial-gradient(circle at 84% 66%, rgba(255, 46, 209, 0.06), transparent 35rem),
		linear-gradient(
			180deg,
			rgba(4, 7, 18, 0.08) 0%,
			rgba(10, 16, 36, 0.5) 20%,
			rgba(6, 10, 24, 0.38) 52%,
			rgba(8, 13, 31, 0.49) 80%,
			rgba(3, 5, 14, 0.08) 100%
		) !important;
}

body .vhs-page > section.alignfull:not(.vhs-page-hero)::after {
	box-shadow: none !important;
	background:
		linear-gradient(
			180deg,
			rgba(2, 4, 13, 0.34) 0%,
			transparent 16%,
			transparent 84%,
			rgba(2, 4, 13, 0.36) 100%
		);
}

/* ----------------------------------------------------------
   FOOTER — JEDNOTNÁ MODROČERNÁ, BEZ HNĚDÉHO PÁSU
   ---------------------------------------------------------- */

.vhs-site-footer {
	border-top: 1px solid rgba(0, 229, 255, 0.08) !important;
	background:
		radial-gradient(
			ellipse 42rem 30rem at 5% 28%,
			rgba(122, 31, 255, 0.075) 0%,
			transparent 72%
		),
		radial-gradient(
			ellipse 46rem 33rem at 94% 24%,
			rgba(0, 229, 255, 0.095) 0%,
			transparent 74%
		),
		radial-gradient(
			ellipse 40rem 30rem at 58% 74%,
			rgba(255, 46, 209, 0.055) 0%,
			transparent 76%
		),
		linear-gradient(
			180deg,
			rgba(3, 6, 18, 0.08) 0%,
			rgba(4, 8, 21, 0.68) 18%,
			rgba(3, 6, 17, 0.91) 64%,
			rgba(2, 3, 9, 0.99) 100%
		) !important;
	box-shadow: none !important;
}

.vhs-site-footer::before {
	background:
		radial-gradient(circle at 13% 24%, rgba(122, 31, 255, 0.06), transparent 30rem),
		radial-gradient(circle at 84% 28%, rgba(0, 229, 255, 0.07), transparent 32rem),
		radial-gradient(circle at 55% 100%, rgba(255, 46, 209, 0.045), transparent 31rem) !important;
	opacity: 1;
}

.vhs-site-footer::after {
	background:
		repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.009) 0, rgba(255, 255, 255, 0.009) 1px, transparent 1px, transparent 6px),
		linear-gradient(180deg, rgba(2, 4, 13, 0.24), transparent 15%, transparent 82%, rgba(2, 3, 9, 0.25));
}

.vhs-footer-divider {
	background:
		linear-gradient(
			90deg,
			transparent,
			rgba(0, 229, 255, 0.32) 24%,
			rgba(255, 46, 209, 0.31) 54%,
			rgba(122, 31, 255, 0.24) 78%,
			transparent
		) !important;
	opacity: 0.7;
}

/* ----------------------------------------------------------
   MOBILNÍ DOLADĚNÍ
   ---------------------------------------------------------- */

@media (max-width: 900px) {
	body.home .vhs-ref-hero {
		background-image:
			linear-gradient(180deg, rgba(3, 6, 18, 0.86), rgba(3, 6, 18, 0.42) 52%, rgba(3, 6, 18, 0.78)),
			radial-gradient(ellipse 42rem 34rem at 80% 28%, rgba(255, 46, 209, 0.14), transparent 74%),
			radial-gradient(ellipse 36rem 30rem at 66% 62%, rgba(0, 229, 255, 0.085), transparent 72%),
			url("./assets/images/front-hero.webp");
		background-position: center, center, center, center;
		background-size: auto, auto, auto, cover;
	}

	body.home .vhs-ref-about {
		background-image:
			linear-gradient(180deg, rgba(3, 6, 18, 0.72), rgba(3, 6, 18, 0.26) 48%, rgba(3, 6, 18, 0.72)),
			radial-gradient(ellipse 40rem 28rem at 82% 45%, rgba(255, 46, 209, 0.13), transparent 74%),
			url("./assets/images/front-about.webp");
		background-position: center, center, center;
		background-size: auto, auto, cover;
	}
}

@media (max-width: 620px) {
	body {
		background-image:
			radial-gradient(ellipse 38rem 30rem at -15% 3%, rgba(0, 229, 255, 0.12), transparent 74%),
			radial-gradient(ellipse 38rem 32rem at 115% 14%, rgba(255, 46, 209, 0.105), transparent 75%),
			linear-gradient(180deg, #050918 0%, #030612 48%, #02030a 100%) !important;
	}

	body.home .vhs-ref-about {
		margin-top: 22px;
	}

	body.home .vhs-ref-program {
		margin-top: 22px;
	}
}

/* ==========================================================
   VHS SRAZ — TESTOVACÍ FOTOGRAFICKÉ POZADÍ 1.4.8

   Široký detail VHS cívek tvoří nejnižší obrazovou vrstvu pod celým
   webem. Původní modročerné pozadí, neonové světlo, vinětace,
   průsvitné sekce a karty zůstávají zachované.

   RYCHLÉ LADĚNÍ:
   --vhs-site-photo-opacity     = celková viditelnost fotografie
   --vhs-site-photo-brightness  = světelnost fotografie
   --vhs-site-photo-saturation  = barevnost fotografie
   --vhs-site-photo-contrast    = kontrast fotografie
   ========================================================== */

:root {
	--vhs-site-photo-opacity: 0.36;
	--vhs-site-photo-brightness: 0.44;
	--vhs-site-photo-saturation: 0.42;
	--vhs-site-photo-contrast: 0.88;
}

/*
 * Fotografie je vložena do již existující pevné technické vrstvy.
 * Díky tomu se nemusí měnit žádná HTML šablona a obrázek lze později
 * nahradit pouhou výměnou souboru site-background-test.webp.
 */
body::before {
	background-image:
		repeating-linear-gradient(
			0deg,
			rgba(255, 255, 255, 0.016) 0,
			rgba(255, 255, 255, 0.016) 1px,
			transparent 1px,
			transparent 5px
		),
		linear-gradient(
			rgba(0, 229, 255, 0.014) 1px,
			transparent 1px
		),
		linear-gradient(
			90deg,
			rgba(255, 46, 209, 0.012) 1px,
			transparent 1px
		),
		linear-gradient(
			180deg,
			rgba(2, 5, 16, 0.14) 0%,
			rgba(2, 5, 16, 0.24) 48%,
			rgba(2, 4, 13, 0.36) 100%
		),
		url("./assets/images/site-background-test.webp");
	background-position:
		center,
		center,
		center,
		center,
		center center;
	background-repeat: no-repeat;
	background-size:
		auto,
		52px 52px,
		52px 52px,
		cover,
		cover;
	filter:
		brightness(var(--vhs-site-photo-brightness))
		saturate(var(--vhs-site-photo-saturation))
		contrast(var(--vhs-site-photo-contrast));
	opacity: var(--vhs-site-photo-opacity);
	transform: translateZ(0);
	will-change: transform;
}

/* Fotografie zůstává uprostřed pod celou stránkou a při scrollování
   se nepohybuje. Sekce přes ni plynule přejíždějí. */
@media (min-width: 901px) {
	body::before {
		background-attachment: fixed;
	}
}

/* Na menších displejích je vrstva o něco klidnější a úspornější. */
@media (max-width: 900px) {
	:root {
		--vhs-site-photo-opacity: 0.30;
		--vhs-site-photo-brightness: 0.42;
		--vhs-site-photo-saturation: 0.38;
	}

	body::before {
		background-attachment: scroll;
		background-position: center, center, center, center, center center;
		will-change: auto;
	}
}

@media (max-width: 620px) {
	:root {
		--vhs-site-photo-opacity: 0.24;
		--vhs-site-photo-brightness: 0.38;
	}

	body::before {
		background-size: auto, 52px 52px, 52px 52px, cover, auto 100vh;
		background-repeat: no-repeat, repeat, repeat, no-repeat, repeat-y;
	}
}

/* ==========================================================
   VHS SRAZ — ODSTRANĚNÍ HORIZONTÁLNÍHO PRUHU POD HLAVIČKOU 1.4.10

   Oprava odstraňuje horní boční cyanové a růžovofialové záře,
   které pod plovoucí hlavičkou vytvářely vodorovný barevný pás.
   Horní prostor je nyní na levé i pravé straně stejně klidný.
   Atmosférické světlo zůstává níže v obsahu stránky.
   ========================================================== */

/* Horní část domovské stránky bez bočních světelných pruhů. */
body.home .vhs-front-reference {
	background:
		linear-gradient(
			180deg,
			rgba(3, 6, 18, 0.12) 0%,
			rgba(2, 4, 13, 0.07) 100%
		) !important;
	box-shadow: none !important;
}

/* Pomocná atmosférická vrstva se přesouvá níže, mimo hlavičku. */
body.home .vhs-front-reference::before {
	background:
		repeating-linear-gradient(
			0deg,
			rgba(255, 255, 255, 0.009) 0,
			rgba(255, 255, 255, 0.009) 1px,
			transparent 1px,
			transparent 5px
		),
		radial-gradient(
			circle at 32% 58%,
			rgba(0, 229, 255, 0.038),
			transparent 42rem
		),
		radial-gradient(
			circle at 78% 64%,
			rgba(255, 46, 209, 0.038),
			transparent 42rem
		);
	opacity: 0.48;
}

/* Globální boční záře na homepage začínají níže než hlavička. */
body.home {
	background-image:
		radial-gradient(
			ellipse 86rem 58rem at -12% 34%,
			rgba(0, 229, 255, 0.12) 0%,
			rgba(0, 229, 255, 0.05) 34%,
			transparent 72%
		),
		radial-gradient(
			ellipse 82rem 62rem at 110% 38%,
			rgba(255, 46, 209, 0.11) 0%,
			rgba(255, 46, 209, 0.045) 36%,
			transparent 74%
		),
		radial-gradient(
			ellipse 92rem 62rem at 57% 58%,
			rgba(122, 31, 255, 0.082) 0%,
			rgba(45, 74, 176, 0.03) 42%,
			transparent 73%
		),
		radial-gradient(
			ellipse 74rem 50rem at 86% 88%,
			rgba(0, 229, 255, 0.07) 0%,
			transparent 72%
		),
		linear-gradient(
			180deg,
			#050918 0%,
			#040817 27%,
			#030612 58%,
			#02040d 82%,
			#02030a 100%
		) !important;
}

/* Zrušení případného dekorativního pásu nebo stínu z předchozí opravy. */
@media (min-width: 1200px) {
	body.home .vhs-front-reference {
		box-shadow: none !important;
	}
}

/* ==========================================================
   VHS SRAZ — PŮVODNÍ DESIGN + NÁPIS VLEVO A KAZETA 1.4.19

   Původní design šablony zůstává. Vlevo je živý neonový nápis
   VHS SRAZ 2026 v jednom řádku; napravo je menší kazeta s menu.
   Pod kazetou ani kolem ní není žádný dodatečný panel, pás nebo
   dekorativní pozadí. Kazeta leží přímo nad původním pozadím webu.
   ========================================================== */

.vhs-front-header.vhs-front-header--cassette-title {
	position: sticky;
	z-index: 1500;
	top: 10px;
	width: min(1240px, calc(100% - 30px));
	margin: 10px auto 0;
	border: 0;
	border-radius: 0;
	background: transparent !important;
	box-shadow: none !important;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	overflow: visible;
}

.vhs-front-header.vhs-front-header--cassette-title::before,
.vhs-front-header.vhs-front-header--cassette-title::after {
	display: none !important;
	content: none !important;
}

.admin-bar .vhs-front-header.vhs-front-header--cassette-title {
	top: 42px;
}

.vhs-front-header--cassette-title .vhs-front-header__layout {
	display: grid;
	grid-template-columns: minmax(300px, 31%) minmax(0, 69%);
	align-items: center;
	gap: clamp(18px, 2vw, 34px);
	width: 100%;
}

.vhs-front-header--cassette-title .vhs-front-header-title {
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	justify-self: start;
	gap: 0.15em;
	margin: 0;
	padding: 0;
	color: inherit;
	font-family: var(--vhs-ref-display);
	font-size: clamp(2.25rem, 3.15vw, 4.25rem);
	font-weight: 900;
	letter-spacing: -0.035em;
	line-height: 0.88;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
}

.vhs-front-header--cassette-title .vhs-front-header-title:hover {
	color: inherit;
	text-shadow: none;
}

.vhs-front-header--cassette-title .vhs-front-header-title span {
	display: inline-block;
	width: auto;
	padding: 0.045em 0.01em 0.06em;
	color: rgba(2, 5, 15, 0.34);
	-webkit-text-fill-color: rgba(2, 5, 15, 0.34);
	-webkit-text-stroke-width: 1.45px;
}

.vhs-front-header--cassette-title .vhs-front-header-title__cyan {
	-webkit-text-stroke-color: var(--vhs-ref-cyan);
	text-shadow:
		0 0 4px rgba(32, 231, 255, 1),
		0 0 14px rgba(32, 231, 255, 0.66),
		0 0 30px rgba(32, 231, 255, 0.22);
}

.vhs-front-header--cassette-title .vhs-front-header-title__pink {
	-webkit-text-stroke-color: var(--vhs-ref-pink);
	text-shadow:
		0 0 4px rgba(255, 66, 167, 1),
		0 0 14px rgba(255, 66, 167, 0.68),
		0 0 30px rgba(255, 66, 167, 0.24);
}

.vhs-front-header--cassette-title .vhs-front-header__cassette {
	position: relative;
	width: 100%;
	aspect-ratio: 2048 / 258;
	min-width: 0;
	background: transparent !important;
	box-shadow: none !important;
	isolation: isolate;
}

.vhs-front-header--cassette-title .vhs-front-header__cassette::before,
.vhs-front-header--cassette-title .vhs-front-header__cassette::after {
	display: none !important;
	content: none !important;
}

.vhs-front-header--cassette-title .vhs-front-header__media,
.vhs-front-header--cassette-title .vhs-front-header__controls {
	position: absolute;
}

.vhs-front-header--cassette-title .vhs-front-header__media {
	z-index: 1;
	inset: 0;
	background: url("./assets/images/header-cassette.png") center / 100% 100% no-repeat;
	filter: brightness(0.985) contrast(1.01);
	box-shadow: none !important;
	pointer-events: none;
}

/* Volná část etikety napravo od původního červeného loga. */
.vhs-front-header--cassette-title .vhs-front-header__controls {
	z-index: 5;
	left: 34.3%;
	right: 5.0%;
	top: 20.8%;
	bottom: 21.2%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 clamp(6px, 0.65vw, 12px);
}

.vhs-front-header--cassette-title .vhs-front-nav {
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	width: 100%;
	min-width: 0;
	gap: clamp(8px, 0.8vw, 16px);
	padding: 0;
}

.vhs-front-header--cassette-title .vhs-front-nav a {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	padding: 0;
	color: #171318;
	font-family: var(--vhs-ref-heading);
	font-size: clamp(0.72rem, 0.32vw + 0.58rem, 0.98rem);
	font-weight: 800;
	letter-spacing: 0.045em;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.50);
	text-transform: uppercase;
	white-space: nowrap;
}

.vhs-front-header--cassette-title .vhs-front-nav a::after {
	position: absolute;
	right: 0;
	bottom: -7px;
	left: 0;
	height: 2px;
	border-radius: 999px;
	background: #ad2332;
	box-shadow: 0 0 7px rgba(173, 35, 50, 0.28);
	content: "";
	opacity: 0;
	transform: scaleX(0.45);
	transition: opacity 160ms ease, transform 160ms ease;
}

.vhs-front-header--cassette-title .vhs-front-nav a:hover,
.vhs-front-header--cassette-title .vhs-front-nav a[aria-current="page"] {
	color: #a31f2d;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.42);
}

.vhs-front-header--cassette-title .vhs-front-nav a:hover::after,
.vhs-front-header--cassette-title .vhs-front-nav a[aria-current="page"]::after {
	opacity: 1;
	transform: scaleX(1);
}

.vhs-front-header--cassette-title .vhs-front-mobile-nav {
	display: none;
	position: relative;
	align-self: center;
	justify-self: end;
}

.vhs-front-header--cassette-title .vhs-front-mobile-nav > summary {
	list-style: none;
}

.vhs-front-header--cassette-title .vhs-front-mobile-nav > summary::-webkit-details-marker {
	display: none;
}

.vhs-front-header--cassette-title .vhs-front-menu-toggle {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 38px;
	height: 38px;
	min-height: 38px;
	padding: 0;
	border: 1px solid #982531;
	border-radius: 5px;
	background: rgba(255, 250, 234, 0.48);
	gap: 5px;
	cursor: pointer;
}

.vhs-front-header--cassette-title .vhs-front-menu-toggle span {
	display: block;
	width: 18px;
	height: 2px;
	background: #8f1f2b;
}

.vhs-front-header--cassette-title .vhs-front-mobile-menu {
	position: absolute;
	top: calc(100% + 12px);
	right: 0;
	display: grid;
	min-width: min(320px, calc(100vw - 20px));
	padding: 10px 16px 16px;
	border: 1px solid rgba(89, 94, 139, 0.46);
	border-radius: 14px;
	background: rgba(4, 7, 20, 0.985);
	box-shadow: 0 20px 42px rgba(0, 0, 0, 0.42);
	gap: 4px;
}

.vhs-front-header--cassette-title .vhs-front-mobile-menu a {
	padding: 12px 5px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
	color: var(--vhs-ref-white);
	font-family: var(--vhs-ref-body);
	font-size: 0.92rem;
	font-weight: 600;
	letter-spacing: 0.045em;
	text-decoration: none;
	text-transform: uppercase;
}

@media (max-width: 1020px) {
	.vhs-front-header--cassette-title .vhs-front-header__layout {
		grid-template-columns: minmax(240px, 34%) minmax(0, 66%);
		gap: 12px;
	}

	.vhs-front-header--cassette-title .vhs-front-header-title {
		font-size: clamp(1.72rem, 3.45vw, 2.8rem);
	}

	.vhs-front-header--cassette-title .vhs-front-nav {
		display: none;
	}

	.vhs-front-header--cassette-title .vhs-front-mobile-nav {
		display: block;
	}

	.vhs-front-header--cassette-title .vhs-front-header__controls {
		left: 34.6%;
		right: 5.2%;
		display: grid;
		grid-template-columns: 1fr auto;
		padding-right: 7px;
		padding-left: 7px;
	}
}

@media (max-width: 620px) {
	.vhs-front-header.vhs-front-header--cassette-title {
		top: 4px;
		width: calc(100% - 10px);
		margin-top: 4px;
	}

	.admin-bar .vhs-front-header.vhs-front-header--cassette-title {
		top: 52px;
	}

	.vhs-front-header--cassette-title .vhs-front-header__layout {
		grid-template-columns: minmax(118px, 38%) minmax(0, 62%);
		gap: 7px;
	}

	.vhs-front-header--cassette-title .vhs-front-header-title {
		font-size: clamp(1rem, 4.25vw, 1.5rem);
		gap: 0.11em;
	}

	.vhs-front-header--cassette-title .vhs-front-header-title span {
		-webkit-text-stroke-width: 1px;
	}

	.vhs-front-header--cassette-title .vhs-front-header__controls {
		left: 34.8%;
		right: 5.4%;
		top: 19.8%;
		bottom: 20.6%;
		padding-right: 4px;
		padding-left: 4px;
	}

	.vhs-front-header--cassette-title .vhs-front-menu-toggle {
		width: 32px;
		height: 32px;
		min-height: 32px;
	}

	.vhs-front-header--cassette-title .vhs-front-mobile-menu {
		min-width: min(290px, calc(100vw - 12px));
		right: -2px;
	}
}


/* ==========================================================
   VHS SRAZ — ZMENŠENÍ A VYCENTROVÁNÍ HORNÍ SESTAVY 1.4.20

   Zmenšuje společně neonový nápis i videokazetu, drží obojí více
   uprostřed stránky a menu uvnitř etikety posouvá o kousek doleva.
   ========================================================== */

.vhs-front-header.vhs-front-header--cassette-title {
	width: min(1080px, calc(100% - 42px));
}

.vhs-front-header--cassette-title .vhs-front-header__layout {
	grid-template-columns: minmax(250px, 28.5%) minmax(0, 71.5%);
	gap: clamp(14px, 1.45vw, 24px);
	justify-content: center;
}

.vhs-front-header--cassette-title .vhs-front-header-title {
	font-size: clamp(1.95rem, 2.45vw, 3.25rem);
	gap: 0.13em;
}

.vhs-front-header--cassette-title .vhs-front-header__controls {
	right: 6.6%;
	padding-left: clamp(6px, 0.55vw, 10px);
	padding-right: clamp(10px, 0.85vw, 16px);
}

.vhs-front-header--cassette-title .vhs-front-nav {
	transform: translateX(-1.8%);
}

@media (max-width: 1020px) {
	.vhs-front-header.vhs-front-header--cassette-title {
		width: min(980px, calc(100% - 22px));
	}

	.vhs-front-header--cassette-title .vhs-front-header__layout {
		grid-template-columns: minmax(220px, 30%) minmax(0, 70%);
		gap: 10px;
	}

	.vhs-front-header--cassette-title .vhs-front-header-title {
		font-size: clamp(1.52rem, 2.9vw, 2.4rem);
	}

	.vhs-front-header--cassette-title .vhs-front-header__controls {
		right: 6.8%;
	}
}

@media (max-width: 620px) {
	.vhs-front-header.vhs-front-header--cassette-title {
		width: calc(100% - 12px);
	}

	.vhs-front-header--cassette-title .vhs-front-header__layout {
		grid-template-columns: minmax(112px, 37%) minmax(0, 63%);
		gap: 6px;
	}

	.vhs-front-header--cassette-title .vhs-front-header-title {
		font-size: clamp(0.9rem, 3.8vw, 1.34rem);
		gap: 0.1em;
	}

	.vhs-front-header--cassette-title .vhs-front-header__controls {
		right: 6.2%;
	}
}


/* ==========================================================
   VHS SRAZ — ČISTÉ POZADÍ NÁPISU A ODSTRANĚNÍ NEONOVÉ ČÁRY 1.4.21

   Levý neonový nápis nemá žádný vlastní panel ani podklad.
   Zároveň se odstraňuje vodorovná neonová čára pod celou horní
   sestavou tvořenou nápisem a videokazetou.
   ========================================================== */

.vhs-front-header.vhs-front-header--cassette-title,
.vhs-front-header--cassette-title .vhs-front-header__layout,
.vhs-front-header--cassette-title .vhs-front-header-title,
.vhs-front-header--cassette-title .vhs-front-header__cassette {
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	-webkit-backdrop-filter: none !important;
	backdrop-filter: none !important;
}

/* Nápis vlevo zůstává pouze jako živá neonová typografie. */
.vhs-front-header--cassette-title .vhs-front-header-title {
	outline: 0 !important;
	filter: none !important;
}

/* Úplné vypnutí dekorativních linek a září pod hlavičkou. */
.vhs-front-header.vhs-front-header--cassette-title::before,
.vhs-front-header.vhs-front-header--cassette-title::after,
.vhs-front-header--cassette-title .vhs-front-header__layout::before,
.vhs-front-header--cassette-title .vhs-front-header__layout::after,
.vhs-front-header--cassette-title .vhs-front-header-title::before,
.vhs-front-header--cassette-title .vhs-front-header-title::after,
.vhs-front-header--cassette-title .vhs-front-header__cassette::before,
.vhs-front-header--cassette-title .vhs-front-header__cassette::after {
	display: none !important;
	content: none !important;
	border: 0 !important;
	background: none !important;
	box-shadow: none !important;
}

/* Pojistka proti obecné spodní lince původní plovoucí hlavičky. */
body .vhs-front-header.vhs-front-header--cassette-title {
	border-bottom: 0 !important;
}


/* ==========================================================
   VHS SRAZ — PODTITULEK ZNAČKY A POSUN MENU 1.4.22

   Pod hlavním neonovým nápisem přidává drobný kapitálkový text
   „SRAZ SBĚRATELŮ VIDEOKAZET“. Menu uvnitř etikety je posunuto
   výrazněji doleva, ale stále zůstává mimo červené logo kazety.
   ========================================================== */

.vhs-front-header--cassette-title .vhs-front-header-brand {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: center;
	min-width: 0;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

.vhs-front-header--cassette-title .vhs-front-header-title {
	align-self: stretch;
	justify-content: center;
	width: 100%;
}

.vhs-front-header--cassette-title .vhs-front-header-subtitle {
	width: 100%;
	margin: 0.42rem 0 0;
	padding: 0;
	color: var(--vhs-ref-muted);
	font-family: var(--vhs-ref-heading);
	font-size: clamp(0.58rem, 0.24vw + 0.49rem, 0.74rem);
	font-weight: 700;
	letter-spacing: 0.13em;
	line-height: 1;
	text-align: center;
	text-transform: uppercase;
	white-space: nowrap;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	text-shadow: none !important;
}

/* Menu je posunuto o viditelnější kus doleva, bez zásahu do loga. */
.vhs-front-header--cassette-title .vhs-front-nav {
	transform: translateX(-4.2%);
}

@media (max-width: 1020px) {
	.vhs-front-header--cassette-title .vhs-front-header-subtitle {
		font-size: clamp(0.48rem, 0.3vw + 0.38rem, 0.61rem);
		letter-spacing: 0.095em;
		margin-top: 0.32rem;
	}
}

@media (max-width: 620px) {
	.vhs-front-header--cassette-title .vhs-front-header-subtitle {
		display: none;
	}
}


/* ==========================================================
   VHS SRAZ — ČISTÁ KAZETA BEZ DODATEČNÉHO EFEKTU 1.4.25

   Zachovává schválený posun menu doleva, ale odstraňuje veškeré
   dodatečné zapuštění, štěrbiny, fazety, stíny a pseudo-elementy
   vytvářené kolem kazety. Kazeta zůstává čistě nad původním
   pozadím webu.
   ========================================================== */

.vhs-front-header--cassette-title .vhs-front-nav {
	width: 103%;
	transform: translateX(-6.5%);
}

.vhs-front-header--cassette-title .vhs-front-header__cassette {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	filter: none !important;
}

.vhs-front-header--cassette-title .vhs-front-header__cassette::before,
.vhs-front-header--cassette-title .vhs-front-header__cassette::after {
	display: none !important;
	content: none !important;
	background: none !important;
	border: 0 !important;
	box-shadow: none !important;
}

.vhs-front-header--cassette-title .vhs-front-header__media {
	background: url("./assets/images/header-cassette.png") center / 100% 100% no-repeat;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	filter: brightness(0.985) contrast(1.01) !important;
}

.vhs-front-header--cassette-title .vhs-front-header__media::before,
.vhs-front-header--cassette-title .vhs-front-header__media::after {
	display: none !important;
	content: none !important;
	background: none !important;
	border: 0 !important;
	box-shadow: none !important;
	filter: none !important;
}

@media (max-width: 1020px) {
	.vhs-front-header--cassette-title .vhs-front-nav {
		width: 100%;
		transform: none;
	}
}


/* ==========================================================
   VHS SRAZ — SKUTEČNÉ SOUVISLÉ POZADÍ NAD KAZETOU 1.4.31

   Používá přímo dodaný obrázek horního pozadí. Obraz pozadí běží
   bez přerušení přes celou šířku headeru a leží nad obrázkem kazety,
   zatímco neonový nápis a menu zůstávají úplně nahoře a čitelné.
   ========================================================== */

.vhs-front-header.vhs-front-header--cassette-title {
	position: sticky;
	isolation: isolate;
	overflow: visible;
}

/*
 * Skutečná souvislá vrstva dodaného pozadí.
 * Je roztažená přes celý viewport, ne pouze přes obdélník kazety.
 */
body .vhs-front-header.vhs-front-header--cassette-title::before {
	display: block !important;
	content: "" !important;
	position: absolute;
	z-index: 2;
	left: 50%;
	top: 50%;
	width: 100vw;
	height: max(150px, calc(100% + 46px));
	transform: translate(-50%, -50%);
	background:
		url("./assets/images/header-background-continuous.png")
		center center / cover no-repeat !important;
	border: 0 !important;
	box-shadow: none !important;
	opacity: 0.66;
	pointer-events: none;
	-webkit-mask-image: linear-gradient(
		to bottom,
		transparent 0%,
		#000 13%,
		#000 87%,
		transparent 100%
	);
	mask-image: linear-gradient(
		to bottom,
		transparent 0%,
		#000 13%,
		#000 87%,
		transparent 100%
	);
}

body .vhs-front-header.vhs-front-header--cassette-title::after {
	display: none !important;
	content: none !important;
}

/*
 * Zrušení lokálního stacking contextu kazety dovolí, aby:
 * obrázek kazety byl pod souvislým pozadím a menu nad ním.
 */
.vhs-front-header--cassette-title .vhs-front-header__cassette {
	position: relative;
	z-index: auto;
	isolation: auto;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	filter: none !important;
}

.vhs-front-header--cassette-title .vhs-front-header__cassette::before,
.vhs-front-header--cassette-title .vhs-front-header__cassette::after {
	display: none !important;
	content: none !important;
}

/* Kazeta je pod souvislou vrstvou pozadí. */
.vhs-front-header--cassette-title .vhs-front-header__media {
	position: absolute;
	z-index: 1;
	inset: 0;
	background:
		url("./assets/images/header-cassette.png")
		center / 100% 100% no-repeat !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	filter: brightness(0.985) contrast(1.01) !important;
}

.vhs-front-header--cassette-title .vhs-front-header__media::before,
.vhs-front-header--cassette-title .vhs-front-header__media::after {
	display: none !important;
	content: none !important;
}

/* Nápis, podtitulek a menu musí zůstat nad souvislým pozadím. */
.vhs-front-header--cassette-title .vhs-front-header-brand {
	position: relative;
	z-index: 4;
}

.vhs-front-header--cassette-title .vhs-front-header__controls {
	position: absolute;
	z-index: 4;
}

/* Zachování schváleného posunu menu doleva. */
.vhs-front-header--cassette-title .vhs-front-nav {
	width: 103%;
	transform: translateX(-6.5%);
}

@media (max-width: 1020px) {
	body .vhs-front-header.vhs-front-header--cassette-title::before {
		height: max(124px, calc(100% + 34px));
		opacity: 0.62;
	}

	.vhs-front-header--cassette-title .vhs-front-nav {
		width: 100%;
		transform: none;
	}
}

@media (max-width: 620px) {
	body .vhs-front-header.vhs-front-header--cassette-title::before {
		height: max(98px, calc(100% + 24px));
		opacity: 0.58;
	}
}


/* ==========================================================
   VHS SRAZ — KAZETA POD ČISTÝM POLOPRŮHLEDNÝM STRIPEM 1.4.35

   Vrstvení vychází přímo z funkční verze 1.4.31:
   1) dole je videokazeta,
   2) nad ní je čistý tmavý strip bez kola a rušivých tvarů,
   3) úplně nahoře je neonové logo, podtitulek a menu.

   Strip je záměrně poloprůhledný, aby byla kazeta pod ním
   viditelná. Neobsahuje výřez původního hero backgroundu.
   ========================================================== */

.vhs-front-header.vhs-front-header--cassette-title {
	position: sticky;
	isolation: isolate;
	overflow: visible;
}

/*
 * Čistý souvislý strip bez obrazových tvarů.
 * Tmavá vrstva je poloprůhledná — kazeta pod ní zůstává vidět.
 */
body .vhs-front-header.vhs-front-header--cassette-title::before {
	display: block !important;
	content: "" !important;
	position: absolute;
	z-index: 2 !important;
	left: 50%;
	top: 50%;
	width: 100vw;
	height: calc(100% + 24px);
	transform: translate(-50%, -50%);
	background:
		radial-gradient(
			ellipse 48rem 14rem at 7% 50%,
			rgba(0, 229, 255, 0.105) 0%,
			rgba(0, 229, 255, 0.042) 31%,
			transparent 68%
		),
		radial-gradient(
			ellipse 50rem 14rem at 93% 50%,
			rgba(255, 46, 209, 0.105) 0%,
			rgba(255, 46, 209, 0.042) 31%,
			transparent 68%
		),
		linear-gradient(
			90deg,
			rgba(4, 8, 20, 0.56) 0%,
			rgba(3, 6, 18, 0.50) 39%,
			rgba(3, 6, 18, 0.50) 61%,
			rgba(7, 6, 22, 0.56) 100%
		) !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: center !important;
	border: 0 !important;
	box-shadow: none !important;
	opacity: 1 !important;
	-webkit-mask-image: none !important;
	mask-image: none !important;
	pointer-events: none;
}

body .vhs-front-header.vhs-front-header--cassette-title::after {
	display: none !important;
	content: none !important;
}

/*
 * Layout nesmí vytvořit vlastní uzavřený stacking context.
 * Díky tomu může být kazeta pod stripem a menu nad stripem.
 */
.vhs-front-header--cassette-title .vhs-front-header__layout {
	position: relative;
	z-index: auto !important;
	isolation: auto !important;
}

/* Kazeta a její obraz zůstávají pod stripem. */
.vhs-front-header--cassette-title .vhs-front-header__cassette {
	position: relative;
	z-index: auto !important;
	isolation: auto !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	filter: none !important;
}

.vhs-front-header--cassette-title .vhs-front-header__cassette::before,
.vhs-front-header--cassette-title .vhs-front-header__cassette::after {
	display: none !important;
	content: none !important;
}

.vhs-front-header--cassette-title .vhs-front-header__media {
	position: absolute;
	z-index: 1 !important;
	inset: 0;
	background:
		url("./assets/images/header-cassette.png")
		center / 100% 100% no-repeat !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	filter: brightness(0.985) contrast(1.01) !important;
	opacity: 1 !important;
}

.vhs-front-header--cassette-title .vhs-front-header__media::before,
.vhs-front-header--cassette-title .vhs-front-header__media::after {
	display: none !important;
	content: none !important;
}

/* Neonové logo, podtitulek a menu jsou vždy nad stripem. */
.vhs-front-header--cassette-title .vhs-front-header-brand {
	position: relative;
	z-index: 5 !important;
}

.vhs-front-header--cassette-title .vhs-front-header__controls {
	position: absolute;
	z-index: 6 !important;
}

.vhs-front-header--cassette-title .vhs-front-nav,
.vhs-front-header--cassette-title .vhs-front-mobile-nav {
	position: relative;
	z-index: 6 !important;
}

/* Zachování schváleného posunu desktopového menu doleva. */
.vhs-front-header--cassette-title .vhs-front-nav {
	width: 103%;
	transform: translateX(-6.5%);
}

@media (max-width: 1020px) {
	body .vhs-front-header.vhs-front-header--cassette-title::before {
		height: calc(100% + 18px);
		background:
			radial-gradient(
				ellipse 34rem 12rem at 8% 50%,
				rgba(0, 229, 255, 0.09),
				transparent 68%
			),
			radial-gradient(
				ellipse 36rem 12rem at 92% 50%,
				rgba(255, 46, 209, 0.09),
				transparent 68%
			),
			linear-gradient(
				90deg,
				rgba(4, 8, 20, 0.58),
				rgba(5, 6, 19, 0.53),
				rgba(7, 6, 22, 0.58)
			) !important;
	}

	.vhs-front-header--cassette-title .vhs-front-nav {
		width: 100%;
		transform: none;
	}
}

@media (max-width: 620px) {
	body .vhs-front-header.vhs-front-header--cassette-title::before {
		height: calc(100% + 12px);
	}
}


/* ==========================================================
   VHS SRAZ — MENU NAD STRIPEM A PLYNULÝ SPODNÍ PŘECHOD 1.4.36

   Odkazy menu jsou znovu vykreslené v původní čisté podobě nad
   poloprůhledným stripem. Ostrá světlejší vodorovná hrana pod
   stripem je odstraněna pomocí delšího, pozvolného spodního
   prolnutí bez borderu, stínu a pevného ukončení.
   ========================================================== */

/* Strip je prodloužený a dole plynule mizí do pozadí stránky. */
body .vhs-front-header.vhs-front-header--cassette-title::before {
	top: 56%;
	height: calc(100% + 70px);
	border: 0 !important;
	border-top: 0 !important;
	border-bottom: 0 !important;
	outline: 0 !important;
	box-shadow: none !important;
	-webkit-mask-image: linear-gradient(
		to bottom,
		#000 0%,
		#000 62%,
		rgba(0, 0, 0, 0.96) 69%,
		rgba(0, 0, 0, 0.72) 78%,
		rgba(0, 0, 0, 0.36) 88%,
		transparent 100%
	) !important;
	mask-image: linear-gradient(
		to bottom,
		#000 0%,
		#000 62%,
		rgba(0, 0, 0, 0.96) 69%,
		rgba(0, 0, 0, 0.72) 78%,
		rgba(0, 0, 0, 0.36) 88%,
		transparent 100%
	) !important;
}

/* Pojistka proti jakékoli obecné spodní lince hlavičky. */
body .vhs-front-header.vhs-front-header--cassette-title,
body .vhs-front-header.vhs-front-header--cassette-title::after,
.vhs-front-header--cassette-title .vhs-front-header__layout {
	border-bottom: 0 !important;
	box-shadow: none !important;
}

/* Menu je vždy nad stripem a má původní vzhled. */
.vhs-front-header--cassette-title .vhs-front-header__controls {
	z-index: 20 !important;
	opacity: 1 !important;
	filter: none !important;
	mix-blend-mode: normal !important;
}

.vhs-front-header--cassette-title .vhs-front-nav {
	position: relative;
	z-index: 21 !important;
	opacity: 1 !important;
	filter: none !important;
	mix-blend-mode: normal !important;
}

/* Obnovení původní typografie a kontrastu jednotlivých odkazů. */
.vhs-front-header--cassette-title .vhs-front-nav a {
	position: relative;
	z-index: 22 !important;
	color: #171318 !important;
	-webkit-text-fill-color: #171318 !important;
	font-family: var(--vhs-ref-heading) !important;
	font-size: clamp(0.72rem, 0.32vw + 0.58rem, 0.98rem) !important;
	font-weight: 800 !important;
	letter-spacing: 0.045em !important;
	line-height: 1 !important;
	opacity: 1 !important;
	filter: none !important;
	mix-blend-mode: normal !important;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.50) !important;
}

/* Původní červený hover a aktivní stav. */
.vhs-front-header--cassette-title .vhs-front-nav a:hover,
.vhs-front-header--cassette-title .vhs-front-nav a[aria-current="page"] {
	color: #a31f2d !important;
	-webkit-text-fill-color: #a31f2d !important;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.42) !important;
}

@media (max-width: 1020px) {
	body .vhs-front-header.vhs-front-header--cassette-title::before {
		top: 55%;
		height: calc(100% + 48px);
	}
}

@media (max-width: 620px) {
	body .vhs-front-header.vhs-front-header--cassette-title::before {
		top: 54%;
		height: calc(100% + 34px);
	}
}


/* ==========================================================
   VHS SRAZ — ODSTRANĚNÍ BÍLÉHO „DUCHA“ KOLEM MENU 1.4.38

   Bílý obrys způsoboval text-shadow použitý na tmavém menu.
   Strip, poloha menu, velikost, font i vrstvení zůstávají stejné.
   Odstraňuje se pouze světlý stín kolem jednotlivých písmen.
   ========================================================== */

.vhs-front-header--cassette-title .vhs-front-nav a,
.vhs-front-header--cassette-title .vhs-front-nav a:link,
.vhs-front-header--cassette-title .vhs-front-nav a:visited {
	text-shadow: none !important;
	-webkit-text-stroke: 0 transparent !important;
	filter: none !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Hover a aktivní položka zůstávají červené, ale také bez bílého obrysu. */
.vhs-front-header--cassette-title .vhs-front-nav a:hover,
.vhs-front-header--cassette-title .vhs-front-nav a:focus-visible,
.vhs-front-header--cassette-title .vhs-front-nav a[aria-current="page"] {
	text-shadow: none !important;
	-webkit-text-stroke: 0 transparent !important;
	filter: none !important;
}


/* ==========================================================
   VHS SRAZ — VYŠŠÍ KONTRAST MENU BEZ ZÁSAHU DO POZADÍ 1.4.41

   Strip, kazeta, etiketa i všechny vrstvy zůstávají beze změny.
   Upraven je pouze samotný text menu: vrací se hlubší černá,
   plná neprůhlednost a lehce pevnější kresba bez bílého ducha.
   ========================================================== */

.vhs-front-header--cassette-title .vhs-front-nav a,
.vhs-front-header--cassette-title .vhs-front-nav a:link,
.vhs-front-header--cassette-title .vhs-front-nav a:visited {
	color: #050505 !important;
	-webkit-text-fill-color: #050505 !important;
	font-weight: 900 !important;
	opacity: 1 !important;
	filter: none !important;
	mix-blend-mode: normal !important;
	text-shadow: none !important;
	-webkit-text-stroke: 0.12px #050505 !important;
	text-rendering: geometricPrecision;
	-webkit-font-smoothing: auto;
	-moz-osx-font-smoothing: auto;
}

/* Aktivní a hover stav zůstává červený, ale stále bez světlého obrysu. */
.vhs-front-header--cassette-title .vhs-front-nav a:hover,
.vhs-front-header--cassette-title .vhs-front-nav a:focus-visible,
.vhs-front-header--cassette-title .vhs-front-nav a[aria-current="page"] {
	text-shadow: none !important;
	-webkit-text-stroke: 0.12px currentColor !important;
	filter: none !important;
	opacity: 1 !important;
}


/* ==========================================================
   VHS SRAZ — VYŠŠÍ KONTRAST ČERVENÉHO HOVERU MENU 1.4.42

   Stejně jako u základního černého menu je zpevněna i červená
   barva po najetí myší a u aktivní položky. Pozadí, strip,
   kazeta, font, velikost i poloha menu zůstávají beze změny.
   ========================================================== */

.vhs-front-header--cassette-title .vhs-front-nav a:hover,
.vhs-front-header--cassette-title .vhs-front-nav a:focus-visible,
.vhs-front-header--cassette-title .vhs-front-nav a[aria-current="page"] {
	color: #8f1020 !important;
	-webkit-text-fill-color: #8f1020 !important;
	font-weight: 900 !important;
	opacity: 1 !important;
	filter: none !important;
	mix-blend-mode: normal !important;
	text-shadow: none !important;
	-webkit-text-stroke: 0.12px #8f1020 !important;
}

/* Výraznější červená linka pod odkazem. */
.vhs-front-header--cassette-title .vhs-front-nav a:hover::after,
.vhs-front-header--cassette-title .vhs-front-nav a:focus-visible::after,
.vhs-front-header--cassette-title
	.vhs-front-nav
	a[aria-current="page"]::after {
	background: #8f1020 !important;
	box-shadow: 0 0 6px rgba(143, 16, 32, 0.34) !important;
	opacity: 1 !important;
}


/* ==========================================================
   VHS SRAZ — JEMNÉ VERTIKÁLNÍ VYCENTROVÁNÍ HLAVIČKY 1.4.43

   Podle kontrolního screenshotu byla horní mezera nad sestavou
   menší než mezera mezi spodní hranou kazety a koncem stripu.
   Celá sestava — neonový název, podtitulek, kazeta a menu —
   se proto posouvá jako jeden celek o 6 px dolů.

   Vzhled, velikost, fonty, barvy, strip, kazeta a menu se nemění.
   Nemění se ani výška stránky nebo začátek hero sekce.
   ========================================================== */

.vhs-front-header--cassette-title .vhs-front-header__layout {
	top: 5px;
}

/* Na tabletu stačí menší korekce. */
@media (max-width: 1020px) {
	.vhs-front-header--cassette-title .vhs-front-header__layout {
		top: 3px;
	}
}

/* Na mobilu zůstává posun velmi jemný. */
@media (max-width: 620px) {
	.vhs-front-header--cassette-title .vhs-front-header__layout {
		top: 2px;
	}
}


/* ==========================================================
   VHS SRAZ — MIKROÚPRAVA TYPOGRAFIE MENU 1.4.45

   Jemná testovací úprava pouze samotného fontu menu.
   Typ fontu, černá barva, červený hover, kazeta, strip,
   pozadí i poloha celé hlavičky zůstávají beze změny.
   ========================================================== */

.vhs-front-header--cassette-title .vhs-front-nav a,
.vhs-front-header--cassette-title .vhs-front-nav a:link,
.vhs-front-header--cassette-title .vhs-front-nav a:visited {
	font-family: var(--vhs-ref-heading) !important;
	font-size: clamp(0.75rem, 0.34vw + 0.59rem, 1.01rem) !important;
	font-weight: 900 !important;
	letter-spacing: 0.052em !important;
	line-height: 1 !important;
}

/* Tablet — zachování čitelnosti bez přeplnění etikety. */
@media (max-width: 1120px) and (min-width: 1021px) {
	.vhs-front-header--cassette-title .vhs-front-nav a,
	.vhs-front-header--cassette-title .vhs-front-nav a:link,
	.vhs-front-header--cassette-title .vhs-front-nav a:visited {
		font-size: clamp(0.70rem, 0.28vw + 0.54rem, 0.88rem) !important;
		letter-spacing: 0.046em !important;
	}
}


/* ==========================================================
   VHS SRAZ — MIKROÚPRAVA ČERVENÉ LINKY MENU 1.4.46

   Stejně jako u fontu menu je jemně upravena i červená linka pod
   aktivní / hover položkou. Cílem je, aby působila o malý kousek
   výrazněji a proporčně lépe seděla k lehce zvětšenému písmu.
   ========================================================== */

.vhs-front-header--cassette-title .vhs-front-nav a::after {
	height: 3px !important;
	bottom: -8px !important;
	border-radius: 999px !important;
	transform: scaleX(0.56) !important;
	box-shadow: 0 0 6px rgba(143, 16, 32, 0.28) !important;
}

.vhs-front-header--cassette-title .vhs-front-nav a:hover::after,
.vhs-front-header--cassette-title .vhs-front-nav a:focus-visible::after,
.vhs-front-header--cassette-title .vhs-front-nav a[aria-current="page"]::after {
	transform: scaleX(1) !important;
	opacity: 1 !important;
	box-shadow: 0 0 7px rgba(143, 16, 32, 0.32) !important;
}


/* ==========================================================
   VHS SRAZ — SJEDNOCENÍ ZNAČKY VE FOOTERU A HEADERU 1.4.47

   Footer používá stejnou typografickou identitu jako neonový
   nápis vlevo v horním stripu: stejný display font, plnou kresbu,
   cyan–pink–cyan pořadí, tmavou vnitřní výplň, neonový obrys
   a stejný charakter glow. Rozměr je pouze bezpečně přizpůsoben
   dostupné šířce prvního sloupce footeru.
   ========================================================== */

.vhs-footer-site-title {
	margin: 0 !important;
	padding: 0 !important;
	line-height: 0.88 !important;
	overflow: visible !important;
}

.vhs-footer-site-title > a {
	display: inline-flex !important;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	gap: 0.15em;
	margin: 0;
	padding: 0;
	color: inherit !important;
	font-family: var(--vhs-ref-display) !important;
	font-size: clamp(2.15rem, 2.5vw, 3.35rem) !important;
	font-weight: 900 !important;
	letter-spacing: -0.035em !important;
	line-height: 0.88 !important;
	text-decoration: none !important;
	text-transform: uppercase;
	white-space: nowrap;
	text-shadow: none !important;
}

.vhs-footer-site-title > a:hover {
	color: inherit !important;
	text-shadow: none !important;
}

.vhs-footer-site-title > a > span {
	display: inline-block;
	width: auto;
	padding: 0.045em 0.01em 0.06em;
	color: rgba(2, 5, 15, 0.34);
	-webkit-text-fill-color: rgba(2, 5, 15, 0.34);
	-webkit-text-stroke-width: 1.45px;
}

.vhs-footer-title__cyan {
	-webkit-text-stroke-color: var(--vhs-ref-cyan);
	text-shadow:
		0 0 4px rgba(32, 231, 255, 1),
		0 0 14px rgba(32, 231, 255, 0.66),
		0 0 30px rgba(32, 231, 255, 0.22);
}

.vhs-footer-title__pink {
	-webkit-text-stroke-color: var(--vhs-ref-pink);
	text-shadow:
		0 0 4px rgba(255, 66, 167, 1),
		0 0 14px rgba(255, 66, 167, 0.68),
		0 0 30px rgba(255, 66, 167, 0.24);
}

@media (max-width: 1050px) {
	.vhs-footer-site-title > a {
		font-size: clamp(2rem, 4vw, 3rem) !important;
	}
}

@media (max-width: 560px) {
	.vhs-footer-site-title > a {
		font-size: clamp(1.55rem, 7vw, 2.25rem) !important;
		gap: 0.11em;
	}

	.vhs-footer-site-title > a > span {
		-webkit-text-stroke-width: 1px;
	}
}


/* ==========================================================
   VHS SRAZ — JEDNOTNÝ HEADER NA CELÉM WEBU 1.4.47

   Všechny šablony nyní používají stejnou globální template part
   parts/header.html. Níže je pojistka, aby se její rozměry,
   strip, vrstvení a vertikální korekce chovaly stejně na domovské
   stránce, podstránkách, archivech i jednotlivých příspěvcích.
   ========================================================== */

body .vhs-front-header.vhs-front-header--cassette-title {
	position: sticky !important;
	z-index: 1500 !important;
	isolation: isolate !important;
	overflow: visible !important;
}

/* Všechny typy stránek dostávají totožný schválený strip. */
body .vhs-front-header.vhs-front-header--cassette-title::before {
	top: 56% !important;
	height: calc(100% + 70px) !important;
}

/* Stejná schválená vertikální poloha celé sestavy na všech stránkách. */
body .vhs-front-header--cassette-title .vhs-front-header__layout {
	top: 5px !important;
}

/* Stejné vrstvení loga, kazety a menu bez ohledu na šablonu stránky. */
body .vhs-front-header--cassette-title .vhs-front-header__media {
	z-index: 1 !important;
}

body .vhs-front-header--cassette-title .vhs-front-header-brand {
	z-index: 5 !important;
}

body .vhs-front-header--cassette-title .vhs-front-header__controls {
	z-index: 30 !important;
}

@media (max-width: 1020px) {
	body .vhs-front-header.vhs-front-header--cassette-title::before {
		top: 55% !important;
		height: calc(100% + 48px) !important;
	}

	body .vhs-front-header--cassette-title .vhs-front-header__layout {
		top: 3px !important;
	}
}

@media (max-width: 620px) {
	body .vhs-front-header.vhs-front-header--cassette-title::before {
		top: 54% !important;
		height: calc(100% + 34px) !important;
	}

	body .vhs-front-header--cassette-title .vhs-front-header__layout {
		top: 2px !important;
	}
}


/* ==========================================================
   VHS SRAZ — OSTŘEJŠÍ FOOTER LOGO A PŘESNÉ CENTROVÁNÍ
   PODTITULKŮ 1.4.48

   Footerový nápis zůstává stejný jako horní značka, ale má méně
   glow, takže je ostřejší a méně rozmazaný. Podtitul ve footeru
   i horním stripu je přesně vycentrován podle skutečné šířky
   hlavního nápisu, nikoli podle celého sloupce.
   ========================================================== */

/* ---------- FOOTER: značka a podtitulek jako jeden přesný celek ---------- */

.vhs-footer-brand-text {
	display: flex !important;
	flex-direction: column;
	align-items: center !important;
	width: max-content;
	max-width: 100%;
	margin: 0;
}

.vhs-footer-site-title {
	width: max-content;
	max-width: 100%;
	margin-right: auto !important;
	margin-left: auto !important;
}

.vhs-footer-subtitle {
	width: 100%;
	margin: 9px 0 0 !important;
	text-align: center !important;
}

/* Méně osvícený, ostřejší footerový nápis. */
.vhs-footer-title__cyan {
	text-shadow:
		0 0 2px rgba(32, 231, 255, 0.92),
		0 0 7px rgba(32, 231, 255, 0.38) !important;
}

.vhs-footer-title__pink {
	text-shadow:
		0 0 2px rgba(255, 66, 167, 0.92),
		0 0 7px rgba(255, 66, 167, 0.40) !important;
}

/* ---------- HEADER: podtitulek přesně pod šířkou nápisu ---------- */

.vhs-front-header--cassette-title .vhs-front-header-brand {
	display: flex !important;
	flex-direction: column;
	align-items: center !important;
	width: max-content;
	max-width: 100%;
}

.vhs-front-header--cassette-title .vhs-front-header-title {
	width: max-content;
	max-width: 100%;
	margin-right: auto;
	margin-left: auto;
}

.vhs-front-header--cassette-title .vhs-front-header-subtitle {
	width: 100% !important;
	margin-right: auto !important;
	margin-left: auto !important;
	text-align: center !important;
}

/* Na malých displejích zachovat bezpečnou šířku bez přetečení. */
@media (max-width: 620px) {
	.vhs-footer-brand-text,
	.vhs-front-header--cassette-title .vhs-front-header-brand {
		width: 100%;
	}

	.vhs-footer-site-title,
	.vhs-front-header--cassette-title .vhs-front-header-title {
		width: max-content;
		max-width: 100%;
	}
}


/* ==========================================================
   VHS SRAZ — PODSTRÁNKY VE STYLU FRONT PAGE 1.4.50
   ----------------------------------------------------------
   Cíl:
   - na podstránkách odstranit "rámečkové" obrazové boxy,
   - proměnit je na stejné řešení jako na frontu:
     text přímo nad celoplošným pozadím / obrázkem,
   - zachovat možnost budoucí výměny obrázku ve WordPressu.

   Princip:
   - každý wrapper, který obsahuje vizuální blok a vedle něj
     obsahový blok, se převede na "front-style section panel",
   - obrazová část se chová jako podklad celé sekce,
   - textová část leží nad ní,
   - jakmile se do vizuální části vloží obrázek, roztáhne se
     přes celou plochu a placeholder se automaticky skryje.
   ========================================================== */

/* ZÁKLADNÍ WRAPPER:
   každá skupina s vizuálem + obsahem se změní na sekci
   ve stylu front page. */
body .vhs-page .wp-block-group:has(> .wp-block-group[class*="visual"]):has(> :not(.wp-block-group[class*="visual"])) {
	position: relative;
	display: block !important;
	overflow: hidden;
	padding: clamp(46px, 5vw, 78px) clamp(34px, 4.6vw, 76px);
	border: none !important;
	border-radius: 0 !important;
	background: none !important;
	box-shadow: none !important;
	isolation: isolate;
}

/* Jemná minimální výška, aby blok působil jako skutečná plocha. */
body .vhs-page .wp-block-group:has(> .wp-block-group[class*="visual"]):has(> :not(.wp-block-group[class*="visual"])):not(.vhs-years-current-meta-grid) {
	min-height: clamp(420px, 46vw, 640px);
}

/* Vizuál se změní na podklad celé sekce. */
body .vhs-page .wp-block-group:has(> .wp-block-group[class*="visual"]):has(> :not(.wp-block-group[class*="visual"])) > .wp-block-group[class*="visual"] {
	position: absolute !important;
	inset: 0 !important;
	z-index: 0 !important;
	display: block !important;
	min-height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	border-radius: 0 !important;
	background: none !important;
	box-shadow: none !important;
	overflow: hidden;
	pointer-events: none;
}

/* Pokud má vizuál vnitřní "screen", zrušíme rámečky i zde. */
body .vhs-page .wp-block-group:has(> .wp-block-group[class*="visual"]):has(> :not(.wp-block-group[class*="visual"])) > .wp-block-group[class*="visual"] .wp-block-group[class*="screen"] {
	position: absolute !important;
	inset: 0 !important;
	display: block !important;
	min-height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	border-radius: 0 !important;
	background: none !important;
	box-shadow: none !important;
	overflow: hidden;
}

/* Obrázek vložený později do vizuální části:
   automaticky se stane pozadím celé sekce. */
body .vhs-page .wp-block-group:has(> .wp-block-group[class*="visual"]):has(> :not(.wp-block-group[class*="visual"])) > .wp-block-group[class*="visual"] :is(img, .wp-block-image img) {
	position: absolute !important;
	inset: 0 !important;
	z-index: 0 !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center center !important;
}

/* Ztmavení vlevo a jemný barevný přechod doprava — stejně jako na frontu.
   Overlay se aktivuje jen tehdy, když je skutečný obrázek přítomen. */
body .vhs-page .wp-block-group:has(> .wp-block-group[class*="visual"] img):has(> :not(.wp-block-group[class*="visual"])) > .wp-block-group[class*="visual"]::before,
body .vhs-page .wp-block-group:has(> .wp-block-group[class*="visual"] .wp-block-image img):has(> :not(.wp-block-group[class*="visual"])) > .wp-block-group[class*="visual"]::before {
	position: absolute;
	inset: 0;
	z-index: 1;
	content: "";
	background:
		linear-gradient(
			90deg,
			rgba(2, 6, 18, 0.92) 0%,
			rgba(3, 8, 20, 0.84) 28%,
			rgba(4, 9, 22, 0.62) 46%,
			rgba(6, 10, 22, 0.28) 65%,
			rgba(31, 9, 38, 0.42) 100%
		);
	pointer-events: none;
}

/* Jemný scan overlay pro obrazový podklad. */
body .vhs-page .wp-block-group:has(> .wp-block-group[class*="visual"] img):has(> :not(.wp-block-group[class*="visual"])) > .wp-block-group[class*="visual"]::after,
body .vhs-page .wp-block-group:has(> .wp-block-group[class*="visual"] .wp-block-image img):has(> :not(.wp-block-group[class*="visual"])) > .wp-block-group[class*="visual"]::after {
	position: absolute;
	inset: 0;
	z-index: 2;
	content: "";
	background:
		repeating-linear-gradient(
			0deg,
			rgba(255, 255, 255, 0.018) 0,
			rgba(255, 255, 255, 0.018) 1px,
			transparent 1px,
			transparent 6px
		);
	opacity: 0.5;
	pointer-events: none;
}

/* Všechny nevizuální přímé děti wrapperu leží nad pozadím
   a fungují jako obsahová levá část sekce. */
body .vhs-page .wp-block-group:has(> .wp-block-group[class*="visual"]):has(> :not(.wp-block-group[class*="visual"])) > :not(.wp-block-group[class*="visual"]) {
	position: relative;
	z-index: 4;
	max-width: min(100%, 42rem);
}

/* U hero sekcí ponechat šířku textu podobnou front page. */
body .vhs-page .vhs-page-hero-grid > .vhs-page-hero-copy,
body .vhs-page .vhs-about-story-grid > .vhs-about-story-copy,
body .vhs-page .vhs-featured-guest-card > .vhs-featured-guest-copy,
body .vhs-page .vhs-market-sellers-grid > .vhs-market-sellers-copy,
body .vhs-page .vhs-year-story-wrap > .vhs-year-story-copy,
body .vhs-page .vhs-year-market-card > .vhs-year-market-copy,
body .vhs-page .vhs-guest-bio-grid > .vhs-guest-bio-copy,
body .vhs-page .vhs-guest-vhs-wrap > .vhs-guest-vhs-copy,
body .vhs-page .vhs-years-content-wrap > :not(.vhs-years-current-visual),
body .vhs-page .vhs-years-principle-wrap > :not(.vhs-years-principle-visual),
body .vhs-page .vhs-gallery-aftermovie-section > .wp-block-group > :not(.vhs-gallery-aftermovie-visual) {
	max-width: min(100%, 42rem);
}

/* Staré "rámečkové" efekty pryč. */
body .vhs-page :is(
	.vhs-page-hero-visual,
	.vhs-page-hero-screen,
	.vhs-about-story-visual,
	.vhs-about-story-screen,
	.vhs-featured-guest-visual,
	.vhs-featured-guest-screen,
	.vhs-market-sellers-visual,
	.vhs-market-sellers-screen,
	.vhs-year-story-visual,
	.vhs-year-market-visual,
	.vhs-years-current-visual,
	.vhs-years-principle-visual,
	.vhs-gallery-aftermovie-visual,
	.vhs-guest-bio-visual,
	.vhs-guest-vhs-visual
) {
	border: none !important;
	border-radius: 0 !important;
	background: none !important;
	box-shadow: none !important;
}

/* Pseudo-rámečky odstranit. */
body .vhs-page :is(
	.vhs-page-hero-screen,
	.vhs-about-story-screen,
	.vhs-featured-guest-screen,
	.vhs-market-sellers-screen,
	.vhs-location-screen
)::before {
	display: none !important;
	content: none !important;
}

/* Placeholder text pouze jako nenápadný nápis uvnitř budoucího obrazu. */
body .vhs-page :is(
	.vhs-page-screen-label,
	.vhs-about-story-screen-label,
	.vhs-featured-guest-placeholder,
	.vhs-market-sellers-placeholder,
	.vhs-years-current-visual-label,
	.vhs-years-principle-visual-label,
	.vhs-year-story-visual-label,
	.vhs-year-market-visual-label,
	.vhs-guest-bio-visual-label,
	.vhs-guest-vhs-visual-label
) {
	position: absolute !important;
	inset: 50% auto auto 50% !important;
	z-index: 3 !important;
	max-width: min(82vw, 28rem) !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	border-radius: 0 !important;
	color: rgba(240, 244, 255, 0.72) !important;
	background: none !important;
	box-shadow: none !important;
	font-size: clamp(0.76rem, 0.72rem + 0.16vw, 0.92rem) !important;
	font-weight: 800 !important;
	letter-spacing: 0.15em !important;
	line-height: 1.45 !important;
	text-align: center !important;
	text-transform: uppercase !important;
	text-shadow:
		0 0 12px rgba(0, 0, 0, 0.55),
		0 0 20px rgba(0, 0, 0, 0.28) !important;
	transform: translate(-50%, -50%) !important;
	opacity: 0.92;
}

/* Jakmile je vložen skutečný obrázek, placeholder zmizí. */
body .vhs-page .wp-block-group[class*="visual"]:has(img) :is(
	.vhs-page-screen-label,
	.vhs-about-story-screen-label,
	.vhs-featured-guest-placeholder,
	.vhs-market-sellers-placeholder,
	.vhs-years-current-visual-label,
	.vhs-years-principle-visual-label,
	.vhs-year-story-visual-label,
	.vhs-year-market-visual-label,
	.vhs-guest-bio-visual-label,
	.vhs-guest-vhs-visual-label
),
body .vhs-page .wp-block-group[class*="visual"]:has(.wp-block-image img) :is(
	.vhs-page-screen-label,
	.vhs-about-story-screen-label,
	.vhs-featured-guest-placeholder,
	.vhs-market-sellers-placeholder,
	.vhs-years-current-visual-label,
	.vhs-years-principle-visual-label,
	.vhs-year-story-visual-label,
	.vhs-year-market-visual-label,
	.vhs-guest-bio-visual-label,
	.vhs-guest-vhs-visual-label
) {
	display: none !important;
}

/* Některé starší efekty kolem vizuálu zrušit, aby nevznikaly cizí boxy. */
body .vhs-page .vhs-page-hero-visual::before,
body .vhs-page .vhs-featured-guest-visual::before,
body .vhs-page .vhs-market-sellers-visual::before,
body .vhs-page .vhs-about-story-visual::before {
	display: none !important;
	content: none !important;
}

/* U portrétu hlavního hosta odstranit starou dělící hranu. */
body .vhs-page .vhs-featured-guest-visual {
	border-right: none !important;
}

/* Rozumnější odsazení podstránek na mobilech. */
@media (max-width: 920px) {
	body .vhs-page .wp-block-group:has(> .wp-block-group[class*="visual"]):has(> :not(.wp-block-group[class*="visual"])) {
		min-height: auto !important;
		padding: 34px 24px 40px !important;
	}

	body .vhs-page .wp-block-group:has(> .wp-block-group[class*="visual"]):has(> :not(.wp-block-group[class*="visual"])) > :not(.wp-block-group[class*="visual"]) {
		max-width: 100%;
	}
}

@media (max-width: 620px) {
	body .vhs-page .wp-block-group:has(> .wp-block-group[class*="visual"]):has(> :not(.wp-block-group[class*="visual"])) {
		padding: 28px 18px 34px !important;
	}

	body .vhs-page :is(
		.vhs-page-screen-label,
		.vhs-about-story-screen-label,
		.vhs-featured-guest-placeholder,
		.vhs-market-sellers-placeholder,
		.vhs-years-current-visual-label,
		.vhs-years-principle-visual-label,
		.vhs-year-story-visual-label,
		.vhs-year-market-visual-label,
		.vhs-guest-bio-visual-label,
		.vhs-guest-vhs-visual-label
	) {
		max-width: 88vw !important;
		font-size: 0.72rem !important;
		letter-spacing: 0.12em !important;
	}
}


/* ==========================================================
   VHS SRAZ — CENTROVÁNÍ BOXŮ A STEJNÝ PŘESAH NA OBOU STRANÁCH
   VERZE 1.4.52
   ----------------------------------------------------------
   Výchozí stav: schválená verze 1.4.50.

   Úpravy:
   1. čtyři informační boxy jsou jako celek přesně vycentrované
      doprostřed stránky,
   2. boxy zasahují do spodního obrázku stejnou vzdáleností,
      jakou zasahují do horního obrázku,
   3. obsah uvnitř boxů se nemění.
   ========================================================== */

/* Přesné vodorovné centrování celé řady boxů. */
body.home .vhs-ref-info {
	width: min(1120px, calc(100% - 40px)) !important;
	margin-right: auto !important;
	margin-left: auto !important;
	padding-right: 0 !important;
	padding-left: 0 !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	justify-content: center !important;
	gap: 17px !important;
}

/*
 * Horní přesah boxů zůstává 28 px.
 * Spodní obrazová sekce se vytáhne nahoru o stejných 28 px,
 * takže boxy leží přesně mezi oběma obrázky.
 */
body.home .vhs-ref-about {
	margin-top: -28px !important;
	padding-top: 28px;
}

/* Boxy zůstávají nad oběma obrazovými sekcemi. */
body.home .vhs-ref-info {
	z-index: 20 !important;
}

body.home .vhs-ref-about {
	z-index: 1;
}

/* Tablet: dvě stejně široké a vycentrované kolony. */
@media (max-width: 1020px) {
	body.home .vhs-ref-info {
		width: min(760px, calc(100% - 32px)) !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		margin-top: -18px !important;
		gap: 14px !important;
	}

	body.home .vhs-ref-about {
		margin-top: -18px !important;
		padding-top: 18px;
	}
}

/* Mobil: jeden vycentrovaný sloupec. */
@media (max-width: 620px) {
	body.home .vhs-ref-info {
		width: min(460px, calc(100% - 24px)) !important;
		grid-template-columns: minmax(0, 1fr) !important;
		margin-top: -12px !important;
		gap: 12px !important;
	}

	body.home .vhs-ref-about {
		margin-top: -12px !important;
		padding-top: 12px;
	}
}


/* ==========================================================
   VHS SRAZ — PĚT INFORMAČNÍCH BOXŮ NA FRONT PAGE 1.4.53
   ----------------------------------------------------------
   - přidán pátý box napravo,
   - celá sestava zůstává přesně vycentrovaná,
   - na desktopu je pět boxů v jedné řadě,
   - při zalamování se poslední řada automaticky centruje,
   - přesah do horního a spodního obrázku zůstává zachovaný.
   ========================================================== */

body.home .vhs-ref-info {
	display: flex !important;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: center !important;
	width: min(1480px, calc(100% - 40px)) !important;
	margin-right: auto !important;
	margin-left: auto !important;
	padding-right: 0 !important;
	padding-left: 0 !important;
	gap: 17px !important;
}

body.home .vhs-ref-info-card {
	flex: 0 1 calc((100% - 68px) / 5);
	min-width: 0;
}

/* Menší desktop / tablet: tři boxy v řadě, poslední dvojice je vycentrovaná. */
@media (max-width: 1220px) {
	body.home .vhs-ref-info {
		width: min(980px, calc(100% - 32px)) !important;
	}

	body.home .vhs-ref-info-card {
		flex-basis: calc((100% - 28px) / 3);
	}
}

/* Tablet: dva boxy v řadě, poslední samostatný box je vycentrovaný. */
@media (max-width: 820px) {
	body.home .vhs-ref-info {
		width: min(720px, calc(100% - 28px)) !important;
	}

	body.home .vhs-ref-info-card {
		flex-basis: calc((100% - 14px) / 2);
	}
}

/* Mobil: jeden box na řádek. */
@media (max-width: 560px) {
	body.home .vhs-ref-info {
		width: min(460px, calc(100% - 24px)) !important;
	}

	body.home .vhs-ref-info-card {
		flex-basis: 100%;
	}
}


/* ==========================================================
   VHS SRAZ — DECENTNÍ PRŮHLEDNOST OBRAZOVÝCH STRIPŮ 1.4.54
   ----------------------------------------------------------
   Stejný princip jako u footeru:
   - obrazové stripy nejsou opticky úplně neprůhledné,
   - pod nimi je jemně cítit globální background webu,
   - text, boxy a jejich kontrast zůstávají beze změny,
   - obrázky front-hero.webp a front-about.webp zůstávají
     nadále jednoduše vyměnitelné.
   ========================================================== */

/* Samotné sekce mají průsvitný footerový podklad. */
body.home .vhs-ref-hero,
body.home .vhs-ref-about {
	background:
		radial-gradient(
			ellipse 42rem 30rem at 7% 30%,
			rgba(122, 31, 255, 0.05) 0%,
			transparent 72%
		),
		radial-gradient(
			ellipse 46rem 33rem at 92% 32%,
			rgba(0, 229, 255, 0.06) 0%,
			transparent 74%
		),
		linear-gradient(
			180deg,
			rgba(3, 6, 18, 0.10) 0%,
			rgba(4, 8, 21, 0.30) 22%,
			rgba(3, 6, 17, 0.42) 68%,
			rgba(2, 3, 9, 0.58) 100%
		) !important;
	-webkit-backdrop-filter: blur(10px) saturate(1.05);
	backdrop-filter: blur(10px) saturate(1.05);
}

/* HERO: obrázek a jeho ztmavení jsou nově na průsvitné vrstvě. */
body.home .vhs-ref-hero::before {
	position: absolute;
	z-index: 1;
	inset: 0;
	background-image:
		linear-gradient(
			90deg,
			rgba(3, 6, 18, 0.99) 0%,
			rgba(3, 6, 18, 0.95) 23%,
			rgba(3, 6, 18, 0.78) 40%,
			rgba(3, 6, 18, 0.35) 60%,
			rgba(3, 6, 18, 0.08) 82%,
			transparent 100%
		),
		linear-gradient(
			180deg,
			rgba(3, 6, 18, 0.10) 0%,
			transparent 28%,
			transparent 68%,
			rgba(3, 6, 18, 0.56) 100%
		),
		radial-gradient(
			ellipse 48rem 39rem at 80% 32%,
			rgba(255, 46, 209, 0.17) 0%,
			rgba(122, 31, 255, 0.075) 45%,
			transparent 76%
		),
		radial-gradient(
			ellipse 42rem 35rem at 66% 64%,
			rgba(0, 229, 255, 0.105) 0%,
			transparent 74%
		),
		url("./assets/images/front-hero.webp");
	background-position:
		center center,
		center center,
		center center,
		center center,
		center right;
	background-repeat: no-repeat;
	background-size: auto, auto, auto, auto, cover;
	content: "";
	opacity: 0.88;
	pointer-events: none;
}

/* HERO: scan a atmosféra zůstávají samostatně nad obrazem. */
body.home .vhs-ref-hero::after {
	position: absolute;
	z-index: 2;
	inset: 0;
	background:
		repeating-linear-gradient(
			0deg,
			rgba(255, 255, 255, 0.010) 0,
			rgba(255, 255, 255, 0.010) 1px,
			transparent 1px,
			transparent 5px
		),
		radial-gradient(
			circle at 72% 38%,
			rgba(0, 229, 255, 0.095),
			transparent 28rem
		),
		radial-gradient(
			circle at 90% 48%,
			rgba(255, 46, 209, 0.10),
			transparent 31rem
		);
	box-shadow:
		inset 0 26px 44px rgba(2, 4, 13, 0.22),
		inset 0 -46px 72px rgba(2, 4, 13, 0.54);
	content: "";
	opacity: 0.78;
	pointer-events: none;
}

/* O AKCI: druhý obrázek používá stejnou footerovou průsvitnost. */
body.home .vhs-ref-about::before {
	position: absolute;
	z-index: 1;
	inset: 0;
	background-image:
		linear-gradient(
			90deg,
			rgba(4, 8, 22, 0.96) 0%,
			rgba(4, 8, 22, 0.91) 29%,
			rgba(4, 8, 22, 0.71) 45%,
			rgba(4, 8, 22, 0.26) 66%,
			transparent 100%
		),
		linear-gradient(
			180deg,
			rgba(3, 6, 18, 0.62) 0%,
			rgba(3, 6, 18, 0.06) 24%,
			rgba(3, 6, 18, 0.06) 74%,
			rgba(3, 6, 18, 0.62) 100%
		),
		radial-gradient(
			ellipse 48rem 32rem at 84% 48%,
			rgba(255, 46, 209, 0.15) 0%,
			rgba(122, 31, 255, 0.075) 43%,
			transparent 76%
		),
		radial-gradient(
			ellipse 38rem 27rem at 68% 60%,
			rgba(0, 229, 255, 0.075) 0%,
			transparent 73%
		),
		url("./assets/images/front-about.webp");
	background-position:
		center center,
		center center,
		center center,
		center center,
		center right;
	background-repeat: no-repeat;
	background-size: auto, auto, auto, auto, cover;
	content: "";
	opacity: 0.86;
	pointer-events: none;
}

/* O AKCI: scan a krajové ztmavení bez zakrytí globálního backgroundu. */
body.home .vhs-ref-about::after {
	position: absolute;
	z-index: 2;
	inset: 0;
	background:
		repeating-linear-gradient(
			0deg,
			rgba(255, 255, 255, 0.008) 0,
			rgba(255, 255, 255, 0.008) 1px,
			transparent 1px,
			transparent 5px
		),
		radial-gradient(
			circle at 82% 48%,
			rgba(255, 46, 209, 0.08),
			transparent 27rem
		),
		linear-gradient(
			180deg,
			rgba(2, 4, 13, 0.42),
			transparent 22%,
			transparent 78%,
			rgba(2, 4, 13, 0.44)
		);
	box-shadow: inset 0 0 54px rgba(2, 4, 13, 0.18);
	content: "";
	opacity: 0.76;
	pointer-events: none;
}

/* Obsah zůstává nad průsvitnými vrstvami. */
body.home .vhs-ref-hero__inner,
body.home .vhs-ref-about__inner {
	position: relative;
	z-index: 4;
}

/* Tablet a mobil: o chlup méně průhlednosti pro zachování čitelnosti. */
@media (max-width: 900px) {
	body.home .vhs-ref-hero::before {
		opacity: 0.91;
	}

	body.home .vhs-ref-about::before {
		opacity: 0.89;
	}
}

@media (max-width: 620px) {
	body.home .vhs-ref-hero,
	body.home .vhs-ref-about {
		-webkit-backdrop-filter: blur(7px) saturate(1.04);
		backdrop-filter: blur(7px) saturate(1.04);
	}

	body.home .vhs-ref-hero::before,
	body.home .vhs-ref-about::before {
		opacity: 0.93;
	}
}


/* ==========================================================
   VHS SRAZ — VĚTŠÍ PRŮHLEDNOST FOOTERU A OBRAZOVÝCH STRIPŮ
   + PĚT KARET NA FRONT PAGE 1.4.55
   ----------------------------------------------------------
   Průhlednost je zvýšena jen decentně:
   - globální background webu je lépe patrný pod footerem,
   - totéž platí pro oba obrazové stripy na front page,
   - textové vrstvy a karty zůstávají plně čitelné.
   ========================================================== */

/* ----------------------------------------------------------
   FOOTER — o něco průhlednější, ale stále dostatečně tmavý
   ---------------------------------------------------------- */

body .vhs-site-footer {
	background:
		radial-gradient(
			ellipse 42rem 30rem at 5% 28%,
			rgba(122, 31, 255, 0.06) 0%,
			transparent 72%
		),
		radial-gradient(
			ellipse 46rem 33rem at 94% 24%,
			rgba(0, 229, 255, 0.075) 0%,
			transparent 74%
		),
		radial-gradient(
			ellipse 40rem 30rem at 58% 74%,
			rgba(255, 46, 209, 0.042) 0%,
			transparent 76%
		),
		linear-gradient(
			180deg,
			rgba(3, 6, 18, 0.045) 0%,
			rgba(4, 8, 21, 0.52) 18%,
			rgba(3, 6, 17, 0.76) 64%,
			rgba(2, 3, 9, 0.91) 100%
		) !important;
	-webkit-backdrop-filter: blur(9px) saturate(1.04);
	backdrop-filter: blur(9px) saturate(1.04);
}

body .vhs-site-footer::before {
	opacity: 0.82 !important;
}

body .vhs-site-footer::after {
	opacity: 0.72;
}

/* ----------------------------------------------------------
   FRONT HERO — o něco větší průhlednost obrazové vrstvy
   ---------------------------------------------------------- */

body.home .vhs-ref-hero::before {
	opacity: 0.82 !important;
}

/* ----------------------------------------------------------
   FRONT O AKCI — stejná míra zvýšené průhlednosti
   ---------------------------------------------------------- */

body.home .vhs-ref-about::before {
	opacity: 0.80 !important;
}

/* Atmosférické vrstvy také o něco jemnější. */
body.home .vhs-ref-hero::after {
	opacity: 0.70 !important;
}

body.home .vhs-ref-about::after {
	opacity: 0.68 !important;
}

/* Tablet a mobil: stále dostatečný kontrast textu. */
@media (max-width: 900px) {
	body.home .vhs-ref-hero::before {
		opacity: 0.86 !important;
	}

	body.home .vhs-ref-about::before {
		opacity: 0.84 !important;
	}
}

@media (max-width: 620px) {
	body.home .vhs-ref-hero::before,
	body.home .vhs-ref-about::before {
		opacity: 0.88 !important;
	}

	body .vhs-site-footer {
		background:
			linear-gradient(
				180deg,
				rgba(3, 6, 18, 0.08) 0%,
				rgba(4, 8, 21, 0.60) 22%,
				rgba(3, 6, 17, 0.82) 68%,
				rgba(2, 3, 9, 0.94) 100%
			) !important;
	}
}


/* ==========================================================
   VHS SRAZ — JEŠTĚ VĚTŠÍ PRŮHLEDNOST 1.4.56
   ----------------------------------------------------------
   Další krok oproti 1.4.55:
   - footer je ještě lehčí,
   - oba obrazové stripy na front page propouštějí více
     globálního backgroundu webu,
   - text, karty a CTA vrstvy zůstávají plně čitelné.
   ========================================================== */

/* FOOTER — o něco lehčí než v 1.4.55 */
body .vhs-site-footer {
	background:
		radial-gradient(
			ellipse 42rem 30rem at 5% 28%,
			rgba(122, 31, 255, 0.07) 0%,
			transparent 72%
		),
		radial-gradient(
			ellipse 46rem 33rem at 94% 24%,
			rgba(0, 229, 255, 0.09) 0%,
			transparent 74%
		),
		radial-gradient(
			ellipse 40rem 30rem at 58% 74%,
			rgba(255, 46, 209, 0.05) 0%,
			transparent 76%
		),
		linear-gradient(
			180deg,
			rgba(3, 6, 18, 0.03) 0%,
			rgba(4, 8, 21, 0.44) 18%,
			rgba(3, 6, 17, 0.68) 64%,
			rgba(2, 3, 9, 0.86) 100%
		) !important;
	-webkit-backdrop-filter: blur(8px) saturate(1.03);
	backdrop-filter: blur(8px) saturate(1.03);
}

body .vhs-site-footer::before {
	opacity: 0.74 !important;
}

body .vhs-site-footer::after {
	opacity: 0.64 !important;
}

/* HERO — ještě lehčí obrazová vrstva */
body.home .vhs-ref-hero::before {
	opacity: 0.74 !important;
}

body.home .vhs-ref-hero::after {
	opacity: 0.60 !important;
}

/* O AKCI — ještě lehčí obrazová vrstva */
body.home .vhs-ref-about::before {
	opacity: 0.72 !important;
}

body.home .vhs-ref-about::after {
	opacity: 0.58 !important;
}

/* Samotné kontejnery také o chlup lehčí */
body.home .vhs-ref-hero,
body.home .vhs-ref-about {
	background:
		radial-gradient(
			ellipse 42rem 30rem at 7% 30%,
			rgba(122, 31, 255, 0.06) 0%,
			transparent 72%
		),
		radial-gradient(
			ellipse 46rem 33rem at 92% 32%,
			rgba(0, 229, 255, 0.07) 0%,
			transparent 74%
		),
		linear-gradient(
			180deg,
			rgba(3, 6, 18, 0.06) 0%,
			rgba(4, 8, 21, 0.22) 22%,
			rgba(3, 6, 17, 0.34) 68%,
			rgba(2, 3, 9, 0.48) 100%
		) !important;
	-webkit-backdrop-filter: blur(8px) saturate(1.03);
	backdrop-filter: blur(8px) saturate(1.03);
}

/* Mobil / tablet — pořád bezpečná čitelnost */
@media (max-width: 900px) {
	body.home .vhs-ref-hero::before {
		opacity: 0.79 !important;
	}

	body.home .vhs-ref-about::before {
		opacity: 0.77 !important;
	}
}

@media (max-width: 620px) {
	body.home .vhs-ref-hero::before,
	body.home .vhs-ref-about::before {
		opacity: 0.82 !important;
	}

	body .vhs-site-footer {
		background:
			linear-gradient(
				180deg,
				rgba(3, 6, 18, 0.05) 0%,
				rgba(4, 8, 21, 0.52) 22%,
				rgba(3, 6, 17, 0.76) 68%,
				rgba(2, 3, 9, 0.90) 100%
			) !important;
	}
}


/* ==========================================================
   VHS SRAZ — SLADĚNÍ DOLNÍ ČÁSTI STRIPU S FOOTEREM 1.4.57
   ----------------------------------------------------------
   Cíl:
   - odstranit pocit "jiné vrstvy" v dolní části pod programovým
     panelem na front page,
   - horní a dolní část vizuálního stripu mají působit stejně,
   - footer nahoře jemněji navazuje a nevytváří oddělený pás.
   ========================================================== */

/* Front page: footer nahoře opticky navazuje na strip místo toho,
   aby vytvářel samostatnou další vrstvu. */
body.home .vhs-site-footer {
	border-top-color: transparent !important;
	background:
		radial-gradient(
			ellipse 42rem 30rem at 5% 28%,
			rgba(122, 31, 255, 0.05) 0%,
			transparent 72%
		),
		radial-gradient(
			ellipse 46rem 33rem at 94% 24%,
			rgba(0, 229, 255, 0.07) 0%,
			transparent 74%
		),
		radial-gradient(
			ellipse 40rem 30rem at 58% 74%,
			rgba(255, 46, 209, 0.04) 0%,
			transparent 76%
		),
		linear-gradient(
			180deg,
			rgba(3, 6, 18, 0.02) 0%,
			rgba(4, 8, 21, 0.28) 16%,
			rgba(3, 6, 17, 0.60) 56%,
			rgba(2, 3, 9, 0.86) 100%
		) !important;
	box-shadow: none !important;
}

/* Zjemnění horního nástupu footeru — bez viditelného druhého pásu. */
body.home .vhs-site-footer::before {
	background:
		radial-gradient(circle at 13% 24%, rgba(122, 31, 255, 0.04), transparent 30rem),
		radial-gradient(circle at 84% 28%, rgba(0, 229, 255, 0.05), transparent 32rem),
		radial-gradient(circle at 55% 100%, rgba(255, 46, 209, 0.035), transparent 31rem) !important;
	opacity: 0.72 !important;
}

body.home .vhs-site-footer::after {
	background:
		repeating-linear-gradient(
			0deg,
			rgba(255, 255, 255, 0.006) 0,
			rgba(255, 255, 255, 0.006) 1px,
			transparent 1px,
			transparent 6px
		),
		linear-gradient(
			180deg,
			rgba(2, 4, 13, 0.10) 0%,
			transparent 18%,
			transparent 86%,
			rgba(2, 3, 9, 0.22) 100%
		) !important;
	opacity: 0.56 !important;
}

/* Dělící linka ve footeru zůstává, ale slabší, aby horní nástup
   nepůsobil jako další samostatná vrstva. */
body.home .vhs-footer-divider {
	opacity: 0.42 !important;
}

/* Programový panel sedí o chlup výše vůči přechodu do footeru. */
body.home .vhs-ref-program {
	margin-bottom: 0 !important;
	position: relative;
	z-index: 3;
}


/* ==========================================================
   VHS SRAZ — ODSTRANĚNÍ VIDITELNÉ VODOROVNÉ VRSTVY
   POD PROGRAMOVÝM PANELEM NA FRONT PAGE 1.4.58
   ----------------------------------------------------------
   Cíl:
   - zrušit jemně viditelný vodorovný pás / vrstvu v dolní části
     stripu pod programovým panelem,
   - horní i dolní část má působit jako jeden souvislý celek,
   - zásah pouze pro front page.
   ========================================================== */

/* FRONT PAGE: horní část footeru musí být prakticky "rozpuštěná"
   do stejného vizuálu jako pás nad ní, bez samostatného vodorovného
   nástupu další vrstvy. */
body.home .vhs-site-footer {
	border-top-color: transparent !important;
	margin-top: 0 !important;
	background:
		radial-gradient(
			ellipse 42rem 30rem at 5% 28%,
			rgba(122, 31, 255, 0.035) 0%,
			transparent 72%
		),
		radial-gradient(
			ellipse 46rem 33rem at 94% 24%,
			rgba(0, 229, 255, 0.045) 0%,
			transparent 74%
		),
		radial-gradient(
			ellipse 40rem 30rem at 58% 74%,
			rgba(255, 46, 209, 0.028) 0%,
			transparent 76%
		),
		linear-gradient(
			180deg,
			rgba(3, 6, 18, 0.00) 0%,
			rgba(4, 8, 21, 0.10) 10%,
			rgba(3, 6, 17, 0.28) 24%,
			rgba(3, 6, 17, 0.58) 52%,
			rgba(2, 3, 9, 0.86) 100%
		) !important;
	box-shadow: none !important;
	-webkit-backdrop-filter: blur(7px) saturate(1.02);
	backdrop-filter: blur(7px) saturate(1.02);
}

/* První overlay footeru ještě více zjemnit, aby nahoře
   nevytvářel samostatný pás. */
body.home .vhs-site-footer::before {
	background:
		radial-gradient(circle at 13% 24%, rgba(122, 31, 255, 0.022), transparent 30rem),
		radial-gradient(circle at 84% 28%, rgba(0, 229, 255, 0.028), transparent 32rem),
		radial-gradient(circle at 55% 100%, rgba(255, 46, 209, 0.020), transparent 31rem) !important;
	opacity: 0.46 !important;
}

/* Scan a tmavnutí footeru začne až níže — vršek zůstává hladký. */
body.home .vhs-site-footer::after {
	background:
		repeating-linear-gradient(
			0deg,
			rgba(255, 255, 255, 0.004) 0,
			rgba(255, 255, 255, 0.004) 1px,
			transparent 1px,
			transparent 6px
		),
		linear-gradient(
			180deg,
			rgba(2, 4, 13, 0.00) 0%,
			rgba(2, 4, 13, 0.03) 16%,
			rgba(2, 4, 13, 0.08) 28%,
			transparent 40%,
			transparent 78%,
			rgba(2, 3, 9, 0.18) 100%
		) !important;
	opacity: 0.38 !important;
}

/* Dělící linka uvnitř footeru má zůstat jen jako velmi jemný detail,
   ne jako další horizontální pruh. */
body.home .vhs-footer-divider {
	opacity: 0.22 !important;
}

/* Programový panel zůstává vizuálně dominantní a sedí nad přechodem. */
body.home .vhs-ref-program {
	position: relative;
	z-index: 4;
}

/* Bezpečnost pro mobil — stále jemný horní náběh footeru. */
@media (max-width: 620px) {
	body.home .vhs-site-footer {
		background:
			linear-gradient(
				180deg,
				rgba(3, 6, 18, 0.00) 0%,
				rgba(4, 8, 21, 0.14) 12%,
				rgba(3, 6, 17, 0.34) 28%,
				rgba(3, 6, 17, 0.64) 54%,
				rgba(2, 3, 9, 0.90) 100%
			) !important;
	}
}


/* ==========================================================
   VHS SRAZ — POSUN FOOTERU VÝŠE K OZNAČENÉ LINII 1.4.59
   ----------------------------------------------------------
   Nový přístup:
   - neřešíme už vrstvu jen barvou/opacity,
   - celý footer na front page se posune výše přesně k té
     vodorovné hranici, kterou jsi označil,
   - obsah footeru zůstane opticky v bezpečné vzdálenosti.
   ========================================================== */

/* Front page: footer se vytáhne výše k horizontální linii. */
body.home .vhs-site-footer {
	margin-top: -28px !important;
	padding-top: calc(5rem + 28px) !important;
	position: relative;
	z-index: 2;
}

/* Programový blok a pás nad footerem zůstávají nad tímto přechodem. */
body.home .vhs-ref-program {
	position: relative;
	z-index: 4;
}

/* Tablet */
@media (max-width: 900px) {
	body.home .vhs-site-footer {
		margin-top: -22px !important;
		padding-top: calc(4.5rem + 22px) !important;
	}
}

/* Mobil */
@media (max-width: 620px) {
	body.home .vhs-site-footer {
		margin-top: -16px !important;
		padding-top: calc(4rem + 16px) !important;
	}
}


/* ==========================================================
   VHS SRAZ — ODSTRANĚNÍ HORNÍ ČÁRY FOOTERU 1.4.60
   ----------------------------------------------------------
   Footer zůstává ve stejné výšce jako ve verzi 1.4.59.
   Odstraněna je pouze horní oddělovací čára / hrana.
   ========================================================== */

body .vhs-site-footer,
body.home .vhs-site-footer {
	border-top: 0 !important;
	border-top-width: 0 !important;
	border-top-style: none !important;
	border-top-color: transparent !important;
	outline: 0 !important;
	box-shadow: none !important;
}

/* Pojistka proti lince vytvořené pseudo-vrstvou na samém horním okraji. */
body .vhs-site-footer::before,
body .vhs-site-footer::after,
body.home .vhs-site-footer::before,
body.home .vhs-site-footer::after {
	border-top: 0 !important;
	outline: 0 !important;
}

/* Žádná horní hrana ani na vnitřním wrapperu footeru. */
body .vhs-site-footer > .vhs-footer-wrap {
	border-top: 0 !important;
	outline: 0 !important;
	box-shadow: none !important;
}


/* ==========================================================
   VHS SRAZ — FOOTER O 2 PX NÍŽ 1.4.61
   ----------------------------------------------------------
   Footer zůstává bez horní čáry.
   Celá footer sekce je pouze posunuta o 2 px směrem dolů.
   ========================================================== */

body.home .vhs-site-footer {
	margin-top: -26px !important;
}

@media (max-width: 900px) {
	body.home .vhs-site-footer {
		margin-top: -20px !important;
	}
}

@media (max-width: 620px) {
	body.home .vhs-site-footer {
		margin-top: -14px !important;
	}
}


/* ==========================================================
   VHS SRAZ — FOOTER JEŠTĚ O 3 PX NÍŽ 1.4.62
   ----------------------------------------------------------
   Navazuje na verzi 1.4.61.
   Celá footer sekce je posunuta o další 3 px směrem dolů.
   ========================================================== */

body.home .vhs-site-footer {
	margin-top: -23px !important;
}

@media (max-width: 900px) {
	body.home .vhs-site-footer {
		margin-top: -17px !important;
	}
}

@media (max-width: 620px) {
	body.home .vhs-site-footer {
		margin-top: -11px !important;
	}
}


/* ==========================================================
   VHS SRAZ — HORNÍ ČÁST FOOTERU O 3 PX NIŽŠÍ 1.4.63
   ----------------------------------------------------------
   Poloha footeru z verze 1.4.62 zůstává zachována.
   Zkrácen je pouze horní vnitřní prostor footeru o 3 px.
   ========================================================== */

body.home .vhs-site-footer {
	padding-top: calc(5rem + 25px) !important;
}

@media (max-width: 900px) {
	body.home .vhs-site-footer {
		padding-top: calc(4.5rem + 19px) !important;
	}
}

@media (max-width: 620px) {
	body.home .vhs-site-footer {
		padding-top: calc(4rem + 13px) !important;
	}
}


/* ==========================================================
   VHS SRAZ — ODSTRANĚNÍ NEONOVÉ ČÁRY NAD COPYRIGHTEM 1.4.64
   ----------------------------------------------------------
   Odstraněna je pouze viditelná neonová dělicí čára mezi
   hlavní částí footeru a spodním řádkem s copyrightem.
   Původní vertikální rozestupy footeru zůstávají zachované.
   ========================================================== */

body .vhs-footer-divider,
body.home .vhs-footer-divider {
	background: none !important;
	border: 0 !important;
	box-shadow: none !important;
	opacity: 0 !important;
}

body .vhs-footer-divider::before,
body.home .vhs-footer-divider::before {
	display: none !important;
	background: none !important;
	box-shadow: none !important;
	content: none !important;
}


/* ==========================================================
   VHS SRAZ — STEJNÝ PŘESAH PROGRAMOVÉ KARTY NAHORU I DOLŮ
   VERZE 1.4.65
   ----------------------------------------------------------
   Karta „Program – co vás čeká“ je nyní vložena mezi strip
   nad ní a footer pod ní stejným principem jako informační
   karty v horní části front page.

   Přesah:
   - desktop: 28 px nahoru + 28 px dolů,
   - tablet: 18 px nahoru + 18 px dolů,
   - mobil: 12 px nahoru + 12 px dolů.
   ========================================================== */

/* DESKTOP:
   Karta se vytáhne 28 px do obrazového stripu „O akci“. */
body.home .vhs-ref-program {
	margin-top: -28px !important;
	margin-bottom: 0 !important;
	position: relative;
	z-index: 20 !important;
}

/* Footer se vytáhne o stejných 28 px pod spodní část karty.
   Programová karta tak zasahuje do obou sousedních stripů stejně. */
body.home .vhs-site-footer {
	margin-top: -28px !important;
	position: relative;
	z-index: 2;
}

/* TABLET — shodně s horními informačními kartami. */
@media (max-width: 1020px) {
	body.home .vhs-ref-program {
		margin-top: -18px !important;
	}

	body.home .vhs-site-footer {
		margin-top: -18px !important;
	}
}

/* MOBIL — shodně s horními informačními kartami. */
@media (max-width: 620px) {
	body.home .vhs-ref-program {
		margin-top: -12px !important;
	}

	body.home .vhs-site-footer {
		margin-top: -12px !important;
	}
}


/* ==========================================================
   VHS SRAZ — PŘESNĚ STEJNÝ PŘESAH PROGRAMOVÉ KARTY
   DO STRIPU NAD NÍ A DO FOOTERU POD NÍ 1.4.66
   ----------------------------------------------------------
   Oprava počítá také se spodním paddingem hlavního obsahu 44 px.
   Proto musí být footer vytažen výše o:
   - 44 px spodní mezera hlavního obsahu,
   - plus požadovaný přesah samotné karty.
   ========================================================== */

/* Desktop:
   44 px mezera hlavního obsahu + 28 px přesah = 72 px. */
body.home .vhs-site-footer {
	margin-top: -72px !important;
	position: relative;
	z-index: 2;
}

/* Programová karta zůstává 28 px v horním stripu. */
body.home .vhs-ref-program {
	margin-top: -28px !important;
	position: relative;
	z-index: 20 !important;
}

/* Tablet:
   44 px mezera + 18 px přesah = 62 px. */
@media (max-width: 1020px) {
	body.home .vhs-site-footer {
		margin-top: -62px !important;
	}

	body.home .vhs-ref-program {
		margin-top: -18px !important;
	}
}

/* Mobil:
   44 px mezera + 12 px přesah = 56 px. */
@media (max-width: 620px) {
	body.home .vhs-site-footer {
		margin-top: -56px !important;
	}

	body.home .vhs-ref-program {
		margin-top: -12px !important;
	}
}


/* ==========================================================
   VHS SRAZ — ZVĚTŠENÍ PROGRAMOVÉ KARTY SMĚREM DO FOOTERU
   VERZE 1.4.67
   ----------------------------------------------------------
   Karta „Program – co vás čeká“ se nyní skutečně zvětšuje
   směrem dolů. Nejde pouze o další posun footeru.

   Horní přesah zůstává:
   - desktop 28 px,
   - tablet 18 px,
   - mobil 12 px.

   O stejnou hodnotu je prodloužena spodní část karty, která
   nyní překrývá footer.
   ========================================================== */

/* DESKTOP:
   původní spodní padding 23 px + 28 px prodloužení = 51 px.
   Záporný margin-bottom zachová původní tok stránky, takže
   zvětšená část karty skutečně vstoupí do footeru. */
body.home .vhs-ref-program {
	margin-top: -28px !important;
	margin-bottom: -28px !important;
	padding-bottom: 51px !important;
	position: relative;
	z-index: 20 !important;
}

/* Footer začíná na konci původního rozměru karty.
   Přidaných 28 px karty tak leží přímo nad footerem. */
body.home .vhs-site-footer {
	margin-top: -44px !important;
	position: relative;
	z-index: 2;
}

/* TABLET:
   původní spodní padding 23 px + 18 px = 41 px. */
@media (max-width: 1020px) {
	body.home .vhs-ref-program {
		margin-top: -18px !important;
		margin-bottom: -18px !important;
		padding-bottom: 41px !important;
	}

	body.home .vhs-site-footer {
		margin-top: -44px !important;
	}
}

/* MOBIL:
   původní spodní padding 23 px + 12 px = 35 px. */
@media (max-width: 620px) {
	body.home .vhs-ref-program {
		margin-top: -12px !important;
		margin-bottom: -12px !important;
		padding-bottom: 35px !important;
	}

	body.home .vhs-site-footer {
		margin-top: -44px !important;
	}
}


/* ==========================================================
   VHS SRAZ — SKUTEČNĚ STEJNÝ PŘESAH PROGRAMOVÉ KARTY
   + ZELENĚ BLIKAJÍCÍ INDIKÁTOR SIGNÁLU 1.4.68
   ----------------------------------------------------------
   Oprava geometrie:
   - odstraněna spodní mezera hlavního front-page obsahu,
   - odstraněn WordPress block-gap před footerem,
   - karta může fyzicky vystoupit mimo <main>,
   - footer začíná přesně pod její původní hranicí,
   - spodní část karty proto překrývá footer stejnou hodnotou,
     jakou její horní část překrývá obrázkový strip.
   ========================================================== */

/* Hlavní front-page kontejner už kartu ve spodní části neořezává.
   Zároveň nemá vlastní spodní mezeru, která dříve vytvářela
   viditelný pás mezi kartou a footerem. */
body.home .vhs-front-reference {
	padding-bottom: 0 !important;
	overflow: visible !important;
	position: relative;
	z-index: 3;
}

/* Zrušení WordPress mezery mezi hlavním obsahem a footerem.
   Footer začíná přesně na konci toku hlavního obsahu. */
body.home .wp-site-blocks > .vhs-site-footer,
body.home .vhs-site-footer {
	margin-top: 0 !important;
	margin-block-start: 0 !important;
	position: relative;
	z-index: 2;
}

/* DESKTOP:
   -28 px nahoře = překrytí obrázku,
   -28 px dole = stejná část karty pokračuje nad footerem.
   Přidaný padding-bottom z verze 1.4.67 zůstává zachován. */
body.home .vhs-ref-program {
	margin-top: -28px !important;
	margin-bottom: -28px !important;
	padding-bottom: 51px !important;
	position: relative;
	z-index: 20 !important;
}

/* TABLET — stejná geometrie, pouze menší přesah. */
@media (max-width: 1020px) {
	body.home .vhs-ref-program {
		margin-top: -18px !important;
		margin-bottom: -18px !important;
		padding-bottom: 41px !important;
	}

	body.home .wp-site-blocks > .vhs-site-footer,
	body.home .vhs-site-footer {
		margin-top: 0 !important;
		margin-block-start: 0 !important;
	}
}

/* MOBIL — stejná geometrie, pouze menší přesah. */
@media (max-width: 620px) {
	body.home .vhs-ref-program {
		margin-top: -12px !important;
		margin-bottom: -12px !important;
		padding-bottom: 35px !important;
	}

	body.home .wp-site-blocks > .vhs-site-footer,
	body.home .vhs-site-footer {
		margin-top: 0 !important;
		margin-block-start: 0 !important;
	}
}

/* ----------------------------------------------------------
   SIGNÁL VHS SRAZU JE AKTIVNÍ — ZELENĚ BLIKAJÍCÍ IKONA
   ---------------------------------------------------------- */

body .vhs-footer-signal-light {
	background: #39ff88 !important;
	box-shadow:
		0 0 5px rgba(57, 255, 136, 1),
		0 0 14px rgba(57, 255, 136, 0.88),
		0 0 25px rgba(57, 255, 136, 0.48) !important;
	animation: vhs-footer-signal-green-blink 1.35s steps(1, end) infinite !important;
}

@keyframes vhs-footer-signal-green-blink {
	0%,
	42%,
	68%,
	100% {
		opacity: 1;
		transform: scale(1.08);
	}

	43%,
	67% {
		opacity: 0.16;
		transform: scale(0.78);
	}
}

@media (prefers-reduced-motion: reduce) {
	body .vhs-footer-signal-light {
		animation: none !important;
		opacity: 1;
		transform: none;
	}
}


/* ==========================================================
   VHS SRAZ — PROGRAMOVÁ KARTA: OPRAVDU SYMETRICKÝ PŘESAH 1.4.69
   ----------------------------------------------------------
   Podle posledního screenshotu se ukázalo, že ve verzi 1.4.68
   spodní část programové karty vizuálně nezasahuje do footeru
   stejně jako její horní část do stripu nad ní.

   Nové řešení:
   - karta sama dostává stejný záporný přesah nahoře i dole,
   - vrací se její původní spodní padding,
   - footer už se znovu neposouvá vlastní geometrií,
   - tím vznikne skutečně stejné chování horní i dolní hrany.
   ========================================================== */

/* Desktop:
   stejný přesah 28 px nahoru i dolů. */
body.home .vhs-ref-program {
	margin-top: -28px !important;
	margin-bottom: -28px !important;
	padding-bottom: 23px !important;
	position: relative;
	z-index: 20 !important;
}

body.home .wp-site-blocks > .vhs-site-footer,
body.home .vhs-site-footer {
	margin-top: 0 !important;
	margin-block-start: 0 !important;
	position: relative;
	z-index: 2;
}

/* Tablet:
   stejný přesah 18 px nahoru i dolů. */
@media (max-width: 1020px) {
	body.home .vhs-ref-program {
		margin-top: -18px !important;
		margin-bottom: -18px !important;
		padding-bottom: 23px !important;
	}

	body.home .wp-site-blocks > .vhs-site-footer,
	body.home .vhs-site-footer {
		margin-top: 0 !important;
		margin-block-start: 0 !important;
	}
}

/* Mobil:
   stejný přesah 12 px nahoru i dolů. */
@media (max-width: 620px) {
	body.home .vhs-ref-program {
		margin-top: -12px !important;
		margin-bottom: -12px !important;
		padding-bottom: 23px !important;
	}

	body.home .wp-site-blocks > .vhs-site-footer,
	body.home .vhs-site-footer {
		margin-top: 0 !important;
		margin-block-start: 0 !important;
	}
}


/* ==========================================================
   VHS SRAZ — POMALÉ „DÝCHÁNÍ“ NEONU V HLAVIČCE
   + FOOTER ROZŠÍŘENÝ VZHŮRU POD PROGRAMOVOU KARTU 1.4.70
   ========================================================== */

/* ----------------------------------------------------------
   1. VHS SRAZ 2026 — NEONOVÁ ANIMACE BEZ BLIKÁNÍ
   ----------------------------------------------------------
   Použita je pouze pomalá změna intenzity text-shadow.
   Nemění se opacity ani viditelnost písma, takže nápis nebliká.
   Prohlížeče bez podpory animací zobrazí původní statický neon.
   ---------------------------------------------------------- */

.vhs-front-header--cassette-title .vhs-front-header-title__cyan {
	-webkit-animation: vhs-title-cyan-breathe 5.4s ease-in-out infinite;
	animation: vhs-title-cyan-breathe 5.4s ease-in-out infinite;
}

.vhs-front-header--cassette-title .vhs-front-header-title__pink {
	-webkit-animation: vhs-title-pink-breathe 5.4s ease-in-out -2.7s infinite;
	animation: vhs-title-pink-breathe 5.4s ease-in-out -2.7s infinite;
}

@-webkit-keyframes vhs-title-cyan-breathe {
	0%,
	100% {
		text-shadow:
			0 0 4px rgba(32, 231, 255, 1),
			0 0 14px rgba(32, 231, 255, 0.66),
			0 0 30px rgba(32, 231, 255, 0.22);
	}

	50% {
		text-shadow:
			0 0 5px rgba(32, 231, 255, 1),
			0 0 18px rgba(32, 231, 255, 0.82),
			0 0 38px rgba(32, 231, 255, 0.34),
			0 0 54px rgba(32, 231, 255, 0.12);
	}
}

@keyframes vhs-title-cyan-breathe {
	0%,
	100% {
		text-shadow:
			0 0 4px rgba(32, 231, 255, 1),
			0 0 14px rgba(32, 231, 255, 0.66),
			0 0 30px rgba(32, 231, 255, 0.22);
	}

	50% {
		text-shadow:
			0 0 5px rgba(32, 231, 255, 1),
			0 0 18px rgba(32, 231, 255, 0.82),
			0 0 38px rgba(32, 231, 255, 0.34),
			0 0 54px rgba(32, 231, 255, 0.12);
	}
}

@-webkit-keyframes vhs-title-pink-breathe {
	0%,
	100% {
		text-shadow:
			0 0 4px rgba(255, 66, 167, 1),
			0 0 14px rgba(255, 66, 167, 0.68),
			0 0 30px rgba(255, 66, 167, 0.24);
	}

	50% {
		text-shadow:
			0 0 5px rgba(255, 66, 167, 1),
			0 0 18px rgba(255, 66, 167, 0.84),
			0 0 38px rgba(255, 66, 167, 0.36),
			0 0 54px rgba(255, 66, 167, 0.13);
	}
}

@keyframes vhs-title-pink-breathe {
	0%,
	100% {
		text-shadow:
			0 0 4px rgba(255, 66, 167, 1),
			0 0 14px rgba(255, 66, 167, 0.68),
			0 0 30px rgba(255, 66, 167, 0.24);
	}

	50% {
		text-shadow:
			0 0 5px rgba(255, 66, 167, 1),
			0 0 18px rgba(255, 66, 167, 0.84),
			0 0 38px rgba(255, 66, 167, 0.36),
			0 0 54px rgba(255, 66, 167, 0.13);
	}
}

/* Přístupnost: při omezení pohybu zůstane stabilní statický neon. */
@media (prefers-reduced-motion: reduce) {
	.vhs-front-header--cassette-title .vhs-front-header-title__cyan,
	.vhs-front-header--cassette-title .vhs-front-header-title__pink {
		-webkit-animation: none !important;
		animation: none !important;
	}
}

/* ----------------------------------------------------------
   2. PROGRAMOVÁ KARTA — FOOTER SE ROZŠÍŘÍ VZHŮRU POD KARTU
   ----------------------------------------------------------
   Karta se nahoře překrývá o 28 px.
   Footer proto rozšiřujeme vzhůru o stejných 28 px a zároveň
   o 28 px navyšujeme jeho horní padding. Obsah footeru zůstane
   na původní pozici, ale jeho background začne o 28 px výše.
   Footer je nad hlavním stripem, karta však zůstává nad footerem.
   ---------------------------------------------------------- */

/* Desktop */
body.home .vhs-ref-program {
	margin-top: -28px !important;
	margin-bottom: 0 !important;
	padding-bottom: 23px !important;
	position: relative;
	z-index: 30 !important;
}

body.home .wp-site-blocks > .vhs-site-footer,
body.home .vhs-site-footer {
	margin-top: -28px !important;
	margin-block-start: -28px !important;
	padding-top: calc(5rem + 53px) !important;
	position: relative;
	z-index: 20 !important;
}

/* Tablet */
@media (max-width: 1020px) {
	body.home .vhs-ref-program {
		margin-top: -18px !important;
		margin-bottom: 0 !important;
		padding-bottom: 23px !important;
	}

	body.home .wp-site-blocks > .vhs-site-footer,
	body.home .vhs-site-footer {
		margin-top: -18px !important;
		margin-block-start: -18px !important;
		padding-top: calc(4.5rem + 37px) !important;
	}
}

/* Mobil */
@media (max-width: 620px) {
	body.home .vhs-ref-program {
		margin-top: -12px !important;
		margin-bottom: 0 !important;
		padding-bottom: 23px !important;
	}

	body.home .wp-site-blocks > .vhs-site-footer,
	body.home .vhs-site-footer {
		margin-top: -12px !important;
		margin-block-start: -12px !important;
		padding-top: calc(4rem + 25px) !important;
	}
}


/* ==========================================================
   VHS SRAZ — NEONOVÉ CRESCENDO NÁPISŮ
   + FOOTER O 6 PX VÝŠE 1.4.71
   ========================================================== */

/* ----------------------------------------------------------
   1. NÁPIS V HLAVIČCE — POMALÝ NÁRŮST INTENZITY
   ----------------------------------------------------------
   Nápis nikdy nezhasíná a nebliká. V každém cyklu se jeho
   neonová záře postupně zesiluje a největší intenzity dosáhne
   až na konci. Animace se poté plynule vrací opačným směrem.
   ---------------------------------------------------------- */

.vhs-front-header--cassette-title .vhs-front-header-title__cyan {
	-webkit-animation: vhs-header-cyan-crescendo 5.8s ease-in-out infinite alternate !important;
	animation: vhs-header-cyan-crescendo 5.8s ease-in-out infinite alternate !important;
}

.vhs-front-header--cassette-title .vhs-front-header-title__pink {
	-webkit-animation: vhs-header-pink-crescendo 5.8s ease-in-out infinite alternate !important;
	animation: vhs-header-pink-crescendo 5.8s ease-in-out infinite alternate !important;
}

@-webkit-keyframes vhs-header-cyan-crescendo {
	0% {
		text-shadow:
			0 0 3px rgba(32, 231, 255, 0.92),
			0 0 10px rgba(32, 231, 255, 0.48),
			0 0 23px rgba(32, 231, 255, 0.13);
	}

	58% {
		text-shadow:
			0 0 4px rgba(32, 231, 255, 1),
			0 0 14px rgba(32, 231, 255, 0.66),
			0 0 31px rgba(32, 231, 255, 0.24);
	}

	84% {
		text-shadow:
			0 0 5px rgba(32, 231, 255, 1),
			0 0 18px rgba(32, 231, 255, 0.82),
			0 0 42px rgba(32, 231, 255, 0.36);
	}

	100% {
		text-shadow:
			0 0 6px rgba(32, 231, 255, 1),
			0 0 22px rgba(32, 231, 255, 0.96),
			0 0 50px rgba(32, 231, 255, 0.48),
			0 0 68px rgba(32, 231, 255, 0.17);
	}
}

@keyframes vhs-header-cyan-crescendo {
	0% {
		text-shadow:
			0 0 3px rgba(32, 231, 255, 0.92),
			0 0 10px rgba(32, 231, 255, 0.48),
			0 0 23px rgba(32, 231, 255, 0.13);
	}

	58% {
		text-shadow:
			0 0 4px rgba(32, 231, 255, 1),
			0 0 14px rgba(32, 231, 255, 0.66),
			0 0 31px rgba(32, 231, 255, 0.24);
	}

	84% {
		text-shadow:
			0 0 5px rgba(32, 231, 255, 1),
			0 0 18px rgba(32, 231, 255, 0.82),
			0 0 42px rgba(32, 231, 255, 0.36);
	}

	100% {
		text-shadow:
			0 0 6px rgba(32, 231, 255, 1),
			0 0 22px rgba(32, 231, 255, 0.96),
			0 0 50px rgba(32, 231, 255, 0.48),
			0 0 68px rgba(32, 231, 255, 0.17);
	}
}

@-webkit-keyframes vhs-header-pink-crescendo {
	0% {
		text-shadow:
			0 0 3px rgba(255, 66, 167, 0.92),
			0 0 10px rgba(255, 66, 167, 0.50),
			0 0 23px rgba(255, 66, 167, 0.14);
	}

	58% {
		text-shadow:
			0 0 4px rgba(255, 66, 167, 1),
			0 0 14px rgba(255, 66, 167, 0.68),
			0 0 31px rgba(255, 66, 167, 0.25);
	}

	84% {
		text-shadow:
			0 0 5px rgba(255, 66, 167, 1),
			0 0 18px rgba(255, 66, 167, 0.84),
			0 0 42px rgba(255, 66, 167, 0.38);
	}

	100% {
		text-shadow:
			0 0 6px rgba(255, 66, 167, 1),
			0 0 22px rgba(255, 66, 167, 0.97),
			0 0 50px rgba(255, 66, 167, 0.50),
			0 0 68px rgba(255, 66, 167, 0.18);
	}
}

@keyframes vhs-header-pink-crescendo {
	0% {
		text-shadow:
			0 0 3px rgba(255, 66, 167, 0.92),
			0 0 10px rgba(255, 66, 167, 0.50),
			0 0 23px rgba(255, 66, 167, 0.14);
	}

	58% {
		text-shadow:
			0 0 4px rgba(255, 66, 167, 1),
			0 0 14px rgba(255, 66, 167, 0.68),
			0 0 31px rgba(255, 66, 167, 0.25);
	}

	84% {
		text-shadow:
			0 0 5px rgba(255, 66, 167, 1),
			0 0 18px rgba(255, 66, 167, 0.84),
			0 0 42px rgba(255, 66, 167, 0.38);
	}

	100% {
		text-shadow:
			0 0 6px rgba(255, 66, 167, 1),
			0 0 22px rgba(255, 66, 167, 0.97),
			0 0 50px rgba(255, 66, 167, 0.50),
			0 0 68px rgba(255, 66, 167, 0.18);
	}
}

/* ----------------------------------------------------------
   2. VELKÝ NÁPIS NA FRONT PAGE — JINÝ, SILNĚJŠÍ PRŮBĚH
   ----------------------------------------------------------
   Velký nápis zůstává většinu cyklu klidnější a v poslední
   třetině se jeho záře výrazněji „nabije“. Díky delšímu cyklu
   nepůsobí stejně jako menší nápis v hlavičce.
   ---------------------------------------------------------- */

body.home .vhs-ref-title__cyan {
	-webkit-animation: vhs-front-cyan-charge 7.6s cubic-bezier(0.42, 0, 0.2, 1) infinite alternate;
	animation: vhs-front-cyan-charge 7.6s cubic-bezier(0.42, 0, 0.2, 1) infinite alternate;
}

body.home .vhs-ref-title__pink {
	-webkit-animation: vhs-front-pink-charge 7.6s cubic-bezier(0.42, 0, 0.2, 1) infinite alternate;
	animation: vhs-front-pink-charge 7.6s cubic-bezier(0.42, 0, 0.2, 1) infinite alternate;
}

@-webkit-keyframes vhs-front-cyan-charge {
	0%,
	48% {
		text-shadow:
			0 0 4px rgba(32, 231, 255, 0.98),
			0 0 13px rgba(32, 231, 255, 0.58),
			0 0 30px rgba(32, 231, 255, 0.19);
	}

	76% {
		text-shadow:
			0 0 5px rgba(32, 231, 255, 1),
			0 0 19px rgba(32, 231, 255, 0.78),
			0 0 43px rgba(32, 231, 255, 0.33);
	}

	100% {
		text-shadow:
			0 0 7px rgba(32, 231, 255, 1),
			0 0 25px rgba(32, 231, 255, 0.98),
			0 0 57px rgba(32, 231, 255, 0.56),
			0 0 86px rgba(32, 231, 255, 0.22);
	}
}

@keyframes vhs-front-cyan-charge {
	0%,
	48% {
		text-shadow:
			0 0 4px rgba(32, 231, 255, 0.98),
			0 0 13px rgba(32, 231, 255, 0.58),
			0 0 30px rgba(32, 231, 255, 0.19);
	}

	76% {
		text-shadow:
			0 0 5px rgba(32, 231, 255, 1),
			0 0 19px rgba(32, 231, 255, 0.78),
			0 0 43px rgba(32, 231, 255, 0.33);
	}

	100% {
		text-shadow:
			0 0 7px rgba(32, 231, 255, 1),
			0 0 25px rgba(32, 231, 255, 0.98),
			0 0 57px rgba(32, 231, 255, 0.56),
			0 0 86px rgba(32, 231, 255, 0.22);
	}
}

@-webkit-keyframes vhs-front-pink-charge {
	0%,
	48% {
		text-shadow:
			0 0 4px rgba(255, 66, 167, 0.98),
			0 0 13px rgba(255, 66, 167, 0.60),
			0 0 30px rgba(255, 66, 167, 0.20);
	}

	76% {
		text-shadow:
			0 0 5px rgba(255, 66, 167, 1),
			0 0 19px rgba(255, 66, 167, 0.80),
			0 0 43px rgba(255, 66, 167, 0.35);
	}

	100% {
		text-shadow:
			0 0 7px rgba(255, 66, 167, 1),
			0 0 25px rgba(255, 66, 167, 0.99),
			0 0 57px rgba(255, 66, 167, 0.58),
			0 0 86px rgba(255, 66, 167, 0.23);
	}
}

@keyframes vhs-front-pink-charge {
	0%,
	48% {
		text-shadow:
			0 0 4px rgba(255, 66, 167, 0.98),
			0 0 13px rgba(255, 66, 167, 0.60),
			0 0 30px rgba(255, 66, 167, 0.20);
	}

	76% {
		text-shadow:
			0 0 5px rgba(255, 66, 167, 1),
			0 0 19px rgba(255, 66, 167, 0.80),
			0 0 43px rgba(255, 66, 167, 0.35);
	}

	100% {
		text-shadow:
			0 0 7px rgba(255, 66, 167, 1),
			0 0 25px rgba(255, 66, 167, 0.99),
			0 0 57px rgba(255, 66, 167, 0.58),
			0 0 86px rgba(255, 66, 167, 0.23);
	}
}

/* Přístupnost pro oba nápisy. */
@media (prefers-reduced-motion: reduce) {
	.vhs-front-header--cassette-title .vhs-front-header-title__cyan,
	.vhs-front-header--cassette-title .vhs-front-header-title__pink,
	body.home .vhs-ref-title__cyan,
	body.home .vhs-ref-title__pink {
		-webkit-animation: none !important;
		animation: none !important;
	}
}

/* ----------------------------------------------------------
   3. FOOTER O DALŠÍCH 6 PX VÝŠE
   ---------------------------------------------------------- */

body.home .wp-site-blocks > .vhs-site-footer,
body.home .vhs-site-footer {
	margin-top: -34px !important;
	margin-block-start: -34px !important;
}

@media (max-width: 1020px) {
	body.home .wp-site-blocks > .vhs-site-footer,
	body.home .vhs-site-footer {
		margin-top: -24px !important;
		margin-block-start: -24px !important;
	}
}

@media (max-width: 620px) {
	body.home .wp-site-blocks > .vhs-site-footer,
	body.home .vhs-site-footer {
		margin-top: -18px !important;
		margin-block-start: -18px !important;
	}
}


/* ==========================================================
   VHS SRAZ — TŘI STAVOVÉ OBJEKTY VE FOOTERU
   + PROGRAMOVÁ KARTA SKUTEČNĚ NAD FOOTEREM 1.4.72
   ========================================================== */

/* ----------------------------------------------------------
   1. TŘI STEJNĚ VELKÉ STAVOVÉ OBJEKTY
   ---------------------------------------------------------- */

.vhs-footer-brand .vhs-footer-signal {
	box-sizing: border-box;
	width: min(100%, 370px);
	min-height: 35px;
	justify-content: flex-start;
}

.vhs-footer-brand .vhs-footer-signal + .vhs-footer-signal {
	margin-top: 8px;
}

/* Všechny tři kontrolky používají stejnou zelenou blikací logiku. */
.vhs-footer-brand .vhs-footer-signal-light {
	flex: 0 0 9px;
	background: #39ff88 !important;
	box-shadow:
		0 0 5px rgba(57, 255, 136, 1),
		0 0 14px rgba(57, 255, 136, 0.88),
		0 0 25px rgba(57, 255, 136, 0.48) !important;
	-webkit-animation: vhs-footer-signal-green-blink 1.35s steps(1, end) infinite !important;
	animation: vhs-footer-signal-green-blink 1.35s steps(1, end) infinite !important;
}

/* ----------------------------------------------------------
   2. PROGRAMOVÁ KARTA MUSÍ BÝT PŘED FOOTEREM
   ----------------------------------------------------------
   Příčina byla ve stacking contextu hlavního front-page bloku:
   .vhs-front-reference měl isolation:isolate a vlastní z-index.
   Karta tak nemohla vystoupit před footer, i když měla vyšší
   číselný z-index.

   Oprava ruší tento uzavřený stacking context. Karta má z-index
   100, footer z-index 20, takže karta je skutečně vykreslena
   před footerem.
   ---------------------------------------------------------- */

body.home .vhs-front-reference {
	overflow: visible !important;
	isolation: auto !important;
	z-index: auto !important;
}

/* Atmosférická vrstva zůstane pod obsahem front page. */
body.home .vhs-front-reference::before {
	z-index: 0 !important;
}

/* Běžný obsah front page nad atmosférickou vrstvou. */
body.home .vhs-front-reference > * {
	position: relative;
	z-index: 1;
}

/* Programová karta před footerem. */
body.home .vhs-ref-program {
	margin-top: -28px !important;
	margin-bottom: 0 !important;
	position: relative;
	z-index: 100 !important;
	transform: translateZ(0);
}

/* Footer zůstává vytažený vzhůru a leží pod kartou. */
body.home .wp-site-blocks > .vhs-site-footer,
body.home .vhs-site-footer {
	margin-top: -34px !important;
	margin-block-start: -34px !important;
	position: relative;
	z-index: 20 !important;
}

/* Tablet */
@media (max-width: 1020px) {
	body.home .vhs-ref-program {
		margin-top: -18px !important;
		z-index: 100 !important;
	}

	body.home .wp-site-blocks > .vhs-site-footer,
	body.home .vhs-site-footer {
		margin-top: -24px !important;
		margin-block-start: -24px !important;
		z-index: 20 !important;
	}
}

/* Mobil */
@media (max-width: 620px) {
	.vhs-footer-brand .vhs-footer-signal {
		width: 100%;
		font-size: 0.58rem;
		letter-spacing: 0.085em;
	}

	body.home .vhs-ref-program {
		margin-top: -12px !important;
		z-index: 100 !important;
	}

	body.home .wp-site-blocks > .vhs-site-footer,
	body.home .vhs-site-footer {
		margin-top: -18px !important;
		margin-block-start: -18px !important;
		z-index: 20 !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.vhs-footer-brand .vhs-footer-signal-light {
		-webkit-animation: none !important;
		animation: none !important;
		opacity: 1;
		transform: none;
	}
}


/* ==========================================================
   VHS SRAZ — STAVOVÉ RÁMEČKY PODLE DÉLKY TEXTU
   + FOOTER O DALŠÍCH 6 PX VÝŠE 1.4.73
   ========================================================== */

/* ----------------------------------------------------------
   1. KAŽDÝ STAVOVÝ OBJEKT KONČÍ PODLE SVÉHO TEXTU
   ----------------------------------------------------------
   Rámečky už nemají společnou pevnou šířku 370 px.
   Každý se ukončí samostatně těsně za posledním znakem věty,
   včetně stejného pravého vnitřního odsazení.
   ---------------------------------------------------------- */

.vhs-footer-brand .vhs-footer-signal {
	box-sizing: border-box;
	display: flex;
	width: -webkit-fit-content !important;
	width: -moz-fit-content !important;
	width: fit-content !important;
	inline-size: -webkit-max-content;
	inline-size: -moz-max-content;
	inline-size: max-content;
	max-width: 100% !important;
	max-inline-size: 100%;
	min-height: 35px;
	justify-content: flex-start;
	white-space: nowrap;
}

/* Mobilní pojistka: dlouhá věta se může zalomit,
   rámeček však stále nebude zbytečně široký. */
@media (max-width: 620px) {
	.vhs-footer-brand .vhs-footer-signal {
		width: -webkit-fit-content !important;
		width: -moz-fit-content !important;
		width: fit-content !important;
		inline-size: auto;
		max-width: 100% !important;
		white-space: normal;
	}
}

/* ----------------------------------------------------------
   2. FOOTER O DALŠÍCH 6 PX VÝŠE
   ---------------------------------------------------------- */

body.home .wp-site-blocks > .vhs-site-footer,
body.home .vhs-site-footer {
	margin-top: -40px !important;
	margin-block-start: -40px !important;
}

@media (max-width: 1020px) {
	body.home .wp-site-blocks > .vhs-site-footer,
	body.home .vhs-site-footer {
		margin-top: -30px !important;
		margin-block-start: -30px !important;
	}
}

@media (max-width: 620px) {
	body.home .wp-site-blocks > .vhs-site-footer,
	body.home .vhs-site-footer {
		margin-top: -24px !important;
		margin-block-start: -24px !important;
	}
}


/* ==========================================================
   VHS SRAZ — OŽIVENÍ OBRAZOVÝCH STRIPŮ BEZ VIDEA / GIFU
   + PROGRAMOVÁ KARTA O 6 PX NÍŽ 1.4.74
   ========================================================== */

/* ----------------------------------------------------------
   1. PROGRAMOVÁ KARTA O 6 PX SMĚREM DOLŮ
   ---------------------------------------------------------- */

body.home .vhs-ref-program {
	margin-top: -22px !important;
}

@media (max-width: 1020px) {
	body.home .vhs-ref-program {
		margin-top: -12px !important;
	}
}

@media (max-width: 620px) {
	body.home .vhs-ref-program {
		margin-top: -6px !important;
	}
}

/* ----------------------------------------------------------
   2. POMALÝ FILMOVÝ POHYB OBRAZŮ
   ----------------------------------------------------------
   Pohybuje se pouze obrazová pseudo-vrstva. Text, tlačítka,
   karty i ostatní obsah zůstávají zcela pevné.

   Použité efekty:
   - velmi pomalé přiblížení,
   - jemný horizontální a vertikální posun,
   - rozdílný směr a rychlost pro oba stripy.
   ---------------------------------------------------------- */

body.home .vhs-ref-hero::before {
	-webkit-transform-origin: 76% 46%;
	transform-origin: 76% 46%;
	-webkit-animation: vhs-hero-image-drift 19s ease-in-out infinite alternate;
	animation: vhs-hero-image-drift 19s ease-in-out infinite alternate;
	will-change: transform;
}

body.home .vhs-ref-about::before {
	-webkit-transform-origin: 78% 52%;
	transform-origin: 78% 52%;
	-webkit-animation: vhs-about-image-drift 23s ease-in-out infinite alternate;
	animation: vhs-about-image-drift 23s ease-in-out infinite alternate;
	will-change: transform;
}

@-webkit-keyframes vhs-hero-image-drift {
	0% {
		-webkit-transform: translate3d(0, 0, 0) scale(1.018);
		transform: translate3d(0, 0, 0) scale(1.018);
	}

	52% {
		-webkit-transform: translate3d(-8px, -2px, 0) scale(1.038);
		transform: translate3d(-8px, -2px, 0) scale(1.038);
	}

	100% {
		-webkit-transform: translate3d(-15px, 4px, 0) scale(1.058);
		transform: translate3d(-15px, 4px, 0) scale(1.058);
	}
}

@keyframes vhs-hero-image-drift {
	0% {
		-webkit-transform: translate3d(0, 0, 0) scale(1.018);
		transform: translate3d(0, 0, 0) scale(1.018);
	}

	52% {
		-webkit-transform: translate3d(-8px, -2px, 0) scale(1.038);
		transform: translate3d(-8px, -2px, 0) scale(1.038);
	}

	100% {
		-webkit-transform: translate3d(-15px, 4px, 0) scale(1.058);
		transform: translate3d(-15px, 4px, 0) scale(1.058);
	}
}

@-webkit-keyframes vhs-about-image-drift {
	0% {
		-webkit-transform: translate3d(-7px, 2px, 0) scale(1.024);
		transform: translate3d(-7px, 2px, 0) scale(1.024);
	}

	48% {
		-webkit-transform: translate3d(1px, -3px, 0) scale(1.042);
		transform: translate3d(1px, -3px, 0) scale(1.042);
	}

	100% {
		-webkit-transform: translate3d(11px, 3px, 0) scale(1.062);
		transform: translate3d(11px, 3px, 0) scale(1.062);
	}
}

@keyframes vhs-about-image-drift {
	0% {
		-webkit-transform: translate3d(-7px, 2px, 0) scale(1.024);
		transform: translate3d(-7px, 2px, 0) scale(1.024);
	}

	48% {
		-webkit-transform: translate3d(1px, -3px, 0) scale(1.042);
		transform: translate3d(1px, -3px, 0) scale(1.042);
	}

	100% {
		-webkit-transform: translate3d(11px, 3px, 0) scale(1.062);
		transform: translate3d(11px, 3px, 0) scale(1.062);
	}
}

/* ----------------------------------------------------------
   3. JEMNĚ PUTUJÍCÍ NEON A ANALOGOVÁ VRSTVA
   ----------------------------------------------------------
   Scanlines se neposouvají skokově. Pohybují se velmi pomalu
   a společně s neonovým světlem vytvářejí lehce živý obraz.
   ---------------------------------------------------------- */

body.home .vhs-ref-hero::after {
	background-size:
		100% 5px,
		58rem 46rem,
		64rem 50rem;
	background-repeat:
		repeat,
		no-repeat,
		no-repeat;
	-webkit-animation: vhs-hero-light-drift 14s ease-in-out infinite alternate;
	animation: vhs-hero-light-drift 14s ease-in-out infinite alternate;
	will-change: background-position;
}

body.home .vhs-ref-about::after {
	background-size:
		100% 5px,
		58rem 42rem,
		100% 100%;
	background-repeat:
		repeat,
		no-repeat,
		no-repeat;
	-webkit-animation: vhs-about-light-drift 17s ease-in-out infinite alternate;
	animation: vhs-about-light-drift 17s ease-in-out infinite alternate;
	will-change: background-position;
}

@-webkit-keyframes vhs-hero-light-drift {
	0% {
		background-position:
			0 0,
			70% 40%,
			92% 49%;
	}

	100% {
		background-position:
			0 14px,
			76% 36%,
			86% 53%;
	}
}

@keyframes vhs-hero-light-drift {
	0% {
		background-position:
			0 0,
			70% 40%,
			92% 49%;
	}

	100% {
		background-position:
			0 14px,
			76% 36%,
			86% 53%;
	}
}

@-webkit-keyframes vhs-about-light-drift {
	0% {
		background-position:
			0 0,
			84% 48%,
			center;
	}

	100% {
		background-position:
			0 12px,
			76% 54%,
			center;
	}
}

@keyframes vhs-about-light-drift {
	0% {
		background-position:
			0 0,
			84% 48%,
			center;
	}

	100% {
		background-position:
			0 12px,
			76% 54%,
			center;
	}
}

/* Na menších displejích je pohyb ještě jemnější. */
@media (max-width: 620px) {
	body.home .vhs-ref-hero::before,
	body.home .vhs-ref-about::before {
		-webkit-animation-duration: 26s;
		animation-duration: 26s;
	}
}

/* Přístupnost:
   při systémově omezeném pohybu zůstanou obrázky statické. */
@media (prefers-reduced-motion: reduce) {
	body.home .vhs-ref-hero::before,
	body.home .vhs-ref-about::before,
	body.home .vhs-ref-hero::after,
	body.home .vhs-ref-about::after {
		-webkit-animation: none !important;
		animation: none !important;
		-webkit-transform: none !important;
		transform: none !important;
		will-change: auto;
	}
}


/* ==========================================================
   VHS SRAZ — DECENTNÍ VHS GLITCH PŘES OBRAZOVÉ STRIPY 1.4.75
   ==========================================================
   Jemný efekt videopásky bez videa a bez GIFu:
   - drobný horizontální tracking glitch,
   - občasné lehké rozhození barevných kanálů,
   - téměř neznatelný analogový šum.
   Efekt je záměrně velmi decentní a krátký.
   ========================================================== */

/* Stripy musí ponechat glitch uvnitř svého výřezu. */
body.home .vhs-ref-hero,
body.home .vhs-ref-about {
	overflow: hidden;
}

/* Hlavní obrazová vrstva dostane jen velmi jemné,
   krátké horizontální škubnutí — působí jako tracking VHS. */
body.home .vhs-ref-hero::before {
	-webkit-animation:
		vhs-hero-image-drift 19s ease-in-out infinite alternate,
		vhs-strip-glitch-shift-a 11.4s steps(1, end) infinite;
	animation:
		vhs-hero-image-drift 19s ease-in-out infinite alternate,
		vhs-strip-glitch-shift-a 11.4s steps(1, end) infinite;
}

body.home .vhs-ref-about::before {
	-webkit-animation:
		vhs-about-image-drift 23s ease-in-out infinite alternate,
		vhs-strip-glitch-shift-b 13.8s steps(1, end) infinite;
	animation:
		vhs-about-image-drift 23s ease-in-out infinite alternate,
		vhs-strip-glitch-shift-b 13.8s steps(1, end) infinite;
}

/* Overlay vrstva dostane jemný chromatic glitch + slabý tracking band.
   Základní světelná animace zůstává zachována. */
body.home .vhs-ref-hero::after {
	background-image:
		repeating-linear-gradient(
			to bottom,
			rgba(255, 255, 255, 0.028) 0px,
			rgba(255, 255, 255, 0.028) 1px,
			rgba(0, 0, 0, 0.0) 1px,
			rgba(0, 0, 0, 0.0) 5px
		),
		radial-gradient(
			ellipse at 72% 38%,
			rgba(39, 223, 255, 0.095) 0%,
			rgba(39, 223, 255, 0.03) 28%,
			rgba(39, 223, 255, 0) 58%
		),
		radial-gradient(
			ellipse at 88% 51%,
			rgba(255, 63, 149, 0.08) 0%,
			rgba(255, 63, 149, 0.025) 26%,
			rgba(255, 63, 149, 0) 56%
		),
		linear-gradient(
			to bottom,
			rgba(255, 255, 255, 0) 0%,
			rgba(255, 255, 255, 0.035) 47%,
			rgba(255, 255, 255, 0.06) 50%,
			rgba(255, 255, 255, 0.02) 53%,
			rgba(255, 255, 255, 0) 100%
		);
	-webkit-animation:
		vhs-hero-light-drift 14s ease-in-out infinite alternate,
		vhs-strip-overlay-flicker-a 8.7s steps(1, end) infinite;
	animation:
		vhs-hero-light-drift 14s ease-in-out infinite alternate,
		vhs-strip-overlay-flicker-a 8.7s steps(1, end) infinite;
	mix-blend-mode: screen;
}

body.home .vhs-ref-about::after {
	background-image:
		repeating-linear-gradient(
			to bottom,
			rgba(255, 255, 255, 0.026) 0px,
			rgba(255, 255, 255, 0.026) 1px,
			rgba(0, 0, 0, 0.0) 1px,
			rgba(0, 0, 0, 0.0) 5px
		),
		radial-gradient(
			ellipse at 82% 52%,
			rgba(39, 223, 255, 0.085) 0%,
			rgba(39, 223, 255, 0.03) 24%,
			rgba(39, 223, 255, 0) 52%
		),
		radial-gradient(
			ellipse at 76% 55%,
			rgba(255, 63, 149, 0.075) 0%,
			rgba(255, 63, 149, 0.024) 24%,
			rgba(255, 63, 149, 0) 50%
		),
		linear-gradient(
			to bottom,
			rgba(255, 255, 255, 0) 0%,
			rgba(255, 255, 255, 0.028) 60%,
			rgba(255, 255, 255, 0.055) 63%,
			rgba(255, 255, 255, 0.016) 66%,
			rgba(255, 255, 255, 0) 100%
		);
	-webkit-animation:
		vhs-about-light-drift 17s ease-in-out infinite alternate,
		vhs-strip-overlay-flicker-b 9.9s steps(1, end) infinite;
	animation:
		vhs-about-light-drift 17s ease-in-out infinite alternate,
		vhs-strip-overlay-flicker-b 9.9s steps(1, end) infinite;
	mix-blend-mode: screen;
}

/* Krátká horizontální odchylka obrazu — jen ve zlomku cyklu. */
@-webkit-keyframes vhs-strip-glitch-shift-a {
	0%, 84%, 87%, 100% {
		-webkit-transform: translate3d(0, 0, 0) scale(1.018);
		transform: translate3d(0, 0, 0) scale(1.018);
		filter: none;
	}
	85% {
		-webkit-transform: translate3d(1px, 0, 0) scale(1.02);
		transform: translate3d(1px, 0, 0) scale(1.02);
		filter: saturate(1.02);
	}
	86% {
		-webkit-transform: translate3d(-2px, 0, 0) scale(1.021);
		transform: translate3d(-2px, 0, 0) scale(1.021);
		filter: saturate(1.04);
	}
}
@keyframes vhs-strip-glitch-shift-a {
	0%, 84%, 87%, 100% {
		-webkit-transform: translate3d(0, 0, 0) scale(1.018);
		transform: translate3d(0, 0, 0) scale(1.018);
		filter: none;
	}
	85% {
		-webkit-transform: translate3d(1px, 0, 0) scale(1.02);
		transform: translate3d(1px, 0, 0) scale(1.02);
		filter: saturate(1.02);
	}
	86% {
		-webkit-transform: translate3d(-2px, 0, 0) scale(1.021);
		transform: translate3d(-2px, 0, 0) scale(1.021);
		filter: saturate(1.04);
	}
}

@-webkit-keyframes vhs-strip-glitch-shift-b {
	0%, 78%, 81%, 100% {
		-webkit-transform: translate3d(-7px, 2px, 0) scale(1.024);
		transform: translate3d(-7px, 2px, 0) scale(1.024);
		filter: none;
	}
	79% {
		-webkit-transform: translate3d(-5px, 2px, 0) scale(1.026);
		transform: translate3d(-5px, 2px, 0) scale(1.026);
		filter: saturate(1.02);
	}
	80% {
		-webkit-transform: translate3d(-9px, 2px, 0) scale(1.028);
		transform: translate3d(-9px, 2px, 0) scale(1.028);
		filter: saturate(1.04);
	}
}
@keyframes vhs-strip-glitch-shift-b {
	0%, 78%, 81%, 100% {
		-webkit-transform: translate3d(-7px, 2px, 0) scale(1.024);
		transform: translate3d(-7px, 2px, 0) scale(1.024);
		filter: none;
	}
	79% {
		-webkit-transform: translate3d(-5px, 2px, 0) scale(1.026);
		transform: translate3d(-5px, 2px, 0) scale(1.026);
		filter: saturate(1.02);
	}
	80% {
		-webkit-transform: translate3d(-9px, 2px, 0) scale(1.028);
		transform: translate3d(-9px, 2px, 0) scale(1.028);
		filter: saturate(1.04);
	}
}

/* Overlay flicker — drobný VHS tracking band a skoro neviditelný glitch. */
@-webkit-keyframes vhs-strip-overlay-flicker-a {
	0%, 74%, 77%, 100% {
		opacity: 1;
		filter: none;
	}
	75% {
		opacity: 0.98;
		filter: contrast(1.03) saturate(1.04) hue-rotate(-1deg);
	}
	76% {
		opacity: 0.96;
		filter: contrast(1.06) saturate(1.06) hue-rotate(1deg);
	}
}
@keyframes vhs-strip-overlay-flicker-a {
	0%, 74%, 77%, 100% {
		opacity: 1;
		filter: none;
	}
	75% {
		opacity: 0.98;
		filter: contrast(1.03) saturate(1.04) hue-rotate(-1deg);
	}
	76% {
		opacity: 0.96;
		filter: contrast(1.06) saturate(1.06) hue-rotate(1deg);
	}
}

@-webkit-keyframes vhs-strip-overlay-flicker-b {
	0%, 68%, 71%, 100% {
		opacity: 1;
		filter: none;
	}
	69% {
		opacity: 0.985;
		filter: contrast(1.02) saturate(1.04) hue-rotate(1deg);
	}
	70% {
		opacity: 0.965;
		filter: contrast(1.05) saturate(1.06) hue-rotate(-1deg);
	}
}
@keyframes vhs-strip-overlay-flicker-b {
	0%, 68%, 71%, 100% {
		opacity: 1;
		filter: none;
	}
	69% {
		opacity: 0.985;
		filter: contrast(1.02) saturate(1.04) hue-rotate(1deg);
	}
	70% {
		opacity: 0.965;
		filter: contrast(1.05) saturate(1.06) hue-rotate(-1deg);
	}
}

/* Přístupnost */
@media (prefers-reduced-motion: reduce) {
	body.home .vhs-ref-hero::before,
	body.home .vhs-ref-about::before,
	body.home .vhs-ref-hero::after,
	body.home .vhs-ref-about::after {
		-webkit-animation: none !important;
		animation: none !important;
		filter: none !important;
	}
}


/* ==========================================================
   VHS SRAZ — VHS PLAYBACK EFFECT 1.4.76
   ----------------------------------------------------------
   Úprava glitch efektu tak, aby nepůsobil jen jako náhodný
   glitch, ale jako jemně přehrávaná videopáska:
   - pomalu putující tracking band,
   - lehké „dýchání“ jasu obrazu,
   - jemné občasné rozhození horizontální synchronizace,
   - decentní barevný bleed / analogový playback vibe.
   ========================================================== */

/* ----------------------------------------------------------
   1. OBRAZ — PŘEHRÁVANÁ PÁSKA
   ---------------------------------------------------------- */

body.home .vhs-ref-hero::before {
	-webkit-animation:
		vhs-hero-image-drift 19s ease-in-out infinite alternate,
		vhs-playback-jitter-a 8.8s steps(1, end) infinite,
		vhs-playback-luma-breathe 6.2s ease-in-out infinite alternate !important;
	animation:
		vhs-hero-image-drift 19s ease-in-out infinite alternate,
		vhs-playback-jitter-a 8.8s steps(1, end) infinite,
		vhs-playback-luma-breathe 6.2s ease-in-out infinite alternate !important;
}

body.home .vhs-ref-about::before {
	-webkit-animation:
		vhs-about-image-drift 23s ease-in-out infinite alternate,
		vhs-playback-jitter-b 10.1s steps(1, end) infinite,
		vhs-playback-luma-breathe 6.8s ease-in-out infinite alternate !important;
	animation:
		vhs-about-image-drift 23s ease-in-out infinite alternate,
		vhs-playback-jitter-b 10.1s steps(1, end) infinite,
		vhs-playback-luma-breathe 6.8s ease-in-out infinite alternate !important;
}

/* ----------------------------------------------------------
   2. OVERLAY — TRACKING BAND A PLAYBACK VRSTVA
   ----------------------------------------------------------
   Přidán jemný putující pás a nepatrný analogový „playback“
   noise. Pás projíždí přes obraz podobně jako u běžící VHS.
   ---------------------------------------------------------- */

body.home .vhs-ref-hero::after {
	background-image:
		repeating-linear-gradient(
			to bottom,
			rgba(255, 255, 255, 0.024) 0px,
			rgba(255, 255, 255, 0.024) 1px,
			rgba(0, 0, 0, 0) 1px,
			rgba(0, 0, 0, 0) 5px
		),
		radial-gradient(
			ellipse at 72% 38%,
			rgba(39, 223, 255, 0.09) 0%,
			rgba(39, 223, 255, 0.028) 28%,
			rgba(39, 223, 255, 0) 58%
		),
		radial-gradient(
			ellipse at 88% 51%,
			rgba(255, 63, 149, 0.075) 0%,
			rgba(255, 63, 149, 0.024) 26%,
			rgba(255, 63, 149, 0) 56%
		),
		linear-gradient(
			to bottom,
			rgba(255, 255, 255, 0) 0%,
			rgba(255, 255, 255, 0.015) 44%,
			rgba(255, 255, 255, 0.05) 49%,
			rgba(255, 255, 255, 0.085) 50%,
			rgba(255, 255, 255, 0.03) 51%,
			rgba(255, 255, 255, 0.012) 56%,
			rgba(255, 255, 255, 0) 100%
		);
	-webkit-animation:
		vhs-hero-light-drift 14s ease-in-out infinite alternate,
		vhs-playback-band-a 7.9s linear infinite,
		vhs-playback-overlay-noise-a 9.6s steps(1, end) infinite !important;
	animation:
		vhs-hero-light-drift 14s ease-in-out infinite alternate,
		vhs-playback-band-a 7.9s linear infinite,
		vhs-playback-overlay-noise-a 9.6s steps(1, end) infinite !important;
	mix-blend-mode: screen;
}

body.home .vhs-ref-about::after {
	background-image:
		repeating-linear-gradient(
			to bottom,
			rgba(255, 255, 255, 0.022) 0px,
			rgba(255, 255, 255, 0.022) 1px,
			rgba(0, 0, 0, 0) 1px,
			rgba(0, 0, 0, 0) 5px
		),
		radial-gradient(
			ellipse at 82% 52%,
			rgba(39, 223, 255, 0.08) 0%,
			rgba(39, 223, 255, 0.028) 24%,
			rgba(39, 223, 255, 0) 52%
		),
		radial-gradient(
			ellipse at 76% 55%,
			rgba(255, 63, 149, 0.07) 0%,
			rgba(255, 63, 149, 0.022) 24%,
			rgba(255, 63, 149, 0) 50%
		),
		linear-gradient(
			to bottom,
			rgba(255, 255, 255, 0) 0%,
			rgba(255, 255, 255, 0.014) 58%,
			rgba(255, 255, 255, 0.048) 62%,
			rgba(255, 255, 255, 0.082) 63%,
			rgba(255, 255, 255, 0.026) 64%,
			rgba(255, 255, 255, 0.01) 69%,
			rgba(255, 255, 255, 0) 100%
		);
	-webkit-animation:
		vhs-about-light-drift 17s ease-in-out infinite alternate,
		vhs-playback-band-b 8.7s linear infinite,
		vhs-playback-overlay-noise-b 11.2s steps(1, end) infinite !important;
	animation:
		vhs-about-light-drift 17s ease-in-out infinite alternate,
		vhs-playback-band-b 8.7s linear infinite,
		vhs-playback-overlay-noise-b 11.2s steps(1, end) infinite !important;
	mix-blend-mode: screen;
}

/* ----------------------------------------------------------
   3. KLÍČOVÉ SNÍMKY
   ---------------------------------------------------------- */

/* Velmi jemné „běžení“ jasu, aby obraz působil živě. */
@-webkit-keyframes vhs-playback-luma-breathe {
	0%   { filter: brightness(0.995) contrast(1.01) saturate(1.01); }
	50%  { filter: brightness(1.01) contrast(1.025) saturate(1.03); }
	100% { filter: brightness(1.02) contrast(1.035) saturate(1.035); }
}
@keyframes vhs-playback-luma-breathe {
	0%   { filter: brightness(0.995) contrast(1.01) saturate(1.01); }
	50%  { filter: brightness(1.01) contrast(1.025) saturate(1.03); }
	100% { filter: brightness(1.02) contrast(1.035) saturate(1.035); }
}

/* Občasná jemná synchronizační odchylka — ne cukání pořád,
   jen krátký playback „záchvěv“. */
@-webkit-keyframes vhs-playback-jitter-a {
	0%, 88%, 91%, 100% {
		-webkit-transform: translate3d(0, 0, 0) scale(1.018);
		transform: translate3d(0, 0, 0) scale(1.018);
	}
	89% {
		-webkit-transform: translate3d(1px, 0, 0) scale(1.02);
		transform: translate3d(1px, 0, 0) scale(1.02);
	}
	90% {
		-webkit-transform: translate3d(-3px, 0, 0) scale(1.021);
		transform: translate3d(-3px, 0, 0) scale(1.021);
	}
}
@keyframes vhs-playback-jitter-a {
	0%, 88%, 91%, 100% {
		-webkit-transform: translate3d(0, 0, 0) scale(1.018);
		transform: translate3d(0, 0, 0) scale(1.018);
	}
	89% {
		-webkit-transform: translate3d(1px, 0, 0) scale(1.02);
		transform: translate3d(1px, 0, 0) scale(1.02);
	}
	90% {
		-webkit-transform: translate3d(-3px, 0, 0) scale(1.021);
		transform: translate3d(-3px, 0, 0) scale(1.021);
	}
}

@-webkit-keyframes vhs-playback-jitter-b {
	0%, 82%, 85%, 100% {
		-webkit-transform: translate3d(-7px, 2px, 0) scale(1.024);
		transform: translate3d(-7px, 2px, 0) scale(1.024);
	}
	83% {
		-webkit-transform: translate3d(-5px, 2px, 0) scale(1.026);
		transform: translate3d(-5px, 2px, 0) scale(1.026);
	}
	84% {
		-webkit-transform: translate3d(-10px, 2px, 0) scale(1.028);
		transform: translate3d(-10px, 2px, 0) scale(1.028);
	}
}
@keyframes vhs-playback-jitter-b {
	0%, 82%, 85%, 100% {
		-webkit-transform: translate3d(-7px, 2px, 0) scale(1.024);
		transform: translate3d(-7px, 2px, 0) scale(1.024);
	}
	83% {
		-webkit-transform: translate3d(-5px, 2px, 0) scale(1.026);
		transform: translate3d(-5px, 2px, 0) scale(1.026);
	}
	84% {
		-webkit-transform: translate3d(-10px, 2px, 0) scale(1.028);
		transform: translate3d(-10px, 2px, 0) scale(1.028);
	}
}

/* Putující tracking band, který projede přes strip. */
@-webkit-keyframes vhs-playback-band-a {
	0% {
		background-position:
			0 0,
			70% 40%,
			92% 49%,
			0 -130%;
	}
	100% {
		background-position:
			0 14px,
			76% 36%,
			86% 53%,
			0 230%;
	}
}
@keyframes vhs-playback-band-a {
	0% {
		background-position:
			0 0,
			70% 40%,
			92% 49%,
			0 -130%;
	}
	100% {
		background-position:
			0 14px,
			76% 36%,
			86% 53%,
			0 230%;
	}
}

@-webkit-keyframes vhs-playback-band-b {
	0% {
		background-position:
			0 0,
			84% 48%,
			76% 55%,
			0 -120%;
	}
	100% {
		background-position:
			0 12px,
			76% 54%,
			80% 49%,
			0 220%;
	}
}
@keyframes vhs-playback-band-b {
	0% {
		background-position:
			0 0,
			84% 48%,
			76% 55%,
			0 -120%;
	}
	100% {
		background-position:
			0 12px,
			76% 54%,
			80% 49%,
			0 220%;
	}
}

/* Slabý playback noise + téměř neviditelný channel shift. */
@-webkit-keyframes vhs-playback-overlay-noise-a {
	0%, 73%, 77%, 100% {
		opacity: 1;
		filter: none;
	}
	74% {
		opacity: 0.985;
		filter: contrast(1.03) saturate(1.05) hue-rotate(-1deg);
	}
	75% {
		opacity: 0.965;
		filter: contrast(1.06) saturate(1.08) hue-rotate(1deg);
	}
	76% {
		opacity: 0.99;
		filter: contrast(1.025) saturate(1.035);
	}
}
@keyframes vhs-playback-overlay-noise-a {
	0%, 73%, 77%, 100% {
		opacity: 1;
		filter: none;
	}
	74% {
		opacity: 0.985;
		filter: contrast(1.03) saturate(1.05) hue-rotate(-1deg);
	}
	75% {
		opacity: 0.965;
		filter: contrast(1.06) saturate(1.08) hue-rotate(1deg);
	}
	76% {
		opacity: 0.99;
		filter: contrast(1.025) saturate(1.035);
	}
}

@-webkit-keyframes vhs-playback-overlay-noise-b {
	0%, 67%, 71%, 100% {
		opacity: 1;
		filter: none;
	}
	68% {
		opacity: 0.986;
		filter: contrast(1.025) saturate(1.045) hue-rotate(1deg);
	}
	69% {
		opacity: 0.968;
		filter: contrast(1.055) saturate(1.075) hue-rotate(-1deg);
	}
	70% {
		opacity: 0.992;
		filter: contrast(1.02) saturate(1.03);
	}
}
@keyframes vhs-playback-overlay-noise-b {
	0%, 67%, 71%, 100% {
		opacity: 1;
		filter: none;
	}
	68% {
		opacity: 0.986;
		filter: contrast(1.025) saturate(1.045) hue-rotate(1deg);
	}
	69% {
		opacity: 0.968;
		filter: contrast(1.055) saturate(1.075) hue-rotate(-1deg);
	}
	70% {
		opacity: 0.992;
		filter: contrast(1.02) saturate(1.03);
	}
}

/* Přístupnost */
@media (prefers-reduced-motion: reduce) {
	body.home .vhs-ref-hero::before,
	body.home .vhs-ref-about::before,
	body.home .vhs-ref-hero::after,
	body.home .vhs-ref-about::after {
		-webkit-animation: none !important;
		animation: none !important;
		filter: none !important;
	}
}


/* ==========================================================
   VHS SRAZ — VIDITELNĚJŠÍ LÉTAJÍCÍ VHS PRUHY 1.4.77
   ----------------------------------------------------------
   Uživatel chce, aby putující tracking / playback pruhy byly
   více čitelné. Tato verze:
   - zesiluje samotný putující pás,
   - lehce ho rozšiřuje,
   - zkracuje cyklus, aby byl více patrný,
   - ponechává stále „decentní“ celkový dojem.
   ========================================================== */

body.home .vhs-ref-hero::after {
	background-image:
		repeating-linear-gradient(
			to bottom,
			rgba(255, 255, 255, 0.028) 0px,
			rgba(255, 255, 255, 0.028) 1px,
			rgba(0, 0, 0, 0) 1px,
			rgba(0, 0, 0, 0) 5px
		),
		radial-gradient(
			ellipse at 72% 38%,
			rgba(39, 223, 255, 0.095) 0%,
			rgba(39, 223, 255, 0.032) 28%,
			rgba(39, 223, 255, 0) 58%
		),
		radial-gradient(
			ellipse at 88% 51%,
			rgba(255, 63, 149, 0.082) 0%,
			rgba(255, 63, 149, 0.026) 26%,
			rgba(255, 63, 149, 0) 56%
		),
		linear-gradient(
			to bottom,
			rgba(255, 255, 255, 0) 0%,
			rgba(255, 255, 255, 0.024) 40%,
			rgba(255, 255, 255, 0.070) 46%,
			rgba(255, 255, 255, 0.135) 50%,
			rgba(255, 255, 255, 0.075) 54%,
			rgba(255, 255, 255, 0.022) 60%,
			rgba(255, 255, 255, 0) 100%
		);
	-webkit-animation:
		vhs-hero-light-drift 14s ease-in-out infinite alternate,
		vhs-playback-band-a-strong 6.6s linear infinite,
		vhs-playback-overlay-noise-a-strong 8.2s steps(1, end) infinite !important;
	animation:
		vhs-hero-light-drift 14s ease-in-out infinite alternate,
		vhs-playback-band-a-strong 6.6s linear infinite,
		vhs-playback-overlay-noise-a-strong 8.2s steps(1, end) infinite !important;
}

body.home .vhs-ref-about::after {
	background-image:
		repeating-linear-gradient(
			to bottom,
			rgba(255, 255, 255, 0.026) 0px,
			rgba(255, 255, 255, 0.026) 1px,
			rgba(0, 0, 0, 0) 1px,
			rgba(0, 0, 0, 0) 5px
		),
		radial-gradient(
			ellipse at 82% 52%,
			rgba(39, 223, 255, 0.086) 0%,
			rgba(39, 223, 255, 0.031) 24%,
			rgba(39, 223, 255, 0) 52%
		),
		radial-gradient(
			ellipse at 76% 55%,
			rgba(255, 63, 149, 0.076) 0%,
			rgba(255, 63, 149, 0.024) 24%,
			rgba(255, 63, 149, 0) 50%
		),
		linear-gradient(
			to bottom,
			rgba(255, 255, 255, 0) 0%,
			rgba(255, 255, 255, 0.022) 56%,
			rgba(255, 255, 255, 0.066) 60%,
			rgba(255, 255, 255, 0.128) 63%,
			rgba(255, 255, 255, 0.070) 66%,
			rgba(255, 255, 255, 0.020) 72%,
			rgba(255, 255, 255, 0) 100%
		);
	-webkit-animation:
		vhs-about-light-drift 17s ease-in-out infinite alternate,
		vhs-playback-band-b-strong 7.2s linear infinite,
		vhs-playback-overlay-noise-b-strong 9.4s steps(1, end) infinite !important;
	animation:
		vhs-about-light-drift 17s ease-in-out infinite alternate,
		vhs-playback-band-b-strong 7.2s linear infinite,
		vhs-playback-overlay-noise-b-strong 9.4s steps(1, end) infinite !important;
}

/* Silnější a o něco rychlejší průjezd pruhu. */
@-webkit-keyframes vhs-playback-band-a-strong {
	0% {
		background-position:
			0 0,
			70% 40%,
			92% 49%,
			0 -160%;
	}
	100% {
		background-position:
			0 14px,
			76% 36%,
			86% 53%,
			0 260%;
	}
}
@keyframes vhs-playback-band-a-strong {
	0% {
		background-position:
			0 0,
			70% 40%,
			92% 49%,
			0 -160%;
	}
	100% {
		background-position:
			0 14px,
			76% 36%,
			86% 53%,
			0 260%;
	}
}

@-webkit-keyframes vhs-playback-band-b-strong {
	0% {
		background-position:
			0 0,
			84% 48%,
			76% 55%,
			0 -150%;
	}
	100% {
		background-position:
			0 12px,
			76% 54%,
			80% 49%,
			0 250%;
	}
}
@keyframes vhs-playback-band-b-strong {
	0% {
		background-position:
			0 0,
			84% 48%,
			76% 55%,
			0 -150%;
	}
	100% {
		background-position:
			0 12px,
			76% 54%,
			80% 49%,
			0 250%;
	}
}

/* Noise / playback špička lehce zesílená, aby pruh lépe vystoupil. */
@-webkit-keyframes vhs-playback-overlay-noise-a-strong {
	0%, 71%, 75%, 100% {
		opacity: 1;
		filter: none;
	}
	72% {
		opacity: 0.982;
		filter: contrast(1.05) saturate(1.07) hue-rotate(-1deg);
	}
	73% {
		opacity: 0.955;
		filter: contrast(1.10) saturate(1.10) hue-rotate(1deg);
	}
	74% {
		opacity: 0.988;
		filter: contrast(1.035) saturate(1.045);
	}
}
@keyframes vhs-playback-overlay-noise-a-strong {
	0%, 71%, 75%, 100% {
		opacity: 1;
		filter: none;
	}
	72% {
		opacity: 0.982;
		filter: contrast(1.05) saturate(1.07) hue-rotate(-1deg);
	}
	73% {
		opacity: 0.955;
		filter: contrast(1.10) saturate(1.10) hue-rotate(1deg);
	}
	74% {
		opacity: 0.988;
		filter: contrast(1.035) saturate(1.045);
	}
}

@-webkit-keyframes vhs-playback-overlay-noise-b-strong {
	0%, 66%, 70%, 100% {
		opacity: 1;
		filter: none;
	}
	67% {
		opacity: 0.983;
		filter: contrast(1.045) saturate(1.065) hue-rotate(1deg);
	}
	68% {
		opacity: 0.956;
		filter: contrast(1.095) saturate(1.095) hue-rotate(-1deg);
	}
	69% {
		opacity: 0.989;
		filter: contrast(1.032) saturate(1.04);
	}
}
@keyframes vhs-playback-overlay-noise-b-strong {
	0%, 66%, 70%, 100% {
		opacity: 1;
		filter: none;
	}
	67% {
		opacity: 0.983;
		filter: contrast(1.045) saturate(1.065) hue-rotate(1deg);
	}
	68% {
		opacity: 0.956;
		filter: contrast(1.095) saturate(1.095) hue-rotate(-1deg);
	}
	69% {
		opacity: 0.989;
		filter: contrast(1.032) saturate(1.04);
	}
}


/* ==========================================================
   VHS SRAZ — STARÁ PÁSKA / HORIZONTÁLNÍ ČÁRY 1.4.78
   ----------------------------------------------------------
   Uživatel chce výraznější horizontální „čáry“ jako u staré
   přehrávané VHS pásky. Tato verze:
   - zesiluje scanlines,
   - přidává druhou vrstvu jemných horizontálních linek,
   - zavádí pomalý pohyb linek po obrazu,
   - ponechává tracking band i playback vibe.
   ========================================================== */

/* ----------------------------------------------------------
   1. HERO STRIP — STARÁ VHS PÁSKA
   ---------------------------------------------------------- */

body.home .vhs-ref-hero::after {
	background-image:
		repeating-linear-gradient(
			to bottom,
			rgba(255, 255, 255, 0.038) 0px,
			rgba(255, 255, 255, 0.038) 1px,
			rgba(0, 0, 0, 0) 1px,
			rgba(0, 0, 0, 0) 4px
		),
		repeating-linear-gradient(
			to bottom,
			rgba(255, 255, 255, 0) 0px,
			rgba(255, 255, 255, 0) 18px,
			rgba(255, 255, 255, 0.040) 18px,
			rgba(255, 255, 255, 0.060) 19px,
			rgba(255, 255, 255, 0.022) 20px,
			rgba(255, 255, 255, 0) 22px,
			rgba(255, 255, 255, 0) 36px
		),
		radial-gradient(
			ellipse at 72% 38%,
			rgba(39, 223, 255, 0.095) 0%,
			rgba(39, 223, 255, 0.032) 28%,
			rgba(39, 223, 255, 0) 58%
		),
		radial-gradient(
			ellipse at 88% 51%,
			rgba(255, 63, 149, 0.082) 0%,
			rgba(255, 63, 149, 0.026) 26%,
			rgba(255, 63, 149, 0) 56%
		),
		linear-gradient(
			to bottom,
			rgba(255, 255, 255, 0) 0%,
			rgba(255, 255, 255, 0.024) 40%,
			rgba(255, 255, 255, 0.070) 46%,
			rgba(255, 255, 255, 0.135) 50%,
			rgba(255, 255, 255, 0.075) 54%,
			rgba(255, 255, 255, 0.022) 60%,
			rgba(255, 255, 255, 0) 100%
		);
	-webkit-animation:
		vhs-hero-light-drift 14s ease-in-out infinite alternate,
		vhs-playback-band-a-strong 6.6s linear infinite,
		vhs-playback-overlay-noise-a-strong 8.2s steps(1, end) infinite,
		vhs-old-tape-lines-a 5.8s linear infinite !important;
	animation:
		vhs-hero-light-drift 14s ease-in-out infinite alternate,
		vhs-playback-band-a-strong 6.6s linear infinite,
		vhs-playback-overlay-noise-a-strong 8.2s steps(1, end) infinite,
		vhs-old-tape-lines-a 5.8s linear infinite !important;
}

/* ----------------------------------------------------------
   2. ABOUT STRIP — STARÁ VHS PÁSKA
   ---------------------------------------------------------- */

body.home .vhs-ref-about::after {
	background-image:
		repeating-linear-gradient(
			to bottom,
			rgba(255, 255, 255, 0.036) 0px,
			rgba(255, 255, 255, 0.036) 1px,
			rgba(0, 0, 0, 0) 1px,
			rgba(0, 0, 0, 0) 4px
		),
		repeating-linear-gradient(
			to bottom,
			rgba(255, 255, 255, 0) 0px,
			rgba(255, 255, 255, 0) 17px,
			rgba(255, 255, 255, 0.036) 17px,
			rgba(255, 255, 255, 0.056) 18px,
			rgba(255, 255, 255, 0.020) 19px,
			rgba(255, 255, 255, 0) 21px,
			rgba(255, 255, 255, 0) 34px
		),
		radial-gradient(
			ellipse at 82% 52%,
			rgba(39, 223, 255, 0.086) 0%,
			rgba(39, 223, 255, 0.031) 24%,
			rgba(39, 223, 255, 0) 52%
		),
		radial-gradient(
			ellipse at 76% 55%,
			rgba(255, 63, 149, 0.076) 0%,
			rgba(255, 63, 149, 0.024) 24%,
			rgba(255, 63, 149, 0) 50%
		),
		linear-gradient(
			to bottom,
			rgba(255, 255, 255, 0) 0%,
			rgba(255, 255, 255, 0.022) 56%,
			rgba(255, 255, 255, 0.066) 60%,
			rgba(255, 255, 255, 0.128) 63%,
			rgba(255, 255, 255, 0.070) 66%,
			rgba(255, 255, 255, 0.020) 72%,
			rgba(255, 255, 255, 0) 100%
		);
	-webkit-animation:
		vhs-about-light-drift 17s ease-in-out infinite alternate,
		vhs-playback-band-b-strong 7.2s linear infinite,
		vhs-playback-overlay-noise-b-strong 9.4s steps(1, end) infinite,
		vhs-old-tape-lines-b 6.4s linear infinite !important;
	animation:
		vhs-about-light-drift 17s ease-in-out infinite alternate,
		vhs-playback-band-b-strong 7.2s linear infinite,
		vhs-playback-overlay-noise-b-strong 9.4s steps(1, end) infinite,
		vhs-old-tape-lines-b 6.4s linear infinite !important;
}

/* ----------------------------------------------------------
   3. POHYB HORIZONTÁLNÍCH LINEK
   ---------------------------------------------------------- */

@-webkit-keyframes vhs-old-tape-lines-a {
	0% {
		background-position:
			0 0,
			0 0,
			70% 40%,
			92% 49%,
			0 -160%;
	}
	100% {
		background-position:
			0 10px,
			0 28px,
			76% 36%,
			86% 53%,
			0 260%;
	}
}

@keyframes vhs-old-tape-lines-a {
	0% {
		background-position:
			0 0,
			0 0,
			70% 40%,
			92% 49%,
			0 -160%;
	}
	100% {
		background-position:
			0 10px,
			0 28px,
			76% 36%,
			86% 53%,
			0 260%;
	}
}

@-webkit-keyframes vhs-old-tape-lines-b {
	0% {
		background-position:
			0 0,
			0 0,
			84% 48%,
			76% 55%,
			0 -150%;
	}
	100% {
		background-position:
			0 9px,
			0 24px,
			76% 54%,
			80% 49%,
			0 250%;
	}
}

@keyframes vhs-old-tape-lines-b {
	0% {
		background-position:
			0 0,
			0 0,
			84% 48%,
			76% 55%,
			0 -150%;
	}
	100% {
		background-position:
			0 9px,
			0 24px,
			76% 54%,
			80% 49%,
			0 250%;
	}
}

/* Přístupnost */
@media (prefers-reduced-motion: reduce) {
	body.home .vhs-ref-hero::after,
	body.home .vhs-ref-about::after {
		-webkit-animation: none !important;
		animation: none !important;
	}
}


/* ==========================================================
   VHS SRAZ — VHS ČÁRY PŘES CELOU ŠÍŘKU STRIPŮ 1.4.79
   ----------------------------------------------------------
   Oprava: poslední VHS / playback efekt běžel jen z levé
   strany zhruba do poloviny obrazu. Příčina byla v tom, že
   nová vícevrstvá overlay kompozice nepřepsala dostatečně
   explicitně background-size / background-repeat pro všech
   pět vrstev.

   Tato verze:
   - nastavuje všechny vrstvy explicitně,
   - roztahuje efekt přes celou šířku obou stripů,
   - zachovává starou pásku, tracking band i scanlines.
   ========================================================== */

body.home .vhs-ref-hero::after {
	background-size:
		100% 4px,
		100% 36px,
		72rem 54rem,
		72rem 54rem,
		100% 140%;
	background-repeat:
		repeat,
		repeat,
		no-repeat,
		no-repeat,
		no-repeat;
	background-origin:
		padding-box,
		padding-box,
		padding-box,
		padding-box,
		padding-box;
	background-clip:
		padding-box,
		padding-box,
		padding-box,
		padding-box,
		padding-box;
}

body.home .vhs-ref-about::after {
	background-size:
		100% 4px,
		100% 34px,
		72rem 52rem,
		72rem 52rem,
		100% 140%;
	background-repeat:
		repeat,
		repeat,
		no-repeat,
		no-repeat,
		no-repeat;
	background-origin:
		padding-box,
		padding-box,
		padding-box,
		padding-box,
		padding-box;
	background-clip:
		padding-box,
		padding-box,
		padding-box,
		padding-box,
		padding-box;
}

/* Na menších displejích necháme gradienty ještě o něco větší,
   aby pokryly celý obraz i při změně proporcí. */
@media (max-width: 1020px) {
	body.home .vhs-ref-hero::after,
	body.home .vhs-ref-about::after {
		background-size:
			100% 4px,
			100% 34px,
			88rem 60rem,
			88rem 60rem,
			100% 150%;
	}
}

@media (max-width: 620px) {
	body.home .vhs-ref-hero::after,
	body.home .vhs-ref-about::after {
		background-size:
			100% 4px,
			100% 30px,
			96rem 68rem,
			96rem 68rem,
			100% 160%;
	}
}


/* ==========================================================
   VHS SRAZ — VHS ČÁRY JEŠTĚ VÍC ANALOGOVÉ 1.4.80
   ----------------------------------------------------------
   Varianta „1“: výrazněji analogový vzhled při zachování
   efektu přes celou šířku obou stripů.

   Co se mění:
   - scanlines jsou nepravidelnější,
   - přidány jemné tmavé řádky a lehký luminance smear,
   - občasné silnější horizontální linky jako na staré pásce,
   - pořád bez videa a bez GIFu.
   ========================================================== */

/* ----------------------------------------------------------
   1. HERO STRIP — ANALOGOVĚJŠÍ STARÁ PÁSKA
   ---------------------------------------------------------- */

body.home .vhs-ref-hero::after {
	background-image:
		repeating-linear-gradient(
			to bottom,
			rgba(255, 255, 255, 0.042) 0px,
			rgba(255, 255, 255, 0.042) 1px,
			rgba(8, 10, 18, 0.020) 1px,
			rgba(8, 10, 18, 0.020) 2px,
			rgba(0, 0, 0, 0) 2px,
			rgba(0, 0, 0, 0) 4px
		),
		repeating-linear-gradient(
			to bottom,
			rgba(255, 255, 255, 0) 0px,
			rgba(255, 255, 255, 0) 15px,
			rgba(255, 255, 255, 0.030) 15px,
			rgba(255, 255, 255, 0.052) 16px,
			rgba(255, 255, 255, 0.070) 17px,
			rgba(255, 255, 255, 0.026) 18px,
			rgba(0, 0, 0, 0.018) 19px,
			rgba(255, 255, 255, 0) 21px,
			rgba(255, 255, 255, 0) 34px
		),
		repeating-linear-gradient(
			to bottom,
			rgba(255, 255, 255, 0) 0px,
			rgba(255, 255, 255, 0) 44px,
			rgba(255, 255, 255, 0.068) 44px,
			rgba(255, 255, 255, 0.110) 45px,
			rgba(255, 255, 255, 0.038) 47px,
			rgba(255, 255, 255, 0) 49px,
			rgba(255, 255, 255, 0) 82px
		),
		radial-gradient(
			ellipse at 72% 38%,
			rgba(39, 223, 255, 0.095) 0%,
			rgba(39, 223, 255, 0.032) 28%,
			rgba(39, 223, 255, 0) 58%
		),
		radial-gradient(
			ellipse at 88% 51%,
			rgba(255, 63, 149, 0.082) 0%,
			rgba(255, 63, 149, 0.026) 26%,
			rgba(255, 63, 149, 0) 56%
		),
		linear-gradient(
			to bottom,
			rgba(255, 255, 255, 0) 0%,
			rgba(255, 255, 255, 0.020) 39%,
			rgba(255, 255, 255, 0.060) 45%,
			rgba(255, 255, 255, 0.128) 49.5%,
			rgba(255, 255, 255, 0.080) 52.5%,
			rgba(255, 255, 255, 0.026) 58%,
			rgba(255, 255, 255, 0) 100%
		);
	background-size:
		100% 4px,
		100% 34px,
		100% 82px,
		72rem 54rem,
		72rem 54rem,
		100% 140%;
	background-repeat:
		repeat,
		repeat,
		repeat,
		no-repeat,
		no-repeat,
		no-repeat;
	-webkit-animation:
		vhs-hero-light-drift 14s ease-in-out infinite alternate,
		vhs-playback-band-a-strong 6.6s linear infinite,
		vhs-playback-overlay-noise-a-strong 8.2s steps(1, end) infinite,
		vhs-old-tape-lines-a-analog 5.4s linear infinite !important;
	animation:
		vhs-hero-light-drift 14s ease-in-out infinite alternate,
		vhs-playback-band-a-strong 6.6s linear infinite,
		vhs-playback-overlay-noise-a-strong 8.2s steps(1, end) infinite,
		vhs-old-tape-lines-a-analog 5.4s linear infinite !important;
}

/* ----------------------------------------------------------
   2. ABOUT STRIP — ANALOGOVĚJŠÍ STARÁ PÁSKA
   ---------------------------------------------------------- */

body.home .vhs-ref-about::after {
	background-image:
		repeating-linear-gradient(
			to bottom,
			rgba(255, 255, 255, 0.040) 0px,
			rgba(255, 255, 255, 0.040) 1px,
			rgba(8, 10, 18, 0.018) 1px,
			rgba(8, 10, 18, 0.018) 2px,
			rgba(0, 0, 0, 0) 2px,
			rgba(0, 0, 0, 0) 4px
		),
		repeating-linear-gradient(
			to bottom,
			rgba(255, 255, 255, 0) 0px,
			rgba(255, 255, 255, 0) 14px,
			rgba(255, 255, 255, 0.028) 14px,
			rgba(255, 255, 255, 0.048) 15px,
			rgba(255, 255, 255, 0.064) 16px,
			rgba(255, 255, 255, 0.022) 17px,
			rgba(0, 0, 0, 0.016) 18px,
			rgba(255, 255, 255, 0) 20px,
			rgba(255, 255, 255, 0) 32px
		),
		repeating-linear-gradient(
			to bottom,
			rgba(255, 255, 255, 0) 0px,
			rgba(255, 255, 255, 0) 40px,
			rgba(255, 255, 255, 0.062) 40px,
			rgba(255, 255, 255, 0.102) 41px,
			rgba(255, 255, 255, 0.034) 43px,
			rgba(255, 255, 255, 0) 46px,
			rgba(255, 255, 255, 0) 76px
		),
		radial-gradient(
			ellipse at 82% 52%,
			rgba(39, 223, 255, 0.086) 0%,
			rgba(39, 223, 255, 0.031) 24%,
			rgba(39, 223, 255, 0) 52%
		),
		radial-gradient(
			ellipse at 76% 55%,
			rgba(255, 63, 149, 0.076) 0%,
			rgba(255, 63, 149, 0.024) 24%,
			rgba(255, 63, 149, 0) 50%
		),
		linear-gradient(
			to bottom,
			rgba(255, 255, 255, 0) 0%,
			rgba(255, 255, 255, 0.018) 55%,
			rgba(255, 255, 255, 0.056) 60%,
			rgba(255, 255, 255, 0.122) 62.5%,
			rgba(255, 255, 255, 0.074) 65.5%,
			rgba(255, 255, 255, 0.024) 71%,
			rgba(255, 255, 255, 0) 100%
		);
	background-size:
		100% 4px,
		100% 32px,
		100% 76px,
		72rem 52rem,
		72rem 52rem,
		100% 140%;
	background-repeat:
		repeat,
		repeat,
		repeat,
		no-repeat,
		no-repeat,
		no-repeat;
	-webkit-animation:
		vhs-about-light-drift 17s ease-in-out infinite alternate,
		vhs-playback-band-b-strong 7.2s linear infinite,
		vhs-playback-overlay-noise-b-strong 9.4s steps(1, end) infinite,
		vhs-old-tape-lines-b-analog 6.0s linear infinite !important;
	animation:
		vhs-about-light-drift 17s ease-in-out infinite alternate,
		vhs-playback-band-b-strong 7.2s linear infinite,
		vhs-playback-overlay-noise-b-strong 9.4s steps(1, end) infinite,
		vhs-old-tape-lines-b-analog 6.0s linear infinite !important;
}

/* ----------------------------------------------------------
   3. POHYB ANALOGOVÝCH LINEK
   ---------------------------------------------------------- */

@-webkit-keyframes vhs-old-tape-lines-a-analog {
	0% {
		background-position:
			0 0,
			0 0,
			0 0,
			70% 40%,
			92% 49%,
			0 -160%;
	}
	100% {
		background-position:
			0 10px,
			0 24px,
			0 46px,
			76% 36%,
			86% 53%,
			0 260%;
	}
}
@keyframes vhs-old-tape-lines-a-analog {
	0% {
		background-position:
			0 0,
			0 0,
			0 0,
			70% 40%,
			92% 49%,
			0 -160%;
	}
	100% {
		background-position:
			0 10px,
			0 24px,
			0 46px,
			76% 36%,
			86% 53%,
			0 260%;
	}
}

@-webkit-keyframes vhs-old-tape-lines-b-analog {
	0% {
		background-position:
			0 0,
			0 0,
			0 0,
			84% 48%,
			76% 55%,
			0 -150%;
	}
	100% {
		background-position:
			0 9px,
			0 22px,
			0 40px,
			76% 54%,
			80% 49%,
			0 250%;
	}
}
@keyframes vhs-old-tape-lines-b-analog {
	0% {
		background-position:
			0 0,
			0 0,
			0 0,
			84% 48%,
			76% 55%,
			0 -150%;
	}
	100% {
		background-position:
			0 9px,
			0 22px,
			0 40px,
			76% 54%,
			80% 49%,
			0 250%;
	}
}

/* Mobil / tablet — mírně větší pokrytí, ať zůstane vše plné. */
@media (max-width: 1020px) {
	body.home .vhs-ref-hero::after,
	body.home .vhs-ref-about::after {
		background-size:
			100% 4px,
			100% 32px,
			100% 72px,
			88rem 60rem,
			88rem 60rem,
			100% 150%;
	}
}

@media (max-width: 620px) {
	body.home .vhs-ref-hero::after,
	body.home .vhs-ref-about::after {
		background-size:
			100% 4px,
			100% 28px,
			100% 64px,
			96rem 68rem,
			96rem 68rem,
			100% 160%;
	}
}

/* ==========================================================
   VHS SRAZ — JEŠTĚ VÍC "ROZJETÁ" STARÁ VHS 1.4.81
   ========================================================== */

body.home .vhs-ref-hero::after {
	background-image:
		repeating-linear-gradient(to bottom,
			rgba(255,255,255,0.048) 0px, rgba(255,255,255,0.048) 1px,
			rgba(14,16,26,0.030) 1px, rgba(14,16,26,0.030) 2px,
			rgba(0,0,0,0) 2px, rgba(0,0,0,0) 4px),
		repeating-linear-gradient(to bottom,
			rgba(255,255,255,0) 0px, rgba(255,255,255,0) 12px,
			rgba(255,255,255,0.030) 12px, rgba(255,255,255,0.056) 13px,
			rgba(255,255,255,0.078) 14px, rgba(255,255,255,0.024) 15px,
			rgba(0,0,0,0.024) 16px, rgba(255,255,255,0) 18px,
			rgba(255,255,255,0) 30px),
		repeating-linear-gradient(to bottom,
			rgba(0,0,0,0) 0px, rgba(0,0,0,0) 38px,
			rgba(255,255,255,0.074) 38px, rgba(255,255,255,0.120) 39px,
			rgba(255,255,255,0.040) 41px, rgba(0,0,0,0.022) 42px,
			rgba(0,0,0,0) 45px, rgba(0,0,0,0) 72px),
		repeating-linear-gradient(to bottom,
			rgba(0,0,0,0) 0px, rgba(0,0,0,0) 94px,
			rgba(255,255,255,0.020) 94px, rgba(255,255,255,0.064) 96px,
			rgba(255,255,255,0.112) 98px, rgba(255,255,255,0.048) 101px,
			rgba(0,0,0,0.020) 103px, rgba(0,0,0,0) 108px,
			rgba(0,0,0,0) 160px),
		radial-gradient(ellipse at 72% 38%,
			rgba(39,223,255,0.092) 0%, rgba(39,223,255,0.030) 28%,
			rgba(39,223,255,0) 58%),
		radial-gradient(ellipse at 88% 51%,
			rgba(255,63,149,0.080) 0%, rgba(255,63,149,0.024) 26%,
			rgba(255,63,149,0) 56%),
		linear-gradient(to bottom,
			rgba(255,255,255,0) 0%, rgba(255,255,255,0.018) 36%,
			rgba(255,255,255,0.055) 43%, rgba(255,255,255,0.118) 49.5%,
			rgba(255,255,255,0.094) 50.5%, rgba(255,255,255,0.038) 56%,
			rgba(255,255,255,0) 100%);
	background-size: 100% 4px, 100% 30px, 100% 72px, 100% 160px, 72rem 54rem, 72rem 54rem, 100% 145%;
	background-repeat: repeat, repeat, repeat, repeat, no-repeat, no-repeat, no-repeat;
	-webkit-animation: vhs-hero-light-drift 14s ease-in-out infinite alternate, vhs-playback-band-a-strong 6.1s linear infinite, vhs-playback-overlay-noise-a-strong 7.6s steps(1, end) infinite, vhs-old-tape-lines-a-analog-2 4.9s linear infinite !important;
	animation: vhs-hero-light-drift 14s ease-in-out infinite alternate, vhs-playback-band-a-strong 6.1s linear infinite, vhs-playback-overlay-noise-a-strong 7.6s steps(1, end) infinite, vhs-old-tape-lines-a-analog-2 4.9s linear infinite !important;
}

body.home .vhs-ref-about::after {
	background-image:
		repeating-linear-gradient(to bottom,
			rgba(255,255,255,0.046) 0px, rgba(255,255,255,0.046) 1px,
			rgba(14,16,26,0.028) 1px, rgba(14,16,26,0.028) 2px,
			rgba(0,0,0,0) 2px, rgba(0,0,0,0) 4px),
		repeating-linear-gradient(to bottom,
			rgba(255,255,255,0) 0px, rgba(255,255,255,0) 11px,
			rgba(255,255,255,0.028) 11px, rgba(255,255,255,0.052) 12px,
			rgba(255,255,255,0.074) 13px, rgba(255,255,255,0.022) 14px,
			rgba(0,0,0,0.022) 15px, rgba(255,255,255,0) 17px,
			rgba(255,255,255,0) 28px),
		repeating-linear-gradient(to bottom,
			rgba(0,0,0,0) 0px, rgba(0,0,0,0) 34px,
			rgba(255,255,255,0.070) 34px, rgba(255,255,255,0.114) 35px,
			rgba(255,255,255,0.036) 37px, rgba(0,0,0,0.020) 38px,
			rgba(0,0,0,0) 41px, rgba(0,0,0,0) 66px),
		repeating-linear-gradient(to bottom,
			rgba(0,0,0,0) 0px, rgba(0,0,0,0) 88px,
			rgba(255,255,255,0.018) 88px, rgba(255,255,255,0.058) 90px,
			rgba(255,255,255,0.106) 92px, rgba(255,255,255,0.042) 95px,
			rgba(0,0,0,0.018) 97px, rgba(0,0,0,0) 102px,
			rgba(0,0,0,0) 150px),
		radial-gradient(ellipse at 82% 52%,
			rgba(39,223,255,0.084) 0%, rgba(39,223,255,0.030) 24%,
			rgba(39,223,255,0) 52%),
		radial-gradient(ellipse at 76% 55%,
			rgba(255,63,149,0.074) 0%, rgba(255,63,149,0.022) 24%,
			rgba(255,63,149,0) 50%),
		linear-gradient(to bottom,
			rgba(255,255,255,0) 0%, rgba(255,255,255,0.017) 54%,
			rgba(255,255,255,0.050) 59%, rgba(255,255,255,0.116) 62.5%,
			rgba(255,255,255,0.088) 64.5%, rgba(255,255,255,0.034) 69%,
			rgba(255,255,255,0) 100%);
	background-size: 100% 4px, 100% 28px, 100% 66px, 100% 150px, 72rem 52rem, 72rem 52rem, 100% 145%;
	background-repeat: repeat, repeat, repeat, repeat, no-repeat, no-repeat, no-repeat;
	-webkit-animation: vhs-about-light-drift 17s ease-in-out infinite alternate, vhs-playback-band-b-strong 6.8s linear infinite, vhs-playback-overlay-noise-b-strong 8.9s steps(1, end) infinite, vhs-old-tape-lines-b-analog-2 5.5s linear infinite !important;
	animation: vhs-about-light-drift 17s ease-in-out infinite alternate, vhs-playback-band-b-strong 6.8s linear infinite, vhs-playback-overlay-noise-b-strong 8.9s steps(1, end) infinite, vhs-old-tape-lines-b-analog-2 5.5s linear infinite !important;
}

@-webkit-keyframes vhs-old-tape-lines-a-analog-2 {
	0% { background-position: 0 0, 0 0, 0 0, 0 0, 70% 40%, 92% 49%, 0 -170%; }
	100% { background-position: 0 11px, 0 26px, 0 48px, 0 92px, 76% 36%, 86% 53%, 0 270%; }
}
@keyframes vhs-old-tape-lines-a-analog-2 {
	0% { background-position: 0 0, 0 0, 0 0, 0 0, 70% 40%, 92% 49%, 0 -170%; }
	100% { background-position: 0 11px, 0 26px, 0 48px, 0 92px, 76% 36%, 86% 53%, 0 270%; }
}

@-webkit-keyframes vhs-old-tape-lines-b-analog-2 {
	0% { background-position: 0 0, 0 0, 0 0, 0 0, 84% 48%, 76% 55%, 0 -160%; }
	100% { background-position: 0 10px, 0 24px, 0 42px, 0 84px, 76% 54%, 80% 49%, 0 260%; }
}
@keyframes vhs-old-tape-lines-b-analog-2 {
	0% { background-position: 0 0, 0 0, 0 0, 0 0, 84% 48%, 76% 55%, 0 -160%; }
	100% { background-position: 0 10px, 0 24px, 0 42px, 0 84px, 76% 54%, 80% 49%, 0 260%; }
}

@media (max-width: 1020px) {
	body.home .vhs-ref-hero::after,
	body.home .vhs-ref-about::after {
		background-size: 100% 4px, 100% 28px, 100% 62px, 100% 136px, 88rem 60rem, 88rem 60rem, 100% 155%;
	}
}

@media (max-width: 620px) {
	body.home .vhs-ref-hero::after,
	body.home .vhs-ref-about::after {
		background-size: 100% 4px, 100% 24px, 100% 56px, 100% 122px, 96rem 68rem, 96rem 68rem, 100% 165%;
	}
}

/* ==========================================================
   VHS SRAZ — MÉNĚ HUSTÉ HORIZONTÁLNÍ ČÁRY 1.4.82
   ----------------------------------------------------------
   Úprava dle připomínky:
   - rychlejší světlejší jezdící pruhy ponechat,
   - ostatních horizontálních linek je moc,
   - proto se jejich hustota i síla mírně sníží.
   ========================================================== */

/* HERO — méně husté vedlejší horizontální čáry */
body.home .vhs-ref-hero::after {
	background-image:
		repeating-linear-gradient(
			to bottom,
			rgba(255, 255, 255, 0.034) 0px,
			rgba(255, 255, 255, 0.034) 1px,
			rgba(12, 14, 24, 0.018) 1px,
			rgba(12, 14, 24, 0.018) 2px,
			rgba(0, 0, 0, 0) 2px,
			rgba(0, 0, 0, 0) 5px
		),
		repeating-linear-gradient(
			to bottom,
			rgba(255, 255, 255, 0) 0px,
			rgba(255, 255, 255, 0) 20px,
			rgba(255, 255, 255, 0.020) 20px,
			rgba(255, 255, 255, 0.038) 21px,
			rgba(255, 255, 255, 0.050) 22px,
			rgba(255, 255, 255, 0.018) 23px,
			rgba(0, 0, 0, 0.014) 24px,
			rgba(255, 255, 255, 0) 26px,
			rgba(255, 255, 255, 0) 48px
		),
		repeating-linear-gradient(
			to bottom,
			rgba(0, 0, 0, 0) 0px,
			rgba(0, 0, 0, 0) 108px,
			rgba(255, 255, 255, 0.018) 108px,
			rgba(255, 255, 255, 0.054) 110px,
			rgba(255, 255, 255, 0.088) 112px,
			rgba(255, 255, 255, 0.028) 115px,
			rgba(0, 0, 0, 0.014) 117px,
			rgba(0, 0, 0, 0) 122px,
			rgba(0, 0, 0, 0) 180px
		),
		radial-gradient(
			ellipse at 72% 38%,
			rgba(39, 223, 255, 0.092) 0%,
			rgba(39, 223, 255, 0.030) 28%,
			rgba(39, 223, 255, 0) 58%
		),
		radial-gradient(
			ellipse at 88% 51%,
			rgba(255, 63, 149, 0.080) 0%,
			rgba(255, 63, 149, 0.024) 26%,
			rgba(255, 63, 149, 0) 56%
		),
		linear-gradient(
			to bottom,
			rgba(255, 255, 255, 0) 0%,
			rgba(255, 255, 255, 0.018) 36%,
			rgba(255, 255, 255, 0.055) 43%,
			rgba(255, 255, 255, 0.118) 49.5%,
			rgba(255, 255, 255, 0.094) 50.5%,
			rgba(255, 255, 255, 0.038) 56%,
			rgba(255, 255, 255, 0) 100%
		);
	background-size:
		100% 5px,
		100% 48px,
		100% 180px,
		72rem 54rem,
		72rem 54rem,
		100% 145%;
	background-repeat:
		repeat,
		repeat,
		repeat,
		no-repeat,
		no-repeat,
		no-repeat;
	-webkit-animation:
		vhs-hero-light-drift 14s ease-in-out infinite alternate,
		vhs-playback-band-a-strong 6.1s linear infinite,
		vhs-playback-overlay-noise-a-strong 7.6s steps(1, end) infinite,
		vhs-old-tape-lines-a-lite 5.6s linear infinite !important;
	animation:
		vhs-hero-light-drift 14s ease-in-out infinite alternate,
		vhs-playback-band-a-strong 6.1s linear infinite,
		vhs-playback-overlay-noise-a-strong 7.6s steps(1, end) infinite,
		vhs-old-tape-lines-a-lite 5.6s linear infinite !important;
}

/* ABOUT — méně husté vedlejší horizontální čáry */
body.home .vhs-ref-about::after {
	background-image:
		repeating-linear-gradient(
			to bottom,
			rgba(255, 255, 255, 0.032) 0px,
			rgba(255, 255, 255, 0.032) 1px,
			rgba(12, 14, 24, 0.016) 1px,
			rgba(12, 14, 24, 0.016) 2px,
			rgba(0, 0, 0, 0) 2px,
			rgba(0, 0, 0, 0) 5px
		),
		repeating-linear-gradient(
			to bottom,
			rgba(255, 255, 255, 0) 0px,
			rgba(255, 255, 255, 0) 18px,
			rgba(255, 255, 255, 0.018) 18px,
			rgba(255, 255, 255, 0.034) 19px,
			rgba(255, 255, 255, 0.046) 20px,
			rgba(255, 255, 255, 0.016) 21px,
			rgba(0, 0, 0, 0.012) 22px,
			rgba(255, 255, 255, 0) 24px,
			rgba(255, 255, 255, 0) 44px
		),
		repeating-linear-gradient(
			to bottom,
			rgba(0, 0, 0, 0) 0px,
			rgba(0, 0, 0, 0) 102px,
			rgba(255, 255, 255, 0.016) 102px,
			rgba(255, 255, 255, 0.048) 104px,
			rgba(255, 255, 255, 0.082) 106px,
			rgba(255, 255, 255, 0.026) 109px,
			rgba(0, 0, 0, 0.012) 111px,
			rgba(0, 0, 0, 0) 116px,
			rgba(0, 0, 0, 0) 170px
		),
		radial-gradient(
			ellipse at 82% 52%,
			rgba(39, 223, 255, 0.084) 0%,
			rgba(39, 223, 255, 0.030) 24%,
			rgba(39, 223, 255, 0) 52%
		),
		radial-gradient(
			ellipse at 76% 55%,
			rgba(255, 63, 149, 0.074) 0%,
			rgba(255, 63, 149, 0.022) 24%,
			rgba(255, 63, 149, 0) 50%
		),
		linear-gradient(
			to bottom,
			rgba(255, 255, 255, 0) 0%,
			rgba(255, 255, 255, 0.017) 54%,
			rgba(255, 255, 255, 0.050) 59%,
			rgba(255, 255, 255, 0.116) 62.5%,
			rgba(255, 255, 255, 0.088) 64.5%,
			rgba(255, 255, 255, 0.034) 69%,
			rgba(255, 255, 255, 0) 100%
		);
	background-size:
		100% 5px,
		100% 44px,
		100% 170px,
		72rem 52rem,
		72rem 52rem,
		100% 145%;
	background-repeat:
		repeat,
		repeat,
		repeat,
		no-repeat,
		no-repeat,
		no-repeat;
	-webkit-animation:
		vhs-about-light-drift 17s ease-in-out infinite alternate,
		vhs-playback-band-b-strong 6.8s linear infinite,
		vhs-playback-overlay-noise-b-strong 8.9s steps(1, end) infinite,
		vhs-old-tape-lines-b-lite 6.0s linear infinite !important;
	animation:
		vhs-about-light-drift 17s ease-in-out infinite alternate,
		vhs-playback-band-b-strong 6.8s linear infinite,
		vhs-playback-overlay-noise-b-strong 8.9s steps(1, end) infinite,
		vhs-old-tape-lines-b-lite 6.0s linear infinite !important;
}

/* Nové keyframes pro 6 vrstev místo hustší 7vrstvé varianty */
@-webkit-keyframes vhs-old-tape-lines-a-lite {
	0% {
		background-position:
			0 0,
			0 0,
			0 0,
			70% 40%,
			92% 49%,
			0 -170%;
	}
	100% {
		background-position:
			0 10px,
			0 24px,
			0 86px,
			76% 36%,
			86% 53%,
			0 270%;
	}
}
@keyframes vhs-old-tape-lines-a-lite {
	0% {
		background-position:
			0 0,
			0 0,
			0 0,
			70% 40%,
			92% 49%,
			0 -170%;
	}
	100% {
		background-position:
			0 10px,
			0 24px,
			0 86px,
			76% 36%,
			86% 53%,
			0 270%;
	}
}

@-webkit-keyframes vhs-old-tape-lines-b-lite {
	0% {
		background-position:
			0 0,
			0 0,
			0 0,
			84% 48%,
			76% 55%,
			0 -160%;
	}
	100% {
		background-position:
			0 9px,
			0 22px,
			0 78px,
			76% 54%,
			80% 49%,
			0 260%;
	}
}
@keyframes vhs-old-tape-lines-b-lite {
	0% {
		background-position:
			0 0,
			0 0,
			0 0,
			84% 48%,
			76% 55%,
			0 -160%;
	}
	100% {
		background-position:
			0 9px,
			0 22px,
			0 78px,
			76% 54%,
			80% 49%,
			0 260%;
	}
}

@media (max-width: 1020px) {
	body.home .vhs-ref-hero::after,
	body.home .vhs-ref-about::after {
		background-size:
			100% 5px,
			100% 40px,
			100% 156px,
			88rem 60rem,
			88rem 60rem,
			100% 155%;
	}
}

@media (max-width: 620px) {
	body.home .vhs-ref-hero::after,
	body.home .vhs-ref-about::after {
		background-size:
			100% 5px,
			100% 34px,
			100% 138px,
			96rem 68rem,
			96rem 68rem,
			100% 165%;
	}
}
/* ==========================================================
   VHS SRAZ — ÚPRAVA HLAVNÍHO TITULU A PODTITULU
   ----------------------------------------------------------
   Přidáno na konec původního style.css verze 1.4.82.
   - žádný nový spodní VHS tracking efekt,
   - titul je rozdělen na řádky VHS / SRAZ 2026,
   - mezi SRAZ a 2026 je decentní mezera,
   - podtitul je vystředěný vůči titulku,
   - přesné znění: VZPOMÍNÁME NA 80s & 90s LÉTA.
   ========================================================== */

/* ----------------------------------------------------------
   01 — HLAVNÍ TITUL NA FRONT PAGE
   ---------------------------------------------------------- */

body.home .vhs-ref-hero__copy {
	display: grid;
	grid-template-columns: max-content minmax(0, 1fr);
	align-content: center;
}

body.home .vhs-ref-hero__copy > * {
	grid-column: 1 / -1;
}

body.home .vhs-ref-title,
body.home .vhs-ref-subtitle {
	grid-column: 1;
}

body.home .vhs-ref-title {
	display: grid !important;
	grid-template-columns: max-content max-content;
	align-items: baseline;
	justify-items: start;
	width: max-content;
	max-width: 100%;
	column-gap: 0.22em;
	row-gap: 0.14em;
	line-height: 0.72;
}

body.home .vhs-ref-title > span {
	width: auto;
}

body.home .vhs-ref-title > span:nth-child(1) {
	grid-column: 1 / -1;
	grid-row: 1;
}

body.home .vhs-ref-title > span:nth-child(2) {
	grid-column: 1;
	grid-row: 2;
}

body.home .vhs-ref-title > span:nth-child(3) {
	grid-column: 2;
	grid-row: 2;
}

/* ----------------------------------------------------------
   02 — PODTITUL: VELKÁ PÍSMENA, JEN 80s A 90s S MALÝM „s“
   ---------------------------------------------------------- */

body.home .vhs-ref-subtitle {
	justify-self: stretch;
	width: auto;
	margin-top: 25px;
	margin-bottom: 25px;
	font-size: 0;
	line-height: 0;
	text-align: center;
	text-transform: none !important;
}

body.home .vhs-ref-subtitle::before {
	display: block;
	color: inherit;
	font-family: inherit;
	font-size: clamp(1.1rem, 1rem + 0.34vw, 1.45rem);
	font-weight: inherit;
	letter-spacing: inherit;
	line-height: 1.25;
	text-transform: none;
	text-shadow: inherit;
	content: "VZPOMÍNÁME NA 80s & 90s LÉTA";
}

/* ----------------------------------------------------------
   03 — RESPONZIVNÍ DOLADĚNÍ
   ---------------------------------------------------------- */

@media (max-width: 620px) {
	body.home .vhs-ref-hero__copy {
		grid-template-columns: minmax(0, 1fr);
	}

	body.home .vhs-ref-title,
	body.home .vhs-ref-subtitle {
		grid-column: 1;
	}

	body.home .vhs-ref-title {
		column-gap: 0.16em;
		row-gap: 0.10em;
	}

	body.home .vhs-ref-subtitle {
		width: 100%;
		margin-top: 20px;
	}
}
/* ==========================================================
   VHS SRAZ — OPRAVA PRAVÉHO OKRAJE A LOOPU STRIPŮ 1.4.82
   ----------------------------------------------------------
   Tento blok se vkládá až na úplný konec style.css.

   Oprava zachovává stávající jemné horizontální VHS čáry,
   světelný průjezd i občasnou analogovou odchylku, ale:
   - ruší konflikt několika animací background-position,
   - drží všechny vrstvy po celé šířce stripu,
   - nepohybuje barevnými no-repeat vrstvami vodorovně,
   - opakované linky posouvá o přesný násobek jejich vzoru,
   - odstraňuje optické zužování napravo a viditelný skok loopu.
   ========================================================== */

/* HERO STRIP — jedna stabilní animace polohy vrstev */
body.home .vhs-ref-hero::after {
	background-position:
		0 0,
		0 0,
		0 0,
		72% 38%,
		88% 51%,
		0 -170%;
	-webkit-animation:
		vhs-strip-stable-hero 6.1s linear infinite,
		vhs-playback-overlay-noise-a-strong 7.6s steps(1, end) infinite !important;
	animation:
		vhs-strip-stable-hero 6.1s linear infinite,
		vhs-playback-overlay-noise-a-strong 7.6s steps(1, end) infinite !important;
	will-change: background-position, opacity, filter;
}

/* ABOUT STRIP — jedna stabilní animace polohy vrstev */
body.home .vhs-ref-about::after {
	background-position:
		0 0,
		0 0,
		0 0,
		82% 52%,
		76% 55%,
		0 -160%;
	-webkit-animation:
		vhs-strip-stable-about 6.8s linear infinite,
		vhs-playback-overlay-noise-b-strong 8.9s steps(1, end) infinite !important;
	animation:
		vhs-strip-stable-about 6.8s linear infinite,
		vhs-playback-overlay-noise-b-strong 8.9s steps(1, end) infinite !important;
	will-change: background-position, opacity, filter;
}

/*
 * První tři opakované vrstvy skončí přesně o jednu celou
 * dlaždici níže: 5 px, 48 px a 180 px. Začátek dalšího loopu
 * je proto obrazově totožný s koncem předchozího.
 * Barevné radial-gradient vrstvy zůstávají pevně ukotvené.
 */
@-webkit-keyframes vhs-strip-stable-hero {
	0% {
		background-position:
			0 0,
			0 0,
			0 0,
			72% 38%,
			88% 51%,
			0 -170%;
	}
	100% {
		background-position:
			0 5px,
			0 48px,
			0 180px,
			72% 38%,
			88% 51%,
			0 270%;
	}
}

@keyframes vhs-strip-stable-hero {
	0% {
		background-position:
			0 0,
			0 0,
			0 0,
			72% 38%,
			88% 51%,
			0 -170%;
	}
	100% {
		background-position:
			0 5px,
			0 48px,
			0 180px,
			72% 38%,
			88% 51%,
			0 270%;
	}
}

/* ABOUT používá vlastní výšky vzorů: 5 px, 44 px a 170 px. */
@-webkit-keyframes vhs-strip-stable-about {
	0% {
		background-position:
			0 0,
			0 0,
			0 0,
			82% 52%,
			76% 55%,
			0 -160%;
	}
	100% {
		background-position:
			0 5px,
			0 44px,
			0 170px,
			82% 52%,
			76% 55%,
			0 260%;
	}
}

@keyframes vhs-strip-stable-about {
	0% {
		background-position:
			0 0,
			0 0,
			0 0,
			82% 52%,
			76% 55%,
			0 -160%;
	}
	100% {
		background-position:
			0 5px,
			0 44px,
			0 170px,
			82% 52%,
			76% 55%,
			0 260%;
	}
}

/* Na tabletech a mobilech se velikosti opakovaných vzorů mění.
 * Proto zde používáme odpovídající přesné násobky, aby loop
 * zůstal bezešvý i v responzivních režimech.
 */
@media (max-width: 1020px) {
	body.home .vhs-ref-hero::after {
		-webkit-animation-name:
			vhs-strip-stable-hero-tablet,
			vhs-playback-overlay-noise-a-strong !important;
		animation-name:
			vhs-strip-stable-hero-tablet,
			vhs-playback-overlay-noise-a-strong !important;
	}

	body.home .vhs-ref-about::after {
		-webkit-animation-name:
			vhs-strip-stable-about-tablet,
			vhs-playback-overlay-noise-b-strong !important;
		animation-name:
			vhs-strip-stable-about-tablet,
			vhs-playback-overlay-noise-b-strong !important;
	}
}

@-webkit-keyframes vhs-strip-stable-hero-tablet {
	0% { background-position: 0 0, 0 0, 0 0, 72% 38%, 88% 51%, 0 -170%; }
	100% { background-position: 0 5px, 0 40px, 0 156px, 72% 38%, 88% 51%, 0 270%; }
}
@keyframes vhs-strip-stable-hero-tablet {
	0% { background-position: 0 0, 0 0, 0 0, 72% 38%, 88% 51%, 0 -170%; }
	100% { background-position: 0 5px, 0 40px, 0 156px, 72% 38%, 88% 51%, 0 270%; }
}

@-webkit-keyframes vhs-strip-stable-about-tablet {
	0% { background-position: 0 0, 0 0, 0 0, 82% 52%, 76% 55%, 0 -160%; }
	100% { background-position: 0 5px, 0 40px, 0 156px, 82% 52%, 76% 55%, 0 260%; }
}
@keyframes vhs-strip-stable-about-tablet {
	0% { background-position: 0 0, 0 0, 0 0, 82% 52%, 76% 55%, 0 -160%; }
	100% { background-position: 0 5px, 0 40px, 0 156px, 82% 52%, 76% 55%, 0 260%; }
}

@media (max-width: 620px) {
	body.home .vhs-ref-hero::after {
		-webkit-animation-name:
			vhs-strip-stable-hero-mobile,
			vhs-playback-overlay-noise-a-strong !important;
		animation-name:
			vhs-strip-stable-hero-mobile,
			vhs-playback-overlay-noise-a-strong !important;
	}

	body.home .vhs-ref-about::after {
		-webkit-animation-name:
			vhs-strip-stable-about-mobile,
			vhs-playback-overlay-noise-b-strong !important;
		animation-name:
			vhs-strip-stable-about-mobile,
			vhs-playback-overlay-noise-b-strong !important;
	}
}

@-webkit-keyframes vhs-strip-stable-hero-mobile {
	0% { background-position: 0 0, 0 0, 0 0, 72% 38%, 88% 51%, 0 -170%; }
	100% { background-position: 0 5px, 0 34px, 0 138px, 72% 38%, 88% 51%, 0 270%; }
}
@keyframes vhs-strip-stable-hero-mobile {
	0% { background-position: 0 0, 0 0, 0 0, 72% 38%, 88% 51%, 0 -170%; }
	100% { background-position: 0 5px, 0 34px, 0 138px, 72% 38%, 88% 51%, 0 270%; }
}

@-webkit-keyframes vhs-strip-stable-about-mobile {
	0% { background-position: 0 0, 0 0, 0 0, 82% 52%, 76% 55%, 0 -160%; }
	100% { background-position: 0 5px, 0 34px, 0 138px, 82% 52%, 76% 55%, 0 260%; }
}
@keyframes vhs-strip-stable-about-mobile {
	0% { background-position: 0 0, 0 0, 0 0, 82% 52%, 76% 55%, 0 -160%; }
	100% { background-position: 0 5px, 0 34px, 0 138px, 82% 52%, 76% 55%, 0 260%; }
}

@media (prefers-reduced-motion: reduce) {
	body.home .vhs-ref-hero::after,
	body.home .vhs-ref-about::after {
		-webkit-animation: none !important;
		animation: none !important;
	}
}

/* ==========================================================
   VHS SRAZ — OPRAVA SVISLÉHO SPOJE U PRAVÉHO OKRAJE 1.4.82
   ----------------------------------------------------------
   Tento blok se vkládá až na úplný konec aktuálního style.css.

   Nemění vzhled ani animaci horizontálních VHS čar.
   Pouze roztahuje dvě barevné radial-gradient vrstvy mírně
   za oba okraje stripu, aby na širokých obrazovkách nebyl
   vidět jejich svislý konec před pravou hranou obrazu.
   ========================================================== */

body.home .vhs-ref-hero::after {
	background-size:
		100% 5px,
		100% 48px,
		100% 180px,
		max(72rem, calc(100% + 24px)) 54rem,
		max(72rem, calc(100% + 24px)) 54rem,
		100% 145% !important;
}

body.home .vhs-ref-about::after {
	background-size:
		100% 5px,
		100% 44px,
		100% 170px,
		max(72rem, calc(100% + 24px)) 52rem,
		max(72rem, calc(100% + 24px)) 52rem,
		100% 145% !important;
}

@media (max-width: 1020px) {
	body.home .vhs-ref-hero::after,
	body.home .vhs-ref-about::after {
		background-size:
			100% 5px,
			100% 40px,
			100% 156px,
			max(88rem, calc(100% + 24px)) 60rem,
			max(88rem, calc(100% + 24px)) 60rem,
			100% 155% !important;
	}
}

@media (max-width: 620px) {
	body.home .vhs-ref-hero::after,
	body.home .vhs-ref-about::after {
		background-size:
			100% 5px,
			100% 34px,
			100% 138px,
			max(96rem, calc(100% + 24px)) 68rem,
			max(96rem, calc(100% + 24px)) 68rem,
			100% 165% !important;
	}
}

/* ==========================================================
   VHS SRAZ — ZAROVNÁNÍ HERO TEXTŮ + GWANGI FOOTER PNG
   ----------------------------------------------------------
   Přidáno na konec aktuální funkční verze V9.
   Nemění obrazové stripy, jejich efekty ani ostatní části webu.
   ========================================================== */

/* ----------------------------------------------------------
   01 — HORNÍ VĚTA VYSTŘEDĚNÁ VŮČI HLAVNÍMU TITULKU
   ---------------------------------------------------------- */

body.home .vhs-ref-kicker {
	grid-column: 1 !important;
	justify-self: stretch;
	width: auto;
	margin-top: 0;
	margin-bottom: 13px;
	text-align: center;
}

/* ----------------------------------------------------------
   02 — SPODNÍ VĚTA BLÍŽE K HLAVNÍMU TITULKU
   Mezera odpovídá přibližně mezeře nad hlavním titulkem.
   ---------------------------------------------------------- */

body.home .vhs-ref-subtitle {
	margin-top: 13px;
	margin-bottom: 25px;
}

/* ----------------------------------------------------------
   03 — PNG PODPIS GWANGI VE SPODNÍM COPYRIGHTU
   Soubor:
   assets/images/gwangi-footer-signature.png
   ---------------------------------------------------------- */

.vhs-footer-copyright {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	min-width: 0;
	gap: 10px 14px;
}

.vhs-footer-gwangi {
	display: inline-block !important;
	flex: 0 0 auto;
	width: 180px;
	height: 69px;
	margin: 0 2px 0 0 !important;
	padding: 0;
	color: transparent !important;
	background-image: url("./assets/images/gwangi-footer-signature.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
	font-size: 0 !important;
	line-height: 0 !important;
	text-indent: -9999px;
	text-shadow: none !important;
	vertical-align: middle;
	overflow: hidden;
}

/* ----------------------------------------------------------
   04 — RESPONZIVNÍ DOLADĚNÍ
   ---------------------------------------------------------- */

@media (max-width: 900px) {
	.vhs-footer-gwangi {
		width: 166px;
		height: 63px;
	}
}

@media (max-width: 620px) {
	body.home .vhs-ref-kicker {
		margin-bottom: 11px;
	}

	body.home .vhs-ref-subtitle {
		margin-top: 11px;
		margin-bottom: 22px;
	}

	.vhs-footer-copyright {
		align-items: center;
		gap: 9px 12px;
	}

	.vhs-footer-gwangi {
		display: inline-block !important;
		width: 150px;
		height: 57px;
		margin: 0 !important;
	}
}

/* ==========================================================
   VHS SRAZ — POŘADÍ A ZAROVNÁNÍ TEXTŮ POD HLAVNÍM TITULEM
   ----------------------------------------------------------
   V11:
   - hlavní titul zůstává nahoře,
   - pod ním je vystředěná věta o dvoudenním srazu,
   - pod ní je vystředěná věta VZPOMÍNÁME...
   - samotný znak & je zobrazen menší velikostí.
   ========================================================== */

body.home .vhs-ref-title {
	grid-column: 1;
	grid-row: 1;
}

body.home .vhs-ref-kicker {
	grid-column: 1 !important;
	grid-row: 2;
	justify-self: stretch;
	width: 100%;
	margin: 15px 0 6px;
	text-align: center;
}

body.home .vhs-ref-subtitle {
	grid-column: 1;
	grid-row: 3;
	display: flex;
	align-items: baseline;
	justify-content: center;
	justify-self: stretch;
	width: 100%;
	margin: 0 0 25px;
	color: #ff72ba;
	font-family: var(--vhs-ref-heading);
	font-size: clamp(1.1rem, 1rem + 0.34vw, 1.45rem);
	font-weight: 700;
	letter-spacing: 0.07em;
	line-height: 1.25;
	text-align: center;
	text-transform: none !important;
	text-shadow: 0 0 13px rgba(255, 66, 167, 0.34);
	gap: 0.28em;
}

body.home .vhs-ref-subtitle::before,
body.home .vhs-ref-subtitle::after {
	display: none !important;
	content: none !important;
}

body.home .vhs-ref-subtitle__amp {
	display: inline-block;
	flex: 0 0 auto;
	font-size: 0.66em;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1;
	transform: translateY(-0.05em);
}

body.home .vhs-ref-event-meta {
	grid-row: 4;
}

body.home .vhs-ref-actions {
	grid-row: 5;
}

@media (max-width: 620px) {
	body.home .vhs-ref-kicker {
		margin-top: 12px;
		margin-bottom: 5px;
	}

	body.home .vhs-ref-subtitle {
		width: 100%;
		margin-top: 0;
		margin-bottom: 22px;
		font-size: 1rem;
		letter-spacing: 0.04em;
		gap: 0.22em;
	}

	body.home .vhs-ref-subtitle__amp {
		font-size: 0.64em;
	}
}

/* ==========================================================
   VHS SRAZ — MENŠÍ AMPERSAND V POPISU FB KOMUNITY
   ========================================================== */

body.home .vhs-ref-kicker__amp {
	display: inline-block;
	font-size: 0.66em;
	font-weight: inherit;
	letter-spacing: 0;
	line-height: 1;
	vertical-align: 0.08em;
}

@media (max-width: 620px) {
	body.home .vhs-ref-kicker__amp {
		font-size: 0.64em;
	}
}

/* ==========================================================
   VHS SRAZ — TŘÍŘÁDKOVÉ ROZLOŽENÍ POPISU FB KOMUNITY
   ----------------------------------------------------------
   Desktop:
   1. DVOUDENNÍ CELOREPUBLIKOVÉ SETKÁNÍ FB KOMUNITY
   2. VHS KAZETY Z ČESKÉ & ZAHRANIČNÍ PROVENIENCE
   3. OTEVŘENÉ VEŘEJNOSTI

   Mobil:
   1. DVOUDENNÍ CELOREPUBLIKOVÉ SETKÁNÍ
   2. FB KOMUNITY VHS KAZETY
   3. Z ČESKÉ & ZAHRANIČNÍ PROVENIENCE
   4. OTEVŘENÉ VEŘEJNOSTI
   ========================================================== */

body.home .vhs-ref-kicker {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 100%;
	margin: 15px auto 8px;
	text-align: center;
	text-wrap: balance;
}

body.home .vhs-ref-kicker__line {
	display: block;
	width: 100%;
}

body.home .vhs-ref-kicker__line--one {
	font-size: 0.86em;
	letter-spacing: 0.095em;
	line-height: 1.28;
}

body.home .vhs-ref-kicker__line--two {
	margin-top: 0.18em;
	font-size: 1em;
	letter-spacing: 0.075em;
	line-height: 1.28;
}

body.home .vhs-ref-kicker__line--three {
	margin-top: 0.58em;
	font-size: 0.79em;
	letter-spacing: 0.16em;
	line-height: 1.28;
}

body.home .vhs-ref-kicker__amp {
	display: inline-block;
	font-size: 0.66em;
	font-weight: inherit;
	letter-spacing: 0;
	line-height: 1;
	vertical-align: 0.08em;
}

body.home .vhs-ref-kicker__mobile-break {
	display: none;
}

@media (max-width: 820px) {
	body.home .vhs-ref-kicker {
		max-width: 760px;
	}

	body.home .vhs-ref-kicker__line--one {
		font-size: 0.82em;
	}

	body.home .vhs-ref-kicker__line--two {
		font-size: 0.93em;
	}

	body.home .vhs-ref-kicker__line--three {
		font-size: 0.76em;
	}
}

@media (max-width: 620px) {
	body.home .vhs-ref-kicker {
		margin-top: 12px;
		margin-bottom: 7px;
	}

	body.home .vhs-ref-kicker__line {
		width: 100%;
	}

	body.home .vhs-ref-kicker__line--one,
	body.home .vhs-ref-kicker__line--two,
	body.home .vhs-ref-kicker__line--three {
		margin-top: 0;
		font-size: 0.75em;
		letter-spacing: 0.075em;
		line-height: 1.34;
	}

	body.home .vhs-ref-kicker__line--two {
		margin-top: 0.18em;
	}

	body.home .vhs-ref-kicker__line--three {
		margin-top: 0.52em;
		letter-spacing: 0.13em;
	}

	body.home .vhs-ref-kicker__mobile-break {
		display: block;
	}

	body.home .vhs-ref-kicker__amp {
		font-size: 0.64em;
	}
}

/* ==========================================================
   VHS SRAZ — ZVĚTŠENÍ TŘÍŘÁDKOVÉHO POPISU FB KOMUNITY
   ----------------------------------------------------------
   V14:
   - první řádek je čitelnější, ale stále vedlejší,
   - druhý řádek s názvem komunity je nejvýraznější,
   - třetí řádek je zvětšený a zachovává širší proklad.
   ========================================================== */

body.home .vhs-ref-kicker__line--one {
	font-size: 1.02em;
	letter-spacing: 0.085em;
	line-height: 1.3;
}

body.home .vhs-ref-kicker__line--two {
	margin-top: 0.22em;
	font-size: 1.16em;
	letter-spacing: 0.065em;
	line-height: 1.3;
}

body.home .vhs-ref-kicker__line--three {
	margin-top: 0.5em;
	font-size: 0.92em;
	letter-spacing: 0.15em;
	line-height: 1.3;
}

/* TABLET */

@media (max-width: 820px) {
	body.home .vhs-ref-kicker__line--one {
		font-size: 0.96em;
	}

	body.home .vhs-ref-kicker__line--two {
		font-size: 1.08em;
	}

	body.home .vhs-ref-kicker__line--three {
		font-size: 0.87em;
	}
}

/* MOBIL */

@media (max-width: 620px) {
	body.home .vhs-ref-kicker {
		font-size: 0.75rem;
	}

	body.home .vhs-ref-kicker__line--one {
		font-size: 0.9em;
		letter-spacing: 0.07em;
		line-height: 1.36;
	}

	body.home .vhs-ref-kicker__line--two {
		margin-top: 0.2em;
		font-size: 0.98em;
		letter-spacing: 0.06em;
		line-height: 1.36;
	}

	body.home .vhs-ref-kicker__line--three {
		margin-top: 0.5em;
		font-size: 0.84em;
		letter-spacing: 0.12em;
		line-height: 1.36;
	}
}

/* ==========================================================
   VHS SRAZ — ROZŠÍŘENÍ FRONT PAGE: NOVÝ STRIP + 4 KARTY
   V15
   ========================================================== */

/* ----------------------------------------------------------
   NOVÝ STRIP
   Je o něco nižší než strip O AKCI a má obrácenou kompozici.
   Volitelný budoucí obrázek:
   assets/images/front-extra-strip.webp
   I bez obrázku zůstává plně funkční gradientový fallback.
   ---------------------------------------------------------- */

.vhs-ref-extra-strip {
	position: relative;
	min-height: 305px;
	margin-top: 34px;
	border-top: 1px solid rgba(65, 77, 125, 0.2);
	border-bottom: 1px solid rgba(65, 77, 125, 0.2);
	background-image:
		linear-gradient(
			270deg,
			rgba(4, 8, 22, 0.98) 0%,
			rgba(4, 8, 22, 0.94) 31%,
			rgba(4, 8, 22, 0.72) 48%,
			rgba(4, 8, 22, 0.26) 70%,
			transparent 100%
		),
		linear-gradient(
			180deg,
			rgba(3, 6, 18, 0.44) 0%,
			rgba(3, 6, 18, 0.04) 30%,
			rgba(3, 6, 18, 0.08) 70%,
			rgba(3, 6, 18, 0.56) 100%
		),
		radial-gradient(
			ellipse 42rem 27rem at 18% 48%,
			rgba(255, 46, 209, 0.17) 0%,
			rgba(122, 31, 255, 0.075) 43%,
			transparent 76%
		),
		radial-gradient(
			ellipse 34rem 24rem at 47% 60%,
			rgba(0, 229, 255, 0.105) 0%,
			transparent 73%
		),
		url("./assets/images/front-extra-strip.webp");
	background-position: center, center, center, center, center left;
	background-repeat: no-repeat;
	background-size: auto, auto, auto, auto, cover;
	overflow: hidden;
	isolation: isolate;
}

.vhs-ref-extra-strip::before {
	position: absolute;
	z-index: 1;
	inset: 0;
	background:
		repeating-linear-gradient(
			0deg,
			rgba(255, 255, 255, 0.009) 0,
			rgba(255, 255, 255, 0.009) 1px,
			transparent 1px,
			transparent 5px
		),
		radial-gradient(circle at 20% 48%, rgba(255, 46, 209, 0.08), transparent 26rem),
		radial-gradient(circle at 52% 56%, rgba(0, 229, 255, 0.055), transparent 30rem);
	content: "";
	pointer-events: none;
}

.vhs-ref-extra-strip::after {
	position: absolute;
	z-index: 2;
	inset: 0;
	background:
		linear-gradient(
			180deg,
			rgba(2, 4, 13, 0.38),
			transparent 24%,
			transparent 76%,
			rgba(2, 4, 13, 0.44)
		);
	box-shadow: inset 0 0 52px rgba(2, 4, 13, 0.18);
	content: "";
	pointer-events: none;
}

.vhs-ref-extra-strip__inner {
	position: relative;
	z-index: 4;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	min-height: 305px;
}

.vhs-ref-extra-strip__copy {
	width: min(51%, 560px);
	padding: 33px 18px 35px 26px;
}

.vhs-ref-section-label--cyan {
	color: var(--vhs-ref-cyan);
	text-shadow: 0 0 10px rgba(32, 231, 255, 0.42);
}

.vhs-ref-extra-strip__copy h2 {
	margin: 0 0 12px;
	color: var(--vhs-ref-white);
	font-family: var(--vhs-ref-heading);
	font-size: clamp(1.35rem, 1.1rem + 0.7vw, 2rem);
	font-weight: 700;
	letter-spacing: 0.055em;
	line-height: 1.12;
	text-transform: uppercase;
}

.vhs-ref-extra-strip__copy p:not(.vhs-ref-section-label) {
	max-width: 510px;
	margin: 0 0 6px;
	color: var(--vhs-ref-muted);
	font-size: 0.84rem;
	line-height: 1.55;
}

.vhs-ref-extra-strip__copy .vhs-ref-button {
	margin-top: 13px;
}

/* ----------------------------------------------------------
   DRUHÁ ČTVEŘICE KARET
   ---------------------------------------------------------- */

.vhs-ref-info--secondary {
	margin-top: -24px;
	margin-bottom: 32px;
}

.vhs-ref-info--secondary .vhs-ref-info-card {
	min-height: 205px;
}

@media (max-width: 1020px) {
	.vhs-ref-extra-strip {
		min-height: 390px;
		background-image:
			linear-gradient(
				270deg,
				rgba(4, 8, 22, 0.99) 0%,
				rgba(4, 8, 22, 0.96) 43%,
				rgba(4, 8, 22, 0.62) 68%,
				rgba(4, 8, 22, 0.1) 100%
			),
			linear-gradient(180deg, rgba(3, 6, 18, 0.18), transparent 54%, rgba(3, 6, 18, 0.68)),
			radial-gradient(ellipse 34rem 25rem at 20% 48%, rgba(255, 46, 209, 0.16), transparent 75%),
			url("./assets/images/front-extra-strip.webp");
		background-position: center, center, center, 38% center;
		background-repeat: no-repeat;
		background-size: auto, auto, auto, cover;
	}

	.vhs-ref-extra-strip__inner {
		min-height: 390px;
	}

	.vhs-ref-extra-strip__copy {
		width: min(59%, 560px);
		padding-right: 20px;
		padding-left: 24px;
	}

	.vhs-ref-info--secondary {
		margin-top: -18px;
	}
}

@media (max-width: 620px) {
	.vhs-ref-extra-strip {
		min-height: 570px;
		margin-top: 18px;
		background-image:
			linear-gradient(
				180deg,
				rgba(5, 8, 22, 0.99) 0%,
				rgba(5, 8, 22, 0.96) 48%,
				rgba(5, 8, 22, 0.48) 72%,
				rgba(5, 8, 22, 0.22) 100%
			),
			radial-gradient(ellipse 28rem 21rem at 50% 72%, rgba(255, 46, 209, 0.14), transparent 74%),
			url("./assets/images/front-extra-strip.webp");
		background-position: center, center bottom, center bottom;
		background-repeat: no-repeat;
		background-size: auto, auto, cover;
	}

	.vhs-ref-extra-strip__inner {
		min-height: 570px;
		align-items: flex-start;
	}

	.vhs-ref-extra-strip__copy {
		width: 100%;
		max-width: 100%;
		padding: 29px 14px 300px;
	}

	.vhs-ref-info--secondary {
		margin-top: -12px;
		margin-bottom: 20px;
	}

	.vhs-ref-info--secondary .vhs-ref-info-card {
		min-height: 0;
	}
}

/* ==========================================================
   VHS SRAZ — DRUHÁ ČTVEŘICE KARET NAD NOVÝM STRIPEM
   V16
   ----------------------------------------------------------
   Karty jsou nyní vložené mezi předchozí obrazovou sekci
   a nový strip. Horní i spodní přesah používají stejný
   princip jako původní informační karty na front page.
   ========================================================== */

body.home .vhs-ref-info--secondary {
	position: relative;
	z-index: 20 !important;
	margin-top: -28px !important;
	margin-bottom: 0 !important;
}

/*
 * Nový strip se vytáhne vzhůru pod spodní část karet.
 * Díky hornímu paddingu zůstává jeho vlastní text bezpečně
 * mimo oblast překrytí.
 */
body.home .vhs-ref-extra-strip {
	position: relative;
	z-index: 1;
	box-sizing: border-box;
	margin-top: -28px !important;
	padding-top: 28px;
}

/* Karty musí zůstat nad oběma sousedními obrazovými bloky. */
body.home .vhs-ref-info--secondary .vhs-ref-info-card {
	position: relative;
	z-index: 21;
}

/* TABLET */

@media (max-width: 1020px) {
	body.home .vhs-ref-info--secondary {
		margin-top: -18px !important;
	}

	body.home .vhs-ref-extra-strip {
		margin-top: -18px !important;
		padding-top: 18px;
	}
}

/* MOBIL */

@media (max-width: 620px) {
	body.home .vhs-ref-info--secondary {
		margin-top: -12px !important;
		margin-bottom: 0 !important;
	}

	body.home .vhs-ref-extra-strip {
		margin-top: -12px !important;
		padding-top: 12px;
	}
}

/* ==========================================================
   VHS SRAZ — PROHOZENÍ VÝŠEK DRUHÉHO A TŘETÍHO STRIPU
   V17
   ----------------------------------------------------------
   Pořadí sekcí zůstává stejné.
   Druhý strip O AKCI je nyní nižší.
   Třetí nový strip je nyní vyšší a výraznější.
   ========================================================== */

/* DESKTOP
   Původně:
   O AKCI 330 px / nový strip 305 px
   Nově:
   O AKCI 305 px / nový strip 330 px
*/

body.home .vhs-ref-about,
body.home .vhs-ref-about__inner {
	min-height: 305px !important;
}

body.home .vhs-ref-extra-strip,
body.home .vhs-ref-extra-strip__inner {
	min-height: 330px !important;
}

/* TABLET
   Původně:
   O AKCI 430 px / nový strip 390 px
   Nově:
   O AKCI 390 px / nový strip 430 px
*/

@media (max-width: 1020px) {
	body.home .vhs-ref-about,
	body.home .vhs-ref-about__inner {
		min-height: 390px !important;
	}

	body.home .vhs-ref-extra-strip,
	body.home .vhs-ref-extra-strip__inner {
		min-height: 430px !important;
	}
}

/* MOBIL
   Původně:
   O AKCI 650 px / nový strip 570 px
   Nově:
   O AKCI 570 px / nový strip 650 px
*/

@media (max-width: 620px) {
	body.home .vhs-ref-about,
	body.home .vhs-ref-about__inner {
		min-height: 570px !important;
	}

	body.home .vhs-ref-extra-strip,
	body.home .vhs-ref-extra-strip__inner {
		min-height: 650px !important;
	}
}

/* ==========================================================
   VHS SRAZ — NEONOVÉ IKONY DATA A MÍSTA NA HERO STRIPU
   V18
   ========================================================== */

body.home .vhs-ref-event-meta__row {
	min-height: 34px;
	gap: 14px;
}

body.home .vhs-ref-event-meta__icon {
	display: block;
	flex: 0 0 34px;
	width: 34px;
	height: 34px;
	overflow: visible;
	color: var(--vhs-ref-pink);
	filter:
		drop-shadow(0 0 3px rgba(255, 66, 167, 0.95))
		drop-shadow(0 0 8px rgba(255, 46, 166, 0.62))
		drop-shadow(0 0 15px rgba(255, 46, 166, 0.28));
	transform: translateY(-1px);
}

body.home .vhs-ref-event-meta__icon * {
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	vector-effect: non-scaling-stroke;
}

body.home .vhs-ref-neon-icon__halo {
	opacity: 0.2;
	stroke-width: 6;
}

body.home .vhs-ref-neon-icon__tube {
	opacity: 0.96;
	stroke-width: 2.6;
}

body.home .vhs-ref-neon-icon__core {
	opacity: 0.9;
	stroke: rgba(255, 232, 248, 0.98);
	stroke-width: 0.75;
}

body.home .vhs-ref-event-meta__date,
body.home .vhs-ref-event-meta__place {
	white-space: nowrap;
}

body.home .vhs-ref-event-meta__date {
	font-variant-numeric: tabular-nums;
	letter-spacing: 0.035em;
}

/*
 * Původní maskové ikony v těchto dvou řádcích už nejsou použité.
 * Inline SVG zůstává ostré při libovolném rozlišení a nepotřebuje
 * žádný externí soubor v assets/icons.
 */

@media (max-width: 620px) {
	body.home .vhs-ref-event-meta__row {
		gap: 12px;
	}

	body.home .vhs-ref-event-meta__icon {
		flex-basis: 30px;
		width: 30px;
		height: 30px;
	}

	body.home .vhs-ref-event-meta__date,
	body.home .vhs-ref-event-meta__place {
		white-space: normal;
	}
}

/* ==========================================================
   VHS SRAZ — JEMNÉ DOLADĚNÍ HERO IKON A TEXTU
   V19
   ========================================================== */

/* Kalendář barevně navazuje na cyanové datum. */
body.home .vhs-ref-event-meta__icon--calendar {
	color: var(--vhs-ref-cyan);
	filter:
		drop-shadow(0 0 2.5px rgba(32, 231, 255, 0.82))
		drop-shadow(0 0 7px rgba(32, 231, 255, 0.5))
		drop-shadow(0 0 13px rgba(32, 231, 255, 0.22));
}

/* Špendlík zůstává růžový, ale je opticky o něco menší. */
body.home .vhs-ref-event-meta__icon--location {
	color: var(--vhs-ref-pink);
	width: 32px;
	height: 32px;
	flex-basis: 32px;
	filter:
		drop-shadow(0 0 2.5px rgba(255, 66, 167, 0.82))
		drop-shadow(0 0 7px rgba(255, 46, 166, 0.5))
		drop-shadow(0 0 13px rgba(255, 46, 166, 0.22));
	transform: translateY(-1px) scale(0.96);
}

/* Jemnější vnitřní záře obou SVG ikon. */
body.home .vhs-ref-neon-icon__halo {
	opacity: 0.16;
	stroke-width: 5.4;
}

body.home .vhs-ref-neon-icon__tube {
	opacity: 0.93;
}

body.home .vhs-ref-neon-icon__core {
	opacity: 0.84;
}

/* Místo konání je o něco čitelnější vedle výrazného data. */
body.home .vhs-ref-event-meta__place {
	font-weight: 500;
}

/* Třetí řádek komunitního textu je lehce zvětšený. */
body.home .vhs-ref-kicker__line--three {
	font-size: 0.98em;
}

/* TABLET */
@media (max-width: 820px) {
	body.home .vhs-ref-kicker__line--three {
		font-size: 0.92em;
	}
}

/* MOBIL */
@media (max-width: 620px) {
	body.home .vhs-ref-event-meta__icon--location {
		width: 28px;
		height: 28px;
		flex-basis: 28px;
	}

	body.home .vhs-ref-kicker__line--three {
		font-size: 0.88em;
	}
}

/* ==========================================================
   VHS SRAZ — VYČIŠTĚNÝ A ZTLUMENÝ PODPIS GWANGI
   V20
   ----------------------------------------------------------
   Bílý prstenec byl odstraněn přímo z PNG.
   CSS níže pouze zjemňuje svítivost celého objektu.
   ========================================================== */

.vhs-footer-gwangi {
	opacity: 0.8;
	filter:
		brightness(0.78)
		saturate(0.78)
		contrast(0.95)
		drop-shadow(0 0 4px rgba(255, 46, 166, 0.1));
}

/* Na menších obrazovkách zůstává podpis o trochu čitelnější. */
@media (max-width: 620px) {
	.vhs-footer-gwangi {
		opacity: 0.84;
		filter:
			brightness(0.82)
			saturate(0.8)
			contrast(0.96)
			drop-shadow(0 0 3px rgba(255, 46, 166, 0.09));
	}
}

/* ==========================================================
   VHS SRAZ — FOOTER DOPRAVA + JEDNOTNÝ KOMUNITNÍ TEXT
   V22
   ========================================================== */

/* ----------------------------------------------------------
   01 — TŘI ŘÁDKY POD HLAVNÍM TITULEM
   Vzhled odpovídá textu v informační kartě:
   Pátek – Sobota / 10:00 – 18:00
   ---------------------------------------------------------- */

body.home .vhs-ref-kicker {
	color: var(--vhs-ref-muted);
	font-family: var(--vhs-ref-body);
	font-size: 0.84rem;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.65;
	text-shadow: none;
	text-transform: none;
}

body.home .vhs-ref-kicker__line,
body.home .vhs-ref-kicker__line--one,
body.home .vhs-ref-kicker__line--two,
body.home .vhs-ref-kicker__line--three {
	margin-top: 0;
	color: inherit;
	font-family: inherit;
	font-size: 1em;
	font-weight: inherit;
	letter-spacing: inherit;
	line-height: inherit;
	text-shadow: none;
}

body.home .vhs-ref-kicker__line--two {
	margin-top: 0;
}

body.home .vhs-ref-kicker__line--three {
	margin-top: 0;
}

/* Dříve požadovaný menší znak & zůstává zachovaný. */
body.home .vhs-ref-kicker__amp {
	font-family: inherit;
	font-size: 0.7em;
	font-weight: inherit;
	letter-spacing: 0;
	line-height: 1;
	vertical-align: 0.08em;
}

/* ----------------------------------------------------------
   02 — ZPĚT NA ZAČÁTEK ÚPLNĚ DOPRAVA
   ---------------------------------------------------------- */

.vhs-footer-bottom {
	width: 100%;
}

.vhs-footer-rewind {
	margin-right: 0 !important;
	margin-left: auto !important;
	text-align: right;
	justify-self: end;
}

.vhs-footer-rewind a {
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	text-align: right;
}

/* TABLET */
@media (max-width: 780px) {
	.vhs-footer-rewind {
		margin-left: auto !important;
		justify-self: end;
	}
}

/* MOBIL */
@media (max-width: 620px) {
	body.home .vhs-ref-kicker {
		font-size: 0.84rem;
		line-height: 1.65;
	}

	body.home .vhs-ref-kicker__line,
	body.home .vhs-ref-kicker__line--one,
	body.home .vhs-ref-kicker__line--two,
	body.home .vhs-ref-kicker__line--three {
		font-size: 1em;
		letter-spacing: 0;
		line-height: inherit;
	}

	.vhs-footer-rewind {
		display: flex;
		justify-content: flex-end;
		width: 100%;
		margin-right: 0 !important;
		margin-left: auto !important;
		text-align: right;
		justify-self: end;
	}
}

/* ==========================================================
   VHS SRAZ — ZVĚTŠENÍ TŘÍŘÁDKOVÉHO KOMUNITNÍHO TEXTU
   V23
   ----------------------------------------------------------
   Desktop: přesně dvojnásobek V22
   0.84rem → 1.68rem
   ========================================================== */

body.home .vhs-ref-kicker {
	font-size: 1.68rem;
	line-height: 1.42;
}

/* Jednotná velikost všech tří řádků zůstává zachovaná. */
body.home .vhs-ref-kicker__line,
body.home .vhs-ref-kicker__line--one,
body.home .vhs-ref-kicker__line--two,
body.home .vhs-ref-kicker__line--three {
	font-size: 1em;
	line-height: inherit;
}

/* Menší znak & zůstává zachovaný. */
body.home .vhs-ref-kicker__amp {
	font-size: 0.7em;
}

/* TABLET */
@media (max-width: 1020px) {
	body.home .vhs-ref-kicker {
		font-size: 1.34rem;
		line-height: 1.46;
	}
}

/* MOBIL */
@media (max-width: 620px) {
	body.home .vhs-ref-kicker {
		font-size: 1.02rem;
		line-height: 1.5;
	}

	body.home .vhs-ref-kicker__line,
	body.home .vhs-ref-kicker__line--one,
	body.home .vhs-ref-kicker__line--two,
	body.home .vhs-ref-kicker__line--three {
		font-size: 1em;
		line-height: inherit;
	}
}

/* ==========================================================
   VHS SRAZ — VYVÁŽENÁ VELIKOST KOMUNITNÍHO TEXTU
   V24
   ----------------------------------------------------------
   Nahrazuje příliš velké hodnoty z V23.
   ========================================================== */

body.home .vhs-ref-kicker {
	font-size: 1.18rem;
	line-height: 1.48;
	letter-spacing: 0.01em;
}

body.home .vhs-ref-kicker__line,
body.home .vhs-ref-kicker__line--one,
body.home .vhs-ref-kicker__line--two,
body.home .vhs-ref-kicker__line--three {
	font-size: 1em;
	line-height: inherit;
	letter-spacing: inherit;
}

/* Menší znak & zůstává zachovaný. */
body.home .vhs-ref-kicker__amp {
	font-size: 0.7em;
}

@media (max-width: 1020px) {
	body.home .vhs-ref-kicker {
		font-size: 1.05rem;
		line-height: 1.48;
	}
}

@media (max-width: 620px) {
	body.home .vhs-ref-kicker {
		font-size: 0.92rem;
		line-height: 1.5;
	}

	body.home .vhs-ref-kicker__line,
	body.home .vhs-ref-kicker__line--one,
	body.home .vhs-ref-kicker__line--two,
	body.home .vhs-ref-kicker__line--three {
		font-size: 1em;
		line-height: inherit;
	}
}

/* ==========================================================
   VHS SRAZ — JEMNÉ ZMENŠENÍ KOMUNITNÍHO TEXTU
   V25
   ========================================================== */

body.home .vhs-ref-kicker {
	font-size: 1.12rem;
	line-height: 1.48;
	letter-spacing: 0.01em;
}

body.home .vhs-ref-kicker__line,
body.home .vhs-ref-kicker__line--one,
body.home .vhs-ref-kicker__line--two,
body.home .vhs-ref-kicker__line--three {
	font-size: 1em;
	line-height: inherit;
	letter-spacing: inherit;
}

body.home .vhs-ref-kicker__amp {
	font-size: 0.7em;
}

@media (max-width: 1020px) {
	body.home .vhs-ref-kicker {
		font-size: 1rem;
		line-height: 1.48;
	}
}

@media (max-width: 620px) {
	body.home .vhs-ref-kicker {
		font-size: 0.9rem;
		line-height: 1.5;
	}

	body.home .vhs-ref-kicker__line,
	body.home .vhs-ref-kicker__line--one,
	body.home .vhs-ref-kicker__line--two,
	body.home .vhs-ref-kicker__line--three {
		font-size: 1em;
		line-height: inherit;
	}
}

/* ==========================================================
   VHS SRAZ — IKONY KDY / KDE / PRO KOHO / VSTUP
   V26
   ========================================================== */

.vhs-icon-calendar { --vhs-icon-url: url("./assets/icons/calendar.svg"); }
.vhs-icon-location { --vhs-icon-url: url("./assets/icons/location.svg"); }
.vhs-icon-people   { --vhs-icon-url: url("./assets/icons/people.svg"); }
.vhs-icon-entry    { --vhs-icon-url: url("./assets/icons/entry.svg"); }

/* Jemně přesnější měřítko jednotlivých motivů. */
.vhs-ref-info-card .vhs-icon-calendar { --vhs-icon-size: 42px; }
.vhs-ref-info-card .vhs-icon-location { --vhs-icon-size: 42px; }
.vhs-ref-info-card .vhs-icon-people   { --vhs-icon-size: 44px; }
.vhs-ref-info-card .vhs-icon-entry    { --vhs-icon-size: 43px; }

/* ==========================================================
   VHS SRAZ — DALŠÍ IKONY PRO FRONT PAGE
   V27
   ========================================================== */

.vhs-icon-vhs-archive      { --vhs-icon-url: url("./assets/icons/vhs-archive.svg"); }
.vhs-icon-projection       { --vhs-icon-url: url("./assets/icons/projection.svg"); }
.vhs-icon-surprise         { --vhs-icon-url: url("./assets/icons/surprise.svg"); }
.vhs-icon-vhs-market       { --vhs-icon-url: url("./assets/icons/vhs-market.svg"); }
.vhs-icon-screening        { --vhs-icon-url: url("./assets/icons/screening.svg"); }
.vhs-icon-guests           { --vhs-icon-url: url("./assets/icons/guests.svg"); }
.vhs-icon-film-quiz        { --vhs-icon-url: url("./assets/icons/film-quiz.svg"); }
.vhs-icon-retro-atmosphere { --vhs-icon-url: url("./assets/icons/retro-atmosphere.svg"); }

/* Jemné optické vyvážení rozměrů. */
.vhs-ref-info-card .vhs-icon-vhs-archive      { --vhs-icon-size: 44px; }
.vhs-ref-info-card .vhs-icon-projection       { --vhs-icon-size: 44px; }
.vhs-ref-info-card .vhs-icon-surprise         { --vhs-icon-size: 43px; }
.vhs-ref-info-card .vhs-icon-vhs-market       { --vhs-icon-size: 44px; }
.vhs-ref-info-card .vhs-icon-screening        { --vhs-icon-size: 44px; }
.vhs-ref-info-card .vhs-icon-guests           { --vhs-icon-size: 44px; }
.vhs-ref-info-card .vhs-icon-film-quiz        { --vhs-icon-size: 44px; }
.vhs-ref-info-card .vhs-icon-retro-atmosphere { --vhs-icon-size: 44px; }

/* ==========================================================
   VHS SRAZ — KNIHOVNA IKON PRO PODSTRÁNKY
   V28
   ========================================================== */

.vhs-icon-voluntary-admission { --vhs-icon-url: url("./assets/icons/voluntary-admission.svg"); }
.vhs-icon-program { --vhs-icon-url: url("./assets/icons/program.svg"); }
.vhs-icon-covers { --vhs-icon-url: url("./assets/icons/covers.svg"); }
.vhs-icon-vcr { --vhs-icon-url: url("./assets/icons/vcr.svg"); }
.vhs-icon-film-materials { --vhs-icon-url: url("./assets/icons/film-materials.svg"); }
.vhs-icon-collectibles { --vhs-icon-url: url("./assets/icons/collectibles.svg"); }
.vhs-icon-building-route { --vhs-icon-url: url("./assets/icons/building-route.svg"); }
.vhs-icon-transport { --vhs-icon-url: url("./assets/icons/transport.svg"); }
.vhs-icon-parking { --vhs-icon-url: url("./assets/icons/parking.svg"); }
.vhs-icon-accessibility { --vhs-icon-url: url("./assets/icons/accessibility.svg"); }
.vhs-icon-gps { --vhs-icon-url: url("./assets/icons/gps.svg"); }
.vhs-icon-public-transport { --vhs-icon-url: url("./assets/icons/public-transport.svg"); }
.vhs-icon-car { --vhs-icon-url: url("./assets/icons/car.svg"); }
.vhs-icon-train { --vhs-icon-url: url("./assets/icons/train.svg"); }
.vhs-icon-walking-route { --vhs-icon-url: url("./assets/icons/walking-route.svg"); }
.vhs-icon-facilities { --vhs-icon-url: url("./assets/icons/facilities.svg"); }
.vhs-icon-info-point { --vhs-icon-url: url("./assets/icons/info-point.svg"); }
.vhs-icon-accessible-route { --vhs-icon-url: url("./assets/icons/accessible-route.svg"); }
.vhs-icon-email { --vhs-icon-url: url("./assets/icons/email.svg"); }
.vhs-icon-reply { --vhs-icon-url: url("./assets/icons/reply.svg"); }
.vhs-icon-questions { --vhs-icon-url: url("./assets/icons/questions.svg"); }
.vhs-icon-media-partnership { --vhs-icon-url: url("./assets/icons/media-partnership.svg"); }
.vhs-icon-phone { --vhs-icon-url: url("./assets/icons/phone.svg"); }
.vhs-icon-response-time { --vhs-icon-url: url("./assets/icons/response-time.svg"); }
.vhs-icon-facebook { --vhs-icon-url: url("./assets/icons/facebook.svg"); }
.vhs-icon-instagram { --vhs-icon-url: url("./assets/icons/instagram.svg"); }
.vhs-icon-youtube { --vhs-icon-url: url("./assets/icons/youtube.svg"); }
.vhs-icon-web-news { --vhs-icon-url: url("./assets/icons/web-news.svg"); }

/* Jednotné optické měřítko nových ikon v kartách. */
.vhs-ref-info-card .vhs-ref-icon,
.vhs-page-card .vhs-ref-icon {
	--vhs-icon-size: 44px;
}

/* ==========================================================
   VHS SRAZ — PAGE O AKCI / IKONY PRO KOHO
   V29
   ----------------------------------------------------------
   Pouze přizpůsobení SVG existujícímu rámečku 60 × 60 px.
   Barvu a střídání cyan/růžová řídí původní karta.
   ========================================================== */

.vhs-about-audience-icon .vhs-ref-icon {
	--vhs-icon-size: 34px;
	display: block;
	margin: 0;
	filter: drop-shadow(0 0 5px currentColor);
}

/* Trojice osob je opticky širší, proto je nepatrně menší. */
.vhs-about-audience-icon .vhs-icon-people {
	--vhs-icon-size: 32px;
}

/* Dobrovolné vstupné má jemnější kresbu, proto může být větší. */
.vhs-about-audience-icon .vhs-icon-voluntary-admission {
	--vhs-icon-size: 35px;
}

/* ==========================================================
   VHS SRAZ — PAGE PROGRAM / IKONY
   V30
   ========================================================== */

/* DATUM a MÍSTO v hero metadatech. */
.vhs-program-page-meta-icon .vhs-ref-icon {
	--vhs-icon-size: 27px;
	display: block;
	margin: 0;
	filter: drop-shadow(0 0 5px currentColor);
}

/* Programové bloky: VHS burza, Hosté, Projekce, Doprovodný program. */
.vhs-program-category-icon .vhs-ref-icon {
	--vhs-icon-size: 35px;
	display: block;
	margin: 0;
	filter: drop-shadow(0 0 6px currentColor);
}

.vhs-program-category-icon .vhs-icon-guests {
	--vhs-icon-size: 34px;
}

.vhs-program-category-icon .vhs-icon-program {
	--vhs-icon-size: 33px;
}

/* ==========================================================
   VHS SRAZ — PAGE VHS BURZA / IKONY
   V31
   ========================================================== */

/* PRODEJ A VÝMĚNA + MÍSTO BURZY v hero metadatech. */
.vhs-market-page-meta-icon .vhs-ref-icon {
	--vhs-icon-size: 27px;
	display: block;
	margin: 0;
	filter: drop-shadow(0 0 5px currentColor);
}

/* Nabídka burzy: kazety, přebaly, technika a další materiály. */
.vhs-market-item-icon .vhs-ref-icon {
	--vhs-icon-size: 35px;
	display: block;
	margin: 0;
	filter: drop-shadow(0 0 6px currentColor);
}

.vhs-market-item-icon .vhs-icon-film-materials {
	--vhs-icon-size: 33px;
}

.vhs-market-item-icon .vhs-icon-collectibles {
	--vhs-icon-size: 34px;
}

.vhs-market-item-icon .vhs-icon-surprise {
	--vhs-icon-size: 34px;
}

/* ==========================================================
   VHS SRAZ — PAGE MÍSTO KONÁNÍ / IKONY
   V32
   ========================================================== */

/* ADRESA a TERMÍN v hero metadatech. */
.vhs-venue-page-meta-icon .vhs-ref-icon {
	--vhs-icon-size: 27px;
	display: block;
	margin: 0;
	filter: drop-shadow(0 0 5px currentColor);
}

/* Rychlý přehled: objekt, doprava, parkování, přístupnost. */
.vhs-venue-overview-icon .vhs-ref-icon {
	--vhs-icon-size: 35px;
	display: block;
	margin: 0;
	filter: drop-shadow(0 0 6px currentColor);
}

.vhs-venue-overview-icon .vhs-icon-accessibility {
	--vhs-icon-size: 33px;
}

/* GPS a VSTUP v kartě adresy. */
.vhs-venue-address-detail-icon {
	margin: 0 0 8px;
	color: inherit;
}

.vhs-venue-address-detail-icon .vhs-ref-icon {
	--vhs-icon-size: 25px;
	display: block;
	margin: 0;
	filter: drop-shadow(0 0 5px currentColor);
}

/* Veřejná doprava, auto, vlak a pěší trasa. */
.vhs-venue-transport-icon .vhs-ref-icon {
	--vhs-icon-size: 35px;
	display: block;
	margin: 0;
	filter: drop-shadow(0 0 6px currentColor);
}

.vhs-venue-transport-icon .vhs-icon-train {
	--vhs-icon-size: 34px;
}

/* VHS burza, programový prostor, zázemí, info bod, bezbariérová trasa. */
.vhs-venue-facility-icon .vhs-ref-icon {
	--vhs-icon-size: 34px;
	display: block;
	margin: 0;
	filter: drop-shadow(0 0 6px currentColor);
}

.vhs-venue-facility-icon .vhs-icon-accessible-route {
	--vhs-icon-size: 33px;
}

/* ==========================================================
   VHS SRAZ — PAGE KONTAKT / IKONY
   V33
   ========================================================== */

/* HLAVNÍ E-MAIL a ODPOVĚĎ v hero metadatech. */
.vhs-contact-page-meta-icon .vhs-ref-icon {
	--vhs-icon-size: 27px;
	display: block;
	margin: 0;
	filter: drop-shadow(0 0 5px currentColor);
}

/* Obecné dotazy, VHS burza, Hosté a program, Spolupráce a média. */
.vhs-contact-topic-icon .vhs-ref-icon {
	--vhs-icon-size: 35px;
	display: block;
	margin: 0;
	filter: drop-shadow(0 0 6px currentColor);
}

.vhs-contact-topic-icon .vhs-icon-media-partnership {
	--vhs-icon-size: 34px;
}

/* E-mail, telefon, místo konání a doba odpovědi. */
.vhs-contact-detail-icon .vhs-ref-icon {
	--vhs-icon-size: 24px;
	display: block;
	margin: 0;
	filter: drop-shadow(0 0 5px currentColor);
}

.vhs-contact-detail-icon .vhs-icon-phone {
	--vhs-icon-size: 23px;
}

/* Facebook, Instagram, YouTube a novinky na webu. */
.vhs-contact-social-icon .vhs-ref-icon {
	--vhs-icon-size: 35px;
	display: block;
	margin: 0;
	filter: drop-shadow(0 0 6px currentColor);
}

.vhs-contact-social-icon .vhs-icon-youtube {
	--vhs-icon-size: 36px;
}

/* ==========================================================
   VHS SRAZ — STEJNÉ POLOŽENÍ PRVNÍHO STRIPU NA PODSTRÁNKÁCH
   V34
   ----------------------------------------------------------
   Front page má před prvním hero stripem:
   - desktop / tablet: 18 px
   - mobil: 10 px

   Stejnou vzdálenost nyní používají všechny podstránky
   s kořenovým prvkem .vhs-page. Velikost, obsah a vnitřní
   rozložení hero sekcí se nemění.
   ========================================================== */

body:not(.home) .vhs-page {
	padding-top: 18px !important;
}

/* Na mobilu odpovídá mezera přesně mobilnímu front page. */
@media (max-width: 620px) {
	body:not(.home) .vhs-page {
		padding-top: 10px !important;
	}
}

/* ==========================================================
   VHS SRAZ — VHS EFEKTY FRONT PAGE NA VŠECH PODSTRÁNKÁCH
   V35
   ----------------------------------------------------------
   Přenáší na všechny celoplošné stripy podstránek stejné
   principy, které používají obrazové stripy na front page:

   - jemné horizontální scanlines,
   - rychlejší světlé VHS pruhy,
   - pomalý světelný průjezd,
   - cyan / pink analogové světlo,
   - krátká decentní odchylka obrazu,
   - plynulý bezešvý loop bez pravého svislého spoje.

   Efekty jsou čistě CSS, proto jsou viditelné i bez fotografie.
   ========================================================== */

/* ----------------------------------------------------------
   01 — VŠECHNY CELOPLOŠNÉ STRIPY PODSTRÁNEK
   ---------------------------------------------------------- */

body:not(.home) .vhs-page-hero,
body:not(.home) .vhs-about-experience-section,
body:not(.home) .vhs-about-audience-section,
body:not(.home) .vhs-program-schedule-section,
body:not(.home) .vhs-market-items-section,
body:not(.home) .vhs-market-rules-section,
body:not(.home) .vhs-venue-map-section,
body:not(.home) .vhs-venue-transport-section,
body:not(.home) .vhs-contact-form-section,
body:not(.home) .vhs-contact-social-section {
	position: relative;
	overflow: hidden;
	isolation: isolate;
}

/* Obsah zůstává nad analogovými vrstvami stejně jako na frontu. */
body:not(.home) .vhs-page-hero > *,
body:not(.home) .vhs-about-experience-section > *,
body:not(.home) .vhs-about-audience-section > *,
body:not(.home) .vhs-program-schedule-section > *,
body:not(.home) .vhs-market-items-section > *,
body:not(.home) .vhs-market-rules-section > *,
body:not(.home) .vhs-venue-map-section > *,
body:not(.home) .vhs-venue-transport-section > *,
body:not(.home) .vhs-contact-form-section > *,
body:not(.home) .vhs-contact-social-section > * {
	position: relative;
	z-index: 4;
}

/* ----------------------------------------------------------
   02 — VARIANTA A
   Hero strip + střídavě každý další výrazný strip.
   ---------------------------------------------------------- */

body:not(.home) .vhs-page-hero::before,
body:not(.home) .vhs-about-audience-section::before,
body:not(.home) .vhs-market-rules-section::before,
body:not(.home) .vhs-venue-transport-section::before,
body:not(.home) .vhs-contact-social-section::before {
	position: absolute;
	z-index: 1;
	inset: -2%;
	background:
		repeating-linear-gradient(
			0deg,
			rgba(255, 255, 255, 0.012) 0,
			rgba(255, 255, 255, 0.012) 1px,
			transparent 1px,
			transparent 5px
		),
		radial-gradient(
			circle at 72% 40%,
			rgba(0, 169, 255, 0.085),
			transparent 27rem
		),
		radial-gradient(
			circle at 88% 50%,
			rgba(255, 26, 142, 0.08),
			transparent 28rem
		);
	opacity: 0.74;
	content: "";
	pointer-events: none;
	-webkit-transform-origin: 76% 46%;
	transform-origin: 76% 46%;
	-webkit-animation: vhs-hero-image-drift 19s ease-in-out infinite alternate;
	animation: vhs-hero-image-drift 19s ease-in-out infinite alternate;
	will-change: transform;
}

/* Finální front-page VHS overlay — varianta A. */
body:not(.home) .vhs-page-hero::after,
body:not(.home) .vhs-about-audience-section::after,
body:not(.home) .vhs-market-rules-section::after,
body:not(.home) .vhs-venue-transport-section::after,
body:not(.home) .vhs-contact-social-section::after {
	position: absolute;
	z-index: 2;
	inset: 0;
	background-image:
		repeating-linear-gradient(
			to bottom,
			rgba(255, 255, 255, 0.034) 0px,
			rgba(255, 255, 255, 0.034) 1px,
			rgba(12, 14, 24, 0.018) 1px,
			rgba(12, 14, 24, 0.018) 2px,
			rgba(0, 0, 0, 0) 2px,
			rgba(0, 0, 0, 0) 5px
		),
		repeating-linear-gradient(
			to bottom,
			rgba(255, 255, 255, 0) 0px,
			rgba(255, 255, 255, 0) 20px,
			rgba(255, 255, 255, 0.020) 20px,
			rgba(255, 255, 255, 0.038) 21px,
			rgba(255, 255, 255, 0.050) 22px,
			rgba(255, 255, 255, 0.018) 23px,
			rgba(0, 0, 0, 0.014) 24px,
			rgba(255, 255, 255, 0) 26px,
			rgba(255, 255, 255, 0) 48px
		),
		repeating-linear-gradient(
			to bottom,
			rgba(0, 0, 0, 0) 0px,
			rgba(0, 0, 0, 0) 108px,
			rgba(255, 255, 255, 0.018) 108px,
			rgba(255, 255, 255, 0.054) 110px,
			rgba(255, 255, 255, 0.088) 112px,
			rgba(255, 255, 255, 0.028) 115px,
			rgba(0, 0, 0, 0.014) 117px,
			rgba(0, 0, 0, 0) 122px,
			rgba(0, 0, 0, 0) 180px
		),
		radial-gradient(
			ellipse at 72% 38%,
			rgba(39, 223, 255, 0.092) 0%,
			rgba(39, 223, 255, 0.030) 28%,
			rgba(39, 223, 255, 0) 58%
		),
		radial-gradient(
			ellipse at 88% 51%,
			rgba(255, 63, 149, 0.080) 0%,
			rgba(255, 63, 149, 0.024) 26%,
			rgba(255, 63, 149, 0) 56%
		),
		linear-gradient(
			to bottom,
			rgba(255, 255, 255, 0) 0%,
			rgba(255, 255, 255, 0.018) 36%,
			rgba(255, 255, 255, 0.055) 43%,
			rgba(255, 255, 255, 0.118) 49.5%,
			rgba(255, 255, 255, 0.094) 50.5%,
			rgba(255, 255, 255, 0.038) 56%,
			rgba(255, 255, 255, 0) 100%
		);
	background-position:
		0 0,
		0 0,
		0 0,
		72% 38%,
		88% 51%,
		0 -170%;
	background-repeat:
		repeat,
		repeat,
		repeat,
		no-repeat,
		no-repeat,
		no-repeat;
	background-size:
		100% 5px,
		100% 48px,
		100% 180px,
		max(72rem, calc(100% + 24px)) 54rem,
		max(72rem, calc(100% + 24px)) 54rem,
		100% 145%;
	box-shadow:
		inset 0 28px 48px rgba(2, 4, 13, 0.25),
		inset 0 -65px 78px rgba(2, 4, 13, 0.48);
	mix-blend-mode: screen;
	opacity: 0.60 !important;
	content: "";
	pointer-events: none;
	-webkit-animation:
		vhs-strip-stable-hero 6.1s linear infinite,
		vhs-playback-overlay-noise-a-strong 7.6s steps(1, end) infinite !important;
	animation:
		vhs-strip-stable-hero 6.1s linear infinite,
		vhs-playback-overlay-noise-a-strong 7.6s steps(1, end) infinite !important;
	will-change: background-position, opacity, filter;
}

/* ----------------------------------------------------------
   03 — VARIANTA B
   Střídavá druhá podoba analogového pohybu.
   ---------------------------------------------------------- */

body:not(.home) .vhs-about-experience-section::before,
body:not(.home) .vhs-program-schedule-section::before,
body:not(.home) .vhs-market-items-section::before,
body:not(.home) .vhs-venue-map-section::before,
body:not(.home) .vhs-contact-form-section::before {
	position: absolute;
	z-index: 1;
	inset: -2%;
	background:
		repeating-linear-gradient(
			0deg,
			rgba(255, 255, 255, 0.011) 0,
			rgba(255, 255, 255, 0.011) 1px,
			transparent 1px,
			transparent 5px
		),
		radial-gradient(
			circle at 82% 52%,
			rgba(0, 169, 255, 0.08),
			transparent 27rem
		),
		radial-gradient(
			circle at 76% 55%,
			rgba(255, 26, 142, 0.075),
			transparent 28rem
		);
	opacity: 0.72;
	content: "";
	pointer-events: none;
	-webkit-transform-origin: 78% 52%;
	transform-origin: 78% 52%;
	-webkit-animation: vhs-about-image-drift 23s ease-in-out infinite alternate;
	animation: vhs-about-image-drift 23s ease-in-out infinite alternate;
	will-change: transform;
}

/* Finální front-page VHS overlay — varianta B. */
body:not(.home) .vhs-about-experience-section::after,
body:not(.home) .vhs-program-schedule-section::after,
body:not(.home) .vhs-market-items-section::after,
body:not(.home) .vhs-venue-map-section::after,
body:not(.home) .vhs-contact-form-section::after {
	position: absolute;
	z-index: 2;
	inset: 0;
	background-image:
		repeating-linear-gradient(
			to bottom,
			rgba(255, 255, 255, 0.032) 0px,
			rgba(255, 255, 255, 0.032) 1px,
			rgba(12, 14, 24, 0.016) 1px,
			rgba(12, 14, 24, 0.016) 2px,
			rgba(0, 0, 0, 0) 2px,
			rgba(0, 0, 0, 0) 5px
		),
		repeating-linear-gradient(
			to bottom,
			rgba(255, 255, 255, 0) 0px,
			rgba(255, 255, 255, 0) 18px,
			rgba(255, 255, 255, 0.018) 18px,
			rgba(255, 255, 255, 0.034) 19px,
			rgba(255, 255, 255, 0.046) 20px,
			rgba(255, 255, 255, 0.016) 21px,
			rgba(0, 0, 0, 0.012) 22px,
			rgba(255, 255, 255, 0) 24px,
			rgba(255, 255, 255, 0) 44px
		),
		repeating-linear-gradient(
			to bottom,
			rgba(0, 0, 0, 0) 0px,
			rgba(0, 0, 0, 0) 102px,
			rgba(255, 255, 255, 0.016) 102px,
			rgba(255, 255, 255, 0.048) 104px,
			rgba(255, 255, 255, 0.082) 106px,
			rgba(255, 255, 255, 0.026) 109px,
			rgba(0, 0, 0, 0.012) 111px,
			rgba(0, 0, 0, 0) 116px,
			rgba(0, 0, 0, 0) 170px
		),
		radial-gradient(
			ellipse at 82% 52%,
			rgba(39, 223, 255, 0.084) 0%,
			rgba(39, 223, 255, 0.030) 24%,
			rgba(39, 223, 255, 0) 52%
		),
		radial-gradient(
			ellipse at 76% 55%,
			rgba(255, 63, 149, 0.074) 0%,
			rgba(255, 63, 149, 0.022) 24%,
			rgba(255, 63, 149, 0) 50%
		),
		linear-gradient(
			to bottom,
			rgba(255, 255, 255, 0) 0%,
			rgba(255, 255, 255, 0.017) 54%,
			rgba(255, 255, 255, 0.050) 59%,
			rgba(255, 255, 255, 0.116) 62.5%,
			rgba(255, 255, 255, 0.088) 64.5%,
			rgba(255, 255, 255, 0.034) 69%,
			rgba(255, 255, 255, 0) 100%
		);
	background-position:
		0 0,
		0 0,
		0 0,
		82% 52%,
		76% 55%,
		0 -160%;
	background-repeat:
		repeat,
		repeat,
		repeat,
		no-repeat,
		no-repeat,
		no-repeat;
	background-size:
		100% 5px,
		100% 44px,
		100% 170px,
		max(72rem, calc(100% + 24px)) 52rem,
		max(72rem, calc(100% + 24px)) 52rem,
		100% 145%;
	box-shadow:
		inset 0 28px 48px rgba(2, 4, 13, 0.23),
		inset 0 -65px 78px rgba(2, 4, 13, 0.46);
	mix-blend-mode: screen;
	opacity: 0.58 !important;
	content: "";
	pointer-events: none;
	-webkit-animation:
		vhs-strip-stable-about 6.8s linear infinite,
		vhs-playback-overlay-noise-b-strong 8.9s steps(1, end) infinite !important;
	animation:
		vhs-strip-stable-about 6.8s linear infinite,
		vhs-playback-overlay-noise-b-strong 8.9s steps(1, end) infinite !important;
	will-change: background-position, opacity, filter;
}

/* ----------------------------------------------------------
   04 — OBRAZOVÝ PROSTOR V HORNÍM HERO STRIPU
   Efekt je viditelný už nad gradientovým placeholderem.
   Po vložení fotografie zůstane analogová vrstva nad ní.
   ---------------------------------------------------------- */

body:not(.home) .vhs-page-hero-screen {
	isolation: isolate;
}

body:not(.home) .vhs-page-hero-screen::before {
	z-index: 2;
	pointer-events: none;
}

body:not(.home) .vhs-page-hero-screen::after {
	position: absolute;
	z-index: 1;
	inset: 0;
	background-image:
		repeating-linear-gradient(
			to bottom,
			rgba(255, 255, 255, 0.032) 0px,
			rgba(255, 255, 255, 0.032) 1px,
			transparent 1px,
			transparent 5px
		),
		repeating-linear-gradient(
			to bottom,
			transparent 0,
			transparent 20px,
			rgba(255, 255, 255, 0.045) 22px,
			transparent 25px,
			transparent 48px
		),
		linear-gradient(
			to bottom,
			transparent 0%,
			rgba(255, 255, 255, 0.09) 49%,
			rgba(255, 255, 255, 0.03) 55%,
			transparent 100%
		);
	background-position: 0 0, 0 0, 0 -160%;
	background-repeat: repeat, repeat, no-repeat;
	background-size: 100% 5px, 100% 48px, 100% 145%;
	mix-blend-mode: screen;
	opacity: 0.52;
	content: "";
	pointer-events: none;
	-webkit-animation: vhs-page-screen-scan 6.1s linear infinite;
	animation: vhs-page-screen-scan 6.1s linear infinite;
	will-change: background-position;
}

body:not(.home) .vhs-page-screen-label {
	z-index: 3;
}

@-webkit-keyframes vhs-page-screen-scan {
	0% {
		background-position: 0 0, 0 0, 0 -160%;
	}
	100% {
		background-position: 0 5px, 0 48px, 0 260%;
	}
}

@keyframes vhs-page-screen-scan {
	0% {
		background-position: 0 0, 0 0, 0 -160%;
	}
	100% {
		background-position: 0 5px, 0 48px, 0 260%;
	}
}

/* ----------------------------------------------------------
   05 — TABLET A MOBIL: STEJNÝ BEZEŠVÝ LOOP JAKO NA FRONTU
   ---------------------------------------------------------- */

@media (max-width: 1020px) {
	body:not(.home) .vhs-page-hero::after,
	body:not(.home) .vhs-about-audience-section::after,
	body:not(.home) .vhs-market-rules-section::after,
	body:not(.home) .vhs-venue-transport-section::after,
	body:not(.home) .vhs-contact-social-section::after {
		background-size:
			100% 5px,
			100% 40px,
			100% 156px,
			max(88rem, calc(100% + 24px)) 60rem,
			max(88rem, calc(100% + 24px)) 60rem,
			100% 155%;
		-webkit-animation-name:
			vhs-strip-stable-hero-tablet,
			vhs-playback-overlay-noise-a-strong !important;
		animation-name:
			vhs-strip-stable-hero-tablet,
			vhs-playback-overlay-noise-a-strong !important;
	}

	body:not(.home) .vhs-about-experience-section::after,
	body:not(.home) .vhs-program-schedule-section::after,
	body:not(.home) .vhs-market-items-section::after,
	body:not(.home) .vhs-venue-map-section::after,
	body:not(.home) .vhs-contact-form-section::after {
		background-size:
			100% 5px,
			100% 40px,
			100% 156px,
			max(88rem, calc(100% + 24px)) 60rem,
			max(88rem, calc(100% + 24px)) 60rem,
			100% 155%;
		-webkit-animation-name:
			vhs-strip-stable-about-tablet,
			vhs-playback-overlay-noise-b-strong !important;
		animation-name:
			vhs-strip-stable-about-tablet,
			vhs-playback-overlay-noise-b-strong !important;
	}

	body:not(.home) .vhs-page-hero-screen::after {
		background-size: 100% 5px, 100% 40px, 100% 155%;
		-webkit-animation-name: vhs-page-screen-scan-tablet;
		animation-name: vhs-page-screen-scan-tablet;
	}
}

@-webkit-keyframes vhs-page-screen-scan-tablet {
	0% { background-position: 0 0, 0 0, 0 -160%; }
	100% { background-position: 0 5px, 0 40px, 0 260%; }
}

@keyframes vhs-page-screen-scan-tablet {
	0% { background-position: 0 0, 0 0, 0 -160%; }
	100% { background-position: 0 5px, 0 40px, 0 260%; }
}

@media (max-width: 620px) {
	body:not(.home) .vhs-page-hero::before,
	body:not(.home) .vhs-about-experience-section::before,
	body:not(.home) .vhs-about-audience-section::before,
	body:not(.home) .vhs-program-schedule-section::before,
	body:not(.home) .vhs-market-items-section::before,
	body:not(.home) .vhs-market-rules-section::before,
	body:not(.home) .vhs-venue-map-section::before,
	body:not(.home) .vhs-venue-transport-section::before,
	body:not(.home) .vhs-contact-form-section::before,
	body:not(.home) .vhs-contact-social-section::before {
		-webkit-animation-duration: 26s;
		animation-duration: 26s;
	}

	body:not(.home) .vhs-page-hero::after,
	body:not(.home) .vhs-about-audience-section::after,
	body:not(.home) .vhs-market-rules-section::after,
	body:not(.home) .vhs-venue-transport-section::after,
	body:not(.home) .vhs-contact-social-section::after {
		background-size:
			100% 5px,
			100% 34px,
			100% 138px,
			max(96rem, calc(100% + 24px)) 68rem,
			max(96rem, calc(100% + 24px)) 68rem,
			100% 165%;
		-webkit-animation-name:
			vhs-strip-stable-hero-mobile,
			vhs-playback-overlay-noise-a-strong !important;
		animation-name:
			vhs-strip-stable-hero-mobile,
			vhs-playback-overlay-noise-a-strong !important;
	}

	body:not(.home) .vhs-about-experience-section::after,
	body:not(.home) .vhs-program-schedule-section::after,
	body:not(.home) .vhs-market-items-section::after,
	body:not(.home) .vhs-venue-map-section::after,
	body:not(.home) .vhs-contact-form-section::after {
		background-size:
			100% 5px,
			100% 34px,
			100% 138px,
			max(96rem, calc(100% + 24px)) 68rem,
			max(96rem, calc(100% + 24px)) 68rem,
			100% 165%;
		-webkit-animation-name:
			vhs-strip-stable-about-mobile,
			vhs-playback-overlay-noise-b-strong !important;
		animation-name:
			vhs-strip-stable-about-mobile,
			vhs-playback-overlay-noise-b-strong !important;
	}

	body:not(.home) .vhs-page-hero-screen::after {
		background-size: 100% 5px, 100% 34px, 100% 165%;
		-webkit-animation-name: vhs-page-screen-scan-mobile;
		animation-name: vhs-page-screen-scan-mobile;
	}
}

@-webkit-keyframes vhs-page-screen-scan-mobile {
	0% { background-position: 0 0, 0 0, 0 -160%; }
	100% { background-position: 0 5px, 0 34px, 0 260%; }
}

@keyframes vhs-page-screen-scan-mobile {
	0% { background-position: 0 0, 0 0, 0 -160%; }
	100% { background-position: 0 5px, 0 34px, 0 260%; }
}

/* ----------------------------------------------------------
   06 — OMEZENÝ POHYB V SYSTÉMU
   ---------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
	body:not(.home) .vhs-page-hero::before,
	body:not(.home) .vhs-page-hero::after,
	body:not(.home) .vhs-about-experience-section::before,
	body:not(.home) .vhs-about-experience-section::after,
	body:not(.home) .vhs-about-audience-section::before,
	body:not(.home) .vhs-about-audience-section::after,
	body:not(.home) .vhs-program-schedule-section::before,
	body:not(.home) .vhs-program-schedule-section::after,
	body:not(.home) .vhs-market-items-section::before,
	body:not(.home) .vhs-market-items-section::after,
	body:not(.home) .vhs-market-rules-section::before,
	body:not(.home) .vhs-market-rules-section::after,
	body:not(.home) .vhs-venue-map-section::before,
	body:not(.home) .vhs-venue-map-section::after,
	body:not(.home) .vhs-venue-transport-section::before,
	body:not(.home) .vhs-venue-transport-section::after,
	body:not(.home) .vhs-contact-form-section::before,
	body:not(.home) .vhs-contact-form-section::after,
	body:not(.home) .vhs-contact-social-section::before,
	body:not(.home) .vhs-contact-social-section::after,
	body:not(.home) .vhs-page-hero-screen::after {
		-webkit-animation: none !important;
		animation: none !important;
		-webkit-transform: none !important;
		transform: none !important;
		will-change: auto;
	}
}

/* ==========================================================
   VHS SRAZ — ODSTRANĚNÍ ZÁVĚREČNÝCH CTA PANELŮ PODSTRÁNEK
   V36
   ----------------------------------------------------------
   HTML sekce byly odstraněny přímo ze všech pěti podstránek.
   Toto CSS slouží jen jako bezpečnostní pojistka pro případ,
   že WordPress ještě načte starší uloženou verzi stránky.
   Front page není dotčena.
   ========================================================== */

body:not(.home) .vhs-about-cta-section,
body:not(.home) .vhs-program-cta-section,
body:not(.home) .vhs-market-cta-section,
body:not(.home) .vhs-venue-cta-section,
body:not(.home) .vhs-contact-cta-section {
	display: none !important;
}

/* ==========================================================
   VHS SRAZ — ODSTRANĚNÍ SPODNÍHO PANELU NA PAGE HOSTÉ
   V37
   ----------------------------------------------------------
   Odstraňuje závěrečný panel:
   „ČTYŘI HOSTÉ, ČTYŘI PŘÍBĚHY“
   včetně rámečku, textu a tlačítek.
   Front page není dotčena.
   ========================================================== */

body:not(.home) .vhs-guests-page .vhs-guests-announcement-section {
	display: none !important;
}

/* ==========================================================
   VHS SRAZ — PŘÍMÉ NAPOJENÍ STRIPU PRO KOHO NA FOOTER
   V38
   ----------------------------------------------------------
   Ruší WordPress block-gap pouze mezi stránkou O akci
   a hlavním footerem. Poslední celoplošný strip PRO KOHO
   tak končí přímo u horní hrany footeru.

   Výška stripu, vnitřní padding, karty, animace ani obsah
   se nemění.
   ========================================================== */

body:not(.home) .wp-site-blocks > .vhs-about-page + .vhs-site-footer,
body:not(.home) .vhs-about-page + .vhs-site-footer {
	margin-top: 0 !important;
	margin-block-start: 0 !important;
}

/* Poslední strip stránky nesmí vytvářet vlastní spodní mezeru. */
body:not(.home) .vhs-about-page .vhs-about-audience-section {
	margin-bottom: 0 !important;
}

/* Pojistka proti mezeře na hlavním kontejneru stránky. */
body:not(.home) .vhs-about-page {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

/* ==========================================================
   VHS SRAZ — SKUTEČNÉ NAPOJENÍ PRO KOHO NA FOOTER
   V39
   ----------------------------------------------------------
   Předchozí mezera nebyla tvořena běžným marginem, ale:
   1. velkým spodním paddingem stripu PRO KOHO,
   2. velkým horním paddingem footeru.

   V39 zkracuje spodní prázdnou část stripu a footer vytáhne
   vzhůru o jeho vlastní horní padding. Obsah footeru proto
   začne bez velkého prázdného pásu.
   ========================================================== */

/* Menší, ale stále bezpečný prostor pod poslední řadou karet. */
body:not(.home) .vhs-about-page .vhs-about-audience-section {
	padding-bottom: 38px !important;
	margin-bottom: 0 !important;
}

/* Zrušení WordPress block-gap na skutečném wrapperu footeru. */
body:not(.home):has(.vhs-about-page)
.wp-site-blocks > .wp-block-template-part:last-child,
body:not(.home):has(.vhs-about-page)
.wp-site-blocks > footer:last-child,
body:not(.home):has(.vhs-about-page)
.wp-site-blocks > *:has(> .vhs-site-footer) {
	margin-top: 0 !important;
	margin-block-start: 0 !important;
}

/* Footer se překryje přes svůj vlastní horní prázdný prostor.
   Jeho obsah tak začne přibližně 38 px pod posledními kartami. */
body:not(.home):has(.vhs-about-page) .vhs-site-footer {
	margin-top: calc(clamp(72px, 8vw, 118px) * -1) !important;
	margin-block-start: calc(clamp(72px, 8vw, 118px) * -1) !important;
}

/* Tablet. */
@media (max-width: 900px) {
	body:not(.home) .vhs-about-page .vhs-about-audience-section {
		padding-bottom: 32px !important;
	}
}

/* Mobil. */
@media (max-width: 620px) {
	body:not(.home) .vhs-about-page .vhs-about-audience-section {
		padding-bottom: 26px !important;
	}

	body:not(.home):has(.vhs-about-page) .vhs-site-footer {
		margin-top: calc(clamp(72px, 8vw, 118px) * -1) !important;
		margin-block-start: calc(clamp(72px, 8vw, 118px) * -1) !important;
	}
}

/* ==========================================================
   VHS SRAZ — JEDNOTNÁ VÝŠKA FOOTERU PRO CELÝ WEB
   V40
   ----------------------------------------------------------
   Referenční výška: page HOSTÉ.

   Všechny stránky včetně front page nyní používají stejné
   vnitřní vertikální rozměry footeru jako stránka Hosté:
   - horní padding: clamp(72px, 8vw, 118px)
   - spodní padding: 30px

   Přesahy nebo položení footeru vůči předchozí sekci mohou
   zůstat stránkově specifické, ale samotná výška footeru
   a vzdálenosti jeho obsahu jsou na celém webu shodné.
   ========================================================== */

:root {
	--vhs-uniform-footer-padding-top: clamp(72px, 8vw, 118px);
	--vhs-uniform-footer-padding-bottom: 30px;
}

body .vhs-site-footer,
body.home .vhs-site-footer,
body:not(.home) .vhs-site-footer {
	box-sizing: border-box !important;
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
	padding-top: var(--vhs-uniform-footer-padding-top) !important;
	padding-bottom: var(--vhs-uniform-footer-padding-bottom) !important;
}

/* Tablet i mobil zachovávají stejnou referenční geometrii
   jako footer na stránce Hosté v příslušné šířce. */
@media (max-width: 900px) {
	body .vhs-site-footer,
	body.home .vhs-site-footer,
	body:not(.home) .vhs-site-footer {
		padding-top: var(--vhs-uniform-footer-padding-top) !important;
		padding-bottom: var(--vhs-uniform-footer-padding-bottom) !important;
	}
}

@media (max-width: 620px) {
	body .vhs-site-footer,
	body.home .vhs-site-footer,
	body:not(.home) .vhs-site-footer {
		padding-top: var(--vhs-uniform-footer-padding-top) !important;
		padding-bottom: var(--vhs-uniform-footer-padding-bottom) !important;
	}
}

/* ==========================================================
   VHS SRAZ — FRONT PAGE / PROGRAM JAKO PĚT KARET
   V41
   ----------------------------------------------------------
   Původní společný panel byl odstraněn. Nadpis a tlačítko
   zůstávají, ale každá z pěti programových kategorií má nyní
   vlastní samostatnou kartu.
   ========================================================== */

/* Společný vnější rámeček už není karta. */
.vhs-ref-program {
	margin-top: 18px;
	padding: 0 0 23px;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.vhs-ref-program > h2 {
	margin: 0 0 18px;
	padding: 0 2px;
}

/* Pět skutečně oddělených karet. */
.vhs-ref-program__items {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 14px;
}

.vhs-ref-program__items .vhs-ref-program-item {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	min-width: 0;
	min-height: 178px;
	padding: 22px 16px 19px;
	border: 1px solid rgba(82, 96, 145, 0.34);
	border-radius: 9px;
	background:
		linear-gradient(
			180deg,
			rgba(13, 21, 47, 0.88),
			rgba(5, 10, 28, 0.94)
		);
	box-shadow:
		0 16px 36px rgba(0, 0, 0, 0.24),
		inset 0 1px 0 rgba(255, 255, 255, 0.025);
	text-align: center;
	gap: 0;
	overflow: hidden;
	transition:
		transform 180ms ease,
		border-color 180ms ease,
		box-shadow 180ms ease;
}

/* Jemná horní neonová linka jednotlivých karet. */
.vhs-ref-program__items .vhs-ref-program-item::before {
	position: absolute;
	top: 0;
	right: 14px;
	left: 14px;
	height: 1px;
	background: currentColor;
	box-shadow: 0 0 10px currentColor;
	opacity: 0.5;
	content: "";
	pointer-events: none;
}

.vhs-ref-program__items .vhs-ref-program-item--pink {
	border-color: rgba(255, 66, 167, 0.30);
	background:
		radial-gradient(
			circle at 50% 0%,
			rgba(255, 66, 167, 0.075),
			transparent 48%
		),
		linear-gradient(
			180deg,
			rgba(14, 20, 45, 0.9),
			rgba(5, 9, 27, 0.95)
		);
}

.vhs-ref-program__items .vhs-ref-program-item--cyan {
	border-color: rgba(32, 231, 255, 0.30);
	background:
		radial-gradient(
			circle at 50% 0%,
			rgba(32, 231, 255, 0.075),
			transparent 48%
		),
		linear-gradient(
			180deg,
			rgba(12, 21, 45, 0.9),
			rgba(5, 9, 27, 0.95)
		);
}

.vhs-ref-program__items .vhs-ref-program-item:hover {
	transform: translateY(-3px);
	border-color: currentColor;
	box-shadow:
		0 20px 42px rgba(0, 0, 0, 0.31),
		0 0 18px color-mix(in srgb, currentColor 13%, transparent),
		inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

/* Ikona je nad textem, takže každá položka působí jako karta. */
.vhs-ref-program__items .vhs-ref-program-item .vhs-ref-icon {
	--vhs-icon-size: 47px;
	flex: 0 0 auto;
	margin: 0 0 15px;
	filter: drop-shadow(0 0 6px currentColor);
}

.vhs-ref-program__items .vhs-ref-program-item h3 {
	margin: 0 0 7px;
	color: currentColor;
	font-size: 0.86rem;
	line-height: 1.2;
	text-shadow: 0 0 9px currentColor;
}

.vhs-ref-program__items .vhs-ref-program-item p {
	max-width: 180px;
	margin: 0 auto;
	font-size: 0.76rem;
	line-height: 1.48;
}

/* Tlačítko zůstává jako samostatná navigace pod kartami. */
.vhs-ref-program__button {
	margin-top: 22px;
}

/* Tablet: dvě karty v řadě, pátá vycentrovaná. */
@media (max-width: 1020px) {
	.vhs-ref-program__items {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 14px;
	}

	.vhs-ref-program__items .vhs-ref-program-item {
		min-height: 158px;
		padding: 20px 18px 18px;
		border: 1px solid rgba(82, 96, 145, 0.34) !important;
	}

	.vhs-ref-program__items .vhs-ref-program-item:last-child {
		grid-column: 1 / -1;
		width: calc(50% - 7px);
		justify-self: center;
	}
}

/* Mobil: pět plnohodnotných karet pod sebou. */
@media (max-width: 620px) {
	.vhs-ref-program {
		width: calc(100% - 18px);
		padding-right: 0;
		padding-left: 0;
	}

	.vhs-ref-program__items {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.vhs-ref-program__items .vhs-ref-program-item,
	.vhs-ref-program__items .vhs-ref-program-item:last-child {
		grid-column: auto;
		width: 100%;
		min-height: 0;
		padding: 20px 18px 18px;
		border: 1px solid rgba(82, 96, 145, 0.34) !important;
	}

	.vhs-ref-program__items .vhs-ref-program-item .vhs-ref-icon {
		--vhs-icon-size: 45px;
		margin-bottom: 13px;
	}

	.vhs-ref-program__items .vhs-ref-program-item p {
		max-width: 260px;
	}
}

/* ==========================================================
   VHS SRAZ — PROHOZENÍ PĚTI A ČTYŘ FRONTOVÝCH KARET
   V42
   ----------------------------------------------------------
   - původní objekt PROGRAM byl z HTML kompletně odstraněn,
   - pět programových kategorií je uprostřed jako běžné karty,
   - původní čtyři prostřední karty jsou přesunuty dolů,
   - vzhled vychází z ostatních .vhs-ref-info-card.
   ========================================================== */

/* Bezpečnostní pojistka pro případ starší HTML cache. */
body.home .vhs-ref-program {
	display: none !important;
}

/* ----------------------------------------------------------
   PĚT PROGRAMOVÝCH KARET UPROSTŘED
   ---------------------------------------------------------- */

body.home .vhs-ref-info--program-cards {
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

/* Pět užších karet zachovává stejnou konstrukci jako ostatní,
   pouze má o něco úspornější vnitřní prostor. */
body.home .vhs-ref-info--program-cards .vhs-ref-info-card {
	grid-template-columns: 45px minmax(0, 1fr);
	min-height: 205px;
	padding: 24px 16px 21px;
	gap: 11px;
}

body.home .vhs-ref-info--program-cards .vhs-ref-info-card .vhs-ref-icon {
	--vhs-icon-size: 40px;
}

body.home .vhs-ref-info--program-cards .vhs-ref-info-card h2 {
	font-size: 0.94rem;
}

body.home .vhs-ref-info--program-cards .vhs-ref-info-card p {
	font-size: 0.78rem;
	line-height: 1.58;
}

/* ----------------------------------------------------------
   PŮVODNÍ ČTYŘI KARTY NOVĚ DOLE PŘED FOOTEREM
   ---------------------------------------------------------- */

body.home .vhs-ref-info--bottom {
	position: relative;
	z-index: 100 !important;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin-top: -28px !important;
	margin-bottom: 0 !important;
}

body.home .vhs-ref-info--bottom .vhs-ref-info-card {
	position: relative;
	z-index: 101;
	min-height: 205px;
}

/* Footer zůstává pod spodní čtveřicí stejně jako dříve
   pod původním programovým objektem. */
body.home .vhs-ref-info--bottom + .vhs-site-footer,
body.home .wp-site-blocks > .vhs-site-footer,
body.home .vhs-site-footer {
	position: relative;
	z-index: 20 !important;
}

/* ----------------------------------------------------------
   TABLET
   ---------------------------------------------------------- */

@media (max-width: 1020px) {
	body.home .vhs-ref-info--program-cards {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.home .vhs-ref-info--program-cards .vhs-ref-info-card {
		grid-template-columns: 54px minmax(0, 1fr);
		min-height: 180px;
		padding: 24px 20px 21px;
		gap: 13px;
	}

	body.home .vhs-ref-info--program-cards .vhs-ref-info-card .vhs-ref-icon {
		--vhs-icon-size: 43px;
	}

	body.home .vhs-ref-info--program-cards .vhs-ref-info-card:last-child {
		grid-column: 1 / -1;
		width: calc(50% - 8.5px);
		justify-self: center;
	}

	body.home .vhs-ref-info--bottom {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		margin-top: -18px !important;
	}
}

/* ----------------------------------------------------------
   MOBIL
   ---------------------------------------------------------- */

@media (max-width: 620px) {
	body.home .vhs-ref-info--program-cards,
	body.home .vhs-ref-info--bottom {
		grid-template-columns: 1fr;
	}

	body.home .vhs-ref-info--program-cards .vhs-ref-info-card,
	body.home .vhs-ref-info--program-cards .vhs-ref-info-card:last-child {
		grid-column: auto;
		width: 100%;
		min-height: 0;
		padding: 23px 20px 21px;
	}

	body.home .vhs-ref-info--program-cards .vhs-ref-info-card h2 {
		font-size: 1.05rem;
	}

	body.home .vhs-ref-info--program-cards .vhs-ref-info-card p {
		font-size: 0.84rem;
		line-height: 1.65;
	}

	body.home .vhs-ref-info--bottom {
		margin-top: -12px !important;
	}

	body.home .vhs-ref-info--bottom .vhs-ref-info-card {
		min-height: 0;
	}
}

/* ==========================================================
   VHS SRAZ — JEDNOTNÝ HOVER VŠECH KARET
   V43
   ----------------------------------------------------------
   Každá karta se při najetí zvětší přímo ze svého středu,
   jako by vystoupila směrem k objektivu.

   Zrušeno:
   - posouvání karet nahoru,
   - translateY na kartách,
   - samostatné zvětšování obrázků uvnitř karet.

   Doplněno:
   - efekt i na kartách, které dosud žádný hover neměly,
   - stejný efekt pro klávesnicový focus uvnitř karty.
   ========================================================== */

/* Společná výchozí geometrie všech karet. */
.vhs-card,
.vhs-info-card,
.vhs-program-card,
.vhs-guest-card,
.vhs-market-feature,
.vhs-location-card,
.vhs-year-card,
.vhs-contact-detail,
.vhs-contact-option,
.vhs-gallery-item,
.vhs-about-experience-card,
.vhs-about-audience-card,
.vhs-about-quote-card,
.vhs-program-category-card,
.vhs-program-timeline-content,
.vhs-program-notice-card,
.vhs-guest-profile-card,
.vhs-featured-guest-card,
.vhs-guests-experience-card,
.vhs-market-how-card,
.vhs-market-item-card,
.vhs-market-rule-card,
.vhs-market-practical-card,
.vhs-practical-overview-card,
.vhs-practical-before-card,
.vhs-practical-service-card,
.vhs-practical-rule-card,
.vhs-practical-transport-card,
.vhs-venue-overview-card,
.vhs-venue-address-card,
.vhs-venue-entrance-card,
.vhs-venue-transport-card,
.vhs-venue-facility-card,
.vhs-venue-notice-card,
.vhs-contact-topic-card,
.vhs-contact-details-card,
.vhs-contact-form-card,
.vhs-contact-message-card,
.vhs-contact-social-card,
.vhs-gallery-year-card,
.vhs-gallery-photo-card,
.vhs-gallery-moment-card,
.vhs-gallery-video-card,
.vhs-gallery-aftermovie-card,
.vhs-gallery-submit-card,
.vhs-years-content-card,
.vhs-years-timeline-card,
.vhs-years-current-card,
.vhs-year-overview-card,
.vhs-year-program-item,
.vhs-year-guest-card,
.vhs-year-gallery-photo,
.vhs-year-info-card,
.vhs-year-market-card,
.vhs-year-archive-nav-card,
.vhs-guest-gallery-photo,
.vhs-guest-program-card,
.vhs-guest-navigation-card,
.vhs-ref-info-card,
.vhs-page-card,
.vhs-quote-card,
.vhs-about-cta-card,
.vhs-program-cta-card,
.vhs-market-cta-card,
.vhs-venue-cta-card,
.vhs-contact-cta-card,
.vhs-practical-cta-card,
.vhs-guest-cta-card,
.vhs-years-cta-card,
.vhs-year-cta-card,
.vhs-guests-announcement-card {
	position: relative;
	transform-origin: center center !important;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	will-change: transform;
	transition:
		transform 220ms cubic-bezier(0.20, 0.78, 0.24, 1),
		box-shadow 220ms ease,
		border-color 220ms ease,
		filter 220ms ease !important;
}

/* Jediný povolený pohyb karty: přímo směrem dopředu. */
.vhs-card:hover,
.vhs-info-card:hover,
.vhs-program-card:hover,
.vhs-guest-card:hover,
.vhs-market-feature:hover,
.vhs-location-card:hover,
.vhs-year-card:hover,
.vhs-contact-detail:hover,
.vhs-contact-option:hover,
.vhs-gallery-item:hover,
.vhs-about-experience-card:hover,
.vhs-about-audience-card:hover,
.vhs-about-quote-card:hover,
.vhs-program-category-card:hover,
.vhs-program-timeline-content:hover,
.vhs-program-notice-card:hover,
.vhs-guest-profile-card:hover,
.vhs-featured-guest-card:hover,
.vhs-guests-experience-card:hover,
.vhs-market-how-card:hover,
.vhs-market-item-card:hover,
.vhs-market-rule-card:hover,
.vhs-market-practical-card:hover,
.vhs-practical-overview-card:hover,
.vhs-practical-before-card:hover,
.vhs-practical-service-card:hover,
.vhs-practical-rule-card:hover,
.vhs-practical-transport-card:hover,
.vhs-venue-overview-card:hover,
.vhs-venue-address-card:hover,
.vhs-venue-entrance-card:hover,
.vhs-venue-transport-card:hover,
.vhs-venue-facility-card:hover,
.vhs-venue-notice-card:hover,
.vhs-contact-topic-card:hover,
.vhs-contact-details-card:hover,
.vhs-contact-form-card:hover,
.vhs-contact-message-card:hover,
.vhs-contact-social-card:hover,
.vhs-gallery-year-card:hover,
.vhs-gallery-photo-card:hover,
.vhs-gallery-moment-card:hover,
.vhs-gallery-video-card:hover,
.vhs-gallery-aftermovie-card:hover,
.vhs-gallery-submit-card:hover,
.vhs-years-content-card:hover,
.vhs-years-timeline-card:hover,
.vhs-years-current-card:hover,
.vhs-year-overview-card:hover,
.vhs-year-program-item:hover,
.vhs-year-guest-card:hover,
.vhs-year-gallery-photo:hover,
.vhs-year-info-card:hover,
.vhs-year-market-card:hover,
.vhs-year-archive-nav-card:hover,
.vhs-guest-gallery-photo:hover,
.vhs-guest-program-card:hover,
.vhs-guest-navigation-card:hover,
.vhs-ref-info-card:hover,
.vhs-page-card:hover,
.vhs-quote-card:hover,
.vhs-about-cta-card:hover,
.vhs-program-cta-card:hover,
.vhs-market-cta-card:hover,
.vhs-venue-cta-card:hover,
.vhs-contact-cta-card:hover,
.vhs-practical-cta-card:hover,
.vhs-guest-cta-card:hover,
.vhs-years-cta-card:hover,
.vhs-year-cta-card:hover,
.vhs-guests-announcement-card:hover,
.vhs-card:focus-within,
.vhs-info-card:focus-within,
.vhs-program-card:focus-within,
.vhs-guest-card:focus-within,
.vhs-market-feature:focus-within,
.vhs-location-card:focus-within,
.vhs-year-card:focus-within,
.vhs-contact-detail:focus-within,
.vhs-contact-option:focus-within,
.vhs-gallery-item:focus-within,
.vhs-about-experience-card:focus-within,
.vhs-about-audience-card:focus-within,
.vhs-about-quote-card:focus-within,
.vhs-program-category-card:focus-within,
.vhs-program-timeline-content:focus-within,
.vhs-program-notice-card:focus-within,
.vhs-guest-profile-card:focus-within,
.vhs-featured-guest-card:focus-within,
.vhs-guests-experience-card:focus-within,
.vhs-market-how-card:focus-within,
.vhs-market-item-card:focus-within,
.vhs-market-rule-card:focus-within,
.vhs-market-practical-card:focus-within,
.vhs-practical-overview-card:focus-within,
.vhs-practical-before-card:focus-within,
.vhs-practical-service-card:focus-within,
.vhs-practical-rule-card:focus-within,
.vhs-practical-transport-card:focus-within,
.vhs-venue-overview-card:focus-within,
.vhs-venue-address-card:focus-within,
.vhs-venue-entrance-card:focus-within,
.vhs-venue-transport-card:focus-within,
.vhs-venue-facility-card:focus-within,
.vhs-venue-notice-card:focus-within,
.vhs-contact-topic-card:focus-within,
.vhs-contact-details-card:focus-within,
.vhs-contact-form-card:focus-within,
.vhs-contact-message-card:focus-within,
.vhs-contact-social-card:focus-within,
.vhs-gallery-year-card:focus-within,
.vhs-gallery-photo-card:focus-within,
.vhs-gallery-moment-card:focus-within,
.vhs-gallery-video-card:focus-within,
.vhs-gallery-aftermovie-card:focus-within,
.vhs-gallery-submit-card:focus-within,
.vhs-years-content-card:focus-within,
.vhs-years-timeline-card:focus-within,
.vhs-years-current-card:focus-within,
.vhs-year-overview-card:focus-within,
.vhs-year-program-item:focus-within,
.vhs-year-guest-card:focus-within,
.vhs-year-gallery-photo:focus-within,
.vhs-year-info-card:focus-within,
.vhs-year-market-card:focus-within,
.vhs-year-archive-nav-card:focus-within,
.vhs-guest-gallery-photo:focus-within,
.vhs-guest-program-card:focus-within,
.vhs-guest-navigation-card:focus-within,
.vhs-ref-info-card:focus-within,
.vhs-page-card:focus-within,
.vhs-quote-card:focus-within,
.vhs-about-cta-card:focus-within,
.vhs-program-cta-card:focus-within,
.vhs-market-cta-card:focus-within,
.vhs-venue-cta-card:focus-within,
.vhs-contact-cta-card:focus-within,
.vhs-practical-cta-card:focus-within,
.vhs-guest-cta-card:focus-within,
.vhs-years-cta-card:focus-within,
.vhs-year-cta-card:focus-within,
.vhs-guests-announcement-card:focus-within {
	z-index: 90 !important;
	transform: scale3d(1.042, 1.042, 1) !important;
	filter: brightness(1.035);
	box-shadow:
		0 26px 58px rgba(0, 0, 0, 0.38),
		0 0 22px rgba(32, 231, 255, 0.08),
		0 0 28px rgba(255, 46, 166, 0.065) !important;
}

/* Obrázek už se samostatně nepřibližuje.
   Zvětšuje se s celou kartou jako její součást. */
.vhs-gallery-item:hover img.wp-block-cover__image-background,
.vhs-guest-profile-card:hover .vhs-guest-profile-image img,
.vhs-venue-entrance-card:hover .vhs-venue-entrance-image img,
.vhs-gallery-photo-card:hover img,
.vhs-year-guest-card:hover .vhs-year-guest-photo img,
.vhs-year-gallery-photo:hover img,
.vhs-guest-gallery-photo:hover img,
.vhs-gallery-item:focus-within img.wp-block-cover__image-background,
.vhs-guest-profile-card:focus-within .vhs-guest-profile-image img,
.vhs-venue-entrance-card:focus-within .vhs-venue-entrance-image img,
.vhs-gallery-photo-card:focus-within img,
.vhs-year-guest-card:focus-within .vhs-year-guest-photo img,
.vhs-year-gallery-photo:focus-within img,
.vhs-guest-gallery-photo:focus-within img {
	transform: none !important;
}

/* Textové a obrazové vrstvy uvnitř karet se už samostatně
   neposouvají. */
.vhs-gallery-photo-card:hover .vhs-gallery-photo-caption,
.vhs-gallery-photo-card:focus-within .vhs-gallery-photo-caption {
	transform: none !important;
}

/* Okolní mřížky dovolí kartě vystoupit před sousední prvky. */
.vhs-ref-info,
.vhs-about-experience-grid,
.vhs-about-audience-grid,
.vhs-program-categories-grid,
.vhs-program-timeline,
.vhs-guests-grid,
.vhs-guests-experience-grid,
.vhs-market-how-grid,
.vhs-market-items-grid,
.vhs-market-rules-grid,
.vhs-market-practical-grid,
.vhs-practical-overview-grid,
.vhs-practical-before-grid,
.vhs-practical-services-grid,
.vhs-practical-rules-grid,
.vhs-venue-overview-grid,
.vhs-venue-entrance-grid,
.vhs-venue-transport-grid,
.vhs-venue-facilities-grid,
.vhs-contact-topics-grid,
.vhs-contact-message-grid,
.vhs-contact-social-grid,
.vhs-gallery-grid,
.vhs-gallery-year-grid,
.vhs-gallery-photo-grid,
.vhs-gallery-moment-grid,
.vhs-gallery-video-grid,
.vhs-years-content-grid,
.vhs-years-timeline,
.vhs-year-overview-grid,
.vhs-year-program-grid,
.vhs-year-guests-grid,
.vhs-year-gallery-grid,
.vhs-year-info-grid {
	overflow: visible !important;
}

/* Na dotykových zařízeních může prohlížeč vytvořit dočasný hover.
   I tam zůstává pouze zvětšení bez posunu nahoru. */
@media (hover: none) {
	.vhs-card:hover,
.vhs-info-card:hover,
.vhs-program-card:hover,
.vhs-guest-card:hover,
.vhs-market-feature:hover,
.vhs-location-card:hover,
.vhs-year-card:hover,
.vhs-contact-detail:hover,
.vhs-contact-option:hover,
.vhs-gallery-item:hover,
.vhs-about-experience-card:hover,
.vhs-about-audience-card:hover,
.vhs-about-quote-card:hover,
.vhs-program-category-card:hover,
.vhs-program-timeline-content:hover,
.vhs-program-notice-card:hover,
.vhs-guest-profile-card:hover,
.vhs-featured-guest-card:hover,
.vhs-guests-experience-card:hover,
.vhs-market-how-card:hover,
.vhs-market-item-card:hover,
.vhs-market-rule-card:hover,
.vhs-market-practical-card:hover,
.vhs-practical-overview-card:hover,
.vhs-practical-before-card:hover,
.vhs-practical-service-card:hover,
.vhs-practical-rule-card:hover,
.vhs-practical-transport-card:hover,
.vhs-venue-overview-card:hover,
.vhs-venue-address-card:hover,
.vhs-venue-entrance-card:hover,
.vhs-venue-transport-card:hover,
.vhs-venue-facility-card:hover,
.vhs-venue-notice-card:hover,
.vhs-contact-topic-card:hover,
.vhs-contact-details-card:hover,
.vhs-contact-form-card:hover,
.vhs-contact-message-card:hover,
.vhs-contact-social-card:hover,
.vhs-gallery-year-card:hover,
.vhs-gallery-photo-card:hover,
.vhs-gallery-moment-card:hover,
.vhs-gallery-video-card:hover,
.vhs-gallery-aftermovie-card:hover,
.vhs-gallery-submit-card:hover,
.vhs-years-content-card:hover,
.vhs-years-timeline-card:hover,
.vhs-years-current-card:hover,
.vhs-year-overview-card:hover,
.vhs-year-program-item:hover,
.vhs-year-guest-card:hover,
.vhs-year-gallery-photo:hover,
.vhs-year-info-card:hover,
.vhs-year-market-card:hover,
.vhs-year-archive-nav-card:hover,
.vhs-guest-gallery-photo:hover,
.vhs-guest-program-card:hover,
.vhs-guest-navigation-card:hover,
.vhs-ref-info-card:hover,
.vhs-page-card:hover,
.vhs-quote-card:hover,
.vhs-about-cta-card:hover,
.vhs-program-cta-card:hover,
.vhs-market-cta-card:hover,
.vhs-venue-cta-card:hover,
.vhs-contact-cta-card:hover,
.vhs-practical-cta-card:hover,
.vhs-guest-cta-card:hover,
.vhs-years-cta-card:hover,
.vhs-year-cta-card:hover,
.vhs-guests-announcement-card:hover {
		transform: scale3d(1.025, 1.025, 1) !important;
	}
}

/* Respektování systémového omezení pohybu. */
@media (prefers-reduced-motion: reduce) {
	.vhs-card,
.vhs-info-card,
.vhs-program-card,
.vhs-guest-card,
.vhs-market-feature,
.vhs-location-card,
.vhs-year-card,
.vhs-contact-detail,
.vhs-contact-option,
.vhs-gallery-item,
.vhs-about-experience-card,
.vhs-about-audience-card,
.vhs-about-quote-card,
.vhs-program-category-card,
.vhs-program-timeline-content,
.vhs-program-notice-card,
.vhs-guest-profile-card,
.vhs-featured-guest-card,
.vhs-guests-experience-card,
.vhs-market-how-card,
.vhs-market-item-card,
.vhs-market-rule-card,
.vhs-market-practical-card,
.vhs-practical-overview-card,
.vhs-practical-before-card,
.vhs-practical-service-card,
.vhs-practical-rule-card,
.vhs-practical-transport-card,
.vhs-venue-overview-card,
.vhs-venue-address-card,
.vhs-venue-entrance-card,
.vhs-venue-transport-card,
.vhs-venue-facility-card,
.vhs-venue-notice-card,
.vhs-contact-topic-card,
.vhs-contact-details-card,
.vhs-contact-form-card,
.vhs-contact-message-card,
.vhs-contact-social-card,
.vhs-gallery-year-card,
.vhs-gallery-photo-card,
.vhs-gallery-moment-card,
.vhs-gallery-video-card,
.vhs-gallery-aftermovie-card,
.vhs-gallery-submit-card,
.vhs-years-content-card,
.vhs-years-timeline-card,
.vhs-years-current-card,
.vhs-year-overview-card,
.vhs-year-program-item,
.vhs-year-guest-card,
.vhs-year-gallery-photo,
.vhs-year-info-card,
.vhs-year-market-card,
.vhs-year-archive-nav-card,
.vhs-guest-gallery-photo,
.vhs-guest-program-card,
.vhs-guest-navigation-card,
.vhs-ref-info-card,
.vhs-page-card,
.vhs-quote-card,
.vhs-about-cta-card,
.vhs-program-cta-card,
.vhs-market-cta-card,
.vhs-venue-cta-card,
.vhs-contact-cta-card,
.vhs-practical-cta-card,
.vhs-guest-cta-card,
.vhs-years-cta-card,
.vhs-year-cta-card,
.vhs-guests-announcement-card {
		transition: none !important;
	}

	.vhs-card:hover,
.vhs-info-card:hover,
.vhs-program-card:hover,
.vhs-guest-card:hover,
.vhs-market-feature:hover,
.vhs-location-card:hover,
.vhs-year-card:hover,
.vhs-contact-detail:hover,
.vhs-contact-option:hover,
.vhs-gallery-item:hover,
.vhs-about-experience-card:hover,
.vhs-about-audience-card:hover,
.vhs-about-quote-card:hover,
.vhs-program-category-card:hover,
.vhs-program-timeline-content:hover,
.vhs-program-notice-card:hover,
.vhs-guest-profile-card:hover,
.vhs-featured-guest-card:hover,
.vhs-guests-experience-card:hover,
.vhs-market-how-card:hover,
.vhs-market-item-card:hover,
.vhs-market-rule-card:hover,
.vhs-market-practical-card:hover,
.vhs-practical-overview-card:hover,
.vhs-practical-before-card:hover,
.vhs-practical-service-card:hover,
.vhs-practical-rule-card:hover,
.vhs-practical-transport-card:hover,
.vhs-venue-overview-card:hover,
.vhs-venue-address-card:hover,
.vhs-venue-entrance-card:hover,
.vhs-venue-transport-card:hover,
.vhs-venue-facility-card:hover,
.vhs-venue-notice-card:hover,
.vhs-contact-topic-card:hover,
.vhs-contact-details-card:hover,
.vhs-contact-form-card:hover,
.vhs-contact-message-card:hover,
.vhs-contact-social-card:hover,
.vhs-gallery-year-card:hover,
.vhs-gallery-photo-card:hover,
.vhs-gallery-moment-card:hover,
.vhs-gallery-video-card:hover,
.vhs-gallery-aftermovie-card:hover,
.vhs-gallery-submit-card:hover,
.vhs-years-content-card:hover,
.vhs-years-timeline-card:hover,
.vhs-years-current-card:hover,
.vhs-year-overview-card:hover,
.vhs-year-program-item:hover,
.vhs-year-guest-card:hover,
.vhs-year-gallery-photo:hover,
.vhs-year-info-card:hover,
.vhs-year-market-card:hover,
.vhs-year-archive-nav-card:hover,
.vhs-guest-gallery-photo:hover,
.vhs-guest-program-card:hover,
.vhs-guest-navigation-card:hover,
.vhs-ref-info-card:hover,
.vhs-page-card:hover,
.vhs-quote-card:hover,
.vhs-about-cta-card:hover,
.vhs-program-cta-card:hover,
.vhs-market-cta-card:hover,
.vhs-venue-cta-card:hover,
.vhs-contact-cta-card:hover,
.vhs-practical-cta-card:hover,
.vhs-guest-cta-card:hover,
.vhs-years-cta-card:hover,
.vhs-year-cta-card:hover,
.vhs-guests-announcement-card:hover,
	.vhs-card:focus-within,
.vhs-info-card:focus-within,
.vhs-program-card:focus-within,
.vhs-guest-card:focus-within,
.vhs-market-feature:focus-within,
.vhs-location-card:focus-within,
.vhs-year-card:focus-within,
.vhs-contact-detail:focus-within,
.vhs-contact-option:focus-within,
.vhs-gallery-item:focus-within,
.vhs-about-experience-card:focus-within,
.vhs-about-audience-card:focus-within,
.vhs-about-quote-card:focus-within,
.vhs-program-category-card:focus-within,
.vhs-program-timeline-content:focus-within,
.vhs-program-notice-card:focus-within,
.vhs-guest-profile-card:focus-within,
.vhs-featured-guest-card:focus-within,
.vhs-guests-experience-card:focus-within,
.vhs-market-how-card:focus-within,
.vhs-market-item-card:focus-within,
.vhs-market-rule-card:focus-within,
.vhs-market-practical-card:focus-within,
.vhs-practical-overview-card:focus-within,
.vhs-practical-before-card:focus-within,
.vhs-practical-service-card:focus-within,
.vhs-practical-rule-card:focus-within,
.vhs-practical-transport-card:focus-within,
.vhs-venue-overview-card:focus-within,
.vhs-venue-address-card:focus-within,
.vhs-venue-entrance-card:focus-within,
.vhs-venue-transport-card:focus-within,
.vhs-venue-facility-card:focus-within,
.vhs-venue-notice-card:focus-within,
.vhs-contact-topic-card:focus-within,
.vhs-contact-details-card:focus-within,
.vhs-contact-form-card:focus-within,
.vhs-contact-message-card:focus-within,
.vhs-contact-social-card:focus-within,
.vhs-gallery-year-card:focus-within,
.vhs-gallery-photo-card:focus-within,
.vhs-gallery-moment-card:focus-within,
.vhs-gallery-video-card:focus-within,
.vhs-gallery-aftermovie-card:focus-within,
.vhs-gallery-submit-card:focus-within,
.vhs-years-content-card:focus-within,
.vhs-years-timeline-card:focus-within,
.vhs-years-current-card:focus-within,
.vhs-year-overview-card:focus-within,
.vhs-year-program-item:focus-within,
.vhs-year-guest-card:focus-within,
.vhs-year-gallery-photo:focus-within,
.vhs-year-info-card:focus-within,
.vhs-year-market-card:focus-within,
.vhs-year-archive-nav-card:focus-within,
.vhs-guest-gallery-photo:focus-within,
.vhs-guest-program-card:focus-within,
.vhs-guest-navigation-card:focus-within,
.vhs-ref-info-card:focus-within,
.vhs-page-card:focus-within,
.vhs-quote-card:focus-within,
.vhs-about-cta-card:focus-within,
.vhs-program-cta-card:focus-within,
.vhs-market-cta-card:focus-within,
.vhs-venue-cta-card:focus-within,
.vhs-contact-cta-card:focus-within,
.vhs-practical-cta-card:focus-within,
.vhs-guest-cta-card:focus-within,
.vhs-years-cta-card:focus-within,
.vhs-year-cta-card:focus-within,
.vhs-guests-announcement-card:focus-within {
		transform: scale3d(1.018, 1.018, 1) !important;
	}
}

/* ==========================================================
   VHS SRAZ — KARTY BEZ NEONOVÉHO OBTÁHOVÁNÍ
   V44
   ----------------------------------------------------------
   Front page zůstává vizuálním vzorem a není změněna.

   Na všech ostatních stránkách:
   - odstraněn cyanový, růžový a oranžový svit obvodu,
   - rámeček je neutrální stejně jako na frontu,
   - stín je pouze tmavý a prostorový,
   - barevné ikony, nadpisy a vnitřní akcenty zůstávají,
   - přiblížení karty směrem do objektivu z V43 zůstává.
   ========================================================== */

:root {
	--vhs-card-neutral-border: rgba(81, 113, 183, 0.38);
	--vhs-card-neutral-border-hover: rgba(103, 126, 181, 0.52);
	--vhs-card-neutral-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.035),
		0 19px 48px rgba(0, 0, 0, 0.31);
	--vhs-card-neutral-shadow-hover:
		inset 0 1px 0 rgba(255, 255, 255, 0.045),
		0 27px 60px rgba(0, 0, 0, 0.42);
}

/* Stejný čistý obvod jako u frontových karet. */
body:not(.home) .vhs-card,
body:not(.home) .vhs-info-card,
body:not(.home) .vhs-program-card,
body:not(.home) .vhs-guest-card,
body:not(.home) .vhs-market-feature,
body:not(.home) .vhs-location-card,
body:not(.home) .vhs-year-card,
body:not(.home) .vhs-contact-detail,
body:not(.home) .vhs-contact-option,
body:not(.home) .vhs-gallery-item,
body:not(.home) .vhs-about-experience-card,
body:not(.home) .vhs-about-audience-card,
body:not(.home) .vhs-about-quote-card,
body:not(.home) .vhs-program-category-card,
body:not(.home) .vhs-program-timeline-content,
body:not(.home) .vhs-program-notice-card,
body:not(.home) .vhs-guest-profile-card,
body:not(.home) .vhs-featured-guest-card,
body:not(.home) .vhs-guests-experience-card,
body:not(.home) .vhs-guest-link-card,
body:not(.home) .vhs-market-how-card,
body:not(.home) .vhs-market-item-card,
body:not(.home) .vhs-market-rule-card,
body:not(.home) .vhs-market-practical-card,
body:not(.home) .vhs-practical-overview-card,
body:not(.home) .vhs-practical-before-card,
body:not(.home) .vhs-practical-service-card,
body:not(.home) .vhs-practical-rule-card,
body:not(.home) .vhs-practical-transport-card,
body:not(.home) .vhs-venue-overview-card,
body:not(.home) .vhs-venue-address-card,
body:not(.home) .vhs-venue-entrance-card,
body:not(.home) .vhs-venue-transport-card,
body:not(.home) .vhs-venue-facility-card,
body:not(.home) .vhs-venue-notice-card,
body:not(.home) .vhs-contact-topic-card,
body:not(.home) .vhs-contact-details-card,
body:not(.home) .vhs-contact-form-card,
body:not(.home) .vhs-contact-message-card,
body:not(.home) .vhs-contact-social-card,
body:not(.home) .vhs-gallery-year-card,
body:not(.home) .vhs-gallery-photo-card,
body:not(.home) .vhs-gallery-moment-card,
body:not(.home) .vhs-gallery-video-card,
body:not(.home) .vhs-gallery-aftermovie-card,
body:not(.home) .vhs-gallery-submit-card,
body:not(.home) .vhs-years-content-card,
body:not(.home) .vhs-years-timeline-card,
body:not(.home) .vhs-years-current-card,
body:not(.home) .vhs-year-overview-card,
body:not(.home) .vhs-year-program-item,
body:not(.home) .vhs-year-guest-card,
body:not(.home) .vhs-year-gallery-photo,
body:not(.home) .vhs-year-info-card,
body:not(.home) .vhs-year-market-card,
body:not(.home) .vhs-year-archive-nav-card,
body:not(.home) .vhs-guest-gallery-photo,
body:not(.home) .vhs-guest-program-card,
body:not(.home) .vhs-guest-navigation-card,
body:not(.home) .vhs-page-card,
body:not(.home) .vhs-quote-card,
body:not(.home) .vhs-about-cta-card,
body:not(.home) .vhs-program-cta-card,
body:not(.home) .vhs-market-cta-card,
body:not(.home) .vhs-venue-cta-card,
body:not(.home) .vhs-contact-cta-card,
body:not(.home) .vhs-practical-cta-card,
body:not(.home) .vhs-guest-cta-card,
body:not(.home) .vhs-years-cta-card,
body:not(.home) .vhs-year-cta-card,
body:not(.home) .vhs-guests-announcement-card {
	border-color: var(--vhs-card-neutral-border) !important;
	box-shadow: var(--vhs-card-neutral-shadow) !important;
}

/* Hover zachovává pouze zoom do objektivu, bez neonového lemu. */
body:not(.home) .vhs-card:hover,
body:not(.home) .vhs-info-card:hover,
body:not(.home) .vhs-program-card:hover,
body:not(.home) .vhs-guest-card:hover,
body:not(.home) .vhs-market-feature:hover,
body:not(.home) .vhs-location-card:hover,
body:not(.home) .vhs-year-card:hover,
body:not(.home) .vhs-contact-detail:hover,
body:not(.home) .vhs-contact-option:hover,
body:not(.home) .vhs-gallery-item:hover,
body:not(.home) .vhs-about-experience-card:hover,
body:not(.home) .vhs-about-audience-card:hover,
body:not(.home) .vhs-about-quote-card:hover,
body:not(.home) .vhs-program-category-card:hover,
body:not(.home) .vhs-program-timeline-content:hover,
body:not(.home) .vhs-program-notice-card:hover,
body:not(.home) .vhs-guest-profile-card:hover,
body:not(.home) .vhs-featured-guest-card:hover,
body:not(.home) .vhs-guests-experience-card:hover,
body:not(.home) .vhs-guest-link-card:hover,
body:not(.home) .vhs-market-how-card:hover,
body:not(.home) .vhs-market-item-card:hover,
body:not(.home) .vhs-market-rule-card:hover,
body:not(.home) .vhs-market-practical-card:hover,
body:not(.home) .vhs-practical-overview-card:hover,
body:not(.home) .vhs-practical-before-card:hover,
body:not(.home) .vhs-practical-service-card:hover,
body:not(.home) .vhs-practical-rule-card:hover,
body:not(.home) .vhs-practical-transport-card:hover,
body:not(.home) .vhs-venue-overview-card:hover,
body:not(.home) .vhs-venue-address-card:hover,
body:not(.home) .vhs-venue-entrance-card:hover,
body:not(.home) .vhs-venue-transport-card:hover,
body:not(.home) .vhs-venue-facility-card:hover,
body:not(.home) .vhs-venue-notice-card:hover,
body:not(.home) .vhs-contact-topic-card:hover,
body:not(.home) .vhs-contact-details-card:hover,
body:not(.home) .vhs-contact-form-card:hover,
body:not(.home) .vhs-contact-message-card:hover,
body:not(.home) .vhs-contact-social-card:hover,
body:not(.home) .vhs-gallery-year-card:hover,
body:not(.home) .vhs-gallery-photo-card:hover,
body:not(.home) .vhs-gallery-moment-card:hover,
body:not(.home) .vhs-gallery-video-card:hover,
body:not(.home) .vhs-gallery-aftermovie-card:hover,
body:not(.home) .vhs-gallery-submit-card:hover,
body:not(.home) .vhs-years-content-card:hover,
body:not(.home) .vhs-years-timeline-card:hover,
body:not(.home) .vhs-years-current-card:hover,
body:not(.home) .vhs-year-overview-card:hover,
body:not(.home) .vhs-year-program-item:hover,
body:not(.home) .vhs-year-guest-card:hover,
body:not(.home) .vhs-year-gallery-photo:hover,
body:not(.home) .vhs-year-info-card:hover,
body:not(.home) .vhs-year-market-card:hover,
body:not(.home) .vhs-year-archive-nav-card:hover,
body:not(.home) .vhs-guest-gallery-photo:hover,
body:not(.home) .vhs-guest-program-card:hover,
body:not(.home) .vhs-guest-navigation-card:hover,
body:not(.home) .vhs-page-card:hover,
body:not(.home) .vhs-quote-card:hover,
body:not(.home) .vhs-about-cta-card:hover,
body:not(.home) .vhs-program-cta-card:hover,
body:not(.home) .vhs-market-cta-card:hover,
body:not(.home) .vhs-venue-cta-card:hover,
body:not(.home) .vhs-contact-cta-card:hover,
body:not(.home) .vhs-practical-cta-card:hover,
body:not(.home) .vhs-guest-cta-card:hover,
body:not(.home) .vhs-years-cta-card:hover,
body:not(.home) .vhs-year-cta-card:hover,
body:not(.home) .vhs-guests-announcement-card:hover,
body:not(.home) .vhs-card:focus-within,
body:not(.home) .vhs-info-card:focus-within,
body:not(.home) .vhs-program-card:focus-within,
body:not(.home) .vhs-guest-card:focus-within,
body:not(.home) .vhs-market-feature:focus-within,
body:not(.home) .vhs-location-card:focus-within,
body:not(.home) .vhs-year-card:focus-within,
body:not(.home) .vhs-contact-detail:focus-within,
body:not(.home) .vhs-contact-option:focus-within,
body:not(.home) .vhs-gallery-item:focus-within,
body:not(.home) .vhs-about-experience-card:focus-within,
body:not(.home) .vhs-about-audience-card:focus-within,
body:not(.home) .vhs-about-quote-card:focus-within,
body:not(.home) .vhs-program-category-card:focus-within,
body:not(.home) .vhs-program-timeline-content:focus-within,
body:not(.home) .vhs-program-notice-card:focus-within,
body:not(.home) .vhs-guest-profile-card:focus-within,
body:not(.home) .vhs-featured-guest-card:focus-within,
body:not(.home) .vhs-guests-experience-card:focus-within,
body:not(.home) .vhs-guest-link-card:focus-within,
body:not(.home) .vhs-market-how-card:focus-within,
body:not(.home) .vhs-market-item-card:focus-within,
body:not(.home) .vhs-market-rule-card:focus-within,
body:not(.home) .vhs-market-practical-card:focus-within,
body:not(.home) .vhs-practical-overview-card:focus-within,
body:not(.home) .vhs-practical-before-card:focus-within,
body:not(.home) .vhs-practical-service-card:focus-within,
body:not(.home) .vhs-practical-rule-card:focus-within,
body:not(.home) .vhs-practical-transport-card:focus-within,
body:not(.home) .vhs-venue-overview-card:focus-within,
body:not(.home) .vhs-venue-address-card:focus-within,
body:not(.home) .vhs-venue-entrance-card:focus-within,
body:not(.home) .vhs-venue-transport-card:focus-within,
body:not(.home) .vhs-venue-facility-card:focus-within,
body:not(.home) .vhs-venue-notice-card:focus-within,
body:not(.home) .vhs-contact-topic-card:focus-within,
body:not(.home) .vhs-contact-details-card:focus-within,
body:not(.home) .vhs-contact-form-card:focus-within,
body:not(.home) .vhs-contact-message-card:focus-within,
body:not(.home) .vhs-contact-social-card:focus-within,
body:not(.home) .vhs-gallery-year-card:focus-within,
body:not(.home) .vhs-gallery-photo-card:focus-within,
body:not(.home) .vhs-gallery-moment-card:focus-within,
body:not(.home) .vhs-gallery-video-card:focus-within,
body:not(.home) .vhs-gallery-aftermovie-card:focus-within,
body:not(.home) .vhs-gallery-submit-card:focus-within,
body:not(.home) .vhs-years-content-card:focus-within,
body:not(.home) .vhs-years-timeline-card:focus-within,
body:not(.home) .vhs-years-current-card:focus-within,
body:not(.home) .vhs-year-overview-card:focus-within,
body:not(.home) .vhs-year-program-item:focus-within,
body:not(.home) .vhs-year-guest-card:focus-within,
body:not(.home) .vhs-year-gallery-photo:focus-within,
body:not(.home) .vhs-year-info-card:focus-within,
body:not(.home) .vhs-year-market-card:focus-within,
body:not(.home) .vhs-year-archive-nav-card:focus-within,
body:not(.home) .vhs-guest-gallery-photo:focus-within,
body:not(.home) .vhs-guest-program-card:focus-within,
body:not(.home) .vhs-guest-navigation-card:focus-within,
body:not(.home) .vhs-page-card:focus-within,
body:not(.home) .vhs-quote-card:focus-within,
body:not(.home) .vhs-about-cta-card:focus-within,
body:not(.home) .vhs-program-cta-card:focus-within,
body:not(.home) .vhs-market-cta-card:focus-within,
body:not(.home) .vhs-venue-cta-card:focus-within,
body:not(.home) .vhs-contact-cta-card:focus-within,
body:not(.home) .vhs-practical-cta-card:focus-within,
body:not(.home) .vhs-guest-cta-card:focus-within,
body:not(.home) .vhs-years-cta-card:focus-within,
body:not(.home) .vhs-year-cta-card:focus-within,
body:not(.home) .vhs-guests-announcement-card:focus-within {
	border-color: var(--vhs-card-neutral-border-hover) !important;
	box-shadow: var(--vhs-card-neutral-shadow-hover) !important;
}

/* Horní barevné linky a další dekorace mohou zůstat,
   ale už kolem sebe nevytvářejí neonovou záři. */
body:not(.home) .vhs-card::before,
body:not(.home) .vhs-info-card::before,
body:not(.home) .vhs-program-card::before,
body:not(.home) .vhs-guest-card::before,
body:not(.home) .vhs-market-feature::before,
body:not(.home) .vhs-location-card::before,
body:not(.home) .vhs-year-card::before,
body:not(.home) .vhs-contact-detail::before,
body:not(.home) .vhs-contact-option::before,
body:not(.home) .vhs-gallery-item::before,
body:not(.home) .vhs-about-experience-card::before,
body:not(.home) .vhs-about-audience-card::before,
body:not(.home) .vhs-about-quote-card::before,
body:not(.home) .vhs-program-category-card::before,
body:not(.home) .vhs-program-timeline-content::before,
body:not(.home) .vhs-program-notice-card::before,
body:not(.home) .vhs-guest-profile-card::before,
body:not(.home) .vhs-featured-guest-card::before,
body:not(.home) .vhs-guests-experience-card::before,
body:not(.home) .vhs-guest-link-card::before,
body:not(.home) .vhs-market-how-card::before,
body:not(.home) .vhs-market-item-card::before,
body:not(.home) .vhs-market-rule-card::before,
body:not(.home) .vhs-market-practical-card::before,
body:not(.home) .vhs-practical-overview-card::before,
body:not(.home) .vhs-practical-before-card::before,
body:not(.home) .vhs-practical-service-card::before,
body:not(.home) .vhs-practical-rule-card::before,
body:not(.home) .vhs-practical-transport-card::before,
body:not(.home) .vhs-venue-overview-card::before,
body:not(.home) .vhs-venue-address-card::before,
body:not(.home) .vhs-venue-entrance-card::before,
body:not(.home) .vhs-venue-transport-card::before,
body:not(.home) .vhs-venue-facility-card::before,
body:not(.home) .vhs-venue-notice-card::before,
body:not(.home) .vhs-contact-topic-card::before,
body:not(.home) .vhs-contact-details-card::before,
body:not(.home) .vhs-contact-form-card::before,
body:not(.home) .vhs-contact-message-card::before,
body:not(.home) .vhs-contact-social-card::before,
body:not(.home) .vhs-gallery-year-card::before,
body:not(.home) .vhs-gallery-photo-card::before,
body:not(.home) .vhs-gallery-moment-card::before,
body:not(.home) .vhs-gallery-video-card::before,
body:not(.home) .vhs-gallery-aftermovie-card::before,
body:not(.home) .vhs-gallery-submit-card::before,
body:not(.home) .vhs-years-content-card::before,
body:not(.home) .vhs-years-timeline-card::before,
body:not(.home) .vhs-years-current-card::before,
body:not(.home) .vhs-year-overview-card::before,
body:not(.home) .vhs-year-program-item::before,
body:not(.home) .vhs-year-guest-card::before,
body:not(.home) .vhs-year-gallery-photo::before,
body:not(.home) .vhs-year-info-card::before,
body:not(.home) .vhs-year-market-card::before,
body:not(.home) .vhs-year-archive-nav-card::before,
body:not(.home) .vhs-guest-gallery-photo::before,
body:not(.home) .vhs-guest-program-card::before,
body:not(.home) .vhs-guest-navigation-card::before,
body:not(.home) .vhs-page-card::before,
body:not(.home) .vhs-quote-card::before,
body:not(.home) .vhs-about-cta-card::before,
body:not(.home) .vhs-program-cta-card::before,
body:not(.home) .vhs-market-cta-card::before,
body:not(.home) .vhs-venue-cta-card::before,
body:not(.home) .vhs-contact-cta-card::before,
body:not(.home) .vhs-practical-cta-card::before,
body:not(.home) .vhs-guest-cta-card::before,
body:not(.home) .vhs-years-cta-card::before,
body:not(.home) .vhs-year-cta-card::before,
body:not(.home) .vhs-guests-announcement-card::before,
body:not(.home) .vhs-card::after,
body:not(.home) .vhs-info-card::after,
body:not(.home) .vhs-program-card::after,
body:not(.home) .vhs-guest-card::after,
body:not(.home) .vhs-market-feature::after,
body:not(.home) .vhs-location-card::after,
body:not(.home) .vhs-year-card::after,
body:not(.home) .vhs-contact-detail::after,
body:not(.home) .vhs-contact-option::after,
body:not(.home) .vhs-gallery-item::after,
body:not(.home) .vhs-about-experience-card::after,
body:not(.home) .vhs-about-audience-card::after,
body:not(.home) .vhs-about-quote-card::after,
body:not(.home) .vhs-program-category-card::after,
body:not(.home) .vhs-program-timeline-content::after,
body:not(.home) .vhs-program-notice-card::after,
body:not(.home) .vhs-guest-profile-card::after,
body:not(.home) .vhs-featured-guest-card::after,
body:not(.home) .vhs-guests-experience-card::after,
body:not(.home) .vhs-guest-link-card::after,
body:not(.home) .vhs-market-how-card::after,
body:not(.home) .vhs-market-item-card::after,
body:not(.home) .vhs-market-rule-card::after,
body:not(.home) .vhs-market-practical-card::after,
body:not(.home) .vhs-practical-overview-card::after,
body:not(.home) .vhs-practical-before-card::after,
body:not(.home) .vhs-practical-service-card::after,
body:not(.home) .vhs-practical-rule-card::after,
body:not(.home) .vhs-practical-transport-card::after,
body:not(.home) .vhs-venue-overview-card::after,
body:not(.home) .vhs-venue-address-card::after,
body:not(.home) .vhs-venue-entrance-card::after,
body:not(.home) .vhs-venue-transport-card::after,
body:not(.home) .vhs-venue-facility-card::after,
body:not(.home) .vhs-venue-notice-card::after,
body:not(.home) .vhs-contact-topic-card::after,
body:not(.home) .vhs-contact-details-card::after,
body:not(.home) .vhs-contact-form-card::after,
body:not(.home) .vhs-contact-message-card::after,
body:not(.home) .vhs-contact-social-card::after,
body:not(.home) .vhs-gallery-year-card::after,
body:not(.home) .vhs-gallery-photo-card::after,
body:not(.home) .vhs-gallery-moment-card::after,
body:not(.home) .vhs-gallery-video-card::after,
body:not(.home) .vhs-gallery-aftermovie-card::after,
body:not(.home) .vhs-gallery-submit-card::after,
body:not(.home) .vhs-years-content-card::after,
body:not(.home) .vhs-years-timeline-card::after,
body:not(.home) .vhs-years-current-card::after,
body:not(.home) .vhs-year-overview-card::after,
body:not(.home) .vhs-year-program-item::after,
body:not(.home) .vhs-year-guest-card::after,
body:not(.home) .vhs-year-gallery-photo::after,
body:not(.home) .vhs-year-info-card::after,
body:not(.home) .vhs-year-market-card::after,
body:not(.home) .vhs-year-archive-nav-card::after,
body:not(.home) .vhs-guest-gallery-photo::after,
body:not(.home) .vhs-guest-program-card::after,
body:not(.home) .vhs-guest-navigation-card::after,
body:not(.home) .vhs-page-card::after,
body:not(.home) .vhs-quote-card::after,
body:not(.home) .vhs-about-cta-card::after,
body:not(.home) .vhs-program-cta-card::after,
body:not(.home) .vhs-market-cta-card::after,
body:not(.home) .vhs-venue-cta-card::after,
body:not(.home) .vhs-contact-cta-card::after,
body:not(.home) .vhs-practical-cta-card::after,
body:not(.home) .vhs-guest-cta-card::after,
body:not(.home) .vhs-years-cta-card::after,
body:not(.home) .vhs-year-cta-card::after,
body:not(.home) .vhs-guests-announcement-card::after {
	box-shadow: none !important;
}

/* ==========================================================
   VHS SRAZ — PROGRAM PÁTEK / SOBOTA + STATICKÉ KARTY
   V45
   ----------------------------------------------------------
   - harmonogram existuje ve dvou samostatných kopiích,
   - záložky PÁTEK a SOBOTA mezi nimi přepínají,
   - pátek je výchozí,
   - přepínání je čistě HTML + CSS, bez JavaScriptu,
   - karty harmonogramu jsou zcela statické,
   - ostatní karty webu si zoom efekt ponechávají.
   ========================================================== */

.vhs-program-day-switcher {
	position: relative;
	margin-top: 30px;
}

.vhs-program-day-radio {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	opacity: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
}

.vhs-program-day-tabs {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	width: min(100%, 560px);
	margin: 0 auto 32px;
	padding: 5px;
	border: 1px solid rgba(81, 113, 183, 0.34);
	border-radius: 13px;
	background:
		linear-gradient(
			180deg,
			rgba(13, 20, 42, 0.94),
			rgba(5, 9, 23, 0.98)
		);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.025),
		0 18px 42px rgba(0, 0, 0, 0.25);
	gap: 5px;
}

.vhs-program-day-tab {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 54px;
	margin: 0;
	padding: 13px 22px;
	border: 1px solid transparent;
	border-radius: 9px;
	color: rgba(202, 211, 234, 0.68);
	background: transparent;
	font-family: "Arial Narrow", "Roboto Condensed", Impact, sans-serif;
	font-size: 0.88rem;
	font-weight: 900;
	letter-spacing: 0.14em;
	line-height: 1;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
	user-select: none;
	transition:
		color 170ms ease,
		background-color 170ms ease,
		border-color 170ms ease;
}

.vhs-program-day-tab:hover {
	color: var(--vhs-white);
	background: rgba(255, 255, 255, 0.025);
}

#vhs-program-day-friday:checked
	~ .vhs-program-day-tabs
	.vhs-program-day-tab--friday {
	border-color: rgba(0, 229, 255, 0.36);
	color: var(--vhs-cyan);
	background:
		linear-gradient(
			180deg,
			rgba(0, 229, 255, 0.10),
			rgba(0, 229, 255, 0.035)
		);
}

#vhs-program-day-saturday:checked
	~ .vhs-program-day-tabs
	.vhs-program-day-tab--saturday {
	border-color: rgba(255, 46, 166, 0.36);
	color: var(--vhs-pink);
	background:
		linear-gradient(
			180deg,
			rgba(255, 46, 166, 0.10),
			rgba(255, 46, 166, 0.035)
		);
}

#vhs-program-day-friday:focus-visible
	~ .vhs-program-day-tabs
	.vhs-program-day-tab--friday,
#vhs-program-day-saturday:focus-visible
	~ .vhs-program-day-tabs
	.vhs-program-day-tab--saturday {
	outline: 2px solid rgba(255, 255, 255, 0.82);
	outline-offset: 3px;
}

.vhs-program-day-panel {
	display: none;
	margin: 0;
}

#vhs-program-day-friday:checked
	~ .vhs-program-day-tabs
	~ .vhs-program-day-panels
	.vhs-program-day-panel--friday {
	display: block;
}

#vhs-program-day-saturday:checked
	~ .vhs-program-day-tabs
	~ .vhs-program-day-panels
	.vhs-program-day-panel--saturday {
	display: block;
}

.vhs-program-day-panels,
.vhs-program-day-panel {
	width: 100%;
}

/* Harmonogram je jediná výjimka z globálního zoomu karet. */
body:not(.home) .vhs-program-page .vhs-program-timeline-content,
body:not(.home) .vhs-program-page .vhs-program-timeline-content:hover,
body:not(.home) .vhs-program-page .vhs-program-timeline-content:focus,
body:not(.home) .vhs-program-page .vhs-program-timeline-content:focus-within {
	z-index: auto !important;
	transform: none !important;
	filter: none !important;
	border-color: var(--vhs-card-neutral-border) !important;
	box-shadow: var(--vhs-card-neutral-shadow) !important;
	transition: none !important;
	will-change: auto !important;
}

body:not(.home) .vhs-program-page .vhs-program-timeline-time,
body:not(.home) .vhs-program-page .vhs-program-timeline-time:hover,
body:not(.home) .vhs-program-page .vhs-program-timeline-time:focus-within {
	transform: none !important;
	filter: none !important;
	transition: none !important;
	will-change: auto !important;
}

body:not(.home)
	.vhs-program-page
	.vhs-program-timeline-content:hover::after,
body:not(.home)
	.vhs-program-page
	.vhs-program-timeline-content:focus-within::after {
	transform: none !important;
}

@media (max-width: 720px) {
	.vhs-program-day-switcher {
		margin-top: 24px;
	}

	.vhs-program-day-tabs {
		width: 100%;
		margin-bottom: 25px;
	}

	.vhs-program-day-tab {
		min-height: 50px;
		padding: 12px 15px;
		font-size: 0.82rem;
	}
}

@media (max-width: 420px) {
	.vhs-program-day-tabs {
		padding: 4px;
		border-radius: 11px;
		gap: 4px;
	}

	.vhs-program-day-tab {
		min-height: 47px;
		padding: 11px 10px;
		border-radius: 8px;
		font-size: 0.76rem;
		letter-spacing: 0.11em;
	}
}

@media (prefers-reduced-motion: reduce) {
	.vhs-program-day-tab {
		transition: none;
	}
}

/* ==========================================================
   VHS SRAZ — O AKCI NA JEDNOM ŘÁDKU + STEJNÉ HRANY KARET
   V46
   ----------------------------------------------------------
   1. Hlavní nadpis O AKCI je vždy v jednom řádku.
   2. Ze všech karet mizí zvláštní horní neonová linka.
   3. Každá karta má na všech čtyřech stranách stejný obrys.
   4. Rozměry, obsah a zoom směrem do objektivu se nemění.
   ========================================================== */

/* ----------------------------------------------------------
   01 — PAGE O AKCI / HLAVNÍ NÁPIS NA JEDNOM ŘÁDKU
   ---------------------------------------------------------- */

.vhs-about-page-title {
	white-space: nowrap !important;
	text-wrap: nowrap !important;
	word-break: keep-all !important;
	overflow-wrap: normal !important;
}

.vhs-about-page-title > span {
	display: inline !important;
	width: auto !important;
	max-width: none !important;
	margin: 0 !important;
	white-space: inherit !important;
}

/* ----------------------------------------------------------
   02 — JEDNOTNÝ OBRYS VŠECH KARET
   ---------------------------------------------------------- */

:root {
	--vhs-card-equal-edge: rgba(81, 113, 183, 0.38);
	--vhs-card-equal-edge-hover: rgba(103, 126, 181, 0.52);
	--vhs-card-equal-shadow:
		0 19px 48px rgba(0, 0, 0, 0.31);
	--vhs-card-equal-shadow-hover:
		0 27px 60px rgba(0, 0, 0, 0.42);
}

/* Všechny čtyři strany mají stejnou sílu i barvu.
   Zároveň mizí jemné vnitřní zvýraznění pouze horní hrany. */
.vhs-card,
.vhs-info-card,
.vhs-program-card,
.vhs-guest-card,
.vhs-market-feature,
.vhs-location-card,
.vhs-year-card,
.vhs-contact-detail,
.vhs-contact-option,
.vhs-gallery-item,
.vhs-about-experience-card,
.vhs-about-audience-card,
.vhs-about-quote-card,
.vhs-program-category-card,
.vhs-program-timeline-content,
.vhs-program-notice-card,
.vhs-featured-guest-card,
.vhs-guest-profile-card,
.vhs-guests-experience-card,
.vhs-guest-link-card,
.vhs-market-how-card,
.vhs-market-item-card,
.vhs-market-rule-card,
.vhs-market-practical-card,
.vhs-practical-overview-card,
.vhs-practical-before-card,
.vhs-practical-service-card,
.vhs-practical-rule-card,
.vhs-practical-transport-card,
.vhs-practical-faq-item,
.vhs-venue-overview-card,
.vhs-venue-address-card,
.vhs-venue-entrance-card,
.vhs-venue-transport-card,
.vhs-venue-facility-card,
.vhs-venue-notice-card,
.vhs-contact-topic-card,
.vhs-contact-details-card,
.vhs-contact-form-card,
.vhs-contact-message-card,
.vhs-contact-social-card,
.vhs-contact-faq-item,
.vhs-gallery-year-card,
.vhs-gallery-photo-card,
.vhs-gallery-moment-card,
.vhs-gallery-video-card,
.vhs-gallery-aftermovie-card,
.vhs-gallery-submit-card,
.vhs-years-content-card,
.vhs-years-timeline-card,
.vhs-years-current-card,
.vhs-year-overview-card,
.vhs-year-program-item,
.vhs-year-guest-card,
.vhs-year-gallery-photo,
.vhs-year-info-card,
.vhs-year-market-card,
.vhs-year-archive-nav-card,
.vhs-guest-gallery-photo,
.vhs-guest-program-card,
.vhs-guest-navigation-card,
.vhs-ref-info-card,
.vhs-ref-program-item,
.vhs-page-card,
.vhs-quote-card,
.vhs-about-cta-card,
.vhs-program-cta-card,
.vhs-market-cta-card,
.vhs-venue-cta-card,
.vhs-contact-cta-card,
.vhs-practical-cta-card,
.vhs-guest-cta-card,
.vhs-years-cta-card,
.vhs-year-cta-card,
.vhs-guests-announcement-card {
	border-style: solid !important;
	border-width: 1px !important;
	border-color: var(--vhs-card-equal-edge) !important;
	box-shadow: var(--vhs-card-equal-shadow) !important;
}

/* Odstranění samostatné neonové linky v horní části karet. */
.vhs-card::before,
.vhs-info-card::before,
.vhs-program-card::before,
.vhs-guest-card::before,
.vhs-market-feature::before,
.vhs-location-card::before,
.vhs-year-card::before,
.vhs-contact-detail::before,
.vhs-contact-option::before,
.vhs-gallery-item::before,
.vhs-about-experience-card::before,
.vhs-about-audience-card::before,
.vhs-about-quote-card::before,
.vhs-program-category-card::before,
.vhs-program-timeline-content::before,
.vhs-program-notice-card::before,
.vhs-featured-guest-card::before,
.vhs-guest-profile-card::before,
.vhs-guests-experience-card::before,
.vhs-guest-link-card::before,
.vhs-market-how-card::before,
.vhs-market-item-card::before,
.vhs-market-rule-card::before,
.vhs-market-practical-card::before,
.vhs-practical-overview-card::before,
.vhs-practical-before-card::before,
.vhs-practical-service-card::before,
.vhs-practical-rule-card::before,
.vhs-practical-transport-card::before,
.vhs-practical-faq-item::before,
.vhs-venue-overview-card::before,
.vhs-venue-address-card::before,
.vhs-venue-entrance-card::before,
.vhs-venue-transport-card::before,
.vhs-venue-facility-card::before,
.vhs-venue-notice-card::before,
.vhs-contact-topic-card::before,
.vhs-contact-details-card::before,
.vhs-contact-form-card::before,
.vhs-contact-message-card::before,
.vhs-contact-social-card::before,
.vhs-contact-faq-item::before,
.vhs-gallery-year-card::before,
.vhs-gallery-photo-card::before,
.vhs-gallery-moment-card::before,
.vhs-gallery-video-card::before,
.vhs-gallery-aftermovie-card::before,
.vhs-gallery-submit-card::before,
.vhs-years-content-card::before,
.vhs-years-timeline-card::before,
.vhs-years-current-card::before,
.vhs-year-overview-card::before,
.vhs-year-program-item::before,
.vhs-year-guest-card::before,
.vhs-year-gallery-photo::before,
.vhs-year-info-card::before,
.vhs-year-market-card::before,
.vhs-year-archive-nav-card::before,
.vhs-guest-gallery-photo::before,
.vhs-guest-program-card::before,
.vhs-guest-navigation-card::before,
.vhs-ref-info-card::before,
.vhs-ref-program-item::before,
.vhs-page-card::before,
.vhs-quote-card::before,
.vhs-about-cta-card::before,
.vhs-program-cta-card::before,
.vhs-market-cta-card::before,
.vhs-venue-cta-card::before,
.vhs-contact-cta-card::before,
.vhs-practical-cta-card::before,
.vhs-guest-cta-card::before,
.vhs-years-cta-card::before,
.vhs-year-cta-card::before,
.vhs-guests-announcement-card::before {
	display: none !important;
	width: 0 !important;
	height: 0 !important;
	background: none !important;
	box-shadow: none !important;
	opacity: 0 !important;
	content: none !important;
}

/* Zoom zůstává, ale obrys je i při hoveru stejný ze všech stran. */
.vhs-card:hover,
.vhs-info-card:hover,
.vhs-program-card:hover,
.vhs-guest-card:hover,
.vhs-market-feature:hover,
.vhs-location-card:hover,
.vhs-year-card:hover,
.vhs-contact-detail:hover,
.vhs-contact-option:hover,
.vhs-gallery-item:hover,
.vhs-about-experience-card:hover,
.vhs-about-audience-card:hover,
.vhs-about-quote-card:hover,
.vhs-program-category-card:hover,
.vhs-program-notice-card:hover,
.vhs-featured-guest-card:hover,
.vhs-guest-profile-card:hover,
.vhs-guests-experience-card:hover,
.vhs-guest-link-card:hover,
.vhs-market-how-card:hover,
.vhs-market-item-card:hover,
.vhs-market-rule-card:hover,
.vhs-market-practical-card:hover,
.vhs-practical-overview-card:hover,
.vhs-practical-before-card:hover,
.vhs-practical-service-card:hover,
.vhs-practical-rule-card:hover,
.vhs-practical-transport-card:hover,
.vhs-practical-faq-item:hover,
.vhs-venue-overview-card:hover,
.vhs-venue-address-card:hover,
.vhs-venue-entrance-card:hover,
.vhs-venue-transport-card:hover,
.vhs-venue-facility-card:hover,
.vhs-venue-notice-card:hover,
.vhs-contact-topic-card:hover,
.vhs-contact-details-card:hover,
.vhs-contact-form-card:hover,
.vhs-contact-message-card:hover,
.vhs-contact-social-card:hover,
.vhs-contact-faq-item:hover,
.vhs-gallery-year-card:hover,
.vhs-gallery-photo-card:hover,
.vhs-gallery-moment-card:hover,
.vhs-gallery-video-card:hover,
.vhs-gallery-aftermovie-card:hover,
.vhs-gallery-submit-card:hover,
.vhs-years-content-card:hover,
.vhs-years-timeline-card:hover,
.vhs-years-current-card:hover,
.vhs-year-overview-card:hover,
.vhs-year-program-item:hover,
.vhs-year-guest-card:hover,
.vhs-year-gallery-photo:hover,
.vhs-year-info-card:hover,
.vhs-year-market-card:hover,
.vhs-year-archive-nav-card:hover,
.vhs-guest-gallery-photo:hover,
.vhs-guest-program-card:hover,
.vhs-guest-navigation-card:hover,
.vhs-ref-info-card:hover,
.vhs-ref-program-item:hover,
.vhs-page-card:hover,
.vhs-quote-card:hover,
.vhs-about-cta-card:hover,
.vhs-program-cta-card:hover,
.vhs-market-cta-card:hover,
.vhs-venue-cta-card:hover,
.vhs-contact-cta-card:hover,
.vhs-practical-cta-card:hover,
.vhs-guest-cta-card:hover,
.vhs-years-cta-card:hover,
.vhs-year-cta-card:hover,
.vhs-guests-announcement-card:hover,
.vhs-card:focus-within,
.vhs-info-card:focus-within,
.vhs-program-card:focus-within,
.vhs-guest-card:focus-within,
.vhs-market-feature:focus-within,
.vhs-location-card:focus-within,
.vhs-year-card:focus-within,
.vhs-contact-detail:focus-within,
.vhs-contact-option:focus-within,
.vhs-gallery-item:focus-within,
.vhs-about-experience-card:focus-within,
.vhs-about-audience-card:focus-within,
.vhs-about-quote-card:focus-within,
.vhs-program-category-card:focus-within,
.vhs-program-notice-card:focus-within,
.vhs-featured-guest-card:focus-within,
.vhs-guest-profile-card:focus-within,
.vhs-guests-experience-card:focus-within,
.vhs-guest-link-card:focus-within,
.vhs-market-how-card:focus-within,
.vhs-market-item-card:focus-within,
.vhs-market-rule-card:focus-within,
.vhs-market-practical-card:focus-within,
.vhs-practical-overview-card:focus-within,
.vhs-practical-before-card:focus-within,
.vhs-practical-service-card:focus-within,
.vhs-practical-rule-card:focus-within,
.vhs-practical-transport-card:focus-within,
.vhs-practical-faq-item:focus-within,
.vhs-venue-overview-card:focus-within,
.vhs-venue-address-card:focus-within,
.vhs-venue-entrance-card:focus-within,
.vhs-venue-transport-card:focus-within,
.vhs-venue-facility-card:focus-within,
.vhs-venue-notice-card:focus-within,
.vhs-contact-topic-card:focus-within,
.vhs-contact-details-card:focus-within,
.vhs-contact-form-card:focus-within,
.vhs-contact-message-card:focus-within,
.vhs-contact-social-card:focus-within,
.vhs-contact-faq-item:focus-within,
.vhs-gallery-year-card:focus-within,
.vhs-gallery-photo-card:focus-within,
.vhs-gallery-moment-card:focus-within,
.vhs-gallery-video-card:focus-within,
.vhs-gallery-aftermovie-card:focus-within,
.vhs-gallery-submit-card:focus-within,
.vhs-years-content-card:focus-within,
.vhs-years-timeline-card:focus-within,
.vhs-years-current-card:focus-within,
.vhs-year-overview-card:focus-within,
.vhs-year-program-item:focus-within,
.vhs-year-guest-card:focus-within,
.vhs-year-gallery-photo:focus-within,
.vhs-year-info-card:focus-within,
.vhs-year-market-card:focus-within,
.vhs-year-archive-nav-card:focus-within,
.vhs-guest-gallery-photo:focus-within,
.vhs-guest-program-card:focus-within,
.vhs-guest-navigation-card:focus-within,
.vhs-ref-info-card:focus-within,
.vhs-ref-program-item:focus-within,
.vhs-page-card:focus-within,
.vhs-quote-card:focus-within,
.vhs-about-cta-card:focus-within,
.vhs-program-cta-card:focus-within,
.vhs-market-cta-card:focus-within,
.vhs-venue-cta-card:focus-within,
.vhs-contact-cta-card:focus-within,
.vhs-practical-cta-card:focus-within,
.vhs-guest-cta-card:focus-within,
.vhs-years-cta-card:focus-within,
.vhs-year-cta-card:focus-within,
.vhs-guests-announcement-card:focus-within {
	border-color: var(--vhs-card-equal-edge-hover) !important;
	box-shadow: var(--vhs-card-equal-shadow-hover) !important;
}

/* Časový harmonogram na page Program zůstává zcela statický. */
body:not(.home) .vhs-program-page .vhs-program-timeline-content,
body:not(.home) .vhs-program-page .vhs-program-timeline-content:hover,
body:not(.home) .vhs-program-page .vhs-program-timeline-content:focus-within {
	z-index: auto !important;
	transform: none !important;
	filter: none !important;
	border-color: var(--vhs-card-equal-edge) !important;
	box-shadow: var(--vhs-card-equal-shadow) !important;
	transition: none !important;
	will-change: auto !important;
}

/* ==========================================================
   VHS SRAZ — ODSTRANĚNÍ OBJEKTŮ DŮLEŽITÉ UPOZORNĚNÍ
   V47
   ----------------------------------------------------------
   Z HTML byly odstraněny celé informační objekty na stránkách:
   - Program
   - Místo konání

   CSS zároveň funguje jako pojistka proti starší WordPress
   cache a ruší případnou mezeru mezi posledním skutečným
   obsahem stránky a footerem.
   ========================================================== */

/* Bezpečnostní pojistka pro starší uložený obsah. */
body:not(.home) .vhs-program-notice-section,
body:not(.home) .vhs-venue-notice-section,
body:not(.home) .vhs-program-notice-card,
body:not(.home) .vhs-venue-notice-card {
	display: none !important;
}

/* Stránka po odstranění upozornění nevytváří vlastní spodní mezeru. */
body:not(.home) .vhs-program-page,
body:not(.home) .vhs-venue-page {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

/* Poslední skutečné sekce nemají externí spodní margin. */
body:not(.home) .vhs-program-page .vhs-program-schedule-section,
body:not(.home) .vhs-venue-page .vhs-venue-facilities-section {
	margin-bottom: 0 !important;
}

/* Zrušení WordPress block-gap mezi main a template-part footeru. */
body:not(.home):has(.vhs-program-page)
	.wp-site-blocks > .wp-block-template-part:last-child,
body:not(.home):has(.vhs-program-page)
	.wp-site-blocks > footer:last-child,
body:not(.home):has(.vhs-program-page)
	.wp-site-blocks > *:has(> .vhs-site-footer),
body:not(.home):has(.vhs-venue-page)
	.wp-site-blocks > .wp-block-template-part:last-child,
body:not(.home):has(.vhs-venue-page)
	.wp-site-blocks > footer:last-child,
body:not(.home):has(.vhs-venue-page)
	.wp-site-blocks > *:has(> .vhs-site-footer) {
	margin-top: 0 !important;
	margin-block-start: 0 !important;
}

/* Samotný footer začne bez další vnější mezery. Jeho jednotná
   vnitřní výška z V40 zůstává zachována. */
body:not(.home):has(.vhs-program-page) .vhs-site-footer,
body:not(.home):has(.vhs-venue-page) .vhs-site-footer {
	margin-top: 0 !important;
	margin-block-start: 0 !important;
}

/* ==========================================================
   VHS SRAZ — BÍLÉ NÁZVY NOVĚ ŽLUTÉ
   V48
   ----------------------------------------------------------
   Všechny nadpisy, názvy a jména, které byly dosud bílé,
   používají stejnou žlutou jako footerové popisky:
   --vhs-orange = #FFBB00.

   Již existující cyanové a růžové titulky nejsou přepsány.
   ========================================================== */

:root {
	--vhs-title-yellow: var(--vhs-orange);
}

.vhs-section-title,
.vhs-program-card-title,
.vhs-guest-name,
.vhs-market-feature-title,
.vhs-contact-main-title,
.vhs-contact-option-title,
.vhs-footer-heading,
.vhs-gallery-section .vhs-gallery-name,
.vhs-page-title,
.vhs-about-experience-card-title,
.vhs-about-audience-card-title,
.vhs-about-quote p,
.vhs-about-cta-title,
.vhs-program-category-title,
.vhs-program-event-title,
.vhs-program-notice-title,
.vhs-program-cta-title,
.vhs-featured-guest-name,
.vhs-guest-profile-name,
.vhs-guests-experience-card-title,
.vhs-guests-announcement-title,
.vhs-market-how-card-title,
.vhs-market-item-title,
.vhs-market-rule-title,
.vhs-market-cta-title,
.vhs-practical-location-name,
.vhs-practical-transport-title,
.vhs-practical-before-card-title,
.vhs-practical-service-title,
.vhs-practical-rule-title,
.vhs-practical-cta-title,
.vhs-venue-address-name,
.vhs-venue-entrance-card-title,
.vhs-venue-transport-card-title,
.vhs-venue-facility-title,
.vhs-venue-notice-title,
.vhs-venue-cta-title,
.vhs-contact-topic-title,
.vhs-contact-details-title,
.vhs-contact-message-card-title,
.vhs-contact-social-card-title,
.vhs-contact-cta-title,
.vhs-gallery-page .vhs-gallery-year-name,
.vhs-gallery-page .vhs-gallery-photo-name,
.vhs-gallery-page .vhs-gallery-moment-title,
.vhs-gallery-page .vhs-gallery-video-featured-title,
.vhs-gallery-page .vhs-gallery-video-card-title,
.vhs-gallery-page .vhs-gallery-aftermovie-title,
.vhs-gallery-page .vhs-gallery-submit-title,
.vhs-years-page .vhs-years-current-name,
.vhs-years-page .vhs-years-content-card-title,
.vhs-years-page .vhs-years-timeline-card-title,
.vhs-years-page .vhs-years-principle-title,
.vhs-years-page .vhs-years-cta-title,
.vhs-year-2026-page .vhs-year-story-title,
.vhs-year-2026-page .vhs-year-market-title,
.vhs-year-2026-page .vhs-year-program-item-title,
.vhs-year-2026-page .vhs-year-guest-name,
.vhs-year-2026-page .vhs-year-video-heading,
.vhs-year-2026-page .vhs-year-info-card-title,
.vhs-year-2026-page .vhs-year-archive-nav-title,
.vhs-year-2026-page .vhs-year-cta-title,
.vhs-guest-profile-page .vhs-guest-bio-name,
.vhs-guest-profile-page .vhs-guest-vhs-title,
.vhs-guest-profile-page .vhs-guest-interview-title,
.vhs-guest-profile-page .vhs-guest-video-title,
.vhs-guest-profile-page .vhs-guest-program-card-title,
.vhs-guest-profile-page .vhs-guest-interview-blockquote p,
.vhs-guest-profile-page .vhs-guest-interview-question-title,
.vhs-guest-profile-page .vhs-guest-link-title,
.vhs-guest-profile-page .vhs-guest-navigation-title,
.vhs-guest-profile-page .vhs-guest-cta-title,
.vhs-ref-about__copy h2,
.vhs-ref-extra-strip__copy h2 {
	color: var(--vhs-title-yellow) !important;
}

/* Zachování původního dvoubarevného zpracování tam, kde má
   nadpis vlastní barevný span. Žlutá se týká pouze bílé části. */
.vhs-page-title > span,
.vhs-footer-title__cyan,
.vhs-footer-title__pink {
	color: inherit;
}

/* ==========================================================
   VHS SRAZ — TLUMENÁ BÍLÁ + ŽLUTÁ POUZE NA STRIPECH
   V49
   ----------------------------------------------------------
   - hromadná žlutá z V48 je vrácena zpět,
   - běžné názvy používají měkčí, méně zářivou bílou,
   - žlutá #FFBB00 zůstává pouze u hlavních nápisů
     umístěných přímo na obrazových stripech,
   - velikosti, fonty a rozložení se nemění.
   ========================================================== */

:root {
	--vhs-title-soft-white: #D6D9E2;
	--vhs-strip-title-yellow: var(--vhs-orange);
}

/* V48 používá pro všechny dotčené názvy tuto proměnnou.
   Jejím přepsáním se běžné názvy vrátí z hromadné žluté
   na tlumenou bílou bez zásahu do HTML. */
:root {
	--vhs-title-yellow: var(--vhs-title-soft-white);
}

/* ----------------------------------------------------------
   ŽLUTÁ ZŮSTÁVÁ JEN NA NÁPISECH PŘÍMO VE STRIPECH
   ---------------------------------------------------------- */

/* Horní hero stripy podstránek. */
body:not(.home) .vhs-page-hero .vhs-page-title,

/* Všechny další WordPress celoplošné stripy. */
body:not(.home) .alignfull .vhs-section-title,

/* Obrazové stripy na front page. */
body.home .vhs-ref-about__copy h2,
body.home .vhs-ref-extra-strip__copy h2 {
	color: var(--vhs-strip-title-yellow) !important;
}

/* Barevný span uvnitř titulku stripu přebírá stejnou žlutou,
   aby se v nápisu znovu neobjevila zářivě bílá část. */
body:not(.home) .vhs-page-hero .vhs-page-title > span,
body:not(.home) .alignfull .vhs-section-title > span,
body.home .vhs-ref-about__copy h2 > span,
body.home .vhs-ref-extra-strip__copy h2 > span {
	color: inherit !important;
}

/* Běžné footerové nadpisy už nejsou žluté. */
.vhs-footer-heading {
	color: var(--vhs-title-soft-white) !important;
}

/* ==========================================================
   VHS SRAZ — KONTAKT / NAPIŠTE NÁM / STATICKÉ KARTY
   V50
   ----------------------------------------------------------
   Dvě velké karty v sekci NAPIŠTE NÁM jsou výjimkou
   z globálního zoom efektu:

   - levá kontaktní karta,
   - pravá formulářová karta.

   Při hoveru ani focusu se nepřibližují, neposouvají,
   nemění jas, rámeček ani stín.
   ========================================================== */

body:not(.home) .vhs-contact-page .vhs-contact-details-card,
body:not(.home) .vhs-contact-page .vhs-contact-details-card:hover,
body:not(.home) .vhs-contact-page .vhs-contact-details-card:focus,
body:not(.home) .vhs-contact-page .vhs-contact-details-card:focus-within,
body:not(.home) .vhs-contact-page .vhs-contact-form-card,
body:not(.home) .vhs-contact-page .vhs-contact-form-card:hover,
body:not(.home) .vhs-contact-page .vhs-contact-form-card:focus,
body:not(.home) .vhs-contact-page .vhs-contact-form-card:focus-within {
	z-index: auto !important;
	transform: none !important;
	filter: none !important;
	border-color: var(--vhs-card-equal-edge) !important;
	box-shadow: var(--vhs-card-equal-shadow) !important;
	transition: none !important;
	will-change: auto !important;
}

/* Žádná vnitřní dekorace těchto dvou karet se při hoveru
   samostatně nepohybuje ani nezvětšuje. */
body:not(.home) .vhs-contact-page .vhs-contact-details-card:hover *,
body:not(.home) .vhs-contact-page .vhs-contact-details-card:focus-within *,
body:not(.home) .vhs-contact-page .vhs-contact-form-card:hover *,
body:not(.home) .vhs-contact-page .vhs-contact-form-card:focus-within * {
	transform: none !important;
}

/* Rámeček zůstává po všech stranách stejný i při najetí. */
body:not(.home) .vhs-contact-page .vhs-contact-details-card:hover,
body:not(.home) .vhs-contact-page .vhs-contact-details-card:focus-within,
body:not(.home) .vhs-contact-page .vhs-contact-form-card:hover,
body:not(.home) .vhs-contact-page .vhs-contact-form-card:focus-within {
	border-color: var(--vhs-card-equal-edge) !important;
	box-shadow: var(--vhs-card-equal-shadow) !important;
}

/* ==========================================================
   VHS SRAZ — AKTUÁLNÍ WEB BEZ PAGE ROČNÍKY / GALERIE / 2026
   V51
   ----------------------------------------------------------
   Tyto stránky se nyní nepoužívají:
   - /rocniky/
   - /galerie/
   - /rocnik-2026/

   CSS skryje případné staré odkazy uložené v navigaci,
   footeru, tlačítkách nebo blokových kartách. PHP vrstva
   V51 je současně vyřadí z navigace, vyhledávání a sitemap.
   ========================================================== */

/* Celé navigační nebo tlačítkové položky. */
:is(
	.wp-block-navigation-item,
	.menu-item,
	.wp-block-button,
	.vhs-footer-link,
	.vhs-guest-navigation-card,
	.vhs-year-archive-nav-card
):has(
	a[href*="/rocniky"],
	a[href*="/galerie"],
	a[href*="/rocnik-2026"]
) {
	display: none !important;
}

/* Záložní skrytí samotných odkazů, pokud nejsou v běžném wrapperu. */
a[href="/rocniky"],
a[href="/rocniky/"],
a[href*="/rocniky/"],
a[href="/galerie"],
a[href="/galerie/"],
a[href*="/galerie/"],
a[href="/rocnik-2026"],
a[href="/rocnik-2026/"],
a[href*="/rocnik-2026/"] {
	display: none !important;
}

/* Pokud by stará cache přesto vyrenderovala celý obsah page,
   nebude se vydávat za součást současného veřejného webu. */
body .vhs-gallery-page,
body .vhs-years-page,
body .vhs-year-2026-page {
	display: none !important;
}

/* ==========================================================
   VHS SRAZ — OPTICKÉ ZAROVNÁNÍ TEXTU V KARTÁCH S IKONOU
   V53
   ----------------------------------------------------------
   U kompaktních informačních karet byl textový blok opticky
   níže než ikona. V53:

   - ruší nežádoucí WordPress block-gap uvnitř textové části,
   - nastavuje přesnou malou mezeru mezi popiskem a hodnotou,
   - celý textový blok posouvá o 2 px nahoru,
   - nemění rozměry, výšku, padding ani ikony karet.
   ========================================================== */

/* Textový wrapper vedle ikony. */
.vhs-program-page-meta-item > .wp-block-group,
.vhs-market-page-meta-item > .wp-block-group,
.vhs-practical-page-meta-item > .wp-block-group,
.vhs-venue-page-meta-item > .wp-block-group,
.vhs-contact-page-meta-item > .wp-block-group,
.vhs-featured-guest-meta-item > .wp-block-group,
.vhs-guest-profile-page
	.vhs-guest-profile-meta-item > .wp-block-group {
	position: relative;
	z-index: 2;
	display: flex !important;
	flex-direction: column;
	align-self: center;
	justify-content: center;
	min-width: 0;
	margin: 0 !important;
	gap: 3px !important;
	transform: translateY(-2px);
}

/* WordPress už mezi těmito dvěma řádky nepřidává vlastní mezeru. */
.vhs-program-page-meta-item > .wp-block-group > *,
.vhs-market-page-meta-item > .wp-block-group > *,
.vhs-practical-page-meta-item > .wp-block-group > *,
.vhs-venue-page-meta-item > .wp-block-group > *,
.vhs-contact-page-meta-item > .wp-block-group > *,
.vhs-featured-guest-meta-item > .wp-block-group > *,
.vhs-guest-profile-page
	.vhs-guest-profile-meta-item > .wp-block-group > * {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	margin-block-start: 0 !important;
	margin-block-end: 0 !important;
}

/* Původní spodní margin labelů nahrazuje jednotný flex gap. */
.vhs-program-page-meta-label,
.vhs-market-page-meta-label,
.vhs-practical-page-meta-label,
.vhs-venue-page-meta-label,
.vhs-contact-page-meta-label,
.vhs-featured-guest-meta-label,
.vhs-guest-profile-page .vhs-guest-profile-meta-label {
	margin: 0 !important;
}

/* Na velmi úzkých mobilech je posun o chloupek menší. */
@media (max-width: 420px) {
	.vhs-program-page-meta-item > .wp-block-group,
	.vhs-market-page-meta-item > .wp-block-group,
	.vhs-practical-page-meta-item > .wp-block-group,
	.vhs-venue-page-meta-item > .wp-block-group,
	.vhs-contact-page-meta-item > .wp-block-group,
	.vhs-featured-guest-meta-item > .wp-block-group,
	.vhs-guest-profile-page
		.vhs-guest-profile-meta-item > .wp-block-group {
		transform: translateY(-1px);
	}
}

/* ==========================================================
   VHS SRAZ — O NÁS + ÚPRAVA KAZETOVÉHO MENU
   V54
   ----------------------------------------------------------
   - v hlavním menu není MÍSTO,
   - O NÁS je před O AKCI,
   - Místo konání jako stránka zůstává,
   - nová page O NÁS obsahuje horní strip, dlouhý textový
     prostor a závěrečný strip nad footerem.
   ========================================================== */

/* ----------------------------------------------------------
   02 — HORNÍ STRIP A JEDNOŘÁDKOVÝ NÁPIS O NÁS
   ---------------------------------------------------------- */

.vhs-about-us-page-title {
	width: max-content;
	max-width: 100% !important;
	white-space: nowrap !important;
	text-wrap: nowrap !important;
	word-break: keep-all !important;
	overflow-wrap: normal !important;
}

.vhs-about-us-page-title > span {
	display: inline !important;
	width: auto !important;
	max-width: none !important;
	margin: 0 !important;
	white-space: inherit !important;
}

.vhs-about-us-page-screen {
	border-color: rgba(0, 229, 255, 0.31);
	background:
		repeating-linear-gradient(
			0deg,
			rgba(255, 255, 255, 0.018) 0,
			rgba(255, 255, 255, 0.018) 1px,
			transparent 1px,
			transparent 6px
		),
		linear-gradient(
			90deg,
			transparent 49.7%,
			rgba(255, 187, 0, 0.085) 50%,
			transparent 50.3%
		),
		radial-gradient(
			circle at 28% 30%,
			rgba(0, 229, 255, 0.22),
			transparent 44%
		),
		radial-gradient(
			circle at 76% 72%,
			rgba(255, 46, 166, 0.23),
			transparent 45%
		),
		linear-gradient(
			145deg,
			#101d38,
			#080b18 57%,
			#1b0a20
		);
	box-shadow:
		inset 0 0 95px rgba(0, 0, 0, 0.58),
		0 30px 85px rgba(0, 0, 0, 0.44),
		0 0 44px rgba(0, 229, 255, 0.075);
}

/* ----------------------------------------------------------
   03 — DLOUHÉ PŘEDSTAVENÍ KOMUNITY
   ---------------------------------------------------------- */

.vhs-about-us-story-section {
	width: min(1180px, calc(100% - 48px));
	max-width: 1180px;
	margin-right: auto;
	margin-left: auto;
	padding-top: clamp(100px, 10vw, 158px);
	padding-bottom: clamp(108px, 10vw, 166px);
	box-sizing: border-box;
}

.vhs-about-us-story-grid {
	display: grid;
	grid-template-columns:
		minmax(320px, 0.72fr)
		minmax(0, 1.28fr);
	align-items: start;
	gap: clamp(46px, 6vw, 86px);
}

.vhs-about-us-story-visual {
	position: sticky;
	top: 112px;
	display: grid;
	align-content: start;
	min-width: 0;
	gap: 18px;
}

.vhs-about-us-community-screen {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end;
	min-height: 560px;
	margin: 0;
	padding: clamp(30px, 4vw, 48px);
	border: 1px solid rgba(0, 229, 255, 0.28);
	border-radius: 24px;
	background:
		repeating-linear-gradient(
			0deg,
			rgba(255, 255, 255, 0.018) 0,
			rgba(255, 255, 255, 0.018) 1px,
			transparent 1px,
			transparent 6px
		),
		radial-gradient(
			circle at 24% 20%,
			rgba(0, 229, 255, 0.20),
			transparent 42%
		),
		radial-gradient(
			circle at 82% 78%,
			rgba(255, 46, 166, 0.18),
			transparent 44%
		),
		linear-gradient(
			155deg,
			rgba(18, 28, 55, 0.98),
			rgba(5, 8, 20, 0.99) 58%,
			rgba(25, 8, 29, 0.98)
		);
	box-shadow:
		0 32px 82px rgba(0, 0, 0, 0.40),
		inset 0 0 72px rgba(0, 0, 0, 0.34),
		0 0 30px rgba(0, 229, 255, 0.055);
	overflow: hidden;
	isolation: isolate;
}

.vhs-about-us-community-screen::before {
	position: absolute;
	z-index: -1;
	inset: 18px;
	border: 1px solid rgba(255, 187, 0, 0.12);
	border-radius: 16px;
	content: "";
	pointer-events: none;
}

.vhs-about-us-community-screen::after {
	position: absolute;
	z-index: -1;
	right: -78px;
	bottom: -86px;
	width: 260px;
	height: 260px;
	border-radius: 50%;
	background: rgba(255, 46, 166, 0.15);
	filter: blur(58px);
	content: "";
	pointer-events: none;
}

.vhs-about-us-community-screen-label {
	margin: 0 0 16px;
	color: var(--vhs-orange);
	font-family:
		"Arial Narrow",
		"Roboto Condensed",
		sans-serif;
	font-size: clamp(1.65rem, 3vw, 2.55rem);
	font-weight: 900;
	letter-spacing: -0.02em;
	line-height: 1;
	text-transform: uppercase;
	text-shadow:
		0 0 10px rgba(255, 187, 0, 0.68),
		0 0 24px rgba(255, 187, 0, 0.24);
}

.vhs-about-us-community-screen-text {
	max-width: 31ch;
	margin: 0;
	color: var(--vhs-muted);
	font-size: 0.72rem;
	font-weight: 850;
	letter-spacing: 0.10em;
	line-height: 1.55;
	text-transform: uppercase;
}

.vhs-about-us-side-note {
	margin: 0;
	padding: 23px 24px 24px;
	border: 1px solid rgba(170, 177, 197, 0.18);
	border-radius: 15px;
	background:
		linear-gradient(
			145deg,
			rgba(18, 25, 48, 0.78),
			rgba(7, 10, 23, 0.88)
		);
	box-shadow: 0 18px 42px rgba(0, 0, 0, 0.23);
}

.vhs-about-us-side-note-label {
	margin: 0 0 10px;
	color: var(--vhs-cyan);
	font-size: 0.63rem;
	font-weight: 900;
	letter-spacing: 0.13em;
	line-height: 1.35;
	text-transform: uppercase;
}

.vhs-about-us-side-note-text {
	margin: 0;
	color: var(--vhs-muted);
	font-size: 0.88rem;
	line-height: 1.72;
}

.vhs-about-us-story-copy {
	min-width: 0;
	padding-top: 8px;
}

.vhs-about-us-story-title {
	max-width: 11ch;
	margin-bottom: clamp(28px, 3vw, 38px) !important;
}

.vhs-about-us-story-title > span {
	display: block;
	margin-bottom: 0.08em;
}

.vhs-about-us-story-lead {
	margin: 0 0 28px;
	color: var(--vhs-white);
	font-size: clamp(1.12rem, 1.6vw, 1.32rem);
	font-weight: 750;
	line-height: 1.76;
}

.vhs-about-us-story-text {
	margin: 0 0 24px;
	color: var(--vhs-muted);
	font-size: 1rem;
	line-height: 1.88;
}

.vhs-about-us-story-text-last {
	margin-bottom: 0;
}

.vhs-about-us-quote {
	position: relative;
	margin: clamp(38px, 5vw, 58px) 0;
	padding:
		clamp(28px, 4vw, 42px)
		clamp(30px, 4.5vw, 50px);
	border: 1px solid rgba(255, 187, 0, 0.30);
	border-left: 3px solid var(--vhs-orange);
	border-radius: 17px;
	background:
		radial-gradient(
			circle at 92% 20%,
			rgba(255, 187, 0, 0.10),
			transparent 19rem
		),
		linear-gradient(
			145deg,
			rgba(20, 27, 50, 0.88),
			rgba(7, 9, 21, 0.94)
		);
	box-shadow:
		0 25px 60px rgba(0, 0, 0, 0.28),
		0 0 26px rgba(255, 187, 0, 0.045);
}

.vhs-about-us-quote p {
	margin: 0;
	color: var(--vhs-white);
	font-size: clamp(1.06rem, 1.7vw, 1.28rem);
	font-weight: 760;
	font-style: normal;
	line-height: 1.72;
}

/* ----------------------------------------------------------
   04 — ZÁVĚREČNÝ STRIP NAD FOOTEREM
   ---------------------------------------------------------- */

.vhs-about-us-values-section {
	position: relative;
	margin-right: -24px;
	margin-bottom: 0 !important;
	margin-left: -24px;
	padding:
		clamp(100px, 10vw, 154px)
		24px
		clamp(96px, 9vw, 142px);
	border-top: 1px solid rgba(0, 229, 255, 0.11);
	border-bottom: 0;
	background:
		radial-gradient(
			circle at 14% 22%,
			rgba(0, 229, 255, 0.12),
			transparent 36rem
		),
		radial-gradient(
			circle at 87% 76%,
			rgba(255, 46, 166, 0.12),
			transparent 38rem
		),
		linear-gradient(
			180deg,
			rgba(5, 8, 19, 0.99),
			rgba(9, 12, 27, 0.98),
			rgba(4, 6, 15, 0.99)
		);
	overflow: hidden;
	isolation: isolate;
}

.vhs-about-us-values-wrap {
	position: relative;
	z-index: 3;
	width: min(1180px, 100%);
	max-width: 1180px;
	margin-right: auto;
	margin-left: auto;
}

.vhs-about-us-values-heading {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(300px, 0.72fr);
	align-items: end;
	margin-bottom: clamp(48px, 6vw, 72px);
	column-gap: clamp(38px, 6vw, 84px);
}

.vhs-about-us-values-heading > .vhs-section-kicker,
.vhs-about-us-values-heading > .vhs-about-us-values-title {
	grid-column: 1;
}

.vhs-about-us-values-title {
	max-width: 11ch;
	margin-bottom: 0 !important;
}

.vhs-about-us-values-title > span {
	display: block;
	margin-bottom: 0.08em;
}

.vhs-about-us-values-intro {
	grid-column: 2;
	grid-row: 1 / span 2;
	align-self: end;
	max-width: 460px;
	margin: 0 0 0.3rem auto;
	color: var(--vhs-muted);
	font-size: 0.98rem;
	line-height: 1.78;
}

.vhs-about-us-values-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 15px;
}

.vhs-about-us-value-card {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	min-width: 0;
	min-height: 246px;
	margin: 0;
	padding: 32px 23px 28px;
	border: 1px solid rgba(170, 177, 197, 0.21);
	border-radius: 17px;
	background:
		radial-gradient(
			circle at 50% 0%,
			rgba(0, 229, 255, 0.055),
			transparent 48%
		),
		linear-gradient(
			180deg,
			rgba(15, 23, 47, 0.91),
			rgba(5, 9, 25, 0.96)
		);
	box-shadow:
		0 23px 55px rgba(0, 0, 0, 0.30),
		inset 0 1px 0 rgba(255, 255, 255, 0.025);
	text-align: center;
	transition:
		transform 190ms ease,
		border-color 190ms ease,
		box-shadow 190ms ease;
}

.vhs-about-us-value-card:nth-child(even) {
	background:
		radial-gradient(
			circle at 50% 0%,
			rgba(255, 46, 166, 0.06),
			transparent 48%
		),
		linear-gradient(
			180deg,
			rgba(17, 21, 45, 0.91),
			rgba(6, 8, 24, 0.96)
		);
}

.vhs-about-us-value-card:hover,
.vhs-about-us-value-card:focus-within {
	z-index: 5;
	transform: scale3d(1.042, 1.042, 1);
	border-color: rgba(170, 177, 197, 0.34);
	box-shadow:
		0 29px 68px rgba(0, 0, 0, 0.38),
		0 0 23px rgba(0, 229, 255, 0.055),
		inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

.vhs-about-us-value-icon {
	display: grid;
	place-items: center;
	width: 68px;
	height: 68px;
	margin: 0 0 24px;
	color: var(--vhs-cyan);
}

.vhs-about-us-value-card:nth-child(even)
	.vhs-about-us-value-icon {
	color: var(--vhs-pink);
}

.vhs-about-us-value-icon .vhs-ref-icon {
	width: 62px;
	height: 62px;
}

.vhs-about-us-value-title {
	margin: 0 0 14px;
	color: var(--vhs-title-soft-white);
	font-family:
		"Arial Narrow",
		"Roboto Condensed",
		Impact,
		sans-serif;
	font-size: 1rem;
	font-weight: 900;
	letter-spacing: 0.035em;
	line-height: 1.25;
	text-transform: uppercase;
}

.vhs-about-us-value-text {
	margin: 0;
	color: var(--vhs-muted);
	font-size: 0.84rem;
	line-height: 1.68;
}

/* Strip se dotýká footeru bez prázdného WordPress block-gapu. */
body:not(.home) .vhs-about-us-page {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

body:not(.home)
	.wp-site-blocks
	> .vhs-about-us-page
	+ .vhs-site-footer,
body:not(.home)
	.vhs-about-us-page
	+ .vhs-site-footer {
	margin-top: 0 !important;
	margin-block-start: 0 !important;
}

body:not(.home):has(.vhs-about-us-page)
	.wp-site-blocks
	> .wp-block-template-part:last-child,
body:not(.home):has(.vhs-about-us-page)
	.wp-site-blocks
	> footer:last-child,
body:not(.home):has(.vhs-about-us-page)
	.wp-site-blocks
	> *:has(> .vhs-site-footer) {
	margin-top: 0 !important;
	margin-block-start: 0 !important;
}

/* ----------------------------------------------------------
   05 — TABLET
   ---------------------------------------------------------- */

@media (max-width: 1020px) {
	.vhs-about-us-story-grid {
		grid-template-columns: minmax(270px, 0.72fr) minmax(0, 1.28fr);
		gap: 42px;
	}

	.vhs-about-us-community-screen {
		min-height: 490px;
	}

	.vhs-about-us-values-heading {
		grid-template-columns: 1fr;
	}

	.vhs-about-us-values-intro {
		grid-column: 1;
		grid-row: auto;
		max-width: 680px;
		margin: 25px 0 0;
	}

	.vhs-about-us-values-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* ----------------------------------------------------------
   06 — MOBIL
   ---------------------------------------------------------- */

@media (max-width: 760px) {
	.vhs-about-us-story-section {
		width: min(100% - 32px, 1180px);
		padding-top: 82px;
		padding-bottom: 92px;
	}

	.vhs-about-us-story-grid {
		grid-template-columns: 1fr;
		gap: 52px;
	}

	.vhs-about-us-story-visual {
		position: relative;
		top: auto;
	}

	.vhs-about-us-community-screen {
		min-height: 430px;
	}

	.vhs-about-us-story-copy {
		padding-top: 0;
	}

	.vhs-about-us-values-section {
		margin-right: -16px;
		margin-left: -16px;
		padding-right: 16px;
		padding-left: 16px;
	}

	.vhs-about-us-values-grid {
		grid-template-columns: 1fr;
	}

	.vhs-about-us-value-card {
		min-height: 0;
	}

	.vhs-about-us-value-card:hover,
	.vhs-about-us-value-card:focus-within {
		transform: scale3d(1.025, 1.025, 1);
	}
}

@media (max-width: 420px) {
	.vhs-about-us-page-title {
		font-size: clamp(2.65rem, 14vw, 4rem) !important;
		letter-spacing: -0.035em !important;
	}

	.vhs-about-us-community-screen {
		min-height: 390px;
		padding: 28px 25px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.vhs-about-us-value-card,
	.vhs-about-us-value-card:hover,
	.vhs-about-us-value-card:focus-within {
		transform: none !important;
		transition: none !important;
	}
}

/* ==========================================================
   VHS SRAZ — DECENTNÍ POSUN MENU NA KAZETĚ DOLEVA
   V57
   ----------------------------------------------------------
   - posouvá pouze celý řádek desktopového menu,
   - zachovává dosavadní základní pozici -6,5 %,
   - přidává jemný posun o dalších 10 px doleva,
   - kazeta, logo, strip ani mobilní hamburger se nehýbou.
   ========================================================== */

@media (min-width: 1021px) {
	body
		.vhs-front-header--cassette-title
		.vhs-front-nav {
		transform: translateX(
			calc(-6.5% - 10px)
		) !important;
	}
}

/* ==========================================================
   VHS SRAZ — VERTIKÁLNÍ POLOHA KAZETY + CENTROVÁNÍ PODTITULKŮ
   V58
   ----------------------------------------------------------
   - celá videokazeta včetně menu se posouvá jemně nahoru,
   - horní a spodní volný prostor kolem kazety působí vyváženě,
   - horní podtitulek je přesně na středové ose neonového loga,
   - stejné centrování platí pro značku vlevo ve footeru,
   - vodorovný posun menu doleva z V57 zůstává zachován.
   ========================================================== */

/* ----------------------------------------------------------
   01 — KAZETA I MENU JAKO JEDEN CELEK JEMNĚ NAHORU
   ---------------------------------------------------------- */

body
	.vhs-front-header--cassette-title
	.vhs-front-header__cassette {
	top: -6px !important;
	align-self: center !important;
}

/* Tablet: jemnější korekce. */
@media (max-width: 1020px) {
	body
		.vhs-front-header--cassette-title
		.vhs-front-header__cassette {
		top: -4px !important;
	}
}

/* Mobil: pouze velmi malá korekce, hamburger zůstává v kazetě. */
@media (max-width: 620px) {
	body
		.vhs-front-header--cassette-title
		.vhs-front-header__cassette {
		top: -2px !important;
	}
}

/* ----------------------------------------------------------
   02 — HEADER: LOGO A PODTITULEK NA JEDNÉ STŘEDOVÉ OSE
   ---------------------------------------------------------- */

body
	.vhs-front-header--cassette-title
	.vhs-front-header-brand {
	display: inline-grid !important;
	grid-template-columns: max-content !important;
	justify-items: center !important;
	align-items: center !important;
	justify-self: start !important;
	width: fit-content !important;
	max-width: 100% !important;
	text-align: center !important;
}

body
	.vhs-front-header--cassette-title
	.vhs-front-header-title {
	justify-self: center !important;
	align-self: center !important;
	width: max-content !important;
	max-width: 100% !important;
	margin-right: auto !important;
	margin-left: auto !important;
}

body
	.vhs-front-header--cassette-title
	.vhs-front-header-subtitle {
	justify-self: center !important;
	align-self: center !important;
	width: max-content !important;
	max-width: 100% !important;
	margin-right: auto !important;
	margin-left: auto !important;
	text-align: center !important;
	transform: none !important;
}

/* ----------------------------------------------------------
   03 — FOOTER: STEJNÉ CENTROVÁNÍ ZNAČKY A PODTITULKU
   ---------------------------------------------------------- */

body
	.vhs-site-footer
	.vhs-footer-brand-text {
	display: inline-grid !important;
	grid-template-columns: max-content !important;
	justify-items: center !important;
	align-items: center !important;
	width: fit-content !important;
	max-width: 100% !important;
	margin-right: 0 !important;
	margin-left: 0 !important;
	text-align: center !important;
}

body
	.vhs-site-footer
	.vhs-footer-site-title {
	justify-self: center !important;
	width: max-content !important;
	max-width: 100% !important;
	margin-right: auto !important;
	margin-left: auto !important;
	text-align: center !important;
}

body
	.vhs-site-footer
	.vhs-footer-site-title > a {
	justify-content: center !important;
}

body
	.vhs-site-footer
	.vhs-footer-subtitle {
	justify-self: center !important;
	width: max-content !important;
	max-width: 100% !important;
	margin: 9px auto 0 !important;
	text-align: center !important;
	transform: none !important;
}

/* Bezpečné chování na velmi úzkých displejích. */
@media (max-width: 620px) {
	body
		.vhs-front-header--cassette-title
		.vhs-front-header-brand,
	body
		.vhs-site-footer
		.vhs-footer-brand-text {
		grid-template-columns: minmax(0, max-content) !important;
		max-width: 100% !important;
	}

	body
		.vhs-site-footer
		.vhs-footer-subtitle {
		white-space: normal !important;
	}
}

/* ==========================================================
   VHS SRAZ — SPECIÁLNÍ HOSTÉ NA FRONT PAGE
   V60
   ----------------------------------------------------------
   Nový blok je umístěn přímo nad textem:
   VZPOMÍNÁME NA 80s & 90s LÉTA.

   Vzhled:
   - výrazný neonový titulek SPECIÁLNÍ HOSTÉ:
   - dva samostatné hostovské řádky,
   - barevný štítek s datem,
   - jméno s menším městem v závorkách,
   - profesní charakteristika na dalším řádku,
   - jemné linky a tmavý průsvitný podklad,
   - plně responzivní rozložení.
   ========================================================== */

/* ----------------------------------------------------------
   01 — NOVÉ POŘADÍ PRVKŮ V HERO ČÁSTI
   ---------------------------------------------------------- */

body.home .vhs-ref-title {
	grid-row: 1;
}

body.home .vhs-ref-kicker {
	grid-row: 2;
}

body.home .vhs-ref-special-guests {
	grid-column: 1;
	grid-row: 3;
}

body.home .vhs-ref-subtitle {
	grid-row: 4;
}

body.home .vhs-ref-event-meta {
	grid-row: 5;
}

body.home .vhs-ref-actions {
	grid-row: 6;
}

/* ----------------------------------------------------------
   02 — HLAVNÍ BLOK
   ---------------------------------------------------------- */

body.home .vhs-ref-special-guests {
	position: relative;
	justify-self: stretch;
	width: 100%;
	max-width: 620px;
	margin: 14px 0 16px;
	padding: 17px 18px 16px;
	border-top: 1px solid rgba(255, 156, 36, 0.34);
	border-bottom: 1px solid rgba(255, 156, 36, 0.25);
	background:
		radial-gradient(
			circle at 8% 0%,
			rgba(32, 231, 255, 0.08),
			transparent 42%
		),
		radial-gradient(
			circle at 96% 100%,
			rgba(255, 66, 167, 0.08),
			transparent 43%
		),
		linear-gradient(
			90deg,
			rgba(5, 9, 25, 0.80),
			rgba(8, 12, 31, 0.64),
			rgba(5, 8, 22, 0.76)
		);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.025),
		0 14px 34px rgba(0, 0, 0, 0.20),
		0 0 25px rgba(255, 156, 36, 0.035);
	box-sizing: border-box;
	isolation: isolate;
}

body.home .vhs-ref-special-guests::before,
body.home .vhs-ref-special-guests::after {
	position: absolute;
	top: -1px;
	width: 82px;
	height: 1px;
	content: "";
	pointer-events: none;
}

body.home .vhs-ref-special-guests::before {
	left: 0;
	background: linear-gradient(
		90deg,
		var(--vhs-ref-cyan),
		transparent
	);
	box-shadow: 0 0 10px rgba(32, 231, 255, 0.46);
}

body.home .vhs-ref-special-guests::after {
	right: 0;
	background: linear-gradient(
		270deg,
		var(--vhs-ref-pink),
		transparent
	);
	box-shadow: 0 0 10px rgba(255, 66, 167, 0.42);
}

/* ----------------------------------------------------------
   03 — NADPIS
   ---------------------------------------------------------- */

body.home .vhs-ref-special-guests__title {
	margin: 0 0 13px;
	color: var(--vhs-ref-orange);
	font-family: var(--vhs-ref-display);
	font-size: clamp(1.08rem, 0.98rem + 0.32vw, 1.35rem);
	font-weight: 900;
	letter-spacing: 0.115em;
	line-height: 1;
	text-transform: uppercase;
	text-shadow:
		0 0 6px rgba(255, 156, 36, 0.74),
		0 0 17px rgba(255, 156, 36, 0.24);
}

body.home .vhs-ref-special-guests__title > span {
	display: inline-block;
	margin-left: 0.04em;
	color: var(--vhs-ref-pink);
	text-shadow:
		0 0 6px rgba(255, 66, 167, 0.72),
		0 0 15px rgba(255, 66, 167, 0.22);
}

/* ----------------------------------------------------------
   04 — DVA HOSTOVSKÉ ZÁZNAMY
   ---------------------------------------------------------- */

body.home .vhs-ref-special-guests__list {
	display: grid;
	gap: 11px;
}

body.home .vhs-ref-special-guest {
	position: relative;
	display: grid;
	grid-template-columns: 68px minmax(0, 1fr);
	align-items: start;
	margin: 0;
	padding: 0;
	gap: 13px;
}

body.home .vhs-ref-special-guest + .vhs-ref-special-guest {
	padding-top: 11px;
	border-top: 1px solid rgba(182, 183, 196, 0.12);
}

body.home .vhs-ref-special-guest__date {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 29px;
	padding: 0 8px;
	border: 1px solid currentColor;
	border-radius: 4px;
	font-family: var(--vhs-ref-heading);
	font-size: 0.72rem;
	font-weight: 900;
	letter-spacing: 0.045em;
	line-height: 1;
	white-space: nowrap;
	text-shadow: 0 0 8px currentColor;
	box-shadow:
		inset 0 0 12px rgba(255, 255, 255, 0.018),
		0 0 12px rgba(0, 0, 0, 0.18);
}

body.home .vhs-ref-special-guest--cyan
	.vhs-ref-special-guest__date {
	color: var(--vhs-ref-cyan);
	background: rgba(32, 231, 255, 0.055);
}

body.home .vhs-ref-special-guest--pink
	.vhs-ref-special-guest__date {
	color: var(--vhs-ref-pink);
	background: rgba(255, 66, 167, 0.055);
}

body.home .vhs-ref-special-guest__copy {
	min-width: 0;
	padding-top: 1px;
}

body.home .vhs-ref-special-guest__name {
	margin: 0 0 4px;
	color: var(--vhs-ref-white);
	font-family: var(--vhs-ref-heading);
	font-size: clamp(0.86rem, 0.80rem + 0.14vw, 0.98rem);
	font-weight: 900;
	letter-spacing: 0.045em;
	line-height: 1.22;
	text-transform: uppercase;
	text-shadow: 0 0 8px rgba(247, 245, 248, 0.12);
}

body.home .vhs-ref-special-guest--cyan
	.vhs-ref-special-guest__name {
	text-shadow:
		0 0 8px rgba(32, 231, 255, 0.15),
		0 0 14px rgba(247, 245, 248, 0.08);
}

body.home .vhs-ref-special-guest--pink
	.vhs-ref-special-guest__name {
	text-shadow:
		0 0 8px rgba(255, 66, 167, 0.14),
		0 0 14px rgba(247, 245, 248, 0.08);
}

/* Města jsou součástí jména, ale opticky ustupují. */
body.home .vhs-ref-special-guest__city {
	display: inline-block;
	margin-left: 0.38em;
	color: var(--vhs-ref-orange);
	font-size: 0.72em;
	font-weight: 800;
	letter-spacing: 0.085em;
	vertical-align: 0.09em;
	text-shadow: 0 0 7px rgba(255, 156, 36, 0.25);
}

body.home .vhs-ref-special-guest__role {
	max-width: 68ch;
	margin: 0;
	color: var(--vhs-ref-muted);
	font-family: var(--vhs-ref-body);
	font-size: clamp(0.72rem, 0.69rem + 0.08vw, 0.79rem);
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.48;
	text-transform: none;
	text-shadow: none;
}

/* ----------------------------------------------------------
   05 — VÍCE PROSTORU PRO ROZŠÍŘENÝ HERO OBSAH
   ---------------------------------------------------------- */

body.home .vhs-ref-hero,
body.home .vhs-ref-hero__inner {
	min-height: 880px;
}

body.home .vhs-ref-hero__copy {
	width: min(56%, 640px);
	padding-top: 50px;
	padding-bottom: 54px;
}

/* Podtitul zůstává samostatný a není nalepený na hosty. */
body.home .vhs-ref-subtitle {
	margin-top: 2px;
	margin-bottom: 25px;
}

/* ----------------------------------------------------------
   06 — TABLET
   ---------------------------------------------------------- */

@media (max-width: 1020px) {
	body.home .vhs-ref-hero,
	body.home .vhs-ref-hero__inner {
		min-height: 960px;
	}

	body.home .vhs-ref-hero__copy {
		width: min(74%, 650px);
		padding-top: 58px;
		padding-bottom: 70px;
	}

	body.home .vhs-ref-special-guests {
		max-width: 620px;
	}
}

/* ----------------------------------------------------------
   07 — MOBIL
   ---------------------------------------------------------- */

@media (max-width: 620px) {
	body.home .vhs-ref-hero,
	body.home .vhs-ref-hero__inner {
		min-height: 1210px;
	}

	body.home .vhs-ref-hero__copy {
		width: 100%;
		max-width: 100%;
		padding-top: 36px;
		padding-right: 8px;
		padding-bottom: 330px;
		padding-left: 8px;
	}

	body.home .vhs-ref-special-guests {
		width: 100%;
		max-width: none;
		margin-top: 13px;
		margin-bottom: 15px;
		padding: 15px 14px 14px;
	}

	body.home .vhs-ref-special-guests__title {
		margin-bottom: 12px;
		font-size: 1.05rem;
		letter-spacing: 0.095em;
	}

	body.home .vhs-ref-special-guest {
		grid-template-columns: 61px minmax(0, 1fr);
		gap: 10px;
	}

	body.home .vhs-ref-special-guest__date {
		min-height: 27px;
		padding-right: 6px;
		padding-left: 6px;
		font-size: 0.66rem;
	}

	body.home .vhs-ref-special-guest__name {
		font-size: 0.82rem;
		letter-spacing: 0.032em;
	}

	body.home .vhs-ref-special-guest__city {
		margin-left: 0.22em;
		font-size: 0.68em;
		letter-spacing: 0.065em;
	}

	body.home .vhs-ref-special-guest__role {
		font-size: 0.71rem;
		line-height: 1.46;
	}

	body.home .vhs-ref-subtitle {
		margin-top: 0;
	}
}

@media (max-width: 390px) {
	body.home .vhs-ref-hero,
	body.home .vhs-ref-hero__inner {
		min-height: 1270px;
	}

	body.home .vhs-ref-special-guest {
		grid-template-columns: 1fr;
		gap: 7px;
	}

	body.home .vhs-ref-special-guest__date {
		justify-self: start;
	}

	body.home .vhs-ref-special-guest__city {
		display: block;
		width: fit-content;
		margin-top: 3px;
		margin-left: 0;
	}
}

/* ==========================================================
   VHS SRAZ — ČESTNÝ HOST PETR SVOBODA
   V61
   ----------------------------------------------------------
   - třetí řádek uvnitř stávajícího bloku hostů,
   - nevytváří novou kartu,
   - nemění počet šesti hostů,
   - místo data používá zlatý štítek ČESTNÝ HOST,
   - jméno, město a charakteristika navazují na styl V60.
   ========================================================== */

/* Čestný host je oddělen stejnou linkou jako druhý záznam. */
body.home
	.vhs-ref-special-guest--honorary {
	padding-top: 12px;
	border-top: 1px solid rgba(255, 156, 36, 0.22);
}

/* Zlatý dvouřádkový štítek nahrazuje datum. */
body.home
	.vhs-ref-special-guest__date--honorary {
	flex-direction: column;
	min-height: 40px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: var(--vhs-ref-orange);
	background:
		linear-gradient(
			145deg,
			rgba(255, 156, 36, 0.10),
			rgba(255, 156, 36, 0.035)
		);
	font-size: 0.61rem;
	letter-spacing: 0.065em;
	line-height: 1.12;
	text-align: center;
	text-shadow:
		0 0 7px rgba(255, 156, 36, 0.78),
		0 0 15px rgba(255, 156, 36, 0.24);
	box-shadow:
		inset 0 0 13px rgba(255, 156, 36, 0.035),
		0 0 12px rgba(255, 156, 36, 0.055);
}

body.home
	.vhs-ref-special-guest__date--honorary > span {
	display: block;
}

/* Jméno čestného hosta dostává jemný zlatý akcent. */
body.home
	.vhs-ref-special-guest--honorary
	.vhs-ref-special-guest__name {
	text-shadow:
		0 0 8px rgba(255, 156, 36, 0.18),
		0 0 14px rgba(247, 245, 248, 0.08);
}

body.home
	.vhs-ref-special-guest__role cite {
	color: var(--vhs-ref-white);
	font-style: italic;
	font-weight: 650;
}

/* Rozšířený blok potřebuje pouze mírně více výšky. */
body.home .vhs-ref-hero,
body.home .vhs-ref-hero__inner {
	min-height: 970px;
}

@media (max-width: 1020px) {
	body.home .vhs-ref-hero,
	body.home .vhs-ref-hero__inner {
		min-height: 1050px;
	}
}

@media (max-width: 620px) {
	body.home .vhs-ref-hero,
	body.home .vhs-ref-hero__inner {
		min-height: 1340px;
	}

	body.home
		.vhs-ref-special-guest__date--honorary {
		min-height: 38px;
		padding-top: 4px;
		padding-bottom: 4px;
		font-size: 0.56rem;
	}
}

@media (max-width: 390px) {
	body.home .vhs-ref-hero,
	body.home .vhs-ref-hero__inner {
		min-height: 1410px;
	}

	body.home
		.vhs-ref-special-guest__date--honorary {
		justify-self: start;
		min-width: 72px;
	}
}

/* ==========================================================
   VHS SRAZ — ČESTNÝ HOST 23.–24. 10. + ČISTÝ BLOK BEZ RÁMEČKU
   V62
   ----------------------------------------------------------
   - Petr Svoboda má datum 23.–24. 10.,
   - označení ČESTNÝ HOST je nad jeho jménem,
   - odstraněn horní i spodní neonový okraj celého bloku,
   - odstraněny také krátké neonové linky v horních rozích,
   - žádná nová karta a žádná změna počtu hostů.
   ========================================================== */

/* ----------------------------------------------------------
   01 — CELÝ BLOK BEZ HORNÍHO A SPODNÍHO NEONOVÉHO RÁMEČKU
   ---------------------------------------------------------- */

body.home .vhs-ref-special-guests {
	border-top: 0 !important;
	border-bottom: 0 !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.018),
		0 14px 34px rgba(0, 0, 0, 0.18) !important;
}

body.home .vhs-ref-special-guests::before,
body.home .vhs-ref-special-guests::after {
	display: none !important;
	width: 0 !important;
	height: 0 !important;
	background: none !important;
	box-shadow: none !important;
	content: none !important;
}

/* ----------------------------------------------------------
   02 — PETR SVOBODA: DATUM A SAMOSTATNÝ LABEL ČESTNÝ HOST
   ---------------------------------------------------------- */

body.home
	.vhs-ref-special-guest__date--honorary {
	flex-direction: row;
	min-height: 29px;
	padding: 0 7px;
	color: var(--vhs-ref-orange);
	background: rgba(255, 156, 36, 0.055);
	font-size: 0.66rem;
	letter-spacing: 0.035em;
	line-height: 1;
	white-space: nowrap;
	text-align: center;
	text-shadow:
		0 0 7px rgba(255, 156, 36, 0.72),
		0 0 14px rgba(255, 156, 36, 0.20);
	box-shadow:
		inset 0 0 12px rgba(255, 156, 36, 0.025),
		0 0 10px rgba(255, 156, 36, 0.035);
}

body.home .vhs-ref-special-guest__honorary-label {
	margin: 0 0 4px;
	color: var(--vhs-ref-orange);
	font-family: var(--vhs-ref-heading);
	font-size: 0.64rem;
	font-weight: 900;
	letter-spacing: 0.115em;
	line-height: 1.1;
	text-transform: uppercase;
	text-shadow:
		0 0 6px rgba(255, 156, 36, 0.60),
		0 0 13px rgba(255, 156, 36, 0.17);
}

body.home
	.vhs-ref-special-guest--honorary
	.vhs-ref-special-guest__name {
	margin-top: 0;
}

/* ----------------------------------------------------------
   03 — MOBIL
   ---------------------------------------------------------- */

@media (max-width: 620px) {
	body.home
		.vhs-ref-special-guest__date--honorary {
		min-height: 27px;
		padding-right: 5px;
		padding-left: 5px;
		font-size: 0.60rem;
	}

	body.home .vhs-ref-special-guest__honorary-label {
		font-size: 0.59rem;
		letter-spacing: 0.095em;
	}
}

@media (max-width: 390px) {
	body.home
		.vhs-ref-special-guest__date--honorary {
		min-width: 0;
	}
}

/* ==========================================================
   VHS SRAZ — HOSTÉ BEZ HRANATÉHO OBJEKTU
   V63
   ----------------------------------------------------------
   Původní tmavý obdélník je nahrazen bezešvou ambientní
   světelnou mlhou, která se postupně ztrácí do hero pozadí.

   - žádné viditelné hrany ani rohy,
   - žádný rámeček,
   - žádný obdélníkový stín,
   - jemné cyan / magenta / zlaté světlo,
   - decentní VHS textura,
   - obsah a typografie hostů zůstávají beze změny.
   ========================================================== */

/* ----------------------------------------------------------
   01 — KONTEJNER JE PRŮHLEDNÝ A BEZ TVARU KARTY
   ---------------------------------------------------------- */

body.home .vhs-ref-special-guests {
	position: relative;
	padding:
		22px
		clamp(18px, 2.4vw, 30px)
		21px !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	overflow: visible !important;
	isolation: isolate;
}

/* ----------------------------------------------------------
   02 — ROZPTÝLENÁ AMBIENTNÍ MLHA BEZ OSTRÝCH OKRAJŮ
   ---------------------------------------------------------- */

body.home .vhs-ref-special-guests::before {
	position: absolute;
	z-index: -2;
	display: block !important;
	inset:
		-34px
		-58px
		-38px
		-62px;
	width: auto !important;
	height: auto !important;
	border: 0 !important;
	border-radius: 44% 56% 51% 49% / 48% 42% 58% 52%;
	background:
		radial-gradient(
			ellipse at 13% 23%,
			rgba(32, 231, 255, 0.115) 0,
			rgba(32, 231, 255, 0.055) 28%,
			transparent 61%
		),
		radial-gradient(
			ellipse at 84% 72%,
			rgba(255, 66, 167, 0.105) 0,
			rgba(255, 66, 167, 0.045) 30%,
			transparent 63%
		),
		radial-gradient(
			ellipse at 52% 46%,
			rgba(255, 156, 36, 0.055) 0,
			rgba(8, 12, 31, 0.30) 39%,
			rgba(5, 8, 22, 0.14) 65%,
			transparent 84%
		) !important;
	box-shadow: none !important;
	filter: blur(15px);
	opacity: 0.94;
	content: "" !important;
	pointer-events: none;
	transform: translateZ(0);
}

/* ----------------------------------------------------------
   03 — JEMNÁ VHS ATMOSFÉRA, KTERÁ SE TAKÉ ZTRÁCÍ DO POZADÍ
   ---------------------------------------------------------- */

body.home .vhs-ref-special-guests::after {
	position: absolute;
	z-index: -1;
	display: block !important;
	inset:
		-8px
		-28px
		-10px
		-30px;
	width: auto !important;
	height: auto !important;
	border: 0 !important;
	border-radius: 38% 62% 46% 54% / 55% 42% 58% 45%;
	background:
		repeating-linear-gradient(
			0deg,
			rgba(255, 255, 255, 0.012) 0,
			rgba(255, 255, 255, 0.012) 1px,
			transparent 1px,
			transparent 6px
		),
		linear-gradient(
			90deg,
			transparent 0,
			rgba(5, 9, 25, 0.16) 17%,
			rgba(8, 12, 31, 0.25) 50%,
			rgba(5, 9, 25, 0.14) 83%,
			transparent 100%
		) !important;
	box-shadow: none !important;
	filter: blur(0.35px);
	opacity: 0.82;
	content: "" !important;
	pointer-events: none;

	-webkit-mask-image:
		radial-gradient(
			ellipse at center,
			#000 0,
			#000 48%,
			rgba(0, 0, 0, 0.76) 65%,
			transparent 92%
		);
	mask-image:
		radial-gradient(
			ellipse at center,
			#000 0,
			#000 48%,
			rgba(0, 0, 0, 0.76) 65%,
			transparent 92%
		);
}

/* ----------------------------------------------------------
   04 — VNITŘNÍ LINKY JSOU JEN KRÁTKÉ A POSTUPNĚ MIZÍ
   ---------------------------------------------------------- */

body.home
	.vhs-ref-special-guest + .vhs-ref-special-guest,
body.home
	.vhs-ref-special-guest--honorary {
	position: relative;
	border-top: 0 !important;
}

body.home
	.vhs-ref-special-guest + .vhs-ref-special-guest::before {
	position: absolute;
	top: 0;
	left: 0;
	width: min(100%, 520px);
	height: 1px;
	background:
		linear-gradient(
			90deg,
			transparent 0,
			rgba(182, 183, 196, 0.12) 16%,
			rgba(182, 183, 196, 0.18) 48%,
			rgba(182, 183, 196, 0.08) 79%,
			transparent 100%
		);
	content: "";
	pointer-events: none;
}

/* Zlatý nádech před čestným hostem, stále bez rámečku. */
body.home
	.vhs-ref-special-guest--honorary::before {
	background:
		linear-gradient(
			90deg,
			transparent 0,
			rgba(255, 156, 36, 0.12) 16%,
			rgba(255, 156, 36, 0.20) 46%,
			rgba(255, 156, 36, 0.08) 78%,
			transparent 100%
		) !important;
}

/* ----------------------------------------------------------
   05 — RESPONZIVNÍ DOLADĚNÍ
   ---------------------------------------------------------- */

@media (max-width: 620px) {
	body.home .vhs-ref-special-guests {
		padding:
			19px
			13px
			18px !important;
	}

	body.home .vhs-ref-special-guests::before {
		inset:
			-24px
			-22px
			-28px
			-24px;
		filter: blur(13px);
	}

	body.home .vhs-ref-special-guests::after {
		inset:
			-5px
			-12px
			-7px
			-13px;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.home .vhs-ref-special-guests::before,
	body.home .vhs-ref-special-guests::after {
		transform: none !important;
	}
}

/* ==========================================================
   VHS SRAZ — VOJTĚCH KAVKA NA FRONT PAGE
   V64
   ========================================================== */

body.home
	.vhs-ref-special-guest--violet
	.vhs-ref-special-guest__date {
	color: #B99CFF;
	background:
		linear-gradient(
			145deg,
			rgba(185, 156, 255, 0.095),
			rgba(32, 231, 255, 0.035)
		);
	text-shadow:
		0 0 7px rgba(185, 156, 255, 0.75),
		0 0 15px rgba(32, 231, 255, 0.17);
	box-shadow:
		inset 0 0 12px rgba(185, 156, 255, 0.025),
		0 0 11px rgba(185, 156, 255, 0.04);
}

body.home
	.vhs-ref-special-guest--violet
	.vhs-ref-special-guest__name {
	text-shadow:
		0 0 8px rgba(185, 156, 255, 0.17),
		0 0 14px rgba(32, 231, 255, 0.07);
}

body.home
	.vhs-ref-special-guest--violet::before {
	background:
		linear-gradient(
			90deg,
			transparent 0,
			rgba(185, 156, 255, 0.10) 16%,
			rgba(185, 156, 255, 0.17) 46%,
			rgba(32, 231, 255, 0.07) 78%,
			transparent 100%
		) !important;
}

body.home .vhs-ref-hero,
body.home .vhs-ref-hero__inner {
	min-height: 1060px;
}

@media (max-width: 1020px) {
	body.home .vhs-ref-hero,
	body.home .vhs-ref-hero__inner {
		min-height: 1145px;
	}
}

@media (max-width: 620px) {
	body.home .vhs-ref-hero,
	body.home .vhs-ref-hero__inner {
		min-height: 1460px;
	}
}

@media (max-width: 390px) {
	body.home .vhs-ref-hero,
	body.home .vhs-ref-hero__inner {
		min-height: 1540px;
	}
}

/* ==========================================================
   VHS SRAZ — 6. ROČNÍK + MODERUJE VÁCLAV HLUŠIČKA
   V66
   ----------------------------------------------------------
   - štítek 6. ROČNÍK přímo pod hlavním názvem,
   - moderátor pod osobnostmi,
   - žádná nová karta ani nový host,
   - bezešvý vzhled splývající s hero pozadím.
   ========================================================== */

/* ----------------------------------------------------------
   01 — NOVÉ POŘADÍ HERO PRVKŮ
   ---------------------------------------------------------- */

body.home .vhs-ref-title {
	grid-row: 1;
}

body.home .vhs-ref-edition-badge {
	grid-column: 1;
	grid-row: 2;
}

body.home .vhs-ref-kicker {
	grid-row: 3;
}

body.home .vhs-ref-special-guests {
	grid-row: 4;
}

body.home .vhs-ref-moderator {
	grid-column: 1;
	grid-row: 5;
}

body.home .vhs-ref-subtitle {
	grid-row: 6;
}

body.home .vhs-ref-event-meta {
	grid-row: 7;
}

body.home .vhs-ref-actions {
	grid-row: 8;
}

/* ----------------------------------------------------------
   02 — ŠTÍTEK 6. ROČNÍK
   ---------------------------------------------------------- */

body.home .vhs-ref-edition-badge {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-self: start;
	width: fit-content;
	margin: 16px 0 13px;
	padding: 6px 12px 6px 10px;
	gap: 7px;
	border: 1px solid rgba(255, 156, 36, 0.34);
	border-radius: 999px;
	background:
		linear-gradient(
			90deg,
			rgba(255, 156, 36, 0.095),
			rgba(255, 66, 167, 0.045),
			rgba(32, 231, 255, 0.035)
		);
	box-shadow:
		inset 0 0 12px rgba(255, 156, 36, 0.025),
		0 0 16px rgba(255, 156, 36, 0.07);
	line-height: 1;
}

body.home .vhs-ref-edition-badge::after {
	position: absolute;
	top: 50%;
	left: calc(100% + 10px);
	width: clamp(36px, 5vw, 72px);
	height: 1px;
	background:
		linear-gradient(
			90deg,
			rgba(255, 156, 36, 0.34),
			transparent
		);
	content: "";
	pointer-events: none;
}

body.home .vhs-ref-edition-badge__number {
	color: var(--vhs-ref-pink);
	font-family: var(--vhs-ref-display);
	font-size: 0.96rem;
	font-weight: 900;
	letter-spacing: 0.02em;
	text-shadow:
		0 0 6px rgba(255, 66, 167, 0.72),
		0 0 13px rgba(255, 66, 167, 0.20);
}

body.home .vhs-ref-edition-badge__label {
	color: var(--vhs-ref-orange);
	font-family: var(--vhs-ref-heading);
	font-size: 0.66rem;
	font-weight: 900;
	letter-spacing: 0.135em;
	text-transform: uppercase;
	text-shadow:
		0 0 6px rgba(255, 156, 36, 0.62),
		0 0 13px rgba(255, 156, 36, 0.18);
}

/* ----------------------------------------------------------
   03 — MODERÁTOR POD OSOBNOSTMI
   ---------------------------------------------------------- */

body.home .vhs-ref-moderator {
	position: relative;
	justify-self: stretch;
	width: 100%;
	max-width: 620px;
	margin: 3px 0 17px;
	padding: 17px clamp(18px, 2.4vw, 30px) 15px;
	border: 0;
	background: transparent;
	box-shadow: none;
	box-sizing: border-box;
	isolation: isolate;
}

body.home .vhs-ref-moderator::before {
	position: absolute;
	z-index: -1;
	inset: -12px -32px -18px;
	border-radius: 48% 52% 46% 54% / 52% 44% 56% 48%;
	background:
		radial-gradient(
			ellipse at 18% 36%,
			rgba(255, 156, 36, 0.085),
			transparent 58%
		),
		radial-gradient(
			ellipse at 78% 60%,
			rgba(32, 231, 255, 0.055),
			transparent 64%
		);
	filter: blur(13px);
	content: "";
	pointer-events: none;
}

body.home .vhs-ref-moderator::after {
	position: absolute;
	top: 0;
	left: clamp(18px, 2.4vw, 30px);
	width: min(84%, 500px);
	height: 1px;
	background:
		linear-gradient(
			90deg,
			transparent,
			rgba(255, 156, 36, 0.18) 18%,
			rgba(255, 156, 36, 0.28) 48%,
			rgba(32, 231, 255, 0.08) 78%,
			transparent
		);
	content: "";
	pointer-events: none;
}

body.home .vhs-ref-moderator__title {
	margin: 0 0 9px;
	color: var(--vhs-ref-orange);
	font-family: var(--vhs-ref-display);
	font-size: clamp(1.02rem, 0.94rem + 0.25vw, 1.24rem);
	font-weight: 900;
	letter-spacing: 0.115em;
	line-height: 1;
	text-transform: uppercase;
	text-shadow:
		0 0 6px rgba(255, 156, 36, 0.68),
		0 0 16px rgba(255, 156, 36, 0.20);
}

body.home .vhs-ref-moderator__title > span {
	color: var(--vhs-ref-cyan);
	text-shadow:
		0 0 6px rgba(32, 231, 255, 0.68),
		0 0 14px rgba(32, 231, 255, 0.18);
}

body.home .vhs-ref-moderator__entry {
	display: block;
	margin: 0;
	padding: 0;
}

body.home .vhs-ref-moderator__name {
	margin: 0 0 5px;
	color: var(--vhs-ref-white);
	font-family: var(--vhs-ref-heading);
	font-size: clamp(0.88rem, 0.82rem + 0.15vw, 1rem);
	font-weight: 900;
	letter-spacing: 0.045em;
	line-height: 1.22;
	text-transform: uppercase;
	text-shadow:
		0 0 8px rgba(255, 156, 36, 0.16),
		0 0 14px rgba(247, 245, 248, 0.07);
}

body.home .vhs-ref-moderator__alias {
	display: inline-block;
	margin-left: 0.36em;
	color: var(--vhs-ref-cyan);
	font-size: 0.72em;
	font-weight: 850;
	letter-spacing: 0.085em;
	vertical-align: 0.09em;
	text-shadow: 0 0 7px rgba(32, 231, 255, 0.27);
}

body.home .vhs-ref-moderator__role {
	max-width: 69ch;
	margin: 0;
	color: var(--vhs-ref-muted);
	font-family: var(--vhs-ref-body);
	font-size: clamp(0.72rem, 0.69rem + 0.08vw, 0.79rem);
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.49;
	text-transform: none;
	text-shadow: none;
}

/* ----------------------------------------------------------
   04 — VÝŠKA HERO
   ---------------------------------------------------------- */

body.home .vhs-ref-hero,
body.home .vhs-ref-hero__inner {
	min-height: 1230px;
}

@media (max-width: 1020px) {
	body.home .vhs-ref-hero,
	body.home .vhs-ref-hero__inner {
		min-height: 1320px;
	}
}

@media (max-width: 620px) {
	body.home .vhs-ref-edition-badge {
		margin-top: 13px;
		margin-bottom: 11px;
		padding: 5px 10px 5px 9px;
	}

	body.home .vhs-ref-edition-badge::after {
		width: 30px;
	}

	body.home .vhs-ref-moderator {
		margin-bottom: 15px;
		padding: 16px 13px 14px;
	}

	body.home .vhs-ref-moderator::before {
		inset: -9px -16px -15px;
	}

	body.home .vhs-ref-moderator::after {
		left: 13px;
	}

	body.home .vhs-ref-moderator__title {
		font-size: 1rem;
	}

	body.home .vhs-ref-moderator__name {
		font-size: 0.82rem;
	}

	body.home .vhs-ref-moderator__role {
		font-size: 0.71rem;
		line-height: 1.47;
	}

	body.home .vhs-ref-hero,
	body.home .vhs-ref-hero__inner {
		min-height: 1640px;
	}
}

@media (max-width: 390px) {
	body.home .vhs-ref-edition-badge::after {
		display: none;
	}

	body.home .vhs-ref-moderator__alias {
		display: block;
		width: fit-content;
		margin-top: 3px;
		margin-left: 0;
	}

	body.home .vhs-ref-hero,
	body.home .vhs-ref-hero__inner {
		min-height: 1740px;
	}
}

/* ==========================================================
   VHS SRAZ — HOST A MODERÁTOR VÁCLAV HLUŠIČKA
   V67
   ----------------------------------------------------------
   - odstraněno AKA GWANGI z front page,
   - Václav Hlušička je uveden jako host i moderátor,
   - text je skromnější a věcnější,
   - přezdívka zůstane až v samostatné kartě hosta.
   ========================================================== */

body.home .vhs-ref-moderator__title {
	font-size: clamp(0.98rem, 0.91rem + 0.22vw, 1.18rem);
	letter-spacing: 0.095em;
}

@media (max-width: 620px) {
	body.home .vhs-ref-moderator__title {
		font-size: 0.94rem;
		letter-spacing: 0.078em;
	}
}

/* ==========================================================
   VHS SRAZ — HOST A MODERÁTOR POD VOJTĚCHEM KAVKOU
   V69
   ----------------------------------------------------------
   - nadpis HOST A MODERÁTOR nyní používá stejný styl
     jako nadpis SPECIÁLNÍ HOSTÉ,
   - blok je opticky těsněji navázaný pod Vojtěcha Kavku,
   - Václav Hlušička zůstává uveden samostatně pod hosty.
   ========================================================== */

body.home .vhs-ref-moderator {
	margin-top: 10px;
}

body.home .vhs-ref-moderator__title {
	margin: 0 0 13px;
	font-size: clamp(1.08rem, 0.98rem + 0.32vw, 1.35rem);
	color: var(--vhs-ref-orange);
	text-shadow:
		0 0 6px rgba(255, 156, 36, 0.74),
		0 0 17px rgba(255, 156, 36, 0.24);
}

body.home .vhs-ref-moderator__title > span {
	color: var(--vhs-ref-pink);
	text-shadow:
		0 0 6px rgba(255, 66, 167, 0.72),
		0 0 15px rgba(255, 66, 167, 0.22);
}

@media (max-width: 720px) {
	body.home .vhs-ref-moderator {
		margin-top: 8px;
	}
}

/* ==========================================================
   VHS SRAZ — DATUM MODERÁTORA + MÍRNĚ VĚTŠÍ 6. ROČNÍK
   V70
   ----------------------------------------------------------
   - Václav Hlušička má vlevo datový štítek 23.–24. 10.,
   - štítek používá stejný vizuální systém jako ostatní hosté,
   - označení 6. ROČNÍK je pouze decentně zvětšené.
   ========================================================== */

/* ----------------------------------------------------------
   01 — DATUM VEDLE JMÉNA VÁCLAVA HLUŠIČKY
   ---------------------------------------------------------- */

body.home .vhs-ref-moderator__entry {
	display: grid;
	grid-template-columns: 78px minmax(0, 1fr);
	align-items: start;
	gap: 13px;
}

body.home .vhs-ref-moderator__date {
	min-height: 29px;
	padding-right: 7px;
	padding-left: 7px;
	color: var(--vhs-ref-cyan);
	background:
		linear-gradient(
			145deg,
			rgba(32, 231, 255, 0.075),
			rgba(255, 156, 36, 0.035)
		);
	font-size: 0.65rem;
	letter-spacing: 0.025em;
	text-shadow:
		0 0 7px rgba(32, 231, 255, 0.72),
		0 0 14px rgba(32, 231, 255, 0.18);
	box-shadow:
		inset 0 0 12px rgba(32, 231, 255, 0.025),
		0 0 10px rgba(32, 231, 255, 0.035);
}

body.home .vhs-ref-moderator__copy {
	min-width: 0;
	padding-top: 1px;
}

/* ----------------------------------------------------------
   02 — 6. ROČNÍK JEN MALINKO VĚTŠÍ
   ---------------------------------------------------------- */

body.home .vhs-ref-edition-badge {
	padding: 7px 14px 7px 11px;
	gap: 8px;
}

body.home .vhs-ref-edition-badge__number {
	font-size: 1.07rem;
}

body.home .vhs-ref-edition-badge__label {
	font-size: 0.71rem;
	letter-spacing: 0.14em;
}

/* ----------------------------------------------------------
   03 — MOBILNÍ DOLADĚNÍ
   ---------------------------------------------------------- */

@media (max-width: 620px) {
	body.home .vhs-ref-moderator__entry {
		grid-template-columns: 72px minmax(0, 1fr);
		gap: 10px;
	}

	body.home .vhs-ref-moderator__date {
		min-height: 27px;
		padding-right: 5px;
		padding-left: 5px;
		font-size: 0.59rem;
	}

	body.home .vhs-ref-edition-badge {
		padding: 6px 12px 6px 10px;
	}

	body.home .vhs-ref-edition-badge__number {
		font-size: 1rem;
	}

	body.home .vhs-ref-edition-badge__label {
		font-size: 0.67rem;
	}
}

@media (max-width: 390px) {
	body.home .vhs-ref-moderator__entry {
		grid-template-columns: 1fr;
		gap: 7px;
	}

	body.home .vhs-ref-moderator__date {
		justify-self: start;
	}
}

/* ==========================================================
   VHS SRAZ — BEZ OZDOBNÝCH ČAR + PÍSEK
   V71
   ========================================================== */

body.home .vhs-ref-edition-badge::after,
body.home .vhs-ref-moderator::after {
	display: none !important;
	width: 0 !important;
	height: 0 !important;
	background: none !important;
	box-shadow: none !important;
	content: none !important;
}

body.home .vhs-ref-moderator__city {
	margin-left: 0.38em;
}

@media (max-width: 390px) {
	body.home .vhs-ref-moderator__city {
		display: inline-block;
		width: auto;
		margin-top: 0;
		margin-left: 0.24em;
	}
}

/* ==========================================================
   VHS SRAZ — PŘESNÉ ZAROVNÁNÍ HLUŠIČKY + BEZ ČÁRY POD ZUMREM
   V72
   ----------------------------------------------------------
   - datum Hlušičky je rozměrově stejné jako u Petra Svobody,
   - řádek moderátora používá stejnou 68px mřížku jako hosté,
   - jméno, město a popis začínají ve stejné textové ose,
   - odstraněna linka pod Petrem Zumrem / před Petrem Svobodou.
   ========================================================== */

/* Čára pod Petrem Zumrem se již nezobrazuje. */
body.home
	.vhs-ref-special-guest--honorary::before {
	display: none !important;
	width: 0 !important;
	height: 0 !important;
	background: none !important;
	content: none !important;
}

body.home
	.vhs-ref-special-guest--honorary {
	border-top: 0 !important;
}

/* Hlušička: stejná mřížka a textová osa jako všechny hostovské řádky. */
body.home .vhs-ref-moderator__entry {
	display: grid;
	grid-template-columns: 68px minmax(0, 1fr);
	align-items: start;
	margin: 0;
	padding: 0;
	gap: 13px;
}

body.home .vhs-ref-moderator__copy {
	min-width: 0;
	padding-top: 1px;
}

/* Datum je přesná kopie rozměrů štítku Petra Svobody. */
body.home .vhs-ref-moderator__date {
	min-height: 29px;
	padding: 0 7px;
	font-size: 0.66rem;
	letter-spacing: 0.035em;
	line-height: 1;
	white-space: nowrap;
}

/* Text Hlušičky používá totožnou typografickou geometrii jako hosté. */
body.home .vhs-ref-moderator__name {
	margin: 0 0 4px;
	font-size: clamp(0.86rem, 0.80rem + 0.14vw, 0.98rem);
	letter-spacing: 0.045em;
	line-height: 1.22;
}

body.home .vhs-ref-moderator__role {
	max-width: 68ch;
	font-size: clamp(0.72rem, 0.69rem + 0.08vw, 0.79rem);
	line-height: 1.48;
}

@media (max-width: 620px) {
	body.home .vhs-ref-moderator__entry {
		grid-template-columns: 61px minmax(0, 1fr);
		gap: 10px;
	}

	body.home .vhs-ref-moderator__date {
		min-height: 27px;
		padding-right: 5px;
		padding-left: 5px;
		font-size: 0.60rem;
	}
}

@media (max-width: 390px) {
	body.home .vhs-ref-moderator__entry {
		grid-template-columns: 1fr;
		gap: 7px;
	}

	body.home .vhs-ref-moderator__date {
		justify-self: start;
		min-width: 0;
	}
}

/* ==========================================================
   VHS SRAZ — DECENTNĚ VĚTŠÍ 6. ROČNÍK
   V73
   ----------------------------------------------------------
   Pouze jemné zvětšení proti V72.
   ========================================================== */

body.home .vhs-ref-edition-badge {
	padding: 8px 15px 8px 12px;
	gap: 9px;
}

body.home .vhs-ref-edition-badge__number {
	font-size: 1.15rem;
}

body.home .vhs-ref-edition-badge__label {
	font-size: 0.76rem;
	letter-spacing: 0.145em;
}

@media (max-width: 620px) {
	body.home .vhs-ref-edition-badge {
		padding: 7px 13px 7px 11px;
	}

	body.home .vhs-ref-edition-badge__number {
		font-size: 1.07rem;
	}

	body.home .vhs-ref-edition-badge__label {
		font-size: 0.71rem;
	}
}

/* ==========================================================
   VHS SRAZ — 6. ROČNÍK ZPĚT POD HLAVNÍM TITULEM
   JEMNĚJŠÍ, MÉNĚ NEONOVÝ VZHLED
   V76
   ========================================================== */

body.home .vhs-ref-edition-badge {
	margin: 16px 0 13px;
	padding: 8px 15px 8px 12px;
	gap: 9px;
	border: 1px solid rgba(255, 156, 36, 0.24);
	background:
		linear-gradient(
			90deg,
			rgba(255, 156, 36, 0.055),
			rgba(255, 66, 167, 0.025),
			rgba(32, 231, 255, 0.018)
		);
	box-shadow:
		inset 0 0 7px rgba(255, 156, 36, 0.018),
		0 0 5px rgba(255, 156, 36, 0.035);
	filter: none;
}

body.home .vhs-ref-edition-badge__number {
	color: rgba(255, 92, 177, 0.96);
	font-size: 1.15rem;
	text-shadow:
		0 0 2px rgba(255, 66, 167, 0.34),
		0 0 5px rgba(255, 66, 167, 0.08);
	filter: none;
}

body.home .vhs-ref-edition-badge__label {
	color: rgba(255, 174, 67, 0.96);
	font-size: 0.76rem;
	letter-spacing: 0.145em;
	text-shadow:
		0 0 2px rgba(255, 156, 36, 0.30),
		0 0 5px rgba(255, 156, 36, 0.07);
	filter: none;
}

/* Dekorativní čára zůstává vypnutá. */
body.home .vhs-ref-edition-badge::after {
	display: none !important;
	content: none !important;
}

/* Zamezení rozmazání celého štítku. */
body.home .vhs-ref-edition-badge,
body.home .vhs-ref-edition-badge *,
body.home .vhs-ref-edition-badge::before,
body.home .vhs-ref-edition-badge::after {
	-webkit-filter: none !important;
	filter: none !important;
}

@media (max-width: 620px) {
	body.home .vhs-ref-edition-badge {
		padding: 7px 13px 7px 11px;
	}

	body.home .vhs-ref-edition-badge__number {
		font-size: 1.07rem;
	}

	body.home .vhs-ref-edition-badge__label {
		font-size: 0.71rem;
	}
}

/* ==========================================================
   VHS SRAZ — ODSTUP 6. ROČNÍKU OD SLOVA SRAZ
   V77
   ----------------------------------------------------------
   - hlavní titulek dostává skutečný spodní prostor,
   - štítek 6. ROČNÍK už nezasahuje do slova SRAZ,
   - velikost ani intenzita štítku se nemění.
   ========================================================== */

body.home .vhs-ref-title {
	padding-bottom: clamp(28px, 2.4vw, 38px);
}

body.home .vhs-ref-edition-badge {
	margin-top: 0;
}

@media (max-width: 620px) {
	body.home .vhs-ref-title {
		padding-bottom: 24px;
	}
}

/* ==========================================================
   VHS SRAZ — ČISTÍ HOSTÉ, LINKY POD KAŽDOU OSOBNOSTÍ
   + MENŠÍ VZPOMÍNÁME
   V78
   ========================================================== */

/* Odstranění ambientní mlhy a grafických efektů. */
body.home .vhs-ref-special-guests::before,
body.home .vhs-ref-special-guests::after,
body.home .vhs-ref-moderator::before,
body.home .vhs-ref-moderator::after {
	display: none !important;
	width: 0 !important;
	height: 0 !important;
	inset: auto !important;
	background: none !important;
	box-shadow: none !important;
	filter: none !important;
	opacity: 0 !important;
	content: none !important;
	-webkit-mask-image: none !important;
	mask-image: none !important;
}

body.home .vhs-ref-special-guests,
body.home .vhs-ref-moderator {
	background: transparent !important;
	box-shadow: none !important;
	filter: none !important;
}

/* Původní linky před některými hosty se ruší. */
body.home
	.vhs-ref-special-guest + .vhs-ref-special-guest::before,
body.home
	.vhs-ref-special-guest--honorary::before {
	display: none !important;
	background: none !important;
	content: none !important;
}

/* Stejná zvýrazněná, ale neneonová linka pod každou osobností. */
body.home .vhs-ref-special-guests__list > .vhs-ref-special-guest,
body.home .vhs-ref-moderator__entry {
	position: relative;
	padding-bottom: 13px !important;
}

body.home .vhs-ref-special-guests__list > .vhs-ref-special-guest::after,
body.home .vhs-ref-moderator__entry::after {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 1px;
	background: rgba(194, 197, 207, 0.34);
	box-shadow: none;
	content: "";
	pointer-events: none;
}

body.home .vhs-ref-special-guests__list {
	gap: 0;
}

body.home
	.vhs-ref-special-guests__list
	> .vhs-ref-special-guest
	+ .vhs-ref-special-guest {
	margin-top: 12px;
	padding-top: 0 !important;
	border-top: 0 !important;
}

/* Menší, čistší a méně dominantní text VZPOMÍNÁME. */
body.home .vhs-ref-subtitle {
	justify-self: stretch;
	width: 100%;
	max-width: 620px;
	margin: 7px 0 23px;
	font-size: clamp(0.94rem, 0.88rem + 0.20vw, 1.13rem);
	letter-spacing: 0.055em;
	line-height: 1.22;
	text-shadow: none !important;
	filter: none !important;
	gap: 0.24em;
}

body.home .vhs-ref-subtitle span {
	text-shadow: none !important;
	filter: none !important;
}

body.home .vhs-ref-subtitle__amp {
	font-size: 0.64em;
}

@media (max-width: 620px) {
	body.home .vhs-ref-special-guests__list > .vhs-ref-special-guest,
	body.home .vhs-ref-moderator__entry {
		padding-bottom: 11px !important;
	}

	body.home
		.vhs-ref-special-guests__list
		> .vhs-ref-special-guest
		+ .vhs-ref-special-guest {
		margin-top: 10px;
	}

	body.home .vhs-ref-subtitle {
		margin-top: 5px;
		margin-bottom: 20px;
		font-size: 0.90rem;
		letter-spacing: 0.035em;
		gap: 0.20em;
	}
}

@media (max-width: 430px) {
	body.home .vhs-ref-subtitle {
		flex-wrap: wrap;
		justify-content: flex-start;
		text-align: left;
	}
}

/* ==========================================================
   VHS SRAZ — VĚTŠÍ HOSTÉ A MODERÁTOR
   V79
   ----------------------------------------------------------
   - mírně zvětšené nadpisy, data, jména, města a popisy,
   - širší blok hostů i moderátora,
   - delší a silnější neneonové linky pod každou osobností.
   ========================================================== */

/* ----------------------------------------------------------
   01 — ŠIRŠÍ BLOKY
   ---------------------------------------------------------- */

body.home .vhs-ref-special-guests,
body.home .vhs-ref-moderator {
	max-width: 680px;
}

body.home .vhs-ref-special-guests {
	padding-right: 22px;
	padding-left: 22px;
}

body.home .vhs-ref-moderator {
	padding-right: 22px;
	padding-left: 22px;
}

/* ----------------------------------------------------------
   02 — VĚTŠÍ NADPISY SEKCE
   ---------------------------------------------------------- */

body.home .vhs-ref-special-guests__title,
body.home .vhs-ref-moderator__title {
	font-size: clamp(1.16rem, 1.05rem + 0.35vw, 1.46rem);
	margin-bottom: 15px;
}

/* ----------------------------------------------------------
   03 — VĚTŠÍ ŘÁDKY OSOBNOSTÍ
   ---------------------------------------------------------- */

body.home .vhs-ref-special-guest,
body.home .vhs-ref-moderator__entry {
	grid-template-columns: 76px minmax(0, 1fr);
	gap: 15px;
}

body.home .vhs-ref-special-guest__date,
body.home .vhs-ref-moderator__date {
	min-height: 32px;
	padding-right: 9px;
	padding-left: 9px;
	font-size: 0.76rem;
	letter-spacing: 0.04em;
}

body.home .vhs-ref-special-guest__name,
body.home .vhs-ref-moderator__name {
	margin-bottom: 5px;
	font-size: clamp(0.93rem, 0.86rem + 0.18vw, 1.07rem);
	line-height: 1.24;
}

body.home .vhs-ref-special-guest__city,
body.home .vhs-ref-moderator__city {
	font-size: 0.76em;
}

body.home .vhs-ref-special-guest__role,
body.home .vhs-ref-moderator__role {
	max-width: 72ch;
	font-size: clamp(0.78rem, 0.74rem + 0.10vw, 0.87rem);
	line-height: 1.52;
}

/* ----------------------------------------------------------
   04 — DELŠÍ A SILNĚJŠÍ LINKY
   ---------------------------------------------------------- */

body.home .vhs-ref-special-guests__list > .vhs-ref-special-guest,
body.home .vhs-ref-moderator__entry {
	padding-bottom: 16px !important;
}

body.home .vhs-ref-special-guests__list > .vhs-ref-special-guest::after,
body.home .vhs-ref-moderator__entry::after {
	left: -2px;
	width: calc(100% + 4px);
	height: 2px;
	background: rgba(194, 197, 207, 0.42);
	box-shadow: none;
}

body.home
	.vhs-ref-special-guests__list
	> .vhs-ref-special-guest
	+ .vhs-ref-special-guest {
	margin-top: 15px;
}

/* ----------------------------------------------------------
   05 — VÍCE PROSTORU PRO VĚTŠÍ OBSAH
   ---------------------------------------------------------- */

body.home .vhs-ref-hero,
body.home .vhs-ref-hero__inner {
	min-height: 1310px;
}

@media (max-width: 1020px) {
	body.home .vhs-ref-hero,
	body.home .vhs-ref-hero__inner {
		min-height: 1420px;
	}
}

@media (max-width: 620px) {
	body.home .vhs-ref-special-guests,
	body.home .vhs-ref-moderator {
		max-width: 100%;
		padding-right: 15px;
		padding-left: 15px;
	}

	body.home .vhs-ref-special-guests__title,
	body.home .vhs-ref-moderator__title {
		font-size: 1.08rem;
		margin-bottom: 13px;
	}

	body.home .vhs-ref-special-guest,
	body.home .vhs-ref-moderator__entry {
		grid-template-columns: 67px minmax(0, 1fr);
		gap: 11px;
	}

	body.home .vhs-ref-special-guest__date,
	body.home .vhs-ref-moderator__date {
		min-height: 29px;
		padding-right: 6px;
		padding-left: 6px;
		font-size: 0.66rem;
	}

	body.home .vhs-ref-special-guest__name,
	body.home .vhs-ref-moderator__name {
		font-size: 0.88rem;
	}

	body.home .vhs-ref-special-guest__role,
	body.home .vhs-ref-moderator__role {
		font-size: 0.76rem;
		line-height: 1.50;
	}

	body.home .vhs-ref-special-guests__list > .vhs-ref-special-guest,
	body.home .vhs-ref-moderator__entry {
		padding-bottom: 13px !important;
	}

	body.home
		.vhs-ref-special-guests__list
		> .vhs-ref-special-guest
		+ .vhs-ref-special-guest {
		margin-top: 12px;
	}

	body.home .vhs-ref-hero,
	body.home .vhs-ref-hero__inner {
		min-height: 1760px;
	}
}

@media (max-width: 390px) {
	body.home .vhs-ref-special-guest,
	body.home .vhs-ref-moderator__entry {
		grid-template-columns: 1fr;
		gap: 8px;
	}

	body.home .vhs-ref-hero,
	body.home .vhs-ref-hero__inner {
		min-height: 1870px;
	}
}

/* ==========================================================
   VHS SRAZ — V122
   PROGRAM: DECENTNÍ VHS/CHROMATIC EFEKT BODŮ ČASOVÉ OSY
   ========================================================== */

/* ----------------------------------------------------------
   1. PROGRAM — BODY ČASOVÉ OSY
   Platí pro páteční i sobotní panel.
   Většinu času je bod zcela stabilní. Jen krátce dostane
   jemný RGB duch, cca 1 px tracking a velmi malé pulsování.
   ---------------------------------------------------------- */

.vhs-program-day-panel .vhs-program-timeline-item::before {
	-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-animation: vhs-program-dot-soft-vhs 6.4s steps(1, end) infinite;
	animation: vhs-program-dot-soft-vhs 6.4s steps(1, end) infinite;
	will-change: transform, filter;
}

/* Sobota není časově synchronní s pátkem. */
.vhs-program-day-panel--saturday .vhs-program-timeline-item::before {
	-webkit-animation-delay: -2.15s;
	animation-delay: -2.15s;
}

/* Lehké rozfázování jednotlivých bodů. */
.vhs-program-timeline-item:nth-child(2n)::before {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}

.vhs-program-day-panel--saturday .vhs-program-timeline-item:nth-child(2n)::before {
	-webkit-animation-delay: -2.95s;
	animation-delay: -2.95s;
}

.vhs-program-timeline-item:nth-child(3n)::before {
	-webkit-animation-delay: -1.55s;
	animation-delay: -1.55s;
}

.vhs-program-day-panel--saturday .vhs-program-timeline-item:nth-child(3n)::before {
	-webkit-animation-delay: -3.7s;
	animation-delay: -3.7s;
}

@-webkit-keyframes vhs-program-dot-soft-vhs {
	0%, 83%, 87%, 91%, 94%, 100% {
		-webkit-transform: translate3d(0, 0, 0) scale(1);
		transform: translate3d(0, 0, 0) scale(1);
		-webkit-filter: none;
		filter: none;
	}
	84% {
		-webkit-transform: translate3d(-0.8px, 0, 0) scale(1.025);
		transform: translate3d(-0.8px, 0, 0) scale(1.025);
		-webkit-filter:
			drop-shadow(1.3px 0 0 rgba(255, 46, 209, 0.24))
			drop-shadow(-1.1px 0 0 rgba(0, 229, 255, 0.20));
		filter:
			drop-shadow(1.3px 0 0 rgba(255, 46, 209, 0.24))
			drop-shadow(-1.1px 0 0 rgba(0, 229, 255, 0.20));
	}
	85% {
		-webkit-transform: translate3d(0.7px, 0, 0) scale(1.04);
		transform: translate3d(0.7px, 0, 0) scale(1.04);
		-webkit-filter:
			drop-shadow(-1.2px 0 0 rgba(255, 46, 209, 0.20))
			drop-shadow(1px 0 0 rgba(0, 229, 255, 0.18))
			brightness(1.08);
		filter:
			drop-shadow(-1.2px 0 0 rgba(255, 46, 209, 0.20))
			drop-shadow(1px 0 0 rgba(0, 229, 255, 0.18))
			brightness(1.08);
	}
	86% {
		-webkit-transform: translate3d(0, 0, 0) scale(1.015);
		transform: translate3d(0, 0, 0) scale(1.015);
		-webkit-filter: brightness(1.05);
		filter: brightness(1.05);
	}
	92% {
		-webkit-transform: translate3d(0, 0, 0) scale(1.055);
		transform: translate3d(0, 0, 0) scale(1.055);
		-webkit-filter: brightness(1.08);
		filter: brightness(1.08);
	}
	93% {
		-webkit-transform: translate3d(0, 0, 0) scale(1.02);
		transform: translate3d(0, 0, 0) scale(1.02);
		-webkit-filter: none;
		filter: none;
	}
}

@keyframes vhs-program-dot-soft-vhs {
	0%, 83%, 87%, 91%, 94%, 100% {
		transform: translate3d(0, 0, 0) scale(1);
		filter: none;
	}
	84% {
		transform: translate3d(-0.8px, 0, 0) scale(1.025);
		filter:
			drop-shadow(1.3px 0 0 rgba(255, 46, 209, 0.24))
			drop-shadow(-1.1px 0 0 rgba(0, 229, 255, 0.20));
	}
	85% {
		transform: translate3d(0.7px, 0, 0) scale(1.04);
		filter:
			drop-shadow(-1.2px 0 0 rgba(255, 46, 209, 0.20))
			drop-shadow(1px 0 0 rgba(0, 229, 255, 0.18))
			brightness(1.08);
	}
	86% {
		transform: translate3d(0, 0, 0) scale(1.015);
		filter: brightness(1.05);
	}
	92% {
		transform: translate3d(0, 0, 0) scale(1.055);
		filter: brightness(1.08);
	}
	93% {
		transform: translate3d(0, 0, 0) scale(1.02);
		filter: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.vhs-program-day-panel .vhs-program-timeline-item::before {
		-webkit-animation: none !important;
		animation: none !important;
		-webkit-transform: none !important;
		transform: none !important;
		-webkit-filter: none !important;
		filter: none !important;
	}
}


/* ==========================================================
   VHS SRAZ — V124
   PROGRAM: VIDITELNÉ, ALE DECENTNÍ PULZUJÍCÍ SVĚTLO BODŮ
   ========================================================== */

/*
   V123 měl velmi jemný glitch/RGB pohyb. V124 jej přepisuje
   skutečným světelným pulsem: mění se hlavně box-shadow,
   samotný bod se zvětšuje pouze minimálně.
*/

.vhs-program-day-panel .vhs-program-timeline-item::before {
	-webkit-animation: vhs-program-dot-pulse-cyan 2.65s ease-in-out infinite !important;
	animation: vhs-program-dot-pulse-cyan 2.65s ease-in-out infinite !important;
	-webkit-transform-origin: center !important;
	transform-origin: center !important;
	will-change: transform, box-shadow;
}

/* Růžové body */
.vhs-program-day-panel .vhs-program-timeline-item:nth-child(even)::before {
	-webkit-animation-name: vhs-program-dot-pulse-pink !important;
	animation-name: vhs-program-dot-pulse-pink !important;
}

/* Poslední bod zůstává oranžový */
.vhs-program-day-panel .vhs-program-timeline-item:last-child::before {
	-webkit-animation-name: vhs-program-dot-pulse-orange !important;
	animation-name: vhs-program-dot-pulse-orange !important;
}

/* Jemné rozfázování, aby všechna kolečka "nedýchala" naráz. */
.vhs-program-day-panel .vhs-program-timeline-item:nth-child(2n)::before {
	-webkit-animation-delay: -0.72s !important;
	animation-delay: -0.72s !important;
}

.vhs-program-day-panel .vhs-program-timeline-item:nth-child(3n)::before {
	-webkit-animation-delay: -1.34s !important;
	animation-delay: -1.34s !important;
}

.vhs-program-day-panel--saturday .vhs-program-timeline-item::before {
	-webkit-animation-delay: -0.38s !important;
	animation-delay: -0.38s !important;
}

.vhs-program-day-panel--saturday .vhs-program-timeline-item:nth-child(2n)::before {
	-webkit-animation-delay: -1.10s !important;
	animation-delay: -1.10s !important;
}

.vhs-program-day-panel--saturday .vhs-program-timeline-item:nth-child(3n)::before {
	-webkit-animation-delay: -1.72s !important;
	animation-delay: -1.72s !important;
}

@-webkit-keyframes vhs-program-dot-pulse-cyan {
	0%, 100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		box-shadow:
			0 0 6px rgba(0, 229, 255, 0.95),
			0 0 14px rgba(0, 229, 255, 0.44),
			0 0 22px rgba(0, 229, 255, 0.12);
	}
	50% {
		-webkit-transform: scale(1.07);
		transform: scale(1.07);
		box-shadow:
			0 0 7px rgba(0, 229, 255, 1),
			0 0 18px rgba(0, 229, 255, 0.78),
			0 0 29px rgba(0, 229, 255, 0.36);
	}
}

@keyframes vhs-program-dot-pulse-cyan {
	0%, 100% {
		transform: scale(1);
		box-shadow:
			0 0 6px rgba(0, 229, 255, 0.95),
			0 0 14px rgba(0, 229, 255, 0.44),
			0 0 22px rgba(0, 229, 255, 0.12);
	}
	50% {
		transform: scale(1.07);
		box-shadow:
			0 0 7px rgba(0, 229, 255, 1),
			0 0 18px rgba(0, 229, 255, 0.78),
			0 0 29px rgba(0, 229, 255, 0.36);
	}
}

@-webkit-keyframes vhs-program-dot-pulse-pink {
	0%, 100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		box-shadow:
			0 0 6px rgba(255, 46, 166, 0.95),
			0 0 14px rgba(255, 46, 166, 0.44),
			0 0 22px rgba(255, 46, 166, 0.12);
	}
	50% {
		-webkit-transform: scale(1.07);
		transform: scale(1.07);
		box-shadow:
			0 0 7px rgba(255, 46, 166, 1),
			0 0 18px rgba(255, 46, 166, 0.78),
			0 0 29px rgba(255, 46, 166, 0.36);
	}
}

@keyframes vhs-program-dot-pulse-pink {
	0%, 100% {
		transform: scale(1);
		box-shadow:
			0 0 6px rgba(255, 46, 166, 0.95),
			0 0 14px rgba(255, 46, 166, 0.44),
			0 0 22px rgba(255, 46, 166, 0.12);
	}
	50% {
		transform: scale(1.07);
		box-shadow:
			0 0 7px rgba(255, 46, 166, 1),
			0 0 18px rgba(255, 46, 166, 0.78),
			0 0 29px rgba(255, 46, 166, 0.36);
	}
}

@-webkit-keyframes vhs-program-dot-pulse-orange {
	0%, 100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		box-shadow:
			0 0 6px rgba(255, 187, 0, 0.95),
			0 0 14px rgba(255, 187, 0, 0.44),
			0 0 22px rgba(255, 187, 0, 0.12);
	}
	50% {
		-webkit-transform: scale(1.07);
		transform: scale(1.07);
		box-shadow:
			0 0 7px rgba(255, 187, 0, 1),
			0 0 18px rgba(255, 187, 0, 0.78),
			0 0 29px rgba(255, 187, 0, 0.36);
	}
}

@keyframes vhs-program-dot-pulse-orange {
	0%, 100% {
		transform: scale(1);
		box-shadow:
			0 0 6px rgba(255, 187, 0, 0.95),
			0 0 14px rgba(255, 187, 0, 0.44),
			0 0 22px rgba(255, 187, 0, 0.12);
	}
	50% {
		transform: scale(1.07);
		box-shadow:
			0 0 7px rgba(255, 187, 0, 1),
			0 0 18px rgba(255, 187, 0, 0.78),
			0 0 29px rgba(255, 187, 0, 0.36);
	}
}

@media (prefers-reduced-motion: reduce) {
	.vhs-program-day-panel .vhs-program-timeline-item::before {
		-webkit-animation: none !important;
		animation: none !important;
		-webkit-transform: none !important;
		transform: none !important;
	}
}


/* ==========================================================
   VHS SRAZ — V125
   PROGRAM: POUZE PULZUJÍCÍ SVĚTLO KOLEM BODŮ
   ========================================================== */

.vhs-program-day-panel .vhs-program-timeline-item::before {
	-webkit-transform: none !important;
	transform: none !important;
	-webkit-filter: none !important;
	filter: none !important;
	-webkit-animation: vhs-program-dot-glow-cyan 2.8s ease-in-out infinite !important;
	animation: vhs-program-dot-glow-cyan 2.8s ease-in-out infinite !important;
	will-change: box-shadow !important;
}

.vhs-program-day-panel .vhs-program-timeline-item:nth-child(even)::before {
	-webkit-animation-name: vhs-program-dot-glow-pink !important;
	animation-name: vhs-program-dot-glow-pink !important;
}

.vhs-program-day-panel .vhs-program-timeline-item:last-child::before {
	-webkit-animation-name: vhs-program-dot-glow-orange !important;
	animation-name: vhs-program-dot-glow-orange !important;
}

.vhs-program-day-panel .vhs-program-timeline-item:nth-child(2n)::before {
	-webkit-animation-delay: -0.7s !important;
	animation-delay: -0.7s !important;
}

.vhs-program-day-panel .vhs-program-timeline-item:nth-child(3n)::before {
	-webkit-animation-delay: -1.35s !important;
	animation-delay: -1.35s !important;
}

.vhs-program-day-panel--saturday .vhs-program-timeline-item::before {
	-webkit-animation-delay: -0.4s !important;
	animation-delay: -0.4s !important;
}

.vhs-program-day-panel--saturday .vhs-program-timeline-item:nth-child(2n)::before {
	-webkit-animation-delay: -1.1s !important;
	animation-delay: -1.1s !important;
}

.vhs-program-day-panel--saturday .vhs-program-timeline-item:nth-child(3n)::before {
	-webkit-animation-delay: -1.75s !important;
	animation-delay: -1.75s !important;
}

@-webkit-keyframes vhs-program-dot-glow-cyan {
	0%, 100% {
		box-shadow:
			0 0 5px rgba(0, 229, 255, 0.92),
			0 0 13px rgba(0, 229, 255, 0.42),
			0 0 23px rgba(0, 229, 255, 0.12);
	}
	50% {
		box-shadow:
			0 0 8px rgba(0, 229, 255, 1),
			0 0 21px rgba(0, 229, 255, 0.86),
			0 0 36px rgba(0, 229, 255, 0.46),
			0 0 48px rgba(0, 229, 255, 0.18);
	}
}

@keyframes vhs-program-dot-glow-cyan {
	0%, 100% {
		box-shadow:
			0 0 5px rgba(0, 229, 255, 0.92),
			0 0 13px rgba(0, 229, 255, 0.42),
			0 0 23px rgba(0, 229, 255, 0.12);
	}
	50% {
		box-shadow:
			0 0 8px rgba(0, 229, 255, 1),
			0 0 21px rgba(0, 229, 255, 0.86),
			0 0 36px rgba(0, 229, 255, 0.46),
			0 0 48px rgba(0, 229, 255, 0.18);
	}
}

@-webkit-keyframes vhs-program-dot-glow-pink {
	0%, 100% {
		box-shadow:
			0 0 5px rgba(255, 46, 166, 0.92),
			0 0 13px rgba(255, 46, 166, 0.42),
			0 0 23px rgba(255, 46, 166, 0.12);
	}
	50% {
		box-shadow:
			0 0 8px rgba(255, 46, 166, 1),
			0 0 21px rgba(255, 46, 166, 0.86),
			0 0 36px rgba(255, 46, 166, 0.46),
			0 0 48px rgba(255, 46, 166, 0.18);
	}
}

@keyframes vhs-program-dot-glow-pink {
	0%, 100% {
		box-shadow:
			0 0 5px rgba(255, 46, 166, 0.92),
			0 0 13px rgba(255, 46, 166, 0.42),
			0 0 23px rgba(255, 46, 166, 0.12);
	}
	50% {
		box-shadow:
			0 0 8px rgba(255, 46, 166, 1),
			0 0 21px rgba(255, 46, 166, 0.86),
			0 0 36px rgba(255, 46, 166, 0.46),
			0 0 48px rgba(255, 46, 166, 0.18);
	}
}

@-webkit-keyframes vhs-program-dot-glow-orange {
	0%, 100% {
		box-shadow:
			0 0 5px rgba(255, 187, 0, 0.92),
			0 0 13px rgba(255, 187, 0, 0.42),
			0 0 23px rgba(255, 187, 0, 0.12);
	}
	50% {
		box-shadow:
			0 0 8px rgba(255, 187, 0, 1),
			0 0 21px rgba(255, 187, 0, 0.86),
			0 0 36px rgba(255, 187, 0, 0.46),
			0 0 48px rgba(255, 187, 0, 0.18);
	}
}

@keyframes vhs-program-dot-glow-orange {
	0%, 100% {
		box-shadow:
			0 0 5px rgba(255, 187, 0, 0.92),
			0 0 13px rgba(255, 187, 0, 0.42),
			0 0 23px rgba(255, 187, 0, 0.12);
	}
	50% {
		box-shadow:
			0 0 8px rgba(255, 187, 0, 1),
			0 0 21px rgba(255, 187, 0, 0.86),
			0 0 36px rgba(255, 187, 0, 0.46),
			0 0 48px rgba(255, 187, 0, 0.18);
	}
}

@media (prefers-reduced-motion: reduce) {
	.vhs-program-day-panel .vhs-program-timeline-item::before {
		-webkit-animation: none !important;
		animation: none !important;
		-webkit-transform: none !important;
		transform: none !important;
		-webkit-filter: none !important;
		filter: none !important;
	}
}


/* ==========================================================
   VHS SRAZ — V126
   STEJNÝ "CHARGE" EFEKT JAKO VHS SRAZ 2026
   ========================================================== */

body:not(.home) .vhs-page-hero .vhs-page-title.vhs-front-charge-title {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: baseline !important;
	gap: 0 0.18em !important;
	width: max-content !important;
	max-width: 100% !important;
	color: transparent !important;
	-webkit-text-fill-color: transparent !important;
	text-shadow: none !important;
}

body:not(.home) .vhs-page-hero .vhs-page-title.vhs-front-charge-title > .vhs-front-charge-word {
	display: inline-block !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0.045em 0.02em 0.06em !important;
	color: rgba(2, 5, 15, 0.34) !important;
	-webkit-text-fill-color: rgba(2, 5, 15, 0.34) !important;
	-webkit-text-stroke-width: 2px !important;
	text-shadow: none;
}

body:not(.home) .vhs-page-hero .vhs-page-title.vhs-front-charge-title > .vhs-front-charge-word--cyan {
	-webkit-text-stroke-color: var(--vhs-ref-cyan) !important;
	-webkit-animation: vhs-front-cyan-charge 7.6s cubic-bezier(0.42, 0, 0.2, 1) infinite alternate !important;
	animation: vhs-front-cyan-charge 7.6s cubic-bezier(0.42, 0, 0.2, 1) infinite alternate !important;
}

body:not(.home) .vhs-page-hero .vhs-page-title.vhs-front-charge-title > .vhs-front-charge-word--pink {
	-webkit-text-stroke-color: var(--vhs-ref-pink) !important;
	-webkit-animation: vhs-front-pink-charge 7.6s cubic-bezier(0.42, 0, 0.2, 1) infinite alternate !important;
	animation: vhs-front-pink-charge 7.6s cubic-bezier(0.42, 0, 0.2, 1) infinite alternate !important;
}

/* HOSTÉ: skryje původní textový zbytek 2026, zachová existující span HOSTÉ. */
body:not(.home) .vhs-guests-page .vhs-guests-page-title {
	font-size: 0 !important;
	color: transparent !important;
	-webkit-text-fill-color: transparent !important;
	text-shadow: none !important;
}

body:not(.home) .vhs-guests-page .vhs-guests-page-title > span {
	display: inline-block !important;
	margin: 0 !important;
	padding: 0.045em 0.02em 0.06em !important;
	color: rgba(2, 5, 15, 0.34) !important;
	-webkit-text-fill-color: rgba(2, 5, 15, 0.34) !important;
	-webkit-text-stroke-width: 2px !important;
	-webkit-text-stroke-color: var(--vhs-ref-cyan) !important;
	font-size: clamp(4.8rem, 8vw, 9rem) !important;
	font-weight: 900 !important;
	letter-spacing: -0.045em !important;
	line-height: 0.92 !important;
	text-transform: uppercase !important;
	-webkit-animation: vhs-front-cyan-charge 7.6s cubic-bezier(0.42, 0, 0.2, 1) infinite alternate !important;
	animation: vhs-front-cyan-charge 7.6s cubic-bezier(0.42, 0, 0.2, 1) infinite alternate !important;
}

/* Footer VHS SRAZ 2026 */
.vhs-footer-title__cyan {
	-webkit-animation: vhs-front-cyan-charge 7.6s cubic-bezier(0.42, 0, 0.2, 1) infinite alternate !important;
	animation: vhs-front-cyan-charge 7.6s cubic-bezier(0.42, 0, 0.2, 1) infinite alternate !important;
}

.vhs-footer-title__pink {
	-webkit-animation: vhs-front-pink-charge 7.6s cubic-bezier(0.42, 0, 0.2, 1) infinite alternate !important;
	animation: vhs-front-pink-charge 7.6s cubic-bezier(0.42, 0, 0.2, 1) infinite alternate !important;
}

/* Footer icons */
.vhs-footer-contact-icon-row {
	display: flex;
	align-items: center;
	min-height: 44px;
	margin: 0 0 25px;
}

.vhs-footer-socials-icons {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin: 0;
}

.vhs-footer-icon-placeholder {
	display: grid;
	width: 42px;
	height: 42px;
	align-items: center;
	justify-items: center;
	border: 1px solid rgba(170, 177, 197, 0.23);
	border-radius: 10px;
	color: var(--vhs-cyan);
	background: rgba(19, 27, 51, 0.54);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.025),
		0 10px 24px rgba(0, 0, 0, 0.22),
		0 0 16px rgba(0, 229, 255, 0.08);
}

.vhs-footer-socials-icons .vhs-footer-icon-placeholder:nth-child(2) {
	color: var(--vhs-pink);
	border-color: rgba(255, 46, 166, 0.28);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.025),
		0 10px 24px rgba(0, 0, 0, 0.22),
		0 0 16px rgba(255, 46, 166, 0.08);
}

.vhs-footer-icon-placeholder .vhs-ref-icon {
	--vhs-icon-size: 25px;
	display: block;
	margin: 0;
	filter: drop-shadow(0 0 6px currentColor);
}

.vhs-footer-development-note a {
	color: inherit;
	text-decoration: none;
	transition: color 160ms ease, text-shadow 160ms ease;
}

.vhs-footer-development-note a:hover,
.vhs-footer-development-note a:focus-visible {
	color: var(--vhs-cyan);
	text-shadow: 0 0 11px rgba(0, 229, 255, 0.42);
}

/* Cookies page */
.vhs-cookies-content {
	width: min(1180px, calc(100% - 48px));
	margin: clamp(56px, 7vw, 92px) auto;
}

.vhs-cookies-card {
	box-sizing: border-box;
	margin: 0 0 22px;
	padding: clamp(26px, 3.2vw, 42px);
	border: 1px solid rgba(170, 177, 197, 0.16);
	border-radius: 18px;
	background: linear-gradient(145deg, rgba(17, 25, 48, 0.78), rgba(8, 11, 24, 0.88));
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.025),
		0 24px 60px rgba(0, 0, 0, 0.24);
}

.vhs-cookies-card p {
	max-width: 880px;
	margin: 0;
	color: var(--vhs-muted);
	font-size: 1rem;
	line-height: 1.75;
}

.vhs-cookies-card .vhs-section-title {
	margin: 0 0 18px;
}

.vhs-cookies-status {
	padding: 15px 17px;
	border-left: 3px solid var(--vhs-orange);
	color: var(--vhs-white) !important;
	background: rgba(255, 187, 0, 0.045);
	font-family: var(--vhs-font-heading);
	font-size: 0.78rem !important;
	font-weight: 800;
	letter-spacing: 0.055em;
	line-height: 1.55 !important;
	text-transform: uppercase;
}

.vhs-cookies-table {
	margin: 26px 0 0;
	overflow-x: auto;
}

.vhs-cookies-table table {
	width: 100%;
	min-width: 650px;
	border-collapse: collapse;
	color: var(--vhs-muted);
	font-size: 0.92rem;
}

.vhs-cookies-table th,
.vhs-cookies-table td {
	padding: 14px 16px;
	border: 1px solid rgba(170, 177, 197, 0.14);
	text-align: left;
	vertical-align: top;
}

.vhs-cookies-table th {
	color: var(--vhs-orange);
	background: rgba(255, 187, 0, 0.045);
	font-family: var(--vhs-font-heading);
	font-size: 0.72rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

@media (max-width: 620px) {
	body:not(.home) .vhs-page-hero .vhs-page-title.vhs-front-charge-title {
		gap: 0 0.13em !important;
	}

	body:not(.home) .vhs-page-hero .vhs-page-title.vhs-front-charge-title > .vhs-front-charge-word,
	body:not(.home) .vhs-guests-page .vhs-guests-page-title > span {
		-webkit-text-stroke-width: 1.5px !important;
	}

	body:not(.home) .vhs-guests-page .vhs-guests-page-title > span {
		font-size: clamp(3.7rem, 16vw, 5.6rem) !important;
	}

	.vhs-cookies-content {
		width: min(100% - 30px, 1180px);
		margin: 42px auto 58px;
	}

	.vhs-cookies-card {
		padding: 23px 19px;
		border-radius: 14px;
	}
}

@media (prefers-reduced-motion: reduce) {
	body:not(.home) .vhs-page-hero .vhs-page-title.vhs-front-charge-title > .vhs-front-charge-word,
	body:not(.home) .vhs-guests-page .vhs-guests-page-title > span,
	.vhs-footer-title__cyan,
	.vhs-footer-title__pink {
		-webkit-animation: none !important;
		animation: none !important;
	}
}


/* ==========================================================
   VHS SRAZ — V127
   JEDNOTNÁ BAREVNOST VŠECH NOVĚ UPRAVENÝCH NADPISŮ
   ========================================================== */

/*
   Všechny nadpisy sjednocené ve V126 nyní používají jedinou
   barvu: VHS cyan. Animační průběh zůstává přesně stejný
   jako cyan část hlavního nápisu VHS SRAZ 2026 na frontu.
*/

body:not(.home) .vhs-page-hero .vhs-page-title.vhs-front-charge-title > .vhs-front-charge-word,
body:not(.home) .vhs-page-hero .vhs-page-title.vhs-front-charge-title > .vhs-front-charge-word--cyan,
body:not(.home) .vhs-page-hero .vhs-page-title.vhs-front-charge-title > .vhs-front-charge-word--pink {
	-webkit-text-stroke-color: var(--vhs-ref-cyan) !important;
	-webkit-animation: vhs-front-cyan-charge 7.6s cubic-bezier(0.42, 0, 0.2, 1) infinite alternate !important;
	animation: vhs-front-cyan-charge 7.6s cubic-bezier(0.42, 0, 0.2, 1) infinite alternate !important;
}

/* HOSTÉ už byl cyan; zde ho pouze explicitně uzamykáme. */
body:not(.home) .vhs-guests-page .vhs-guests-page-title > span {
	-webkit-text-stroke-color: var(--vhs-ref-cyan) !important;
	-webkit-animation: vhs-front-cyan-charge 7.6s cubic-bezier(0.42, 0, 0.2, 1) infinite alternate !important;
	animation: vhs-front-cyan-charge 7.6s cubic-bezier(0.42, 0, 0.2, 1) infinite alternate !important;
}

/* Footer: VHS + SRAZ + 2026 mají stejný cyan charge efekt. */
.vhs-footer-site-title .vhs-footer-title__cyan,
.vhs-footer-site-title .vhs-footer-title__pink {
	-webkit-text-stroke-color: var(--vhs-ref-cyan) !important;
	-webkit-animation: vhs-front-cyan-charge 7.6s cubic-bezier(0.42, 0, 0.2, 1) infinite alternate !important;
	animation: vhs-front-cyan-charge 7.6s cubic-bezier(0.42, 0, 0.2, 1) infinite alternate !important;
}


/* ==========================================================
   VHS SRAZ — V128
   OPRAVA BAREV HLAVNÍCH NADPISŮ
   ========================================================== */

/*
   DVOUBAREVNÉ NADPISY:
   O NÁS / O AKCI / VHS BURZA
   zachovávají cyan + pink.

   JEDNOBAREVNÉ NADPISY:
   PROGRAM / HOSTÉ / KONTAKT
   mají stejnou barvu uvnitř písma i na obrysu.
*/

/* Obnovit původní cyan/pink rozdělení u dvoubarevných titulů. */
body:not(.home) .vhs-page-hero .vhs-page-title.vhs-front-charge-title > .vhs-front-charge-word--cyan {
	color: var(--vhs-ref-cyan) !important;
	-webkit-text-fill-color: var(--vhs-ref-cyan) !important;
	-webkit-text-stroke-color: var(--vhs-ref-cyan) !important;
	-webkit-animation: vhs-front-cyan-charge 7.6s cubic-bezier(0.42, 0, 0.2, 1) infinite alternate !important;
	animation: vhs-front-cyan-charge 7.6s cubic-bezier(0.42, 0, 0.2, 1) infinite alternate !important;
}

body:not(.home) .vhs-page-hero .vhs-page-title.vhs-front-charge-title > .vhs-front-charge-word--pink {
	color: var(--vhs-ref-pink) !important;
	-webkit-text-fill-color: var(--vhs-ref-pink) !important;
	-webkit-text-stroke-color: var(--vhs-ref-pink) !important;
	-webkit-animation: vhs-front-pink-charge 7.6s cubic-bezier(0.42, 0, 0.2, 1) infinite alternate !important;
	animation: vhs-front-pink-charge 7.6s cubic-bezier(0.42, 0, 0.2, 1) infinite alternate !important;
}

/* PROGRAM — jedna cyan barva uvnitř i na obrysu. */
body:not(.home) .vhs-program-page .vhs-program-page-title.vhs-front-charge-title > .vhs-front-charge-word {
	color: var(--vhs-ref-cyan) !important;
	-webkit-text-fill-color: var(--vhs-ref-cyan) !important;
	-webkit-text-stroke-color: var(--vhs-ref-cyan) !important;
}

/* KONTAKT — jedna cyan barva uvnitř i na obrysu. */
body:not(.home) .vhs-contact-page .vhs-contact-page-title.vhs-front-charge-title > .vhs-front-charge-word {
	color: var(--vhs-ref-cyan) !important;
	-webkit-text-fill-color: var(--vhs-ref-cyan) !important;
	-webkit-text-stroke-color: var(--vhs-ref-cyan) !important;
}

/* HOSTÉ — jedna cyan barva uvnitř i na obrysu. */
body:not(.home) .vhs-guests-page .vhs-guests-page-title > span {
	color: var(--vhs-ref-cyan) !important;
	-webkit-text-fill-color: var(--vhs-ref-cyan) !important;
	-webkit-text-stroke-color: var(--vhs-ref-cyan) !important;
	-webkit-animation: vhs-front-cyan-charge 7.6s cubic-bezier(0.42, 0, 0.2, 1) infinite alternate !important;
	animation: vhs-front-cyan-charge 7.6s cubic-bezier(0.42, 0, 0.2, 1) infinite alternate !important;
}

/* =========================================================
   COMPLIANZ – SPRAVOVAT SOUHLAS
   ========================================================= */

.cmplz-manage-consent {
    background: #050A14 !important;
    color: #FFFFFF !important;
    border: 1px solid #20E1F9 !important;
    border-radius: 8px !important;
    padding: 10px 16px !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    letter-spacing: 0.02em !important;

    box-shadow:
        0 0 8px rgba(32, 225, 249, 0.35),
        0 0 18px rgba(32, 225, 249, 0.16) !important;

    transition:
        background-color 0.2s ease,
        color 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease !important;
}

.cmplz-manage-consent:hover,
.cmplz-manage-consent:focus {
    background: #20E1F9 !important;
    color: #050A14 !important;
    border-color: #20E1F9 !important;

    box-shadow:
        0 0 12px rgba(32, 225, 249, 0.60),
        0 0 24px rgba(32, 225, 249, 0.30) !important;
}

/* =========================================================
   COMPLIANZ – PREFERENCE / COOKIE PANEL
   VHS SRAZ 2026
   ========================================================= */

/* HLAVNÍ PANEL */
.cmplz-cookiebanner {
    background: #050A14 !important;
    color: #FFFFFF !important;
    border: 1px solid #16324A !important;
    border-radius: 10px !important;

    box-shadow:
        0 0 20px rgba(32, 225, 249, 0.16),
        0 0 40px rgba(243, 63, 159, 0.08) !important;
}

/* NADPIS */
.cmplz-cookiebanner .cmplz-title {
    color: #FFFFFF !important;
    font-weight: 700 !important;
}

/* HLAVNÍ TEXT */
.cmplz-cookiebanner .cmplz-message {
    color: #F4F7FB !important;
    line-height: 1.55 !important;
}

/* =========================================================
   KATEGORIE
   FUNKČNÍ / STATISTIKY / MARKETING
   ========================================================= */

.cmplz-cookiebanner .cmplz-categories .cmplz-category {
    background: #0B1220 !important;
    border: 1px solid #16324A !important;
    border-radius: 7px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    overflow: hidden !important;
}

.cmplz-cookiebanner
.cmplz-categories
.cmplz-category
.cmplz-category-header {
    background: #0B1220 !important;
    color: #FFFFFF !important;
    padding: 14px 12px !important;
}

/* NÁZVY KATEGORIÍ */
.cmplz-cookiebanner .cmplz-category-title {
    color: #FFFFFF !important;
    font-weight: 700 !important;
}

/* TEXT "VŽDY AKTIVNÍ" */
.cmplz-cookiebanner .cmplz-always-active {
    color: #20E1F9 !important;
    font-weight: 700 !important;
}

/* ŠIPKY */
.cmplz-cookiebanner .cmplz-icon {
    color: #20E1F9 !important;
}

/* ROZBALENÝ POPIS */
.cmplz-cookiebanner .cmplz-description {
    background: #080F1B !important;
    color: #DCE5EE !important;
    border-top: 1px solid #16324A !important;
}

/* =========================================================
   PŘEPÍNAČE
   ========================================================= */

.cmplz-cookiebanner .cmplz-slider {
    background: #263445 !important;
    border: 1px solid #435367 !important;
}

.cmplz-cookiebanner input:checked + .cmplz-slider {
    background: #20E1F9 !important;
    border-color: #20E1F9 !important;

    box-shadow:
        0 0 8px rgba(32, 225, 249, 0.35) !important;
}

/* =========================================================
   TLAČÍTKA
   ========================================================= */

.cmplz-cookiebanner .cmplz-btn {
    border-radius: 7px !important;
    font-weight: 700 !important;
    min-height: 46px !important;

    transition:
        background-color 0.2s ease,
        color 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease !important;
}

/* PŘIJMOUT */
.cmplz-cookiebanner .cmplz-accept {
    background: #20E1F9 !important;
    border: 1px solid #20E1F9 !important;
    color: #050A14 !important;

    box-shadow:
        0 0 10px rgba(32, 225, 249, 0.28) !important;
}

.cmplz-cookiebanner .cmplz-accept:hover {
    background: #59ECFF !important;

    box-shadow:
        0 0 16px rgba(32, 225, 249, 0.50) !important;
}

/* ODMÍTNOUT */
.cmplz-cookiebanner .cmplz-deny {
    background: #F33F9F !important;
    border: 1px solid #F33F9F !important;
    color: #050A14 !important;

    box-shadow:
        0 0 10px rgba(243, 63, 159, 0.24) !important;
}

.cmplz-cookiebanner .cmplz-deny:hover {
    background: #FF68B8 !important;

    box-shadow:
        0 0 16px rgba(243, 63, 159, 0.45) !important;
}

/* ULOŽIT PŘEDVOLBY */
.cmplz-cookiebanner .cmplz-save-preferences {
    background: #101827 !important;
    border: 1px solid #20E1F9 !important;
    color: #FFFFFF !important;
}

.cmplz-cookiebanner .cmplz-save-preferences:hover {
    background: #20E1F9 !important;
    color: #050A14 !important;
}

/* =========================================================
   ODKAZY
   ========================================================= */

.cmplz-cookiebanner a,
.cmplz-cookiebanner .cmplz-link {
    color: #20E1F9 !important;
    text-decoration-color: rgba(32, 225, 249, 0.55) !important;
}

.cmplz-cookiebanner a:hover,
.cmplz-cookiebanner .cmplz-link:hover {
    color: #F33F9F !important;
}

/* =========================================================
   ZAVÍRACÍ KŘÍŽEK
   ========================================================= */

.cmplz-cookiebanner .cmplz-close {
    color: #FFFFFF !important;
}

.cmplz-cookiebanner .cmplz-close:hover {
    color: #20E1F9 !important;
}

/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 600px) {

    .cmplz-cookiebanner {
        border-radius: 8px !important;
    }

    .cmplz-cookiebanner .cmplz-btn {
        width: 100% !important;
    }
}

/* =========================================================
   VHS SRAZ — MOBILE MENU VIEWPORT FIX 2026-10-05
   ---------------------------------------------------------
   Mobilní dropdown je ukotven pravým okrajem k hamburgeru.
   Ruší zděděné left:-1px z obecného pravidla, které mohlo
   menu na úzkých displejích vytlačit mimo viewport.
   ========================================================= */
@media (max-width: 620px) {
    .vhs-front-header--cassette-title .vhs-front-mobile-menu {
        left: auto !important;
        right: 0 !important;
        width: min(290px, calc(100vw - 20px)) !important;
        min-width: 0 !important;
        max-width: calc(100vw - 20px) !important;
        box-sizing: border-box !important;
    }
}