/* Tablet ≤ 900px */

@media (max-width: 900px) {
	:root {
		--space-2xl: 4rem;
		--space-3xl: 5rem;
	}

	.site-nav__list {
		gap: var(--space-md);
	}

	.about-section__grid {
		grid-template-columns: 1fr;
	}

	.about-section__media,
	.about-section__text {
		grid-column: 1 / -1;
	}

	.about-section__media {
		max-width: 420px;
		margin-inline: auto;
	}

	.footer-col,
	.footer-col--brand {
		grid-column: span 6;
	}
}

/* Mobil ≤ 600px */

@media (max-width: 600px) {
	.container {
		padding-inline: var(--space-sm);
	}

	.section {
		padding-block: var(--space-xl);
	}

	body {
		font-size: 1rem;
	}

	.hero-slider,
	.hero-slider__track {
		min-height: 78vh;
	}

	.hero-slide__inner {
		padding-block: var(--space-xl) var(--space-lg);
	}

	.hero-slider__nav {
		width: 40px;
		height: 40px;
	}

	.hero-slider__nav--prev {
		left: var(--space-sm);
	}

	.hero-slider__nav--next {
		right: var(--space-sm);
	}

	.stats-band__inner {
		grid-template-columns: 1fr;
		gap: var(--space-md);
		padding-block: var(--space-md);
	}

	.services-grid,
	.contact-grid {
		grid-template-columns: 1fr;
	}

	.service-card,
	.contact-card {
		grid-column: 1 / -1;
	}

	.about-section__grid {
		gap: var(--space-lg);
	}

	.about-section__badge {
		right: var(--space-sm);
		bottom: -1rem;
		padding: var(--space-xs) var(--space-sm);
		font-size: 0.8rem;
	}

	.cta-band__inner {
		flex-direction: column;
		align-items: flex-start;
		padding-block: var(--space-lg);
	}

	.cta-band__actions {
		width: 100%;
	}

	.cta-band__actions .btn {
		flex: 1 1 auto;
		justify-content: center;
	}

	.site-footer__inner {
		grid-template-columns: 1fr;
		gap: var(--space-lg);
		padding-block: var(--space-xl) var(--space-lg);
	}

	.footer-col,
	.footer-col--brand {
		grid-column: 1 / -1;
	}

	.mobile-drawer {
		width: 100vw;
	}
}