/*
 * Rýchla SIMka s paušálom na mesiac zadarmo (page 379259): heading, hero, three feature rows, activation steps.
 * Translated from the page's Oxygen rules. The 2rem/3rem values are copied from Oxygen as-is.
 */

.wa-simka-hero,
.wa-simka-feature,
.wa-simka-activation {
	--simka-stack: 2rem; /* Oxygen's fixed heading spacing */
}

/* Oxygen sections are blocks, so their inner wrap spans the full container width. */
.wa-simka-heading__inner,
.wa-simka-hero__inner,
.wa-simka-feature__inner,
.wa-simka-activation__inner {
	width: 100%;
}

/* Every block inside is a flex column, as Oxygen's div blocks were. */
.wa-simka-hero__content,
.wa-simka-hero__media,
.wa-simka-feature__content,
.wa-simka-feature__media,
.wa-simka-activation__content,
.wa-simka-activation__steps {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

/* ---- Heading ---- */
.wa-simka-heading__inner {
	align-items: center;
	padding-bottom: 0;
}

/* ---- Hero ---- */
.wa-simka-hero__inner {
	display: grid;
	grid-template-columns: minmax(200px, 1fr);
	gap: var(--grid-gap-fixed);
	align-items: stretch;
}

.wa-simka-hero__title {
	margin-bottom: var(--simka-stack);
	font-size: 3rem;
}

.wa-simka-hero__lead {
	margin-bottom: var(--simka-stack);
}

.wa-simka-hero__image,
.wa-simka-feature__image,
.wa-simka-activation__image {
	max-width: 100%;
	height: auto;
}

/* ---- Feature rows: text left, picture right ---- */
.wa-simka-feature__inner {
	flex-direction: row;
	gap: var(--grid-gap-fixed);
	align-items: center;
}

.wa-simka-feature__inner > * {
	height: 100%;
}

.wa-simka-feature__title,
.wa-simka-feature__bullet,
.wa-simka-activation__title {
	margin-bottom: var(--simka-stack);
}

.wa-simka-feature__media {
	align-items: flex-end;
}

.wa-simka-feature--benefits .wa-simka-feature__media {
	align-items: center;
	text-align: right;
}

.wa-simka-feature__image {
	width: 50%;
}

.wa-simka-feature--benefits .wa-simka-feature__image {
	width: 50px;
}

/* ---- Activation ---- */
.wa-simka-activation__inner {
	display: grid;
	grid-template-columns: minmax(200px, 1fr);
	gap: var(--grid-gap-fixed);
	align-items: stretch;
}

.wa-simka-activation__inner > * {
	height: 100%;
}

.wa-simka-activation__steps {
	align-items: center;
	text-align: right;
}

.wa-simka-activation__step {
	margin-top: 3rem;
}

@media (max-width: 479px) {
	.wa-simka-feature__content {
		min-width: 270px;
	}
}

@media (min-width: 768px) {
	.wa-simka-hero__inner {
		grid-template-columns: repeat(2, minmax(200px, 1fr));
		align-items: center;
	}

	.wa-simka-feature__inner {
		display: grid;
		grid-template-columns: repeat(3, minmax(200px, 1fr));
	}

	.wa-simka-feature__content {
		grid-column: span 2;
	}

	.wa-simka-feature--benefits .wa-simka-feature__media {
		align-items: flex-end;
		text-align: left;
	}

	.wa-simka-feature--benefits .wa-simka-feature__image {
		width: 50%;
	}

	.wa-simka-activation__inner {
		grid-template-columns: repeat(2, minmax(200px, 1fr));
	}
}

@media (min-width: 1024px) {
	.wa-simka-activation__inner {
		grid-template-columns: repeat(3, minmax(200px, 1fr));
		align-items: center;
	}

	.wa-simka-activation__content {
		grid-column: span 2;
	}
}