/* Quadro Extreme — базовая мобильная адаптация.
   Грузится ПОСЛЕДНИМ, поэтому перекрывает legacy-правила mobile.css.
   Цель: читабельность, аккуратные отступы, доработка меню. */

/* Планшеты: переключаем на бургер раньше (≤980px), иначе 7 пунктов меню
   переполняют шапку и дают горизонтальный скролл. */
@media ( max-width: 980px ) {
	.nav-links { display: none; }
	.nav-cta { display: none; }
	.burger { display: flex; }
	.nav-cta-mobile {
		display: inline-flex;
		align-items: center;
		font-family: "Barlow Condensed", sans-serif;
		font-size: 13px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase;
		color: var(--black); background: var(--green); text-decoration: none;
		padding: 9px 16px; border-radius: 3px; white-space: nowrap;
		clip-path: polygon(6px 0%, 100% 0%, calc(100% - 6px) 100%, 0% 100%);
	}
}

@media ( max-width: 800px ) {

	/* ── Шапка / логотип ── */
	nav { height: 56px; padding: 0 16px; }
	.nav-logo img { height: 38px; max-width: 150px; }
	.burger { display: flex; width: 40px; height: 40px; }

	/* ── HERO под длинный H1 ── */
	.hero-content { padding: 70px 20px 40px; margin-top: 0; }
	.hero-eyebrow {
		font-size: 16px; letter-spacing: 0.12em; margin-bottom: 8px;
		justify-content: center;
	}
	.hero-title {
		font-size: clamp(25px, 7vw, 34px) !important;
		line-height: 1.12; white-space: normal; letter-spacing: 0.01em;
		margin-bottom: 20px;
	}
	.hero-cards { gap: 10px; margin-bottom: 24px; }
	.hcard { padding: 14px 16px; border-radius: 12px; }
	.hcard-title { font-size: 13.5px; line-height: 1.45; }

	/* ── FEATURES: простые читаемые карточки (без аккордеона) ── */
	.features { padding: 48px 20px !important; }
	.features-head { margin-bottom: 24px !important; }
	.features-grid {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 12px !important;
	}
	.fcard, .fcard.alt, .fcard.wide {
		display: block !important;
		background: #141414 !important;
		border: 1px solid rgba(107, 255, 42, 0.14) !important;
		border-radius: 12px !important;
		padding: 18px 20px !important;
		margin: 0 !important;
		overflow: hidden !important;
		max-height: none !important;
	}
	.fcard.alt { background: #1b1b1b !important; }
	.fcard-num {
		float: left !important;
		font-size: 34px !important; line-height: 0.9 !important;
		margin: 1px 12px 2px 0 !important;
		color: var(--green) !important;
	}
	.fcard-title, .fcard.wide > div .fcard-title {
		display: block !important;
		font-size: 18px !important; line-height: 1.2 !important;
		padding: 0 !important; margin: 0 0 4px !important;
		color: #fff !important; cursor: default !important;
		text-transform: uppercase; letter-spacing: 0.01em;
	}
	.fcard-title::after { display: none !important; } /* убираем «+» аккордеона */
	.fcard-desc {
		display: block !important;
		max-height: none !important; opacity: 1 !important; overflow: visible !important;
		padding: 0 !important; margin: 0 !important;
		font-size: 14.5px !important; line-height: 1.6 !important; color: #c6c6c6 !important;
	}
	.fcard::after { display: none !important; }

	/* ── Секции: единый комфортный отступ по краям ── */
	.how, .routes, .equipment, .rules, .reviews, .video-showcase, .gallery, .faq {
		padding-left: 20px; padding-right: 20px;
	}
	.section-title { font-size: clamp(26px, 6.4vw, 40px) !important; line-height: 1.05; }

	/* ── Карта: ниже, чтобы не занимала пол-экрана ── */
	.footer-map iframe { height: 300px !important; }
}

@media ( max-width: 560px ) {
	.hero-title { font-size: clamp(23px, 8vw, 30px) !important; }
	.hero-eyebrow { font-size: 15px; }
	.fcard-num { font-size: 30px !important; margin-right: 10px !important; }
}

/* ── Правки по обратной связи (мобильный) ── */
@media ( max-width: 800px ) {
	/* Заголовок «Почему» не должен чернеть при тапе/hover */
	.features .fcard-title,
	.features .fcard-title:hover,
	.features .fcard-title:active,
	.features .fcard.accordion-open .fcard-title,
	.features .fcard.is-open .fcard-title,
	.features .fcard-title.acc-open { color: #fff !important; }

	/* Маршруты/техника: скролл строго по одной карточке (нельзя проскочить) */
	.routes-grid .route-card,
	.equipment-grid .eq-card { scroll-snap-stop: always !important; }

	/* Бургер-меню компактнее */
	.mobile-menu ul li a { padding: 12px 22px !important; font-size: 16px !important; }
	.mobile-menu__book { font-size: 16px !important; padding: 14px 22px !important; margin: 6px 16px 16px !important; }
	.mobile-cta { font-size: 18px !important; margin-top: 14px !important; }
	/* Крестик крупнее и заметнее — выйти проще */
	.mobile-menu__close { padding: 16px 16px 6px !important; }
	.mobile-menu__close-btn { width: 48px !important; height: 48px !important; font-size: 22px !important; }
}