/*
 * GS-product: отличия оформления от каркаса агентства.
 * Файл принадлежит продукту, синхронизация его не перезаписывает.
 */

/* Логотип продукта — горизонтальный, а не квадратный, как у агентства. */
.gs-header__brand img {
	width: 180px;
	max-height: none;
	height: auto;
}

/* Hero продукта: как на оригинале, 800px на десктопе и 550px на планшете. */
.gs-hero--dark,
.gs-hero--light {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 800px;
}

.gs-hero--dark .gs-hero__inner,
.gs-hero--light .gs-hero__inner {
	width: 100%;
}

@media (max-width: 1024px) {
	.gs-hero--dark,
	.gs-hero--light {
		min-height: 550px;
	}
}

/* Иллюстрации: пропорции, размеры задаются секциями. */
.gs-media__image,
.gs-cta__image {
	max-height: none;
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: contain;
}

.gs-faq__image {
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: contain;
}

/* Плотность карточек как на оригинале. */
.gs-unique-card {
	min-height: 240px;
	padding: 30px;
}

.gs-info-card {
	min-height: 170px;
	padding: 30px;
}

/* Тёмная секция шагов. */
.gs-section--steps.gs-section--dark {
	padding-block: 70px;
	background: var(--gs-color-primary);
	color: var(--gs-color-secondary);
}

.gs-section--steps.gs-section--dark .gs-section-heading__title,
.gs-section--steps.gs-section--dark .gs-steps__title {
	color: var(--gs-color-secondary);
}

.gs-section--steps.gs-section--dark .gs-section-heading__subtitle,
.gs-section--steps.gs-section--dark .gs-steps__text {
	color: var(--gs-color-secondary);
	opacity: 0.8;
}

@media (max-width: 767px) {
	.gs-header__brand img {
		width: 140px;
		max-height: none;
	}
}