.store-proto .mcl-catalog-tools {
	gap: 10px;
}

.store-proto .mcl-catalog-reset {
	flex: 0 0 auto;
	min-height: 48px;
	padding: 10px 14px;
	border: 1px solid #263747;
	border-radius: 4px;
	background: #fff;
	color: #263747;
	font: inherit;
	font-weight: 700;
	white-space: nowrap;
	cursor: pointer;
}

.store-proto .mcl-catalog-reset:hover,
.store-proto .mcl-catalog-reset:focus-visible {
	background: #263747;
	color: #fff;
}

.store-proto .mcl-filter-groups .mcl-filter-panel.is-active {
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
}

.store-proto .mcl-filter-groups .mcl-filter-panel [data-menu-container] {
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 145px), 1fr));
	gap: 8px;
}

.store-proto .mcl-filter-menu > div,
.store-proto .mcl-filter-menu-nested > div {
	box-sizing: border-box;
	min-width: min(190px, calc(100vw - 24px));
	max-width: min(260px, calc(100vw - 24px));
}

.store-proto .mcl-filter-menu > div button,
.store-proto .mcl-filter-menu-nested > div button {
	white-space: normal;
	line-height: 1.4;
	overflow-wrap: anywhere;
}

.store-proto .mcl-filter-menu-nested:focus-within > div {
	display: grid !important;
	gap: 2px;
}

.store-proto .mcl-filter-menu-nested.mcl-submenu-left > div {
	left: auto !important;
	right: calc(100% - 2px) !important;
}

@media (max-width: 760px) {
	.store-proto .mcl-catalog-reset {
		width: 100%;
	}

	.store-proto .mcl-filter-groups .mcl-filter-panel [data-menu-container] {
		grid-template-columns: 1fr;
	}

	.store-proto .mcl-filter-menu > div,
	.store-proto .mcl-filter-menu-nested > div {
		width: 100%;
		min-width: 0;
		max-width: 100%;
	}
}

@media (min-width: 761px) and (max-width: 1050px) {
	.store-proto .mcl-card-actions {
		min-width: 0;
	}

	.store-proto .mcl-card-actions .mcl-card-wa {
		box-sizing: border-box;
		flex: 0 1 100%;
		width: 100%;
		min-width: 0;
		max-width: 100%;
	}
}