/**
 * Responsive — mobile first.
 */

@media (max-width: 1023px) {
	.ifm-filters-slot {
		height: 0;
		overflow: visible;
		margin: 0;
		padding: 0;
		border: 0;
	}

	.ifm-filters-backdrop.is-open {
		opacity: 1;
		visibility: visible;
	}

	.ifm-filters.ifm-filters-offcanvas {
		height: 100%;
		height: 100dvh;
		max-height: 100dvh;
		overflow: hidden;
	}

	.ifm-filters.ifm-filters-offcanvas.is-open {
		transform: translateX(0);
	}

	.ifm-filters-panel-inner {
		height: 100%;
		max-height: 100dvh;
		display: flex;
		flex-direction: column;
		overflow: hidden;
	}

	.ifm-filter-body {
		flex: 1 1 auto;
		min-height: 0;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		overscroll-behavior: contain;
	}

	.ifm-filters-panel-footer {
		flex-shrink: 0;
	}

	body.ifm-filters-open {
		overflow: hidden;
	}

}

/* Collapsible filter sections (mobile + desktop) */
.ifm-filter-fieldset .ifm-filter-fieldset__body {
	display: none;
}

.ifm-filter-fieldset.is-expanded .ifm-filter-fieldset__body {
	display: block;
}

.ifm-filter-fieldset--ifm-year-range.is-expanded .ifm-filter-fieldset__body {
	display: flex;
}

.ifm-filter-fieldset .ifm-filter-section-toggle svg {
	transition: transform 0.2s ease;
	transform: rotate(-90deg);
}

.ifm-filter-fieldset.is-expanded .ifm-filter-section-toggle svg {
	transform: rotate(0deg);
}

@media (max-width: 767px) {
	.ifm-search-layout {
		grid-template-columns: 1fr;
	}

	.ifm-results-wrap {
		order: 1;
	}

	/* .ifm-hero {
		margin: 0 -1rem 1.5rem;
		padding: 2rem 1rem;
	} */

	.ifm-view-toggle .button {
		min-height: 44px;
	}

	body.archive button.ifm-filters-open {
		margin-top: 0;
	}
}

/* @media (min-width: 768px) {
	.ifm-platform-page,
	.ifm-archive,
	.ifm-tax-archive {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
} */

@media (min-width: 1024px) {
	.ifm-grid {
		grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	}
}
/* 
@media (min-width: 1440px) {
	.ifm-platform-page,
	.ifm-archive,
	.ifm-tax-archive {
		max-width: 1376px;
	}
} */