/* ==========================================================================
   STYLE-EDITORIAL.CSS — ЕДИНЫЙ ФАЙЛ
   Заменяет style.css + style-editorial.css
   Подключается ОДИН раз: <link href="/new/css/style-editorial.css" ...>

   Структура:
   1.  База и сброс
   2.  Типографика (Montserrat + Helvetica Neue)
   3.  Меню (fixed_block, toptop, top-menu, overlay, mobile-menu)
   4.  Контентные блоки (editorial-page, hero, nav, sections, gallery)
   5.  Страница фона (editorial-backdrop-info, backdrop-instruction, backdrop-images, backdrop-photos)
   6.  Футер (светлый)
   7.  Анимация (reveal)
   8.  FAQ (rules.php)
   9.  Типографика длинных текстов
   10. Специальные страницы (about, set, device, photostudio, 404)
   11. Главная (index.php)
   12. Адаптив (1024, 768, 600, 480)
   ========================================================================== */

/* ==========================================================================
   1. БАЗА И СБРОС
   ========================================================================== */
@font-face {
	   font-family: 'Montserrat';
	   src: url('/fonts/Montserrat-VariableFont_wght.woff2') format('woff2-variations');
	   font-weight: 100 900;
	   font-style: normal;
	   font-display: swap;
   }

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

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

body {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 300;
	background-color: #f2f0ed;
	color: #1a1a1a;
	line-height: 1.7;
	-webkit-font-smoothing: antialiased;
	font-size: 17px;
}

/* ==========================================================================
   2. ОБЩИЙ КОНТЕЙНЕР
   ========================================================================== */
.editorial-page {
	max-width: 950px;
	margin: 0 auto;
	padding: 0 40px;
	margin-top: 140px;
}

/* ==========================================================================
   3. МЕНЮ (из style.css)
   ========================================================================== */
.fixed_block_position {
	width: 100%;
}

.fixed_block {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #ffffff;
	z-index: 1000;
	border-bottom: 1px solid #f5f5f5;
}

/* Верхняя плашка */
.toptop-header-wrapper {
	width: 100%;
	background: #ffffff;
	border-bottom: 1px solid #fafafa;
	padding: 8px 0;
	max-height: 100px;
	opacity: 1;
	overflow: hidden;
	transition: max-height 0.35s cubic-bezier(0.16, 1, 0.3, 1),
				opacity 0.25s ease,
				padding 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.fixed_block.fixed .toptop-header-wrapper {
	max-height: 0;
	opacity: 0;
	padding-top: 0;
	padding-bottom: 0;
}

.toptop-header__inner {
	max-width: 930px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 16px;
	padding: 0 20px;
}

.toptop-header__inner a {
	font-family: 'Montserrat', sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	color: #1a1a1a;
	text-decoration: none;
	transition: opacity 0.2s ease;
}

.toptop-header__inner a:hover {
	opacity: 0.5;
}

.toptop-header__inner span {
	color: #eaeaea;
	font-size: 11px;
	font-weight: 300;
}

/* Основное меню */
.top-menu {
	width: 100%;
	padding: 14px 0;
}

.menu-header {
	max-width: 930px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 20px;
}

.logo-link {
	display: flex;
	align-items: center;
	width: 110px;
	height: 32px;
}

.centering-logo {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

.logo-img {
	width: 100%;
	height: auto;
	max-height: 24px;
	display: block;
	object-fit: contain;
}

.menu-toggle {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	cursor: pointer;
	width: 22px;
	height: 12px;
	z-index: 1002;
	position: relative;
}

.menu-toggle span {
	display: block;
	width: 100%;
	height: 1px;
	background-color: #000000;
	transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease;
}

.menu-toggle.open .line-1 {
	transform: translateY(5px) rotate(45deg);
}
.menu-toggle.open .line-2 {
	opacity: 0;
}
.menu-toggle.open .line-3 {
	transform: translateY(-6px) rotate(-45deg);
}

.top-header__phone {
	display: flex;
	align-items: center;
	gap: 7px;
}

.top-header__phone a {
	display: block;
	width: 23px;
	height: 23px;
	color: #555555;
	transition: color 0.3s ease;
}

.top-header__phone a:hover {
	color: #000000;
}

.top-header__phone img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

/* Оверлей-меню (редакционный стиль — приоритет) */
html body .menu-overlay {
	background: #f2f0ed !important;
	display: block !important;
	overflow-y: auto !important;
	-webkit-overflow-scrolling: touch !important;
	padding: 80px 0 40px 0 !important;
	height: 100vh !important;
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	z-index: 1001;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.5s;
}

html body .menu-overlay.active {
	opacity: 1;
	visibility: visible;
}

html body .menu-overlay[aria-hidden="true"] {
	pointer-events: none;
}

html body .menu-overlay.active {
	pointer-events: auto;
}

html body .menu-overlay .menu-container {
	max-width: 720px !important;
	padding: 40px !important;
}

html body .menu-overlay .mobile-menu {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 0 !important;
}

html body .menu-overlay .mobile-menu li {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border-bottom: 1px solid rgba(0,0,0,0.08) !important;
}

html body .menu-overlay .mobile-menu li a {
	display: block !important;
	font-family: 'Montserrat', sans-serif !important;
	font-weight: 500 !important;
	font-size: 14px !important;
	text-transform: uppercase !important;
	letter-spacing: 0.2em !important;
	color: #1a1a1a !important;
	text-decoration: none !important;
	padding: 22px 0 !important;
	transition: color 0.2s ease !important;
}

html body .menu-overlay .mobile-menu li a:hover {
	color: #b0151e !important;
	opacity: 1 !important;
}

html body .menu-overlay .mobile-menu .contact-info {
	margin-top: 40px !important;
	border-top: none !important;
	border-bottom: none !important;
	padding-top: 0 !important;
	display: block !important;
}

html body .menu-overlay .mobile-menu .contact-info span {
	display: block !important;
	font-family: 'Montserrat', sans-serif !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	letter-spacing: 0.05em !important;
	color: #1a1a1a !important;
	text-transform: none !important;
	margin-bottom: 12px !important;
}

html body .menu-overlay .mobile-menu .contact-info a {
	display: inline !important;
	font-family: 'Montserrat', sans-serif !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.15em !important;
	color: #b0151e !important;
	padding: 0 !important;
	border: none !important;
	text-decoration: none !important;
}

html body .menu-overlay .mobile-menu .contact-info .sep {
	color: #b0151e !important;
	margin: 0 6px !important;
	font-size: 12px !important;
}

html body .menu-overlay .mobile-menu .contact-info a:hover {
	opacity: 0.6 !important;
	color: #b0151e !important;
}

/* ==========================================================================
   4. HERO-БЛОК
   ========================================================================== */
.editorial-hero {
	padding: 80px 0 60px 0;
	max-width: 900px;
}

.editorial-label {
	display: inline-block;
	font-family: 'Montserrat', sans-serif;
	font-size: 11px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.25em;
	color: #b0151e;
	margin-bottom: 14px;
}

.editorial-label a {
	color: inherit;
	text-decoration: none;
	transition: opacity 0.2s ease;
}

.editorial-label a:hover {
	opacity: 0.6;
}

.editorial-title {
	font-family: 'Montserrat', sans-serif;
	font-size: 56px;
	font-weight: 200;
	line-height: 1.05;
	letter-spacing: -0.02em;
	color: #1a1a1a;
	margin-bottom: 28px;
}

.editorial-subtitle {
	font-size: 19px;
	line-height: 1.6;
	color: #5b5b5b;
	max-width: 640px;
	font-weight: 300;
}

/* ==========================================================================
   5. НАВИГАЦИЯ ПО РАЗДЕЛАМ
   ========================================================================== */
.editorial-nav {
	background: #ffffff;
	padding: 32px 40px;
	margin-bottom: 40px;
}

.editorial-nav__list {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 28px !important;
}

.editorial-nav__list li {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.editorial-nav__list a {
	font-family: 'Montserrat', sans-serif !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.15em !important;
	color: #1a1a1a !important;
	text-decoration: none !important;
	transition: color 0.2s ease;
	white-space: nowrap;
	display: inline;
}

.editorial-nav__list a:hover {
	color: #b0151e !important;
	opacity: 1 !important;
}

.editorial-nav__list a .nav-num {
	color: #b0151e !important;
	margin-right: 6px;
	font-weight: 600;
}

/* ==========================================================================
   6. ПЛАШКИ СЕКЦИЙ
   ========================================================================== */
.editorial-sections {
	display: flex;
	flex-direction: column;
	gap: 40px;
	padding-bottom: 80px;
}

.editorial-section {
	background: #ffffff;
	padding: 64px 72px;
}

.editorial-section__label {
	display: block;
	font-family: 'Montserrat', sans-serif;
	font-size: 11px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.25em;
	color: #b0151e;
	margin-bottom: 20px;
}

.editorial-section__title {
	font-family: 'Montserrat', sans-serif;
	font-size: 32px;
	font-weight: 300;
	line-height: 1.2;
	letter-spacing: -0.01em;
	color: #1a1a1a;
	margin-bottom: 28px;
	max-width: 640px;
}

.editorial-section__body {
	font-size: 17px;
	line-height: 1.8;
	color: #2a2a2a;
	max-width: 720px;
}

.editorial-section__body p {
	margin-bottom: 20px;
}

.editorial-section__body p:last-child {
	margin-bottom: 0;
}

.editorial-section__body strong {
	font-weight: 600;
	color: #1a1a1a;
}

.editorial-section__body a {
	color: #1a1a1a;
	text-decoration: none;
	border-bottom: 1px solid #b0151e;
	padding-bottom: 1px;
	transition: color 0.2s ease, opacity 0.2s ease;
}

.editorial-section__body a:hover {
	color: #b0151e;
	opacity: 0.85;
}

.editorial-list {
	list-style: none;
	padding: 0;
	margin: 24px 0;
	border-top: 1px solid rgba(0,0,0,0.08);
}

.editorial-list li {
	position: relative;
	padding: 14px 0 14px 28px;
	line-height: 1.6;
	font-size: 17px;
	color: #2a2a2a;
	border-bottom: 1px solid rgba(0,0,0,0.08);
}

.editorial-list li::before {
	content: "—";
	position: absolute;
	left: 0;
	color: #b0151e;
	font-weight: 400;
}

.editorial-phone {
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	color: #1a1a1a;
	text-decoration: none;
	border-bottom: 1px solid #b0151e;
	padding-bottom: 1px;
	transition: color 0.2s ease, opacity 0.2s ease;
	white-space: nowrap;
}

.editorial-phone:hover {
	color: #b0151e;
	opacity: 0.85;
}

.editorial-strong {
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	color: #1a1a1a;
}
/* ==========================================================================
   7. ГАЛЕРЕЯ
   ========================================================================== */
.editorial-gallery {
	padding: 0 0 80px 0;
}

.editorial-gallery__label {
	display: block;
	font-family: 'Montserrat', sans-serif;
	font-size: 11px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.25em;
	color: #b0151e;
	margin-bottom: 20px;
}

.editorial-gallery__title {
	font-family: 'Montserrat', sans-serif;
	font-size: 32px;
	font-weight: 300;
	line-height: 1.2;
	color: #1a1a1a;
	margin-bottom: 40px;
	max-width: 640px;
}

.editorial-gallery__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
}

.editorial-gallery__item {
	background: #ffffff;
	padding: 10px;
	display: flex;
	flex-direction: column;
	height: 100%;
}

.editorial-gallery__item img {
	width: 100%;
	height: auto;
	display: block;
}

.editorial-gallery__caption {
	font-family: 'Montserrat', sans-serif;
	font-size: 10px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	color: #8a8a8a;
	margin-top: auto;
	padding-top: 12px;
	text-align: center;
	line-height: 1.4;
}

.editorial-gallery__caption-line2 {
	font-size: 9px;
	letter-spacing: 0.15em;
	line-height: 1.4;
	display: inline-block;
	margin-top: 4px;
}

/* ==========================================================================
   8. РАЗДЕЛИТЕЛЬ
   ========================================================================== */
.editorial-separator {
	width: 60px;
	height: 1px;
	background: #b0151e;
	margin: 80px auto 80px auto;
}

/* ==========================================================================
   9. ФУТЕР (светлый — редакционный)
   ========================================================================== */
html body .footer-rock {
	background: #ebe8e3 !important;
	color: #1a1a1a !important;
	padding: 80px 0 40px 0 !important;
	margin-top: 0 !important;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
	border-top: 1px solid rgba(0,0,0,0.08) !important;
	width: 100% !important;
	box-sizing: border-box !important;
	display: block !important;
	opacity: 1 !important;
	transform: none !important;
}

html body .footer-rock .footer-container {
	max-width: 950px !important;
	margin: 0 auto !important;
	padding: 0 40px !important;
	text-align: center !important;
}

html body .footer-rock .footer-brand {
	text-align: center !important;
	margin-bottom: 60px !important;
}

html body .footer-rock .footer-logo {
	max-width: 220px !important;
	height: auto !important;
	opacity: 1 !important;
	display: inline-block !important;
	filter: brightness(0) !important;
}

html body .footer-rock .footer-slogan {
	font-family: 'Montserrat', sans-serif !important;
	font-size: 10px !important;
	letter-spacing: 0.4em !important;
	color: #8a8a8a !important;
	text-transform: uppercase !important;
	margin-top: 20px !important;
	font-weight: 400 !important;
}

html body .footer-rock .footer-links {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 60px !important;
	padding: 50px 0 !important;
	border-bottom: 1px solid rgba(0,0,0,0.08) !important;
	border-top: 1px solid rgba(0,0,0,0.08) !important;
	margin-bottom: 50px !important;
	text-align: left !important;
}

html body .footer-rock .footer-col h4 {
	font-family: 'Montserrat', sans-serif !important;
	color: #1a1a1a !important;
	font-size: 10px !important;
	letter-spacing: 0.25em !important;
	margin-bottom: 24px !important;
	font-weight: 500 !important;
	text-transform: uppercase !important;
}

html body .footer-rock .footer-col ul {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

html body .footer-rock .footer-col ul li {
	margin-bottom: 12px !important;
}

html body .footer-rock .footer-col ul li a {
	color: #5b5b5b !important;
	text-decoration: none !important;
	font-size: 14px !important;
	font-weight: 300 !important;
	transition: color 0.2s ease !important;
}

html body .footer-rock .footer-col ul li a:hover {
	color: #b0151e !important;
}

html body .footer-rock .footer-socials {
	display: flex !important;
	gap: 20px !important;
	align-items: center !important;
}

html body .footer-rock .footer-socials a {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 22px !important;
	height: 22px !important;
	color: #5b5b5b !important;
	transition: color 0.2s ease !important;
}

html body .footer-rock .footer-socials a:hover {
	color: #b0151e !important;
}

html body .footer-rock .footer-socials svg {
	width: 100% !important;
	height: 100% !important;
	display: block !important;
}

html body .footer-rock .footer-tagline {
	text-align: center !important;
	font-size: 11px !important;
	color: #8a8a8a !important;
	text-transform: uppercase !important;
	letter-spacing: 0.35em !important;
	margin-bottom: 30px !important;
	font-weight: 300 !important;
}

html body .footer-rock .footer-copyright {
	text-align: center !important;
	font-size: 12px !important;
	color: #8a8a8a !important;
	font-weight: 300 !important;
	line-height: 1.6 !important;
}

html body .footer-rock .footer-copyright p {
	margin: 4px 0 !important;
}

/* ==========================================================================
   10. СТРАНИЦА ФОНА (backdrop_XX.php)
   ========================================================================== */
.editorial-backdrop-info {
	background: #ffffff;
	padding: 30px 48px;
	margin-bottom: 40px;
}

.editorial-backdrop-info h3 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 1.9;
	color: #1a1a1a;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	margin: 0;
}

.editorial-backdrop-info h3 strong {
	font-weight: 500;
	color: #b0151e;
}

.editorial-section--plain {
	padding: 48px 72px;
	margin-bottom: 40px;
}

.editorial-section--plain .instruction {
	font-size: 17px;
	line-height: 1.8;
	color: #5b5b5b;
	max-width: 720px;
	margin: 0;
}

.backdrop-images {
	display: flex;
	flex-direction: column;
	gap: 24px;
	margin-bottom: 60px;
}

.backdrop-images img {
	width: 100%;
	height: auto;
	display: block;
}

.editorial-gallery__grid--backdrop {
	grid-template-columns: repeat(2, 1fr) !important;
	gap: 16px !important;
}

.editorial-gallery__grid--backdrop .editorial-gallery__item {
	background: #ffffff;
	padding: 16px;
}

.editorial-gallery__grid--backdrop .editorial-gallery__item img {
	width: 100%;
	height: auto;
	display: block;
}

/* Инструкция на фоне */
.backdrop-instruction {
	width: 100%;
	margin: 0 0 60px 0;
	padding: 0 0 0 20px;
	border-left: 1px solid rgba(0,0,0,0.1);
}

.backdrop-instruction__label {
	display: block;
	font-family: 'Montserrat', sans-serif;
	font-size: 11px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.25em;
	color: #b0151e;
	margin-bottom: 12px;
}

.backdrop-instruction__text {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 15px;
	line-height: 1.7;
	color: #8a8a8a;
	max-width: 720px;
	margin: 0;
}
.backdrop-description {
	max-width: 720px;
	margin: 0 0 60px 0;
	font-size: 17px;
	line-height: 1.85;
	color: #2a2a2a;
}

.backdrop-photos {
	width: 100%;
	margin-bottom: 60px;
}

.backdrop-photos .editorial-gallery__label {
	margin-bottom: 24px;
}

.backdrop-photos .backdrop-images {
	margin: 0;
}

/* ==========================================================================
   11. ССЫЛКА «К ОГЛАВЛЕНИЮ»
   ========================================================================== */
.back-to-toc {
	display: inline-block;
	margin-top: 40px;
	font-family: 'Montserrat', sans-serif;
	font-size: 10px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	color: #b0151e;
	text-decoration: none;
	border-bottom: 1px solid #b0151e;
	padding-bottom: 2px;
	transition: opacity 0.2s ease;
}

.back-to-toc:hover {
	opacity: 0.6;
}

/* ==========================================================================
   12. АНИМАЦИЯ (reveal)
   ========================================================================== */
.mobile-menu li,
.backdrop-images img,
.footer-rock {
	opacity: 0;
	transform: translateY(15px);
	transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.is-visible {
	opacity: 1 !important;
	transform: translateY(0) !important;
}
/* ==========================================================================
   13. 404 ссылки
   ========================================================================== */
.editorial-link {
	display: inline-block;
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	color: #b0151e;
	text-decoration: none;
	border-bottom: 1px solid #b0151e;
	padding-bottom: 2px;
	transition: opacity 0.2s ease;
}

.editorial-link:hover {
	opacity: 0.6;
}

.editorial-error-links-bottom {
	display: flex;
	justify-content: center;
	gap: 48px;
	margin-bottom: 40px;
	flex-wrap: wrap;
}


/* ==========================================================================
   15. БЛОК АВТОРА (about.php)
   ========================================================================== */
.editorial-author {
	display: flex;
	align-items: flex-start;
	gap: 48px;
	margin-top: 64px;
	padding-top: 40px;
	border-top: 1px solid rgba(0,0,0,0.08);
}

.editorial-author__photo {
	flex-shrink: 0;
	width: 320px;
	max-width: 320px;
}

.editorial-author__photo img {
	width: 100%;
	height: auto;
	display: block;
	max-width: 100%;
}

.editorial-author__signature {
	flex: 1;
	font-size: 18px;
	line-height: 1.7;
	color: #2a2a2a;
	padding-top: 0;
}

.editorial-author__signature p {
	margin: 0;
}

.editorial-author__signature a {
	color: #6a6a6a;
	text-decoration: none;
	transition: color 0.2s ease, text-decoration-color 0.2s ease;
}

.editorial-author__signature a:hover {
	color: #1a1a1a;
	text-decoration: underline;
	text-decoration-color: #1a1a1a;
	text-underline-offset: 3px;
}

/* ==========================================================================
   16. КОМПЛЕКТ (set.php)
   ========================================================================== */
.editorial-set-images {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px;
	margin-bottom: 40px;
	background: #ffffff;
	padding: 64px 72px;
	justify-items: center;
}

.editorial-set-images img {
	width: 100%;
	max-width: 350px;
	height: auto;
	display: block;
}
/* ==========================================================================
   16-БИС. ПРЕИМУЩЕСТВА КОМПЛЕКТА (set.php) — как на главной
   ========================================================================== */
.editorial-features {
	width: 100%;
	margin: 0 0 60px 0;
	display: flex;
	flex-direction: column;
	gap: 60px;
}

.editorial-features__item {
	display: flex;
	flex-direction: column;
}

.editorial-features__num {
	display: block;
	font-family: 'Montserrat', sans-serif;
	font-size: 11px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.25em;
	color: #b0151e;
	margin-bottom: 20px;
}

.editorial-features__text {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 17px;
	line-height: 1.85;
	color: #2a2a2a;
	max-width: 720px;
	margin: 0 0 20px 0;
}

.editorial-features__text:last-child {
	margin-bottom: 0;
}

.editorial-features__text + .editorial-list {
	margin-top: 0;
}

/* Адаптив: мобильный */
@media (max-width: 768px) {
	.editorial-features {
		gap: 40px;
		margin-bottom: 40px;
	}
	.editorial-features__num {
		font-size: clamp(10px, 2.6vw, 12px);
		margin-bottom: 16px;
	}
	.editorial-features__text {
		font-size: clamp(16px, 4.2vw, 19px);
	}
}
/* ==========================================================================
   17. ОБОРУДОВАНИЕ (device.php)
   ========================================================================== */
.editorial-device-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 12px;
	margin-top: 32px;
}

.editorial-device-item {
	background: #ffffff;
	padding: 12px;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.editorial-device-item img {
	width: 100%;
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto 10px;
}

.editorial-device-name {
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.35;
	color: #1a1a1a;
	margin-bottom: 8px;
}

.editorial-device-copy {
	font-size: 12px;
	font-weight: 300;
	color: #8a8a8a;
	display: block;
	margin-top: 4px;
}

.editorial-device-price {
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	font-weight: 500;
	color: #b0151e;
	margin-top: auto;
	letter-spacing: 0.05em;
}

.editorial-note {
	font-size: 16px;
	line-height: 1.7;
	color: #8a8a8a;
	max-width: 720px;
	margin-top: 20px;
	padding-left: 20px;
	border-left: 1px solid rgba(0,0,0,0.1);
}

/* ==========================================================================
   18. КАРТА (photostudio.php)
   ========================================================================== */
.editorial-map {
	background: #ffffff;
	padding: 16px;
	margin-bottom: 40px;
	overflow: hidden;
}

.editorial-map iframe {
	width: 100%;
	height: auto;
	aspect-ratio: 960 / 414;
	display: block;
	border: none;
}

/* ==========================================================================
   19. СТРАНИЦА 404
   ========================================================================== */
.editorial-error {
	text-align: center;
	padding: 40px 0 60px 0;
}

.editorial-error__code {
	font-family: 'Montserrat', sans-serif;
	font-size: clamp(96px, 18vw, 160px);
	font-weight: 200;
	line-height: 1;
	letter-spacing: 0.05em;
	color: #b0151e;
	margin-bottom: 24px;
}

.editorial-error__title {
	font-family: 'Montserrat', sans-serif;
	font-size: clamp(24px, 4vw, 36px);
	font-weight: 300;
	line-height: 1.2;
	color: #1a1a1a;
	margin-bottom: 24px;
}

.editorial-error__text {
	font-size: 18px;
	line-height: 1.6;
	color: #5b5b5b;
	margin-bottom: 12px;
}

.editorial-error__text strong {
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	letter-spacing: 0.05em;
	color: #1a1a1a;
}

.editorial-error__subtext {
	font-size: 16px;
	line-height: 1.6;
	color: #8a8a8a;
	margin: 0;
}

.editorial-error-links {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 60px;
	background: #ffffff;
	padding: 48px 64px;
	margin-bottom: 40px;
	max-width: 720px;
	margin-left: auto;
	margin-right: auto;
}

.editorial-error-col__label {
	display: block;
	font-family: 'Montserrat', sans-serif;
	font-size: 11px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.25em;
	color: #b0151e;
	margin-bottom: 16px;
	margin-top: 24px;
}

.editorial-error-col__label:first-child {
	margin-top: 0;
}

.editorial-error-col ul {
	list-style: none;
	padding: 0;
	margin: 0 0 8px 0;
}

.editorial-error-col ul li {
	margin-bottom: 10px;
}

.editorial-error-col ul li a {
	font-size: 16px;
	color: #2a2a2a;
	text-decoration: none;
	transition: color 0.2s ease;
}

.editorial-error-col ul li a:hover {
	color: #b0151e;
}

.editorial-error-buttons {
	display: flex;
	justify-content: center;
	gap: 16px;
	flex-wrap: wrap;
	margin-bottom: 40px;
}

.editorial-btn {
	display: inline-block;
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	padding: 16px 32px;
	text-decoration: none;
	transition: all 0.2s ease;
}

.editorial-btn--primary {
	background: #b0151e;
	color: #ffffff;
}

.editorial-btn--primary:hover {
	opacity: 0.85;
}

.editorial-btn--outline {
	background: transparent;
	color: #b0151e;
	border: 1px solid #b0151e;
}

.editorial-btn--outline:hover {
	background: #b0151e;
	color: #ffffff;
}

/* ==========================================================================
   20. ГЛАВНАЯ (index.php)
   ========================================================================== */
.home-slider {
	position: relative;
	width: 870px;
	max-width: 100%;
	margin: 0 auto 80px auto;
}

.home-slider--top {
	margin-top: 0;
}

.home-slider__viewport {
	overflow: hidden;
	width: 100%;
	aspect-ratio: 2 / 1;
	height: auto;
}

.home-slider__inner {
	display: flex;
	height: 100%;
	transition: transform 0.9s cubic-bezier(0.65, 0.05, 0.36, 1);
	will-change: transform;
}

.home-slider__slide {
	flex: 0 0 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
}

.home-slider__overlay {
	position: absolute !important;
	top: 10px !important;
	left: 10px !important;
	right: 80px !important;
	bottom: auto !important;
	height: auto !important;
	max-height: 200px !important;
	z-index: 2 !important;
	padding: 0 !important;
	margin: 0 !important;
	display: block !important;
	pointer-events: none !important;
}

.home-slider__overlay .editorial-label {
	color: #ffffff;
	opacity: 0.85;
}

.home-hero__title {
	font-family: 'Montserrat', sans-serif;
	font-size: clamp(48px, 9vw, 110px);
	font-weight: 200;
	line-height: 1;
	letter-spacing: -0.02em;
	color: #ffffff;
	margin: 16px 0 12px 0;
}

.home-hero__subtitle {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 20px;
	line-height: 1.5;
	color: #ffffff;
	font-weight: 300;
	max-width: 640px;
	margin: 0;
}

.editorial-page .home-slider {
	max-width: 950px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 40px;
}

.editorial-page .home-slider__viewport {
	height: 500px;
}

.home-slider__caption {
	font-family: 'Montserrat', sans-serif;
	font-size: 11px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.25em;
	color: #8a8a8a;
	text-align: center;
	padding: 24px 0 0 0;
}

.home-tiles {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
	margin-bottom: 80px;
}

.home-tile {
	background: #ffffff;
	padding: 40px 32px;
	text-decoration: none;
	color: #1a1a1a;
	display: flex;
	flex-direction: column;
	transition: opacity 0.3s ease;
}

.home-tile:hover {
	opacity: 0.7;
}

.home-tile__num {
	font-family: 'Montserrat', sans-serif;
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 0.25em;
	color: #b0151e;
	margin-bottom: 32px;
}

.home-tile__title {
	font-family: 'Montserrat', sans-serif;
	font-size: 24px;
	font-weight: 300;
	line-height: 1.2;
	letter-spacing: -0.01em;
	color: #1a1a1a;
	margin: 0 0 16px 0;
}

.home-tile__text {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 15px;
	line-height: 1.6;
	color: #5b5b5b;
	margin: 0;
}

.home-cta {
	background: #ffffff;
	padding: 64px 72px;
	text-align: center;
	margin-bottom: 40px;
}

.home-cta__title {
	font-family: 'Montserrat', sans-serif;
	font-size: 36px;
	font-weight: 300;
	line-height: 1.2;
	color: #1a1a1a;
	margin: 24px 0 12px 0;
	letter-spacing: -0.01em;
}

.home-cta__text {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #8a8a8a;
	margin: 0 0 32px 0;
}

.home-cta__buttons {
	display: flex;
	justify-content: center;
	gap: 16px;
	flex-wrap: wrap;
}

.editorial-page .home-slider--top {
	margin-top: 0;
	margin-bottom: 0;
}

.editorial-page .home-slider--top + .editorial-section {
	margin-top: 0;
}

.editorial-page > .home-slider--top + .editorial-section--plain {
	padding-top: 0;
	margin-top: 0;
}

/* HERO-обёртка главной */
.home-hero-wrap {
	width: 950px;
	max-width: 100%;
	margin: 100px auto 80px auto;
	background: #ffffff;
	padding: 0 40px 64px 40px;
	overflow: hidden;
}

.home-hero-wrap .home-slider {
	width: 870px;
	max-width: 100%;
	margin: 0 auto;
}

.home-hero-wrap .home-slider__viewport {
	aspect-ratio: 2 / 1;
	height: auto;
}

.home-hero-wrap__intro {
	width: 870px;
	max-width: 100%;
	margin: 0 auto;
	padding: 64px 0 0 0;
}

.home-hero-wrap__intro .editorial-section__label {
	display: block;
	font-family: 'Montserrat', sans-serif;
	font-size: 11px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.25em;
	color: #b0151e;
	margin-bottom: 20px;
}

.home-hero-wrap__intro .editorial-section__body {
	font-size: 17px;
	line-height: 1.8;
	color: #2a2a2a;
	max-width: 720px;
}

.home-hero-wrap__intro .editorial-section__body p {
	margin-bottom: 20px;
}

.home-hero-wrap__intro .editorial-section__body p:last-child {
	margin-bottom: 0;
}

/* ==========================================================================
   21. АДАПТИВ — ПЛАНШЕТ (max-width: 1024px)
   ========================================================================== */
@media (max-width: 1024px) {
	.editorial-page {
		padding: 0 24px;
	}
	.editorial-title {
		font-size: clamp(26px, 6.5vw, 34px);
	}
	.editorial-gallery__grid {
		grid-template-columns: repeat(2, 1fr);
	}
	html body .footer-rock .footer-links {
		gap: 40px !important;
	}
	.editorial-backdrop-info {
		padding: 32px 32px;
	}
	.editorial-section--plain {
		padding: 40px 40px;
	}
	.home-tiles {
		grid-template-columns: repeat(2, 1fr);
	}
	.editorial-page .home-slider__viewport {
		height: 400px;
	}
	.editorial-set-images {
		padding: 48px 40px;
	}
	.editorial-set-images img {
		max-width: 340px;
	}
	.editorial-device-grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 10px;
	}
	.editorial-device-item {
		padding: 10px;
	}
}

/* ==========================================================================
   22. АДАПТИВ — МОБИЛЬНЫЙ (max-width: 768px)
   ========================================================================== */
@media (max-width: 768px) {
	/* --- База --- */
	body {
		font-size: clamp(16px, 4.2vw, 19px);
	}

	.editorial-page {
		padding: 0 16px;
		margin-top: 110px;
	}

	/* --- Меню --- */
	.menu-container {
		max-width: 100%;
		padding: 32px 24px;
	}
	.mobile-menu {
		gap: 18px;
	}
	.mobile-menu li a {
		display: inline-block;
		padding: 4px 0;
	}
	.top-menu {
		padding: 10px 8px;
	}
	.menu-header {
		padding: 0 8px;
	}
	html body .menu-overlay .menu-container {
		padding: 24px !important;
	}
	html body .menu-overlay .mobile-menu li a {
		font-size: clamp(13px, 3.4vw, 15px) !important;
		padding: clamp(16px, 4vw, 20px) 0 !important;
	}
	html body .menu-overlay .mobile-menu .contact-info {
		margin-top: 32px !important;
	}
	html body .menu-overlay .mobile-menu .contact-info span {
		font-size: clamp(15px, 4vw, 17px) !important;
	}

	/* --- Hero --- */
	.editorial-hero {
		padding: 40px 0 40px 0;
	}
	.editorial-label {
		font-size: clamp(10px, 2.6vw, 12px);
	}
	.editorial-title {
		font-size: clamp(32px, 8.5vw, 42px);
	}
	.editorial-subtitle {
		font-size: clamp(16px, 4.2vw, 19px);
	}

	/* --- Навигация --- */
	.editorial-nav {
		padding: 14px 24px;
		margin-bottom: 20px;
	}
	.editorial-nav__list {
		gap: 6px 16px !important;
		row-gap: 0px !important;
	}
	.editorial-nav__list a {
		font-size: clamp(10px, 2.6vw, 12px) !important;
		line-height: 1.3 !important;
	}

	/* --- Секции --- */
	.editorial-sections {
		gap: 24px;
		padding-bottom: 48px;
	}
	.editorial-section {
		padding: 32px 24px;
	}
	.editorial-section__label {
		font-size: clamp(10px, 2.6vw, 12px);
	}
	.editorial-section__title {
		font-size: clamp(22px, 6vw, 28px);
		margin-bottom: 20px;
	}
	.editorial-section__body {
		font-size: clamp(16px, 4.2vw, 19px);
		line-height: 1.7;
	}
	.editorial-list li {
		font-size: clamp(16px, 4.2vw, 19px);
		padding: 12px 0 12px 24px;
	}

	/* --- Галерея --- */
	.editorial-gallery {
		padding: 0 0 48px 0;
	}
	.editorial-gallery__label {
		font-size: clamp(10px, 2.6vw, 12px);
	}
	.editorial-gallery__title {
		font-size: clamp(22px, 6vw, 28px);
		margin-bottom: 28px;
	}
	.editorial-gallery__grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}
	.editorial-gallery__item {
		padding: 7px;
	}
	.editorial-gallery__caption {
		font-size: clamp(9px, 2.4vw, 11px);
	}

	/* --- Разделитель --- */
	.editorial-separator {
		margin: 60px auto 60px auto;
	}

	/* --- Страница фона --- */
	.editorial-backdrop-info {
		padding: 18px 24px;
		margin-bottom: 32px;
	}
	.editorial-backdrop-info h3 {
		font-size: clamp(12px, 3.2vw, 14px);
		line-height: 1.8;
	}
	.editorial-section--plain {
		padding: 32px 24px;
		margin-bottom: 32px;
	}
	.editorial-section--plain .instruction {
		font-size: clamp(16px, 4.2vw, 19px);
	}
	.backdrop-images {
		gap: 16px;
		margin-bottom: 40px;
	}
	.editorial-gallery__grid--backdrop {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 12px !important;
	}
	.editorial-gallery__grid--backdrop .editorial-gallery__item {
		padding: 6px;
	}
	.backdrop-instruction {
		margin-bottom: 40px;
		padding-left: 16px;
	}
	.backdrop-instruction__text {
		font-size: 14px;
	}
	.backdrop-photos {
		margin-bottom: 40px;
	}

	/* --- Футер --- */
	html body .footer-rock {
		padding: 40px 0 24px 0 !important;
	}
	html body .footer-rock .footer-container {
		padding: 0 24px !important;
	}
	html body .footer-rock .footer-brand {
		margin-bottom: 28px !important;
	}
	html body .footer-rock .footer-logo {
		max-width: clamp(100px, 28vw, 130px) !important;
	}
	html body .footer-rock .footer-slogan {
		font-size: clamp(9px, 2.4vw, 11px) !important;
		letter-spacing: 0.3em !important;
		margin-top: 10px !important;
	}
	html body .footer-rock .footer-links {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 32px 40px !important;
		padding: 24px 0 !important;
		margin: 0 auto 24px auto !important;
		max-width: 320px !important;
		text-align: left !important;
	}
	html body .footer-rock .footer-col:nth-child(3) {
		grid-column: 1 / -1;
		text-align: center !important;
		padding-top: 16px;
		border-top: 1px solid rgba(0,0,0,0.08);
	}
	html body .footer-rock .footer-col h4 {
		font-size: clamp(10px, 2.6vw, 12px) !important;
		margin-bottom: 14px !important;
	}
	html body .footer-rock .footer-col ul li {
		margin-bottom: 8px !important;
	}
	html body .footer-rock .footer-col ul li a {
		font-size: clamp(14px, 3.6vw, 16px) !important;
	}
	html body .footer-rock .footer-socials {
		justify-content: center !important;
	}
	html body .footer-rock .footer-tagline {
		font-size: clamp(10px, 2.6vw, 12px) !important;
		letter-spacing: 0.3em !important;
		margin-bottom: 16px !important;
	}
	html body .footer-rock .footer-copyright {
		font-size: clamp(11px, 2.8vw, 13px) !important;
	}

	/* --- Автор --- */
	.editorial-author {
		flex-direction: column;
		align-items: flex-start;
		gap: 24px;
		margin-top: 40px;
		padding-top: 32px;
		text-align: left;
	}
	.editorial-author__photo {
		width: 100%;
		max-width: 100%;
	}
	.editorial-author__signature {
		font-size: clamp(16px, 4.2vw, 18px);
	}

	/* --- Комплект --- */
	.editorial-set-images {
		grid-template-columns: 1fr;
		gap: 16px;
		margin-bottom: 32px;
		padding: 32px 24px;
	}
	.editorial-set-images img {
		max-width: 100%;
	}

	/* --- Оборудование --- */
	.editorial-device-grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 8px;
		margin-top: 24px;
	}
	.editorial-device-item {
		padding: 8px;
	}
	.editorial-device-name {
		font-size: 11px;
	}
	.editorial-device-price {
		font-size: 11px;
	}
	.editorial-device-copy {
		font-size: 10px;
	}
	.editorial-note {
		font-size: 15px;
		margin-top: 16px;
		padding-left: 16px;
	}

	/* --- Карта --- */
	.editorial-map {
		padding: 8px;
		margin-bottom: 32px;
	}
	.editorial-map iframe {
		aspect-ratio: 1 / 1;
	}

	/* --- 404 --- */
	.editorial-error {
		padding: 24px 0 40px 0;
	}
	.editorial-error-links {
		grid-template-columns: 1fr 1fr;
		gap: 24px;
		padding: 32px 24px;
		margin-bottom: 32px;
	}
	.editorial-error-col ul li a {
		font-size: clamp(15px, 4vw, 17px);
	}
	.editorial-error-buttons {
		gap: 12px;
		margin-bottom: 32px;
	}
	.editorial-btn {
		padding: 14px 24px;
		font-size: 11px;
	}

	/* --- Главная --- */
	.home-slider--top {
		margin-bottom: 48px;
	}
	.home-slider__viewport {
		aspect-ratio: 2 / 1;
		height: auto;
	}
	.home-hero__subtitle {
		font-size: clamp(15px, 4vw, 17px);
	}
	.home-slider {
		margin-bottom: 48px;
	}
	.editorial-page .home-slider {
		padding: 0 16px;
	}
	.editorial-page .home-slider__viewport {
		height: 260px;
	}
	.home-slider__caption {
		font-size: 10px;
		letter-spacing: 0.15em;
		padding: 16px 16px 0 16px;
	}
	.home-tiles {
		grid-template-columns: repeat(2, 1fr);
		gap: 8px;
		margin-bottom: 48px;
	}
	.home-tile {
		padding: 24px 20px;
	}
	.home-tile__title {
		font-size: 18px;
		margin-bottom: 10px;
	}
	.home-tile__text {
		font-size: 13px;
		line-height: 1.5;
	}
	.home-cta {
		padding: 40px 24px;
	}
	.home-cta__title {
		font-size: 26px;
	}
	.home-cta__buttons {
		gap: 10px;
	}
	.home-hero-wrap {
		width: 100%;
		max-width: 100%;
		margin: 80px 0 48px 0;
		padding-bottom: 32px;
	}
	.home-hero-wrap__intro {
		padding: 32px 24px 0 24px;
	}
}

/* ==========================================================================
   23. АДАПТИВ — ОЧЕНЬ МАЛЕНЬКИЕ (max-width: 600px)
   ========================================================================== */
@media (max-width: 600px) {
	.toptop-header__inner {
		gap: 10px;
	}
	.toptop-header__inner a {
		font-size: 10px;
		letter-spacing: 0.1em;
	}
}

/* ==========================================================================
   24. АДАПТИВ — ОЧЕНЬ МАЛЕНЬКИЕ (max-width: 480px)
   ========================================================================== */
@media (max-width: 480px) {
	.editorial-title {
		font-size: 30px;
	}
	.editorial-section {
		padding: 24px 20px;
	}
	.home-tiles {
		grid-template-columns: 1fr;
	}
}
/* Буквица в истории */
.editorial-section__body p:first-child::first-letter {
	font-family: 'Montserrat', sans-serif;
	font-size: 60px;
	font-weight: 200;
	line-height: 0.85;
	color: #1a1a1a;
	float: left;
	margin: 6px 12px 0 0;
	letter-spacing: -0.03em;
}