/* ==========================================================================
   1. ТОЧЕЧНЫЕ ДИАПАЗОНЫ
   ========================================================================== */
   
/* ==========================================================================
  1. НОУТБУКИ И IPAD PRO (1025px — 1440px)
  ========================================================================== */
@media (min-width: 1025px) and (max-width: 1440px) {

   .mnd-hero-grid {
	   display: grid;
	   grid-template-columns: 1.5fr 1fr;
	   gap: 30px;
	   align-items: start;
   }

   /* Главный блок: левая колонка на 2 строки */
   .latest-update-col {
	   grid-column: 1;
	   grid-row: 1 / 3;
   }

   .latest-update-col img {
	   height: auto;
	   max-height: 85vh;
	   object-fit: cover;
   }

   /* Правая колонка: модели */
   .top-models-col {
	   grid-column: 2;
	   grid-row: 1;
	   margin-bottom: 20px;
   }

   .top-models-col .mini-grid {
	   display: flex !important;
	   flex-wrap: nowrap !important;
	   overflow-x: auto !important;
	   gap: 15px !important;
	   padding-bottom: 10px;
	   -webkit-overflow-scrolling: touch;
   }

   .top-models-col .mini-card {
	   flex: 0 0 45% !important; /* 2 карточки + хвостик */
   }

   /* Нижняя секция: недавнее */
   .recent-col {
	   grid-column: 1 / -1;
	   width: 100%;
   }

   .recent-col .mini-grid {
	   display: flex !important;
	   flex-wrap: nowrap !important;
	   overflow-x: auto !important;
	   gap: 20px !important;
   }

   .recent-col .mini-card {
	   flex: 0 0 22% !important; /* ~4 штуки в ряд + хвостик */
   }

   /* Скрытие полосы скролла */
   .top-models-col .mini-grid::-webkit-scrollbar,
   .recent-col .mini-grid::-webkit-scrollbar {
	   display: none;
   }

   .navbar-toggler {
	   display: none !important;
   }
   
   .mnd-trigger-btn {
	   font-size: clamp(11px, 1vw, 15px);
   }
   
}

/* ==========================================================================
  2. ПЛАНШЕТЫ В ПОРТРЕТЕ (768px — 1199.98px)
  ========================================================================== */
@media (min-width: 768px) and (max-width: 1199.98px) {
	.top-models-col .mini-grid, 
	.recent-col .mini-grid, 
	.gems-grid {
		display: flex !important;
		flex-wrap: nowrap !important;
		overflow-x: auto !important;
		scroll-snap-type: x mandatory;
		gap: 15px !important;
		padding-bottom: 20px;
		/* Добавляем небольшой отступ справа, чтобы скролл был "мягким" */
		padding-right: 20px; 
		-webkit-overflow-scrolling: touch;
		grid-template-columns: none !important;
	}

	.top-models-col .mini-card, 
	.recent-col .mini-card, 
	.mnd-community-card {
		/* Убираем min-width, оставляем только процентное соотношение */
		flex: 0 0 28% !important; 
		scroll-snap-align: start;
		display: block;
	}

	/* Прячем скроллбар для чистоты интерфейса */
	.top-models-col .mini-grid::-webkit-scrollbar,
	.recent-col .mini-grid::-webkit-scrollbar,
	.gems-grid::-webkit-scrollbar {
		display: none;
	}
}


/* ==========================================================================
  3. ПЛАНШЕТЫ В ПОРТРЕТЕ (768px — 1024px)
  ========================================================================== */
@media (min-width: 768px) and (max-width: 1024px) {

   /* Показываем бургер */
   .navbar-toggler {
	   display: flex !important;
   }

   /* Скрываем десктопное меню */
   .navbar-collapse {
	   display: none !important;
   }

   /* Меню аккаунта внутри мобильного меню */
   .mobile-account-menu {
	   display: block !important;
	   padding-top: 20px;
	   border-top: 1px solid var(--border-color);
   }
}


/* ==========================================================================
  4. КРУПНЫЕ ТЕЛЕФОНЫ И ГОРИЗОНТАЛЬНЫЕ СМАРТФОНЫ (481px — 991px)
  ========================================================================== */
@media (min-width: 481px) and (max-width: 991px) {

   /* Модели: сетка в 2 колонки */
   .models-mini-grid {
	   display: grid !important;
	   grid-template-columns: 1fr 1fr !important;
	   gap: 15px !important;
   }

   .models-mini-grid img,
   .films-grid img {
	   width: 100%;
	   height: auto;
	   object-fit: cover;
   }

   /* Фильмы (Latest Films): строго в 1 колонку */
   .films-grid {
	   display: grid !important;
	   grid-template-columns: 1fr !important;
	   gap: 25px !important;
   }

   /* Community Gems: горизонтальная лента */
   .gems-grid {
	   display: flex !important;
	   flex-wrap: nowrap !important;
	   overflow-x: auto !important;
	   scroll-snap-type: x mandatory;
	   gap: 15px !important;
	   padding-bottom: 15px;
	   -webkit-overflow-scrolling: touch;
   }

   .mnd-community-card {
	   flex: 0 0 45% !important; /* ~2 карточки в области видимости */
	   scroll-snap-align: start;
   }

   .gems-grid::-webkit-scrollbar {
	   display: none;
   }
}
   
/* ==========================================================================
  2. ДЕСКТОП-ФЕРСТ: АДАПТИВ ВНИЗ (max-width)
  ========================================================================== */
	  
/* Брейкпоинт для планшетов и мобилок (начиная от iPad Pro 1200px и ниже) */
@media (max-width: 1400px) {
	
	/* 1. Жестко прячем блок Stats в правом сайдбаре */
	.update-right-sidebar .update-stats-card {
		display: none !important;
	}
	
	/* 2. Показываем блок под баннером */
	.inline-stats-block {
		display: flex;
		flex-direction: row; /* Строго в ряд */
		align-items: center;
		justify-content: space-between; /* Разносим инфо и кнопки по краям */
		gap: 20px;
		padding: 12px 20px; /* Делаем плашку чуть уже по высоте */
		background: var(--card-bg-color);
		border: 1px solid var(--card-border-color);
		border-radius: 8px;
		margin: 15px 0;
	}
	
	.inline-stats-grid {
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 8px;
		margin-bottom: 0; /* Убираем нижний отступ */
	}
	
	.inline-stat-pill {
		background: var(--stat-pill);
		border: 1px solid var(--card-border-color);
		padding: 6px 12px;
		border-radius: 6px;
		font-size: 13px;
		white-space: nowrap; /* Чтобы текст не переносился */
	}
	
	.inline-label {
		color: var(--text-muted);
	}
	
	.inline-value {
		color: var(--text-color);
		font-weight: 600;
	}
	
	/* Кнопки Фаворитов и Лайков в одну линию */
	.inline-sidebar-actions {
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 15px;
		width: auto; /* Отменяем полную ширину */
	}
	
	/* Ограничиваем кнопку фаворитов, чтобы она не растягивалась */
	.inline-sidebar-actions .fav-btn-container {
		flex: initial; 
		width: auto;
	}
	
	/* Стилизуем саму кнопку фаворитов под аккуратный инлайн-стиль */
	.inline-sidebar-actions .fav-btn-container a,
	.inline-sidebar-actions .fav-btn-container button {
		padding: 6px 16px !important;
		font-size: 13px !important;
		height: auto !important;
		line-height: normal !important;
	}
	
	.photo-meta-inline-label::before {
		content: ""; /* Убираем вертикальную черту на мобильных, так как строка будет снизу */
	}
	
	.photo-release-title {
		font-size: 2.2rem;
	}
	
	.action-buttons-flex-container .fav-btn-container a, 
	.action-buttons-flex-container .fav-btn-container button, 
	.action-buttons-flex-container .wp_ulike_btn {
		font-size: 13px !important;
	}
	
	.video-release-description, .photo-release-subtitle {
		font-size: 18px;
		max-width: 100%;
	}
	
}
	
/* Планшеты (Landscape) и небольшие ноутбуки */
@media (max-width: 1199.98px) {
	/* 1. Делаем блоки фильмов и моделей друг под другом */
	.mnd-middle-puzzle {
		grid-template-columns: 1fr; /* Одна колонка вместо двух */
		gap: 40px;
	}

	/* 2. Комментарии превращаем в горизонтальную ленту (как Community Gems) */
	.comments-scroll-container {
		display: flex !important;
		flex-wrap: nowrap !important;
		overflow-x: auto !important;
		scroll-snap-type: x mandatory;
		gap: 20px !important;
		padding-bottom: 20px;
		-webkit-overflow-scrolling: touch;
	}

	.comments-scroll-container .comment-item {
		flex: 0 0 45% !important; /* На планшете 2 полных комментария + кончик третьего */
		min-width: 280px;
		scroll-snap-align: start;
		border-bottom: none; /* Убираем линию, так как они теперь в ряд */
		background: rgba(255,255,255,0.03); /* Легкая подложка для выделения карточки */
		padding: 15px;
		border-radius: 4px;
		margin-bottom: 0;
	}
}

/* ==========================================================================
   MND MAGAZINE - RESPONSIVE BREAKPOINT (MAX-WIDTH: 1024px)
   ========================================================================== */

@media screen and (max-width: 1024px) {
	   
	/* 1. Базовый сплит-контейнер */
	.model-hero-split-layout {
		display: flex;
		flex-direction: column;
		gap: 40px;
	}

	/* Главный баннер (твое идеальное значение 55vh) */
	.hero-split-left {
		width: 100% !important;
		min-height: 55vh !important; 
		background-position: center 15% !important;
		background-size: cover !important;
		border-radius: 4px;
		padding: 0 !important; /* Убираем паддинг, чтобы внутренний блок сел встык */
		position: relative;
		overflow: hidden;
		display: flex;
		align-items: flex-end;
	}

	/* ИСПРАВЛЕНО: Градиент теперь сидит железно от края до края */
	.hero-left-content {
		width: 100% !important;
		/* Мягкий журнальный градиент с черного в прозрачный */
		/* background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.6) 60%, transparent 100%) !important;*/
		padding: 60px 20px 30px 20px !important; /* Увеличили верхний паддинг для мягкого рассеивания света */
		margin: 0 !important; /* Сбрасываем марджины */
		box-sizing: border-box !important;
		max-width: 100%;
	}

	/* Позиционирование элементов внутри баннера */
	.model-name-premium {
		font-size: 6rem ;
		margin-bottom: 10px !important;
	}

	.model-social-actions {
		margin: 20px 0 !important;
	}

	.model-quote-premium {
		max-width: 600px;
	}
	
	.quote-text {
		font-size: 2.7rem;
	}

	.hero-split-right {
		width: 100% !important;
		padding: 0 !important;
	}

	.unit-switcher-container {
		justify-content: center !important;
		margin-bottom: 25px !important;
	} 
	
	/* Контейнер-обертка */
	.model-tags-preview-box {
		width: 100%;
		position: relative !important; /* База для абсолютной кнопки */
		overflow: hidden;
		padding: 9px 0 5px 0;
		
		/* Важно: освобождаем фиксированное место справа под кнопку (примерно 150px),
		   чтобы теги при прокрутке не сливались с ней */
		padding-right: 165px !important; 
	}
	
	/* Лента тегов: скроллится внутри выделенного пространства */
	.tags-preview-flex {
		/* display: flex !important; */
		flex-wrap: nowrap !important;
		overflow-x: auto !important;
		padding-bottom: 8px;
		gap: 8px !important;
		-webkit-overflow-scrolling: touch;
	}
	
	/* Прячем скроллбар */
	.tags-preview-flex::-webkit-scrollbar {
		display: none !important;
		width: 0 !important;
		height: 0 !important;
	}
	
	/* Теги */
	.tags-preview-flex .mini-tag-item {
		display: inline-flex !important;
		align-items: center;
		white-space: nowrap !important;
		flex-shrink: 0 !important;
	}
	
	/* ГЕНИАЛЬНОЕ ЗАКРЕПЛЕНИЕ КНОПКИ */
	.tags-preview-flex .more-tags-trigger {
		position: absolute !important;
		right: 0 !important;
		top: 4px !important;
		height: 32px !important; /* Немного увеличим высоту для лучшего тача */
		display: inline-flex !important;
		align-items: center;
		white-space: nowrap !important;
		flex-shrink: 0 !important;
		z-index: 10 !important;
		background: var(--bg-color) !important;
		border: 1px solid var(--prm-gold-border) !important; /* Нежное, полупрозрачное золото */
		border-radius: 20px !important; /* Округлые края смотрятся гораздо современнее и мягче */
		padding: 0 16px !important;
		
		color: var(--prm-gold) !important;
		font-size: 12px !important;
		font-weight: 500 !important;
		text-transform: uppercase;
		letter-spacing: 0.5px;
		cursor: pointer;
	
		/* ТРЕНДОВЫЙ ЭФФЕКТ: Матовое размытие слева от кнопки */
		/* Убираем грубую тень и делаем плавный переход, чтобы теги элегантно растворялись */
		box-shadow: -15px 0 20px var(--fade-shadow-color) !important;
		
		transition: all 0.3s ease !important;
	}
	
	/* Мягкий интерактивный эффект при клике/нажатии на мобильных */
	.tags-preview-flex .more-tags-trigger:active {
		background-color: var(--prm-gold) !important;
		color: var(--text-color) !important;
		border-color: var(--prm-gold) !important;
	}

	/* --- ИСПРАВЛЕНИЕ ДЛЯ ОБЛОЖЕК СЕТОВ (ГАЛЕРЕЯ) --- */
	
	/* Находим контейнер картинки в сетке */
	.model-gallery-grid .gallery-item-box .media-cover-wrapper {
		width: 100% !important; 
		position: relative !important;
		overflow: hidden !important;
		border-radius: 4px !important;
	}

	/* Если это видео-карточка, ей лучше задать альбомное соотношение */
	.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;
	}

	/* Лечим саму картинку от сжатия */
	.model-gallery-grid .gallery-item-box .media-img {
		width: 100% !important;
		object-position: center center !important;
	}


	/* --- КОРРЕКЦИЯ МИНИАТЮРЫ BIO --- */
	.bio-mini-thumb {
		width: 225px !important;
		height: 300px !important;
		flex-shrink: 0;
	}

	/* Делаем аватарку в BIO аккуратным скругленным квадратом вместо овала */
	.bio-mini-thumb img {
		width: 100% !important;
		height: 100% !important;
		border-radius: 8px !important; 
		object-fit: cover !important;
		box-shadow: 0 10px 25px rgba(0,0,0,0.1);
	}
	
	.bio-text-excerpt {
		text-align: left !important;
	}
	
	.bio-section-title {
		font-size: 2.2rem;
	}
	
	.bio-text-excerpt {
		font-size: 1.25rem;
	}
	
	.filter-btn {
		font-size: 1.45rem;
	}
	
	.model-gallery-grid {
		grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
		grid-auto-rows: 130px;
	}
	
	.title-and-meta-container {
		flex-direction: column; /* На узких экранах перестраиваем обратно в колонку */
		align-items: flex-start;
		gap: 4px;
	}
	
	.photo-meta-inline-label {
		font-size: 14px; /* Уменьшаем размер на мобильных */
	}
	
	.photo-release-title, .video-release-title {
		font-size: 1.7rem;
	}
	
	.video-release-description {
		font-size: 1.2rem;
	}
	.model-meta-box.carousel-card {
		/* Если моделей много, можно выставить фиксированную премиальную ширину, например 350px */
		flex: 0 0 100%; 
	}
	
	.mobile-modal-trigger-container {
		display: block; /* Показываем кнопку */
	}
	
	/* Скрываем десктопную карусель, так как её функции теперь внутри модалки */
	.desktop-models-carousel-wrapper {
		display: none !important;
	}
	
	/* Updates Modal Window */
	.mnd-compare-label {
		font-size: 18px;
	}
	
	/* ========================================== */
	/* 1. ОБЩАЯ СТРУКТУРА СТРАНИЦЫ И САКРИТИЕ БЛОКОВ */
	/* ========================================== */
	
	/* Разворачиваем левую колонку на максимум */
	.update-left-column {
		width: 100% !important;
		max-width: 100% !important;
		flex: 0 0 100% !important;
		display: flex;
		flex-direction: column;
	}

	/* Полностью скрываем правый сайдбар и его старые элементы */
	.update-right-sidebar,
	.sidebar-downloads-wrapper,
	.sidebar-promo-gift-box,
	.update-right-sidebar .model-profile-card {
		display: none !important;
	}

	/* Показываем адаптивную секцию слайдера */
	.downloads-responsive-slider-section {
		display: block;
	}


	/* ========================================== */
	/* 2. СТРОКА ЗАГОЛОВКА И КНОПКИ ДЕЙСТВИЙ       */
	/* ========================================== */
	
	/* Держим строку заголовка и кнопок в один ряд на планшетах */
	.release-header-action-line {
		display: flex;
		justify-content: space-between; /* Текст слева, кнопки справа */
		align-items: flex-start;        /* Выравниваем по верхнему краю */
		gap: 20px;
		width: 100%;
		margin-bottom: 20px;
	}
	
	/* Контейнер заголовка слева (название + мета) */
	.title-and-meta-container {
		gap: 4px !important;
		flex: 1 !important;
		text-align: left;
	}
	
	.video-release-title {
		font-size: 27px;
		font-weight: 700;
		line-height: 1.3;
		margin-bottom: 8px;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		gap: 10px;
	}
	
	.video-release-description {
		font-size: 22px;
		color: var(--clr-sec-hover, #a0a0a0);
		line-height: 1.4;
	}
	
	/* Правая колонка с кнопками */
	.header-action-buttons {
		display: flex;
		align-items: center;
		gap: 10px;
		flex-shrink: 0;                 /* Не дает кнопкам сжиматься при длинном заголовке */
	}
	
	/* 2. Нижний ряд с кнопкой модалки */
	.mobile-interaction-wrapper {
		display: block;
		width: 100%;
	}
	
	.mini-tag-item, .full-tag-link {
		font-size: 12px;
	}
	
	.action-buttons-flex-container {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		gap: 10px !important;
	}

	/* Выстраиваем дополнительные блоки действий в аккуратный поток */
	.photo-info-release-block, 
	.single-release-actions {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 12px;
		margin-bottom: 20px;
	}


	/* ========================================== */
	/* 3. ОБЪЕДИНЕННЫЙ РЯД: МОДЕЛЬ + ОБЛАКО ТЕГОВ */
	/* ========================================== */
	
	.responsive-meta-row {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: wrap !important;
		align-items: center !important;
		gap: 8px !important;
		margin: 25px 0 !important;
		padding: 15px 0 !important;
		border-top: 1px solid var(--card-border-color) !important; /* Умная переменная цвета */
		border-bottom: 1px solid var(--card-border-color) !important;
		width: 100% !important;
	}
	
	/* Бэдж модели как первый элемент ряда */
	.model-profile-responsive-badge {
		display: block !important;
		margin: 0 !important;
		padding: 0 !important;
		flex-shrink: 0 !important;
	}
	
	.model-badge-link {
		display: inline-flex;
		align-items: center;
		background: #ff233b; /* Фирменный сочный красный */
		color: #ffffff !important;
		padding: 6px 16px;
		border-radius: 20px;
		font-size: 14px;
		font-weight: 700;
		text-decoration: none !important;
		letter-spacing: 0.3px;
		box-shadow: 0 4px 10px rgba(255, 35, 59, 0.2);
		transition: transform 0.2s ease, box-shadow 0.2s ease;
	}
	
	.model-badge-link:hover {
		transform: translateY(-1px);
		box-shadow: 0 6px 14px rgba(255, 35, 59, 0.3);
		background: #e01f33;
	}
	
	/* Раскрываем контейнеры тегов через display: contents */
	.photo-tags-inline-wrapper,
	.tags-preview-flex.desktop-tags-only {
		display: contents !important;
	}
	
	.mini-tag-item {
		display: inline-flex !important;
		align-items: center !important;
		margin: 0 !important;
		vertical-align: middle !important;
	}
	
	/* Кнопка "+ More & Suggest" послушно встает в конец потока */
	.responsive-meta-row .more-tags-trigger {
		position: static !important;
		display: inline-flex !important;
		align-items: center !important;
		margin: 0 !important;
		vertical-align: middle !important;
		box-shadow: none !important; 
		height: 28px !important; 
		line-height: 28px !important;
	}


	/* ========================================== */
	/* 4. ХОДОВАЯ ЧАСТЬ СЛАЙДЕРА DOWNLOADS         */
	/* ========================================== */
	
	.downloads-slider-container {
		position: relative;
		width: 100%;
	}

	.downloads-slider-track {
		display: flex !important;
		gap: 16px !important;
		overflow-x: auto !important;
		scroll-snap-type: x mandatory !important;
		padding: 5px 20px 20px 2px !important; /* Дает "воздух" для теней и финиша скролла */
		scrollbar-width: none !important;
		scroll-behavior: smooth !important;
	}

	.downloads-slider-track::-webkit-scrollbar {
		display: none;
	}
	
	/* Убираем влияние вложенности плагина */
	.downloads-slider-track .w3eden {
		display: contents !important;
	}


	/* ========================================== */
	/* 5. ЭСТЕТИКА И ГЕОМЕТРИЯ КАРТОЧЕК СКАЧИВАНИЯ */
	/* ========================================== */
	
	.downloads-slider-track .mnd-download-card-wrapper, 
	.downloads-slider-track .locked-card {
		display: flex !important;
		flex-direction: column !important;
		justify-content: space-between !important;
		
		/* Наша золотая пропорция: 2.5 карточки на экране */
		flex: 0 0 calc((100% - 32px) / 2.5) !important;
		width: calc((100% - 32px) / 2.5) !important;
		min-width: 35vw !important; /* Твоя гениальная страховка по вьюпорту */
		
		scroll-snap-align: start !important;
		border-radius: 12px !important;
		padding: 20px !important;
		box-sizing: border-box !important;
		min-height: 160px !important;
		
		/* ИНТЕГРАЦИЯ ТЕМЫ: Карточки адаптируются под Light/Dark автоматически! */
		background: var(--card-bg-color) !important; 
		border: 1px solid var(--card-border-color) !important;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important;
	}
	
	/* Оформление залоченной секции для гостей */
	.guest-locked-slider .mnd-download-card-wrapper {
		background: var(--card-bg-color) !important;
		border: 1px dashed var(--border-color) !important;
	}

	.guest-slider-cta {
		margin-top: 20px;
		text-align: center;
	}

	.slider-unlock-premium-btn {
		display: inline-block;
		padding: 14px 24px;
		background: var(--prm-gold, #d4af37);
		color: #000000 !important;
		font-weight: 800;
		border-radius: 30px;
		text-decoration: none;
		font-size: 15px;
		letter-spacing: 0.5px;
		box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3);
	}

	/* Текстовые стили внутри карточек */
	.download-card-title {
		font-size: 14px !important;
		font-weight: 700 !important;
		color: var(--text-color) !important; /* Меняется в зависимости от темы */
		margin: 0 0 4px 0 !important;
		line-height: 1.3 !important;
	}

	.download-card-size {
		font-size: 12px !important;
		color: var(--text-muted) !important; /* Меняется в зависимости от темы */
	}


	/* ========================================== */
	/* 6. КНОПКИ СКАЧИВАНИЯ И ИХ ЖЕСТКАЯ ПОКРАСКА */
	/* ========================================== */
	
	.download-card-action a, 
	.wpdm-download-link,
	[class*="wpdm-download"],
	.mock-download-btn {
		display: block !important;
		width: 100% !important;
		text-align: center !important;
		padding: 10px !important;
		border-radius: 8px !important;
		font-size: 14px !important;
		font-weight: 700 !important;
		text-transform: uppercase !important;
		text-decoration: none !important;
		margin-top: 15px !important;
		box-sizing: border-box !important;
		border: none !important;
	}
	
	/* Фирменная разноцветная палитра кнопок с учетом структуры плагина */
	
	/* 1-я обертка - Максимальное качество (Яркий синий) */
	.downloads-slider-track > .w3eden:nth-child(1) .wpdm-download-link,
	.downloads-slider-track > .w3eden:nth-child(1) [class*="wpdm-download"],
	.card-high-res .mock-download-btn {
		background-color: #2b00ff !important;
		background-image: none !important;
		color: #ffffff !important;
	}
	
	/* 2-я обертка - Среднее качество (Глубокий темно-синий) */
	.downloads-slider-track > .w3eden:nth-child(2) .wpdm-download-link,
	.downloads-slider-track > .w3eden:nth-child(2) [class*="wpdm-download"],
	.card-med-res .mock-download-btn {
		background-color: #1c139c !important;
		background-image: none !important;
		color: #ffffff !important;
	}
	
	/* 3-я обертка - Оптимизированное (Сочный красный) */
	.downloads-slider-track > .w3eden:nth-child(3) .wpdm-download-link,
	.downloads-slider-track > .w3eden:nth-child(3) [class*="wpdm-download"],
	.card-low-res .mock-download-btn {
		background-color: #ff233b !important;
		background-image: none !important;
		color: #ffffff !important;
	}
	
	/* 4-я обертка - Резервное (Нейтральный темный графит) */
	.downloads-slider-track > .w3eden:nth-child(4) .wpdm-download-link,
	.downloads-slider-track > .w3eden:nth-child(4) [class*="wpdm-download"] {
		background-color: #222222 !important;
		background-image: none !important;
		color: #ffffff !important;
	}

	/* ========================================== */
	/* 7. СТРЕЛОЧКИ НАВИГАЦИИ (ПЛАНШЕТНЫЙ СТИЛЬ)  */
	/* ========================================== */
	
	.slider-arrow-navigation {
		display: inline-flex !important;
		justify-content: flex-end !important;
		gap: 12px !important;
		margin-top: 15px !important;
		padding-right: 20px !important;
		width: 100% !important;
	}
	
	.slider-arrow {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 40px !important;
		height: 40px !important;
		border-radius: 50% !important;
		border: 1px solid var(--card-border-color) !important;
		background: var(--card-bg) !important;
		color: var(--text-color) !important;
		font-size: 24px !important;
		line-height: 1 !important;
		cursor: pointer !important;
		box-shadow: 0 2px 6px rgba(0,0,0,0.03) !important;
		transition: all 0.2s ease !important;
		-webkit-tap-highlight-color: transparent;
	}
	
	.slider-arrow:active {
		background: var(--card-bg-color) !important;
		transform: scale(0.95);
	}
	
	/* ========================================== */
	/* Прайсинг-Блок (Pricing Conversion Hook)  */
	/* ========================================== */
	
	.mnd-pricing-title h2 {
		font-size: 32px;
	}
	
	.mnd-pricing-cards-container {
		max-width: 720px; /* Ограничиваем общую ширину карусели */
		margin: 0 auto;
	}
	.mnd-price-card {
		flex: 0 0 calc(50% - 10px); /* Ровно половина ширины за вычетом гэпа */
		scroll-snap-align: start;
	}
	
	/* ========================================== */
	/* Чарт популярности (Popularity Index)  */
	/* ========================================== */
	
	/* ==========================================================================
	 Floating & Bottom Action Buttons ("Add to Favorites" / "Like")
	 ========================================================================== */
	#floatingActionsBar {
		left: 50% !important;
		bottom: calc(16px + env(safe-area-inset-bottom)) !important;
		padding: 8px 16px;
		max-width: 92vw;
	}
	
	/* ==========================================================================
	 Кнопка раскрытия баннера
	========================================================================== */
	
	/* Скрываем кнопку раскрытия — на планшетах она не нужна */
	.mnd-banner-expand-btn {
		display: none !important;
	}
	
	/* На всякий случай сбрасываем стили Cinema Mode, если класс случайно остался */
	body.is-banner-expanded .update-hero-banner,
	body.is-banner-expanded .update-video-hero-wrapper {
		width: 100% !important;
		margin-right: 0 !important;
	}
	
	body.is-banner-expanded .update-right-sidebar {
		margin-top: 0 !important;
	}

}

/* Планшеты (Portrait) - Тот самый порог, где 3 колонки превращаются в 1 */
@media (max-width: 991px) {
	.mnd-hero-grid {
		display: flex !important;
		flex-direction: column;
		gap: 30px;
	}
	.hero-side-col, .hero-center-col {
		width: 100% !important;
	}
	/* Community Gems: вместо 6 колонок делаем 3 */
	.gems-grid {
		grid-template-columns: repeat(3, 1fr) !important;
	}
	.mnd-middle-puzzle {
		grid-template-columns: 1fr !important; /* Films и New Models друг под другом */
	}
	
	/* MODEL PAGE */
	.model-name-premium {
		font-size: 4rem !important;
		width: 350px !important;
	}
	
	.model-location-sub {
		font-size: 1.5rem;
	}
	
	.quote-text {
		font-size: 2.2rem !important;
	}
	
	.bio-text-excerpt {
		font-size: 1rem !important;
	}
	.gallery-main-title {
		font-size: 1.8rem;
	}
}

@media (max-width: 768px) {
	.inline-stats-block {
		flex-direction: column;
		align-items: stretch;
		gap: 12px;
	}
	.inline-stats-grid {
		justify-content: center;
	}
	.inline-sidebar-actions {
		justify-content: space-between;
		width: 100%;
	}
	
	.release-header-action-line {
		flex-direction: column;
		align-items: flex-start; /* На телефонах кнопки упадут под заголовок */
		gap: 15px;
	}
	
	.action-buttons-flex-container {
		width: 100%;
		justify-content: space-between; /* Кнопки растянутся по ширине смартфона */
	}
	.premium-fav-layout-btn {
		font-size: 13px !important;
	}
	
	#floatingActionsBar {
		left: 50% !important; /* Центр экрана на смартфонах */
		bottom: calc(16px + env(safe-area-inset-bottom)) !important;
		padding: 6px 12px !important;
	}
	
	/* Прячем весь текст в Favorites */
	#floatingActionsBar .fav-btn-container button span:not(.icon):not(.svg-icon),
	#floatingActionsBar .fav-btn-container a span:not(.icon):not(.svg-icon),
	#floatingActionsBar .fav-btn-container span.btn-text {
		display: none !important;
	}
	
	/* Прячем весь текст и счетчики в WP ULike */
	#floatingActionsBar .wp_ulike_btn span:not(.wp_ulike_icon_element),
	#floatingActionsBar .wp_ulike_btn .count-box,
	#floatingActionsBar .wp_ulike_btn .wp_ulike_counter,
	#floatingActionsBar .wp_ulike_btn_text {
		display: none !important;
	}
	
	/* Превращаем кнопки в идеальные круги с иконками */
	#floatingActionsBar .fav-btn-container button,
	#floatingActionsBar .fav-btn-container a,
	#floatingActionsBar .wp_ulike_btn {
		padding: 0 !important;
		width: 38px !important;
		height: 38px !important;
		min-width: 38px !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		border-radius: 50% !important;
	}
	
	/* Центрируем иконки внутри кругов */
	#floatingActionsBar .fav-btn-container i,
	#floatingActionsBar .fav-btn-container svg,
	#floatingActionsBar .wp_ulike_btn i,
	#floatingActionsBar .wp_ulike_btn svg,
	#floatingActionsBar .wp_ulike_icon_element {
		margin: 0 !important;
		font-size: 16px !important;
	}
	
	#fgalleryActionsWrapper .premium-fav-layout-btn,
	#fgalleryActionsWrapper .wp_ulike_btn {
		width: 38px !important;
		height: 38px !important;
		padding: 0 !important;
		border-radius: 50% !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
	}
}

/* Мобильные телефоны */
@media (max-width: 767px) {
	/* 1. Общие настройки секций и отступов */
	.mnd-section {
		padding: 30px 0 !important;
	}
	.home-comments, .community-gems, .mnd-section {
		margin-top: 40px !important;
		margin-bottom: 20px !important;
	}
	
	.mini-title {
		margin-bottom: 15px !important;
		color: var(--text-color) !important; 
		letter-spacing: 0.5px;
		border-bottom: 1px solid var(--border-color) !important;
		padding-bottom: 5px;
		text-transform: uppercase;
		font-weight: 700;
	}

	/* 2. Настройки RECENT TALK (Комментарии) */
	.home-comments div[style*="grid-template-columns"] {
		grid-template-columns: 1fr !important;
	}

	.comment-item {
		border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
		margin-bottom: 20px;
		padding-bottom: 20px;
		display: flex; /* Чтобы аватарка и текст не разлетались */
		gap: 15px;
	}

	.comment-item:last-child {
		border-bottom: none;
	}

	.comment-item strong {
		color: #000 !important;
		font-size: 11px;
	}
	
	.comment-item a {
		color: #555 !important;
		text-decoration: none;
	}

	/* Текст самой цитаты */
	.home-comments div[style*="font-size: 15px"] {
		color: #333 !important;
		line-height: 1.4;
	}
	
	.home-comments span[style*="font-family: serif"] {
		color: #999 !important; /* Кавычки */
	}

	/* 3. Настройки COMMUNITY GEMS (Скролл) */
	.gems-grid {
		display: flex !important;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		gap: 15px !important;
		padding-bottom: 15px;
		-webkit-overflow-scrolling: touch;
	}
	
	.gems-grid > div {
		flex: 0 0 70%;
		scroll-snap-align: start;
		color: #444 !important;
		font-size: 10px;
	}
	
	.top-models-col {
		margin-top: 40px !important;
	}
	
	/* 2. Превращаем mini-grid в горизонтальную ленту */
	.top-models-col .mini-grid {
		display: flex !important;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		gap: 15px !important;
		padding-bottom: 15px;
		-webkit-overflow-scrolling: touch;
		grid-template-columns: none !important; /* Отключаем сетку, если она была */
	}
	
	/* 3. Размер карточки модели: 45% ширины (две в ряд + задел на третью) */
	.top-models-col .mini-card {
		flex: 0 0 45% !important;
		scroll-snap-align: start;
		display: block;
		text-decoration: none;
	}
	
	.top-models-col .mini-card img {
		width: 100%;
		height: auto;
		aspect-ratio: 3/4; /* Делаем их чуть более вытянутыми, книжный формат */
		object-fit: cover;
		border-radius: 4px;
	}
	
	/* 4. Текст под моделью на белом фоне */
	.mini-card-title {
		display: block;
		margin-top: 8px;
		font-size: 11px !important;
		color: #000 !important;
		text-transform: uppercase;
		font-weight: 700;
		letter-spacing: 0.5px;
	}
	
	/* 5. Исправляем кнопку See All для белого фона */
	.top-models-col a[style*="color: #fff"] {
		color: #000 !important;
		border-color: rgba(0,0,0,0.2) !important;
	}
	.top-models-col .mini-grid, 
	.recent-col .mini-grid {
		display: flex !important;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		gap: 15px !important;
		padding-bottom: 15px;
		-webkit-overflow-scrolling: touch;
	}
	
	.top-models-col .mini-card, 
	.recent-col .mini-card {
		flex: 0 0 45% !important; /* Тот самый золотой стандарт: 2 карточки + хвостик */
		scroll-snap-align: start;
	}
	.new-models-block div[style*="grid-template-columns"] {
		display: grid !important;
		grid-template-columns: 1fr 1fr !important; /* Четко пополам */
		gap: 15px !important;
	}
	.films-block div[style*="grid-template-columns"] {
		grid-template-columns: 1fr !important; /* Один плеер на всю ширину */
	}
	/* Все кнопки "See All" делаем темными для светлой темы */
	.hero-side-col a[style*="color: #fff"], 
	.films-block a[style*="color: #fff"],
	.new-models-block a[style*="color: #fff"] {
		color: #222 !important;
		border-color: rgba(0,0,0,0.2) !important;
	}
	/* Скрываем скроллбар для всех скролл-блоков */
	.gems-grid, 
	.top-models-col .mini-grid, 
	.recent-col .mini-grid {
		-ms-overflow-style: none;  /* Скрываем в Internet Explorer/Edge */
		scrollbar-width: none;  /* Скрываем в Firefox */
		padding-bottom: 0 !important; /* Убираем лишний отступ, который мы делали для скроллбара */
	}
	
	/* Скрываем в Chrome, Safari и Opera */
	.gems-grid::-webkit-scrollbar, 
	.top-models-col .mini-grid::-webkit-scrollbar, 
	.recent-col .mini-grid::-webkit-scrollbar {
		display: none;
	}
	.mnd-puzzle-wrapper {
		margin: 60px auto 30px;
	}
	
	.comments-scroll-container .comment-item {
		flex: 0 0 85% !important; /* На телефоне один большой комментарий */
	}
	
	.films-grid, .models-mini-grid {
		grid-template-columns: 1fr; /* На телефоне всё в одну колонку */
	}
	
	/* Делаем шапку архива вертикальной, чтобы всё поместилось */
	.block-header {
		display: flex;
		flex-direction: column;
		align-items: flex-start; /* Заголовок слева */
		gap: 10px;
		margin-bottom: 20px;
	}
	
	.archive-header-section {
		margin-bottom: 20px;
	}
	
	.archive-filters {
		width: 100%; /* Фильтры на всю ширину */
	}
	
	.filter-form {
		display: flex;
		flex-wrap: wrap; /* Если фильтров много, они перенесутся на вторую строку */
		gap: 8px;
		width: 100%;
	}
	
	.filter-group {
		flex: 1 1 auto;
	}
	
	.filter-group select {
		width: 100%; /* Выпадающий список на всю ширину своей группы */
		font-size: 13px; /* Увеличим шрифт для удобства нажатия пальцем */
		padding: 6px 10px;
	}
	
	/* Пагинация на мобильных */
	.wp-pagenavi {
		flex-wrap: wrap; 
		justify-content: center;
		gap: 4px; /* Уменьшаем зазоры, чтобы больше кнопок влезло в ряд */
		margin: 20px 0;
	}
	
	.wp-pagenavi a, 
	.wp-pagenavi span {
		padding: 5px 8px; /* Уменьшаем внутренние отступы */
		min-width: 30px;  /* Делаем кнопки компактнее */
		font-size: 12px;
		display: inline-block;
	}
	
	/* Скрываем текст "Page 1 of 10", чтобы сэкономить место */
	.wp-pagenavi span.pages {
		display: none !important;
	}
	
	/* Скрываем крайние кнопки (первая/последняя), если их слишком много */
	.wp-pagenavi .first, 
	.wp-pagenavi .last {
		display: none !important;
	}
	
	/* MODEL PAGE */

}

/* Смартфоны (экраны совсем маленькие, например меньше 640px) */
@media (max-width: 640px) {
	/* Вот на телефонах им уже физически не хватит места в один ряд с заголовком, */
	/* поэтому там мы их изящно опустим чуть ниже названия */
	.release-header-action-line {
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 15px !important;
	}
	
	.action-buttons-flex-container {
		width: 100% !important;
		justify-content: flex-start !important; /* Кнопки прижмутся влево на смартфонах */
	}
	
	.downloads-slider-track .mnd-download-card-wrapper,
	.downloads-slider-track .locked-card {
		flex: 0 0 calc((100% - 16px) / 1.3) !important;
		width: calc((100% - 16px) / 1.3) !important;
		min-width: 0 !important;
		padding: 16px !important;
	}
}
/* Оптимизация под мобильные телефоны */
@media (max-width: 576px) {
	.inline-stats-grid {
		display: grid;
		grid-template-columns: repeat(2, 1fr); /* На телефонах встанут аккуратной сеткой 2х2 */
	}
}


/* Маленький штрих для мобильных телефонов (экраны меньше 480px) */
@media screen and (max-width: 480px) {
	
	.mini-card-title {
		font-size: 10px; /* Уменьшаем текст в мелких карточках */
	}
	
	.model-name-premium {
		font-size: 2.2rem !important;
	}
	
	.model-stats-grid-premium {
		grid-template-columns: 1fr !important; /* Карточки встают строго в один ряд */
	}
	
	.hero-split-left {
		min-height: 55vh; /* На смартфонах чуть уменьшаем высоту баннера */
	}

	/* Model page */
	/* 1. ПЕРЕВОДИМ СПЛИТ-ЛЕЙАУТ В ОДНУ КОЛОНКУ */
	.model-hero-split-layout {
		display: flex !important;
		flex-direction: column !important;
		gap: 16px !important; /* Четкий зазор между всеми картами, как на макете */
		padding: 12px !important;
	}

	/* 2. ЛЕВАЯ КАРТОЧКА (Главная обложка с именем) */
	.model-hero-split-layout .hero-split-left {
		width: 100% !important;
		/* Делаем её вертикальной карточкой, как на макете */
		min-height: 480px !important; 
		border-radius: 16px !important;
		overflow: hidden;
		padding: 24px !important;
		display: flex !important;
		align-items: flex-end !important; /* Спускаем контент вниз поверх фото */
		position: relative !important;
		box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
	}

	/* Создаем мягкий темный градиент внизу фото, чтобы текст ВСЕГДА читался, даже в Light mode */
	.model-hero-split-layout .hero-split-left::before {
		content: '';
		position: absolute;
		top: 0; left: 0; right: 0; bottom: 0;
		/* background: linear-gradient(to top, rgba(17, 17, 17, 0.9) 0%, rgba(17, 17, 17, 0.3) 50%, transparent 100%) !important; */
		z-index: 1;
		border-radius: 4px;
	}

	.hero-left-content {
		position: relative;
		z-index: 2; /* Поднимаем текст над градиентом */
		width: 100%;
	}

	.model-name-premium {
		font-size: 28px !important; /* Компактный размер для телефона */
		line-height: 1.2 !important;
	}

	/* 3. ПРАВАЯ ЧАСТЬ (Сбрасываем старые отступы, превращаем в поток карточек) */
	.model-hero-split-layout .hero-split-right {
		width: 100% !important;
		display: flex !important;
		flex-direction: column !important;
		gap: 16px !important;
		padding: 0 !important;
	}

	/* Переключатель систем измерения выравниваем по центру */
	.unit-switcher-container {
		align-self: center !important;
		margin-bottom: 4px !important;
	}

	/* Превращаем сетку в вертикальный стек строк */
	.model-hero-split-layout .model-stats-grid-premium {
		display: flex !important;
		flex-direction: column !important;
		gap: 10px !important; /* Небольшой зазор между строками */
		width: 100% !important;
		padding: 0 4px !important; /* Легкие отступы по бокам */
	}
	
	/* Превращаем кубик в аккуратную горизонтальную строку-плашку */
	.model-hero-split-layout .stat-card-box {
		background: var(--card-bg-color, rgba(255, 255, 255, 0.03)) !important;
		border: 1px solid rgba(229, 196, 131, 0.1) !important;
		border-radius: 12px !important;
		padding: 14px 16px !important; /* Увеличили боковые отступы */
		
		display: flex !important;
		flex-direction: row !important; /* Строго в линию */
		align-items: center !important; /* Центрируем иконку и текст по вертикали */
		justify-content: flex-start !important; /* Все прижимаем к левому краю */
		text-align: left !important;
		min-height: auto !important; /* Сбрасываем фиксированную высоту кубиков */
		width: 100% !important;
		box-sizing: border-box !important;
	}
	
	/* Иконка слева */
	.stat-card-icon {
		margin-bottom: 0 !important; /* Убираем нижний отступ */
		margin-right: 14px !important; /* Делаем четкий отступ справа от иконки до текста */
		flex-shrink: 0 !important;
		display: flex !important;
		align-items: center !important;
	}
	
	.stat-card-icon svg {
		width: 20px !important; /* Чуть увеличили иконку, теперь места полно */
		height: 20px !important;
	}
	
	/* Контейнер для текста, чтобы заголовок и цифры шли друг за другом */
	.stat-card-box .stat-card-value {
		font-size: 18px !important; /* КРУПНЫЙ, отлично читаемый шрифт */
		font-weight: 600 !important;
		color: var(--text-color) !important;
		line-height: 1.2 !important;
		margin-bottom: 0 !important;
		order: 2; /* Меняем порядок: сначала идет подпись, потом значение (или наоборот) */
	}
	
	body.light-mode .stat-card-box .stat-card-value {
		color: #111111 !important;
	}
	
	/* Подпись характеристики */
	.stat-card-box .stat-card-label {
		font-size: 15px !important; /* Сделали более читаемой */
		font-weight: 500 !important;
		text-transform: uppercase !important;
		letter-spacing: 0.6px !important;
		color: var(--prm-gold) !important;
		margin-top: 0 !important;
		margin-right: auto !important; /* Магия: толкает значение (цифры) к правому краю строки */
		order: 1;
	}

	/* Прячем старый разделитель, карточная сетка сама себя разделяет */
	.stats-bio-divider {
		display: none !important;
	}

	/* 5. КАРТОЧКА BIO — ТЕПЕРЬ ЭТО ОДДЕЛЬНЫЙ МОНОЛИТНЫЙ БЛОК */
	.model-hero-split-layout .model-bio-section-premium {
		background: var(--card-bg, rgba(255, 255, 255, 0.03)) !important;
		border: 1px solid rgba(229, 196, 131, 0.1) !important;
		border-radius: 16px !important;
		padding: 20px !important;
		box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
	}

	/* Внутри BIO на мобильных выстраиваем мини-аватарку и текст вертикально */
	.bio-flex-row {
		display: flex !important;
		flex-direction: column !important;
		gap: 16px !important;
		align-items: flex-start !important;
	}

	.bio-mini-thumb {
		display: none;
	}
	
	.bio-mini-thumb img {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
	}
	
	.bio-text-excerpt {
		padding-right: 0;
	}

	.bio-text-excerpt p {
		font-size: 1rem !important;
		line-height: 1.5 !important;
	}
	
	/* 1. ГЛОБАЛЬНЫЙ РОДИТЕЛЬ — Выравниваем всё в одну колонку */
	.model-hero-split-layout {
		display: flex !important;
		flex-direction: column !important;
		gap: 0 !important; /* Убираем зазор, так как фото и карточка должны идти встык */
		width: 100% !important;
		max-width: 100% !important;
		padding: 0 !important;
		margin: 0 auto !important;
		box-sizing: border-box !important;
	}
	
	/* 2. ЛЕВАЯ КОЛОНКА (На мобильных она станет просто чистой обложкой) */
	.model-hero-split-layout .hero-split-left {
		width: 100% !important;
		height: 310px !important;
		min-height: 310px !important;
		border-radius: 4px !important;
		background-position: center center !important;
		background-size: cover !important;
		position: relative !important;
		display: block !important;
	}
	
	/* [МАГИЯ №1] ПОЛНОСТЬЮ СКРЫВАЕМ ДЕСКТОПНЫЙ КОНТЕНТ ВНУТРИ ФОТО */
	.hero-split-left .desktop-only-content {
		display: none !important; 
	}
	
	/* 3. ПРАВАЯ КОЛОНКА (Переключатель, Метрики, Теги) */
	.model-hero-split-layout .hero-split-right {
		width: 100% !important;
		display: flex !important;
		flex-direction: column !important;
		padding: 0 12px !important; /* Выравниваем по бокам с карточкой профиля */
		box-sizing: border-box !important;
	}
	
	/* [МАГИЯ №2] ВКЛЮЧАЕМ МОБИЛЬНУЮ КАРТОЧКУ (Она встает строго под фото) */
	.mobile-profile-card {
		display: flex !important;
		flex-direction: column !important;
		background: var(--card-bg-color, rgba(255, 255, 255, 0.03)) !important;
		border: 1px solid rgba(229, 196, 131, 0.1) !important;
		border-radius: 16px !important;
		padding: 20px !important;
		margin: 16px 0 0 0 !important; /* Делаем аккуратные отступы от краев экрана */
		box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
		box-sizing: border-box !important;
	}
	
	/* Стилизация текстов внутри новой карточки */
	.mobile-profile-card .model-name-premium {
		font-size: 2.5rem !important;
		font-weight: 700 !important;
		color: var(--prm-gold);
		margin: 0 0 6px 0 !important;
		line-height: 1.2 !important;
		width: 100%;
		text-align: center;
		text-shadow: none;
	}
	
	body.dark-mode .mobile-profile-card .model-name-premium {
		color: #ffffff !important;
	}
	
	.mobile-profile-card .model-location-sub {
		font-size: 1.1rem !important;
		opacity: 0.6;
		margin-bottom: 16px !important;
		color: var(--text-color);
		text-align: center;
	}
	
	.mobile-profile-card .model-social-actions {
		display: flex !important;
		gap: 10px !important;
		margin-bottom: 16px !important;
		width: 100% !important;
	}
	
	/* Блок цитаты внутри карточки */
	.mobile-profile-card .model-quote-premium-mobile {
		border-top: 1px solid var(--prm-gold-border);
		padding-top: 14px !important;
		margin-top: 4px !important;
	}
	
	.mobile-profile-card .model-quote-premium-mobile .quote-text {
		font-size: 1.3rem !important;
		line-height: 1.5 !important;
		font-style: italic;
		opacity: 0.8;
		margin: 0 !important;
		color: var(--text-muted) !important;
		text-align: center;
	}
	
	/* Остальные блоки правой колонки (Метрики, Теги и т.д.) */
	.unit-switcher-container {
		margin-top: 20px !important;
		margin-bottom: 14px !important;
		justify-content: center !important;
	}
	
	.hero-split-left .hero-left-content {
		display: none !important;
	}
	
	/* Принудительно показываем карточку под фото */
	.mobile-profile-card {
		display: flex !important;
	}
	
	/* Гарантируем, что внутри мобильной карточки текст БУДЕТ виден */
	.mobile-profile-card .hero-left-content {
		display: block !important;
	}
	
	.gallery-main-title {
		font-size: 1.6rem;
		letter-spacing: 0;
	}
	
	.filter-btn {
		font-size: 1.25rem;
	}
	
	/* TAGS */
	/* Прячем десктопную тучу тегов на мобилках */
	.tags-preview-flex.desktop-tags-only {
		display: none !important;
	}
	
	/* Убираем старую внешнюю пунктирную рамку вокруг всего блока */
	.model-tags-preview-box {
		border: none !important;
		padding: 0 !important;
		margin: 14px 0 20px 0 !important; /* Аккуратный отступ сверху и снизу */
		width: 100% !important;
		box-sizing: border-box !important;
	}
	
	/* Мобильная обертка */
	.mobile-tags-btn-wrapper {
		display: block !important;
		width: 70% !important;
		box-sizing: border-box !important;
		margin: 0 auto;
	}
	
	/* Растягиваем саму кнопку во всю длину */
	.mobile-model-tags-btn {
		width: 100% !important;
		display: flex !important;
		justify-content: space-between !important; /* Текст слева, цифра справа */
		align-items: center !important;
		background: var(--card-bg-color, #ffffff) !important;
		border: 1px solid rgba(229, 196, 131, 0.2) !important; /* Чуть четче рамку */
		border-radius: 12px !important; /* Скругление как у плашек выше */
		padding: 14px 20px !important; /* Комфортные отступы для тапа */
		cursor: pointer;
		box-sizing: border-box !important;
		transition: all 0.2s ease;
	}
	
	/* Поддержка темного режима */
	body.dark-mode .mobile-model-tags-btn {
		background: rgba(255, 255, 255, 0.02) !important;
	}
	
	/* Золотой текст на кнопке */
	.mobile-model-tags-btn .tags-btn-title {
		font-size: 13px !important;
		font-weight: 600 !important;
		text-transform: uppercase !important;
		letter-spacing: 0.8px !important;
		color: var(--prm-gold) !important;
	}
	
	/* Капсула с цифрой количества тегов */
	.mobile-model-tags-btn .tags-btn-counter {
		font-size: 12px !important;
		font-weight: 700 !important;
		background: rgba(229, 196, 131, 0.12) !important;
		color: var(--prm-gold) !important;
		padding: 4px 12px !important;
		border-radius: 20px !important;
	}
	
	/* Переводим строку инпута и кнопки в вертикальный стек */
	.suggest-input-group {
		display: flex !important;
		flex-direction: column !important; /* Встают друг под другом */
		gap: 12px !important;              /* Зазор между инпутом и кнопкой */
		width: 100% !important;
	}
	
	/* Инпут во всю ширину */
	#new-tag-suggestion-input {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
		padding: 12px 16px !important;    /* Делаем поле чуть просторнее */
		font-size: 14px !important;        /* Чтобы браузер на iOS не зумил страницу при фокусе */
	}
	
	/* Кнопка во всю ширину под инпутом */
	#submit-suggested-tag-btn {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
		padding: 12px 20px !important;    /* Комфортная высота для тапа */
		text-align: center !important;
		justify-content: center !important;
	}
	.premium-ulike-wrapper button.wp_ulike_btn,
	.premium-fav-button {
		border: 1px solid var(--border-color) !important;
		color: var(--text-muted) !important;
		background: var(--bg-color) !important;
	}
	
	/* Делаем главный контейнер флекс-рядом */
	.responsive-meta-row {
		display: flex !important;
		align-items: center !important; /* Выравниваем по центру по вертикали */
		gap: 10px !important; /* Расстояние между бэйджем и кнопкой */
		width: 100% !important;
	}
	
	/* Бэйдж модели больше не растягивается и не переносится */
	.model-profile-responsive-badge {
		flex-shrink: 0 !important; /* Запрещаем бэйджу сжиматься */
		margin-bottom: 0 !important; /* Убираем нижний отступ, если он был */
	}
	
	/* Обертка для мобильной кнопки занимает все свободное место */
	.photo-tags-inline-wrapper {
		flex-grow: 1 !important;
		width: auto !important;
	}
	
	/* Сама кнопка внутри обертки растягивается на доступную ширину */
	.mobile-tags-btn-wrapper .mobile-model-tags-btn {
		width: 100% !important;
		margin: 0 !important; /* Убираем лишние отступы */
	}
	
	/* Включаем отображение бэйджа */
	.mobile-only-badge {
		display: inline-flex !important;
		justify-content: center !important;
		margin-bottom: 12px !important; /* Отступ до кнопок лайков */
	}
	
	/* Обертка для бэйджа и кнопок центрирует всё содержимое */
	.mobile-interaction-wrapper {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		width: 100% !important;
		margin-top: 15px !important; /* Отступ от мета-данных PHOTOS */
	}
	
	/* Контейнер кнопок (Лайк и Фавориты) встает по центру */
	.header-action-buttons {
		width: 70% !important;
		display: flex !important;
		justify-content: center !important;
		margin: 0 auto;
	}
	
	/* Сама флекс-строка кнопок внутри header-actions.php */
	.action-buttons-flex-container {
		display: flex !important;
		justify-content: center !important;
		gap: 10px !important;
		width: 100% !important;
	}
	
	.gallery-content-wrapper .model-profile-responsive-badge {
		display: none !important;
	}
	
	/* Ограничиваем показ десктопного слайдера, если нужно */
	.mobile-only-badge {
		display: flex !important;
	}
	
	/* Контейнер для групповых аватарок */
	.mobile-group-models-wrapper {
		display: flex !important;
		justify-content: center !important;
		align-items: flex-start !important;
		gap: 20px !important; /* Отступ между моделями в ряду */
		margin: 15px auto !important;
		width: 100% !important;
	}
	
	/* Карточка отдельной модели на мобильном */
	.mobile-model-user-card a {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		text-align: center !important;
		text-decoration: none !important;
	}
	
	/* Круглая обертка для аватарки */
	.mobile-model-avatar-wrapper img {
		width: 85px !important; /* Идеальный адаптивный размер */
		height: 85px !important;
		border-radius: 50% !important;
		object-fit: cover !important;
		border: 2px solid var(--text-muted) !important;
		box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08) !important;
		margin-bottom: 6px !important;
		display: block !important;
	}
	
	/* Имя модели под аватаркой */
	.mobile-model-user-name {
		font-size: 12px !important;
		font-weight: 600 !important;
		color: var(--text-color, #333) !important;
		display: block !important;
		max-width: 75px !important; /* Чтобы длинные имена красиво переносились */
		overflow: hidden;
		text-overflow: ellipsis;
		white-width: nowrap;
	}
	
	.video-duration-badge, .video-resolution-badge {
		font-size: 13px;
	}
	
	.update-video-hero-wrapper {
		margin-bottom: 0;
		margin-top: 0;
	}
	
	.photo-release-title, .video-release-title {
		display: block;
		font-size: 1.5rem;
		text-align: center;
	}
	.video-release-description {
		font-size: 1.2rem;
		text-align: center;
		margin-top: 0;
		width: 70%;
		margin: 0 auto;
	}
	
	.photo-tags-inline-wrapper .mobile-model-tags-btn .tags-btn-title {
		color: var(--text-color) !important;
	}
	
	.photo-tags-inline-wrapper .mobile-model-tags-btn {
		border: 1px solid var(--border-color) !important;
	}
	
	.photo-tags-inline-wrapper .mobile-model-tags-btn .tags-btn-counter {
		color: var(--text-color) !important;
		background: var(--card-border-color) !important;
	}
	
	.photo-info-release-block, .single-release-actions {
		width: 87.5%;
		max-width: 420px;
		margin-inline: auto;
	}
	.photo-release-subtitle {
		max-width: 85%;
		margin-inline: auto;
	}
}

/* ==========================================================================
   2. СПЕЦИАЛЬНЫЕ ПРАВИЛА И ДИАПАЗОНЫ (min-width)
   ========================================================================== */
   
@media (min-width: 735px) {
	.mnd-modal-window {
		width: var(--modal-overlay-width);
	}
}

@media (min-width: 769px) {
	/* Базовый вид кнопок на ПК */
	#floatingActionsBar .fav-btn-container button,
	#floatingActionsBar .fav-btn-container a,
	#floatingActionsBar .wp_ulike_btn {
		padding: 8px 14px !important;
		border-radius: 30px !important;
		display: inline-flex !important;
		align-items: center !important;
		gap: 6px !important;
		transition: all 0.25s ease !important;
	}

	/* Гарантируем видимость текста и иконок на ПК */
	#floatingActionsBar span,
	#floatingActionsBar .wp_ulike_btn_text,
	#floatingActionsBar .count-box,
	#floatingActionsBar .wp_ulike_counter {
		opacity: 1 !important;
		max-width: none !important;
		display: inline-block !important;
		white-space: nowrap !important;
	}
	
	#galleryActionsWrapper .premium-fav-layout-btn,
	#galleryActionsWrapper .wp_ulike_btn {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		padding: 8px 14px !important;
		font-size: 16px;
		line-height: 1 !important;
		border-radius: 30px !important;
		white-space: nowrap !important;
		gap: 6px !important;
	}

	/* Эффект ховера на ПК */
	#floatingActionsBar:hover {
		box-shadow: 0 16px 40px rgba(0, 0, 0, 0.18) !important;
		background: rgba(255, 255, 255, 0.98) !important;
	}

	[data-theme="dark"] #floatingActionsBar:hover,
	body.dark-mode #floatingActionsBar:hover {
		background: rgba(35, 35, 35, 0.95) !important;
	}
}