@media (min-width: 768px) {
	.viva-grid {
		--viva-grid-columns: 2;
		--viva-grid-gap: 1.5rem;
	}

	.viva-split {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.viva-menu-choice {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.viva-hero__actions {
		display: flex;
		flex-wrap: wrap;
	}

	.viva-gallery {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 1rem;
	}

	.viva-quick-nav {
		display: none;
	}
}

@media (min-width: 1025px) {
	.viva-header {
		min-height: var(--viva-header-height-desktop);
	}

	.viva-grid {
		--viva-grid-columns: 3;
	}

	.viva-hero {
		min-height: 88vh;
		padding-block: calc(var(--viva-header-height-desktop) + 4rem) 5rem;
	}

	.viva-gallery {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	body {
		padding-bottom: 78px;
	}

	.viva-button-primary .elementor-button,
	.viva-button-secondary .elementor-button,
	.viva-button-outline .elementor-button,
	.viva-button {
		width: 100%;
	}

	.viva-menu-category {
		padding: 1rem;
	}

	.viva-section-heading {
		margin-bottom: 2rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	*,
	*::before,
	*::after {
		scroll-behavior: auto !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
}
