/**
 * Стили главной страницы (шаблон page.php + блоки из папки page-components).
 * Подключение: wp-content/themes/pulseup/functions.php → стиль pulseup-page-home.
 *
 * ---------------------------------------------------------------------------
 * КАРТА: какой файл темы / какой блок на сайте
 * ---------------------------------------------------------------------------
 *
 * part-hero.php
 *   • Шапка #top, баннер .slider0.banner, кнопки «назад/вперёд» у баннера
 *   • Блок слогана .up_sl.slogan, кнопки .box_btns, таймер акции #timer-section
 *   • Любые Swiper-пули на странице без класса .slider-popup (часто баннер)
 *
 * part-product-slider.php
 *   • Секция #sec-1 .slider-section — слайдер товара; оформление в этом файле (классы .slider-section__* в part-product-slider.php)
 *   • Стрелка под баннером #movingSvg.pulseup-moving-svg (визуально между hero и секцией)
 *
 * part-video.php
 *   • Видео-блоки .video-wrapper, .video-full, кнопка звука .mute-toggle
 *
 * part-sec2.php
 *   • Скрытая секция новостей; стили ниже — для всплывающего окна «подробнее» (разметка попапа
 *     подставляется из data-атрибутов; оформление слайдера внутри попапа — классы .slider-popup,
 *     .popup-content, .popup-fade-more и т.д.). Скрипт открытия попапа обычно в js/main.js темы.
 *
 * part-sec3.php
 *   • Секция #sec-3 — карта, поиск; бегущая строка партнёров .marquee-container / #marqueeTrack
 *
 * part-sec4.php, part-sec5.php, part-page-footer.php
 *   • В этом файле отдельных правил под них нет — оформление в style.css / footer.css и т.п.
 *
 * JS-файлы (рядом в этой же папке), если правите анимации/логику:
 *   page-home-hero.js, page-home-timer.js, page-home-product.js,
 *   page-home-video.js, page-home-marquee.js
 */

/* =============================================================================
   part-hero.php — баннер-слайдер: стрелки «назад / вперёд» (.custom-swiper-button-*)
   Класс добавлен вместо style="color:#ffdd00" на кнопках навигации Swiper.
   ============================================================================= */
.pulseup-banner-nav {
	color: #ffdd00;
}

/* =============================================================================
   part-product-slider.php — блок #movingSvg (стрелка вниз между баннером и секцией товара)
   Класс .pulseup-moving-svg вместо инлайн-стиля у #movingSvg.
   ============================================================================= */
.pulseup-moving-svg {
	display: flex;
	position: absolute;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin: 30px 0;
}

/* =============================================================================
   part-hero.php — таймер акции (#timer-section, .timer-box, подписи)
   + общие пули Swiper (.swiper-pagination*) для слайдеров БЕЗ обёртки .slider-popup
   (например точки под баннером, если они выведены в разметке темы).
   Таймер показывает/скрывает page-home-timer.js по датам из pulseupPageHome.timer.
   ============================================================================= */
.timer {
	display: flex;
	flex-direction: column;
	gap: 15px;
	padding: 25px 0;
}

.timer p {
	font-size: 24px;
	color: white;
}

.timer-container {
	display: flex;
	gap: 15px;
}

.timer-box {
	background-color: #ffdd00;
	color: #000;
	padding: 10px;
	border-radius: 5px;
	text-align: center;
}

.timer-value {
	font-size: 2.5em;
	font-weight: bold;
	line-height: normal;
}

.timer-label {
	font-size: 0.9em;
	opacity: 0.8;
}

/* Пагинация Swiper на странице (не внутри попапа .slider-popup) — чаще всего зона баннера, part-hero.php */
.swiper-pagination {
	padding-top: 10px;
}

.swiper-pagination-bullet {
	height: 16px;
	width: 16px;
	border-radius: 2.5px;
	background: #fff;
}

/* Сайт всегда в тёмной теме (класс dark на body); стили .light оставлены в style.css на случай старых кэшей */
.light .swiper-pagination-bullet {
	background: #000;
}

@media (max-width: 575px) {
	.timer p {
		align-items: center;
	}

	.timer {
		align-items: center;
		padding-bottom: 0;
	}

	/* part-hero.php — скрытые на мобиле кнопки под заголовком (.box_btns) */
	.box_btns {
		padding-bottom: 0;
	}
}

/* =============================================================================
   part-product-slider.php — состав продукта: полоски .progress-bar с эффектом «неон»
   Логика ширины и подсветки — page-home-product.js (IntersectionObserver, --glow-color).
   ============================================================================= */
/* Миниатюра без отдельного img (чтобы индексы совпадали с .slider-main для Swiper Thumbs) */
.slider-thumbs .slider-thumb-placeholder {
	display: block;
	width: 100%;
	min-height: 38px;
	background: rgba(255, 255, 255, 0.12);
	border-radius: 10px;
}

.neon-pulse {
	border-radius: 4px;
	animation: pulseup-pulse-glow 4s infinite ease-in-out;
	box-shadow:
		0 0 2px var(--glow-color),
		0 0 7px var(--glow-color);
}

@keyframes pulseup-pulse-glow {
	0% {
		box-shadow:
			0 0 2px var(--glow-color),
			0 0 6px var(--glow-color);
	}
	50% {
		box-shadow:
			0 0 3px var(--glow-color),
			0 0 11px var(--glow-color);
	}
	100% {
		box-shadow:
			0 0 2px var(--glow-color),
			0 0 6px var(--glow-color);
	}
}

/* =============================================================================
   part-video.php — секция с роликом (обёртка .video-wrapper, тег video.video-full, кнопка .mute-toggle)
   Переключение звука: page-home-video.js
   ============================================================================= */
.video-full {
	width: 100%;
	height: auto;
	display: block;
	position: relative;
}

.video-wrapper {
	display: flex;
	flex-direction: column;
	gap: 15px;
	position: relative;
	width: 100%;
	text-transform: uppercase;
	background: #00358b;
	padding-top: 50px;
	max-width: 1360px;
	margin: 0 auto;
}

.mute-toggle {
	position: absolute;
	bottom: 20px;
	right: 20px;
	background: transparent;
	color: #fff;
	border: none;
	border-radius: 50%;
	padding: 12px 14px;
	font-size: 18px;
	cursor: pointer;
	transition: background 0.3s;
}

.mute-toggle:hover {
	background: rgba(0, 0, 0, 0.8);
}

@media (max-width: 575px) {
	.video-wrapper {
		padding: 0;
	}
}

/* =============================================================================
   part-sec2.php — всплывающее окно «подробнее» по новостям/слайдеру
   Разметка попапа приходит из data-slider / data-text (длинные строки в part-sec2.php).
   Классы .slider-popup, .popup-content, .popup-fade-more — внутри модального окна темы
   (стили окна могут дублироваться с js/main.js или общими стилями темы — смотрите также style.css).
   ============================================================================= */
.slider-popup .swiper-slide {
	width: 100% !important;
	display: flex;
	flex-direction: column;
	align-items: center;
}

/* part-sec2: ПК — img_1; мобильный — только img_2 при заполнении (helpers.php) */
.pulseup-popup-slide__media--desktop {
	display: block;
	width: 100%;
}

.pulseup-popup-slide__media--mobile {
	display: none;
	width: 100%;
}

@media (max-width: 1024px) {
	.pulseup-popup-slide__media--desktop {
		display: none !important;
	}

	.pulseup-popup-slide__media--mobile {
		display: block !important;
	}
}

.slider-popup .swiper-slide.vertical {
	width: 50% !important;
}

@media (max-width: 768px) {
	.slider-popup .swiper-slide.vertical {
		width: 100% !important;
	}
}

.slider-popup .swiper-slide img,
.slider-popup .swiper-slide video {
	width: 100%;
	height: auto;
	display: block;
	object-fit: contain;
}

.popup-content {
	display: flex;
	flex-direction: column;
}

.slider-popup .swiper-wrapper {
	transition: transform 0.5s ease;
}

.popup-content.vertical-layout .slider-popup .item.swiper-slide-active.video-vertical {
	height: 100vh !important;
}

.popup-content.horizontal-layout {
	flex-direction: column;
}

.popup-content.vertical-layout {
	flex-direction: row;
	align-items: flex-start;
}

@media (max-width: 768px) {
	.popup-content.vertical-layout {
		flex-direction: column;
	}

	.popup-content.vertical-layout .info1 {
		max-width: 100% !important;
	}
}

.popup-content.vertical-layout .info1 {
	flex: 0 0 50%;
	max-width: 50%;
}

.popup-content.vertical-layout .info,
.popup-content.vertical-layout .info2 {
	flex: 0 0 50%;
}

.popup-content .info1 {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.popup-fade-more .slider-popup .item video {
	height: inherit !important;
}

.popup-content .info1 img,
.popup-content .info1 video {
	width: 100%;
	object-fit: contain;
}

.popup-content .info,
.popup-content .info2 {
	width: 100%;
}

/* Пагинация только внутри попапа-слайдера (отличается от глобальных .swiper-pagination выше) */
.slider-popup .swiper-pagination {
	position: static;
	text-align: center;
	margin-top: 15px;
}

.slider-popup .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	background: #ccc;
	opacity: 0.5;
	border-radius: 50%;
	display: inline-block;
	margin: 0 5px;
	cursor: pointer;
	outline: none;
	border: 1px solid #fff;
}

@media (max-width: 768px) {
	.popup-fade-more .slider-popup .item {
		height: 425px;
	}
}

@media (max-width: 565px) {
	.slider-popup .swiper-pagination {
		position: absolute;
	}
}

.slider-popup .swiper-pagination-bullet-active {
	background: #fd8011;
	opacity: 1;
}

/* Мобильный попап новостей: слайдер почти на всю высоту экрана (класс на разметке из helpers.php) */
@media (max-width: 1024px) {
	.popup-fade-more:has(.pulseup-sec2-popup-slider) .popup {
		height: 100dvh;
		max-height: 100dvh;
		overflow: hidden;
		box-sizing: border-box;
	}

	.popup-fade-more:has(.pulseup-sec2-popup-slider) .popup-content {
		flex: 1 1 auto;
		min-height: 0;
		max-height: 100%;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		display: flex;
		flex-direction: column;
	}

	.popup-fade-more:has(.pulseup-sec2-popup-slider) .info1 {
		flex: 1 1 auto;
		min-height: calc(100dvh - 11rem);
		display: flex;
		flex-direction: column;
	}

	.popup-fade-more:has(.pulseup-sec2-popup-slider) .slider-popup,
	.popup-fade-more:has(.pulseup-sec2-popup-slider) .slider-popup.swiper {
		flex: 1 1 auto;
		min-height: 0;
		width: 100%;
		display: flex;
		flex-direction: column;
		height: 100% !important;
	}

	.popup-fade-more:has(.pulseup-sec2-popup-slider) .slider-popup .swiper-wrapper {
		flex: 1 1 auto;
		min-height: 0;
		align-items: stretch;
	}

	.popup-fade-more:has(.pulseup-sec2-popup-slider) .slider-popup .item.swiper-slide {
		height: 100% !important;
		min-height: 0;
		max-height: none !important;
	}

	.popup-fade-more:has(.pulseup-sec2-popup-slider) .pulseup-popup-slide__media--mobile {
		flex: 1 1 auto;
		min-height: 0;
		display: flex !important;
		align-items: center;
		justify-content: center;
	}

	.popup-fade-more:has(.pulseup-sec2-popup-slider) .pulseup-popup-slide__media--mobile img,
	.popup-fade-more:has(.pulseup-sec2-popup-slider) .pulseup-popup-slide__media--mobile video {
		width: 100%;
		height: 100%;
		max-height: 100%;
		max-width: 100%;
		object-fit: contain;
	}
}

@media (max-width: 768px) {
	.popup-fade-more:has(.pulseup-sec2-popup-slider) .slider-popup .item {
		height: 100% !important;
		max-height: none !important;
	}
}

/* =============================================================================
   part-sec3.php — секция карты / партнёры: бегущая строка #marqueeTrack внутри .marquee-container
   Анимация сдвига: page-home-marquee.js (интервал 3 сек).
   Заголовок ряда партнёров может иметь класс .up_brend (если есть в разметке секции).
   ============================================================================= */
.marquee-container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	overflow: hidden;
	height: 160px;
}

.marquee-track {
	display: flex;
	transition: transform 0.5s ease;
	gap: 25px;
}

.marquee-track .item {
	padding: 15px;
	white-space: nowrap;
	flex-shrink: 0;
	background: #fff;
	border-radius: 8px;
}

.marquee-track .item a {
	font-size: 18px;
	line-height: normal;
	font-weight: 700;
	color: #000 !important;
}

@media (max-width: 575px) {
	.marquee-container {
		height: 128px;
	}

	.up_brend {
		font-size: 24px;
	}
}

/* =============================================================================
   part-product-slider.php — #sec-1: одна панель слева/справа (не стопка коробок),
   центр — «сцена» без рамки; акцент ACF через --accent.
   ============================================================================= */
#sec-1.slider-section {
	--pulseup-sec1-fg: #f4f5f8;
	--pulseup-sec1-fg-muted: rgba(220, 224, 234, 0.78);
	--pulseup-sec1-fg-soft: rgba(175, 182, 198, 0.62);
	--pulseup-sec1-line: rgba(255, 255, 255, 0.08);
	position: relative;
	margin: 0 auto;
	padding: clamp(2.25rem, 5.5vw, 5rem) 0 3.25rem;
}

/* Заголовок/лид над слайдером (вне .swiper-slide) */
#sec-1.slider-section .slider-section__product-media > .slider-section__intro {
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 48rem;
	margin: 0 auto;
	text-align: center;
	gap: 0.85rem;
	padding: 0 clamp(12px, 2vw, 24px) clamp(0.75rem, 2vw, 1.35rem);
	flex-shrink: 0;
}

#sec-1.slider-section .slider-section__heading {
	font-size: clamp(2rem, 5vw, 3.35rem);
	font-weight: 800;
	line-height: 1.08;
	letter-spacing: -0.03em;
	color: var(--pulseup-sec1-fg);
	text-transform: none;
	margin: 0;
}

#sec-1.slider-section .slider-section__lead {
	padding: 1.1rem 1.35rem;
	font-size: clamp(1.0625rem, 1.9vw, 1.1875rem);
	line-height: 1.72;
	color: var(--pulseup-sec1-fg-muted);
	text-transform: none;
	text-align: center;
	max-width: 48rem;
	margin: 0 auto;
}

#sec-1.slider-section .slider-section__slide-grid {
	position: relative;
	isolation: isolate;
	gap: 20px;
	align-items: stretch;
	max-width: min(1520px, 100%);
	overflow: visible;
}

/* Swiper: не режем скругление у картинки (overflow на слайде) */
#sec-1.slider-section .slider-main.swiper,
#sec-1.slider-section .slider-main,
#sec-1.slider-section .slider-main .swiper-wrapper,
#sec-1.slider-section .slider-main .swiper-slide {
	overflow: visible !important;
}

/* Десктоп: три колонки без наезда — текст | фото | характеристики, один верхний уровень */
@media (min-width: 992px) {
	#sec-1.slider-section .slider-section__slide-grid.slide-content {
		display: grid;
		grid-template-columns: minmax(200px, 1fr) minmax(260px, 1.2fr) minmax(200px, 1fr);
		grid-template-rows: auto;
		align-items: stretch;
		align-content: stretch;
		justify-items: stretch;
		gap: clamp(18px, 2.8vw, 36px);
		min-height: 0;
		padding: clamp(1rem, 2.5vw, 2rem) clamp(12px, 2vw, 24px);
		max-width: min(1480px, 100%);
		margin-inline: auto;
		box-sizing: border-box;
	}

	/* Слайды по верху; высота ряда задаётся контентом слайда */
	#sec-1.slider-section .slider-main .swiper-wrapper {
		align-items: flex-start;
	}

	#sec-1.slider-section .slider-main .swiper-slide {
		height: auto;
		align-self: flex-start;
	}

	#sec-1.slider-section .slider-section__cta-mobile {
		display: none;
	}

	#sec-1.slider-section .slider-section__col--features {
		grid-column: 1;
		grid-row: 1;
		z-index: 1;
		justify-self: stretch;
		align-self: stretch;
		display: flex;
		flex-direction: column;
		min-height: 0;
		height: 100%;
		width: 100%;
		max-width: none;
		margin: 0;
		transform: none;
		position: relative;
	}

	#sec-1.slider-section .slider-section__col--features .slider-section__panel--left {
		flex: 1 1 auto;
		min-height: 0;
		height: 100%;
		display: flex;
		flex-direction: column;
	}

	#sec-1.slider-section .slider-section__panel--left .slider-section__tagline {
		flex: 1 1 auto;
		min-height: 0;
		overflow-y: auto;
	}

	#sec-1.slider-section .slider-section__col--visual {
		grid-column: 2;
		grid-row: 1;
		z-index: 1;
		justify-self: stretch;
		align-self: stretch;
		width: 100%;
		max-width: none;
		min-height: 0;
		height: 100%;
		margin: 0;
	}

	#sec-1.slider-section .slider-section__col--facts {
		grid-column: 3;
		grid-row: 1;
		z-index: 1;
		justify-self: stretch;
		align-self: stretch;
		display: flex;
		flex-direction: column;
		min-height: 0;
		height: 100%;
		width: 100%;
		max-width: none;
		margin: 0;
		transform: none;
		position: relative;
	}

	#sec-1.slider-section .slider-section__col--facts .slider-section__panel--right {
		flex: 1 1 auto;
		min-height: 0;
		height: 100%;
	}

	#sec-1.slider-section .slider-section__facts-body {
		flex: 1 1 auto;
		min-height: 0;
		overflow-y: auto;
	}

	/* Центр: рамка с фото заполняет колонку, картинка по центру оставшегося места */
	#sec-1.slider-section .slider-section__col--visual .slider-section__image-frame {
		flex: 1 1 auto;
		min-height: 0;
		max-height: none;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	#sec-1.slider-section .slider-section__col--visual .slider-section__image-frame .slide-image {
		max-height: 100%;
		width: auto;
		max-width: 100%;
	}

	/* Лёгкая подсветка за боковыми панелями */
	#sec-1.slider-section .slider-section__col--features::before,
	#sec-1.slider-section .slider-section__col--facts::before {
		content: '';
		position: absolute;
		inset: -5px -8px;
		background: var(--slide-accent, #feec01);
		opacity: 0.09;
		filter: blur(26px);
		border-radius: 18px;
		z-index: 0;
		pointer-events: none;
	}

	#sec-1.slider-section .slider-section__panel {
		position: relative;
		z-index: 1;
	}

	#sec-1.slider-section .slider-section__feature .feature-icon {
		max-width: 52px;
		width: 100%;
		height: auto;
		object-fit: contain;
		flex-shrink: 0;
	}

	#sec-1.slider-section .slider-section__panel--right .slider-section__feature .feature-icon {
		max-width: 44px;
	}
}

@media (min-width: 1200px) {
	#sec-1.slider-section .slider-section__slide-grid.slide-content {
		grid-template-columns: minmax(220px, 1fr) minmax(300px, 1.25fr) minmax(220px, 1fr);
		gap: clamp(22px, 3vw, 40px);
	}
}

#sec-1.slider-section .slider-section__col--features {
	display: flex;
	flex-direction: column;
	gap: 0;
}

/* Стекло: левые/правые панели — светлее, чуть больше «воздуха» */
#sec-1.slider-section .slider-section__panel {
	border: 1px solid rgba(255, 255, 255, 0.24) !important;

	background: linear-gradient(
		165deg,
		rgba(255, 255, 255, 0.22) 0%,
		rgba(255, 255, 255, 0.11) 40%,
		rgba(255, 255, 255, 0.05) 72%,
		rgba(22, 24, 32, 0.22) 100%
	);
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.28) inset,
		0 14px 36px -22px rgba(0, 0, 0, 0.32),
		0 0 14px -8px color-mix(in srgb, var(--slide-accent, #feec01) 16%, transparent);
	backdrop-filter: blur(16px) saturate(118%);
	-webkit-backdrop-filter: blur(16px) saturate(118%);
	overflow: hidden;
}

#sec-1.slider-section .slider-section__panel--left {
	padding: 0;
	border-radius: 30px;
}

#sec-1.slider-section .slider-section__panel--right {
	/* один горизонтальный отступ для шапки, КБЖУ и фич — без «ступеньки» слева */
	--pulseup-right-gutter: clamp(0.75rem, 2.5vw, 1.1rem);
	padding: 0.35rem var(--pulseup-right-gutter) 0.55rem;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	height: auto;
	width: 100%;
	border-radius: 30px;
}

#sec-1.slider-section .slider-section__accent-text {
	color: var(--accent, #e85d4a);
}

/* Одно «стекло» на всей панели: снять вложенные рамки/скругления из style.css (.up_title, .up_text, .h4p…) */
#sec-1.slider-section .slider-section__panel .slider-section__panel-head.up_title,
#sec-1.slider-section .slider-section__panel .slider-section__facts-head.up_text,
#sec-1.slider-section .slider-section__panel .slider-section__facts-body.up_right {
	box-shadow: none !important;
}

#sec-1.slider-section .slider-section__panel--left .slider-section__panel-head {
	text-align: left;
	padding: 1.05rem 1.15rem 0.95rem;
	border: none !important;
	border-bottom: 1px solid var(--pulseup-sec1-line) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, transparent 92%);
}

#sec-1.slider-section .slider-section__panel-head {
	text-align: left;
	padding: 1rem 1.1rem 0.9rem;
	border: none !important;
	border-bottom: 1px solid var(--pulseup-sec1-line) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, transparent 92%);
}

#sec-1.slider-section .slider-section__panel--left .slider-section__product-name {
	margin: 0;
	font-size: clamp(1.05rem, 1.65vw, 1.35rem);
	font-weight: 800;
	line-height: 1.18;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	text-align: left;
	color: var(--pulseup-sec1-fg);
}

#sec-1.slider-section .slider-section__product-name {
	margin: 0;
	font-size: clamp(1rem, 1.45vw, 1.2rem);
	font-weight: 800;
	line-height: 1.22;
	letter-spacing: 0.045em;
	text-transform: uppercase;
	text-align: left;
	color: var(--pulseup-sec1-fg);
}

#sec-1.slider-section .slider-section__panel--right .slider-section__features-list {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
	gap: 0;
	margin-top: 0.35rem;
	padding: 0.85rem 0 0.65rem;
	border-top: 1px solid var(--pulseup-sec1-line);
}

#sec-1.slider-section .slider-section__features-list {
	display: flex;
	flex-direction: column;
	gap: 0;
	padding: 0.65rem 0 0.55rem;
}

#sec-1.slider-section .slider-section__panel--right .slider-section__feature {
	align-items: flex-start;
	justify-content: flex-start;
	width: 100%;
	gap: 0.75rem;
	padding: 0.35rem 0;
	margin: 0;
	border-bottom: 1px solid var(--pulseup-sec1-line);
}

#sec-1.slider-section .slider-section__feature {
	align-items: flex-start;
	justify-content: flex-start;
	width: 100%;
	gap: 0.85rem;
	padding: 0.2rem 0;
	margin: 0;
	border-bottom: 1px solid var(--pulseup-sec1-line);
}

#sec-1.slider-section .slider-section__feature:last-child {
	border-bottom: none;
}

#sec-1.slider-section .slider-section__panel--right .slider-section__feature-card {
	padding: 0.55rem 0 0.55rem 0;
	margin: 0;
	text-align: left;
	font-size: clamp(0.65rem, 0.95vw, 0.75rem);
	line-height: 1.32;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
	border-radius: 0;
	flex: 1;
	min-width: 0;
}

#sec-1.slider-section .slider-section__feature-card {
	padding: 0.8rem 1.05rem;
	text-align: left;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
	border-radius: 0;
	flex: 1;
}

#sec-1.slider-section .slider-section__panel--right .up_naz.slider-section__accent-text {
	font-size: clamp(0.6rem, 0.95vw, 0.72rem);
	font-weight: 800;
	letter-spacing: 0.055em;
	text-transform: uppercase;
	margin: 0 0 0.22rem;
	line-height: 1.26;
}

#sec-1.slider-section .up_naz.slider-section__accent-text {
	font-size: clamp(0.65rem, 1.05vw, 0.75rem);
	font-weight: 800;
	letter-spacing: 0.065em;
	text-transform: uppercase;
	margin: 0 0 0.35rem;
	line-height: 1.3;
}

#sec-1.slider-section .slider-section__panel--right .slider-section__feature-strong {
	font-weight: 700;
	font-size: clamp(0.72rem, 1.1vw, 0.88rem);
	line-height: 1.28;
	color: var(--pulseup-sec1-fg);
	margin: 0 0 0.12rem;
}

#sec-1.slider-section .slider-section__feature-strong {
	font-weight: 700;
	font-size: clamp(0.875rem, 1.28vw, 0.95rem);
	line-height: 1.34;
	color: var(--pulseup-sec1-fg);
	margin: 0 0 0.2rem;
}

#sec-1.slider-section .slider-section__panel--right .slider-section__feature .up_l {
	font-size: clamp(0.68rem, 1.05vw, 0.8rem);
	line-height: 1.36;
	color: var(--pulseup-sec1-fg-muted);
	text-transform: none;
	letter-spacing: 0.01em;
	margin: 0.08rem 0 0;
}

/* Объём, срок годности и т.п. — ключевые строки: крупнее и контрастнее */
#sec-1.slider-section .slider-section__panel--right .slider-section__feature--primary-spec .slider-section__feature-strong,
#sec-1.slider-section .slider-section__panel--right .slider-section__feature--primary-spec .up_l {
	font-size: clamp(0.88rem, 1.35vw, 1.05rem);
	font-weight: 800;
	line-height: 1.22;
	color: var(--pulseup-sec1-fg);
	letter-spacing: 0.015em;
	margin-top: 0.1rem;
}

#sec-1.slider-section .slider-section__feature .up_l {
	font-size: clamp(0.7rem, 1.12vw, 0.8125rem);
	line-height: 1.48;
	color: var(--pulseup-sec1-fg-soft);
	text-transform: none;
	letter-spacing: 0.01em;
	margin: 0.15rem 0 0;
}

/* pageeng.php: центральная колонка без класса сцены — сброс рамки .up_center из style.css */
#sec-1.slider-section .slide-content > .up_center:not(.slider-section__visual-stage) {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0;
	border: none !important;
	border-radius: 10px;
	overflow: visible;
	position: relative;
}

/* Центр: якорь для свечения под фото */
#sec-1.slider-section .slider-section__col--visual.slider-section__visual-stage {
	position: relative;
	overflow: visible;
}

/* Размытое «пятно» под центральным фото — цвет из --slide-accent (кнопка слайда) */
#sec-1.slider-section .slider-section__col--visual.slider-section__visual-stage::after,
#sec-1.slider-section .slide-content > .up_center:not(.slider-section__visual-stage)::after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: clamp(0.35rem, 3.5%, 1.25rem);
	width: min(92%, 340px);
	height: clamp(52px, 11vw, 110px);
	transform: translate(-50%, 18%) scaleX(1.2);
	border-radius: 50%;
	background: radial-gradient(
		ellipse 72% 58% at 50% 38%,
		color-mix(in srgb, var(--slide-accent, #feec01) 78%, transparent) 0%,
		color-mix(in srgb, var(--slide-accent, #feec01) 32%, transparent) 48%,
		transparent 70%
	);
	filter: blur(26px);
	opacity: 0.78;
	pointer-events: none;
	z-index: 0;
}

/* Обёртка: overflow + clip-path (style.css даёт img height:58vh — без height:auto скругление «не держится») */
#sec-1.slider-section .slider-section__image-frame {
	display: block;
	align-self: stretch;
	width: 100%;
	max-width: 100%;
	overflow: hidden !important;
	line-height: 0;
	position: relative;
	z-index: 1;
	-webkit-clip-path: inset(0 round var(--pulseup-img-r, clamp(20px, 2.5vw, 32px)));
	clip-path: inset(0 round var(--pulseup-img-r, clamp(20px, 2.5vw, 32px)));
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	max-height: min(64vh, 600px);
}

/* Внутри рамки: без лишней min-height (иначе высокий бокс + contain «съедают» скругление), клип на img дублирует обёртку для WebKit */
#sec-1.slider-section .slider-section__image-frame .slide-image {
	min-height: 0 !important;
	height: auto !important;
	max-height: inherit;
	width: 100%;
	
	-webkit-clip-path: inset(0 round var(--pulseup-img-r, clamp(20px, 2.5vw, 32px))) !important;
	clip-path: inset(0 round var(--pulseup-img-r, clamp(20px, 2.5vw, 32px))) !important;
	overflow: hidden;
}

/* pageeng: картинка без .slider-section__image-frame — скругление на контейнере + на img */
#sec-1.slider-section .slide-content > .up_center:not(.slider-section__visual-stage) > .slide-image {
	position: relative;
	z-index: 1;
	min-height: 0 !important;
	width: 100%;
	max-width: 100%;
	border-radius: var(--pulseup-img-r, clamp(20px, 2.5vw, 32px)) !important;
	-webkit-clip-path: inset(0 round var(--pulseup-img-r, clamp(20px, 2.5vw, 32px))) !important;
	clip-path: inset(0 round var(--pulseup-img-r, clamp(20px, 2.5vw, 32px))) !important;
}

@media (min-width: 992px) {
	#sec-1.slider-section .slider-section__image-frame {
		max-height: min(68vh, 620px);
	}

	#sec-1.slider-section .slide-image {
		max-height: min(68vh, 620px);
		min-height: 260px;
		height: auto !important;
	}
}

#sec-1.slider-section .slider-section__facts-head {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: flex-start;
	gap: 0.35rem 0;
	padding: 1.05rem 0 0.9rem;
	justify-content: flex-start;
	text-align: left;
	border: none !important;
	border-bottom: 1px solid var(--pulseup-sec1-line) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	background: transparent !important;
}

#sec-1.slider-section .slider-section__facts-label {
	color: var(--pulseup-sec1-fg-muted) !important;
	margin: 0;
	font-size: clamp(0.8125rem, 1.35vw, 0.9375rem);
	font-weight: 600;
	line-height: 1.28;
	letter-spacing: 0.015em;
	text-transform: none;
	text-align: left;
	width: 100%;
}

#sec-1.slider-section .slider-section__facts-accent {
	padding-left: 0 !important;
	margin: 0;
	font-size: clamp(0.875rem, 1.55vw, 1.0625rem);
	font-weight: 800;
	line-height: 1.22;
	letter-spacing: -0.015em;
	text-transform: none;
	text-align: left;
	width: 100%;
}

#sec-1.slider-section .slider-section__facts-body {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	width: 100%;
	padding: 1rem 0 1.1rem;
	gap: 0.85rem;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	background: transparent !important;
}

#sec-1.slider-section .slider-section__panel .h4p.slider-section__feature-card {
	border-radius: 0 !important;
}

#sec-1.slider-section .slider-section__panel .slider-section__feature .feature-icon {
	border: 1px solid rgba(255, 255, 255, 0.18) !important;
	background: rgba(255, 255, 255, 0.1) !important;
	border-radius: 12px !important;
}

/* Старая разметка (pageeng и т.п.): смягчить отдельные блоки, если нет .slider-section__panel */
#sec-1.slider-section .slide-content:not(:has(.slider-section__panel)) .up_title,
#sec-1.slider-section .slide-content:not(:has(.slider-section__panel)) .h4p,
#sec-1.slider-section .slide-content:not(:has(.slider-section__panel)) .up_center,
#sec-1.slider-section .slide-content:not(:has(.slider-section__panel)) .up_text,
#sec-1.slider-section .slide-content:not(:has(.slider-section__panel)) .up_right {
	border: none !important;
	border-radius: 20px;
	background: linear-gradient(155deg, rgba(42, 44, 52, 0.55) 0%, rgba(16, 17, 22, 0.9) 100%);
	box-shadow: 0 24px 48px -22px rgba(0, 0, 0, 0.65);
}

#sec-1.slider-section .slider-section__composition {
	list-style: none;
	margin: 0;
	padding: 0;
	gap: 0.5rem;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
}

#sec-1.slider-section .slider-section__stat {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
	gap: 0.65rem;
	margin-bottom: 0.55rem;
}

#sec-1.slider-section .slider-section__stat-labels {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: baseline;
	gap: 0.35rem 0.65rem;
	font-size: clamp(0.6875rem, 1.15vw, 0.78125rem);
	font-weight: 600;
	letter-spacing: 0.025em;
	text-transform: uppercase;
	color: var(--pulseup-sec1-fg-muted);
	text-align: left;
	width: 100%;
}

#sec-1.slider-section .slider-section__stat-labels strong {
	font-weight: 700;
	color: rgba(240, 242, 247, 0.92);
}

#sec-1.slider-section .slider-section__meter {
	height: 7px;
	width: 100%;
	align-self: stretch;
	border-radius: 999px;
	background: rgba(0, 0, 0, 0.35);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4);
	overflow: hidden;
	margin-bottom: 0.55rem;
}

#sec-1.slider-section .slider-section__meter-fill {
	display: block;
	height: 100% !important;
	min-height: 7px;
	border-radius: 999px;
	box-sizing: border-box;
}

#sec-1.slider-section .neon-pulse.slider-section__meter-fill {
	border-radius: 999px;
	min-height: 7px;
}

/* Теглайн — в левой панели под названием товара (div, не p — без лишней семантики/отступов) */
#sec-1.slider-section .slider-section__panel--left .slider-section__tagline {
	margin: 0;
	padding: 0.95rem 1.15rem 1.1rem;
	font-weight: 400;
	line-height: 1.52;
	text-align: left;
	letter-spacing: 0.012em;
	color: #fff;
	border-top: 1px solid var(--pulseup-sec1-line);
	text-transform: none;
}

#sec-1.slider-section .slider-section__panel--left .slider-section__tagline p {
	margin: 0;
}

#sec-1.slider-section .slider-section__panel--left .slider-section__tagline p + p {
	margin-top: 0.4em;
}

#sec-1.slider-section .slider-section__buy,
#sec-1.slider-section a.up_buy-btn.slider-section__buy,
#sec-1.slider-section a.up_buy-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 22rem;
	margin-left: auto;
	margin-right: auto;
	padding: 1.05rem 1.65rem;
	border-radius: 999px;
	font-size: clamp(1rem, 2vw, 1.125rem);
	font-weight: 800;
	letter-spacing: 0.02em;
	text-decoration: none;
	color: #0b0d0e !important;
	border: none;
	box-shadow: 0 10px 32px rgba(0, 0, 0, 0.4);
	animation: none !important;
	transition:
		transform 0.2s ease,
		box-shadow 0.2s ease,
		filter 0.2s ease;
}

#sec-1.slider-section .slider-section__buy:hover,
#sec-1.slider-section a.up_buy-btn.slider-section__buy:hover,
#sec-1.slider-section a.up_buy-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 14px 40px rgba(0, 0, 0, 0.5);
	filter: brightness(1.06);
}

#sec-1.slider-section .slider-section__cta-wrap {
	display: grid;
	grid-template-columns: 1fr;
	max-width: 28rem;
	width: 100%;
	margin: 0 auto;
	padding: 0 16px 1rem;
	justify-items: center;
}

/* Слайдер + ряд «стрелка | миниатюры | стрелка» (up_bl_2 / up_bl_3 из style.css) */
#sec-1.slider-section .slider-section__product-media {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	width: 100%;
	gap: clamp(0.5rem, 1.6vw, 1.1rem);
}

#sec-1.slider-section .slider-section__main-track {
	position: relative;
	width: 100%;
	overflow: visible;
}

/* Одна линия: боковые стрелки выровнены по вертикали с полосой превью */
#sec-1.slider-section .slider-section__thumb-nav-row {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0.35rem clamp(8px, 2vw, 20px) 1rem;
	box-sizing: border-box;
	gap: clamp(14px, 2.5vw, 28px);
}

#sec-1.slider-section .slider-section__thumb-nav-side {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 52px;
}

#sec-1.slider-section .slider-section__thumb-nav-side--prev {
	justify-content: flex-end;
}

#sec-1.slider-section .slider-section__thumb-nav-side--next {
	justify-content: flex-start;
}

#sec-1.slider-section .slider-section__thumb-nav-thumbs {
	min-width: 0;
	width: 100%;
	max-width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
	background: transparent !important;
}

/* pageeng.php: стрелки всё ещё внутри .main-track без .thumb-nav-row */
#sec-1.slider-section .slider-section__main-track > .slider-section__arrows.up_st,
#sec-1.slider-section .slider-section__main-track > .slider-section__arrows--on-main.up_st {
	position: relative;
	max-width: min(100%, 920px);
	width: 100%;
	padding: 0.35rem 0.5rem 0.5rem;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#sec-1.slider-section .up-prev,
#sec-1.slider-section .up-next {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255, 255, 255, 0.1) !important;
	border: none !important;
	color: #fff !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.14),
		0 12px 28px rgba(0, 0, 0, 0.35);
	transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease, color 0.2s ease;
}

/* scale не должен затирать rotate(180deg) у .swiper-button-prev-style1 из style.css */
#sec-1.slider-section .up-prev:hover {
	background: rgba(255, 240, 120, 0.95) !important;
	color: #0b0d0e !important;
	box-shadow: 0 14px 32px rgba(0, 0, 0, 0.35);
	transform: rotate(180deg) scale(1.05);
}

#sec-1.slider-section .up-next:hover {
	background: rgba(255, 240, 120, 0.95) !important;
	color: #0b0d0e !important;
	box-shadow: 0 14px 32px rgba(0, 0, 0, 0.35);
	transform: scale(1.05);
}

#sec-1.slider-section .slider-section__thumb-nav-thumbs .slider-thumbs.slider-section__thumbs.slider-section__nav-wrap {
	max-width: 100%;
	width: 100%;
	margin: 0;
	padding: 0.35rem 0 0.75rem;
	position: relative;
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
	background: transparent !important;
}

#sec-1.slider-section .slider-thumbs .swiper-wrapper {
	justify-content: center !important;
}

#sec-1.slider-section .slider-thumbs .swiper-slide {
	box-sizing: border-box;
	width: auto !important;
	min-width: 0;
	height: clamp(64px, 9.5vh, 92px);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	/* перебиваем style.css: .slider-thumbs .swiper-slide { margin: 0 !important } — зазор как spaceBetween в page-home-product.js */
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	margin-left: 0 !important;
	margin-right: 48px !important;
	opacity: 0.5;
	border-radius: 0 !important;
	border: none !important;
	outline: none !important;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35);
	transition: opacity 0.25s ease, box-shadow 0.25s ease, transform 0.2s ease;
}

#sec-1.slider-section .slider-thumbs .swiper-slide-thumb-active {
	opacity: 1 !important;
	transform: translateY(-3px) scale(1.04);
	filter: none;
	box-shadow: 0 10px 26px rgba(0, 0, 0, 0.42);
}

#sec-1.slider-section .slider-thumbs img {
	display: block;
	width: auto;
	height: 100%;
	max-height: 100%;
	object-fit: contain;
	object-position: center bottom;
	border-radius: 0 !important;
	border: none !important;
}

/* Плейсхолдер без картинки — та же высота, узкая колонка */
#sec-1.slider-section .slider-thumbs .slider-thumb-placeholder {
	width: clamp(32px, 5.5vw, 46px);
	height: 100%;
	min-height: 64px;
	border-radius: 0 !important;
}

@media (max-width: 1280px) and (min-width: 992px) {
	#sec-1.slider-section .slider-section__slide-grid.slide-content {
		grid-template-columns: minmax(180px, 1fr) minmax(240px, 1.15fr) minmax(180px, 1fr);
		gap: clamp(14px, 2.2vw, 24px);
	}
}

@media (max-width: 991px) {
	#sec-1.slider-section .slider-section__slide-grid.slide-content {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: auto;
		min-height: 0;
		transform: none;
	}

	#sec-1.slider-section .slider-section__cta-mobile {
		order: 2;
	}

	#sec-1.slider-section .slider-section__col--features {
		order: 3;
	}

	#sec-1.slider-section .slider-section__col--facts {
		order: 4;
	}

	#sec-1.slider-section .slider-section__col--features,
	#sec-1.slider-section .slider-section__col--facts {
		grid-column: auto;
		grid-row: auto;
		width: 100%;
		max-width: none;
		margin-left: 0;
		margin-right: 0;
		transform: none;
	}

	#sec-1.slider-section .slider-section__col--features::before,
	#sec-1.slider-section .slider-section__col--facts::before {
		display: none;
	}

	#sec-1.slider-section .slider-section__col--visual {
		order: 1;
		grid-column: auto;
		grid-row: auto;
		max-width: none;
		min-height: 200px;
	}

	#sec-1.slider-section .slider-section__col--visual.slider-section__visual-stage,
	#sec-1.slider-section .slide-content .up_center.slider-section__visual-stage,
	#sec-1.slider-section .slider-section__visual-stage {
		align-items: center;
	}

	#sec-1.slider-section .slide-image {
		max-height: min(56vh, 480px);
		min-height: 200px;
		height: auto !important;
	}

	#sec-1.slider-section .slider-section__panel--left .slider-section__tagline {
		padding: 1rem 1.15rem 1.2rem;
		font-size: clamp(1rem, 3.75vw, 1.125rem);
		line-height: 1.58;
		letter-spacing: 0.01em;
	}

	/* Список фич на мобиле — крупнее шрифт */
	#sec-1.slider-section .slider-section__features-list .slider-section__feature-card {
		font-size: clamp(0.8125rem, 3.15vw, 0.95rem);
		line-height: 1.4;
	}

	#sec-1.slider-section .slider-section__features-list .up_naz.slider-section__accent-text {
		font-size: clamp(0.78rem, 3vw, 0.9rem);
	}

	#sec-1.slider-section .slider-section__features-list .slider-section__feature-strong {
		font-size: clamp(0.85rem, 3.2vw, 1rem);
		line-height: 1.32;
	}

	#sec-1.slider-section .slider-section__features-list .slider-section__feature .up_l {
		font-size: clamp(0.8rem, 3.05vw, 0.95rem);
		line-height: 1.42;
	}

	#sec-1.slider-section .slider-section__features-list .slider-section__feature--primary-spec .slider-section__feature-strong,
	#sec-1.slider-section .slider-section__features-list .slider-section__feature--primary-spec .up_l {
		font-size: clamp(0.95rem, 3.6vw, 1.12rem);
		line-height: 1.28;
	}

	/* pageeng: стрелки поверх фото */
	#sec-1.slider-section .slider-section__main-track > .slider-section__arrows--on-main.slider-section__arrows.up_st {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 56%;
		height: auto;
		max-width: none;
		width: 100%;
		padding: 0 clamp(4px, 2vw, 12px);
		margin: 0;
		display: flex;
		align-items: center;
		justify-content: space-between;
		pointer-events: none;
		z-index: 12;
	}

	#sec-1.slider-section .slider-section__main-track > .slider-section__arrows--on-main .up-prev,
	#sec-1.slider-section .slider-section__main-track > .slider-section__arrows--on-main .up-next {
		pointer-events: auto;
	}
}

@media (min-width: 992px) {
	#sec-1.slider-section .slider-section__thumb-nav-row {
		max-width: 100%;
		padding: 0.45rem clamp(32px, 6vw, 120px) 1.15rem;
		gap: clamp(18px, 3vw, 40px);
	}

	#sec-1.slider-section .slider-section__main-track > .slider-section__arrows.up_st,
	#sec-1.slider-section .slider-section__main-track > .slider-section__arrows--on-main.up_st {
		max-width: min(100%, 1480px);
		padding: 0.45rem clamp(40px, 7vw, 140px) 0.5rem;
		box-sizing: border-box;
	}

	#sec-1.slider-section .slider-section__main-track > .slider-section__arrows--on-main.slider-section__arrows.up_st {
		position: relative;
		left: auto;
		right: auto;
		top: auto;
		bottom: auto;
		height: auto;
		pointer-events: auto;
	}

	#sec-1.slider-section .slider-section__main-track + .slider-thumbs.slider-section__thumbs.slider-section__nav-wrap,
	#sec-1.slider-section .slider-section__main-track ~ .slider-thumbs.slider-section__thumbs.slider-section__nav-wrap {
		max-width: min(100%, 1480px);
		width: 100%;
		padding: 0.5rem clamp(40px, 7vw, 140px) 1.25rem;
		margin-left: auto;
		margin-right: auto;
		box-sizing: border-box;
	}
}

@media (max-width: 768px) {
	#sec-1.slider-section .slider-section__buy,
	#sec-1.slider-section a.up_buy-btn.slider-section__buy,
	#sec-1.slider-section a.up_buy-btn {
		max-width: none;
	}

	#sec-1.slider-section .slider-thumbs .swiper-slide {
		width: auto !important;
		min-width: 0;
		height: clamp(56px, 14vw, 76px);
		margin-right: 48px !important;
	}
}