.tech-filter-collapsible {
	position: relative;
	margin-block-start: 0 !important;
}

.tech-filter-collapsible:not([hidden]) {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.tech-filter-collapsible.is-tech-filter-expanded:not([hidden]) {
	padding-bottom: 16px !important;
}

.tech-filter-collapsible > h2,
.tech-filter-collapsible > h3,
.tech-filter-collapsible > h4,
.tech-filter-collapsible > h5,
.tech-filter-collapsible > h6 {
	box-sizing: border-box;
	min-height: 50px;
	margin: 0 !important;
	padding: 15px 36px 15px 18px !important;
	border: 0;
	line-height: 20px;
	font-size: 14px !important;
}

.tech-filter-collapsible > .wp-block-heading::before {
	display: block !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
}

.tech-filter-collapsible.is-tech-filter-collapsed > :not(h2):not(h3):not(h4):not(h5):not(h6):not(.tech-filter-collapsible__toggle) {
	display: none !important;
}

.tech-filter-collapsible__toggle {
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	display: block;
	width: 100%;
	height: 50px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: transparent;
	font-size: 0;
	cursor: pointer;
}

.tech-filter-collapsible__toggle::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 7px;
	width: 7px;
	height: 7px;
	border-right: 2px solid #adb8c5;
	border-bottom: 2px solid #adb8c5;
	transform: translateY(-70%) rotate(45deg);
	transition: border-color 160ms ease, transform 160ms ease;
}

.tech-filter-collapsible.is-tech-filter-expanded > .tech-filter-collapsible__toggle::after {
	transform: translateY(-25%) rotate(225deg);
}

.tech-filter-collapsible__toggle:hover::after {
	border-color: #fe6614;
}

.tech-filter-collapsible__toggle:focus-visible {
	outline: 2px solid rgb(254 102 20 / 30%);
	outline-offset: -2px;
}

.tech-filter-collapsible.is-tech-filter-expanded > :not(h2):not(h3):not(h4):not(h5):not(h6):not(.tech-filter-collapsible__toggle) {
	margin-top: 12px;
}

.tech-filter-collapsible .wc-block-product-filter-checkbox-list__show-more {
	display: none !important;
}

@media (prefers-reduced-motion: reduce) {
	.tech-filter-collapsible__toggle::after {
		transition: none;
	}
}