/* ============================================================
   Yachtiva responsive adjustments (loaded last on purpose).
   ============================================================ */

@media (max-width: 1024px) {
	.yachtiva-hero__search .ybs-search-results {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.yachtiva-page--yacht-search .ybs-search-results {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.yachtiva-yacht-grid,
	.yachtiva-content-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.yachtiva-how__grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.yachtiva-classes__grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.yachtiva-trust-strip__row {
		grid-template-columns: repeat(2, 1fr);
	}

	.yachtiva-footer__grid {
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 782px) {
	.yachtiva-hero__search .ybs-search-results {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.yachtiva-page--yacht-search .ybs-search-results {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.yachtiva-nav {
		display: none;
	}

	.yachtiva-header__burger {
		display: flex;
	}

	.yachtiva-header__cta {
		display: none;
	}

	.yachtiva-hero {
		min-height: 70vh;
		padding-top: 7rem;
	}

	.yachtiva-hero__heading {
		font-size: clamp(2.5rem, 1.8rem + 4vw, 4rem);
	}

	.yachtiva-section-head {
		flex-direction: column;
		align-items: flex-start;
	}
}

@media (max-width: 600px) {
	.yachtiva-hero__search .ybs-search-results {
		grid-template-columns: 1fr;
	}

	.yachtiva-page--yacht-search .ybs-search-results {
		grid-template-columns: 1fr;
	}

	.yachtiva-yacht-grid,
	.yachtiva-content-grid,
	.yachtiva-how__grid,
	.yachtiva-classes__grid,
	.yachtiva-trust-strip__row {
		grid-template-columns: 1fr;
	}

	.yachtiva-footer__grid {
		grid-template-columns: 1fr;
		gap: 2rem;
	}

	.yachtiva-footer__base-inner {
		flex-direction: column;
	}

	.yachtiva-hero__badges {
		flex-direction: column;
		gap: 0.75rem;
		align-items: center;
	}

	.yachtiva-final-cta__actions,
	.yachtiva-hero__actions {
		flex-direction: column;
		align-items: stretch;
	}
}
