.mobile-explore-controls {
	display: none;
}

@media (max-width: 991.98px) {
	body.is-explore-page .mobile-explore-controls,
	body.is-landing .mobile-explore-controls {
		position: relative;
		z-index: 1035;
		display: block;
		width: 100%;
	}

	body.is-explore-page .mobile-explore-control-row,
	body.is-landing .mobile-explore-control-row {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: .5rem;
		width: 100%;
	}

	body.is-explore-page .mobile-explore-control-btn,
	body.is-landing .mobile-explore-control-btn {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: .4rem;
		min-width: 0;
		min-height: 2.75rem;
		padding: .55rem .45rem;
		border: 1px solid rgba(15, 23, 42, .14);
		border-radius: .65rem;
		background: #fff;
		color: #172033;
		font-size: .93rem;
		font-weight: 800;
		line-height: 1.1;
		box-shadow: 0 .45rem 1.2rem rgba(15, 23, 42, .08);
	}

	body.is-explore-page .mobile-explore-control-btn.is-active,
	body.is-landing .mobile-explore-control-btn.is-active {
		border-color: rgba(13, 110, 253, .42);
		background: #eef6ff;
		color: #075985;
	}

	body.is-landing .mobile-explore-control-btn--cta {
		border-color: rgba(13, 110, 253, .55);
		background: #1594cc;
		color: #fff;
	}

	body.is-explore-page .mobile-explore-control-btn i,
	body.is-landing .mobile-explore-control-btn i {
		flex: 0 0 auto;
		font-size: 1rem;
	}

	body.is-explore-page .mobile-explore-top-panel,
	body.is-landing .mobile-explore-top-panel {
		position: absolute;
		top: calc(100% + .45rem);
		left: 0;
		right: 0;
		z-index: 1045;
		pointer-events: none;
		opacity: 0;
		transform: translateY(-.6rem);
		transition: opacity .18s ease, transform .18s ease;
	}

	body.is-explore-page .mobile-explore-top-panel.is-open,
	body.is-landing .mobile-explore-top-panel.is-open {
		pointer-events: auto;
		opacity: 1;
		transform: translateY(0);
	}

	body.is-explore-page .mobile-explore-top-panel__inner,
	body.is-landing .mobile-explore-top-panel__inner {
		display: grid;
		gap: .65rem;
		max-height: min(62svh, 28rem);
		overflow-y: auto;
		padding: .75rem;
		border: 1px solid rgba(15, 23, 42, .12);
		border-radius: 0 0 .9rem .9rem;
		background: rgba(255, 255, 255, .98);
		box-shadow: 0 1rem 2.4rem rgba(15, 23, 42, .18);
		-webkit-overflow-scrolling: touch;
	}

	body.is-explore-page .mobile-explore-picker,
	body.is-landing .mobile-explore-picker {
		overflow: hidden;
		border: 1px solid rgba(15, 23, 42, .1);
		border-radius: .7rem;
		background: #f8fafc;
	}

	body.is-explore-page .mobile-explore-picker summary,
	body.is-landing .mobile-explore-picker summary {
		display: grid;
		grid-template-columns: minmax(0, auto) minmax(0, 1fr);
		gap: .75rem;
		align-items: center;
		min-height: 3rem;
		padding: .75rem .85rem;
		color: #172033;
		font-size: .95rem;
		font-weight: 800;
		list-style: none;
		cursor: pointer;
	}

	body.is-explore-page .mobile-explore-picker summary::-webkit-details-marker,
	body.is-landing .mobile-explore-picker summary::-webkit-details-marker {
		display: none;
	}

	body.is-explore-page .mobile-explore-picker summary strong,
	body.is-landing .mobile-explore-picker summary strong {
		min-width: 0;
		overflow: hidden;
		color: #475569;
		font-size: .87rem;
		font-weight: 700;
		text-align: right;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	body.is-explore-page .mobile-explore-picker__options,
	body.is-landing .mobile-explore-picker__options {
		display: grid;
		gap: .35rem;
		max-height: 13rem;
		overflow-y: auto;
		padding: 0 .65rem .65rem;
		-webkit-overflow-scrolling: touch;
	}

	body.is-explore-page .mobile-explore-picker__option,
	body.is-landing .mobile-explore-picker__option {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: .5rem;
		width: 100%;
		min-height: 2.55rem;
		padding: .55rem .65rem;
		border: 1px solid rgba(15, 23, 42, .08);
		border-radius: .55rem;
		background: #fff;
		color: #172033;
		font-size: .92rem;
		font-weight: 700;
		text-align: left;
	}

	body.is-explore-page .mobile-explore-picker__option.is-active,
	body.is-landing .mobile-explore-picker__option.is-active {
		border-color: rgba(13, 110, 253, .35);
		background: #eaf4ff;
		color: #075985;
	}

	body.is-explore-page .mobile-explore-picker__empty,
	body.is-landing .mobile-explore-picker__empty {
		padding: .6rem .25rem .2rem;
		color: #64748b;
		font-size: .86rem;
	}

	body.is-explore-page .mobile-explore-tool-btn,
	body.is-landing .mobile-explore-tool-btn {
		display: flex;
		align-items: center;
		gap: .75rem;
		width: 100%;
		min-height: 3rem;
		padding: .75rem .85rem;
		border: 1px solid rgba(15, 23, 42, .1);
		border-radius: .7rem;
		background: #fff;
		color: #172033;
		font-size: .95rem;
		font-weight: 800;
		text-align: left;
	}

	body.is-explore-page #filters.offcanvas,
	body.is-landing #filters.offcanvas {
		top: var(--nav-h, 7.5rem);
		right: 0;
		bottom: auto;
		left: 0;
		width: 100% !important;
		max-width: 100%;
		height: min(72svh, 34rem);
		border: 0;
		border-radius: 0 0 .95rem .95rem;
		transform: translateY(-100%);
		box-shadow: 0 1rem 2.4rem rgba(15, 23, 42, .2);
	}

	body.is-explore-page #filters.offcanvas.show,
	body.is-explore-page #filters.offcanvas.showing,
	body.is-landing #filters.offcanvas.show,
	body.is-landing #filters.offcanvas.showing {
		transform: translateY(0);
	}

	body.is-explore-page #filters .offcanvas-header,
	body.is-landing #filters .offcanvas-header {
		padding: .85rem 1rem .35rem !important;
	}

	body.is-explore-page #filters .offcanvas-title,
	body.is-landing #filters .offcanvas-title {
		font-size: 1rem;
		font-weight: 800;
	}

	body.is-explore-page #filters .offcanvas-body,
	body.is-landing #filters .offcanvas-body {
		padding: .55rem 1rem .75rem !important;
	}

	body.is-explore-page #filters .row,
	body.is-landing #filters .row {
		--bs-gutter-y: .9rem;
	}

	body.is-explore-page #filters .form-check,
	body.is-explore-page #filters .btn-sm,
	body.is-landing #filters .form-check,
	body.is-landing #filters .btn-sm {
		font-size: .92rem;
	}

	body.is-explore-page #filters > .d-flex:last-child,
	body.is-landing #filters > .d-flex:last-child {
		padding: .75rem 1rem calc(.9rem + env(safe-area-inset-bottom)) !important;
		border-top: 1px solid rgba(15, 23, 42, .08);
		background: #fff;
	}
}