/* ==========================================================================
   MASTORE PREMIUM FILTER DRAWER (v23)
   Fixed Left/Right Drawer Positioning & Ultra-Smooth Micro-Animations
   ========================================================================== */

html body .drawer.filter-drawer {
	--drawer-translate-x: -100% !important;
	--ff-bg: #ffffff;
	--ff-surface: #f8f9fa;
	--ff-surface-hover: #f1f3f5;
	--ff-ink: #0f172a;
	--ff-ink-soft: #334155;
	--ff-muted: #64748b;
	--ff-border: #e2e8f0;
	--ff-radius-sm: 8px;
	--ff-radius-md: 12px;
	--ff-radius-full: 9999px;
	--ff-shadow-sm: 0 1px 3px rgba(0,0,0,0.04), 0 1px 2px rgba(0,0,0,0.02);
	--ff-shadow-md: 0 4px 16px -2px rgba(0,0,0,0.08), 0 2px 6px -2px rgba(0,0,0,0.04);
	--ff-shadow-drawer: 12px 0 40px rgba(15, 23, 42, 0.16);
	--ff-ease: cubic-bezier(0.16, 1, 0.3, 1);
	--ff-ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
	--colors-drawer-background: 255, 255, 255;
	--colors-drawer-color: 15, 23, 42;
	--theme-drawer-padding: 0px;

	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	right: auto !important;
	bottom: 0 !important;
	width: 100% !important;
	height: 100% !important;
	height: 100dvh !important;
	max-height: 100dvh !important;
	overflow: hidden !important;
	z-index: 999999 !important;
	pointer-events: none !important;
	visibility: hidden !important;
	transition: visibility 0.3s var(--ff-ease) !important;
}

html body .drawer.filter-drawer.active,
html body .drawer.filter-drawer.is-open {
	--drawer-translate-x: 0 !important;
	pointer-events: auto !important;
	visibility: visible !important;
}

/* --- Backdrop Overlay with Blur --- */
html body .drawer.filter-drawer .drawer-overlay {
	position: fixed !important;
	inset: 0 !important;
	width: 100vw !important;
	height: 100vh !important;
	height: 100dvh !important;
	background: rgba(15, 23, 42, 0.45) !important;
	backdrop-filter: blur(8px) !important;
	-webkit-backdrop-filter: blur(8px) !important;
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important;
	transition: opacity 0.3s var(--ff-ease), visibility 0.3s var(--ff-ease) !important;
	z-index: 100 !important;
	cursor: pointer !important;
}

html body .drawer.filter-drawer.active .drawer-overlay,
html body .drawer.filter-drawer.is-open .drawer-overlay {
	opacity: 1 !important;
	visibility: visible !important;
	pointer-events: auto !important;
}

/* --- Drawer Body Container (Left Side Panel) --- */
html body .drawer.filter-drawer .drawer-inner {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	bottom: 0 !important;
	width: min(390px, 88vw) !important;
	max-width: 390px !important;
	height: 100% !important;
	height: 100dvh !important;
	max-height: 100dvh !important;
	display: flex !important;
	flex-direction: column !important;
	background: var(--ff-bg) !important;
	color: var(--ff-ink) !important;
	z-index: 200 !important;
	pointer-events: auto !important;
	box-shadow: var(--ff-shadow-drawer) !important;
	overflow: hidden !important;
	transform: translate3d(-100%, 0, 0) !important;
	-webkit-transform: translate3d(-100%, 0, 0) !important;
	transition: transform 0.35s var(--ff-ease) !important;
	-webkit-transition: -webkit-transform 0.35s var(--ff-ease) !important;
	will-change: transform;
}

html body .drawer.filter-drawer.active .drawer-inner,
html body .drawer.filter-drawer.is-open .drawer-inner {
	transform: translate3d(0, 0, 0) !important;
	-webkit-transform: translate3d(0, 0, 0) !important;
}

/* --- Sticky Modern Header --- */
html body .drawer.filter-drawer .drawer-inner-header {
	position: sticky !important;
	top: 0 !important;
	z-index: 10 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	min-height: 52px !important;
	padding: 12px 18px !important;
	background: rgba(255, 255, 255, 0.96) !important;
	backdrop-filter: blur(12px) !important;
	-webkit-backdrop-filter: blur(12px) !important;
	border-bottom: 1px solid var(--ff-border) !important;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03) !important;
}

html body .drawer.filter-drawer .drawer-inner-header .entry-title {
	margin: 0 !important;
	color: var(--ff-ink) !important;
	font-size: 13px !important;
	font-weight: 750 !important;
	letter-spacing: 0.06em !important;
	text-transform: uppercase !important;
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
}

html body .drawer.filter-drawer .drawer-inner-header .entry-title::before {
	content: "" !important;
	display: inline-block !important;
	width: 7px !important;
	height: 7px !important;
	border-radius: 50% !important;
	background: #000000 !important;
	box-shadow: 0 0 0 3px rgba(0,0,0,0.1) !important;
}

/* Close Button Micro-interactions */
html body .drawer.filter-drawer .close-button a {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 32px !important;
	height: 32px !important;
	border: 1px solid var(--ff-border) !important;
	border-radius: var(--ff-radius-full) !important;
	background: var(--ff-surface) !important;
	color: var(--ff-ink) !important;
	text-decoration: none !important;
	box-shadow: var(--ff-shadow-sm) !important;
	transition: all 0.22s var(--ff-ease) !important;
}

html body .drawer.filter-drawer .close-button a:hover,
html body .drawer.filter-drawer .close-button a:focus-visible {
	background: var(--ff-ink) !important;
	border-color: var(--ff-ink) !important;
	color: #ffffff !important;
	transform: rotate(90deg) scale(1.05) !important;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18) !important;
}

html body .drawer.filter-drawer .close-button a:active {
	transform: rotate(90deg) scale(0.95) !important;
}

/* --- Scrollable Body Area --- */
html body .drawer.filter-drawer .drawer-inner-body {
	flex: 1 1 auto !important;
	min-height: 0 !important;
	padding: 12px 14px 28px !important;
	background: #fbfbfc !important;
	overflow-y: auto !important;
	overflow-x: hidden !important;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: thin;
	scrollbar-color: #cbd5e1 transparent;
}

html body .drawer.filter-drawer .drawer-inner-body::-webkit-scrollbar {
	width: 4px;
}
html body .drawer.filter-drawer .drawer-inner-body::-webkit-scrollbar-thumb {
	background-color: #cbd5e1;
	border-radius: 999px;
}

/* --- Filter Sort Section (Сортировка по цене) --- */
html body .drawer.filter-drawer .mastore-filter-sort {
	margin: 0 0 10px !important;
	padding: 10px 12px !important;
	border: 1px solid var(--ff-border) !important;
	border-radius: var(--ff-radius-md) !important;
	background: var(--ff-bg) !important;
	box-shadow: var(--ff-shadow-sm) !important;
}

html body .drawer.filter-drawer .mastore-filter-sort__eyebrow {
	margin: 0 0 8px !important;
	color: var(--ff-muted) !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
}

html body .drawer.filter-drawer .mastore-filter-sort__options {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 6px !important;
}

html body .drawer.filter-drawer .mastore-filter-sort__option {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 0 !important;
	height: 32px !important;
	padding: 0 8px !important;
	border: 1px solid var(--ff-border) !important;
	border-radius: var(--ff-radius-sm) !important;
	background: var(--ff-surface) !important;
	color: var(--ff-ink-soft) !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	text-decoration: none !important;
	cursor: pointer !important;
	transition: all 0.2s var(--ff-ease) !important;
}

html body .drawer.filter-drawer .mastore-filter-sort__option:hover {
	background: var(--ff-surface-hover) !important;
	border-color: #cbd5e1 !important;
	color: var(--ff-ink) !important;
	transform: translateY(-1px);
}

html body .drawer.filter-drawer .mastore-filter-sort__option:active {
	transform: translateY(0) scale(0.98);
}

html body .drawer.filter-drawer .mastore-filter-sort__option.is-active {
	background: #000000 !important;
	border-color: #000000 !important;
	color: #ffffff !important;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16) !important;
}

/* --- Filter Widget Cards --- */
html body .drawer.filter-drawer .fiilter-products > .widget {
	margin: 0 0 10px !important;
	padding: 12px 14px !important;
	border: 1px solid var(--ff-border) !important;
	border-radius: var(--ff-radius-md) !important;
	background: var(--ff-bg) !important;
	box-shadow: var(--ff-shadow-sm) !important;
	transition: box-shadow 0.22s var(--ff-ease), border-color 0.22s var(--ff-ease) !important;
}

html body .drawer.filter-drawer .fiilter-products > .widget:hover {
	border-color: #cbd5e1 !important;
	box-shadow: var(--ff-shadow-md) !important;
}

/* Widget Header / Accordion Title */
html body .drawer.filter-drawer .widget-title,
html body .drawer.filter-drawer .widget-body .widget-title {
	margin: 0 0 8px !important;
	padding: 0 !important;
	color: var(--ff-ink) !important;
	font-size: 11px !important;
	font-weight: 750 !important;
	letter-spacing: 0.06em !important;
	text-transform: uppercase !important;
	background: transparent !important;
	border: 0 !important;
}

/* Search input inside Categories widget */
html body .drawer.filter-drawer .ff-search-wrapper {
	position: relative !important;
	margin: 0 0 10px !important;
}

html body .drawer.filter-drawer .ff-search {
	width: 100% !important;
	height: 34px !important;
	padding: 0 10px 0 32px !important;
	border: 1px solid var(--ff-border) !important;
	border-radius: var(--ff-radius-sm) !important;
	background: #f8fafc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E") no-repeat 9px center !important;
	color: var(--ff-ink) !important;
	font-size: 12px !important;
	box-sizing: border-box !important;
	transition: all 0.2s var(--ff-ease) !important;
}

html body .drawer.filter-drawer .ff-search:focus {
	outline: none !important;
	background-color: #fff !important;
	border-color: #000 !important;
	box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08) !important;
}

/* --- Category Tree Styling --- */
html body .drawer.filter-drawer ul.woocommerce-widget-layered-nav-list,
html body .drawer.filter-drawer .widget_ferrano_product_categories ul {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

html body .drawer.filter-drawer .widget_ferrano_product_categories ul > li > a {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	padding: 6px 8px !important;
	margin-bottom: 2px !important;
	border-radius: var(--ff-radius-sm) !important;
	background: transparent !important;
	color: var(--ff-ink-soft) !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	line-height: 1.3 !important;
	text-decoration: none !important;
	transition: all 0.16s var(--ff-ease) !important;
}

html body .drawer.filter-drawer .widget_ferrano_product_categories ul > li > a:hover {
	background: var(--ff-surface) !important;
	color: var(--ff-ink) !important;
	padding-left: 12px !important;
}

html body .drawer.filter-drawer .widget_ferrano_product_categories ul > li.current-cat > a,
html body .drawer.filter-drawer .widget_ferrano_product_categories ul > li.chosen > a {
	background: #000000 !important;
	color: #ffffff !important;
	font-weight: 600 !important;
}

html body .drawer.filter-drawer .widget_ferrano_product_categories ul > li.current-cat > a .count,
html body .drawer.filter-drawer .widget_ferrano_product_categories ul > li.chosen > a .count {
	background: rgba(255, 255, 255, 0.2) !important;
	color: #ffffff !important;
}

/* Subcategories Indentation */
html body .drawer.filter-drawer .widget_ferrano_product_categories ul.children {
	display: none !important;
	margin: 3px 0 4px 10px !important;
	padding-left: 8px !important;
	border-left: 2px solid var(--ff-border) !important;
}

html body .drawer.filter-drawer .widget_ferrano_product_categories li.is-open > ul.children {
	display: block !important;
}

/* Category Expand/Collapse Toggle Button */
html body .drawer.filter-drawer .toggle {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 22px !important;
	height: 22px !important;
	margin-left: 4px !important;
	border-radius: 6px !important;
	background: var(--ff-surface) !important;
	color: var(--ff-muted) !important;
	transition: all 0.2s var(--ff-ease) !important;
}

html body .drawer.filter-drawer .toggle:hover {
	background: var(--ff-surface-hover) !important;
	color: var(--ff-ink) !important;
}

html body .drawer.filter-drawer li.is-open > a .toggle {
	background: #000000 !important;
	color: #ffffff !important;
	transform: rotate(45deg);
}

/* --- Interactive Chips & Badges for Attributes (Размеры US / EU / RUS) --- */
html body .drawer.filter-drawer .widget_ferrano_product_attributes ul.gloria-attribute-widget-list {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 6px !important;
	margin: 4px 0 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

html body .drawer.filter-drawer .widget_ferrano_product_attributes ul.gloria-attribute-widget-list > li {
	margin: 0 !important;
	padding: 0 !important;
	flex: 0 0 auto !important;
}

html body .drawer.filter-drawer .widget_ferrano_product_attributes ul.gloria-attribute-widget-list > li > a {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 42px !important;
	height: 34px !important;
	padding: 0 10px !important;
	border: 1px solid var(--ff-border) !important;
	border-radius: var(--ff-radius-sm) !important;
	background: #ffffff !important;
	color: var(--ff-ink) !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	box-shadow: var(--ff-shadow-sm) !important;
	cursor: pointer !important;
	transition: all 0.18s var(--ff-ease-bounce) !important;
	user-select: none !important;
	position: relative !important;
}

html body .drawer.filter-drawer .widget_ferrano_product_attributes ul.gloria-attribute-widget-list > li > a:hover {
	border-color: #000000 !important;
	background: var(--ff-surface) !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08) !important;
}

html body .drawer.filter-drawer .widget_ferrano_product_attributes ul.gloria-attribute-widget-list > li > a:active {
	transform: scale(0.96) !important;
}

/* Count badge inside size chips */
html body .drawer.filter-drawer .widget_ferrano_product_attributes ul.gloria-attribute-widget-list .count {
	font-size: 10px !important;
	font-weight: 500 !important;
	color: var(--ff-muted) !important;
	margin-left: 4px !important;
	opacity: 0.8 !important;
}

/* Active / Chosen size chip */
html body .drawer.filter-drawer .widget_ferrano_product_attributes ul.gloria-attribute-widget-list > li.chosen > a,
html body .drawer.filter-drawer .widget_ferrano_product_attributes ul.gloria-attribute-widget-list > li.current-cat > a,
html body .drawer.filter-drawer .widget_ferrano_product_attributes ul.gloria-attribute-widget-list > li a.is-active {
	background: #000000 !important;
	border-color: #000000 !important;
	color: #ffffff !important;
	box-shadow: 0 3px 12px rgba(0, 0, 0, 0.22) !important;
	transform: translateY(-1px) scale(1.02) !important;
}

html body .drawer.filter-drawer .widget_ferrano_product_attributes ul.gloria-attribute-widget-list > li.chosen > a .term-name,
html body .drawer.filter-drawer .widget_ferrano_product_attributes ul.gloria-attribute-widget-list > li.chosen > a .count {
	color: #ffffff !important;
	opacity: 1 !important;
}

/* General counter badges in category rows */
html body .drawer.filter-drawer .count {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 2px 6px !important;
	border-radius: var(--ff-radius-full) !important;
	background: var(--ff-surface) !important;
	color: var(--ff-muted) !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
}

/* --- Price Filter Slider Overhaul --- */
html body .drawer.filter-drawer .widget_ferrano_product_price_filter,
html body .drawer.filter-drawer .widget_ferrano_product_price_filter .widget-body,
html body .drawer.filter-drawer .price_slider_form_wrapper,
html body .drawer.filter-drawer .price_slider_wrapper,
html body .drawer.filter-drawer .price_slider_form_wrapper form {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
	overflow: hidden !important;
}

html body .drawer.filter-drawer .price_slider_form_wrapper {
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
	background: transparent !important;
}

html body .drawer.filter-drawer .price_slider_amount {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) 14px minmax(0, 1fr) !important;
	gap: 6px !important;
	align-items: end !important;
	margin-bottom: 14px !important;
	width: 100% !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
}

html body .drawer.filter-drawer .min-price,
html body .drawer.filter-drawer .max-price {
	min-width: 0 !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
}

html body .drawer.filter-drawer .price_slider_amount .separator {
	color: var(--ff-muted) !important;
	font-weight: 600 !important;
	font-size: 13px !important;
	margin-top: 12px !important;
}

html body .drawer.filter-drawer .price-placeholder {
	display: block !important;
	margin-bottom: 4px !important;
	color: var(--ff-muted) !important;
	font-size: 10px !important;
	font-weight: 600 !important;
	letter-spacing: 0.04em !important;
	text-transform: uppercase !important;
}

html body .drawer.filter-drawer #min_price,
html body .drawer.filter-drawer #max_price {
	width: 100% !important;
	height: 34px !important;
	padding: 0 8px !important;
	border: 1px solid var(--ff-border) !important;
	border-radius: var(--ff-radius-sm) !important;
	background: #f8fafc !important;
	color: var(--ff-ink) !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	box-sizing: border-box !important;
	transition: all 0.2s var(--ff-ease) !important;
}

html body .drawer.filter-drawer #min_price:focus,
html body .drawer.filter-drawer #max_price:focus {
	outline: none !important;
	background-color: #ffffff !important;
	border-color: #000000 !important;
	box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08) !important;
}

/* Custom Styled Range Track */
html body .drawer.filter-drawer .price_slider {
	margin: 12px 6px 14px !important;
}

html body .drawer.filter-drawer .ui-slider-horizontal {
	height: 4px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: #e2e8f0 !important;
	position: relative !important;
}

html body .drawer.filter-drawer .ui-slider-range {
	height: 100% !important;
	border-radius: 999px !important;
	background: #000000 !important;
	position: absolute !important;
}

html body .drawer.filter-drawer .ui-slider-handle {
	position: absolute !important;
	top: -6px !important;
	width: 16px !important;
	height: 16px !important;
	border: 2px solid #000000 !important;
	border-radius: 50% !important;
	background: #ffffff !important;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2) !important;
	cursor: pointer !important;
	transition: transform 0.16s var(--ff-ease), box-shadow 0.16s var(--ff-ease) !important;
	outline: none !important;
}

html body .drawer.filter-drawer .ui-slider-handle:hover,
html body .drawer.filter-drawer .ui-slider-handle:focus-visible {
	transform: scale(1.2) !important;
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3) !important;
}

html body .drawer.filter-drawer .price_slider_bottom {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 8px !important;
	margin-top: 12px !important;
	width: 100% !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
}

html body .drawer.filter-drawer .price_label {
	min-width: 0 !important;
	flex: 1 1 auto !important;
	font-size: 11px !important;
	font-weight: 500 !important;
	color: var(--ff-ink-soft) !important;
	white-space: normal !important;
	word-break: break-word !important;
}

html body .drawer.filter-drawer .price_label .from,
html body .drawer.filter-drawer .price_label .to {
	font-weight: 700 !important;
	color: var(--ff-ink) !important;
}

html body .drawer.filter-drawer .price_slider_bottom .button {
	height: 32px !important;
	padding: 0 14px !important;
	border: 0 !important;
	border-radius: var(--ff-radius-sm) !important;
	background: #000000 !important;
	color: #ffffff !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	letter-spacing: 0.04em !important;
	text-transform: uppercase !important;
	cursor: pointer !important;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.14) !important;
	transition: all 0.2s var(--ff-ease) !important;
}

html body .drawer.filter-drawer .price_slider_bottom .button:hover {
	background: #27272a !important;
	transform: translateY(-1px) !important;
}

html body .drawer.filter-drawer .price_slider_bottom .button:active {
	transform: translateY(0) scale(0.97) !important;
}

/* --- Status Checkboxes (В наличии / Распродажа) --- */
html body .drawer.filter-drawer .widget_ferrano_product_status ul.widget-checkbox-list {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

html body .drawer.filter-drawer .widget_ferrano_product_status li {
	margin: 0 0 4px !important;
}

html body .drawer.filter-drawer .widget_ferrano_product_status a {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	padding: 6px 8px !important;
	border: 1px solid transparent !important;
	border-radius: var(--ff-radius-sm) !important;
	color: var(--ff-ink) !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	text-decoration: none !important;
	transition: all 0.16s var(--ff-ease) !important;
}

html body .drawer.filter-drawer .widget_ferrano_product_status a:hover {
	background: var(--ff-surface) !important;
	border-color: var(--ff-border) !important;
}

/* --- Smooth Collapsible Accordion (ff-fold) --- */
html body .drawer.filter-drawer .ff-fold > .widget-body > .widget-title,
html body .drawer.filter-drawer .ff-fold .widget-title {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	width: 100% !important;
	margin: 0 !important;
	cursor: pointer !important;
	user-select: none !important;
}

html body .drawer.filter-drawer .ff-fold .widget-title::after {
	content: "" !important;
	width: 6px !important;
	height: 6px !important;
	margin-left: 8px !important;
	border-right: 2px solid var(--ff-ink) !important;
	border-bottom: 2px solid var(--ff-ink) !important;
	transform: rotate(45deg);
	transition: transform 0.24s var(--ff-ease);
	flex: 0 0 auto !important;
}

html body .drawer.filter-drawer .ff-fold.is-collapsed .widget-title::after {
	transform: rotate(-45deg);
}

html body .drawer.filter-drawer .ff-fold__body {
	display: grid !important;
	grid-template-rows: 1fr;
	transition: grid-template-rows 0.24s var(--ff-ease);
}

html body .drawer.filter-drawer .ff-fold.is-collapsed .ff-fold__body {
	grid-template-rows: 0fr;
}

html body .drawer.filter-drawer .ff-fold__inner {
	overflow: hidden !important;
	min-height: 0 !important;
}

html body .drawer.filter-drawer .ff-fold__inner > ul,
html body .drawer.filter-drawer .ff-fold__inner > div {
	opacity: 1;
	transform: translateY(0);
	transition: opacity 0.2s var(--ff-ease), transform 0.24s var(--ff-ease);
	padding-top: 6px;
}

html body .drawer.filter-drawer .ff-fold.is-collapsed .ff-fold__inner > ul,
html body .drawer.filter-drawer .ff-fold.is-collapsed .ff-fold__inner > div {
	opacity: 0;
	transform: translateY(-4px);
}

/* Hide .is-hidden items in search */
html body .drawer.filter-drawer li.is-hidden {
	display: none !important;
}

/* --- Accessibility & Reduced Motion --- */
@media (prefers-reduced-motion: reduce) {
	html body .drawer.filter-drawer .drawer-inner,
	html body .drawer.filter-drawer .drawer-overlay,
	html body .drawer.filter-drawer .close-button a,
	html body .drawer.filter-drawer .ff-fold .widget-title::after,
	html body .drawer.filter-drawer .ff-fold__body,
	html body .drawer.filter-drawer .ff-fold__inner > ul,
	html body .drawer.filter-drawer .ff-fold__inner > div {
		transition: none !important;
		transform: none !important;
	}
}