/**
 * Responsive overrides.
 */

@media (max-width: 899px) {
	.ff-split {
		grid-template-columns: 1fr;
	}

	.ff-split__media {
		order: -1;
		min-height: 220px;
	}

	.ff-split__content {
		padding: 1.5rem 1.25rem;
	}
}

@media (max-width: 767px) {
	.ff-nav-toggle {
		display: flex;
	}

	.ff-site-header__nav-wrap {
		position: fixed;
		inset: 0;
		top: 4rem;
		flex-direction: column;
		align-items: stretch;
		justify-content: flex-start;
		padding: 1.25rem;
		gap: 1.25rem;
		background: rgba(255, 255, 255, 0.98);
		border-top: 1px solid rgba(18, 42, 77, 0.1);
		transform: translateY(-100%);
		opacity: 0;
		visibility: hidden;
		transition: transform 0.2s ease, opacity 0.2s ease, visibility 0.2s;
	}

	.ff-site-header.is-open .ff-site-header__nav-wrap {
		transform: translateY(0);
		opacity: 1;
		visibility: visible;
	}

	.ff-primary-nav .ff-menu {
		flex-direction: column;
		align-items: flex-start;
		gap: 0.75rem;
	}

	.ff-header-cta-wrap {
		width: 100%;
	}

	.ff-header-cta-wrap .ff-btn,
	.ff-header-cta-wrap .ff-dropdown {
		width: 100%;
	}

	.ff-header-cta-wrap .ff-dropdown__toggle {
		width: 100%;
	}

	.ff-header-cta-wrap .ff-store-badges {
		width: 100%;
		justify-content: center;
	}

	.ff-footer-download__links.ff-store-badges {
		justify-content: flex-start;
	}

	.ff-dropdown__panel {
		position: static;
		margin-top: 0.5rem;
		box-shadow: none;
	}

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

	.ff-lb-grid {
		grid-template-columns: 1fr;
	}
}

@media (min-width: 768px) {
	.ff-contact-grid {
		grid-template-columns: 1fr 1.1fr;
		align-items: start;
	}

	.ff-lb-grid {
		grid-template-columns: 1fr 1fr;
	}
}