/*
Theme Name: mndmag
Version: 1.2.0
Description: Optimized Magazine Theme with Clean Navigation and Dark Mode
*/

/* ==========================================================================
   1. ПЕРЕМЕННЫЕ И ОСНОВНЫЕ НАСТРОЙКИ
   ========================================================================== */
:root {
	--bg-color: #f5f5f4;
	--card-bg-color: #f5f5f5;
	--card-border-color: #e5e5e7;
	--stat-pill: #ffffff;
	--text-color: #222222;
	--modal-headline-text-color: #f5f5f7;
	--text-muted: #666666;
	--border-color: rgba(0, 0, 0, 0.3);
	--accent-color: #000000;
	--card-bg: #ffffff;
	--nav-height-full: 80px;
	--nav-height-scrolled: 60px;
	--fade-shadow-color: #ffffff;
	--prm-gold: #b1892e;
	--prm-gold-border: rgba(177, 137, 46, 0.4);
	--button-bg-color: rgb(232 232 237 / 70%);
	--modal-content-padding-inline: 78px;
	--modal-content-padding-block: 78px;
	--modal-content-margin-inline: 76px;
	--modal-content-margin-block: 76px;
	--modal-close-button-margin-top: 20px;
	--modal-close-button-offset-top: 0;
	--modal-close-button-offset-inline-end: 20px;
	--modal-close-button-position: sticky;
	--modal-close-border-radius: 50%;
	--modal-close-icon-size: 36px;
	--modal-close-icon-svg-size: 36px;
	--modal-close-button-size: 44px;
	--modal-overlay-padding-top: 40px;
	--modal-overlay-padding-inline: 0;
	--modal-overlay-padding-bottom: 40px;
	--modal-close-background: rgb(245, 245, 247);
	--modal-close-background-hover: #fff;
	--modal-close-background-active: #ededf2;
	--modal-close-color: rgb(0, 0, 0);
	--modal-overlay-width: min(1260px, 87.5vw);
}

[data-theme="dark"] {
	--bg-color: #0f0f0f;
	--card-bg-color: #1d1d1f;
	--card-border-color: #212121;
	--stat-pill: #262626;
	--text-color: #f5f5f5;
	--headline-text-color:#1d1d1f;
	--text-muted: #aaaaaa;
	--border-color: rgba(255, 255, 255, 0.3);
	--accent-color: #ffffff;
	--card-bg: #141414;
	--fade-shadow-color: #111111;
	--prm-gold: #e5c483;
	--prm-gold-border: rgba(229, 196, 131, 0.4);
	--button-bg-color: #2A2A2D;
}

html { line-height: 1.15; -webkit-text-size-adjust: 100%; box-sizing: border-box; }
*, *::before, *::after { box-sizing: inherit; }

body {
	margin: 0;
	background-color: var(--bg-color);
	color: var(--text-color);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	transition: background-color 0.4s ease, color 0.4s ease;
	-webkit-font-smoothing: antialiased;
}

a { background-color: transparent; color: inherit; text-decoration: none; }
img { height: auto; /*max-width: 100%;*/ display: block; }

/* ==========================================================================
   2. ШАПКА (FIXED HEADER)
   ========================================================================== */
.navbar {
	display: flex;
	align-items: center;
	padding: 20px 0;
	z-index: 1030;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: linear-gradient(180deg, rgba(0,0,0,0.5) 0%, transparent 100%) !important;
	border: none !important;
	transition: all 0.4s ease;
}

.navbar.scrolled {
	padding: 10px 0;
	background-color: var(--bg-color) !important;
	backdrop-filter: blur(10px);
	box-shadow: 0 2px 10px rgba(0,0,0,0.1);
	border-bottom: 1px solid var(--border-color) !important;
}

.navbar .container-fluid {
	display: flex !important;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding: 0 20px;
}

/* Логотип и текстовые ссылки */
.site-title a {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
}

/* Белый цвет для прозрачного состояния */
.navbar .nav-link, 
.navbar .site-title a,
.navbar .header-nav-link,
.navbar .btn-header-icon,
.navbar-toggler {
	color: #ffffff !important;
	transition: color 0.4s ease;
}

/* Цвет при скролле (под тему) */
.navbar.scrolled .nav-link,
.navbar.scrolled .site-title a,
.navbar.scrolled .header-nav-link,
.navbar.scrolled .btn-header-icon,
.navbar.scrolled .navbar-toggler {
	color: var(--text-color) !important;
}

/* Навигация */
.navbar-collapse {
	flex-grow: 0;
	margin-right: auto;
	margin-left: 25px;
}

.navbar-nav {
	display: flex;
	flex-direction: row;
	list-style: none;
	margin: 0;
	padding: 0;
	gap: 20px;
	align-items: center;
}

.header-nav-link {
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 500;
}

/* Правое меню (Аккаунт, Поиск) */
.custom-menu {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-left: auto;
}

.btn-header-icon {
	background: transparent !important;
	border: none !important;
	cursor: pointer;
	font-size: 1.1rem;
	display: flex;
	align-items: center;
	padding: 5px;
}

/* ==========================================================================
   3. ВЫЕЗЖАЮЩИЙ ПОИСК
   ========================================================================== */
#collapseSearch {
	position: fixed;
	top: -150px;
	left: 0;
	width: 100%;
	z-index: 1020;
	background-color: #fcfcfc !important; 
	border-bottom: 1px solid var(--border-color);
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.07); 
	transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease;
	visibility: hidden;
	opacity: 0;
}

[data-theme="dark"] #collapseSearch {
	background-color: #1a1a1a !important; 
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5);
}

#collapseSearch.show {
	top: 0;
	padding: 100px 0 30px;
	visibility: visible;
	opacity: 1;
	transform: translateY(0);
}

#collapseSearch .container {
	position: relative;
	max-width: 800px;
}

#collapseSearch .form-control {
	background-color: #f1f3f4 !important;
	border: 1px solid transparent;
	color: var(--text-color);
	border-radius: 8px;
	font-size: 1.1rem;
	padding: 12px 20px 12px 55px !important;
	font-weight: 400;
	transition: all 0.3s ease;
}

[data-theme="dark"] #collapseSearch .form-control {
	background-color: #2a2a2a !important;
}

#collapseSearch .container::before {
	content: "\f52a";
	font-family: "bootstrap-icons";
	position: absolute;
	left: 30px;
	top: 50%;
	transform: translateY(-50%);
	color: var(--text-muted);
	z-index: 5;
	opacity: 0.4;
	pointer-events: none;
}

/* ==========================================================================
   4. ЖУРНАЛЬНЫЕ СЕТКИ И ИКОНКИ
   ========================================================================== */
.d-block-dark { display: none !important; }
[data-theme="dark"] .d-block-dark { display: block !important; }
[data-theme="dark"] .d-block-light { display: none !important; }

.mini-title {
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 2px;
	border-bottom: 1px solid var(--border-color);
	padding-bottom: 10px;
	margin: 30px 0 20px;
	color: var(--accent-color);
}

.mini-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}

.mini-card { display: flex; flex-direction: column; }
.mini-card img { width: 100%; object-fit: cover; border-radius: 2px; background: var(--card-bg); }
.mini-card-title {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 10px;
	font-size: 11px;
	font-weight: 700;
}

/* ==========================================================================
   5. ПРЕДВАРИТЕЛЬНАЯ МОБИЛЬНАЯ ЛОГИКА (Для порядка)
   ========================================================================== */
@media (max-width: 991.98px) {
	.navbar-collapse, .d-none { display: none !important; }
	.navbar .container-fluid { justify-content: flex-start !important; gap: 15px; }
	.navbar-toggler { order: -1; padding: 0; border: none; font-size: 1.6rem; background: transparent; display: flex !important; }
	.site-title { font-size: 1.2rem !important; white-space: nowrap; }
}
	
	/* ==========================================================================
	   6. ВЫЕЗЖАЮЩЕЕ МЕНЮ (OFFCANVAS)
	   ========================================================================== */
	.offcanvas {
		border-right: 1px solid var(--border-color);
		background-color: var(--bg-color) !important;
	}
	
	.offcanvas:not(.show):not(.showing) {
		display: none !important;
	}
	
	.offcanvas-header {
		border-bottom: 1px solid var(--border-color);
		padding: 20px;
	}
	
	.offcanvas-title {
		font-weight: 800;
		letter-spacing: 1px;
		text-transform: uppercase;
		color: var(--text-color);
	}
	
	.offcanvas-body {
		padding-top: 15px !important;
	}
	
	/* Список ссылок в мобильном меню */
	.mobile-nav-wrapper { margin-top: 0; }
	
	.offcanvas-body ul {
		list-style: none !important;
		padding-left: 0 !important;
		margin-bottom: 0;
	}
	
	.mobile-main-menu .menu-item {
		border-bottom: 1px solid var(--border-color);
		transition: background-color 0.3s ease;
	}
	
	.mobile-main-menu .menu-item:last-child {
		border-bottom: none;
	}
	
	.mobile-main-menu .menu-item a,
	.mobile-account-menu .nav-link {
		display: flex;
		align-items: center;
		padding: 1.2rem 1rem;
		color: var(--text-color) !important;
		text-decoration: none;
		font-size: 0.95rem;
		font-weight: 500;
		text-transform: uppercase;
		letter-spacing: 1px;
		transition: all 0.3s ease;
	}
	
	/* Эффекты при взаимодействии */
	.mobile-main-menu .menu-item a:hover,
	.mobile-main-menu .menu-item a:active {
		background-color: rgba(var(--text-color), 0.05);
		padding-left: 1.5rem;
		color: var(--accent-color) !important;
	}
	
	/* Иконки в мобильном меню */
	.mobile-account-menu i {
		font-size: 1.2rem;
		width: 25px;
		margin-right: 10px;
	}
	
	/* Адаптация кнопки закрытия и служебных элементов */
	[data-theme="dark"] .btn-close {
		filter: invert(1) grayscale(100%) brightness(200%);
	}
	
	
	/* ==========================================================================
	   8. СЕТКА "ПАЗЛ" (HERO GRID) И ЗАГОЛОВКИ
	   ========================================================================= */
	.mnd-puzzle-wrapper {
		width: 96%;
		margin: 100px auto 40px; 
		color: var(--text-color); 
		transition: color 0.3s ease;
	}
	
	.mnd-hero-grid {
		display: grid;
		grid-template-columns: 1fr 2fr 1fr; /* 25% - 50% - 25% */
		gap: 25px;
		align-items: stretch;
	}
	
	.mini-title {
		display: flex;
		justify-content: space-between;
		align-items: center;
		text-transform: uppercase;
		letter-spacing: 2px;
		font-size: 13px;
		font-weight: 700;
		margin-bottom: 15px;
		padding-bottom: 10px;
		border-bottom: 1px solid var(--border-color);
		color: var(--accent-color);
	}
	
	/* Кнопка "See All" рядом с заголовками */
	.btn-see-all {
		font-size: 10px;
		text-transform: uppercase;
		letter-spacing: 1px;
		padding: 4px 12px;
		border-radius: 20px;
		border: 1px solid var(--border-color);
		background: transparent;
		transition: all 0.3s ease;
		color: var(--text-color) !important;
	}
	
	.btn-see-all:hover {
		background: var(--text-color);
		color: var(--bg-color) !important;
	}
	
	/* Сетка мини-карточек */
	.mini-grid {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 10px;
	}
	
	.films-grid {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 15px;
	}
	
	.models-mini-grid {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 10px;
	}
	
	.mini-card {
		text-decoration: none;
		transition: transform 0.3s ease, opacity 0.3s ease;
	}
	
	.mini-card:hover { 
		opacity: 0.8;
		transform: translateY(-2px);
	}
	
	.mini-card img {
		width: 100%;
		aspect-ratio: 3/4; /* Сохраняем пропорции журнального кадра */
		object-fit: cover;
		border-radius: 2px;
		border: 1px solid var(--border-color);
		background: var(--card-bg);
	}
	
	.mini-card-title {
		font-size: 11px;
		font-weight: 700;
		margin-top: 8px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		color: var(--text-muted);
	}
	.block-header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 12px;
	}

/* ==========================================================================
	   9. ЦЕНТРАЛЬНЫЙ БЛОК (HERO CENTER)
	   ========================================================================== */
	.hero-center-col {
		display: flex;
		flex-direction: column;
	}
	
	.main-update-card {
		position: relative;
		width: 100%;
		height: 100%;
		background: #000;
		overflow: hidden;
		border: 1px solid var(--border-color);
	}
	
	.main-update-card video, 
	.main-update-card img {
		width: 100%;
		height: auto;
		display: block;
		object-fit: cover;
	}
	
	.video-badge {
		position: absolute;
		top: 15px;
		right: 15px;
		background: rgba(0,0,0,0.7);
		padding: 4px 10px;
		font-size: 9px;
		letter-spacing: 1px;
		border: 1px solid rgba(255,255,255,0.2);
		z-index: 5;
		color: #fff;
		text-transform: uppercase;
	}
	
	.hero-overlay {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		padding: 30px;
		background: linear-gradient(transparent, rgba(0,0,0,0.9));
		color: #fff;
	}
	
	.hero-overlay h2 {
		font-weight: 200;
		text-transform: uppercase;
		letter-spacing: 4px;
		margin-bottom: 15px;
	}
	
	/* 1. Исправление отступов в заголовках блоков */
	.mnd-puzzle-wrapper .mini-title {
		margin-bottom: 0; /* Убираем инлайн стиль h4 style="margin-bottom: 0;" */
	}
	
	/* 2. Главная карточка (Latest Update) */
	.main-update-card {
		position: relative;
		border-radius: 2px;
		background: #000;
		overflow: hidden;
	}
	
	/* 3. Бейдж видео (PREVIEW/TRAILER) */
	.video-badge {
		z-index: 10;
		pointer-events: none;
	}
	
	/* 4. Карточки в блоке Latest Films */
	.films-block .mnd-card {
		position: relative;
		border-radius: 2px;
		overflow: hidden;
	}
	
	.films-block .video-badge {
		font-size: 8px;
		padding: 2px 6px;
	}
	
	.films-block .html5-video-container {
		line-height: 0;
	}
	
	.films-block .card-title-bottom {
		font-size: 13px;
		margin: 10px 0 5px;
	}
	
	/* 5. Сетка новых моделей (New Models) */
	.models-mini-grid img {
		width: 100%;
		height: auto;
		display: block;
		border-radius: 2px;
	}
	
	/* ==========================================================================
	   10. СЕКЦИЯ КОММЕНТАРИЕВ (LATEST COMMENTS)
	   ========================================================================== */
	.comments-scroll-container {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 40px;
	}
	
	.comment-item {
		display: flex;
		gap: 20px;
		align-items: flex-start;
		margin-bottom: 30px;
		padding-bottom: 20px;
		border-bottom: 1px solid var(--border-color);
	}
	
	.comment-thumb {
		flex-shrink: 0;
		width: 80px;
		height: 80px;
		border-radius: 4px;
		overflow: hidden;
		background: var(--border-color);
	}
	
	.comment-thumb img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		opacity: 0.9;
		transition: opacity 0.3s ease;
	}
	
	.comment-item:hover .comment-thumb img { opacity: 1; }
	
	.comment-meta {
		font-size: 10px;
		text-transform: uppercase;
		letter-spacing: 1px;
		color: var(--text-muted);
		margin-bottom: 8px;
	}
	
	.comment-author { font-weight: 700; color: var(--text-color); }
	
	.comment-text {
		font-size: 15px;
		line-height: 1.6;
		color: var(--text-color);
		font-style: italic;
		opacity: 0.85;
	}
	
	/* Добавляем отступ между заголовком и сеткой комментариев */
	.home-comments .block-header, 
	.home-comments .mini-title {
		margin-bottom: 30px !important; /* Увеличиваем расстояние до 30px */
	}
	
	/* На всякий случай убедимся, что у контейнера комментариев нет лишних верхних отступов */
	.comments-scroll-container {
		margin-top: 0;
	}
	
	/* ==========================================================================
	   11. COMMUNITY GEMS И ДОПОЛНИТЕЛЬНЫЕ СЕТКИ
	   ========================================================================== */
	.gems-grid {
		display: grid;
		grid-template-columns: repeat(6, 1fr);
		gap: 15px;
	}
	
	.gem-img-wrapper {
		aspect-ratio: 3/4;
		overflow: hidden;
		border-radius: 2px;
		position: relative;
		background: var(--border-color);
	}
	
	.gem-img-wrapper img { width: 100%; height: 100%; object-fit: cover; }
	
	.gem-info { margin-top: 10px; }
	.gem-info h4 {
		margin: 0 0 4px;
		font-weight: 600;
		font-size: 12px;
		text-transform: uppercase;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		color: var(--text-color);
	}
	
	.gem-author { font-size: 10px; color: var(--text-muted); text-transform: uppercase; }
	
	.mnd-middle-puzzle {
		display: grid;
		grid-template-columns: 2fr 1fr;
		gap: 25px;
		margin-top: 40px;
	}
	
	.gems-footer-area {
		padding-top: 40px; /* Отделяем секцию от блока комментариев сверху */
		border-top: 1px solid var(--border-color); /* Необязательно: тонкая линия-разделитель между секциями */
	}
	
	/* Сетка архива Photos/Films */
	.mnd-grid-archive {
		display: grid;
		grid-template-columns: repeat(5, 1fr); /* 5 колонок как ты любишь */
		gap: 25px;
		margin-top: 30px;
		padding-bottom: 40px;
	}
	
	.archive-card {
		background: transparent;
		transition: transform 0.3s ease;
	}
	
	.archive-card:hover {
		transform: translateY(-5px);
	}
	
	.archive-card .card-img-wrapper {
		aspect-ratio: 3/4;
		overflow: hidden;
		border-radius: 2px;
		background: var(--border-color);
	}
	
	.archive-card img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: transform 0.5s ease;
	}
	
	.archive-card:hover img {
		transform: scale(1.05); /* Легкий зум при наведении */
	}
	
	/* Заголовок и дата под фото */
	.card-info {
		padding: 10px 0;
	}
	
	.card-info h3 {
		font-size: 13px;
		text-transform: uppercase;
		margin: 0 0 5px 0;
		font-weight: 700;
	}
	
	.card-date {
		font-size: 10px;
		color: var(--text-muted);
		letter-spacing: 1px;
	}
	
	/* Фильтры в заголовке */
	.archive-filters {
		display: flex;
		gap: 20px;
	}
	
	.filter-group {
		display: flex;
		align-items: center;
		gap: 8px;
		font-size: 11px;
		text-transform: uppercase;
	}
	
	.filter-group select {
		background: transparent;
		color: var(--text-color);
		border: 1px solid var(--border-color);
		padding: 4px 8px;
		font-size: 11px;
		outline: none;
	}
	
	.mnd-pagination {
		margin: 40px 0;
		text-align: center;
		border-top: 1px solid var(--border-color);
		padding-top: 20px;
	}
	
	/* Контейнер фильтров */
	.filter-form {
		display: flex;
		gap: 15px; /* Расстояние между выпадающими списками */
		align-items: center;
		justify-content: flex-end; /* Прижать к правому краю */
	}
	
	/* Группа фильтра (label + select) */
	.filter-group {
		display: flex;
		align-items: center;
		gap: 8px;
	}
	
	.filter-group label {
		font-size: 10px;
		text-transform: uppercase;
		letter-spacing: 1px;
		margin: 0; /* Убираем отступы, которые толкают на вторую строку */
		white-space: nowrap;
	}
	
	.filter-group select {
		padding: 5px 25px 5px 10px;
		background-color: transparent;
		border: 1px solid var(--border-color);
		cursor: pointer;
		font-size: 12px;
	}
	/* Контейнер пагинации */
	.wp-pagenavi {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 8px; /* Расстояние между кнопками */
		margin: 40px 0;
		font-family: inherit;
	}
	
	/* Общий стиль для всех ссылок и текущей страницы */
	.wp-pagenavi a, 
	.wp-pagenavi span {
		text-decoration: none;
		border: 1px solid var(--border-color); /* Та самая рамка в 1 пиксель */
		padding: 6px 12px;
		min-width: 40px;
		text-align: center;
		font-size: 12px;
		color: var(--text-color);
		transition: all 0.2s ease;
	}
	
	/* Текущая активная страница */
	.wp-pagenavi span.current {
		background-color: var(--border-color);
		border-color: var(--border-color);
		font-weight: bold;
	}
	
	/* Эффект при наведении на кнопки */
	.wp-pagenavi a:hover {
		background-color: rgba(255, 255, 255, 0.05);
		border-color: #fff;
	}
	
	/* Убираем рамки у многоточия, если оно есть */
	.wp-pagenavi span.extend {
		border: none;
		padding: 6px 4px;
		min-width: auto;
	}
	
	.films-grid-archive {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 25px;
	}
	
	.archive-card .card-film-wrapper {
		aspect-ratio: 16 / 9;
		overflow: hidden;
		border-radius: 2px;
		background: var(--border-color);
	}
	
	/* Адаптивность для архива */
	@media (max-width: 1200px) {
		.mnd-grid-archive { grid-template-columns: repeat(3, 1fr); }
		.films-grid-archive { grid-template-columns: repeat(2, 1fr); }
	}
	
	@media (max-width: 768px) {
		.mnd-grid-archive { grid-template-columns: repeat(2, 1fr); gap: 15px; }
		.films-grid-archive { grid-template-columns: 1fr; }
	}
	/* ==========================================================================
	   12. ГЛОБАЛЬНАЯ АДАПТИВНОСТЬ (BREAKPOINTS)
	   ========================================================================== */
	
	/* Планшеты и Мобильные (до 1199px) */
	@media (max-width: 1199.98px) {
		.navbar-collapse, .desktop-nav, .howdy-text { display: none !important; }
		
		.navbar-toggler {
			display: flex !important;
			order: -1;
			margin-right: 15px;
		}
	
		/* Горизонтальный скролл для сеток на iPad */
		.models-grid, .galleries-grid, .community-gems-grid {
			display: flex !important;
			flex-wrap: nowrap !important;
			overflow-x: auto !important;
			-webkit-overflow-scrolling: touch;
			gap: 15px !important;
			padding-bottom: 15px;
			margin-right: -20px; /* Вылет за край для эффекта бесконечности */
		}
	
		.models-grid::-webkit-scrollbar { display: none; }
	
		.model-card, .gallery-item, .gem-card {
			flex: 0 0 calc(33.333% - 20px) !important;
			min-width: 200px;
		}
	}
	
	/* Мобильные (до 1024px) - перестроение Пазла */
	@media (max-width: 1024px) {
		.mnd-hero-grid { grid-template-columns: 1fr; }
		.hero-center-col { order: 1; }
		.top-models-col { order: 2; }
		.recent-col { order: 3; }
		
		.mini-grid { grid-template-columns: repeat(4, 1fr); }
		.comments-scroll-container { grid-template-columns: 1fr; }
	}
	
	/* Десктоп (от 1200px) */
	@media (min-width: 1200px) {
		.navbar-toggler { display: none !important; }
	}
	
	/* ==========================================================================
	   13. Models Page
	   ========================================================================== */
	   
	.models-container {
		max-width: 96%; /* Твоя любимая ширина */
		margin: 0 auto;
		padding: 20px 0;
	}
	
	.models-header {
		margin-bottom: 40px;
	}
	
	.models-filter-panel {
		background: #f9f9f9;
		padding: 20px;
		border-radius: 8px;
	}
	
	.filter-row {
		display: flex;
		flex-wrap: wrap;
		gap: 15px;
		align-items: center;
	}
	
	.filter-item select {
		padding: 8px 12px;
		border: 1px solid #ddd;
		border-radius: 4px;
		outline: none;
	}
	
	/* Сетка моделей */
	.mnd-grid-archive {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
		gap: 30px;
	}
	
	.model-card {
		position: relative;
		overflow: hidden;
		border-radius: 10px;
		transition: transform 0.3s ease;
	}
	
	.model-card:hover {
		transform: translateY(-5px);
	}
	
	.card-img-wrapper img {
		width: 100%;
		// height: 400px;
		object-fit: cover;
	}
	
	.card-info-overlay {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		background: linear-gradient(transparent, rgba(0,0,0,0.8));
		color: #fff;
		padding: 20px;
	}
	
	.model-name { margin: 0; font-size: 1.2rem; }
	.model-meta-short { font-size: 0.9rem; opacity: 0.8; }
	
	/* Алфавитный фильтр */
	.alphabet-filter-section {
		margin: 20px 0 30px;
		padding-bottom: 15px;
		border-bottom: 1px solid #eee;
	}
	
	.alphabet-row {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
		justify-content: center;
	}
	
	.alphabet-label input {
		display: none; /* Прячем стандартный кружок радио-кнопки */
	}
	
	/* Обычное состояние кнопки (не выбрана) */
	.alphabet-label span {
		display: inline-block;
		padding: 6px 12px;
		/* Твоя отличная идея с переменной */
		background: var(--border-color, #f0f0f0); 
		/* Добавляем переменную для цвета текста, чтобы он не пропадал */
		color: var(--text-color, #333); 
		border-radius: 4px;
		cursor: pointer;
		font-weight: bold;
		font-size: 14px;
		transition: all 0.2s ease;
		text-transform: uppercase;
	}
	
	/* Состояние, когда кнопка выбрана (Checked) */
	.alphabet-label input:checked + span {
		/* Инвертируем цвета: темный фон, светлый текст */
		background: var(--main-dark-color, #333);
		color: var(--main-light-color, #fff);
	}
	
	/* Эффект при наведении для "живости" интерфейса */
	.alphabet-label span:hover {
		filter: brightness(0.9); /* Слегка затемняем при наведении */
	}
	
	.unit-switcher {
		display: flex;
		justify-content: center;
		margin-bottom: 20px;
	}
	.unit-btn {
		padding: 5px 15px;
		border: 1px solid #333;
		cursor: pointer;
		background: #fff;
		transition: 0.3s;
	}
	.unit-btn.active {
		background: #333;
		color: #fff;
	}
	.imperial-val { display: none; } /* По умолчанию скрываем имперскую систему */
	
	/* Когда активен имперский режим */
	body.use-imperial .metric-val { display: none; }
	body.use-imperial .imperial-val { display: inline; }
	
/* ==========================================================================
   14. Single Model
   ========================================================================== */
	/* ==========================================================================
	   1. СТРУКТУРА СТРАНИЦЫ И ВЕРХНИЙ СПЛИТ-БЛОК (HERO)
	   ========================================================================== */
	
	/* Отступ всей страницы от шапки меню */
	.hg-portfolio-item {
		padding-top: 60px;
	}
	
	.mobile-profile-card {
		display: none !important;
	}
	.desktop-only-content {
		display: block;
	}
	
	/* Основной контейнер сплит-верстки */
	.model-hero-split-layout {
		display: flex;
		width: 100%;
		min-height: 65vh; /* Привязываем высоту к экрану */
		gap: 4%; /* Отступ между левой и правой частью */
		align-items: stretch; /* Растягиваем обе колонки на одинаковую высоту */
	}
	
	/* --- ЛЕВАЯ СТОРОНА (ОБЛОЖКА 55%) --- */
	.hero-split-left {
		position: relative;
		flex: 0 0 55%;
		background-size: cover;
		background-position: center center;
		border-radius: 12px;
		overflow: hidden;
		display: flex;
		align-items: flex-end; /* Текст прижат к низу */
		padding: 60px 40px 40px;
		background-image: linear-gradient(to top, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.5) 40%, rgba(0, 0, 0, 0) 70%), url(''); 
	}
	
	/* Сложный премиум-градиент поверх фото */
	.hero-split-left::before {
		content: '';
		position: absolute;
		top: 0; left: 0; width: 100%; height: 100%;
		background: linear-gradient(
			to bottom, 
			rgba(0, 0, 0, 0.1) 0%,    
			rgba(0, 0, 0, 0.5) 50%,   
			rgba(0, 0, 0, 0.75) 100% 
		);
		z-index: 1;
		border-radius: 12px;
	}
	
	.hero-left-content {
		position: relative;
		z-index: 2; /* Поднимаем контент НАД градиентом */
		max-width: 85%;
	}
	
	/* Имя модели (Яркое золото) */
	.model-name-premium {
		font-family: 'Playfair Display', serif;
		font-size: 7.4rem;
		color: #f7e0b5;
		text-transform: uppercase;
		letter-spacing: 2px;
		line-height: 1.1;
		margin-bottom: 8px;
		text-shadow: 0 2px 15px rgba(0, 0, 0, 0.5);
		width: 450px;
	}
	
	.model-location-sub {
		color: #cccccc;
		font-size: 2rem;
		margin-bottom: 15px;
	}
	
	/* --- ПРАВАЯ СТОРОНА (ПАРАМЕТРЫ И БИО 41%) --- */
	.hero-split-right {
		flex: 0 0 41%;
		display: flex;
		flex-direction: column;
		justify-content: space-between; /* Распределяет плитки наверх, а Bio — вниз */
		padding-right: 50px;
	}
	
	/* ==========================================================================
	   MND MAGAZINE - PREMIUM STAT CARDS (HOVER EFFECTS)
	   ========================================================================== */
	
	/* Стартовое состояние карточек метрик */
	.model-stats-grid-premium .stat-card-box {
		border-radius: 6px !important;
		padding: 30px 20px !important;
		position: relative;
		overflow: hidden;
		
		/* Ультра-плавный физический тайминг анимации */
		transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1), 
					box-shadow 0.45s cubic-bezier(0.16, 1, 0.3, 1), 
					border-color 0.3s ease, 
					background-color 0.3s ease !important;
		
		transform: translateY(0);
	}
	
	/* Эффект парения карточки при наведении (Hover) */
	.model-stats-grid-premium .stat-card-box:hover {
		transform: translateY(-6px) !important; /* Деликатно приподнимаем */
		border-color: #b1892e !important;       /* Мягкая золотая подсветка границ */
	}
	
	/* Микро-динамика для иконок внутри карточек */
	.model-stats-grid-premium .stat-card-box:hover i,
	.model-stats-grid-premium .stat-card-box:hover svg {
		transform: scale(1.05) translateY(-2px);
		transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
		color: #b1892e !important; /* Иконка тоже откликается золотом */
	}
	
	/* --- ЦВЕТА ДЛЯ ТЕМНОЙ ТЕМЫ (По умолчанию) --- */
	html[data-theme="dark"] .model-stats-grid-premium .stat-card-box {
		background: #0d0d0d !important;
		box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;
	}
	
	html[data-theme="dark"] .model-stats-grid-premium .stat-card-box:hover {
		background: #121212 !important; /* Едва заметный, дорогой отлив при наведении */
		box-shadow: 0 25px 45px rgba(0, 0, 0, 0.5) !important; /* Глубокая темная тень */
	}
	
	
	/* --- ЦВЕТА ДЛЯ СВЕТЛОЙ ТЕМЫ (data-theme="light") --- */
	html[data-theme="light"] .model-stats-grid-premium .stat-card-box {
		background: #ffffff !important; /* Белоснежный глянец */
		border: 1px solid rgba(0, 0, 0, 0.06) !important; /* Тончайшая аккуратная рамка */
		box-shadow: 0 4px 15px rgba(0, 0, 0, 0.015) !important; /* Почти невесомая тень */
	}
	
	html[data-theme="light"] .model-stats-grid-premium .stat-card-box:hover {
		background: #ffffff !important; /* Никаких резких вспышек фона, цвет остается чистым */
		/* Кинематографичная, сильно рассеянная тень на светлом */
		box-shadow: 0 22px 40px rgba(0, 0, 0, 0.06), 
					0 4px 15px rgba(177, 137, 46, 0.02) !important;
	}
	
	/* Карточки параметров */
	/*.stat-card-box {
		background: #1c1c1c; 
		border: 1px solid rgba(255, 255, 255, 0.15);
		border-radius: 8px;
		padding: 18px 10px;
		text-align: center;
		box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
		transition: all 0.3s ease;
	}
	
	.stat-card-box:hover {
		background: #1f1f1f;
		border-color: #e5c483;
		box-shadow: 0 6px 25px rgba(229, 196, 131, 0.08);
	} */
	
	.stat-card-value {
		font-size: 1.35rem;
		font-weight: 500;
		color: #e5c483;
	}
	
	.stat-card-label {
		font-size: 0.75rem;
		color: #666666;
		text-transform: uppercase;
		letter-spacing: 1px;
	}
	
	/* Секция BIO */
	/* .model-bio-section-premium {
		margin-top: auto;
		padding-top: 30px;
		border-top: 1px solid rgba(255, 255, 255, 0.08);
	} */
	
	.bio-section-title {
		font-family: 'Playfair Display', serif;
		color: #e5c483;
		font-size: 1.6rem;
		margin-bottom: 15px;
		margin-top: 0;
	}
	
	.bio-flex-row {
		display: flex;
		gap: 25px;
		align-items: flex-start;
	}
	
	.bio-mini-thumb img {
		width: 280px;
		height: 326px;
		object-fit: cover;
		border-radius: 6px;
		border: 1px solid rgba(255, 255, 255, 0.12);
		box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
	}
	
	.bio-text-excerpt {
		flex: 1;
		font-size: 1.05rem;
		line-height: 1.6;
		color: var(--text-color);
		padding-right: 40px;
		text-align: justify;
	}
	
	.bio-read-more-link {
		display: inline-block;
		color: #e5c483;
		text-decoration: none;
		font-size: 0.95rem;
		margin-top: 10px;
		font-weight: 500;
		border-bottom: 1px solid transparent;
		transition: all 0.3s ease;
	}
	
	.bio-read-more-link:hover {
		border-color: #e5c483;
		padding-left: 5px;
	}
	
	/* Цитата на фото (title_interview) */
	.model-quote-premium {
		margin-top: 20px;
		position: relative;
		padding-left: 25px;
		border-left: 2px solid #e5c483;
	}
	
	.quote-icon {
		position: absolute;
		left: 6px;
		top: -10px;
		font-size: 2.5rem;
		font-family: serif;
		color: rgba(229, 196, 131, 0.3);
		line-height: 1;
	}
	
	.quote-text {
		font-family: 'Playfair Display', serif;
		font-style: italic;
		font-size: 3.15rem;
		color: #e0e0e0;
		line-height: 1.5;
		margin: 0;
	}
	
	/* Переключатель систем в верхнем углу */
	.unit-switcher-container {
		display: flex;
		justify-content: flex-end;
		align-items: center;
		gap: 10px;
		margin-bottom: 20px;
		font-family: 'Montserrat', sans-serif;
		font-size: 0.85rem;
		letter-spacing: 1.5px;
		text-transform: uppercase;
	}
	
	.unit-switch-btn {
		background: none;
		border: none;
		color: #555555;
		cursor: pointer;
		padding: 2px 5px;
		font-weight: 500;
		transition: color 0.3s ease;
		font-size: 1rem;
	}
	
	.unit-switch-btn.active, .unit-switch-btn:hover {
		color: var(--prm-gold);
	}
	
	/* Сетка параметров — делаем крупнее и представительнее */
	.model-stats-grid-premium {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 20px; /* Увеличили отступ */
		width: 100%;
		margin-bottom: 25px;
	}
	
	.stat-card-box {
		background: rgba(255, 255, 255, 0.02);
		border: 1px solid var(--border-color);
		padding: 25px 15px; /* Сделали карточки просторнее */
		text-align: center;
		border-radius: 4px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 12px; /* Чуть больше расстояния между иконкой, цифрами и текстом */
		transition: all 0.3s ease;
	}
	
	.stat-card-box:hover {
		border-color: rgba(229, 196, 131, 0.25);
		background: rgba(255, 255, 255, 0.03);
	}
	
	/* Увеличиваем SVG иконки */
	.stat-card-icon svg {
		width: 56px !important;  /* Было 20px, стало 26px */
		height: 56px !important;
		stroke: var(--prm-gold);
		transition: transform 0.3s ease;
	}
	
	.stat-card-box:hover .stat-card-icon svg {
		transform: scale(1.1); /* Легкий интерактивный эффект */
	}
	
	/* Увеличиваем сами шрифты значений */
	.stat-card-value {
		font-family: 'Playfair Display', serif;
		font-size: 2rem; /* Сделали крупнее и благороднее */
		font-weight: 400;
		color: var(--text-color);
		line-height: 1.2;
	}
	
	.stat-card-label {
		font-family: 'Montserrat', sans-serif;
		font-size: 1rem;
		text-transform: uppercase;
		letter-spacing: 1.5px;
		color: #777777;
	}
	
	/* УПРАВЛЕНИЕ ОТОБРАЖЕНИЕМ СИСТЕМ (Метрическая / Имперская) */
	body.use-imperial .metric-val {
		display: none !important;
	}
	body:not(.use-imperial) .imperial-val {
		display: none !important;
	}
	body.use-imperial .imperial-val {
		display: block !important;
	}
	body:not(.use-imperial) .metric-val {
		display: block !important;
	}
	
	/* Разделительная линия до блока BIO */
	/* .stats-bio-divider {
		width: 100%;
		height: 1px;
		background: linear-gradient(90deg, rgba(229, 196, 131, 0) 0%, rgba(229, 196, 131, 0.12) 50%, rgba(229, 196, 131, 0) 100%);
		margin: 35px 0;
	} */
	
	/* TAGS */
	.mobile-tags-btn-wrapper {
		display: none;
	}
	
	.model-tags-preview-box, .photo-tags-inline-wrapper, .video-tags-inline-wrapper {
		width: 100%;
		background: rgba(255, 255, 255, 0.01);
		border: 1px dashed var(--border-color);
		padding: 15px;
		border-radius: 4px;
		margin-bottom: 25px;
	}
	
	.tags-preview-flex {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
		align-items: center;
	}
	
	/* Капсулы тегов */
	.mini-tag-item, .full-tag-link {
		font-family: 'Montserrat', sans-serif;
		font-size: 0.9rem;
		color: var(--text-color);
		background: rgba(255, 255, 255, 0.03);
		border: 1px solid var(--border-color);
		padding: 4px 12px;
		border-radius: 50px; /* Идеально овальные края */
		text-transform: uppercase;
		letter-spacing: 0.5px;
		transition: all 0.3s ease;
		text-decoration: none;
	}
	
	.full-tag-link:hover {
		border-color: #e5c483;
		color: #e5c483;
		background: rgba(229, 196, 131, 0.02);
	}
	
	/* Кнопка More */
	.more-tags-trigger {
		background: none;
		border: 1px solid rgba(229, 196, 131, 0.4);
		color: #e5c483;
		font-family: 'Montserrat', sans-serif;
		font-size: 0.9rem;
		text-transform: uppercase;
		padding: 4px 12px;
		border-radius: 50px;
		cursor: pointer;
		letter-spacing: 0.5px;
		transition: all 0.3s ease;
	}
	
	.more-tags-trigger:hover {
		background: #e5c483;
		color: #000000;
	}
	
	/* МОДАЛЬНОЕ ОКНО БЛЭКАУТ */
	.tags-modal-overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.85);
		backdrop-filter: blur(8px); /* Размываем контент сайта на фоне */
		z-index: 99999;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: all 0.3s ease;
	}
	
	.tags-modal-window {
		background: #0a0a0a;
		border: 1px solid rgba(229, 196, 131, 0.2);
		width: 90%;
		max-width: 600px;
		padding: 40px;
		border-radius: 6px;
		position: relative;
		box-shadow: 0 20px 50px rgba(0,0,0,0.9);
	}
	
	.tags-modal-window .full-tag-link {
		color: #f5f5f5;
		border: 1px solid #f5f5f5;
	}
	
	.close-tags-modal {
		position: absolute;
		top: 15px;
		right: 20px;
		background: none;
		border: none;
		color: #666;
		font-size: 2rem;
		cursor: pointer;
		transition: color 0.3s ease;
	}
	
	.close-tags-modal:hover {
		color: #e5c483;
	}
	
	.tags-modal-title {
		font-family: 'Playfair Display', serif;
		font-size: 1.8rem;
		color: #fff;
		margin: 0 0 8px 0;
	}
	
	.tags-modal-subtitle {
		font-family: 'Montserrat', sans-serif;
		font-size: 1rem;
		color: #9b9b9b;
		margin: 0 0 25px 0;
	}
	
	.tags-modal-cloud-full {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		max-height: 250px;
		overflow-y: auto; /* Если тегов безумное количество, появится красивый скролл */
		padding-right: 5px;
	}
	
	/* Форма отправки */
	.suggest-form-title {
		font-family: 'Playfair Display', serif;
		font-size: 1.5rem;
		color: #e5c483;
		margin-block: 12px;
	}
	
	.suggest-input-group {
		display: flex;
		gap: 10px;
	}
	
	#new-tag-suggestion-input {
		flex: 1;
		background: #f1f1f1;
		border: 1px solid #222;
		padding: 12px 15px;
		color: #1a1a1a;
		font-family: 'Montserrat', sans-serif;
		font-size: 0.8rem;
		border-radius: 4px;
	}
	
	#new-tag-suggestion-input:focus {
		border-color: #e5c483;
		outline: none;
	}
	
	#submit-suggested-tag-btn {
		background: #e5c483;
		color: #000;
		border: none;
		padding: 0 20px;
		font-family: 'Montserrat', sans-serif;
		font-size: 0.75rem;
		text-transform: uppercase;
		font-weight: 600;
		border-radius: 4px;
		cursor: pointer;
		transition: background 0.3s ease;
	}
	
	#submit-suggested-tag-btn:hover {
		background: #cdaf6b;
	}
	
	.suggest-tag-login-notice {
		margin-top: 20px;
		font-family: 'Montserrat', sans-serif;
		font-size: 0.75rem;
		color: #444;
		text-align: center;
	}
	.suggest-tag-login-notice a { color: #e5c483; text-decoration: none; }
	
	/* ==========================================================================
	   MND MAGAZINE - LIGHT MODE ARTISTIC CORRECTIONS
	   ========================================================================== */
	
	html[data-theme="light"] {
		
		/* Новое глубокое золото для заголовков в светлой теме */
		.bio-section-title {
			color: #b1892e !important;
			font-weight: 400;
			text-shadow: none;
		}
	
		/* Кнопка + MORE & SUGGEST и теги моделей */
		.bio-read-more-link {
			border-color: #b1892e !important;
			color: #b1892e !important;
			background: transparent;
			font-weight: 500; /* Чуть плотнее шрифт для читаемости */
			transition: all 0.3s ease;
		}
	
		/* Интерактивный эффект при наведении на теги и кнопку */
		.bio-read-more-link:hover {
			background: #b1892e !important;
			color: #ffffff !important;
			box-shadow: 0 4px 12px rgba(177, 137, 46, 0.2);
		}
	
		/* Ссылка Read More */
		a.read-more-link,
		.bio-section .read-more {
			color: #906b1f !important; /* Еще чуть темнее для мелкого текста */
			font-weight: 600;
			text-decoration: none;
			transition: color 0.2s ease;
		}
	
		a.read-more-link:hover,
		.bio-section .read-more:hover {
			color: #b1892e !important;
			text-decoration: underline;
		}
		
		.more-tags-trigger:hover {
			background: #e5c483;
			color: #000000;
		}
		.more-tags-trigger {
			background: none;
			border: 1px solid rgba(211, 164, 71, 0.4);
			color: #b1892e;
		}
		.filter-btn.active {
			color: #b1892e;
		}
		.filter-btn.active::after {
			background: #b1892e;
		}
	}
	
	/* ==========================================================================
	   2. НИЖНЯЯ ДИНАМИЧЕСКАЯ СЕКЦИЯ ГАЛЕРЕИ
	   ========================================================================== */
	
	.model-media-gallery-section {
		padding: 60px 0; /* Чуть увеличили отступ сверху для разделения блоков */
		width: 100% !important;
		max-width: 100%;
		overflow: hidden; /* Гасим случайный горизонтальный скролл */
		box-sizing: border-box;
	}
	
	.custom-container-96 {
		width: 96%;
		margin: 0 auto;
		position: relative;
	}
	
	/* Контроллеры фильтрации */
	.gallery-filter-controls {
		display: flex;
		flex-wrap: wrap;
		gap: 20px;
		margin-bottom: 40px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.05);
		padding-bottom: 15px;
		width: 100%;
	}
	
	.filter-btn {
		background: transparent;
		border: none;
		color: #555555;
		font-family: 'Playfair Display', serif;
		font-size: 1.15rem;
		font-weight: 500;
		cursor: pointer;
		padding: 0 5px 15px 5px;
		position: relative;
		text-transform: capitalize;
		transition: color 0.3s ease;
		white-space: nowrap;
	}
	
	.filter-btn:hover, .filter-btn.active {
		color: #e5c483;
	}
	
	.filter-btn.active::after {
		content: '';
		position: absolute;
		bottom: -1px; left: 0; width: 100%; height: 2px;
		background: #e5c483;
	}
	
	/* Стабильная журнальная сетка Grid */
	/*.model-gallery-grid {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
		grid-auto-rows: 215px;
		grid-auto-flow: dense;
		gap: 25px;
		width: 100% !important;
		max-width: 100%;
	}
	
	.model-gallery-grid .gallery-item-box.video-landscape .media-cover-wrapper {
		aspect-ratio: 16 / 9 !important;
		background-color: var(--bg-color);
		display: flex;
		align-items: center;
	} */
	
	/* Элемент галереи (Плитка контента) */
	/* .gallery-item-box {
		position: relative;
		overflow: hidden;
		border-radius: 8px;
		background: #111111;
		border: 1px solid rgba(255, 255, 255, 0.04);
		transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), 
					border-color 0.4s ease,
					opacity 0.4s ease,
					scale 0.4s ease;
		width: 100%;
		height: 100%;
	} */
	
	/* Умное соотношение сторон для плиток */
	/*.gallery-item-box.photo-portrait {
		grid-row: span 2;
		grid-column: span 1;
	} 
	
	.gallery-item-box.video-landscape {
		grid-row: span 2;     
		grid-column: span 2; 
	}
	
	.gallery-link-container {
		display: block;
		width: 100%;
		height: 100%;
	}
	
	.media-cover-wrapper {
		position: relative;
		width: 100%;
		height: 100%;
	}
	
	.media-img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
		transition: transform 0.6s ease;
	} */
	
	/* Интерактив при наведении */
	/* .gallery-item-box:hover {
		transform: translateY(-4px);
		border-color: rgba(229, 196, 131, 0.25);
	} 
	
	.gallery-item-box:hover .media-img {
		transform: scale(1.04);
	} */
	
	/* Оверлей кнопки Play для видео */
	.play-icon-overlay {
		position: absolute;
		top: 50%; left: 50%;
		transform: translate(-50%, -50%);
		width: 46px; height: 46px;
		background: rgba(0, 0, 0, 0.75);
		border: 1px solid rgba(229, 196, 131, 0.4);
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: all 0.3s ease;
	}
	
	.gallery-item-box:hover .play-icon-overlay {
		background: #e5c483;
		border-color: #e5c483;
	}
	
	.gallery-item-box:hover .play-svg path {
		fill: #000000;
	}
	
	/* Текстовая плашка при ховере */
	.item-hover-info {
		position: absolute;
		bottom: 0; left: 0; width: 100%;
		padding: 25px 15px 15px;
		background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 100%);
		opacity: 0;
		transform: translateY(8px);
		transition: all 0.35s ease;
	}
	
	.gallery-item-box:hover .item-hover-info {
		opacity: 1;
		transform: translateY(0);
	}
	
	.item-category-tag {
		font-size: 0.65rem;
		text-transform: uppercase;
		color: #e5c483;
		letter-spacing: 1px;
		display: block;
		margin-bottom: 4px;
	}
	
	.item-title-mini {
		color: #ffffff;
		font-size: 0.95rem;
		font-weight: 400;
		margin: 0;
	}
	
	/* ЖЕСТКОЕ СКРЫТИЕ ДЛЯ ФИЛЬТРАЦИИ */
	.gallery-item-box.is-hidden {
		display: none !important;
	}
	
	/* Заглушка, если постов нет */
	.no-media-msg {
		color: #666;
		font-family: 'Playfair Display', serif;
		font-style: italic;
		grid-column: 1 / -1;
		text-align: center;
		padding: 40px 0;
	}
	
	.gallery-header-block {
		margin-bottom: 25px;
		width: 100%;
	}
	
	.gallery-main-title {
		color: var(--text-color);
		font-family: 'Playfair Display', serif; /* Наш благородный шрифт */
		font-size: 2.1rem;
		font-weight: 400;
		letter-spacing: 0.5px;
		margin: 0;
		line-height: 1.3;
	}
	
	/* Немного адаптируем отступ у кнопок, чтобы они стояли плотнее к заголовку */
	.gallery-filter-controls {
		margin-bottom: 35px;
	}
	
	/* =========================================================================
	   3. СТИЛИЗАЦИЯ ЗАКРЫТОГО VIP-ЧАТА MND MAGAZINE
	   ========================================================================= */
	.mnd-comments-section-wrapper {
		width: 96%; /* Наш фирменный стандарт ширины контента */
		margin: 40px auto;
		padding: 30px;
		background: #0d0d0d; /* Глубокий благородный темный фон */
		border: 1px solid var(--card-border-color);
		border-radius: 4px;
	}
	
	/* Заголовок секции */
	.mnd-comments-section-wrapper .comments-title {
		font-family: 'Playfair Display', serif; /* Или ваш премиум шрифт заголовков */
		font-size: 20px;
		color: #e5c483; /* Золотой акцент, как у play-icon */
		text-transform: uppercase;
		letter-spacing: 2px;
		margin-bottom: 25px;
		border-bottom: 1px solid #1a1a1a;
		padding-bottom: 15px;
	}
	
	/* Список комментариев */
	.mnd-comments-section-wrapper .comment-list {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	
	.mnd-comments-section-wrapper .comment-body {
		background: #121212;
		padding: 20px;
		margin-bottom: 15px;
		border-left: 3px solid #e5c483; /* Золотая линия разграничения VIP статуса */
		border-radius: 0 4px 4px 0;
	}
	
	/* Автор комментария */
	.mnd-comments-section-wrapper .comment-author .fn {
		font-weight: 600;
		color: #fff;
		font-style: normal;
		font-size: 1rem;
	}
	
	/* Ссылка на автора (если это VIP тег) */
	.mnd-comments-section-wrapper .comment-author .fn a {
		color: #e5c483;
		text-decoration: none;
	}
	
	/* Мета-данные (Дата) */
	.mnd-comments-section-wrapper .comment-metadata a {
		font-size: 0.8rem;
		color: #555;
		text-transform: uppercase;
		letter-spacing: 1px;
	}
	
	/* Текст комментария */
	.mnd-comments-section-wrapper .comment-content p {
		color: #cccccc;
		font-size: 1rem;
		line-height: 1.6;
		margin: 10px 0 0 0;
	}
	
	/* Форма ответа (для реальных пользователей) */
	#respond {
		margin-top: 40px;
		background: #121212;
		padding: 25px;
		border-radius: 4px;
	}
	
	#respond #reply-title {
		color: #fff;
		font-size: 16px;
		text-transform: uppercase;
		letter-spacing: 1px;
		margin-bottom: 15px;
	}
	
	#respond textarea {
		width: 100%;
		background: #0d0d0d;
		border: 1px solid #222;
		color: #fff;
		padding: 12px;
		border-radius: 4px;
		resize: vertical;
	}
	
	#respond textarea:focus {
		border-color: #e5c483;
		outline: none;
	}
	
	#respond .submit {
		background: #e5c483;
		color: #000;
		border: none;
		padding: 10px 25px;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 1px;
		cursor: pointer;
		margin-top: 15px;
		transition: background 0.3s;
	}
	
	#respond .submit:hover {
		background: #fff;
	}
	
	.wpulike-updown-voting .wp_ulike_put_image:after {
		width: 75px;
		height: 30px;
	}
	
	.wpulike-updown-voting button.wp_ulike_btn {
		width: 75px;
		height: 30px;
	}
	
	/* Сдвиг для вложенных ответов (древовидные комментарии) */
	.mnd-comments-section-wrapper .comment-list .children {
		list-style: none;
		margin-left: 40px; /* Элегантный отступ вправо для ответа */
		padding-left: 0;
		border-left: 1px dashed #222; /* Тонкая пунктирная линия связи */
	}
	
	/* Чуть уменьшаем отступ и рамку для вложенных блоков, чтобы показать иерархию */
	.mnd-comments-section-wrapper .children .comment-body {
		padding: 15px;
		background: #0f0f0f; /* Чуть темнее основного */
		border-left-color: #555; /* Серебряная линия вместо золотой для ответов */
	}
	
	/* ==========================================================================
	   MND MAGAZINE - LIGHT MODE COMMENTS ADAPTATION
	   ========================================================================== */
	
	html[data-theme="light"] {
		
		/* Главная обертка секции комментариев */
		.mnd-comments-section-wrapper {
			background: #fdfdfd; /* Мягкий, почти белый глянцевый фон */
			border-color: #d6d4d4;
			box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02); /* Едва заметная тень для объема */
			margin: 40px auto;
			padding: 30px;
			border: 1px solid #1a1a1a;
			border-radius: 4px;
		}
		
		/* Заголовок секции (3 THOUGHTS ON...) */
		.mnd-comments-section-wrapper .comments-title {
			color: #b1892e; /* Наше новое благородное глубокое золото */
			border-bottom-color: #d6d4d4;
		}
		
		/* Тело обычного комментария */
		.mnd-comments-section-wrapper .comment-body {
			background: #f7f7f7; /* Светло-серый контрастный блок подложки */
			border-left-color: #b1892e; /* Контрастная золотая линия */
		}
		
		/* Автор комментария */
		.mnd-comments-section-wrapper .comment-author .fn {
			color: #111111; /* Строгий черный для лучшей читаемости */
		}
		
		/* Ссылка на автора (VIP-тег) */
		.mnd-comments-section-wrapper .comment-author .fn a {
			color: #b1892e;
		}
		
		/* Дата и мета-данные */
		.mnd-comments-section-wrapper .comment-metadata a {
			color: #888888; /* Чуть темнее, чтобы текст не пропадал */
		}
		
		/* Текст самого комментария */
		.mnd-comments-section-wrapper .comment-content p {
			color: #333333; /* Комфортный для чтения темно-серый цвет */
		}
		
		/* Форма ответа (Оставить комментарий) */
		#respond {
			background: #f7f7f7;
			border: 1px solid #eaeaea;
		}
		
		#respond #reply-title {
			color: #111111;
		}
		
		/* Поле ввода текста сообщения */
		#respond textarea {
			background: #ffffff;
			border-color: #cccccc;
			color: #111111;
		}
		
		#respond textarea:focus {
			border-color: #b1892e;
			box-shadow: 0 0 0 3px rgba(177, 137, 46, 0.1); /* Мягкое золотое свечение фокуса */
		}
		
		/* Кнопка отправки формы (SUBMIT) */
		#respond .submit {
			background: #b1892e;
			color: #ffffff; /* Белый текст на золотом фоне для читаемости */
			transition: background 0.3s ease, transform 0.2s ease;
		}
		
		#respond .submit:hover {
			background: #111111; /* При наведении кнопка становится строго черной */
			color: #ffffff;
		}
		
		/* Древовидные вложенные комментарии (Ответы) */
		.mnd-comments-section-wrapper .comment-list .children {
			border-left-color: #e0e0e0;
		}
		
		/* Дочерний блок комментария (Ответ второго уровня) */
		.mnd-comments-section-wrapper .children .comment-body {
			background: #efefef; /* Чуть темнее, чтобы визуально углубить ответ */
			border-left-color: #777777; /* Спокойная темная линия иерархии */
		}
	}
	
	/* ==========================================================================
	   БЛОК СОЦИАЛЬНЫХ КНОПОК (LIKE & FAVORITES) - OPTIMIZED
	   ========================================================================== */
	
	/* Контейнер для кнопок действий */
	.model-social-actions {
		display: flex;
		align-items: center;
		gap: 15px;
		margin: 25px 0;
	}
	
	/* Полное обнуление мусора от плагина */
	.premium-ulike-wrapper,
	.premium-ulike-wrapper .wpulike,
	.premium-ulike-wrapper .wp_ulike_general_class,
	.premium-ulike-wrapper .wp_ulike_heart {
		background: none !important;
		border: none !important;
		padding: 0 !important;
		margin: 0 !important;
		box-shadow: none !important;
		display: flex !important;
		align-items: center !important;
	}
	
	/* Полностью скрываем счётчик лайков, так как маленькие цифры нам не нужны */
	.premium-ulike-wrapper .wp_ulike_counter_wrapper,
	.premium-ulike-wrapper .count-box {
		display: none !important;
	}
	
	/* Наша единая премиальная база для обеих кнопок */
	.premium-ulike-wrapper button.wp_ulike_btn,
	.premium-fav-button {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 10px !important;
		background: var(--stat-pill) !important;
		border: 1px solid var(--border-color) !important;
		border-radius: 4px !important;
		height: 42px !important;
		padding: 0 22px !important;
		color: var(--text-color) !important;
		font-family: inherit !important;
		font-size: 16px;
		font-weight: 500 !important;
		letter-spacing: 0.05em !important;
		text-transform: uppercase !important;
		cursor: pointer !important;
		transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
		box-sizing: border-box !important;
	}
	
	/* Добавляем изящную векторную иконку пальца вверх перед текстом Like */
	.premium-ulike-wrapper button.wp_ulike_btn::before {
		content: '' !important;
		display: inline-block !important;
		width: 16px !important;
		height: 16px !important;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3'/%3E%3C/svg%3E") !important;
		background-size: contain !important;
		background-position: center !important;
		background-repeat: no-repeat !important;
		transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
	}
	
	/* Эффект наведения — благородный золотой неон для обеих кнопок */
	.premium-ulike-wrapper button.wp_ulike_btn:hover,
	.premium-fav-button:hover {
		background: rgba(229, 196, 131, 0.05) !important;
		border-color: rgba(229, 196, 131, 0.4) !important;
		color: #3b82f6 !important;
		box-shadow: 0 0 15px rgba(229, 196, 131, 0.1) !important;
	}
	
	/* Эффект наведения на иконку лайка */
	.premium-ulike-wrapper button.wp_ulike_btn:hover::before {
		transform: translateY(-2px) scale(1.05) !important;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3'/%3E%3C/svg%3E") !important;
	}
	
	/* АКТИВНОЕ СОСТОЯНИЕ КНОПКИ ЛАЙКА (когда лайк уже поставлен) */
	.premium-ulike-wrapper button.wp_ulike_btn.wp_ulike_btn_is_active,
	.wp_ulike_default .wp_ulike_is_liked .wp_ulike_btn {
		border-color: rgba(229, 196, 131, 0.5) !important;
		background: rgba(229, 196, 131, 0.08) !important;
		color: #3b82f6 !important;
	}
	
	/* Заливка иконки лайка золотом в активном состоянии */
	.premium-ulike-wrapper button.wp_ulike_btn.wp_ulike_btn_is_active::before {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%233b82f6' stroke='%233b82f6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3'/%3E%3C/svg%3E") !important;
		transform: none !important;
	}
	
	/* Соседняя кнопка Избранного (Контур SVG) */
	.premium-fav-button .heart-icon-svg {
		fill: none;
		stroke: #cccccc;
		stroke-width: 2;
		transition: all 0.3s ease;
	}
	
	.premium-fav-button:hover .heart-icon-svg {
		stroke: #3b82f6;
	}
	
	/* АКТИВНОЕ СОСТОЯНИЕ ИЗБРАННОГО */
	.premium-fav-button.is-favorite {
		border-color: var(--prm-gold-border) !important;
		color: var(--prm-gold-border) !important;
		background: rgba(229, 196, 131, 0.08) !important;
	}
	
	.premium-fav-button.is-favorite .heart-icon-svg {
		fill: #3b82f6;
		stroke: #3b82f6;
	}
	
	/* ==========================================================================
	   MND MAGAZINE - UNIFIED FAVORITES & COLLECTIONS
	   ========================================================================== */
	
	/* --- 1. МОДАЛЬНОЕ ОКНО ДОБАВЛЕНИЯ В КОЛЛЕКЦИИ --- */
	.mnd-modal {
		display: none; 
		position: fixed; 
		z-index: 9999; 
		left: 0; top: 0; width: 100%; height: 100%;
		background-color: rgba(0,0,0,0.8);
		backdrop-filter: blur(5px);
	}
	
	.mnd-modal-content {
		background: #1a1a1a;
		margin: 10% auto;
		padding: 30px;
		width: 320px;
		border-radius: 20px;
		color: #fff;
		text-align: center;
		box-shadow: 0 10px 30px rgba(0,0,0,0.5);
	}
	
	.mnd-col-item {
		padding: 12px; margin: 8px 0;
		background: #2b2b2b;
		border-radius: 12px;
		cursor: pointer;
		transition: 0.3s;
	}
	
	.mnd-col-item:hover { background: #444; }
	
	.mnd-create-new { margin-top: 20px; border-top: 1px solid #333; padding-top: 20px; }
	
	.new-collection-name {
		background: #000; border: 1px solid #444; color: #fff;
		padding: 8px; border-radius: 8px; width: 70%;
	}
	
	.mnd-create-btn {
		background: #e60023; color: #fff; border: none;
		padding: 8px 15px; border-radius: 8px; cursor: pointer;
	}
	
	/* --- 2. ГЛАВНЫЙ ЭКРАН: СЕТКА КОЛЛЕКЦИЙ И КАРТОЧКИ --- */
	.mnd-collections-grid {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
		gap: 30px; padding: 20px 0;
	}
	
	.mnd-collection-card {
		position: relative;
		display: flex;
		flex-direction: column;
	}
	
	.mnd-collection-card a { 
		text-decoration: none; 
		color: var(--text-color);
	}
	
	.mnd-collection-cover {
		aspect-ratio: 3/4;
		overflow: hidden;
		background-position: center;
		background-size: cover;
		border-radius: 8px;
		position: relative;
		border: solid 1px rgba(51, 51, 51, 0.4);
		transition: transform 0.3s ease, border-color 0.3s ease;
	}
	
	.mnd-collection-card:hover .mnd-collection-cover { 
		transform: translateY(-5px); 
		border-color: #d4af37; /* Наше благородное золото */
	}
	
	.mnd-collection-overlay {
		position: absolute; bottom: 0; left: 0; right: 0; padding: 20px;
		background: linear-gradient(transparent, rgba(0,0,0,0.7));
	}
	
	.mnd-collection-card h3 {
		margin-top: 15px; font-size: 1.2rem;
		text-transform: uppercase; letter-spacing: 1px;
		font-weight: 400; margin-bottom: 5px;
	}
	
	.mnd-collection-details {
		font-size: 0.85rem;
		color: #888;
		letter-spacing: 0.5px;
	}
	
	/* Кнопки управления (Удаление всей папки и шеринг) на карточке */
	.mnd-card-actions {
		position: absolute; top: 15px; right: 15px; z-index: 10;
		display: flex; gap: 8px;
	}
	
	.mnd-card-actions button {
		width: 32px; height: 32px; border: none; border-radius: 50%; cursor: pointer;
		display: flex; align-items: center; justify-content: center; font-weight: bold;
		transition: background-color 0.3s ease, transform 0.2s ease;
	}
	
	.share-collection-btn { background: rgba(0, 123, 255, 0.85); color: #fff; font-size: 13px; }
	.share-collection-btn span { transform: rotate(-45deg); display: inline-block; }
	.share-collection-btn:hover { background: #0056b3 !important; transform: scale(1.1); }
	
	.delete-entire-collection-btn { background: rgba(255, 77, 77, 0.85); color: #fff; font-size: 16px; }
	.delete-entire-collection-btn:hover { transform: scale(1.1); }
	
	/* --- 3. ВНУТРЕННИЙ ЭКРАН: ГАЛЕРЕЯ И УПРАВЛЕНИЕ --- */
	#lightgallery { width: 100%; display: block; }
	.item-wrapper { position: relative; display: inline-block; }
	
	.photo-caption-overlay {
		position: absolute; bottom: -40px; left: 0; width: 100%;
		background: rgba(0, 0, 0, 0.7); color: #fff;
		font-size: 11px; text-transform: uppercase; letter-spacing: 1px;
		padding: 8px 10px; transition: bottom 0.3s ease;
		pointer-events: none; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;
	}
	.item-wrapper:hover .photo-caption-overlay { bottom: 0; }
	
	/* Кнопка удаления отдельного фото (крестик) */
	.item-wrapper .remove-from-col {
		position: absolute; top: 10px; right: 10px;
		background: rgba(0,0,0,0.6); color: #fff; border: none;
		border-radius: 50%; width: 30px; height: 30px; cursor: pointer; z-index: 10;
		transition: 0.3s ease;
	}
	.item-wrapper .remove-from-col:hover {
		background: rgba(255, 0, 0, 0.8) !important;
		transform: scale(1.1);
	}
	
	/* Селектор качества фото */
	.mnd-gallery-controls { 
		margin-bottom: 30px; display: flex; justify-content: flex-end; align-items: center; gap: 15px; 
	}
	.mnd-gallery-controls label { color: #888; font-size: 14px; }
	.mnd-gallery-controls select {
		background: #111; color: #fff; border: 1px solid #333; padding: 6px 12px;
		border-radius: 4px; cursor: pointer; font-size: 13px; letter-spacing: 0.5px;
		outline: none; transition: border-color 0.3s ease;
	}
	.mnd-gallery-controls select:focus, 
	.mnd-gallery-controls select:hover { border-color: #d4af37; }
	
	/* --- 4. ПРЕМИАЛЬНЫЕ ТАБЫ (Внутренние папки) --- */
	/* --- 4. ПРЕМИАЛЬНЫЕ ТАБЫ (Сдержанное благородное золото) --- */
	.mnd-tabs-nav {
		display: flex; 
		gap: 30px; 
		border-bottom: 1px solid var(--border-color);
		margin-bottom: 40px; 
		padding-bottom: 12px; 
		list-style: none; 
		padding-left: 0;
	}
	
	.mnd-tab-trigger {
		/* Базовый цвет — наше сдержанное золото */
		/* color: #d4af37; */
		/* Неактивные табы приглушаем, чтобы они уходили на второй план */
		opacity: 0.45; 
		text-decoration: none; 
		font-size: 0.9rem; 
		text-transform: uppercase;
		letter-spacing: 1.5px; 
		font-weight: 400; 
		transition: opacity 0.3s ease, text-shadow 0.3s ease, color 0.3s ease;
		position: relative; 
		cursor: pointer;
	}
	/* Элегантный ховер */
	.mnd-tab-trigger:hover {
		opacity: 0.8;
	}
	
	/* Активное состояние (Тот самый "Ina Recordist" стиль) */
	.mnd-tab-trigger.active {
		opacity: 1;
		font-weight: 500;
		/* Мягкое, едва заметное золотое свечение */
		text-shadow: 0 0 12px rgba(212, 175, 55, 0.25); 
	}
	/* Золотая линия подчеркивания под активным табом */
	.mnd-tab-trigger.active::after {
		content: ''; 
		position: absolute; 
		bottom: -13px; 
		left: 0; 
		width: 100%; 
		height: 2px; 
		background: #d4af37;
		box-shadow: 0 0 8px rgba(212, 175, 55, 0.4);
	}
	
	.mnd-tab-pane { display: none; }
	.mnd-tab-pane.active { display: block; }
	
	/* --- 5. LIGHTGALLERY: ВЕРХНЯЯ ПАНЕЛЬ И СЕРДЕЧКО --- */
	.lg-toolbar { display: flex !important; align-items: center; justify-content: flex-end; }
	.mnd-lg-fav-wrapper {
		position: relative !important; order: -1; margin-right: 10px;
		height: 100%; display: flex !important; align-items: center;
	}
	.mnd-lg-fav {
		background: rgba(255, 77, 77, 0.2) !important;
		border: 1px solid #ff4d4d !important; padding: 4px 12px !important;
		border-radius: 20px !important; height: 30px !important; white-space: nowrap;
	}
	.mnd-fav-label { font-size: 10px !important; font-weight: bold; margin-left: 5px; }
	.mnd-lg-fav:hover { background: rgba(255, 255, 255, 0.2) !important; }
	.lg-counter { position: absolute !important; left: 0; }
	
	/* Адаптивность для мобилок */
	@media (max-width: 480px) {
		.mnd-card-actions { right: 5px; }
		.mnd-tabs-nav { gap: 15px; overflow-x: auto; white-space: nowrap; }
	}
	
	/* ==========================================================================
	   MND MAGAZINE - COMMUNITY SLIDER & UTILITIES
	   ========================================================================== */
	
	/* 1. Слайдер: Скрываем скроллбар */
	#community-slider {
		-ms-overflow-style: none;  /* IE и Edge */
		scrollbar-width: none;  /* Firefox */
		display: flex;
		overflow-x: auto;
		gap: 20px;
		scroll-behavior: smooth;
		padding-bottom: 20px;
	}
	#community-slider::-webkit-scrollbar {
		display: none; /* Chrome, Safari, Opera */
	}
	
	/* 2. Карточки в слайдере */
	.mnd-community-card {
		min-width: 280px; /* Чтобы карточки не сжимались в слайдере */
		flex-shrink: 0;
	}
	
	/* 3. Обложки (Covers) */
	.mnd-comm-cover {
		height: 380px; 
		background-position: center; 
		background-size: cover; 
		border-radius: 8px; 
		position: relative; 
		transition: 0.3s;
		border: solid 1px rgba(51, 51, 51, 0.4);
	}
	
	.mnd-community-card:hover .mnd-comm-cover {
		transform: translateY(-5px);
		box-shadow: 0 10px 20px rgba(0,0,0,0.3);
	}
	
	/* 4. Кнопки навигации слайдера */
	#comm-next:hover, #comm-prev:hover {
		background: #333 !important;
		border-color: #666 !important;
		transform: scale(1.1);
	}
	#comm-next:active, #comm-prev:active {
		transform: scale(0.9);
	}
	
	/* 5. Кнопки выбора в модальном окне */
	.mnd-share-opt:hover {
		background: #333 !important;
		border-color: #666 !important;
		transform: translateY(-2px);
	}
	.mnd-share-opt:active {
		transform: scale(0.98);
	}
	
	/* 6. Уведомления (Toasts) - Стекло и контраст */
	.mnd-toast {
		background: rgba(45, 45, 45, 0.7); 
		backdrop-filter: blur(15px) saturate(150%);
		-webkit-backdrop-filter: blur(15px) saturate(150%);
		color: #ffffff;
		padding: 18px 28px;
		border-radius: 12px;
		border: 1px solid rgba(255, 255, 255, 0.1);
		border-left: 4px solid #fff; 
		box-shadow: 0 15px 35px rgba(0,0,0,0.6);
		font-size: 0.95rem;
		font-weight: 300;
		letter-spacing: 0.5px;
		min-width: 280px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		cursor: pointer;
		transition: transform 0.2s ease, background 0.2s ease;
		
		/* Анимация появления */
		animation: slideInToast 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
	}
	
	.mnd-toast:hover {
		transform: translateY(-3px);
		background: rgba(60, 60, 60, 0.85);
	}
	
	.mnd-toast i {
		color: #fff;
		opacity: 0.6;
		transition: opacity 0.2s;
	}
	
	.mnd-toast:hover i {
		opacity: 1;
	}
	
	/* 7. Анимации уведомлений */
	@keyframes slideInToast {
		from { transform: translateX(120%) scale(0.9); opacity: 0; }
		to { transform: translateX(0) scale(1); opacity: 1; }
	}
	
	.mnd-toast.fade-out {
		animation: slideOutToast 0.4s ease forwards;
	}
	
	@keyframes slideOutToast {
		from { transform: translateX(0); opacity: 1; }
		to { transform: translateX(100%); opacity: 0; }
	}
	
	/* 8. Заблокированный премиум-контент */
	.mnd-blur {
		filter: blur(8px) grayscale(0.5);
		transition: 0.3s;
		pointer-events: none;
	}
	
	.mnd-lock-overlay {
		position: absolute;
		top: 0; left: 0; width: 100%; height: 100%;
		background: rgba(0, 0, 0, 0.3);
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		color: #fff;
		opacity: 1;
		transition: 0.3s;
	}
	
	.mnd-lock-overlay i {
		font-size: 24px;
		margin-bottom: 8px;
		text-shadow: 0 2px 10px rgba(0,0,0,0.5);
	}
	
	.mnd-lock-overlay span {
		font-size: 12px;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-weight: bold;
	}
	
	.item-locked-preview:hover .mnd-lock-overlay {
		background: rgba(0, 0, 0, 0.5);
	}
	
	.item-locked-preview:hover .mnd-blur {
		filter: blur(12px) grayscale(0.2);
	}
	
	/* ==========================================================================
	   MND MAGAZINE - COLLECTIONS CORE LAYOUT
	   ========================================================================== */
	
	/* Главный контейнер личного кабинета */
	.mnd-container-favorites {
		padding-top: 100px;
		min-height: 80vh;
		width: 96%; /* Наша премиальная ширина */
		margin: 0 auto;
	}
	
	/* Шапка внутри открытой папки */
	.mnd-collection-header {
		margin-bottom: 40px;
	}
	
	/* Ссылка "Назад ко всем коллекциям" */
	.mnd-back-link {
		color: var(--text-color);
		opacity: 0.6;
		text-decoration: none;
		font-size: 0.9rem;
		letter-spacing: 0.5px;
		transition: opacity 0.3s ease;
	}
	.mnd-back-link:hover {
		opacity: 1;
	}
	
	/* Заголовок открытой папки */
	.mnd-collection-header h1 {
		margin-top: 20px;
		text-transform: uppercase;
		font-weight: 400;
		letter-spacing: 1px;
	}
	
	/* Описание количества элементов под заголовком */
	.mnd-collection-meta {
		color: var(--text-color);
		opacity: 0.5;
		font-size: 0.85rem;
		margin-top: 5px;
	}
	
	/* Заглушка, если у модели нет обложки */
	.mnd-model-no-image {
		width: 100%;
		aspect-ratio: 3/4;
		background: var(--border-color); /* Адаптивный темный/светлый фон */
		display: flex;
		align-items: center;
		justify-content: center;
		color: var(--text-color);
		opacity: 0.3;
		border-radius: 8px;
		font-size: 0.85rem;
		text-transform: uppercase;
		letter-spacing: 1px;
	}
	
	/* Заглушка пустого состояния папки */
	.mnd-empty-state {
		text-align: center;
		padding: 60px 40px;
		color: var(--text-color);
		opacity: 0.5;
		font-weight: 300;
		letter-spacing: 0.5px;
	}
	
    /* Переносим контекст позиционирования на саму ссылку или заблокированный блок */
	.mnd-tab-pane .item-wrapper > a,
	.item-locked-preview {
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
	}
	
	/* Оверлей с замком теперь будет идеально привязан к границам картинки */
	.mnd-lock-overlay {
		position: absolute;
		top: 0; left: 0; 
		width: 100%; height: 100%;
		background: rgba(0, 0, 0, 0.3);
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		color: #fff;
		transition: 0.3s;
	}
	
	/* ==========================================================================
	   MND MAGAZINE - COLLECTION CARDS & COMMUNITY SLIDER
	   ========================================================================== */
	
	/* Контейнер карточки коллекции */
	.mnd-collection-card {
		position: relative;
	}
	
	/* Общие стили для круглых кнопок действий на карточке */
	.mnd-card-action-btn {
		position: absolute;
		top: 10px;
		z-index: 10;
		border: none;
		border-radius: 50%;
		width: 30px;
		height: 30px;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		font-weight: bold;
		color: #ffffff;
		transition: transform 0.2s ease, opacity 0.2s ease;
	}
	.mnd-card-action-btn:hover {
		transform: scale(1.1);
		opacity: 1;
	}
	.mnd-card-action-btn:active {
		transform: scale(0.9);
	}
	
	/* Кнопка удаления всей коллекции */
	.mnd-card-action-btn.mnd-btn-delete {
		right: 10px;
		background: rgba(255, 77, 77, 0.85);
	}
	
	/* Кнопка шеринга коллекции */
	.mnd-card-action-btn.mnd-btn-share {
		right: 50px;
		background: rgba(0, 123, 255, 0.85);
		font-size: 14px;
	}
	.mnd-btn-share span {
		transform: rotate(-45deg);
		display: inline-block;
		margin-top: -2px;
	}
	
	/* Ссылка-обертка карточки */
	.mnd-card-link {
		text-decoration: none;
		color: inherit;
		display: block;
	}
	
	/* Обложка папки-коллекции */
	.mnd-collection-cover-box {
		aspect-ratio: 3/4;
		overflow: hidden;
		border-radius: 8px;
		position: relative;
		transition: transform 0.3s ease, box-shadow 0.3s ease;
		border: solid 1px var(--border-color);
	}
	
	/* Элегантное затемнение снизу обложки для читаемости (опционально, если на ней будет текст) */
	.mnd-collection-cover-box::after {
		content: '';
		position: absolute;
		bottom: 0; left: 0; right: 0;
		height: 40%;
		background: linear-gradient(transparent, rgba(0, 0, 0, 0.4));
		border-radius: 0 0 8px 8px;
		pointer-events: none;
	}
	
	/* Эффект при наведении на всю карточку */
	.mnd-collection-card:hover .mnd-collection-cover-box {
		transform: translateY(-5px);
		box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
	}
	
	/* Текстовые элементы карточки */
	.mnd-collection-card h3 {
		margin-top: 15px;
		font-weight: 400;
		margin-bottom: 5px;
		text-transform: uppercase;
		font-size: 1.1rem;
		letter-spacing: 0.5px;
	}
	.mnd-collection-card .mnd-card-meta {
		font-size: 0.85rem;
		color: var(--text-color);
		opacity: 0.5;
		letter-spacing: 0.5px;
	}
	
	/* Премиальный разделитель разделов */
	.mnd-divider {
		border: 0;
		border-top: 1px solid var(--border-color);
		margin: 60px 0 40px;
	}
	
	/* Блок заголовка Community Gems */
	.mnd-section-header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 30px;
	}
	.mnd-section-header h2 {
		text-transform: uppercase;
		letter-spacing: 2px;
		margin: 0;
		font-weight: 300;
	}
	
	/* Кнопки навигации слайдера (Стрелки) */
	.mnd-slider-nav {
		display: flex;
		gap: 12px;
	}
	.mnd-slider-arrow {
		background: var(--border-color); /* Адаптивный фон кнопок */
		color: var(--text-color);
		border: 1px solid transparent;
		border-radius: 50%;
		width: 40px;
		height: 40px;
		cursor: pointer;
		transition: background 0.3s ease, transform 0.2s ease, border-color 0.3s ease;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 16px;
	}
	
	/* Ховер стрелок навигации */
	.mnd-slider-arrow:hover {
		background: var(--accent-color, #d4af37) !important; /* При ховере окрашивается в благородное золото */
		color: #000000 !important; /* Текст/стрелка становится контрастной черной */
		transform: scale(1.05);
	}
	.mnd-slider-arrow:active {
		transform: scale(0.95);
	}
	
	/* ==========================================================================
	   MND MAGAZINE - COMMUNITY CARDS & SHARE MODAL
	   ========================================================================== */
	
	/* Обложка карточки в слайдере */
	.mnd-comm-cover {
		aspect-ratio: 3/4;
		overflow: hidden;
		border-radius: 8px;
		position: relative;
		transition: transform 0.3s ease;
		border: solid 1px var(--border-color);
		background-position: center;
		background-size: cover;
	}
	
	.mnd-community-card:hover .mnd-comm-cover {
		transform: translateY(-5px);
	}
	
	/* Градиентное затемнение для обложки */
	.mnd-comm-cover::after {
		content: '';
		position: absolute;
		bottom: 0; left: 0; right: 0;
		height: 40%;
		background: linear-gradient(transparent, rgba(0, 0, 0, 0.4));
		border-radius: 0 0 8px 8px;
	}
	
	/* Блок информации под обложкой */
	.mnd-comm-info {
		margin-top: 15px;
	}
	.mnd-comm-info h4 {
		margin: 0 0 5px;
		font-weight: 400;
		font-size: 1.1rem;
		text-transform: uppercase;
		letter-spacing: 0.5px;
	}
	
	/* Автор "by ..." */
	.mnd-comm-author {
		font-size: 0.85rem;
		color: var(--text-color);
		opacity: 0.5;
		margin-bottom: 4px;
	}
	
	/* Детали коллекции в слайдере */
	.mnd-comm-details {
		font-size: 0.75rem;
		color: var(--text-color);
		opacity: 0.35;
		letter-spacing: 0.3px;
	}
	
	/* ЗАДНИЙ ФОН И СТРУКТУРА МОДАЛЬНОГО ОКНА */
	#mnd-share-modal {
		position: fixed;
		z-index: 10000;
		left: 0; top: 0;
		width: 100%; height: 100%;
		background: rgba(0, 0, 0, 0.85);
		backdrop-filter: blur(8px);
		-webkit-backdrop-filter: blur(8px);
		align-items: center;
		justify-content: center;
	}
	
	/* Окно модалки (адаптировано под тему) */
	.mnd-modal-body {
		background: var(--bg-color, #111);
		border: 1px solid var(--border-color);
		padding: 40px;
		border-radius: 15px;
		max-width: 450px;
		width: 90%;
		text-align: center;
		box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4);
	}
	.mnd-modal-body h3 {
		margin-top: 0;
		text-transform: uppercase;
		letter-spacing: 2px;
		font-weight: 300;
	}
	.mnd-modal-body p {
		color: var(--text-color);
		opacity: 0.5;
		font-size: 0.9rem;
		margin-bottom: 30px;
	}
	
	/* Контейнер кнопок выбора */
	.mnd-share-options-list {
		display: flex;
		flex-direction: column;
		gap: 15px;
	}
	
	/* Кнопки опций внутри модалки */
	.mnd-share-opt {
		background: var(--border-color);
		color: var(--text-color);
		border: 1px solid transparent;
		padding: 15px;
		border-radius: 8px;
		cursor: pointer;
		transition: background 0.3s ease, border-color 0.3s ease, color 0.3s ease;
		font-size: 0.9rem;
	}
	.mnd-share-opt:hover {
		border-color: var(--accent-color, #d4af37);
		background: transparent;
	}
	
	/* Особая кнопка для анонимного выбора (чуть более приглушенная) */
	.mnd-share-opt[data-mode="anonymous"] {
		opacity: 0.7;
	}
	
	/* Кнопка отмены */
	#close-share-modal {
		margin-top: 25px;
		background: transparent;
		color: var(--text-color);
		opacity: 0.4;
		border: none;
		cursor: pointer;
		text-decoration: underline;
		font-size: 0.8rem;
		transition: opacity 0.2s ease;
	}
	#close-share-modal:hover {
		opacity: 0.9;
	}
	
	/* ==========================================================================
	   MND MAGAZINE - SHARED COLLECTIONS VIEW
	   ========================================================================== */
	
	/* Главный контейнер публичной страницы */
	.mnd-shared-view-wrapper {
		padding: 50px 0;
		min-height: 100vh;
	}
	
	/* Шапка публичной коллекции */
	.mnd-shared-header {
		margin-bottom: 40px;
		text-align: left;
	}
	.mnd-shared-header h1 {
		text-transform: uppercase;
		letter-spacing: 2px;
		font-weight: 300;
		margin: 10px 0 5px 0;
	}
	.mnd-shared-header p {
		color: var(--text-color);
		opacity: 0.5;
	}
	.mnd-shared-header p strong {
		color: var(--text-color);
	}
	
	.mnd-back-link {
		display: inline-block;
		font-size: 0.85rem;
		color: var(--text-color);
		opacity: 0.4;
		text-decoration: none;
		transition: opacity 0.2s ease, transform 0.2s ease;
	}
	
	.mnd-back-link:hover {
		opacity: 0.8;
		transform: translateX(-3px); /* Легкий интерактивный сдвиг влево */
		color: var(--text-color);
	}
	
	/* Контейнер для кнопки "Add to my collections" (тоже сдвигаем влево) */
	.mnd-action-center-box {
		text-align: left; /* Никакого центра */
		margin-bottom: 40px;
	}
	
	/* Контейнер центрирования кнопки добавления */
	.mnd-action-center-box {
		text-align: left;
		margin-bottom: 40px;
	}
	
	/* Премиальная кнопка "Add to my collections" */
	#copy-collection-btn {
		background: #ff4d4d;
		color: #ffffff;
		border: none;
		padding: 12px 30px;
		border-radius: 30px;
		cursor: pointer;
		font-weight: bold;
		transition: background 0.3s ease, transform 0.2s ease, opacity 0.3s ease;
		box-shadow: 0 10px 20px rgba(255, 77, 77, 0.2);
	}
	#copy-collection-btn:hover {
		background: #ff3333;
		transform: translateY(-2px);
	}
	#copy-collection-btn:active {
		transform: translateY(0);
	}
	#copy-collection-btn i {
		margin-right: 10px;
	}
	
	/* Контроллер качества фото (выравнивание) */
	.mnd-shared-quality-box {
		margin-bottom: 30px;
		display: flex;
		justify-content: flex-end;
	}
	
	/* Заглушка, если папка пуста или не найдена */
	.mnd-not-found-container {
		padding: 100px 0;
		text-align: center;
	}
	.mnd-not-found-container a {
		color: #ff4d4d;
		text-decoration: none;
		transition: opacity 0.2s;
	}
	.mnd-not-found-container a:hover {
		text-decoration: underline;
	}
	
/* Главный контейнер (просто блок, не мешаем плагину) */
	.justified-gallery-wrapper {
		width: 100%;
		display: block !important;
	}
	
	/* Карточка-ссылка: плагин САМ рассчитывает ей width и height в инлайн-стилях */
	.justified-gallery-wrapper .gallery-item-box {
		display: inline-block;
		vertical-align: top;
		overflow: hidden;
		border-radius: 12px;
		margin-bottom: 15px;

	}
	
	/* Оболочка внутри ссылки: она должна строго повторять размеры, заданные плагином */
	.justified-gallery-wrapper .media-cover-wrapper {
		width: 100%;
		height: 100%;
		position: relative !important; /* КРИТИЧНО: фиксирует систему координат для иконки внутри карточки */
		display: block !important;
	}
	
	/* Картинка: Justified Gallery берет контроль над ней. Мы только приказываем заполнять контейнер */
	.justified-gallery-wrapper .media-img {
		position: static !important; /* Убираем absolute! Картинка должна диктовать свои пропорции плагину */
		display: block !important;
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important; /* Идеально кадрирует фото без искажений */
	}
	
	/* Иконка Play: теперь она привязана строго к центру .media-cover-wrapper */
	.justified-gallery-wrapper .play-icon-overlay {
		position: absolute !important;
		top: 50% !important;
		left: 50% !important;
		transform: translate(-50%, -50%) !important; /* Идеальный математический центр */
		z-index: 10 !important; /* Гарантированно поверх картинки */
		
		background: rgba(0, 0, 0, 0.6);
		border-radius: 50%;
		padding: 14px;
		display: flex !important;
		align-items: center;
		justify-content: center;
		pointer-events: none;
	}
	
	.justified-gallery-wrapper .play-svg {
		display: block;
		width: 24px;
		height: 24px;
	}
	
	.justified-gallery-wrapper .gallery-item-box {
		display: inline-block;
		vertical-align: top;
		overflow: hidden;
		border-radius: 12px;
		
		/* Элегантная тень: мягкое размытие, очень прозрачный черный цвет */
		box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06), 
					0 1px 3px rgba(0, 0, 0, 0.02);
		
		transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), 
					box-shadow 0.4s cubic-bezier(0.25, 1, 0.5, 1);
		
		/* Оптимизация производительности: подсказываем браузеру готовить видеокарту */
		will-change: transform, box-shadow;
	}
	
	/* Эффект при наведении */
	.justified-gallery-wrapper .gallery-item-box:hover {
		/* Чуть-чуть уменьшим амплитуду до -3px, чтобы подъем был аккуратным и не «взрывным» */
		transform: translateY(-4px);
		
		/* Глубокая тень на ховере тоже проявится плавно */
		box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1), 
					0 2px 8px rgba(0, 0, 0, 0.04);
					
		/* Дублируем transition на ховер, чтобы браузер железно анимировал вход в это состояние */
		transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), 
					box-shadow 0.4s cubic-bezier(0.25, 1, 0.5, 1);
	}
	
	/* Скрываем кнопку добавления в избранное внутри слайдера только на странице личных коллекций */
	.page-template-page-collections .mnd-lg-fav-wrapper,
	.body-my-collections-class .mnd-lg-fav-wrapper { 
		display: none !important;
	}
	
/* ==========================================================================
   Single Updates
   ========================================================================== */
   
  /* --- ОСНОВНАЯ СЕТКА СТРАНИЦЫ --- */
  .update-main-layout {
	  display: flex;
	  justify-content: space-between;
	  align-items: flex-start;
	  width: 96%; /* Держим фирменный баланс и воздух */
	  margin: 0 auto;
	  padding: 20px 0;
	  box-sizing: border-box;
  }
  
  /* Левая колонка плавно тянется */
  .update-left-column {
	  width: 73%;
	  display: flex;
	  flex-direction: column;
  }
  
	/* Фиксация правой колонки при прокрутке (Sticky Sidebar) */
	.update-right-sidebar {
		width: 23%;
		display: flex;
		flex-direction: column;
		gap: 24px;
		position: sticky;
		top: var(--sidebar-top, 90px) !important; /* Используем переменную */
		z-index: 10;
		max-height: none !important;
		overflow-y: visible !important;
	}
  .update-right-sidebar::-webkit-scrollbar {
	  display: none;
  }
  
  /* --- ИСПРАВЛЕНИЕ БАННЕРА (ВОЗВРАЩАЕМ ПОЛНУЮ ВЫСОТУ) --- */
  .update-hero-banner {
	  width: 100%;
	  height: auto; /* Убираем жесткие 450px */
	  aspect-ratio: 2 / 1; /* Задаем естественное кинематографичное соотношение сторон */
	  background-size: contain; /* Картинка больше не обрезается, а полностью вписывается в блок */
	  background-repeat: no-repeat;
	  background-position: center top;
	  position: relative;
	  /* margin-bottom: 25px; */
	  border-radius: 4px;
	  /* background-color: #000; /* Черный фон-подложка, если пропорции фото будут чуть отличаться */
  }
  
  .update-hero-banner {
	  position: relative;
	  overflow: hidden;
	  transition: height 0.4s ease-in-out;
  }
  
  /* Кнопка в правом нижнем углу */
  .mnd-banner-expand-btn {
	  position: absolute;
	  bottom: 15px;
	  right: 15px;
	  width: 38px;
	  height: 38px;
	  background: rgba(0, 0, 0, 0.55);
	  backdrop-filter: blur(8px);
	  border: 1px solid rgba(255, 255, 255, 0.2);
	  border-radius: 8px;
	  color: #ffffff;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  cursor: pointer;
	  z-index: 10;
	  
	  /* Эффект выезда при наведении */
	  opacity: 0;
	  transform: translateY(8px);
	  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }
  
  /* Показываем кнопку при hovered баннере */
  .update-hero-banner:hover .mnd-banner-expand-btn {
	  opacity: 1;
	  transform: translateY(0);
  }
  
  .mnd-banner-expand-btn:hover {
	  background: rgba(37, 99, 235, 0.85);
	  border-color: #3b82f6;
	  transform: scale(1.05);
  }
  
  /* --------------------------------------------------------------------------
	 РЕЖИМ CINEMA MODE (Смещение сайдбара вниз)
	 -------------------------------------------------------------------------- */
  
	/* 1. Родительский контейнер держим относительно позиционированным */
	body.is-banner-expanded .update-main-layout {
		position: relative !important;
	}
	
	/* 2. Баннер разворачивается по высоте и выезжает вправо на ширину сайдбара + gap */
	body.is-banner-expanded .update-hero-banner,
	body.is-banner-expanded .update-video-hero-wrapper {
		height: auto !important;
		min-height: 500px !important;
		
		/* Вытягиваем баннер вправо над сайдбаром: calc(23% + 24px) */
		width: calc(100% + 37%) !important;
		max-width: none !important;
		z-index: 5 !important;
		transition: all 0.4s ease-in-out;
	}
	
	/* 3. Сайдбар опускается ровно под высоту развернутого баннера */
	body.is-banner-expanded .update-right-sidebar {
		margin-top: calc(var(--banner-height, 500px) - var(--sidebar-top, 90px)) !important;
		position: relative !important;
		z-index: 1 !important;
		transition: margin-top 0.3s ease-in-out;
	}
	
	/* Для всех устройств БЕЗ мыши (сенсорные экраны) кнопка всегда видна */
	@media (hover: none) {
		.mnd-banner-expand-btn {
			opacity: 1 !important;
			transform: translateY(0) !important;
		}
	}
  
  
 /* --- СТИЛИЗАЦИЯ БЛОКА МОДЕЛИ И СЧЕТЧИКОВ --- */
 .model-meta-box {
	 display: flex;
	 flex-direction: column;
	 align-items: center;
	 text-align: center;
	 background: var(--card-bg-color);
	 padding: 20px 15px;
	 border-radius: 8px;
	 border: 1px solid var(--card-border-color);
 }
 
 .model-avatar-circle {
	 width: 110px; /* Делаем оптимальный размер, чтобы не перегружать сайдбар */
	 height: 110px;
	 border-radius: 50%; /* Магия круга */
	 overflow: hidden;
	 margin-bottom: 12px;
	 border: 3px solid #262626; /* Аккуратный ободок в темной теме */
	 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	 transition: transform 0.3s ease;
 }
 
 .model-info-text h4 a {
	 color: var(--text-color);
	 text-transform: uppercase;
	 letter-spacing: 1px;
	 font-size: 1.1rem;
	 font-weight: 600;
	 text-decoration: none;
 }
 
 /* Контейнер для цифр Galleries и Films */
 .model-info-text {
	 width: 100%;
	 margin-top: 10px;
 }
 
 .model-stat-wrapper {
	 display: flex;
	 justify-content: center;
	 gap: 12px;
	 margin-top: 12px;
 }
 
 /* Превращаем текстовые счетчики в выразительные плашки */
 .model-stat-mini {
	 background: var(--bg-color);
	 padding: 6px 12px;
	 border-radius: 6px;
	 font-size: 0.85rem;
	 color: var(--text-color);
	 border: 1px solid var(--card-border-color);
	 display: inline-flex;
	 flex-direction: column; /* Цифра над/под текстом сделает блок еще круче */
	 align-items: center;
 }
 
 /* Выделяем саму цифру внутри счетчика */
 .model-stat-mini strong {
	 color: var(--text-color); /* Делаем число белым и ярким */
	 font-size: 1rem;
	 margin-bottom: 2px;
 }
 
 
 /* --- СТИЛИЗАЦИЯ БЛОКА STATS (КАРТОЧКИ-ИНФОРМЕРЫ) --- */
 .update-stats-card {
	 background: var(--card-bg-color);
	 padding: 20px 15px;
	 border: 1px solid var(--card-border-color);
	 border-radius: 8px;
 }
 
 .update-stats-card .block-title {
	 color: var(--text-color);
	 font-size: 0.9rem;
	 text-transform: uppercase;
	 letter-spacing: 1.5px;
	 margin-bottom: 15px;
	 border-left: 3px solid var(--text-color);
	 padding-left: 8px;
 }
 
 /* Превращаем список параметров в красивую сетку 2х2 */
 .stats-grid {
	 display: grid;
	 grid-template-columns: repeat(2, 1fr);
	 gap: 10px;
	 margin-bottom: 15px;
 }
 
 /* Индивидуальная мини-карточка для каждого свойства (Photos, MPixels и т.д.) */
 .stat-row {
	 background: var(--stat-pill);
	 padding: 10px;
	 border-radius: 6px;
	 display: flex;
	 flex-direction: column;
	 justify-content: center;
	 align-items: center;
	 border: 1px solid var(--card-border-color);
	 text-align: center;
 }
 
 .stat-row .label {
	 font-size: 0.75rem;
	 color: #888;
	 text-transform: uppercase;
	 margin-bottom: 4px;
 }
 
 .stat-row .value {
	 font-size: 1.1rem;
	 color: var(--text-color);
	 font-weight: 700;
 }
  
  /* Ограничиваем размер крупного фото модели, чтобы оно не доминировало */
  .model-avatar {
	  width: 100%;
	  max-width: 180px; /* Сужаем блок до аккуратного портретного формата, как на эскизе */
	  margin: 0 auto 15px auto;
	  border-radius: 8px;
	  overflow: hidden;
	  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  }
  
  .model-avatar img {
	  width: 100%;
	  height: 240px; /* Фиксируем аккуратную высоту для портрета */
	  object-fit: cover; /* Красиво кадрируем лицо без искажения пропорций */
	  display: block;
  }
  
  .hero-overlay .hero-title {
	  font-size: 4.5rem;
	  text-align: center;
	  margin-bottom: 2rem;
	  /* width: 60%; */
	  text-transform: uppercase;
	  letter-spacing: 2px;
  }
  
  .hero-overlay .hero-subtitle {
	  font-size: 1.5rem;
	  text-align: center;
	  width: 60%;
	  margin: 0 auto;
  }
  
  .model-avatar-circle img {
	  width: 100%;
	  height: 100%;
	  object-fit: cover; /* Фотография центрируется и не сжимается */
  }
  
  /* Стиль для имени модели под аватаркой */
  .model-profile-name h4 {
	  margin: 0 0 16px 0;
  }
  .model-profile-name h4 a {
	  font-size: 1.2rem;
	  font-weight: 700;
	  letter-spacing: 0.5px;
	  text-decoration: none;
	  color: var(--text-color);
  }
  
  /* Новая горизонтальная сетка для счетчиков (вместо одинокой плашки) */
  .model-stats-row-flex {
	  display: flex;
	  justify-content: center;
	  gap: 8px;
	  width: 100%;
  }
  
  /* Компактные и стильные микро-плашки */
  .model-stat-pill {
	  flex: 1;
	  background: var(--stat-pill);
	  border: 1px solid var(--card-border-color);
	  padding: 8px 4px;
	  border-radius: 6px;
	  display: flex;
	  flex-direction: column;
	  align-items: center;
	  min-width: 65px;
  }
  
  /* Стили текста внутри микро-плашек */
  .model-stat-pill strong {
	  font-size: 0.95rem;
	  color: var(--text-color);
	  font-weight: 700;
	  margin-bottom: 2px;
  }
  
  .model-stat-pill span {
	  font-size: 0.68rem;
	  color: #888;
	  text-transform: uppercase;
	  letter-spacing: 0.3px;
  }
  
  .model-stats-grid {
	  display: grid;
	  grid-template-columns: repeat(2, 1fr);
	  gap: 10px;
	  width: 100%;
	  margin-top: 5px;
  }
  
  /* Делаем так, чтобы вся аватарка при наведении слегка увеличивалась */
  .model-avatar-link-wrapper {
	  display: block;
	  text-decoration: none;
  }
  .model-avatar-link-wrapper:hover .model-avatar-circle {
	  transform: scale(1.03);
  }
  
  /* Ссылки-якоря в сетке 2х2 */
  a.model-stat-pill.anchor-link {
	  text-decoration: none;
	  cursor: pointer;
	  transition: background 0.2s ease, border-color 0.2s ease;
  }
  
  /* Эффект наведения на Galleries и Films */
  a.model-stat-pill.anchor-link:hover {
	  background: #2a2a2a;
	  border-color: #444;
  }
  .light-mode a.model-stat-pill.anchor-link:hover {
	  background: #f5f5f7;
	  border-color: #d1d1d6;
  }
  
  /* Если фильмов ноль — плашка слегка блекнет */
  .model-stat-pill.disabled-pill {
	  opacity: 0.5;
  }
  
  /* Включаем плавный скролл для всей страницы (если еще не включен) */
  html {
	  scroll-behavior: smooth;
  }
	/* ==========================================================================
		Apple-Style Floating Action Capsule Bar
		========================================================================== */
	
	/* 1. БАЗОВАЯ СТРУКТУРА ПЛАШКИ И Z-INDEX */
	#floatingActionsBar {
		position: fixed !important;
		bottom: 24px !important;
		left: 37% !important; /* Центрирование под галерею (с учетом сайдбара) */
		transform: translate(-50%, 120px) !important;
		
		z-index: 1040 !important; /* Ниже LightGallery (1050) */
		
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		
		/* Матовое стекло Apple */
		background: rgba(255, 255, 255, 0.88) !important;
		backdrop-filter: blur(20px) saturate(180%);
		-webkit-backdrop-filter: blur(20px) saturate(180%);
		
		padding: 8px 18px !important;
		border-radius: 50px !important;
		border: 1px solid rgba(255, 255, 255, 0.5);
		box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.04);
		
		will-change: transform, opacity;
		transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), 
					opacity 0.3s ease, 
					visibility 0.3s ease !important;
	}
	
	/* Состояние видимости при скролле */
	#floatingActionsBar.is-visible {
		opacity: 1 !important;
		visibility: visible !important;
		pointer-events: auto !important;
		transform: translate(-50%, 0) !important;
	}
	
	/* Принудительное скрытие при открытой LightGallery */
	body.lg-on #floatingActionsBar,
	html.lg-on #floatingActionsBar,
	.lg-on #floatingActionsBar {
		opacity: 0 !important;
		visibility: hidden !important;
		pointer-events: none !important;
		transform: translate(-50%, 120px) !important;
	}
	
	/* Темная тема */
	[data-theme="dark"] #floatingActionsBar,
	body.dark-mode #floatingActionsBar {
		background: rgba(26, 26, 26, 0.85) !important;
		border-color: rgba(255, 255, 255, 0.12);
		box-shadow: 0 12px 32px rgba(0, 0, 0, 0.4);
	}
	
	/* Выравнивание контейнера внутри плашки */
	#floatingActionsBar .action-buttons-flex-container {
		display: flex !important;
		align-items: center !important;
		gap: 12px !important;
	}
	
	/* ==========================================================================
	   СБРОС ЖЕСТКИХ СТИЛЕЙ .premium-fav-layout-btn ВНУТРИ ПЛАВАЮЩЕЙ КАПСУЛЫ
	   ========================================================================== */
	
	/* 1. Сбрасываем width: 100% у контейнера и самой кнопки Favorites */
	#galleryActionsWrapper .fav-btn-container,
	#galleryActionsWrapper .premium-fav-layout-btn {
		width: auto !important;
		max-width: none !important;
		flex: 0 0 auto !important; /* Не дает кнопке растягиваться на весь флекс */
		height: 38px !important;    /* Фиксируем аккуратную высоту */
		min-height: unset !important;
		margin: 0 !important;
	}
	
	#galleryActionsWrapper .action-buttons-flex-container {
		justify-content: center;
		padding-block: 24px;
	}
	
	/* ==========================================================================
	   ЦВЕТОВЫЕ СОСТОЯНИЯ И ИКОНКИ ДЛЯ FAV / LIKE
	   ========================================================================== */
	
	/* 1. КНОПКА FAVORITES (Активная) */
	#floatingActionsBar .fav-btn-container button.is-favorite,
	#floatingActionsBar .fav-btn-container a.is-favorite,
	.action-buttons-flex-container .premium-fav-layout-btn.is-favorite {
		background: #2563eb !important; /* Яркий синий */
		color: #ffffff !important;
		border-color: #2563eb !important;
		box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3) !important;
	}
	
	#floatingActionsBar .fav-btn-container button.is-favorite i,
	#floatingActionsBar .fav-btn-container button.is-favorite svg {
		color: #ffffff !important;
		fill: #ffffff !important;
	}
	
	/* 2. КНОПКА LIKE / WP ULIKE (Активная) */
	#floatingActionsBar .premium-ulike-wrapper button.wp_ulike_btn, .premium-fav-button {
		background: rgba(59, 130, 246, 0.1) !important;
		color: #3b82f6 !important;
		border: 1px solid #3b82f6 !important;
	}
	
	/* Перекрашиваем иконку руки (SVG / Font Icon) в синий */
	.wp_ulike_btn.wp_ulike_is_liked i,
	.wp_ulike_btn.wp_ulike_is_liked svg,
	.wp_ulike_btn.wp_ulike_is_liked .wp_ulike_icon_element {
		color: #3b82f6 !important;
		fill: #3b82f6 !important;
	}
	
	/* Если иконка руки — это обычное изображение <img>, тонируем его через CSS filter */
	.wp_ulike_btn.wp_ulike_is_liked img {
		filter: invert(41%) sepia(93%) saturate(1352%) hue-rotate(200deg) brightness(98%) contrast(96%) !important;
	}
  
  /* ==========================================================================
	 ОБНОВЛЕННАЯ СТИЛИЗАЦИЯ ШАБЛОНА DOWNLOAD MANAGER
	 ========================================================================== */
  .sidebar-downloads-wrapper {
	  margin-top: 35px;
	  padding-top: 25px;
	  border-top: 1px solid #222;
  }
  
  .sidebar-section-title {
	  font-size: 14px;
	  text-transform: uppercase;
	  letter-spacing: 1.5px;
	  color: #888;
	  margin-bottom: 20px;
	  font-weight: 600;
  }
  
  /* Очищаем контейнер от списков обоих плагинов */
  .custom-premium-download-box ul, 
  .custom-premium-download-box li {
	  list-style: none !important;
	  margin: 0 !important;
	  padding: 0 !important;
  }
  
  /* Скрываем дефолтные иконки файлов и картинок плагина Download Monitor */
  .custom-premium-download-box img,
  .custom-premium-download-box .download-monitor-icon,
  .custom-premium-download-box li::before {
	  display: none !important;
  }
  
  /* Превращаем ЛЮБУЮ ссылку внутри блока загрузок в шикарную кнопку */
  .custom-premium-download-box a {
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  text-align: center;
	  background: var(--card-bg-color);
	  border: 1px solid var(--card-border-color);
	  color: var(--text-color);
	  padding: 14px 20px;
	  margin-bottom: 12px;
	  border-radius: 8px;
	  font-size: 13px;
	  font-weight: 500;
	  text-decoration: none !important;
	  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
	  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  }
  
  /* Эффект при наведении на кнопку скачивания */
  .custom-premium-download-box a:hover {
	  background: #242424;
	  border-color:  var(--prm-gold-border); /* Твой благородный золотой цвет */
	  color:  var(--prm-gold);
	  transform: translateY(-2px);
	  box-shadow: 0 4px 12px rgba(229, 196, 131, 0.15);
  }
  
  .no-downloads-msg {
	  color: #555;
	  font-size: 13px;
	  font-style: italic;
  }
  
  /* Контейнер для списка кнопкок */
  .set-download-premium-wrapper {
	  margin-bottom: 12px;
  }
  
  /* Наша новая монолитная кнопка-ссылка */
  .premium-download-link-block {
	  display: flex;
	  flex-direction: column; /* Текст и размер будут друг под другом для читаемости */
	  align-items: flex-start;
	  justify-content: center;
	  background: var(--card-bg-color);
	  border: 1px solid var(--card-border-color);
	  padding: 16px 20px;
	  border-radius: 8px;
	  text-decoration: none !important;
	  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
	  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  }
  
  /* Название файла внутри кнопки */
  .premium-download-link-block .download-file-title {
	  color: var(--text-color);
	  font-size: 13px;
	  font-weight: 500;
	  line-height: 1.4;
	  margin-bottom: 5px;
	  text-align: left;
	  transition: color 0.25s ease;
  }
  
  /* Размер файла (например: 114.50 MB) */
  .premium-download-link-block .download-file-size {
	  color: var(--text-muted);
	  font-size: 11px;
	  font-weight: 400;
	  text-transform: uppercase;
	  letter-spacing: 0.5px;
  }
  
  /* ==========================================
	 ЭФФЕКТЫ НАВЕДЕНИЯ (HOVER EFFECTS)
	 ========================================== */
  .premium-download-link-block:hover {
	  background: var(--card-bg-color);
	  border-color: var(--prm-gold-border); /* Твой фирменный золотой акцент */
	  transform: translateY(-2px);
	  box-shadow: 0 6px 15px rgba(229, 196, 131, 0.1);
  }
  
  /* При наведении подсвечиваем название золотом */
  .premium-download-link-block:hover .download-file-title {
	  color: var(--prm-gold);
  }
  
  /* При наведении размер файла становится чуть заметнее */
  .premium-download-link-block:hover .download-file-size {
	  color: var(--prm-gold-border);
  }
  
  /* ==========================================================================
	 СТИЛИЗАЦИЯ СИНХРОННЫХ КНОПОК ДЕЙСТВИЙ (FAV + LIKE)
	 ========================================================================== */
  .sidebar-actions {
	  display: flex;
	  align-items: center;
	  gap: 12px;
	  width: 100%;
  }
  
  .fav-btn-container {
	  flex: 1;
  }
  
  /* Наша кастомная кнопка вызова модалки альбомов */
  .premium-fav-layout-btn {
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  width: 100%;
	  background: var(--stat-pill);
	  border: 1px solid var(--border-color);
	  color: var(--text-color);
	  padding: 0 16px;
	  border-radius: 8px;
	  font-size: 13px;
	  font-weight: 500;
	  cursor: pointer;
	  height: 44px; /* Жестко синхронизируем высоту с wp_ulike */
	  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  }
  
  .premium-fav-layout-btn override-hover,
  .premium-fav-layout-btn:hover {
	  border-color: #e5c483;
	  color: #e5c483;
	  background: #1a1a1a;
	  box-shadow: 0 4px 12px rgba(229, 196, 131, 0.08);
  }
  
  /* Стилизация сердца внутри кнопки */
  .premium-fav-layout-btn svg path {
	  transition: all 0.2s ease;
  }
  .premium-fav-layout-btn:hover svg path {
	  stroke: #e5c483;
  }
  
  /* Стили подгонки плагина wp_ulike */
  .like-btn-container .premium-ulike-wrapper .wp_ulike_general_class,
  .like-btn-container .wp_ulike_btn_wrapper {
	  margin: 0 !important;
	  padding: 0 !important;
  }
  
  .like-btn-container .wp_ulike_btn {
	  background: #141414 !important;
	  border: 1px solid #262626 !important;
	  border-radius: 8px !important;
	  height: 44px !important; /* Ровно 44px как и у кнопки фаворитов */
	  padding: 0 18px !important;
	  display: flex !important;
	  align-items: center !important;
	  justify-content: center !important;
	  transition: all 0.2s ease !important;
  }
  
  .like-btn-container .wp_ulike_btn:hover {
	  border-color: #ff6b6b !important;
	  background: #1a1a1a !important;
  }
  
  .like-btn-container .count-box {
	  color: #aaa !important;
	  font-size: 13px !important;
	  font-weight: 500 !important;
  }
  
  .update-stats-card .premium-ulike-wrapper button.wp_ulike_btn,
  .premium-fav-button {
	   display: inline-flex !important;
	   align-items: center !important;
	   justify-content: center !important;
	   gap: 10px !important;
	   background: var(--stat-pill) !important;
	   border: 1px solid var(--card-border-color) !important;
	   border-radius: 4px !important;
	   height: 42px !important;
	   padding: 0 22px !important;
	   color: var(--text-color) !important;
	   font-family: inherit !important;
	   font-size: 13px !important;
	   font-weight: 500 !important;
	   letter-spacing: 0.05em !important;
	   text-transform: uppercase !important;
	   cursor: pointer !important;
	   transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
	   box-sizing: border-box !important;
    }
	
	.update-stats-card .premium-ulike-wrapper button.wp_ulike_btn:hover, 
	.premium-fav-button:hover {
		background: #1a1a1a !important;
		border-color: rgba(229, 196, 131, 0.4) !important;
		color: #e5c483 !important;
		box-shadow: 0 0 15px rgba(229, 196, 131, 0.1) !important;
	}
	
	/* Видео плеер */
	.player-container {
		background: #000;
		padding: 0; 
		border-radius: 4px; 
		line-height: 0; 
		box-shadow: 0 10px 30px rgba(0,0,0,0.5);
	}
	
	.video-info-release-block, .photo-info-release-block {
		margin: 30px 0; 
		padding-bottom: 20px; 
		border-bottom: 1px solid var(--card-border-color);
	}
	
	.video-release-title {
		font-size: 3rem; 
		font-weight: 600;
		margin: 0 0 12px 0;
		letter-spacing: -0.5px; 
		line-height: 1.2;
	}
	
	.video-release-title a {
		text-decoration: none; 
		transition: color 0.2s;
	}
	
	.video-release-title a:hover {
		color: #e5c483
	}
	
	.video-release-description, .photo-release-subtitle {
		font-size: 21px;
		line-height: 1.381002381;
		font-weight: 600;
		letter-spacing: .011em;
		color: var(--text-muted);
		max-width: 70%;
		margin-top: 15px;
	}
	
	.hero-overlay h2 {
		margin-top: 20px;
	
	}
	
	.update-video-hero-wrapper {
		margin-bottom: 25px;
		margin-top: var(--nav-height-full);
	}
	
	.stats-bio-divider {
		margin: 20px 0; 
		border-top: 1px solid #333;
	}
	
	.video-release-title {
		display: inline-flex;
		align-items: center;
		flex-wrap: wrap;
		gap: 6px; /* Отступ между текстом и овалом */
	}
	
	.video-duration-badge {
		display: inline-block;
		/* Автоматическая смена фона: черный на светлой / белый на темной */
		background-color: var(--card-border-color); 
		color: var(--text-color) !important; 
		font-size: 16px;
		font-weight: 700 !important;
		text-transform: uppercase;
		padding: 4px 12px;
		border-radius: 20px; /* Чистый овал */
		line-height: 1;
		vertical-align: middle;
		letter-spacing: 0.5px;
		
		/* Тонкая адаптивная рамка, чтобы овал сохранял текстуру */
		border: 1px solid var(--card-border-color); 
		
		/* Плавный переход при клике по переключателю тем */
		transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
	}
	
	.button-amount {
		text-align: center;
		width: 100%;
	}
	
	.upgrade-action-btn {
		display: inline-block;
		padding: 16px 35px;
		/* Кнопка использует цвет карточки из текущей темы */
		background: var(--card-bg-color);
		border: 2px solid var(--prm-gold);
		border-radius: 50px;
		text-decoration: none !important;
		
		/* Мягкая тень золотого оттенка на основе твоих границ */
		box-shadow: 0 4px 15px var(--prm-gold-border);
		transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
		position: relative;
		overflow: hidden;
	}
	
	.upgrade-action-btn h4 {
		margin: 0;
		color: var(--prm-gold);
		font-size: 18px;
		font-weight: 600;
		letter-spacing: 0.5px;
		text-transform: uppercase;
		transition: color 0.3s ease;
	}
	
	/* Эффект при наведении (работает одинаково круто в обеих темах) */
	.upgrade-action-btn:hover {
		background: var(--prm-gold);
		box-shadow: 0 6px 25px var(--prm-gold-border);
		transform: translateY(-2px);
	}
	
	/* При наведении текст инвертируется в цвет фона противоположной темы для читаемости */
	.upgrade-action-btn:hover h4 {
		color: var(--bg-color); 
	}
	
	/* По умолчанию скрываем инлайн-статистику в левой колонке */
	.inline-stats-block {
		display: none;
		background: var(--card-bg-color);
		border: 1px solid var(--card-border-color);
		border-radius: 8px;
		padding: 15px;
		margin-top: 15px;
		margin-bottom: 15px;
	}
	
	/* Линия заголовка: распределяет название слева и кнопки справа */
	.release-header-action-line {
		display: flex;
		justify-content: space-between;
		align-items: center; /* Центрируем по вертикали */
		gap: 20px;
		width: 100%;
		margin-bottom: 15px;
	}
	
	/* Группа баджей видео */
	.meta-badges-group {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		margin-left: 10px;
		vertical-align: middle;
	}
	
	/* Бадж разрешения рядом с длительностью */
	.video-resolution-badge {
		background: #ff0000; /* Яркий красный как на твоем скриншоте! */
		color: #ffffff;
		font-size: 11px;
		font-weight: 800;
		padding: 3px 8px;
		border-radius: 4px;
		text-transform: uppercase;
		letter-spacing: 0.5px;
		display: inline-block;
	}
	
	/* Контейнер заголовка и мета-данных фото-апдейта */
	.title-and-meta-container {
		display: flex;
		flex-direction: row;
		align-items: baseline; /* Выравнивает текст по базовой линии шрифта */
		gap: 15px; /* Отступ между названием сета и PHOTOS | MEGAPIXELS */
		flex-wrap: wrap; /* Если экран совсем маленький, мета-данные аккуратно уйдут вниз */
	}
	
	/* Линия распределения: название слева, кнопки справа */
	.release-header-action-line {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		gap: 20px;
		width: 100%;
		margin-bottom: 15px;
	} 
	
	.photo-release-title {
		font-size: 3rem;
		font-weight: 600;
		letter-spacing: -0.015em;
		margin: 0 !important;
		line-height: 1.2 !important;
	}
	
	/* Стилизация текстовой строки для Фото */
	.photo-meta-inline-label {
		font-size: 1.6rem; /* Такой же размер, как был изначально на макете Elena Voss */
		font-weight: 300;
		color: var(--text-muted);
		text-transform: uppercase;
		letter-spacing: 1px;
		white-space: nowrap;
	}
	
	.section-title {
		font-size: 2.2rem;
		font-weight: 600;
		letter-spacing: -0.015em;
	}
	
	.gallery-description {
		font-size: 1.6rem;
		font-weight: 600;
		letter-spacing: -0.015em;
	}
	
	.gallery-switcher-select label {
		margin-right: 10px; 
		font-size: 1rem; 
		text-transform: uppercase;
		letter-spacing: 0.5px;"
	}
	.gallery-switcher-select select {
		padding: 6px 12px; 
		background: var(--bg-color);
		color: var(--text-color); 
		border: 1px solid #333; 
		border-radius: 4px;
		font-size: 1.2rem;
	}
	
	/* Добавим разделитель перед PHOTOS, так как теперь блок идет в ряд */
	.photo-meta-inline-label::before {
		content: "| ";
		color: var(--text-muted);
	}
	
	/* ФЛЕКС-КОНТЕЙНЕР ДЛЯ КНОПОК */
	.action-buttons-flex-container {
		display: flex;
		align-items: center;
		gap: 10px;
		flex-shrink: 0; /* Кнопки не имеют права сжиматься */
	}
	
	/* ПРИНУДИТЕЛЬНОЕ ВЫРАВНИВАНИЕ ВЫСОТЫ КНОПОК (Favorites & Like) */
	.action-buttons-flex-container .fav-btn-container a,
	.action-buttons-flex-container .fav-btn-container button,
	.action-buttons-flex-container .wp_ulike_btn {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		height: 40px !important;
		padding: 0 16px !important;
		font-size: 16px;
		font-weight: 600 !important;
		line-height: 36px !important;
		border-radius: 6px !important;
		box-sizing: border-box !important;
		white-space: nowrap !important;
	}
	
	/* Корректируем внутренние отступы обертки лайка, если они ломают флекс */
	.action-buttons-flex-container .premium-ulike-wrapper {
		display: inline-block;
		line-height: normal;
	}
	
	/* По умолчанию прячем новый слайдер на десктопах */
	.downloads-responsive-slider-section {
		display: none;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	
	/* По умолчанию скрываем адаптивную кнопку на десктопах */
	.model-profile-responsive-badge {
		display: none;
		margin-bottom: 15px;
	}
	
	.downloads-slider-track {
		scroll-behavior: smooth !important; /* Дает мягкость при обычном скролле пальцем */
	}
	
	.mobile-only-badge {
		display: none !important;
	}
	
	/* Основной контейнер карусели */
	.mnd-models-carousel-wrapper {
		position: relative;
		width: 100%;
		margin: 25px 0;
	}
	
	/* Трек, в котором лежат карточки */
	.models-carousel-track {
		display: flex;
		gap: 20px;
		overflow-x: auto;
		scroll-behavior: smooth;
		scroll-snap-type: x mandatory;
		padding-bottom: 15px;
		scrollbar-width: none; /* Прячем дефолтный скроллбар в Firefox */
	}
	
	.models-carousel-track::-webkit-scrollbar {
		display: none; /* Прячем дефолтный скроллбар в Chrome/Safari */
	}
	
	/* Стилизация отдельной карточки в карусели */
	.model-meta-box.carousel-card {
		flex: 0 0 calc(100% - 0px); /* По умолчанию одна карточка занимает всю ширину */
		scroll-snap-align: start;
		background: var(--card-bg-color);
		border-radius: 16px;
		padding: 24px;
		box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
	}
	
	/* Блок навигационных стрелок из эскиза Desktop2 */
	.carousel-navigation-controls {
		display: flex;
		justify-content: flex-end;
		gap: 10px;
		margin-top: 15px;
	}
	
	.carousel-arrow {
		width: 36px;
		height: 36px;
		border-radius: 50%;
		border: none;
		background: #e0e0e0;
		color: #333;
		font-size: 20px;
		font-weight: bold;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		transition: background 0.2s ease, color 0.2s ease;
	}
	
	.carousel-arrow:hover {
		background: #333;
		color: #fff;
	}
	
	/* Горизонтальный трек для карточек */
	.models-carousel-track {
		display: flex !important;
		flex-direction: row !important;
		gap: 16px !important; /* Зазор между карточками */
		overflow-x: auto !important;
		scroll-behavior: smooth;
		scroll-snap-type: x mandatory;
		padding-bottom: 10px;
		scrollbar-width: none;
	}
	
	.models-carousel-track::-webkit-scrollbar {
		display: none;
	}
	
	/* Сама карточка внутри карусели */
	.desktop-models-carousel-wrapper .carousel-card {
		flex: 0 0 100% !important; /* Каждая карточка занимает ровно 100% ширины трека */
		scroll-snap-align: start;
		box-sizing: border-box;
	}
	
	/* Если карточек МНОГО (внутри трека есть соседи), уменьшаем ширину первой, чтобы выглядывала вторая */
	.models-carousel-track .carousel-card:not(:only-child) {
		/* 100% ширины сайдбара минус 50px (которые останутся на показ второй карточки и зазор) */
		flex: 0 0 calc(100% - 50px) !important;
	}
	
	/* Блок навигационных стрелочек (внизу слева, как на твоем эскизе) */
	.carousel-navigation-controls {
		display: flex;
		justify-content: flex-end;
		gap: 8px;
		margin-top: 12px;
	}
	
	/* Стилизация стрелочек */
	.carousel-navigation-controls .carousel-arrow,
	.carousel-navigation-controls .prev-arrow,
	.carousel-navigation-controls .next-arrow {
		width: 28px;
		height: 28px;
		border: 1px solid #ccc;
		background: #fff;
		border-radius: 4px;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		font-size: 16px;
		color: #333;
		transition: all 0.2s ease;
	}
	
	.carousel-navigation-controls .carousel-arrow:hover {
		background: #333;
		color: #fff;
		border-color: #333;
	}
	
	/* Контейнер центрирования кнопки */
	.mobile-modal-trigger-container {
		width: 100%;
		padding: 0 15px;
		margin: 20px 0;
		box-sizing: border-box;
		display: none; /* По умолчанию скрыто на десктопах */
	}
	
	/* 1. Базовая кнопка: изначальное состояние (сжата в круг по центру) */
	.mnd-trigger-btn {
		opacity: 0;
		transform: scale(0.6);
		background-color: var(--button-bg-color);
		border: none;
		font-size: 16px;
		font-weight: 700;
		color: var(--text-color);
		text-transform: uppercase;
		letter-spacing: 0.5px;
		cursor: pointer;
		
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 0px;                  /* Изначально 0, чтобы круг был компактным */
		
		width: 44px;               /* Сжатый кружок */
		height: 44px;
		padding: 0;
		margin: 0 auto;
		border-radius: 50px;
		overflow: hidden;
		white-space: nowrap;
		
		/* Плавные переходы для анимации */
		transition: 
			opacity 0.6s ease,
			transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1),
			width 0.6s cubic-bezier(0.16, 1, 0.3, 1),
			padding 0.6s cubic-bezier(0.16, 1, 0.3, 1),
			gap 0.4s ease,
			background-color 0.3s ease,
			color 0.3s ease;
	}
	
	/* Hover & Active Эффекты */
	.mnd-trigger-btn:hover {
		color: var(--accent-color);
		transform: translateY(-1px);
	}
	
	.mnd-trigger-btn:active {
		background-color: #d5d5d5;
		transform: scale(0.99);
	}
	
	/* Иконка плюсика */
	.mnd-trigger-btn .plus-icon {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		background-color: #3b71ca;
		color: #e0e0e1;
		min-width: 32px;
		height: 32px;
		border-radius: 50%;
		font-size: 24px;
		line-height: 1;
		transition: color 0.2s ease;
	}
	
	.mnd-trigger-btn:hover .plus-icon {
		color: #fff;
	}
	
	/* 2. Текст внутри кнопки скрыт */
	.mnd-trigger-btn .btn-text {
		opacity: 0;
		max-width: 0;
		display: inline-block;
		overflow: hidden;
		transition: opacity 0.4s ease, max-width 0.5s ease;
	}
	
	/* --- ЭТАПЫ РАСКРЫТИЯ (АНИМАЦИЯ) --- */
	
	/* Шаг 1: Появление кружочка */
	.mnd-trigger-btn.step-pop {
		opacity: 1;
		transform: scale(1);
	}
	
	/* Шаг 2: Раскрытие в ширину */
	.mnd-trigger-btn.step-expand {
		width: auto;
		max-width: max-content;
		padding: 14px 10px 14px 20px;
		gap: 10px;
	}
	
	/* Шаг 3: Появление текста */
	.mnd-trigger-btn.step-text-show .btn-text {
		opacity: 1;
		max-width: 500px;
	}
	.mobile-interaction-wrapper {
		display: none;
	}
	
	/* Кнопка во всю ширину */
	.mnd-desktop-modal-trigger-wrapper {
		margin-block-start: 15px;
		width: auto;
	}
	
	/* Блокировка скролла основного сайта при открытой модалке */
	body.modal-open-lock {
		overflow: hidden !important;
		height: 100vh !important;
	}
	
	/* ==========================================================================
	   MND MODAL WINDOW
	   ========================================================================== */
	/* Фон-затемнение модального окна */
	.mnd-modal-overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.75);
		backdrop-filter: blur(4px); /* Легкое размытие заднего плана */
		z-index: 99999; /* Поверх всего сайта */
		display: none; /* По умолчанию скрыто */
		justify-content: center;
		align-items: flex-end; /* На мобильных прижимаем окно к низу */
	}
	
	/* Само модальное окно (белое/темное в зависимости от темы сайта) */
	.mnd-modal-window {
		background-color: #000; /* Адаптируется под темную тему */
		color: var(--text-color, #fff);
		width: 87.5vw;
		max-width: 95%; /* Ограничиваем ширину на планшетах */
		max-height: 100%; /* Окно занимает не больше 90% высоты экрана */
		border-top-left-radius: 20px;
		border-top-right-radius: 20px;
		padding: 24px 16px 16px 16px;
		position: relative;
		box-sizing: border-box;
		overflow-y: auto; /* Внутренний скролл для контента */
		transform: translateY(100%); /* Начальная позиция для анимации выезда */
		transition: transform 0.3s ease-out;
		margin: 0 auto;
	}
	
	/* Класс-триггер для плавной анимации открытия */
	.mnd-modal-overlay.is-active {
		display: flex;
	}
	.mnd-modal-overlay.is-active .mnd-modal-window {
		transform: translateY(0);
	}
	
	/* Кнопка Закрыть (Крестик) */
	.mnd-modal-close-btn {
		position: absolute;
		top: 12px;
		right: 16px;
		font-size: 28px;
		font-weight: 300;
		color: #888;
		cursor: pointer;
		line-height: 1;
		padding: 3px;
		z-index: 10;
		margin-inline-end: calc(var(--modal-close-button-offset-inline-end) - var(--modal-close-button-size) + var(--modal-close-icon-size));
		margin-top: var(--modal-close-button-margin-top);
		border-radius: var(--modal-close-border-radius);
		border-radius: var(--modal-close-border-radius);
		height: var(--modal-close-icon-size);
		width: var(--modal-close-icon-size);
		background: var(--modal-close-background);
		color: var(--modal-close-color);
	}
	
	/* Стили лоадера при загрузке данных */
	.mnd-modal-loader {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 10px;
		padding: 40px 0;
		font-size: 16px;
		color: #888;
	}
	
	@keyframes spin {
		0% { transform: rotate(0deg); }
		100% { transform: rotate(360deg); }
	}
	.mnd-modal-loader .spinner-icon {
		display: inline-block;
		animation: spin 1s infinite linear;
	}
	
	/* Делаем блок отзывов похожим на премиальный чат */
	.mnd-modal-opinions-section {
		background: linear-gradient(135deg, #1e1e1e, #141414);
		border: 1px solid #2a2a2a;
		border-radius: 16px;
		padding: 20px;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.05);
	}
	
	/* Текст-интрига */
	.mnd-modal-opinions-section .opinions-subtitle {
		font-size: 13px;
		color: #3b71ca; /* Выделяем цветом призыв к эмоциям */
		font-weight: 600;
		text-transform: uppercase;
		letter-spacing: 0.5px;
	}
	
	/* Живое мнение (Social Proof) */
	.mnd-opinions-placeholder-box {
		background: rgba(255, 255, 255, 0.03);
		border-left: 3px solid #ff4757; /* Неоновый акцент вместо обычного синего */
		padding: 12px 16px;
		border-radius: 8px;
		font-size: 14px;
		color: #e0e0e0;
		margin: 15px 0;
		box-shadow: 0 4px 12px rgba(0,0,0,0.2);
	}
	
	/* Ряды статистики превращаем в шкалы популярности */
	.mnd-stat-row {
		background: #1c1c1e;
		border-radius: 10px;
		padding: 14px;
		border: 1px solid #2c2c2e;
		position: relative;
		overflow: hidden;
	}
	
	/* Легкая неоновая полоса на заднем фоне ряда (имитация заполненности) */
	.mnd-stat-row::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 65%; /* Здесь можно динамически задавать % популярности */
		background: linear-gradient(90deg, rgba(59, 113, 202, 0.08), rgba(59, 113, 202, 0.01));
		z-index: 1;
	}
	
	/* --- ШАПКА ТАБОВ И АВАТАРКИ (ГРУППОВЫЕ СЕТЫ) --- */
	.mnd-modal-tabs-header {
		display: flex;
		gap: 16px;
		overflow-x: auto;
		padding-bottom: 12px;
		margin-bottom: 20px;
		border-bottom: 1px solid #2d2d2d;
		scrollbar-width: none;
	}
	.mnd-modal-tabs-header::-webkit-scrollbar {
		display: none;
	}
	.mnd-modal-tab-trigger {
		display: flex;
		flex-direction: column;
		align-items: center;
		cursor: pointer;
		opacity: 0.5;
		transition: all 0.25s ease;
		min-width: 65px;
	}
	.mnd-modal-tab-trigger.is-active {
		opacity: 1;
	}
	.mnd-modal-tab-trigger img {
		width: 50px;
		height: 50px;
		border-radius: 50%;
		object-fit: cover;
		border: 2px solid transparent;
		transition: border-color 0.25s ease;
	}
	.mnd-modal-tab-trigger.is-active img {
		border-color: #3b71ca; /* Синее неоновое кольцо активной модели */
	}
	.mnd-modal-tab-trigger span {
		font-size: 11px;
		font-weight: 600;
		margin-top: 4px;
		color: #aaa;
		text-align: center;
	}
	.mnd-modal-tab-trigger.is-active span {
		color: #fff;
	}
	
	/* --- СТРУКТУРА КОНТЕНТА МОДЕЛИ --- */
	.mnd-modal-model-title {
		font-size: 48px;
		font-weight: 800;
		margin: 0 0 15px 0;
		letter-spacing: -0.5px;
		color: var(--modal-headline-text-color);
		padding-block-start: var(--modal-content-padding-block);
	}
	.mnd-modal-model-cover {
		border-radius: 12px;
		overflow: hidden;
		padding-inline: var(--modal-content-padding-inline);
		margin-block: var(--modal-content-margin-block);
		box-shadow: 0 8px 24px rgba(0,0,0,0.3);
		position: relative;
		display: block;
	}
	
	.mnd-modal-model-cover::after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		pointer-events: none; /* Чтобы градиент не мешал кликам/тапам по фото */
		
		/* 
		   Градиент уходит в прозрачность в центре 
		   и мягко затемняет низ, верх и боковые края
		*/
		background: 
			radial-gradient(circle at center, transparent 30%, rgba(0, 0, 0, 0.85) 100%),
			linear-gradient(to bottom, rgba(0,0,0,0.4) 0%, transparent 25%, transparent 70%, rgba(0,0,0,0.9) 100%);
	}
	
	.mnd-modal-model-cover img {
		width: 100%;
		height: auto;
		display: block;
		object-fit: cover;
		/* -webkit-mask-image: radial-gradient(ellipse at center, rgba(0,0,0,1) 40%, rgba(0,0,0,0) 80%);
		mask-image: radial-gradient(ellipse at center, rgba(0,0,0,1) 40%, rgba(0,0,0,0) 80%); */
	}
	
	/* --- БЛОК ОТЗЫВОВ (Психологический концепт «Чат/Социальное доказательство») --- */
	.modal-opinions-wrapper, .mnd-modal-model-title {
		padding-inline-end: var(--modal-content-padding-inline);
		padding-inline-start: var(--modal-content-padding-inline);
	}
	.mnd-modal-opinions-section {
		background: linear-gradient(135deg, #1e1e1e, #141414);
		border: 1px solid #2a2a2a;
		border-radius: 16px;
		padding: 20px;
		margin-block: 76px;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.05);
		padding-inline: var(--modal-content-padding-inline);
		padding-block: 72px;
	}
	.mnd-modal-opinions-section h3 {
		font-size: 32px;
		font-weight: 700;
		margin: 0 0 6px 0;
		color: #ffffff;
	}
	.mnd-modal-opinions-section .opinions-subtitle {
		font-size: 21px;
		background: linear-gradient(90deg, rgb(175 100 222) 0%, rgba(253, 29, 29, 1) 50%, rgba(252, 176, 69, 1) 100%) text rgb(245, 245, 247);
		-webkit-text-fill-color: rgba(0, 0, 0, 0);
		font-weight: 600;
		text-transform: uppercase;
		letter-spacing: 0.5px;
		margin-block: 40px;
	}
	.mnd-opinions-placeholder-box {
		background: rgba(255, 255, 255, 0.03);
		border-left: 3px solid #ff4757; /* Страстный розово-красный неоновый маркер */
		padding: 12px 16px;
		border-radius: 8px;
		font-style: italic;
		font-size: 19px;
		color: #e0e0e0;
		margin-block: 40px;
		box-shadow: 0 4px 12px rgba(0,0,0,0.2);
	}
	.mnd-btn-add-opinion {
		width: 100%;
		border: 1px solid #444;
		color: #000;
		padding: 18px;
		border-radius: 8px;
		font-size: 19px;
		font-weight: 600;
		cursor: pointer;
		transition: all 0.2s;
		background-color: #fff;
	}
	.mnd-btn-add-opinion:active {
		background: #2a2a2a;
		color: #fff;
	}
	
	/* --- СЕТКА СТАТИСТИКИ С ИМИТАЦИЕЙ ШКАЛЫ ПОПУЛЯРНОСТИ --- */
	.mnd-modal-stats-grid {
		display: flex;
		flex-direction: column;
		gap: 14px;
		padding-inline: var(--modal-content-padding-inline);
		padding-block-end: var(--modal-content-padding-block);
	}
	.mnd-stat-row {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 14px;
		background: #1c1c1e;
		border: 1px solid #2c2c2e;
		border-radius: 10px;
		position: relative;
		overflow: hidden;
	}
	/* Задняя полупрозрачная шкала прогресса */
	.mnd-stat-row::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 75%; /* Базовый визуальный уровень заполнения шкал */
		background: linear-gradient(90deg, rgba(59, 113, 202, 0.06), rgba(59, 113, 202, 0.01));
		z-index: 1;
	}
	.mnd-stat-row .stat-label, 
	.mnd-stat-row .stat-value {
		font-size: 21px;
		z-index: 2; /* Поднимаем текст над шкалой */
	}
	.mnd-stat-row .stat-label {
		font-weight: 600;
		color: #aaa;
	}
	.mnd-stat-row .stat-value {
		font-weight: 700;
		color: #fff;
	}
	
	/* --- ТРИГГЕР ЖЕЛАНИЯ С ЭФФЕКТОМ ПУЛЬСАЦИИ (ГРАДИЕНТ) --- */
	.mnd-i-want-more-row {
		margin: 6px 0;
		text-align: center;
	}
	.mnd-link-i-want-more {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 10px;
		background: linear-gradient(135deg, #ff4757, #ff6b81); /* Сочный неоново-красный */
		color: #fff !important;
		text-decoration: none !important;
		padding: 16px;
		border-radius: 12px;
		font-size: 16px;
		font-weight: 800;
		text-transform: uppercase;
		letter-spacing: 1px;
		box-shadow: 0 6px 20px rgba(255, 71, 87, 0.4);
		transition: all 0.2s ease;
		animation: mndPulse 2s infinite; /* Тот самый манящий пульс кнопки */
	}
	
	@keyframes mndPulse {
		0% { transform: scale(1); box-shadow: 0 6px 20px rgba(255, 71, 87, 0.4); }
		50% { transform: scale(1.02); box-shadow: 0 6px 30px rgba(255, 71, 87, 0.6); }
		100% { transform: scale(1); box-shadow: 0 6px 20px rgba(255, 71, 87, 0.4); }
	}
	
	/* Контейнер строки слайдера */
	.mnd-slider-section-row {
		margin: 15px 0;
		display: block;
		width: 100%;
	}
	.mnd-stat-header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 8px;
	}
	
	.mnd-modal-slider-track {
		display: flex;
		gap: 10px;
		overflow-x: auto;
		overflow-y: hidden;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
		padding-bottom: 5px;
		position: relative;
		margin-block-start: 40px;
		
		/* Стабилизация краев от дрожания */
		-webkit-mask-image: -webkit-radial-gradient(white, black);
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
	
	.mnd-modal-slider-track.css-marquee-engine {
		width: 100%;
		overflow: hidden; /* Жестко прячем полосы прокрутки при анимации */
	}
	
	/* Принудительно стабилизируем сами изображения и видео внутри карточек */
	.mnd-slider-infinite-wrap img,
	.mnd-slider-infinite-wrap video {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}
	
	/* Прячем дефолтный скроллбар для идеальной эстетики */
	.mnd-modal-slider-track::-webkit-scrollbar {
		display: none;
	}
	
	/* Элемент карточки в слайдере модалки */
	.mnd-modal-card-item {
		flex: 0 0 auto; /* Не дает сжиматься */
		scroll-snap-align: start;
		border-radius: 6px;
		overflow: hidden;
		display: block;
	}
	
	/* Вертикальные обложки (Photos) */
	.mnd-modal-card-item.photo-portrait {
		height: 100%;
		width: calc(100% / 4.5);
	}
	
	/* Горизонтальные обложки (Films) */
	.mnd-modal-card-item.video-landscape {
		height: 100%;
		width: calc(100% / 1.7);
	}
	
	.mnd-modal-cover-wrap {
		position: relative;
		width: 100%;
		height: 100%;
	}
	.mnd-modal-cover-wrap img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	
	/* Иконка Play поверх видео обложек */
	.mnd-modal-cover-wrap .play-icon-overlay {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-translate(-50%, -50%));
		background: rgba(0, 0, 0, 0.6);
		border-radius: 50%;
		width: 30px;
		height: 30px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.mnd-stat-controls {
		display: flex;
		align-items: center;
		gap: 12px;
	}
	
	.mnd-slider-toggle-btn:hover {
		background: rgba(255, 255, 255, 0.1);
	}
	.mnd-slider-toggle-btn:active {
		transform: scale(0.9);
	}
	.mnd-slider-toggle-btn.is-paused {
		animation: pulseGlow 2s infinite; /* Мягкое подмигивание, когда карусель на паузе */
	}
	
	/* Обертка, которая содержит двойной набор карточек */
	.mnd-slider-infinite-wrap {
		display: flex;
		gap: 10px;
		width: max-content;
		animation: mndMarqueeScroll 125s linear infinite;
		
		/* Железобетонная стабилизация WebKit/Safari от дрожания краев */
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		
		will-change: transform; /* Подсказываем видеокарте заранее вынести весь трек в отдельный слой */
		image-rendering: -webkit-optimize-contrast;
	}
	
	/* Специфическая скорость для фильмов, так как их меньше и они шире */
	.mnd-slider-section-row[data-slider-type="films"] .mnd-slider-infinite-wrap {
		animation-duration: 105s;
	}
	
	/* Класс паузы, который мы будем вешать через JS при клике на кнопку */
	.mnd-slider-infinite-wrap.is-paused {
		animation-play-state: paused !important;
	}
	
	/* Ключевые кадры: смещаем ровно на 50% (длина одной копии карточек), 
	   после чего анимация незаметно для глаза прыгает в 0% и повторяется */
	@keyframes mndMarqueeScroll {
		0% {
			transform: translate3d(0, 0, 0);
		}
		100% {
			transform: translate3d(-50%, 0, 0);
		}
	}
	
	/* Твои размеры карточек (оставляем без изменений) */
	.mnd-modal-card-item.photo-portrait {
		flex-shrink: 0;
		width: calc((var(--modal-overlay-width) - var(--modal-content-padding-inline) * 2) / 4.5);
		height: auto;
	}
	.mnd-modal-card-item.video-landscape {
		flex-shrink: 0;
		width: calc((var(--modal-overlay-width) - var(--modal-content-padding-inline) * 2) / 1.7);
		height: auto;
	}
	
	/* Стили элементов управления */
	.mnd-stat-controls {
		display: flex;
		align-items: center;
		gap: 12px;
	}
	.mnd-slider-toggle-btn {
		background: transparent;
		border: none;
		cursor: pointer;
		font-size: 14px;
		padding: 2px 6px;
		border-radius: 4px;
		transition: transform 0.1s;
	}
	.mnd-slider-toggle-btn:active {
		transform: scale(0.85);
	}
	
	/* Панель под слайдером */
	.mnd-slider-footer-controls {
		display: flex;
		justify-content: right;
		align-items: center;
		padding-top: 10px;
		margin-bottom: 5px;
		width: 100%;
	}
	
	/* Стилизация интерактивной кнопки */
	.mnd-slider-toggle-btn {
		background: transparent;
		border: none;
		color: #f5f5f7;
		cursor: pointer;
		padding: 4px;
		display: inline-flex;
		align-items: center;
		justify-content: right;
		transition: color 0.2s, transform 0.1s, opacity 0.2s;
	}
	
	/* Мягкий неоновый белый ховер */
	.mnd-slider-toggle-btn:hover {
		color: rgba(255, 255, 255, 0.95);
	}
	
	.mnd-slider-toggle-btn:active {
		transform: scale(0.9);
	}
	
	/* Стили самих SVG-иконок внутри кнопки */
	.mnd-slider-toggle-btn svg {
		display: block;
		pointer-events: none; /* Чтобы клик регистрировался четко по кнопке */
	}
	
	/* ========================================== */
	/* Эффекты для сочных полос и анимации роста      */
	/* ========================================== */
	/* Контейнер всей секции сравнения */
	.mnd-stat-row-photos-analysis {
		margin-top: 20px;
		margin-bottom: 25px;
	}
	
	.mnd-photos-compare-grid {
		display: flex;
		flex-direction: column;
		gap: 32px;
		padding-block: 76px;
		padding-inline: 76px;
		background: #1d1d1f;
		margin-block: 32px;
		border-radius: 28px;
	}
	
	/* Строка отдельной модели */
	.mnd-compare-item-row {
		display: flex;
		flex-direction: column;
		gap: 14px;
	}
	
	/* Подсветка строки текущей модели, которую смотрит юзер */
	.mnd-compare-item-row.is-current-row .mnd-compare-label {
		color: #fff;
		font-weight: 600;
	}
	
	/* Подложка трека (серая матовая линия) */
	.mnd-compare-bar-bg {
		width: 100%;
		height: 6px;
		background: rgba(255, 255, 255, 0.08);
		border-radius: 10px;
		overflow: hidden;
		position: relative;
	}
	
	/* Заполняющая цветная полоса */
	.mnd-compare-bar-fill {
		height: 100%;
		border-radius: 10px;
		width: 0; /* Стартует с нуля для анимации */
		transition: width 1.2s cubic-bezier(0.1, 1, 0.1, 1); /* Красивый плавный разгон */
		box-shadow: 0 0 8px rgba(255, 255, 255, 0.15);
	}
	
	/* Текст описания под полосой */
	.mnd-compare-label {
		font-size: 21px;
		color: rgba(255, 255, 255, 0.45);
		letter-spacing: 0.3px;
		font-family: inherit;
	}
	
	.mnd-compare-header{
		margin-block-end: 10px; 
		padding-bottom: 10px; 
		border-bottom: 1px solid rgba(255,255,255,0.06);
	}
	
	.mnd-chart-header {
		display: flex;
		justify-content: space-between; 
		align-items: flex-end; 
		margin-bottom: 25px; 
		padding-bottom: 12px; 
		border-bottom: 1px solid rgba(255,255,255,0.06);
	}
	.compare-title, .popularity-title {
		font-size: 32px;
		text-transform: uppercase;
		letter-spacing: 1.5px;
		color: var(--text-muted);
		display: block;
		margin-block-end: 14px;
	}
	
	.compare-subtitle, .popularity-subtitle {
		margin: 0;
		font-size: 25px;
		font-weight: 500;
		color: #eee;
		font-family: inherit;
	}
	
	.compare-subtitle strong, .popularity-subtitle strong {
		color: var(--modal-headline-text-color); 
		font-weight: 700;
	}
	
	.mnd-chart-viewport {
		height: 380px; 
		display: flex; 
		align-items: flex-end; 
		justify-content: space-between; 
		padding: 20px 10px; 
		background: rgba(0,0,0,0.2); 
		border-radius: 16px; 
		border: 1px solid rgba(255,255,255,0.02); 
		overflow: hidden; 
		position: relative;
	}
	/* ========================================== */
	/* Эффекты кнопки LIKES  */
	/* ========================================== */
	/* Контейнер строки лайков */
	.mnd-interactive-like-row {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	
	/* Стили самой интерактивной кнопки */
	.mnd-modal-like-button {
		background: rgba(255, 255, 255, 0.03);
		border: 1px solid rgba(255, 255, 255, 0.05);
		padding: 6px 16px;
		border-radius: 20px;
		color: #fff;
		cursor: pointer;
		display: flex;
		align-items: center;
		gap: 8px;
		position: relative;
		overflow: visible; /* Чтобы частицы вылетали за пределы кнопки */
		transition: background 0.3s, border-color 0.3s, transform 0.1s;
	}
	
	.mnd-modal-like-button:hover {
		background: rgba(255, 71, 87, 0.1);
		border-color: rgba(255, 71, 87, 0.3);
	}
	
	.mnd-modal-like-button:active {
		transform: scale(0.92);
	}
	
	/* Состояние, когда лайк уже поставлен */
	.mnd-modal-like-button.is-liked {
		background: linear-gradient(135deg, #ff4757, #ff6b81);
		border-color: transparent;
		box-shadow: 0 4px 15px rgba(255, 71, 87, 0.4);
	}
	
	/* Анимация подпрыгивания цифр при изменении счёта */
	.mnd-like-counter.bounce-effect {
		animation: mndCountPop 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	}
	
	@keyframes mndCountPop {
		0% { transform: scale(1); }
		50% { transform: scale(1.4); color: #ff4757; }
		100% { transform: scale(1); }
	}
	
	/* Контейнер для генерации искр */
	.mnd-particles-container {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 1px;
		height: 1px;
		pointer-events: none;
	}
	
	/* Стили отдельной вылетающей частицы */
	.mnd-particle {
		position: absolute;
		width: 6px;
		height: 6px;
		background: #ff6b81;
		border-radius: 50%;
		pointer-events: none;
		opacity: 1;
		transform: translate(-50%, -50%);
		box-shadow: 0 0 8px #ff4757, 0 0 12px #ff4757; /* Неоновое свечение искры */
	}
	
	/* Состояние кнопки, когда лайк уже поставлен */
	.mnd-modal-like-button.is-liked {
		background: rgba(255, 71, 87, 0.1) !important;
		border-color: rgba(255, 71, 87, 0.3) !important;
		cursor: default !important;
		pointer-events: none; /* Отключает любые клики мышкой */
	}
	.mnd-modal-like-button.is-liked .stat-value {
		color: #ff4757 !important;
	}
	
	/* Эффект, когда лайк активен */
	.mnd-modal-like-button.is-liked {
		background: rgba(255, 71, 87, 0.15) !important;
		border-color: rgba(255, 71, 87, 0.4) !important;
	}
	.mnd-modal-like-button.is-liked .stat-value {
		color: #ff4757 !important;
	}
	
	/* ========================================== */
	/* Эффект Lazy-Stagger для блоков (Galleries, Films, Photos, Likes)  */
	/* ========================================== */
	/* Начальное состояние: блоки приглушены и смещены вниз */
	.mnd-slider-section-row,
	.mnd-i-want-more-row,
	.mnd-stat-row-photos-analysis,
	.mnd-interactive-like-row {
		opacity: 0;
		transform: translateY(25px) translateZ(0);
		
		/* Увеличиваем время анимации до 1.2 секунды и делаем супер-плавный финиш */
		transition: opacity 2.2s cubic-bezier(0.16, 1, 0.3, 1), 
					transform 2.2s cubic-bezier(0.16, 1, 0.3, 1);
		
		will-change: transform, opacity; /* Подсказка видеокарте для идеальной плавности 60fps */
		-webkit-mask-image: -webkit-radial-gradient(white, black); /* Трюк №1: заставляет Safari намертво держать маску */
		
	}
	
	/* Когда блок появляется в поле зрения, JS добавляет этот класс */
	.mnd-slider-section-row.is-visible,
	.mnd-i-want-more-row.is-visible,
	.mnd-stat-row-photos-analysis.is-visible,
	.mnd-interactive-like-row.is-visible {
		opacity: 1;
		transform: translateY(0) translateZ(0);
	}
	
	/* ========================================== */
	/* Прайсинг-Блок (Pricing Conversion Hook)  */
	/* ========================================== */
	/* Контейнер всей секции прайсинга */
	.mnd-pricing-section-row {
		margin-top: 50px;
		margin-bottom: 30px;
		padding: 0 20px;
		text-align: center;
		
		/* Вчерашняя магия материализации */
		opacity: 0;
		transform: translateY(25px);
		transition: opacity 1.2s cubic-bezier(0.16, 1, 0.3, 1), 
					transform 1.2s cubic-bezier(0.16, 1, 0.3, 1);
		will-change: transform, opacity;
	}
	
	/* Класс видимости от Observer */
	.mnd-pricing-section-row.is-visible {
		opacity: 1;
		transform: translateY(0);
	}
	
	.mnd-pricing-title h2 {
		font-size: 40px;
		color: #fff;
		font-weight: 700;
		letter-spacing: -0.5px;
		margin-bottom: 8px;
		text-transform: uppercase;
	}
	
	.mnd-pricing-title p {
		font-size: 15px;
		color: #a4b0be;
		margin-bottom: 35px;
	}
	
	/* Сетка карточек */
	.mnd-pricing-cards-container {
		display: flex;
		flex-direction: column;
		gap: 20px;
	}
	
	/* Базовая карточка (Эффект дорогого матового стекла) */
	.mnd-price-card {
		position: relative;
		background: rgba(255, 255, 255, 0.03);
		border: 1px solid rgba(255, 255, 255, 0.05);
		border-radius: 20px;
		padding: 30px 25px;
		text-align: center;
		overflow: hidden;
		transition: transform 0.4s ease, border-color 0.4s ease;
	}
	
	.mnd-price-card:hover {
		transform: translateY(-5px);
		border-color: rgba(255, 255, 255, 0.15);
	}
	
	/* Бейджи */
	.mnd-card-badge {
		display: inline-block;
		padding: 4px 12px;
		background: rgba(255, 255, 255, 0.1);
		color: #fff;
		font-size: 11px;
		font-weight: 700;
		text-transform: uppercase;
		border-radius: 20px;
		margin-bottom: 15px;
		letter-spacing: 0.5px;
	}
	
	.mnd-card-plan-name {
		font-size: 20px;
		color: #fff;
		font-weight: 600;
		margin-bottom: 10px;
	}
	
	.mnd-card-price {
		font-size: 42px;
		color: #fff;
		font-weight: 800;
		margin-bottom: 5px;
	}
	
	.mnd-card-price span {
		font-size: 16px;
		color: #747d8c;
		font-weight: 400;
	}
	
	.mnd-card-total-save {
		font-size: 12px;
		color: #2ed573;
		margin-bottom: 15px;
		font-weight: 500;
	}
	
	/* Список фич */
	.mnd-card-features {
		list-style: none;
		padding: 0;
		margin: 20px 0 25px 0;
		text-align: center;
	}
	
	.mnd-card-features li {
		color: #ced6e0;
		font-size: 14px;
		margin-bottom: 10px;
		position: relative;
	}
	
	/* Кнопки */
	.mnd-price-btn {
		display: block;
		width: 100%;
		padding: 14px;
		background: rgba(255, 255, 255, 0.08);
		color: #fff;
		text-decoration: none;
		border-radius: 12px;
		font-weight: 600;
		font-size: 15px;
		transition: background 0.3s ease;
	}
	
	.mnd-price-btn:hover {
		background: rgba(255, 255, 255, 0.18);
	}
	
	/* Топовая VIP Карта (Неоновое свечение и премиальный бордер) */
	.mnd-price-card.is-ultimate {
		background: rgba(255, 71, 87, 0.02);
		border: 1px solid rgba(255, 71, 87, 0.25);
		box-shadow: inset 0 0 20px rgba(255, 71, 87, 0.05);
	}
	
	.mnd-price-card.is-ultimate:hover {
		border-color: rgba(255, 71, 87, 0.5);
		box-shadow: 0 10px 30px rgba(255, 71, 87, 0.15), inset 0 0 20px rgba(255, 71, 87, 0.05);
	}
	
	/* Убойная кнопка призыва к действию */
	.unique-neon-btn {
		background: linear-gradient(135deg, #ff4757, #ff6b81);
		box-shadow: 0 6px 20px rgba(255, 71, 87, 0.4);
		text-shadow: 0 1px 2px rgba(0,0,0,0.2);
	}
	
	.unique-neon-btn:hover {
		background: linear-gradient(135deg, #ff6b81, #ff4757);
		box-shadow: 0 6px 25px rgba(255, 71, 87, 0.6);
		transform: scale(1.01);
	}
	
	/* Обертка для позиционирования стрелок */
	.mnd-pricing-carousel-wrapper {
		position: relative;
		width: 100%;
	}
	
	/* Контейнер карточек теперь превращается в карусель */
	.mnd-pricing-cards-container {
		display: flex;
		flex-direction: row; /* Всегда в ряд */
		gap: 20px;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scrollbar-width: none; /* Прячем дефолтный скроллбар Firefox */
		scroll-behavior: smooth;
		padding: 15px 5px;
	}
	
	.mnd-pricing-cards-container::-webkit-scrollbar {
		display: none; /* Прячем дефолтный скроллбар Chrome/Safari */
	}
	
	/* Базовая карточка как слайд карусели */
	.mnd-price-card {
		flex: 0 0 85%; /* На мобильных телефонах карточка занимает большую часть экрана */
		scroll-snap-align: center;
		box-sizing: border-box;
	}
	
	/* Кнопки навигации для прайсинга */
	.pricing-nav-controls {
		position: absolute;
		top: 50%;
		left: -15px; /* Немного вынесем за пределы, чтобы не наезжали на текст */
		right: -15px;
		transform: translateY(-50%);
		display: flex;
		justify-content: space-between;
		pointer-events: none; /* Контейнер клики пропускает */
		z-index: 99;
	}
	
	.pricing-nav-controls .price-prev-arrow,
	.pricing-nav-controls .price-next-arrow {
		pointer-events: auto !important; /* Кнопки клики принимают */
		background: rgba(0, 0, 0, 0.6);
		border: 1px solid rgba(255, 255, 255, 0.1);
		color: #fff;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		font-size: 24px;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: background 0.3s, transform 0.2s;
	}
	
	.pricing-nav-controls .carousel-arrow {
		pointer-events: auto; /* Возвращаем кликабельность стрелкам */
		background: rgba(0, 0, 0, 0.6);
		border: 1px solid rgba(255, 255, 255, 0.1);
		color: #fff;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		font-size: 24px;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: background 0.3s, transform 0.2s;
	}
	
	.pricing-nav-controls .carousel-arrow:hover {
		background: rgba(255, 71, 87, 0.8);
		transform: scale(1.1);
	}
	
	.mnd-compare-model-link:hover {
		color: #ff4757 !important; /* Или любой твой акцентный цвет бренда */
		border-bottom-color: transparent !important;
	}
	
	@keyframes mndFadeInBadge {
		from { opacity: 0; transform: translateY(-10px); }
		to { opacity: 1; transform: translateY(0); }
	}
	@keyframes mndFadeInAvatar {
		from { opacity: 0; transform: scale(0.8); }
		to { opacity: 1; transform: scale(1); }
	}
	
	.mnd-popularity-section-row.is-visible {
		opacity: 1;
		transform: translateY(0) translateZ(0);
	}
	.mnd-popularity-section-row {
		opacity: 0;
		transform: translateY(25px) translateZ(0);
		transition: opacity 2.2s cubic-bezier(0.16, 1, 0.3, 1), transform 2.2s cubic-bezier(0.16, 1, 0.3, 1);
		will-change: transform, opacity;
		-webkit-mask-image: -webkit-radial-gradient(white, black);
	}
	
	/* Исходное состояние элементов (когда секция еще не видна) */
	.mnd-popularity-section-row .mnd-chart-column-bar {
		height: 0% !important; /* Изначально столбцы лежат на дне */
		transition: height 1.6s cubic-bezier(0.25, 1, 0.5, 1);
	}
	.mnd-popularity-section-row .mnd-chart-likes-badge {
		opacity: 0;
		transform: translateY(-10px);
		transition: opacity 0.5s cubic-bezier(0.25, 1, 0.5, 1), transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
	}
	.mnd-popularity-section-row .mnd-chart-avatar-holder {
		opacity: 0;
		transform: scale(0.8);
		transition: opacity 0.6s cubic-bezier(0.25, 1, 0.5, 1), transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
	}
	
	/* Состояние АНИМАЦИИ (когда секция заехала на экран и получила .is-visible) */
	.mnd-popularity-section-row.is-visible .mnd-chart-column-bar {
		height: var(--col-height) !important; /* Столбцы плавно вырастают до своей CSS-переменной */
	}
	.mnd-popularity-section-row.is-visible .mnd-chart-likes-badge {
		opacity: 1;
		transform: translateY(0);
		transition-delay: 0.6s; /* Появляются чуть позже, когда столбец подрастет */
	}
	.mnd-popularity-section-row.is-visible .mnd-chart-avatar-holder {
		opacity: 1;
		transform: scale(1);
		transition-delay: 0.4s; /* Аватарка мягко раскрывается в процессе роста */
	}
	
	/* Когда график в процессе перезагрузки, принудительно роняем элементы конкретного графика, не трогая заголовок секции */
	.mnd-chart-viewport.is-ajax-loading .mnd-chart-column-bar {
		height: 0% !important;
		transition: height 0.25s ease !important;
	}
	.mnd-chart-viewport.is-ajax-loading .mnd-chart-likes-badge,
	.mnd-chart-viewport.is-ajax-loading .mnd-chart-avatar-holder {
		opacity: 0 !important;
		transform: scale(0.8) translateY(-10px) !important;
		transition: opacity 0.2s ease, transform 0.2s ease !important;
		transition-delay: 0s !important;
	}
	
	.mnd-chart-column-wrapper {
		width: 18%; 
		display: flex; 
		flex-direction: column;
		justify-content: flex-end; 
		align-items: center; 
		height: 100%;
	}
	
	.mnd-chart-column-bar {
		width: 100%; 
		position: relative; 
		border-radius: 8px 8px 0 0;
		border-bottom: none;
		display: flex; 
		flex-direction: column; 
		align-items: center;
		justify-content: flex-start; 
		padding: 15px 0; 
		box-sizing: border-box;
		min-height: 140px;
	}
	
	.mnd-chart-likes-badge {
		background: rgba(10,10,10,0.85); 
		padding: 3px 8px; 
		border-radius: 12px; 
		white-space: nowrap; 
		box-shadow: 0 4px 10px rgba(0,0,0,0.5); 
		display: flex; 
		align-items: center; 
		gap: 4px;
	}
	
	.mnd-chart-likes-badge .likes-val {
		font-size: 18px;
		font-weight: 600;
		color: #fff;
	}
	
	.mnd-chart-likes-badge span {
		color: #ff4757; 
		font-size: 16px;
	}
	 
	.mnd-chart-avatar-holder {
		width: 72px; 
		height: 72px;
		border-radius: 50%; 
		overflow: hidden; 
		background: #0c0c0c; 
		display: flex; 
		align-items: center; 
		justify-content: center; 
		margin-top: 10px;
	}
	.avatar-img {
		width: 100%; 
		height: 100%; 
		object-fit: cover; 
		filter: brightness(0.95) contrast(1.05);
	}
	
	.avatar-img span {
		font-size: 16px;
		font-weight: bold;
	}
	
	/* Адаптивность для Десктопов (Медиа-запрос) */
	@media (min-width: 992px) {
		.mnd-pricing-cards-container {
			flex-direction: row;
			justify-content: center;
			align-items: stretch;
		}
		.mnd-price-card {
			flex: 1;
			max-width: 320px;
		}
		.mnd-price-card.is-ultimate {
			transform: scale(1.03);
		}
		.mnd-price-card.is-ultimate:hover {
			transform: scale(1.05) translateY(-5px);
		}
	}
		
	/* Адаптив под планшеты и мобильные */
	@media (max-width: 1024px) {
		.action-buttons-flex-container {
			width: 100%;
			justify-content: flex-start;
		}
	}
	
	/* Небольшая оптимизация для мобильных экранов */
	@media (max-width: 576px) {
		.upgrade-action-btn {
			padding: 14px 24px;
			width: 100%;
			box-sizing: border-box;
		}
		.upgrade-action-btn h4 {
			font-size: 15px;
		}
	}