/**
 * KU4ERIAVENKO — Главные стили оформления, анимации и модальные окна
 * Файл: css/custom.css
 */

/* ==========================================================================
   MODERN MOTION DESIGN & SCROLL REVEAL SYSTEM
   ========================================================================== */

:root {
	--wp--preset--font-size--xx-large: clamp(2.65rem, 2.65rem + ((1vw - 0.2rem) * 11.417), 9.5rem) !important;
	--wp--preset--font-family--system-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
}

/* Root Canvas Background & Elastic Overscroll Bounce Handling */
html {
	background: linear-gradient(to bottom, #f4f3ef 0%, #f4f3ef 400px, #091217 400px, #091217 100%) no-repeat !important;
	background-color: #091217 !important;
	overscroll-behavior-y: none;
}

body.ku4-header-orig-mode html,
html:has(body.ku4-header-orig-mode) {
	background: linear-gradient(to bottom, #8B0000 0%, #8B0000 400px, #091217 400px, #091217 100%) no-repeat !important;
	background-color: #091217 !important;
}

body.ku4-header-dark-mode html,
html:has(body.ku4-header-dark-mode),
html.ku4-header-dark-mode {
	background: #080E13 !important;
	background-color: #080E13 !important;
}

html, body {
	overflow-x: clip !important;
	-webkit-text-size-adjust: 100% !important;
	-moz-text-size-adjust: 100% !important;
	text-size-adjust: 100% !important;
}

/* 1. Header Minimalist — 3 Variants Support (Light / Dark with Announcement / Original Red) */
.wpcom-ai-header-mobile-optimized {
	position: sticky !important;
	top: 0 !important;
	z-index: 10000 !important;
	background-color: #f4f3ef !important; /* New header light cream background */
	padding: 0 !important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	justify-content: flex-start !important;
	box-sizing: border-box !important;
	width: 100% !important;
	opacity: 1 !important;
	transform: none !important;
	animation: none !important;
	transition: background-color 0.3s ease, backdrop-filter 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important;
}

/* Seamless infinite extension above header for mobile bounce/overscroll */
.wpcom-ai-header-mobile-optimized::before {
	content: "" !important;
	position: absolute !important;
	bottom: 100% !important;
	left: -50vw !important;
	right: -50vw !important;
	height: 100vh !important;
	background-color: #f4f3ef !important;
	pointer-events: none !important;
	z-index: 1 !important;
}

body.ku4-header-orig-mode .wpcom-ai-header-mobile-optimized::before {
	background-color: #8B0000 !important;
}

body.ku4-header-dark-mode .wpcom-ai-header-mobile-optimized::before {
	background-color: #080E13 !important;
}

/* Header scrolled: sleek subtle glassmorphism and shadow */
.wpcom-ai-header-mobile-optimized.header-scrolled {
	background-color: rgba(244, 243, 239, 0.94) !important;
	backdrop-filter: blur(16px) saturate(180%) !important;
	-webkit-backdrop-filter: blur(16px) saturate(180%) !important;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06) !important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;
}

/* Original Header Mode overrides when active via debug switcher */
body.ku4-header-orig-mode .wpcom-ai-header-mobile-optimized,
html.ku4-header-orig-mode .wpcom-ai-header-mobile-optimized {
	background-color: #8B0000 !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
}

body.ku4-header-orig-mode .wpcom-ai-header-mobile-optimized.header-scrolled,
html.ku4-header-orig-mode .wpcom-ai-header-mobile-optimized.header-scrolled {
	background-color: rgba(139, 0, 0, 0.95) !important;
	backdrop-filter: blur(16px) saturate(180%) !important;
	-webkit-backdrop-filter: blur(16px) saturate(180%) !important;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6) !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.18) !important;
}

/* Variant 3: Dark Header with Announcement overrides */
body.ku4-header-dark-mode #ku4-site-header,
body.ku4-header-dark-mode .wpcom-ai-header-mobile-optimized,
html.ku4-header-dark-mode #ku4-site-header,
html.ku4-header-dark-mode .wpcom-ai-header-mobile-optimized {
	background-color: #080E13 !important;
	border-bottom: none !important;
	gap: 0 !important;
	row-gap: 0 !important;
}

body.ku4-header-dark-mode .wpcom-ai-header-mobile-optimized.header-scrolled,
html.ku4-header-dark-mode .wpcom-ai-header-mobile-optimized.header-scrolled {
	background-color: rgba(8, 14, 19, 0.96) !important;
	backdrop-filter: blur(16px) saturate(180%) !important;
	-webkit-backdrop-filter: blur(16px) saturate(180%) !important;
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.7) !important;
	border-bottom: none !important;
	gap: 0 !important;
	row-gap: 0 !important;
}

/* Header Main Row (Brand + Burger) */
.ku4-header-main-row {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	width: 100% !important;
	box-sizing: border-box !important;
	padding: 16px var(--wp--preset--spacing--40, 40px) !important;
	transition: border-color 0.3s ease !important;
}

.wpcom-ai-header-mobile-optimized.header-scrolled .ku4-header-main-row {
	padding-top: 11px !important;
	padding-bottom: 11px !important;
}

body.ku4-header-orig-mode .ku4-header-main-row {
	padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40) !important;
}

body.ku4-header-orig-mode .wpcom-ai-header-mobile-optimized.header-scrolled .ku4-header-main-row {
	padding-top: 12px !important;
	padding-bottom: 12px !important;
}

body.ku4-header-dark-mode .ku4-header-main-row {
	padding: 14px var(--wp--preset--spacing--60, clamp(24px, 3vw, 48px)) 13px !important;
	border-bottom: 1px solid #000000 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	margin-bottom: 0 !important;
}

body.ku4-header-dark-mode .wpcom-ai-header-mobile-optimized.header-scrolled .ku4-header-main-row {
	padding-top: 14px !important;
	padding-bottom: 13px !important;
}

body.ku4-header-dark-mode .wpcom-ai-header-mobile-optimized.header-scrolled .ku4-header-announcement-bar {
	padding-top: 13px !important;
	padding-bottom: 14px !important;
}

/* Branding Visibility across 3 variants */
.ku4-brand-orig,
.ku4-brand-dark {
	display: none !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1 !important;
}

.ku4-brand-new {
	display: flex !important;
	align-items: center !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1 !important;
}

body.ku4-header-orig-mode .ku4-brand-orig,
html.ku4-header-orig-mode .ku4-brand-orig {
	display: block !important;
}

body.ku4-header-orig-mode .ku4-brand-new,
html.ku4-header-orig-mode .ku4-brand-new {
	display: none !important;
}

body.ku4-header-dark-mode .ku4-brand-dark,
html.ku4-header-dark-mode .ku4-brand-dark {
	display: flex !important;
}

body.ku4-header-dark-mode .ku4-brand-new,
html.ku4-header-dark-mode .ku4-brand-new {
	display: none !important;
}

/* Original Logo Typography */
.ku4-brand-orig a,
.ku4-header-logo a {
	font-family: var(--wp--preset--font-family--system-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif) !important;
	font-size: var(--wp--preset--font-size--large) !important;
	font-weight: 700 !important;
	letter-spacing: 0.02em !important;
	text-transform: uppercase !important;
	color: #ffffff !important;
	text-decoration: none !important;
	display: inline-flex !important;
	align-items: center !important;
}

/* New Header Branding Unit (Target Logo + KU4ERIAVENKO + MEDIA / NEWS) */
.ku4-brand-new-link {
	display: inline-flex !important;
	align-items: center !important;
	gap: 15px !important;
	text-decoration: none !important;
	color: inherit !important;
}

.ku4-brand-new-target {
	width: 54px !important;
	height: 54px !important;
	border-radius: 50% !important;
	object-fit: contain !important;
	flex-shrink: 0 !important;
	display: block !important;
}

.ku4-brand-new-text {
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	line-height: 1 !important;
	gap: 3px !important;
}

.ku4-brand-new-name {
	font-family: var(--wp--preset--font-family--system-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif) !important;
	font-size: 26px !important;
	font-weight: 900 !important;
	letter-spacing: -0.01em !important;
	text-transform: uppercase !important;
	color: #111111 !important;
	line-height: 1 !important;
}

.ku4-brand-red-digit {
	color: #b8353d !important; /* Distinctive red digit from media_1788940882439.png */
	font-weight: 900 !important;
}

.ku4-brand-new-sub {
	font-family: var(--wp--preset--font-family--system-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif) !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	letter-spacing: 0.22em !important;
	text-transform: uppercase !important;
	color: #8b8b89 !important;
	line-height: 1 !important;
}

/* Burger Buttons Dual Mode */
.ku4-burger-orig {
	display: none !important;
	width: 48px !important;
	height: 48px !important;
	box-sizing: border-box !important;
	border: 1.5px solid rgba(255, 255, 255, 0.8) !important;
	border-radius: 4px !important;
	background: transparent !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important;
	cursor: pointer !important;
	padding: 0 !important;
	transition: border-color 0.25s ease, background-color 0.25s ease, transform 0.2s ease !important;
}

body.ku4-header-orig-mode .ku4-burger-orig,
html.ku4-header-orig-mode .ku4-burger-orig {
	display: flex !important;
}

@media (hover: hover) and (pointer: fine) {
	.ku4-burger-orig:hover {
		border-color: #ffffff !important;
		background-color: rgba(255, 255, 255, 0.15) !important;
		transform: none !important;
	}
}

.ku4-burger-line {
	width: 22px !important;
	height: 2px !important;
	background-color: #ffffff !important;
	border-radius: 1px !important;
	transition: transform 0.3s ease, opacity 0.3s ease !important;
}

/* New Minimal Circular Burger Button (2 white lines, solid black circle) */
.ku4-burger-new {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 5.5px !important;
	width: 52px !important;
	height: 52px !important;
	border-radius: 50% !important;
	background-color: #000000 !important;
	border: none !important;
	cursor: pointer !important;
	padding: 0 !important;
	flex-shrink: 0 !important;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15) !important;
	transition: transform 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease !important;
}

body.ku4-header-orig-mode .ku4-burger-new,
html.ku4-header-orig-mode .ku4-burger-new {
	display: none !important;
}

@media (hover: hover) and (pointer: fine) {
	.ku4-burger-new:hover {
		background-color: #222222 !important;
		transform: none !important;
		box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25) !important;
	}
}

.ku4-burger-circle-line {
	width: 22px !important;
	height: 2.5px !important;
	background-color: #ffffff !important;
	border-radius: 2px !important;
	display: block !important;
}

/* Dark Mode Branding Unit (KU4ERIAVENKO + — Media / News) */
.ku4-brand-dark-link {
	display: inline-flex !important;
	flex-direction: column !important;
	text-decoration: none !important;
	color: inherit !important;
	gap: 4px !important;
	transition: opacity 0.2s ease !important;
}

.ku4-brand-dark-link:hover {
	opacity: 0.9 !important;
}

.ku4-brand-dark-title {
	font-family: var(--wp--preset--font-family--system-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif) !important;
	font-size: 26px !important;
	font-weight: 900 !important;
	letter-spacing: -0.01em !important;
	text-transform: uppercase !important;
	color: #F5F5F5 !important;
	line-height: 1 !important;
}

.ku4-brand-dark-sub {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	line-height: 1 !important;
}

.ku4-brand-dark-dash {
	display: inline-block !important;
	width: 14px !important;
	height: 2px !important;
	background-color: #D71920 !important;
	border-radius: 1px !important;
	flex-shrink: 0 !important;
}

.ku4-brand-dark-subtext {
	font-family: var(--wp--preset--font-family--system-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif) !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	color: #A7ADB2 !important;
	letter-spacing: 0.02em !important;
	line-height: 1 !important;
}

/* Dark Mode Burger Button (3 white lines, rounded border box matching mockup) */
.ku4-burger-dark {
	display: none !important;
	width: 44px !important;
	height: 44px !important;
	box-sizing: border-box !important;
	border: 1.5px solid #263039 !important;
	border-radius: 8px !important;
	background-color: rgba(255, 255, 255, 0.03) !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 5px !important;
	cursor: pointer !important;
	padding: 0 !important;
	flex-shrink: 0 !important;
	transition: border-color 0.2s ease, background-color 0.2s ease, transform 0.2s ease !important;
}

body.ku4-header-dark-mode .ku4-burger-dark {
	display: flex !important;
}

body.ku4-header-dark-mode .ku4-burger-new,
body.ku4-header-dark-mode .ku4-burger-orig {
	display: none !important;
}

@media (hover: hover) and (pointer: fine) {
	.ku4-burger-dark:hover {
		border-color: #A7ADB2 !important;
		background-color: rgba(255, 255, 255, 0.08) !important;
		transform: none !important;
	}
}

.ku4-burger-dark-line {
	width: 20px !important;
	height: 2px !important;
	background-color: #F5F5F5 !important;
	border-radius: 1px !important;
	transition: transform 0.25s ease, opacity 0.25s ease !important;
}

/* ==========================================================================
   ANNOUNCEMENT BAR (VARIANT 3 — REPLACES RUNNING MARQUEE TICKER)
   ========================================================================== */
.ku4-header-announcement-bar {
	display: none !important;
	width: 100% !important;
	background-color: #080E13 !important;
	margin-top: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding: 7px var(--wp--preset--spacing--60, clamp(24px, 3vw, 48px)) 8px !important;
	border-bottom: 1px solid #263039 !important;
	align-items: center !important;
	justify-content: flex-start !important;
	box-sizing: border-box !important;
	transition: background-color 0.3s ease !important;
}

body.ku4-header-dark-mode .ku4-header-announcement-bar {
	display: flex !important;
	background-color: #8F0100 !important;
	border-top: 1px solid #000000 !important;
	border-bottom: 1px solid #000000 !important;
}

body.ku4-header-dark-mode .wpcom-ai-header-mobile-optimized.header-scrolled .ku4-header-announcement-bar {
	background-color: #8F0100 !important;
	border-top: 1px solid #000000 !important;
	border-bottom: 1px solid #000000 !important;
	padding-top: 7px !important;
	padding-bottom: 8px !important;
}

body.ku4-header-dark-mode .ku4-live-dot {
	background-color: #FFFFFF !important;
	box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8) !important;
	animation: ku4-pulse-live-white 2s infinite !important;
}

@keyframes ku4-pulse-live-white {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8);
	}
	70% {
		transform: scale(1.1);
		box-shadow: 0 0 0 6px rgba(255, 255, 255, 0);
	}
	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
	}
}

body.ku4-header-dark-mode .ku4-announcement-tag {
	color: #FFFFFF !important;
}

body.ku4-header-dark-mode .ku4-announcement-sep {
	background-color: rgba(255, 255, 255, 0.35) !important;
}

body.ku4-header-dark-mode .ku4-ann-sep-dot {
	color: #FFFFFF !important;
}

body.ku4-header-dark-mode .ku4-announcement-link,
body.ku4-header-dark-mode .ku4-announcement-text {
	color: #FFFFFF !important;
}

body.ku4-header-dark-mode .ku4-announcement-link:hover {
	color: #FFFFFF !important;
	opacity: 0.85 !important;
}

/* Hide old marquee ticker in dark mode variant */
body.ku4-header-dark-mode #ku4-ticker-bar {
	display: none !important;
}

body.ku4-header-dark-mode #ku4-progress {
	background: #D71920 !important;
}

.ku4-announcement-content {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	overflow: hidden !important;
	min-width: 0 !important;
	flex: 1 1 auto !important;
}

.ku4-live-dot {
	display: inline-block !important;
	width: 9px !important;
	height: 9px !important;
	border-radius: 50% !important;
	background-color: #D71920 !important;
	box-shadow: 0 0 0 0 rgba(215, 25, 32, 0.8) !important;
	animation: ku4-pulse-live 2s infinite !important;
	flex-shrink: 0 !important;
}

@keyframes ku4-pulse-live {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(215, 25, 32, 0.8);
	}
	70% {
		transform: scale(1.1);
		box-shadow: 0 0 0 7px rgba(215, 25, 32, 0);
	}
	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(215, 25, 32, 0);
	}
}

.ku4-announcement-tag {
	font-family: var(--wp--preset--font-family--system-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif) !important;
	color: #D71920 !important;
	font-size: 13.5px !important;
	font-weight: 800 !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
	flex-shrink: 0 !important;
	line-height: 1 !important;
}

.ku4-announcement-sep {
	display: inline-block !important;
	width: 1px !important;
	height: 14px !important;
	background-color: #38424B !important;
	margin: 0 6px !important;
	flex-shrink: 0 !important;
}

/* Marquee Viewport — smooth scrolling across all screen sizes */
.ku4-ann-viewport {
	display: flex !important;
	flex: 1 1 auto !important;
	overflow: hidden !important;
	min-width: 0 !important;
	align-items: center !important;
}

.ku4-ann-track {
	display: inline-flex !important;
	align-items: center !important;
	white-space: nowrap !important;
	animation: ku4-ann-marquee 45s linear infinite !important;
	will-change: transform !important;
}

.ku4-ann-track:hover {
	animation-play-state: paused !important;
}

@keyframes ku4-ann-marquee {
	0%   { transform: translateX(0); }
	100% { transform: translateX(-50%); }
}

.ku4-ann-sep-dot {
	display: inline-block !important;
	margin: 0 24px !important;
	color: #D71920 !important;
	font-weight: 900 !important;
	font-size: 16px !important;
	flex-shrink: 0 !important;
	user-select: none !important;
}

.ku4-announcement-link {
	display: inline-flex !important;
	align-items: center !important;
	color: #F5F5F5 !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	flex-shrink: 0 !important;
	transition: color 0.2s ease !important;
}

.ku4-announcement-link:hover {
	color: #ffffff !important;
	opacity: 0.85 !important;
}

.ku4-announcement-text {
	font-family: var(--wp--preset--font-family--system-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif) !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	color: inherit !important;
	white-space: nowrap !important;
	letter-spacing: 0.04em !important;
	line-height: 1.25 !important;
}

.ku4-announcement-arrow {
	color: #F5F5F5 !important;
	flex-shrink: 0 !important;
	transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), color 0.2s ease !important;
}

.ku4-announcement-nav {
	display: flex !important;
	align-items: center !important;
	gap: 4px !important;
	flex-shrink: 0 !important;
	margin-left: 16px !important;
}

.ku4-announcement-btn {
	background: transparent !important;
	border: 1px solid transparent !important;
	color: #A7ADB2 !important;
	cursor: pointer !important;
	padding: 5px 7px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 6px !important;
	transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease !important;
}

.ku4-announcement-btn:hover {
	color: #F5F5F5 !important;
	border-color: #263039 !important;
	background-color: rgba(255, 255, 255, 0.05) !important;
}

@media (max-width: 768px) {
	/* Dark mode: remove header container padding so children span 100% edge-to-edge */
	body.ku4-header-dark-mode .wpcom-ai-header-mobile-optimized {
		padding-left: 0 !important;
		padding-right: 0 !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	body.ku4-header-dark-mode .ku4-header-main-row {
		padding: 10px var(--wp--style--root--padding-left, var(--wp--preset--spacing--60, 24px)) !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		margin-bottom: 0 !important;
	}
	/* Keep same size on scroll — no shrinking */
	body.ku4-header-dark-mode .wpcom-ai-header-mobile-optimized.header-scrolled .ku4-header-main-row {
		padding: 10px var(--wp--style--root--padding-left, var(--wp--preset--spacing--60, 24px)) !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.ku4-brand-dark-title {
		font-size: 21px !important;
	}
	.ku4-brand-dark-subtext {
		font-size: 11px !important;
	}
	.ku4-burger-dark {
		width: 40px !important;
		height: 40px !important;
	}
	.ku4-header-announcement-bar,
	body.ku4-header-dark-mode .ku4-header-announcement-bar {
		padding: 7px var(--wp--style--root--padding-left, var(--wp--preset--spacing--60, 24px)) 8px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		margin-top: 0 !important;
		-webkit-text-size-adjust: 100% !important;
		text-size-adjust: 100% !important;
	}
	body.ku4-header-dark-mode .wpcom-ai-header-mobile-optimized.header-scrolled .ku4-header-announcement-bar {
		padding: 7px var(--wp--style--root--padding-left, var(--wp--preset--spacing--60, 24px)) 8px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	/* Mobile: hide desktop static link and nav buttons */
	.ku4-live-dot {
		width: 8px !important;
		height: 8px !important;
		min-width: 8px !important;
	}
	.ku4-ann-link-desktop {
		display: none !important;
	}
	.ku4-announcement-tag {
		display: inline-block !important;
		font-size: 12px !important;
		font-weight: 800 !important;
		letter-spacing: 0.08em !important;
		line-height: 1 !important;
		-webkit-text-size-adjust: 100% !important;
		text-size-adjust: 100% !important;
	}
	.ku4-announcement-sep {
		display: inline-block !important;
		height: 13px !important;
	}
	.ku4-announcement-nav {
		display: none !important;
	}
	/* Mobile: show marquee viewport */
	.ku4-ann-viewport {
		display: flex !important;
		flex: 1 1 auto !important;
		overflow: hidden !important;
		min-width: 0 !important;
		align-items: center !important;
		-webkit-text-size-adjust: 100% !important;
		text-size-adjust: 100% !important;
	}
	.ku4-ann-track {
		-webkit-text-size-adjust: 100% !important;
		text-size-adjust: 100% !important;
	}
	.ku4-ann-sep-dot {
		margin: 0 18px !important;
		font-size: 13px !important;
		-webkit-text-size-adjust: 100% !important;
		text-size-adjust: 100% !important;
	}
	.ku4-announcement-content {
		gap: 10px !important;
	}
	body.ku4-header-dark-mode .ku4-announcement-text,
	body.ku4-header-dark-mode .ku4-header-announcement-bar .ku4-announcement-text,
	html.ku4-header-dark-mode .ku4-announcement-text,
	.ku4-header-announcement-bar .ku4-announcement-text,
	.ku4-ann-track .ku4-announcement-text,
	.ku4-announcement-link .ku4-announcement-text,
	.ku4-ann-track a,
	.ku4-ann-track span,
	.ku4-announcement-text {
		font-size: 13px !important;
		font-weight: 600 !important;
		letter-spacing: 0.03em !important;
		line-height: 1.25 !important;
		-webkit-text-size-adjust: 100% !important;
		-moz-text-size-adjust: 100% !important;
		text-size-adjust: 100% !important;
	}
}


/* Bottom Logo Conditional Visibility:
   - When New Header is active: bottom logo is hidden
   - When Original Header is active: bottom logo is visible
*/
body:not(.ku4-header-orig-mode) .ku4-bottom-logo-figure,
body:not(.ku4-header-orig-mode) figure:has(.wp-image-789),
body:not(.ku4-header-orig-mode) .wp-image-789 {
	display: none !important;
}

body.ku4-header-orig-mode .ku4-bottom-logo-figure,
body.ku4-header-orig-mode figure:has(.wp-image-789),
body.ku4-header-orig-mode .wp-image-789 {
	display: block !important;
}



/* Hide floating debug switcher when burger drawer is open */
body.ku4-drawer-open .ku4-header-debug,
body:has(#ku4-nav-drawer.is-open) .ku4-header-debug {
	opacity: 0 !important;
	pointer-events: none !important;
	visibility: hidden !important;
	transform: translateY(10px) !important;
}

/* Hide floating debug switcher, FAB and cookie banner when story viewer or modal is open */
body.ku4-story-open .ku4-header-debug,
body.ku4-story-open .ku4-cookie-banner,
body:has(#ku4-story-modal.active) .ku4-header-debug,
body:has(#ku4-story-modal.active) .ku4-cookie-banner,
body:has(.ku4-modal-overlay.is-active) .ku4-cookie-banner,
body:has(.ku4-modal-overlay.is-active) .ku4-fab-btn {
	opacity: 0 !important;
	pointer-events: none !important;
	visibility: hidden !important;
}

/* Fullscreen Solid Navigation Drawer (100% screen coverage) */
.ku4-nav-drawer {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	width: 100vw !important;
	height: 100vh !important;
	background: rgba(6, 11, 15, 0.98) !important;
	backdrop-filter: blur(24px) !important;
	-webkit-backdrop-filter: blur(24px) !important;
	z-index: 1000005 !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: space-between !important;
	padding: clamp(20px, 3vh, 28px) clamp(24px, 4.5vw, 60px) clamp(24px, 4.5vw, 60px) clamp(24px, 4.5vw, 60px) !important;
	box-sizing: border-box !important;
	visibility: hidden !important;
	opacity: 0 !important;
	transition: visibility 0.25s ease, opacity 0.25s ease !important;
}

.ku4-nav-drawer.is-open {
	visibility: visible !important;
	opacity: 1 !important;
}

.ku4-nav-drawer-header {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	width: 100% !important;
	margin-bottom: -10px !important;
}

.ku4-nav-close-btn {
	width: 48px !important;
	height: 48px !important;
	border: 1.5px solid rgba(255, 255, 255, 0.4) !important;
	border-radius: 4px !important;
	background: transparent !important;
	color: #ffffff !important;
	cursor: pointer !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	transition: all 0.2s ease !important;
	padding: 0 !important;
}

.ku4-nav-close-btn:hover {
	border-color: #bd0000 !important;
	color: #bd0000 !important;
	background: rgba(255, 255, 255, 0.05) !important;
}

.ku4-nav-links {
	display: flex !important;
	flex-direction: column !important;
	gap: clamp(16px, 2.6vh, 28px) !important;
	margin-top: 0 !important;
	margin-bottom: auto !important;
}

.ku4-nav-link {
	font-family: var(--wp--preset--font-family--system-font, sans-serif) !important;
	font-size: clamp(28px, 4.5vw, 54px) !important;
	font-weight: 800 !important;
	line-height: 1.15 !important;
	color: #ffffff !important;
	text-decoration: none !important;
	text-transform: uppercase !important;
	letter-spacing: -0.01em !important;
	transition: color 0.2s ease, transform 0.2s ease !important;
	display: inline-block !important;
	width: fit-content !important;
}

.ku4-nav-link:hover {
	color: #bd0000 !important;
	transform: translateX(8px) !important;
}

.ku4-nav-link-accent {
	color: #bd0000 !important;
}

.ku4-nav-drawer-footer {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-end !important;
	justify-content: flex-end !important;
	width: 100% !important;
	gap: 6px !important;
	box-sizing: border-box !important;
}

.ku4-nav-drawer-brand,
.ku4-nav-drawer-brand-logo,
.ku4-nav-drawer-tagline {
	pointer-events: none !important;
	cursor: default !important;
	user-select: text !important;
}

.ku4-nav-drawer-brand {
	display: flex !important;
	align-items: flex-end !important;
	justify-content: flex-end !important;
}

.ku4-nav-drawer-brand-logo {
	font-family: var(--wp--preset--font-family--system-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif) !important;
	font-size: clamp(1.35rem, 2.2vw, 1.9rem) !important;
	font-weight: 800 !important;
	letter-spacing: 0.02em !important;
	text-transform: uppercase !important;
	color: #bd0000 !important;
	text-decoration: none !important;
	line-height: 1 !important;
	display: inline-block !important;
	transition: none !important;
	transform: none !important;
	pointer-events: none !important;
	cursor: default !important;
}

.ku4-nav-drawer-brand-logo:hover,
.ku4-nav-drawer-brand-logo:active,
.ku4-nav-drawer-brand-logo:focus {
	color: #bd0000 !important;
	transform: none !important;
	text-decoration: none !important;
	outline: none !important;
	pointer-events: none !important;
	cursor: default !important;
}

.ku4-nav-drawer-tagline {
	font-family: var(--wp--preset--font-family--system-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif) !important;
	font-size: clamp(12px, 1.1vw, 14px) !important;
	color: rgba(255, 255, 255, 0.45) !important;
	line-height: 1.4 !important;
	margin: 0 !important;
	text-align: right !important;
}

/* ============================================================
   FLOATING ACTION BUTTON (FAB) — НАПИШИ НАМ (MINIMALIST)
   ============================================================ */
.ku4-fab-btn {
	position: fixed !important;
	bottom: 28px !important;
	right: 28px !important;
	z-index: 99990 !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 10px !important;
	background: #091217 !important;
	color: #ffffff !important;
	border: 1.5px solid #8B0000 !important;
	border-radius: 999px !important;
	padding: 12px 22px !important;
	font-family: var(--wp--preset--font-family--system-font, sans-serif) !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	letter-spacing: 0.03em !important;
	text-transform: uppercase !important;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.7), 0 0 16px rgba(189, 0, 0, 0.35) !important;
	cursor: pointer !important;
	transition: transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease !important;
	backdrop-filter: blur(8px) !important;
	-webkit-backdrop-filter: blur(8px) !important;
}

.ku4-fab-btn:hover {
	transform: translateY(-2px) !important;
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.8), 0 0 24px rgba(189, 0, 0, 0.6) !important;
	border-color: #bd0000 !important;
	background: #111a22 !important;
	color: #ffffff !important;
}

.ku4-fab-btn:active {
	transform: translateY(0) scale(0.98) !important;
}

.ku4-fab-btn svg {
	stroke: #bd0000 !important;
	transition: transform 0.25s ease, stroke 0.25s ease !important;
}

.ku4-fab-btn:hover svg {
	transform: scale(1.1) !important;
	stroke: #ff2222 !important;
}

@media (max-width: 600px) {
	.ku4-fab-btn {
		bottom: 18px !important;
		right: 18px !important;
		padding: 10px 18px !important;
		font-size: 12.5px !important;
		border-radius: 999px !important;
	}
}

/* ============================================================
   FEEDBACK MODAL FORM (MINIMALIST BRAND STYLE - NO PLATES)
   ============================================================ */
.ku4-modal-overlay {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	width: 100vw !important;
	height: 100vh !important;
	background: rgba(0, 0, 0, 0.88) !important;
	backdrop-filter: blur(14px) !important;
	-webkit-backdrop-filter: blur(14px) !important;
	z-index: 1000005 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 20px !important;
	box-sizing: border-box !important;
	visibility: hidden !important;
	opacity: 0 !important;
	transition: visibility 0.25s ease, opacity 0.25s ease !important;
}

.ku4-modal-overlay.is-active {
	visibility: visible !important;
	opacity: 1 !important;
}

.ku4-modal-dialog {
	background: #091217 !important;
	border: 1px solid rgba(255, 255, 255, 0.15) !important;
	border-radius: 4px !important;
	max-width: 560px !important;
	width: 100% !important;
	max-height: 90vh !important;
	overflow-y: auto !important;
	padding: clamp(24px, 4vw, 36px) !important;
	box-sizing: border-box !important;
	box-shadow: 0 24px 60px rgba(0, 0, 0, 0.9) !important;
	transform: translateY(16px) !important;
	transition: transform 0.25s ease !important;
	font-family: var(--wp--preset--font-family--system-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif) !important;
}

.ku4-modal-overlay.is-active .ku4-modal-dialog {
	transform: translateY(0) !important;
}

/* Modal Top */
.ku4-modal-top {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	margin-bottom: 24px !important;
	padding-bottom: 16px !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.ku4-modal-heading {
	margin: 0 !important;
	font-family: var(--wp--preset--font-family--system-font, sans-serif) !important;
	font-size: 22px !important;
	font-weight: 700 !important;
	letter-spacing: -0.01em !important;
	color: #ffffff !important;
	text-transform: uppercase !important;
}

.ku4-modal-close-btn {
	background: transparent !important;
	border: 1px solid rgba(255, 255, 255, 0.3) !important;
	border-radius: 4px !important;
	width: 36px !important;
	height: 36px !important;
	color: #ffffff !important;
	cursor: pointer !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	transition: all 0.2s ease !important;
	padding: 0 !important;
}

.ku4-modal-close-btn:hover {
	border-color: #bd0000 !important;
	color: #bd0000 !important;
}

/* Notice Text — Clean inline, NO plate */
.ku4-form-notice-wrap {
	margin-bottom: 24px !important;
}

.ku4-form-notice {
	font-size: 13.5px !important;
	color: rgba(255, 255, 255, 0.8) !important;
	line-height: 1.45 !important;
	margin: 0 0 8px 0 !important;
}

.ku4-form-req-badge {
	color: #bd0000 !important;
	font-size: 12px !important;
	font-weight: 600 !important;
}

/* Form Fields — Minimalist, NO plate/card background! */
.ku4-field-group {
	margin-bottom: 22px !important;
}

.ku4-field-label {
	display: block !important;
	font-family: var(--wp--preset--font-family--system-font, sans-serif) !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	color: #ffffff !important;
	margin-bottom: 8px !important;
}

.ku4-field-label .req {
	color: #bd0000 !important;
	margin-left: 3px !important;
}

.ku4-field-input {
	width: 100% !important;
	background: transparent !important;
	border: none !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.25) !important;
	border-radius: 0 !important;
	color: #ffffff !important;
	font-size: 15px !important;
	font-family: var(--wp--preset--font-family--system-font, sans-serif) !important;
	padding: 8px 0 !important;
	outline: none !important;
	box-sizing: border-box !important;
	transition: border-color 0.2s ease !important;
}

.ku4-field-input:focus {
	border-bottom-color: #bd0000 !important;
}

.ku4-field-input::placeholder {
	color: rgba(255, 255, 255, 0.3) !important;
}

.ku4-field-textarea {
	min-height: 70px !important;
	resize: vertical !important;
}

/* Upload zone — Minimalist, NO blue */
.ku4-upload-subtext {
	font-size: 12px !important;
	color: rgba(255, 255, 255, 0.5) !important;
	line-height: 1.4 !important;
	margin-bottom: 10px !important;
}

.ku4-upload-controls {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
}

.ku4-upload-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	padding: 11px 20px !important;
	border: 1px solid rgba(255, 255, 255, 0.22) !important;
	border-radius: 8px !important;
	color: rgba(255, 255, 255, 0.9) !important;
	font-size: 14.5px !important;
	font-weight: 600 !important;
	font-family: var(--wp--preset--font-family--system-font, -apple-system, BlinkMacSystemFont, sans-serif) !important;
	background: rgba(255, 255, 255, 0.08) !important;
	cursor: pointer !important;
	box-shadow: none !important;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease !important;
}

.ku4-upload-btn:hover {
	border-color: rgba(255, 255, 255, 0.45) !important;
	color: #ffffff !important;
	background: rgba(255, 255, 255, 0.16) !important;
	transform: translateY(-1px) !important;
}

.ku4-upload-btn:active {
	transform: translateY(0) scale(0.98) !important;
}

.ku4-file-list {
	display: flex !important;
	flex-direction: column !important;
	gap: 6px !important;
	margin-top: 10px !important;
}

.ku4-file-item {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	background: rgba(255, 255, 255, 0.04) !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-radius: 8px !important;
	padding: 8px 12px !important;
	font-size: 13px !important;
	color: #ffffff !important;
}

.ku4-file-item-name {
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
	max-width: 80% !important;
}

.ku4-file-remove {
	background: none !important;
	border: none !important;
	color: rgba(255, 255, 255, 0.5) !important;
	cursor: pointer !important;
	padding: 0 4px !important;
	font-size: 15px !important;
}

.ku4-file-remove:hover {
	color: #bd0000 !important;
}

/* Actions */
.ku4-form-actions {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 12px !important;
	margin-top: 28px !important;
	padding-top: 16px !important;
	border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.ku4-submit-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: #bd0000 !important;
	color: #ffffff !important;
	border: none !important;
	border-radius: 8px !important;
	padding: 0 24px !important;
	height: 46px !important;
	min-height: 46px !important;
	max-height: 46px !important;
	box-sizing: border-box !important;
	white-space: nowrap !important;
	line-height: 1 !important;
	font-family: var(--wp--preset--font-family--system-font, -apple-system, BlinkMacSystemFont, sans-serif) !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	letter-spacing: 0.02em !important;
	text-transform: none !important;
	cursor: pointer !important;
	box-shadow: none !important;
	transition: background-color 0.2s ease, transform 0.2s ease !important;
}

.ku4-submit-btn:hover {
	background: #990000 !important;
	color: #ffffff !important;
	transform: translateY(-1px) !important;
	box-shadow: none !important;
}

.ku4-submit-btn:active {
	transform: translateY(0) scale(0.98) !important;
	background: #800000 !important;
}

.ku4-clear-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: rgba(255, 255, 255, 0.08) !important;
	border: 1px solid rgba(255, 255, 255, 0.22) !important;
	border-radius: 8px !important;
	color: rgba(255, 255, 255, 0.85) !important;
	font-size: 14.5px !important;
	font-weight: 600 !important;
	height: 46px !important;
	min-height: 46px !important;
	max-height: 46px !important;
	box-sizing: border-box !important;
	white-space: nowrap !important;
	line-height: 1 !important;
	font-family: var(--wp--preset--font-family--system-font, -apple-system, BlinkMacSystemFont, sans-serif) !important;
	cursor: pointer !important;
	text-decoration: none !important;
	padding: 0 18px !important;
	box-shadow: none !important;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease !important;
}

.ku4-clear-btn:hover {
	color: #ffffff !important;
	background: rgba(255, 255, 255, 0.16) !important;
	border-color: rgba(255, 255, 255, 0.45) !important;
	transform: translateY(-1px) !important;
}

.ku4-clear-btn:active {
	transform: translateY(0) scale(0.98) !important;
}

/* Mobile dialog & form actions optimization (e.g. iPhone 14/13/12/SE) */
@media (max-width: 600px) {
	.ku4-modal-dialog {
		padding: 24px 18px !important;
	}

	.ku4-form-actions {
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 10px !important;
		margin-top: 22px !important;
		padding-top: 14px !important;
	}

	.ku4-submit-btn {
		flex: 1.1 1 0 !important;
		padding: 0 14px !important;
		font-size: 14px !important;
		height: 44px !important;
		min-height: 44px !important;
		max-height: 44px !important;
		white-space: nowrap !important;
	}

	.ku4-clear-btn {
		flex: 1 1 0 !important;
		padding: 0 10px !important;
		font-size: 13px !important;
		height: 44px !important;
		min-height: 44px !important;
		max-height: 44px !important;
		white-space: nowrap !important;
	}

	/* Merch modal action button ratios on mobile */
	#ku4-merch-modal .ku4-form-actions .ku4-submit-btn {
		flex: 1.4 1 0 !important;
		padding: 0 10px !important;
		font-size: 13px !important;
	}
	#ku4-merch-modal .ku4-form-actions .ku4-clear-btn {
		flex: 1 1 0 !important;
		padding: 0 10px !important;
		font-size: 13px !important;
	}
}

/* Success View */
.ku4-form-success {
	text-align: center !important;
	padding: 30px 10px !important;
}

.ku4-form-success-icon {
	width: 56px !important;
	height: 56px !important;
	border-radius: 50% !important;
	background: rgba(189, 0, 0, 0.15) !important;
	border: 1.5px solid #bd0000 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin-bottom: 16px !important;
	color: #bd0000 !important;
}

.ku4-form-success h3 {
	font-size: 20px !important;
	color: #ffffff !important;
	margin: 0 0 10px 0 !important;
	font-family: var(--wp--preset--font-family--system-font, sans-serif) !important;
}

.ku4-form-success p {
	font-size: 14px !important;
	color: rgba(255, 255, 255, 0.7) !important;
	line-height: 1.5 !important;
	margin: 0 0 20px 0 !important;
}

/* 2. Scroll Progress Bar (Hidden on Desktop, Kept on Mobile) */
#ku4-progress {
	display: none !important;
	position: fixed;
	top: 0;
	left: 0;
	height: 3px;
	width: 0%;
	background: linear-gradient(90deg, #bd0000 0%, #ff3b3b 70%, #ffffff 100%);
	z-index: 100000;
	transition: width 0.08s linear;
	pointer-events: none;
	box-shadow: 0 0 12px rgba(189, 0, 0, 0.9), 0 0 4px #ff3b3b;
}

@media (max-width: 768px) {
	#ku4-progress {
		display: block !important;
	}
}

/* Stories Visibility: Completely Hidden on PC/Desktop, Kept on Mobile */
.ku4-mob-stories-bar,
.ku4-desktop-stories-wrap {
	display: none !important;
}

@media (max-width: 768px) {
	.ku4-mob-stories-bar {
		display: block !important;
	}
}

/* ============================================================
   KU4 MOTION SYSTEM: ENTRANCE, SCROLL REVEAL & STAGGER
   ============================================================ */

/* --- First Launch Keyframes --- */
@keyframes ku4HeroReveal {
	0% {
		opacity: 0;
		transform: translateY(42px) scale(0.96);
		filter: blur(8px);
	}
	60% {
		opacity: 0.92;
		filter: blur(0px);
	}
	100% {
		opacity: 1;
		transform: translateY(0) scale(1);
		filter: blur(0);
	}
}

@keyframes ku4HeroCardIn {
	0% {
		opacity: 0;
		transform: translateX(36px);
		filter: blur(4px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
		filter: blur(0);
	}
}

/* Top of site elements render immediately with zero delay or glitch */
.ku4-hero-heading-col h1.wp-block-heading,
.ku4-hero-cards-col .ku4-hero-card,
.wpcom-ai-header-mobile-optimized {
	opacity: 1 !important;
	transform: none !important;
	animation: none !important;
	filter: none !important;
}

/* --- Scroll Reveal Animations --- */
.ku4-reveal {
	opacity: 0;
	transform: translateY(32px) scale(0.98);
	transition: opacity 0.85s cubic-bezier(0.16, 1, 0.3, 1), transform 0.85s cubic-bezier(0.16, 1, 0.3, 1);
	will-change: opacity, transform;
}

.ku4-reveal.in-view {
	opacity: 1;
	transform: translateY(0) scale(1);
}

/* Zoom Reveal для баннеров и медиа */
.ku4-zoom-reveal {
	opacity: 0;
	transform: scale(0.95) translateY(18px);
	transition: opacity 0.95s cubic-bezier(0.16, 1, 0.3, 1), transform 0.95s cubic-bezier(0.16, 1, 0.3, 1);
	will-change: opacity, transform;
}

.ku4-zoom-reveal.in-view {
	opacity: 1;
	transform: scale(1) translateY(0);
}

/* Каскадный Stagger для списков и сеток */
.ku4-stagger-child {
	opacity: 0;
	transform: translateY(26px);
	transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
	will-change: opacity, transform;
}

.ku4-stagger-parent.in-view .ku4-stagger-child:nth-child(1) { opacity: 1; transform: translateY(0); transition-delay: 0.05s; }
.ku4-stagger-parent.in-view .ku4-stagger-child:nth-child(2) { opacity: 1; transform: translateY(0); transition-delay: 0.15s; }
.ku4-stagger-parent.in-view .ku4-stagger-child:nth-child(3) { opacity: 1; transform: translateY(0); transition-delay: 0.25s; }
.ku4-stagger-parent.in-view .ku4-stagger-child:nth-child(4) { opacity: 1; transform: translateY(0); transition-delay: 0.35s; }
.ku4-stagger-parent.in-view .ku4-stagger-child:nth-child(5) { opacity: 1; transform: translateY(0); transition-delay: 0.45s; }
.ku4-stagger-parent.in-view .ku4-stagger-child:nth-child(6) { opacity: 1; transform: translateY(0); transition-delay: 0.55s; }
.ku4-stagger-parent.in-view .ku4-stagger-child:nth-child(7) { opacity: 1; transform: translateY(0); transition-delay: 0.65s; }
.ku4-stagger-parent.in-view .ku4-stagger-child:nth-child(8) { opacity: 1; transform: translateY(0); transition-delay: 0.75s; }

/* 3.5. Fresh Materials Cards Hover Animation */
.ku4-material-card,
.wpcom-ai-mobile-flex-row figure.wp-block-image,
figure:has(img[src*="Frame-691"]),
figure:has(img[src*="Frame-711"]),
figure:has(img[src*="Frame-73"]),
figure:has(img[src*="Frame-72"]) {
	border-radius: 16px !important;
	overflow: hidden !important;
	-webkit-mask-image: -webkit-radial-gradient(white, black);
	mask-image: radial-gradient(white, black);
	isolation: isolate;
	transform: translateZ(0);
	transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
	cursor: pointer !important;
	will-change: transform, box-shadow;
	background: transparent !important;
	border: none !important;
	outline: none !important;
}

.ku4-material-card a,
.wpcom-ai-mobile-flex-row figure.wp-block-image a {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	border-radius: 16px !important;
	overflow: hidden !important;
	-webkit-mask-image: -webkit-radial-gradient(white, black);
	mask-image: radial-gradient(white, black);
	background: transparent !important;
	border: none !important;
	outline: none !important;
}

.ku4-material-card img,
.wpcom-ai-mobile-flex-row figure.wp-block-image img,
figure:has(img[src*="Frame-691"]) img,
figure:has(img[src*="Frame-711"]) img,
figure:has(img[src*="Frame-73"]) img,
figure:has(img[src*="Frame-72"]) img {
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	aspect-ratio: 1 / 1 !important;
	object-fit: cover !important;
	border-radius: 16px !important;
	display: block !important;
	border: none !important;
	outline: none !important;
	transition: transform 0.5s cubic-bezier(0.2, 0.8, 0.2, 1), filter 0.5s ease !important;
	will-change: transform, filter;
	transform: translateZ(0);
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

@media (min-width: 769px) and (hover: hover) and (pointer: fine) {
	.ku4-material-card:hover,
	.wpcom-ai-mobile-flex-row figure.wp-block-image:hover,
	figure:has(img[src*="Frame-691"]):hover,
	figure:has(img[src*="Frame-711"]):hover,
	figure:has(img[src*="Frame-73"]):hover,
	figure:has(img[src*="Frame-72"]):hover {
		transform: translateY(-6px) translateZ(0) !important;
		box-shadow: 0 22px 45px rgba(0, 0, 0, 0.8), 0 0 0 1.5px rgba(189, 0, 0, 0.35) !important;
		border: none !important;
		outline: none !important;
	}

	.ku4-material-card:hover img,
	.wpcom-ai-mobile-flex-row figure.wp-block-image:hover img,
	figure:has(img[src*="Frame-691"]):hover img,
	figure:has(img[src*="Frame-711"]):hover img,
	figure:has(img[src*="Frame-73"]):hover img,
	figure:has(img[src*="Frame-72"]):hover img {
		transform: scale(1.04) translateZ(0) !important;
		filter: brightness(1.06) contrast(1.02) !important;
		border: none !important;
		outline: none !important;
	}
}

@media (hover: none), (pointer: coarse) {
	.ku4-material-card,
	.ku4-material-card:hover,
	.ku4-material-card:active,
	.ku4-material-card:focus,
	.wpcom-ai-mobile-flex-row figure.wp-block-image,
	.wpcom-ai-mobile-flex-row figure.wp-block-image:hover,
	.wpcom-ai-mobile-flex-row figure.wp-block-image:active,
	figure:has(img[src*="Frame-691"]):hover,
	figure:has(img[src*="Frame-711"]):hover,
	figure:has(img[src*="Frame-73"]):hover,
	figure:has(img[src*="Frame-72"]):hover {
		transform: none !important;
		box-shadow: none !important;
		transition: none !important;
	}
	.ku4-material-card img,
	.ku4-material-card:hover img,
	.ku4-material-card:active img,
	.wpcom-ai-mobile-flex-row figure.wp-block-image img,
	.wpcom-ai-mobile-flex-row figure.wp-block-image:hover img,
	.wpcom-ai-mobile-flex-row figure.wp-block-image:active img,
	figure:has(img[src*="Frame-691"]):hover img,
	figure:has(img[src*="Frame-711"]):hover img,
	figure:has(img[src*="Frame-73"]):hover img,
	figure:has(img[src*="Frame-72"]):hover img {
		transform: none !important;
		filter: none !important;
		transition: none !important;
	}
}

/* ============================================================
   3.6. FRESH MATERIALS RESPONSIVE LAYOUT & POSITIONING
   Desktop: 2x2 Grid with comfortable vertical spacing
   Mobile (<=768px): Single row with smooth horizontal scroll to right
   ============================================================ */
.ku4-fresh-materials-header {
	padding-top: clamp(48px, 6vw, 72px) !important;
	padding-bottom: 0 !important;
}

.ku4-fresh-materials-wrapper {
	max-width: var(--wp--style--global--wide-size, 1100px) !important;
	margin: 0 auto !important;
	padding-top: clamp(28px, 3.5vw, 44px) !important;
	padding-bottom: clamp(32px, 4vw, 48px) !important;
	padding-left: var(--wp--preset--spacing--40, 24px) !important;
	padding-right: var(--wp--preset--spacing--40, 24px) !important;
	box-sizing: border-box !important;
	width: 100% !important;
}

.ku4-fresh-materials-track {
	display: grid !important;
	grid-template-columns: repeat(2, 1fr) !important;
	gap: clamp(20px, 2.5vw, 32px) !important;
	width: 100% !important;
	box-sizing: border-box !important;
	margin: 0 !important;
	padding: 0 !important;
}

.ku4-fresh-materials-col {
	display: block !important;
	width: 100% !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
	padding: 0 !important;
	margin: 0 !important;
}

.ku4-fresh-materials-col .ku4-material-card {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
}

.ku4-fresh-materials-col .ku4-material-card a {
	display: block !important;
	width: 100% !important;
}

.ku4-fresh-materials-col .ku4-material-card img {
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	aspect-ratio: 1 / 1 !important;
	object-fit: cover !important;
}

@media (max-width: 768px) {
	.ku4-fresh-materials-header {
		padding-top: var(--wp--preset--spacing--50, 28px) !important;
		padding-bottom: var(--wp--preset--spacing--30, 12px) !important;
	}

	.ku4-fresh-materials-wrapper {
		padding: 0 0 32px 0 !important;
		max-width: 100% !important;
		width: 100% !important;
		overflow: hidden !important;
	}

	.ku4-fresh-materials-track {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		-webkit-overflow-scrolling: touch !important;
		scroll-snap-type: x mandatory !important;
		scroll-padding-left: var(--wp--style--root--padding-left, var(--wp--preset--spacing--60, 24px)) !important;
		gap: 16px !important;
		padding: 8px var(--wp--style--root--padding-right, var(--wp--preset--spacing--60, 24px)) 24px var(--wp--style--root--padding-left, var(--wp--preset--spacing--60, 24px)) !important;
		margin: 0 !important;
		width: 100% !important;
		box-sizing: border-box !important;
		scrollbar-width: none !important;
	}

	.ku4-fresh-materials-track::-webkit-scrollbar {
		display: none !important;
	}

	.ku4-fresh-materials-col {
		flex: 0 0 clamp(260px, 78vw, 320px) !important;
		width: clamp(260px, 78vw, 320px) !important;
		max-width: 78vw !important;
		scroll-snap-align: start !important;
		box-sizing: border-box !important;
	}

	.ku4-fresh-materials-col.ku4-stagger-child {
		opacity: 1 !important;
		transform: none !important;
	}

	.ku4-fresh-materials-col .ku4-material-card {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
	}

	.ku4-fresh-materials-col .ku4-material-card img {
		width: 100% !important;
		height: auto !important;
		aspect-ratio: 1 / 1 !important;
		object-fit: cover !important;
	}

	.ku4-material-card,
	.ku4-material-card:hover,
	.ku4-material-card:active,
	.ku4-material-card:focus,
	.ku4-fresh-materials-col .ku4-material-card,
	.ku4-fresh-materials-col .ku4-material-card:hover,
	.ku4-fresh-materials-col .ku4-material-card:active,
	.ku4-fresh-materials-col .ku4-material-card:focus,
	.wpcom-ai-mobile-flex-row figure.wp-block-image,
	.wpcom-ai-mobile-flex-row figure.wp-block-image:hover,
	.wpcom-ai-mobile-flex-row figure.wp-block-image:active,
	figure:has(img[src*="Frame-691"]):hover,
	figure:has(img[src*="Frame-711"]):hover,
	figure:has(img[src*="Frame-73"]):hover,
	figure:has(img[src*="Frame-72"]):hover {
		transform: none !important;
		box-shadow: none !important;
		transition: none !important;
		border: none !important;
		outline: none !important;
		-webkit-tap-highlight-color: transparent !important;
	}

	.ku4-material-card img,
	.ku4-material-card:hover img,
	.ku4-material-card:active img,
	.ku4-fresh-materials-col .ku4-material-card img,
	.ku4-fresh-materials-col .ku4-material-card:hover img,
	.ku4-fresh-materials-col .ku4-material-card:active img,
	.wpcom-ai-mobile-flex-row figure.wp-block-image img,
	.wpcom-ai-mobile-flex-row figure.wp-block-image:hover img,
	.wpcom-ai-mobile-flex-row figure.wp-block-image:active img,
	figure:has(img[src*="Frame-691"]):hover img,
	figure:has(img[src*="Frame-711"]):hover img,
	figure:has(img[src*="Frame-73"]):hover img,
	figure:has(img[src*="Frame-72"]):hover img {
		transform: none !important;
		filter: none !important;
		transition: none !important;
	}
}

/* ============================================================
   Age Restriction Marking (436-FZ "14+") & Copyright
   Discreet, minimalist, positioned beside copyright line
   ============================================================ */
.ku4-footer-legal-text {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	gap: 6px !important;
	text-align: center !important;
	color: rgba(255, 255, 255, 0.75) !important;
	margin-bottom: 40px !important;
}

.ku4-footer-line-1 {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
}

.ku4-footer-line-2 {
	display: block !important;
	color: rgba(255, 255, 255, 0.65) !important;
	font-size: 14px !important;
}

.ku4-age-badge {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 2px 7.5px !important;
	border: 1px solid rgba(255, 255, 255, 0.38) !important;
	border-radius: 4px !important;
	font-weight: 700 !important;
	font-size: 13px !important;
	letter-spacing: 0.03em !important;
	color: rgba(255, 255, 255, 0.9) !important;
	line-height: 1.15 !important;
	user-select: none !important;
}

@media (min-width: 768px) {
	.ku4-footer-legal-text {
		flex-direction: column !important;
		justify-content: center !important;
		gap: 6px !important;
		margin-bottom: 24px !important;
	}
	.ku4-footer-line-2 {
		display: block !important;
		font-size: 14px !important;
	}
}

/* ============================================================
   Site Footer ("Подвал / самый низ")
   In dark mode: matches dark header background (#080E13)
   ============================================================ */
/* Breathing room between newsletter subscribe button and footer */
.ku4-subscribe-wrap {
	display: flow-root !important;
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

.wp-block-jetpack-subscriptions {
	margin-bottom: 0 !important;
}

.ku4-site-footer {
	margin-top: clamp(75px, 8vw, 100px) !important;
	margin-bottom: 0 !important;
}

body.ku4-header-dark-mode .ku4-site-footer,
html.ku4-header-dark-mode .ku4-site-footer {
	background-color: #080E13 !important;
	border-top: 1px solid #263039 !important;
	margin-top: clamp(75px, 8vw, 100px) !important;
	margin-bottom: 0 !important;
	transition: background-color 0.3s ease, border-color 0.3s ease !important;
}

/* ============================================================
   4. CLOTHING / MERCH CARDS (IDENTICAL DIMENSIONS & STYLES)
   ============================================================ */

.ku4-merch-grid,
.wp-container-core-columns-is-layout-9b7bffa5,
.wp-block-columns:has(.ku4-merch-cover) {
	display: flex !important;
	flex-direction: row !important;
	align-items: stretch !important;
	justify-content: space-between !important;
	gap: 24px !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

.ku4-merch-grid > .wp-block-column,
.wp-container-core-columns-is-layout-9b7bffa5 > .wp-block-column,
.wp-block-columns:has(.ku4-merch-cover) > .wp-block-column {
	flex: 1 1 0% !important;
	width: 0 !important;
	min-width: 0 !important;
	max-width: 33.333% !important;
	box-sizing: border-box !important;
	display: flex !important;
	flex-direction: column !important;
}

.ku4-merch-cover,
.wp-block-columns:has(img[src*="img_1544"]) .wp-block-cover,
.wp-block-columns:has(img[src*="img_1543"]) .wp-block-cover,
.wp-block-columns:has(img[src*="img_1554"]) .wp-block-cover {
	width: 100% !important;
	height: auto !important;
	aspect-ratio: 3 / 4 !important;
	min-height: 0 !important;
	max-height: none !important;
	border-radius: 16px !important;
	overflow: hidden !important;
	cursor: pointer !important;
	position: relative !important;
	box-sizing: border-box !important;
	box-shadow: none !important;
	border: none !important;
	transform: none !important;
	padding: 0 !important;
	margin: 0 !important;
	display: block !important;
	text-decoration: none !important;
	color: inherit !important;
	transition: opacity 0.35s ease !important;
}

.ku4-merch-cover:hover,
.wp-block-columns:has(img[src*="img_1544"]) .wp-block-cover:hover,
.wp-block-columns:has(img[src*="img_1543"]) .wp-block-cover:hover,
.wp-block-columns:has(img[src*="img_1554"]) .wp-block-cover:hover {
	transform: none !important;
	box-shadow: none !important;
}

.ku4-merch-cover img.wp-block-cover__image-background,
.wp-block-columns:has(img[src*="img_1544"]) .wp-block-cover img.wp-block-cover__image-background,
.wp-block-columns:has(img[src*="img_1543"]) .wp-block-cover img.wp-block-cover__image-background,
.wp-block-columns:has(img[src*="img_1554"]) .wp-block-cover img.wp-block-cover__image-background {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	max-height: 100% !important;
	object-fit: cover !important;
	object-position: center !important;
	border-radius: 16px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	transition: transform 0.55s cubic-bezier(0.16, 1, 0.3, 1), filter 0.55s ease !important;
	will-change: transform, filter;
}

.ku4-merch-cover:hover img.wp-block-cover__image-background,
.wp-block-columns:has(img[src*="img_1544"]) .wp-block-cover:hover img.wp-block-cover__image-background,
.wp-block-columns:has(img[src*="img_1543"]) .wp-block-cover:hover img.wp-block-cover__image-background,
.wp-block-columns:has(img[src*="img_1554"]) .wp-block-cover:hover img.wp-block-cover__image-background {
	transform: scale(1.04) !important;
	filter: brightness(1.05) saturate(1.04) !important;
}

.ku4-merch-cover span.wp-block-cover__background,
.ku4-merch-cover .ku4-merch-vignette {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border-radius: 16px !important;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0.45) 100%) !important;
	opacity: 0.65 !important;
	transition: opacity 0.4s ease !important;
}

.ku4-merch-cover:hover span.wp-block-cover__background,
.wp-block-columns:has(img[src*="img_1544"]) .wp-block-cover:hover span.wp-block-cover__background,
.wp-block-columns:has(img[src*="img_1543"]) .wp-block-cover:hover span.wp-block-cover__background,
.wp-block-columns:has(img[src*="img_1554"]) .wp-block-cover:hover span.wp-block-cover__background,
.ku4-merch-cover:hover .ku4-merch-vignette {
	opacity: 0.25 !important;
}

/* Merch Price Tag (Bottom-Right Position - Clean Minimalist Site Style) */
.ku4-merch-card-header {
	position: absolute !important;
	bottom: 18px !important;
	right: 18px !important;
	top: auto !important;
	left: auto !important;
	z-index: 3 !important;
	display: flex !important;
	flex-direction: row !important;
	align-items: flex-end !important;
	justify-content: flex-end !important;
	pointer-events: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.ku4-merch-card-header * {
	text-shadow: none !important;
	filter: none !important;
}

.ku4-merch-item-name {
	display: none !important;
}

.ku4-merch-price-tag {
	font-family: var(--wp--preset--font-family--system-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif) !important;
	font-size: 0.88rem !important;
	font-weight: 600 !important;
	color: #ffffff !important;
	background: #bd0000 !important;
	padding: 6px 13px !important;
	border-radius: 8px !important;
	letter-spacing: 0.02em !important;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.45) !important;
	text-shadow: none !important;
	filter: none !important;
	border: none !important;
	display: inline-block !important;
	text-align: right !important;
	line-height: 1.25 !important;
}

@media (max-width: 768px) {
	.ku4-merch-grid,
	.wp-container-core-columns-is-layout-9b7bffa5,
	.wp-block-columns:has(.ku4-merch-cover) {
		flex-direction: column !important;
		gap: 20px !important;
	}
	.ku4-merch-grid > .wp-block-column,
	.wp-container-core-columns-is-layout-9b7bffa5 > .wp-block-column,
	.wp-block-columns:has(.ku4-merch-cover) > .wp-block-column {
		width: 100% !important;
		max-width: 100% !important;
		flex-basis: 100% !important;
		flex: 1 1 100% !important;
	}
	.ku4-merch-cover {
		width: 100% !important;
		aspect-ratio: 3 / 4 !important;
	}
	.ku4-merch-card-header {
		bottom: 14px !important;
		right: 14px !important;
		top: auto !important;
		left: auto !important;
	}
	.ku4-merch-item-name {
		display: none !important;
	}
	.ku4-merch-price-tag {
		font-size: 0.8rem !important;
		padding: 5px 11px !important;
		border-radius: 7px !important;
		box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4) !important;
	}
}

/* Merch Notice Modal */
.ku4-merch-modal-dialog {
	max-width: 480px !important;
}
.ku4-merch-modal-tag {
	font-size: 12px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	color: #bd0000 !important;
	letter-spacing: 0.06em !important;
}
.ku4-merch-modal-badge {
	display: inline-block !important;
	background: rgba(189, 0, 0, 0.15) !important;
	border: 1px solid rgba(189, 0, 0, 0.4) !important;
	color: #ff4d4d !important;
	font-size: 12.5px !important;
	font-weight: 700 !important;
	padding: 4px 10px !important;
	border-radius: 6px !important;
	margin-bottom: 12px !important;
}
.ku4-merch-modal-title {
	font-size: 22px !important;
	font-weight: 700 !important;
	color: #ffffff !important;
	margin: 0 0 12px 0 !important;
	line-height: 1.25 !important;
}
.ku4-merch-modal-desc {
	font-size: 14.5px !important;
	color: rgba(255, 255, 255, 0.78) !important;
	line-height: 1.55 !important;
	margin: 0 0 24px 0 !important;
}
.ku4-merch-modal-actions {
	display: flex !important;
	gap: 12px !important;
	flex-wrap: wrap !important;
}

/* ============================================================
   5. UNIFIED BUTTON SYSTEM (ALL SITE BUTTONS IN ONE STYLE)
   ============================================================ */

/* Primary Solid Buttons */
.wp-element-button,
.wp-block-button__link,
.wp-block-button__link mark,
button[name="jetpack_subscriptions_widget"] {
	background-color: #bd0000 !important;
	color: #ffffff !important;
	font-family: var(--wp--preset--font-family--system-font, -apple-system, BlinkMacSystemFont, sans-serif) !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	letter-spacing: 0.02em !important;
	line-height: 1.2 !important;
	text-transform: none !important;
	border: none !important;
	border-radius: 8px !important;
	padding: 13px 26px !important;
	text-decoration: none !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	cursor: pointer !important;
	box-shadow: none !important;
	transition: background-color 0.2s ease, transform 0.2s ease !important;
	box-sizing: border-box !important;
}

.wp-element-button:hover,
.wp-block-button__link:hover,
button[name="jetpack_subscriptions_widget"]:hover {
	background-color: #990000 !important;
	color: #ffffff !important;
	transform: translateY(-2px) !important;
	box-shadow: none !important;
}

.wp-element-button:active,
.wp-block-button__link:active,
button[name="jetpack_subscriptions_widget"]:active {
	background-color: #800000 !important;
	transform: translateY(0) scale(0.98) !important;
	box-shadow: none !important;
}

.wp-block-button__link mark {
	background: transparent !important;
	color: #ffffff !important;
	font-weight: inherit !important;
	font-size: inherit !important;
	padding: 0 !important;
	margin: 0 !important;
}

/* Newsletter Section Target / Bullseye Icon */
.wp-image-789,
img.wp-image-789 {
	width: 60px !important;
	height: 60px !important;
	border-radius: 50% !important;
	object-fit: cover !important;
	display: block !important;
	margin: 0 auto !important;
	transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}

.wp-image-789:hover,
img.wp-image-789:hover {
	transform: scale(1.08) rotate(15deg) !important;
}

/* Subscription Form Integration - Unified with Design System */
.wp-block-jetpack-subscriptions__form-container,
#subscribe-blog {
	width: 100% !important;
	max-width: 520px !important;
	margin: 0 auto !important;
}

.wp-block-jetpack-subscriptions__form-elements {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 12px !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

#subscribe-email {
	margin: 0 !important;
	flex: 1 1 260px !important;
	min-width: 0 !important;
}

#subscribe-email input[type="email"],
#subscribe-field,
.ku4-subscribe-input {
	border-radius: 8px !important;
	border: 1px solid rgba(255, 255, 255, 0.22) !important;
	background: rgba(255, 255, 255, 0.06) !important;
	color: #ffffff !important;
	padding: 0 16px !important;
	font-size: 15px !important;
	font-family: var(--wp--preset--font-family--system-font, -apple-system, BlinkMacSystemFont, sans-serif) !important;
	height: 44px !important;
	line-height: 44px !important;
	box-sizing: border-box !important;
	width: 100% !important;
	outline: none !important;
	transition: border-color 0.2s ease, background-color 0.2s ease !important;
}

#subscribe-email input[type="email"]:focus,
#subscribe-field:focus,
.ku4-subscribe-input:focus {
	border-color: #bd0000 !important;
	background: rgba(255, 255, 255, 0.1) !important;
}

#subscribe-submit {
	margin: 0 !important;
	flex: 0 0 auto !important;
}

#subscribe-submit button,
button[name="jetpack_subscriptions_widget"] {
	height: 44px !important;
	padding: 0 24px !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	font-family: var(--wp--preset--font-family--system-font, -apple-system, BlinkMacSystemFont, sans-serif) !important;
	letter-spacing: 0.02em !important;
	background-color: #bd0000 !important;
	color: #ffffff !important;
	border: none !important;
	border-radius: 8px !important;
	margin: 0 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	white-space: nowrap !important;
	cursor: pointer !important;
	box-shadow: none !important;
	transition: background-color 0.2s ease, transform 0.2s ease !important;
	box-sizing: border-box !important;
}

#subscribe-submit button:hover,
button[name="jetpack_subscriptions_widget"]:hover {
	background-color: #990000 !important;
	color: #ffffff !important;
	transform: translateY(-2px) !important;
}

#subscribe-submit button:active,
button[name="jetpack_subscriptions_widget"]:active {
	background-color: #800000 !important;
	transform: translateY(0) scale(0.98) !important;
}

#subscribe-submit button strong,
button[name="jetpack_subscriptions_widget"] strong {
	font-weight: 600 !important;
}

@media (max-width: 600px) {
	.wp-block-jetpack-subscriptions__form-elements {
		flex-direction: column !important;
		gap: 12px !important;
		width: 100% !important;
	}
	#subscribe-email,
	#subscribe-submit {
		width: 100% !important;
		flex: 1 1 100% !important;
	}
	#subscribe-email input[type="email"],
	#subscribe-field,
	.ku4-subscribe-input,
	#subscribe-submit button,
	button[name="jetpack_subscriptions_widget"] {
		width: 100% !important;
		height: 44px !important;
	}
}

/* 5.5. Mission Pillar Strips (Completely static and non-clickable, no hover animations) */
.ku4-mission-pillars-row,
.ku4-pillar-card,
.ku4-pillar-card * {
	pointer-events: none !important;
	cursor: default !important;
	-webkit-tap-highlight-color: transparent !important;
	-webkit-touch-callout: none !important;
	user-select: text !important;
}

.ku4-pillar-card {
	cursor: default !important;
	pointer-events: none !important;
	transform: none !important;
	transition: none !important;
	animation: none !important;
	border: none !important;
	box-shadow: none !important;
	outline: none !important;
	background: transparent !important;
}

.ku4-pillar-card:hover,
.ku4-pillar-card:active,
.ku4-pillar-card:focus,
.ku4-pillar-card:focus-visible,
.ku4-pillar-card:focus-within {
	cursor: default !important;
	pointer-events: none !important;
	transform: none !important;
	transition: none !important;
	animation: none !important;
	border: none !important;
	box-shadow: none !important;
	outline: none !important;
	background: transparent !important;
}

.ku4-pillar-card:hover .ku4-pillar-icon svg,
.ku4-pillar-card:active .ku4-pillar-icon svg,
.ku4-pillar-card:focus .ku4-pillar-icon svg {
	transform: none !important;
	filter: none !important;
	transition: none !important;
	animation: none !important;
}

/* 3D Tilt Card Support */
.ku4-tilt-card {
	transform-style: preserve-3d !important;
	will-change: transform;
}

/* 6. Stories Ambient Animation (Disabled to maintain strict boundary bounds) */
.ku4-story-ring-wrap {
	animation: none !important;
}

/* 7. Hero Cards (Clean without plates) */
.ku4-hero-card {
	background: transparent !important;
	border: none !important;
	padding: 0 !important;
	box-shadow: none !important;
}

@media (prefers-reduced-motion: reduce) {
	.ku4-reveal, .ku4-stagger-child, .ku4-zoom-reveal, .ku4-story-ring-wrap,
	.ku4-hero-heading-col h1.wp-block-heading,
	.ku4-hero-cards-col .ku4-hero-card,
	.wpcom-ai-header-mobile-optimized {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
		animation: none !important;
		filter: none !important;
	}
}

/* Hero outer wrappers - align flush left with logo and announcement bar */
.wp-container-core-group-is-layout-3fa87e1f {
	padding-left: var(--wp--preset--spacing--60, clamp(24px, 3vw, 48px)) !important;
	padding-right: var(--wp--preset--spacing--60, clamp(24px, 3vw, 48px)) !important;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.wp-container-core-group-is-layout-3fa87e1f {
	align-items: flex-start !important;
	padding-top: 0 !important;
}

.wp-container-core-group-is-layout-dd335100 {
	padding-top: clamp(14px, 1.8vw, 22px) !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* Hero side-by-side layout - Headline Left, Cards Compact & Left-Shifted */
.wp-container-core-columns-is-layout-4d31bd7b.ku4-hero-split,
.ku4-hero-split {
	display: flex !important;
	align-items: flex-start !important;
	justify-content: flex-start !important;
	gap: clamp(38px, 4.5vw, 68px) !important;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.ku4-hero-heading-col {
	align-self: flex-start !important;
	flex: 0 0 auto !important;
	width: fit-content !important;
	max-width: fit-content !important;
	min-width: 0 !important;
	margin-left: 0 !important;
	padding-left: 0 !important;
}

.ku4-hero-heading-col h1.wp-block-heading {
	width: fit-content !important;
	max-width: fit-content !important;
	display: inline-block !important;
	font-size: var(--wp--preset--font-size--xx-large) !important;
	line-height: 0.9 !important;
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	hyphens: none !important;
	margin: 0 0 0 clamp(-10px, -0.68vw, -6px) !important;
	padding: 0 !important;
}

/* Hide floating reactions plugin on homepage */
.home .spcr-reactions,
.is-front-page .spcr-reactions,
body.home .spcr-style-floating {
	display: none !important;
}

.ku4-hero-heading-col h1.wp-block-heading mark {
	background-color: transparent !important;
	color: #bd0000 !important;
}

.ku4-hero-cards-col {
	align-self: flex-start !important;
	flex: 0 1 400px !important;
	max-width: 440px !important;
	min-width: 280px !important;
	display: flex !important;
	flex-direction: column !important;
	gap: clamp(18px, 2.5vh, 32px) !important;
	box-sizing: border-box !important;
	margin-left: 0 !important;
}

@media (min-width: 1025px) and (max-width: 1366px) {
	.ku4-hero-heading-col h1.wp-block-heading {
		font-size: clamp(4.8rem, 8.2vw, 7.8rem) !important;
		line-height: 0.9 !important;
	}
	.ku4-hero-cards-col {
		flex: 0 1 380px !important;
		max-width: 420px !important;
		min-width: 280px !important;
		gap: clamp(16px, 2.2vh, 24px) !important;
		margin-left: 0 !important;
	}
	.ku4-hero-cards-col .wp-block-heading {
		font-size: 1.25rem !important;
		margin-top: 4px !important;
		margin-bottom: 4px !important;
	}
	.ku4-hero-cards-col p {
		font-size: 0.88rem !important;
		line-height: 1.42 !important;
	}
}

.ku4-hero-cards-col .ku4-hero-card {
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	padding: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 8px !important;
	box-sizing: border-box !important;
}

.ku4-hero-cards-col .wp-block-heading {
	font-size: var(--wp--preset--font-size--large, 1.56rem) !important;
	font-weight: 700 !important;
	margin-top: 8px !important;
	margin-bottom: 6px !important;
	color: #ffffff !important;
	word-break: normal !important;
	overflow-wrap: break-word !important;
}

.ku4-hero-cards-col p {
	font-size: var(--wp--preset--font-size--medium, 1.01rem) !important;
	line-height: 1.52 !important;
	margin: 0 !important;
	color: rgba(250, 250, 250, 0.85) !important;
	overflow-wrap: break-word !important;
	word-break: normal !important;
}

@media (max-width: 1120px) {
	.wp-container-core-columns-is-layout-4d31bd7b.ku4-hero-split,
	.ku4-hero-split {
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 40px !important;
		width: 100% !important;
	}
	.ku4-hero-heading-col,
	.ku4-hero-cards-col {
		flex: 1 1 100% !important;
		max-width: 100% !important;
		width: 100% !important;
		margin-left: 0 !important;
	}
	.ku4-hero-heading-col h1.wp-block-heading {
		white-space: normal !important;
		width: 100% !important;
	}
	.ku4-hero-cards-col > .wp-block-group {
		display: grid !important;
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 32px !important;
		width: 100% !important;
	}
}

@media (max-width: 768px) {
	/* Header mobile padding - strictly aligned with global margins */
	.wpcom-ai-header-mobile-optimized {
		padding-left: var(--wp--style--root--padding-left, var(--wp--preset--spacing--60, 24px)) !important;
		padding-right: var(--wp--style--root--padding-right, var(--wp--preset--spacing--60, 24px)) !important;
		padding-top: 10px !important;
		padding-bottom: 10px !important;
		box-sizing: border-box !important;
		width: 100% !important;
	}

	.ku4-brand-new-link {
		gap: 10px !important;
	}

	.ku4-brand-new-target {
		width: 40px !important;
		height: 40px !important;
	}

	.ku4-brand-new-name {
		font-size: 19px !important;
	}

	.ku4-brand-new-sub {
		font-size: 9px !important;
		letter-spacing: 0.18em !important;
	}

	.ku4-burger-new {
		width: 42px !important;
		height: 42px !important;
		gap: 4.5px !important;
	}

	.ku4-burger-circle-line {
		width: 17px !important;
		height: 2px !important;
	}



	/* Hero mobile alignment - strictly aligned with manifesto boundary (24px) */
	.wp-container-core-group-is-layout-3fa87e1f {
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}

	.wp-container-core-group-is-layout-dd335100 {
		padding-left: var(--wp--style--root--padding-left, var(--wp--preset--spacing--60, 24px)) !important;
		padding-right: var(--wp--style--root--padding-right, var(--wp--preset--spacing--60, 24px)) !important;
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box !important;
	}

	.wp-container-core-columns-is-layout-4d31bd7b.ku4-hero-split,
	.ku4-hero-split {
		gap: 28px !important;
		width: 100% !important;
	}
	.ku4-hero-heading-col {
		width: 100% !important;
		max-width: 100% !important;
	}
	.ku4-hero-heading-col h1.wp-block-heading {
		font-size: clamp(3.2rem, 15vw, 5rem) !important;
		line-height: 0.88 !important;
		letter-spacing: -0.02em !important;
		text-transform: uppercase !important;
		white-space: normal !important;
		width: 100% !important;
		display: block !important;
		margin-left: -3.5px !important;
	}
	.ku4-hero-cards-col {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		gap: 28px !important;
	}
	.ku4-hero-cards-col > .wp-block-group {
		grid-template-columns: 1fr !important;
		gap: 24px !important;
	}

	/* Target Icon on Mobile */
	.wp-image-789,
	img.wp-image-789 {
		width: 52px !important;
		height: 52px !important;
	}
	.wp-image-789:hover,
	img.wp-image-789:hover {
		transform: none !important;
	}
}

/* Team Photo - Absolute Full Bleed (0 indents, 0 margins, 0 paddings) */
/* Team Photo - Cropped to Legs (Original File, 0 Indents) */
.wp-block-group:has(.ku4-team-photo) {
	width: 100vw !important;
	max-width: 100vw !important;
	padding: 0 !important;
	margin-left: calc(-50vw + 50%) !important;
	margin-right: calc(-50vw + 50%) !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.ku4-team-photo,
.wp-block-cover.ku4-team-photo {
	width: 100% !important;
	max-width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
	aspect-ratio: 16 / 11 !important;
	min-height: unset !important;
	height: auto !important;
	background: #091217 !important;
	display: block !important;
	position: relative !important;
	border: none !important;
	border-radius: 0 !important;
	overflow: hidden !important;
	opacity: 1 !important;
	transform: none !important;
	transition: none !important;
	will-change: auto !important;
	contain: paint !important;
}

.ku4-team-photo img.wp-block-cover__image-background,
.ku4-team-photo img {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: 50% 35.3% !important;
	margin: 0 !important;
	padding: 0 !important;
	border-radius: 0 !important;
	display: block !important;
	transform: none !important;
	transition: none !important;
	will-change: auto !important;
}

.ku4-team-photo .wp-block-cover__inner-container,
.ku4-team-photo .wp-block-cover__background {
	display: none !important;
}
/* Fix newsletter illustration and aligncenter centering */
figure.wp-block-image.aligncenter,
.wp-block-image.aligncenter {
	display: block !important;
	margin-left: auto !important;
	margin-right: auto !important;
	text-align: center !important;
	float: none !important;
	clear: both !important;
}

figure.wp-block-image.aligncenter img,
.wp-block-image.aligncenter img,
img.wp-image-363 {
	display: block !important;
	margin-left: auto !important;
	margin-right: auto !important;
	float: none !important;
}

/* ==========================================================================
   KU4ERIAVENKO MISSION & PILLARS (MATCHING FRESH MATERIALS STYLE)
   ========================================================================== */

.ku4-manifesto-title {
	font-family: var(--wp--preset--font-family--system-font, sans-serif) !important;
	font-size: clamp(2.6rem, 3.8vw, 3.8rem) !important;
	font-weight: 700 !important;
	line-height: 1.18 !important;
	letter-spacing: -0.015em !important;
	color: #ffffff !important;
	margin: 0 0 clamp(32px, 4.5vw, 48px) 0 !important;
	padding: 0 !important;
	max-width: 1080px !important;
}

.ku4-manifesto-title mark {
	background-color: transparent !important;
	color: #bd0000 !important;
}

.ku4-mission-pillars-row {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 36px !important;
	width: 100% !important;
	margin-top: 36px !important;
	margin-bottom: 0 !important;
	box-sizing: border-box !important;
}

@media (max-width: 860px) {
	.ku4-mission-pillars-row {
		grid-template-columns: 1fr !important;
		gap: 28px !important;
	}
}

.ku4-pillar-card {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	text-align: left !important;
	gap: 10px !important;
	padding: 0 !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	margin: 0 !important;
	box-sizing: border-box !important;
	pointer-events: none !important;
	cursor: default !important;
	-webkit-tap-highlight-color: transparent !important;
	user-select: text !important;
	outline: none !important;
}

.ku4-pillar-card > svg {
	display: none !important;
}

.ku4-pillar-icon {
	margin: 0 0 6px 0 !important;
	padding: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	color: #bd0000 !important;
	width: 40px !important;
	height: 40px !important;
}

.ku4-pillar-icon svg {
	width: 40px !important;
	height: 40px !important;
	display: block !important;
}

.ku4-pillar-title {
	font-family: var(--wp--preset--font-family--system-font, sans-serif) !important;
	font-size: 1.5rem !important;
	font-weight: 700 !important;
	color: #ffffff !important;
	margin-top: 4px !important;
	margin-bottom: 4px !important;
	padding: 0 !important;
	line-height: 1.25 !important;
	white-space: nowrap !important;
	word-break: keep-all !important;
}

.ku4-pillar-desc {
	font-family: var(--wp--preset--font-family--system-font, sans-serif) !important;
	font-size: 1.12rem !important;
	line-height: 1.55 !important;
	color: rgba(250, 250, 250, 0.82) !important;
	margin: 0 !important;
	padding: 0 !important;
	font-weight: 400 !important;
}

@media (max-width: 768px) {
	.ku4-manifesto-title {
		font-size: clamp(1.95rem, 6.8vw, 2.6rem) !important;
		line-height: 1.2 !important;
		letter-spacing: -0.015em !important;
		margin-bottom: 28px !important;
	}
	.ku4-mission-pillars-row {
		grid-template-columns: 1fr !important;
		gap: 20px !important;
		margin-top: 28px !important;
	}
	.ku4-pillar-card {
		display: grid !important;
		grid-template-columns: 44px 1fr !important;
		grid-template-areas:
			"icon title"
			"icon desc" !important;
		column-gap: 16px !important;
		row-gap: 5px !important;
		align-items: start !important;
		padding-bottom: 20px !important;
		border-top: none !important;
		border-left: none !important;
		border-right: none !important;
		border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
		pointer-events: none !important;
		cursor: default !important;
		-webkit-tap-highlight-color: transparent !important;
		user-select: text !important;
		background: transparent !important;
		outline: none !important;
	}
	.ku4-pillar-card:last-child {
		border-bottom: none !important;
		padding-bottom: 0 !important;
	}
	.ku4-pillar-icon {
		grid-area: icon !important;
		width: 44px !important;
		height: 44px !important;
		margin: 2px 0 0 0 !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
	}
	.ku4-pillar-icon svg {
		width: 36px !important;
		height: 36px !important;
	}
	.ku4-pillar-title {
		grid-area: title !important;
		font-size: 1.28rem !important;
		font-weight: 700 !important;
		color: #ffffff !important;
		margin: 0 !important;
		padding: 0 !important;
		line-height: 1.25 !important;
		white-space: normal !important;
	}
	.ku4-pillar-desc {
		grid-area: desc !important;
		font-size: 0.96rem !important;
		line-height: 1.45 !important;
		color: rgba(250, 250, 250, 0.72) !important;
		margin: 0 !important;
		padding: 0 !important;
	}
}

/* ==========================================================================
   COMPREHENSIVE DISABLE OF ALL HOVER ANIMATIONS ON MOBILE & TOUCH SCREENS
   ========================================================================== */
@media (max-width: 768px), (hover: none), (pointer: coarse) {
	/* 1. Reset all hover/active transforms, jumps, tilt, and scale */
	.ku4-pillar-card:hover,
	.ku4-pillar-card:active,
	.ku4-pillar-card:hover .ku4-pillar-icon svg,
	.ku4-pillar-card:active .ku4-pillar-icon svg,
	.ku4-merch-cover:hover,
	.ku4-merch-cover:active,
	.ku4-merch-cover:hover img,
	.ku4-merch-cover:active img,
	.ku4-merch-cover:hover img.wp-block-cover__image-background,
	.wp-block-columns:has(.ku4-merch-cover) .wp-block-cover:hover,
	.wp-block-columns:has(.ku4-merch-cover) .wp-block-cover:hover img,
	.ku4-material-card:hover,
	.ku4-material-card:active,
	.ku4-material-card:hover img,
	.ku4-material-card:active img,
	.ku4-fresh-materials-col:hover,
	.ku4-fresh-materials-col:active,
	.ku4-fresh-materials-col:hover img,
	.ku4-fresh-materials-col:active img,
	figure:has(img[src*="Frame-691"]):hover,
	figure:has(img[src*="Frame-691"]):hover img,
	figure:has(img[src*="Frame-711"]):hover,
	figure:has(img[src*="Frame-711"]):hover img,
	figure:has(img[src*="Frame-73"]):hover,
	figure:has(img[src*="Frame-73"]):hover img,
	figure:has(img[src*="Frame-72"]):hover,
	figure:has(img[src*="Frame-72"]):hover img,
	.ku4-story-item:hover,
	.ku4-story-item:active,
	.ku4-story-item:hover .ku4-story-ring-wrap,
	.ku4-story-item:active .ku4-story-ring-wrap,
	.ku4-story-item:hover .ku4-story-thumb img,
	.ku4-story-item:active .ku4-story-thumb img,
	.ku4-mob-stories-inner .ku4-story-item:hover,
	.ku4-mob-stories-inner .ku4-story-item:active,
	.ku4-mob-stories-inner .ku4-story-item:hover .ku4-story-ring-wrap,
	.ku4-mob-stories-inner .ku4-story-item:active .ku4-story-ring-wrap,
	.ku4-mob-stories-inner .ku4-story-item:hover .ku4-story-thumb img,
	.ku4-mob-stories-inner .ku4-story-item:active .ku4-story-thumb img,
	.ku4-fab-btn:hover,
	.ku4-fab-btn:active,
	.ku4-fab-btn:hover svg,
	.ku4-fab-btn:active svg,
	.wp-image-789:hover,
	img.wp-image-789:hover,
	.wp-image-789:active,
	img.wp-image-789:active,
	.ku4-nav-link:hover,
	.ku4-nav-link:active,
	.ku4-nav-drawer-brand-logo:hover,
	.ku4-nav-drawer-brand-logo:active,
	.ku4-burger-btn:hover,
	.ku4-burger-btn:active,
	.ku4-nav-close-btn:hover,
	.ku4-nav-close-btn:active,
	.ku4-modal-close-btn:hover,
	.ku4-modal-close-btn:active,
	.ku4-submit-btn:hover,
	.ku4-submit-btn:active,
	.ku4-clear-btn:hover,
	.ku4-clear-btn:active,
	.ku4-upload-btn:hover,
	.ku4-upload-btn:active,
	.wp-element-button:hover,
	.wp-element-button:active,
	.wp-block-button__link:hover,
	.wp-block-button__link:active,
	button[name="jetpack_subscriptions_widget"]:hover,
	button[name="jetpack_subscriptions_widget"]:active,
	#subscribe-submit button:hover,
	#subscribe-submit button:active,
	.ku4-story-btn:hover,
	.ku4-story-btn:active,
	.ku4-dropzone:hover,
	.ku4-submit-story-btn:hover {
		transform: none !important;
		filter: none !important;
		animation: none !important;
		transition: none !important;
	}

	/* Disable hover shadow shifts on cards */
	.ku4-pillar-card:hover,
	.ku4-pillar-card:active {
		border-top: none !important;
		border-left: none !important;
		border-right: none !important;
		border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
		box-shadow: none !important;
		outline: none !important;
		background: transparent !important;
	}
	.ku4-pillar-card:last-child:hover,
	.ku4-pillar-card:last-child:active {
		border-bottom: none !important;
	}

	.ku4-merch-cover:hover,
	.ku4-merch-cover:active {
		box-shadow: none !important;
	}

	/* Stable FAB shadow without jumping on touch */
	.ku4-fab-btn,
	.ku4-fab-btn:hover,
	.ku4-fab-btn:active {
		box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4) !important;
		transform: none !important;
	}

	/* Keep merch vignette stable */
	.ku4-merch-cover:hover .ku4-merch-vignette,
	.ku4-merch-cover:active .ku4-merch-vignette {
		opacity: 0.15 !important;
	}

	/* Prevent live ticker from pausing on mobile touch/scroll */
	.ku4-ticker-bar:hover .ku4-ticker-track,
	.ku4-ticker-bar:active .ku4-ticker-track {
		animation-play-state: running !important;
	}
	.ku4-ticker-item:hover,
	.ku4-ticker-item:active {
		opacity: 1 !important;
	}
}

/* ============================================================
   Burger Menu Onboarding Reminder / Tooltip Hint
   Faithfully matching media_1788944178273.png
   ============================================================ */
.ku4-header-right {
	position: relative !important;
}

/* ==========================================================================
   SOCIAL ICONS & LIST STYLING
   ========================================================================== */

.ku4-site-footer .wp-block-social-links .wp-block-social-link::before,
.ku4-site-footer .wp-block-social-links li::marker {
	display: none !important;
	content: none !important;
}

/* Remove bullet dots between social icons */
.wp-block-social-links {
	list-style: none !important;
}
.wp-block-social-links li::before,
.wp-block-social-links li::marker {
	display: none !important;
	content: none !important;
}

/* ==========================================================================
   FONT OVERRIDE — Kill WooCommerce Inter/Cardo, restore system font
   ========================================================================== */

/* WooCommerce injects Inter & Cardo via wp-fonts-local — override everything back */
body,
body *:not([class*="ku4-brand"]):not(.ku4-manifesto-title) {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}

/* has-system-font-font-family class uses system font — keep it clean */
.has-system-font-font-family,
.ku4-manifesto-title,
.ku4-hero-heading-col h1 {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* ==========================================================================
   GLOBAL CONTAINER WIDTH PROTECTION & DUOTONE FIX
   ========================================================================== */

/* Ensure Coachben hero card icons are colored red via duotone filter */
.wp-duotone-bd0000-091217-2 img,
.wp-duotone-bd0000-091217-2 {
	filter: url("#wp-duotone-bd0000-091217-2") !important;
}
.wp-duotone-bd0000-091217-3 img,
.wp-duotone-bd0000-091217-3 {
	filter: url("#wp-duotone-bd0000-091217-3") !important;
}

/* Enforce correct wide/content centering */
.site-main > .wp-block-group:not(.alignfull),
.wp-site-blocks > .wp-block-group:not(.alignfull) {
	margin-left: auto !important;
	margin-right: auto !important;
}

/* ==========================================================================
   EXACT VERCEL COMPATIBILITY OVERRIDES
   ========================================================================== */

/* 1. Hero Column on Desktop */
@media (min-width: 1025px) {
	.ku4-hero-cards-col {
		max-width: 440px !important;
		flex: 0 1 420px !important;
	}
}

/* 2. Manifesto Title & Pillars on Desktop */
@media (min-width: 769px) {
	.ku4-manifesto-title {
		font-family: var(--wp--preset--font-family--system-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif) !important;
		font-size: clamp(2.6rem, 3.8vw, 3.8rem) !important;
		font-weight: 700 !important;
		line-height: 1.18 !important;
		letter-spacing: -0.015em !important;
		max-width: 1080px !important;
		color: #ffffff !important;
		margin: 0 0 clamp(32px, 4.5vw, 48px) 0 !important;
		text-wrap: balance !important;
	}

	.ku4-mission-pillars-row {
		display: grid !important;
		grid-template-columns: repeat(3, 1fr) !important;
		gap: 36px !important;
		max-width: none !important;
		width: 100% !important;
	}

	.ku4-mission-pillars-row .ku4-pillar-title {
		font-size: 24px !important;
		font-weight: 700 !important;
		color: #ffffff !important;
		margin: 4px 0 !important;
	}

	.ku4-mission-pillars-row .ku4-pillar-desc {
		font-size: 17.92px !important;
		line-height: 27.776px !important;
		font-weight: 400 !important;
		color: rgba(250, 250, 250, 0.82) !important;
		margin: 0 !important;
	}

	/* 3. Fresh Materials Title */
	.ku4-fresh-materials-header h1.wp-block-heading {
		font-size: var(--wp--preset--font-size--xx-large, 152px) !important;
		line-height: 0.9 !important;
		text-transform: uppercase !important;
		font-weight: 700 !important;
		color: #fafafa !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	/* 4. Merch Section */
	.wp-container-core-columns-is-layout-b7f6f8cb h2.wp-block-heading {
		font-size: 72px !important;
		line-height: 1.1 !important;
		font-weight: 700 !important;
		letter-spacing: -0.16px !important;
		color: #fafafa !important;
		margin: 0 !important;
	}

	.wp-container-core-columns-is-layout-b7f6f8cb p.wp-block-paragraph {
		font-size: 18px !important;
		line-height: 1.5 !important;
		font-weight: 200 !important;
		color: #fafafa !important;
		margin: 0 !important;
	}

	/* 5. Follow Us / Newsletter Section */
	h2.is-testimonial-review {
		font-size: 72px !important;
		line-height: 1.1 !important;
		font-weight: 700 !important;
		letter-spacing: -0.16px !important;
		text-align: center !important;
		max-width: 1100px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		color: #fafafa !important;
	}

	p.is-testimonial-name {
		font-size: 18px !important;
		line-height: 1.5 !important;
		text-align: center !important;
		max-width: 1100px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		color: rgba(250, 250, 250, 0.85) !important;
	}

	/* 7. Footer Legal Text */
	.ku4-site-footer .ku4-footer-legal-text {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		gap: 6px !important;
		text-align: center !important;
		margin: 0 auto 24px auto !important;
		padding: 0 !important;
		color: rgba(250, 250, 250, 0.8) !important;
		font-size: 18px !important;
		line-height: 1.5 !important;
		font-weight: 200 !important;
	}
}

.ku4-fresh-materials-header h1.wp-block-heading mark {
	background-color: transparent !important;
	color: #bd0000 !important;
}

body:not(.ku4-header-orig-mode) figure.ku4-bottom-logo-figure,
body:not(.ku4-header-orig-mode) .ku4-bottom-logo-figure,
figure.ku4-bottom-logo-figure,
.ku4-bottom-logo-figure {
	display: none !important;
}

/* 6. Social Links Circular Badges */
.ku4-site-footer .wp-block-social-links.is-style-default,
.wp-block-social-links.is-style-default {
	gap: var(--wp--preset--spacing--50, 28.8px) !important;
	padding: 0 !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
}

.ku4-site-footer .wp-block-social-links .wp-social-link,
.wp-block-social-links.is-style-default .wp-social-link {
	border-radius: 9999px !important;
	display: block !important;
	width: 36px !important;
	height: 36px !important;
	line-height: 0 !important;
	box-sizing: border-box !important;
	transition: transform .1s ease !important;
	overflow: hidden !important;
}

.ku4-site-footer .wp-block-social-links .wp-social-link:hover,
.wp-block-social-links.is-style-default .wp-social-link:hover {
	transform: scale(1.1) !important;
}

.ku4-site-footer .wp-block-social-links .wp-social-link a,
.wp-block-social-links.is-style-default .wp-social-link a {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	height: 100% !important;
	padding: 6px !important;
	box-sizing: border-box !important;
	color: #ffffff !important;
	text-decoration: none !important;
	background-color: transparent !important;
}

.ku4-site-footer .wp-block-social-links .wp-social-link svg,
.wp-block-social-links.is-style-default .wp-social-link svg {
	width: 24px !important;
	height: 24px !important;
	fill: #ffffff !important;
	color: #ffffff !important;
}

.ku4-site-footer .wp-block-social-links .wp-social-link-telegram,
.wp-block-social-links .wp-social-link-telegram,
.wp-social-link-telegram {
	background-color: rgb(42, 171, 238) !important;
}

.ku4-site-footer .wp-block-social-links .wp-social-link-instagram,
.wp-block-social-links .wp-social-link-instagram,
.wp-social-link-instagram {
	background-color: rgb(240, 0, 117) !important;
}

.ku4-site-footer .wp-block-social-links .wp-social-link-tiktok,
.wp-block-social-links .wp-social-link-tiktok,
.wp-social-link-tiktok {
	background-color: rgb(0, 0, 0) !important;
}

.ku4-site-footer .wp-block-social-links .wp-social-link-youtube,
.wp-block-social-links .wp-social-link-youtube,
.wp-social-link-youtube {
	background-color: rgb(255, 0, 0) !important;
}

.ku4-site-footer .ku4-footer-line-1 {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
}

.ku4-site-footer .ku4-footer-line-2 {
	display: block !important;
	color: rgba(250, 250, 250, 0.6) !important;
}

@media (max-width: 768px) {
	.ku4-manifesto-title {
		font-family: var(--wp--preset--font-family--system-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif) !important;
		font-size: clamp(1.95rem, 6.8vw, 2.6rem) !important;
		line-height: 1.2 !important;
		letter-spacing: -0.015em !important;
		margin-bottom: 28px !important;
		text-wrap: balance !important;
	}

	.ku4-mission-pillars-row {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 20px !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	.ku4-mission-pillars-row .ku4-pillar-title {
		font-size: 20.48px !important;
		line-height: 1.25 !important;
		font-weight: 700 !important;
		color: #ffffff !important;
		margin: 0 !important;
	}

	.ku4-mission-pillars-row .ku4-pillar-desc {
		font-size: 15.36px !important;
		line-height: 1.45 !important;
		font-weight: 400 !important;
		color: rgba(250, 250, 250, 0.82) !important;
		margin: 0 !important;
	}

	.ku4-fresh-materials-header h1.wp-block-heading {
		font-size: var(--wp--preset--font-size--xx-large, clamp(2.65rem, 2.65rem + ((1vw - 0.2rem) * 11.417), 9.5rem)) !important;
		line-height: 0.9 !important;
	}

	.wp-container-core-columns-is-layout-b7f6f8cb h2.wp-block-heading,
	h2.is-testimonial-review {
		font-size: clamp(1.75rem, 1.75rem + ((1vw - 0.2rem) * 4.583), 4.5rem) !important;
		line-height: 1.1 !important;
	}

	.wp-container-core-columns-is-layout-b7f6f8cb p.wp-block-paragraph,
	p.is-testimonial-name {
		font-size: var(--wp--preset--font-size--medium, 16.15px) !important;
		line-height: 1.5 !important;
	}

	.ku4-site-footer .ku4-footer-legal-text {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		gap: 6px !important;
		text-align: center !important;
		margin: 0 auto 40px auto !important;
		padding: 0 !important;
		color: rgba(250, 250, 250, 0.8) !important;
		font-size: var(--wp--preset--font-size--medium, 16.15px) !important;
		line-height: 1.5 !important;
	}
}

/* ==========================================================================
   PROGRESSIVE ENHANCEMENT & EXACT VERCEL EQUIVALENCE
   ========================================================================== */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption {
	text-wrap: balance;
}
p {
	text-wrap: pretty;
}

/* Follow us section element spacing matching Vercel */
.wp-block-group.alignfull.is-style-section-1 > h2 {
	margin-top: var(--wp--preset--spacing--30) !important;
	margin-bottom: 0px !important;
}
.wp-block-group.alignfull.is-style-section-1 > p {
	margin-top: var(--wp--preset--spacing--20) !important;
	margin-bottom: var(--wp--preset--spacing--20) !important;
	padding-top: var(--wp--preset--spacing--20) !important;
	padding-bottom: var(--wp--preset--spacing--20) !important;
}

/* Subscribe block centering & width matching Vercel */
.ku4-subscribe-wrap {
	width: 100% !important;
	max-width: none !important;
	padding-left: var(--wp--preset--spacing--40) !important;
	padding-right: var(--wp--preset--spacing--40) !important;
}
.ku4-subscribe-wrap .wp-block-jetpack-subscriptions {
	max-width: 840px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* ============================================================
   KU4ERIAVENKO Empty State ("Страница в разработке")
   ============================================================ */
.ku4-empty-state {
	box-sizing: border-box !important;
}

.ku4-empty-btn:hover {
	background: #990000 !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 6px 22px rgba(189, 0, 0, 0.55) !important;
}

.ku4-empty-btn:active {
	background: #800000 !important;
	transform: translateY(0) scale(0.98) !important;
}