/* responsive.css — адаптив десктоп → мобилка */

/* ═══════ ПЛАНШЕТ (≤900px) ═══════ */
@media (max-width: 900px) {
	:root {
		--fs-50: 38px;
		--fs-40: 30px;
		--space-section-x: var(--sp-24);
	}

	.plants-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.articles__grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.btn--wide {
		width: 100%;
	}

	.partner-logo-row {
		gap: var(--space-s);
	}

	.partner-logo-link {
		width: 96px;
		height: 96px;
		font-size: 11px;
	}
}

/* ═══════ МОБИЛКА (≤600px) ═══════ */
@media (max-width: 600px) {
	:root {
		--fs-50: 30px;
		--fs-40: 24px;
		--fs-24: 18px;
		--fs-20: 16px;
		--space-section-x: var(--sp-16);
		--btn-width: 100%;
		--btn-width-wide: 100%;
	}

	/* Hero */
	.hero__content {
		padding: 0 var(--space-s) var(--space-l);
	}

	/* Welcome */
	.welcome__content {
		padding: calc(var(--header-h) + var(--space-s)) var(--space-s) var(--space-m);
	}

	.welcome__partners {
		gap: var(--space-s);
		justify-content: center;
	}

	.partner-bubble {
		width: 80px;
		height: 80px;
		font-size: 10px;
	}

	/* Сцены */
	.scene__content {
		padding: var(--space-m) var(--space-s);
	}

	/* Игры */
	.plants-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: var(--space-xs);
	}

	.plant-card {
		padding: var(--space-s) var(--space-xs);
	}

	.plant-card__icon {
		font-size: 28px;
	}

	.omens-cards {
		gap: var(--space-s);
	}

	.omen-card {
		width: 100px;
		height: 160px;
		font-size: 36px;
	}

	.path-btn {
		font-size: var(--fs-body);
		padding: var(--space-s);
	}

	/* Кнопки */
	.btn {
		width: 100%;
		font-size: var(--fs-20);
		height: 60px;
	}

	.btn--compact {
		width: auto;
		height: 44px;
	}

	/* Статьи */
	.articles__grid {
		grid-template-columns: 1fr;
	}

	/* Логотипы партнёров */
	.partner-logo-row {
		justify-content: center;
		gap: var(--space-xs);
	}

	.partner-logo-link {
		width: 80px;
		height: 80px;
		font-size: 10px;
	}

	/* Форма */
	.form-finale__box {
		padding: var(--space-m);
	}

	.form-finale {
		padding: var(--space-m) var(--space-s);
	}

	/* Попап */
	.popup {
		padding: var(--space-m);
	}

	/* Кнопка назад */
	.btn-back {
		bottom: var(--space-s);
		right: var(--space-s);
		font-size: var(--fs-14);
	}

	/* Костёр */
	.fire-bg__bonfire {
		transform: translateX(-50%) scale(0.7);
		transform-origin: bottom center;
		bottom: 12%;
	}

	/* Вензели */
	.hero__ornament--bl {
		width: 160px;
		height: 160px;
	}

	.hero__ornament--tr {
		width: 100px;
		height: 100px;
	}

	/* Скрыть туман на слабых телефонах */
	.fog-layer {
		display: none;
	}
}