/**
 * responsive.css
 * Loaded last (registered under the 'didgat-style' handle in
 * inc/enqueue.php) so these overrides always win. Breakpoint-specific
 * tweaks that don't belong inside any single module above.
 */

@media (max-width: 782px) {
	.section {
		padding-block: var(--space-6);
	}

	.hero__inner {
		text-align: center;
		justify-content: center;
	}

	.business-header__inner {
		flex-direction: column;
		text-align: center;
	}

	.business-stats {
		justify-content: center;
	}

	.contact__inner {
		padding-inline: 0;
	}
}

@media (max-width: 480px) {
	:root {
		--container-padding: 16px;
	}

	.pricing__grid {
		grid-template-columns: 1fr;
	}
}