.ybsb-filters-wrapper,
.ybsb-filters-wrapper *,
.ybsb-filters-wrapper *::before,
.ybsb-filters-wrapper *::after {
	box-sizing: border-box;
}

.ybsb-filters-wrapper {
	display: flex;
	flex-direction: column;
	width: 100%;
	--ybsb-scroll-width: 6px;
	--ybsb-scroll-thumb: #cccccc;
	--ybsb-scroll-track: transparent;
	--ybsb-scroll-radius: 10px;
	--ybsb-main-scroll-width: 6px;
	--ybsb-main-scroll-thumb: #cccccc;
	--ybsb-main-scroll-track: transparent;
	--ybsb-main-scroll-radius: 10px;
}

.ybsb-filters-panel {
	display: block;
	width: 100%;
}

.ybsb-filters-panel-sticky:not(.ybsb-filters-mobile-mode) {
	position: sticky;
	top: 20px;
	align-self: flex-start;
}

.ybsb-filters-panel-body,
.ybsb-filters-group,
.ybsb-filters-group-body {
	width: 100%;
}

.ybsb-filters-panel-body-fixed {
	display: flex;
	flex-direction: column;
}

.ybsb-filters-cat-tree-scroll {
	scrollbar-width: thin; /* Firefox: this is the only value Firefox lets a
	                          site customize - "auto | thin | none". A custom
	                          px thickness isn't something Firefox supports,
	                          so on Firefox this is as close as the platform
	                          allows regardless of the Scrollbar Thickness
	                          control above. Chromium/Safari use the
	                          ::-webkit-scrollbar rules below instead, which
	                          do honor that control exactly. */
	scrollbar-color: transparent var(--ybsb-scroll-track);
	transition: scrollbar-color 0.2s ease;
}

.ybsb-filters-cat-tree-scroll:hover,
.ybsb-filters-cat-tree-scroll:focus-within {
	scrollbar-color: var(--ybsb-scroll-thumb) var(--ybsb-scroll-track);
}

.ybsb-filters-cat-tree-scroll::-webkit-scrollbar {
	width: var(--ybsb-scroll-width);
}

/* No native up/down arrow buttons on the custom scrollbar - a fixed
   ~2026 look regardless of OS/browser scrollbar theme. */
.ybsb-filters-cat-tree-scroll::-webkit-scrollbar-button {
	display: none;
	width: 0;
	height: 0;
}

.ybsb-filters-cat-tree-scroll::-webkit-scrollbar-track {
	background-color: var(--ybsb-scroll-track);
}

.ybsb-filters-cat-tree-scroll::-webkit-scrollbar-thumb {
	background-color: transparent; /* hidden at rest - modern auto-hide look */
	border-radius: var(--ybsb-scroll-radius);
	transition: background-color 0.2s ease;
}

.ybsb-filters-cat-tree-scroll:hover::-webkit-scrollbar-thumb,
.ybsb-filters-cat-tree-scroll:focus-within::-webkit-scrollbar-thumb {
	background-color: var(--ybsb-scroll-thumb); /* revealed only while
	                                                 hovering/scrolling this
	                                                 specific box - matches
	                                                 the mobile "disappears
	                                                 when idle" behavior */
}

/* ---- Main Scrollable Container ---- */

.ybsb-filters-panel-body-scrollable-active {
	overflow-y: auto;
	scrollbar-width: thin; /* see the matching Firefox note on
	                          .ybsb-filters-cat-tree-scroll above - same
	                          platform limitation, same fallback. */
	scrollbar-color: transparent var(--ybsb-main-scroll-track);
	transition: scrollbar-color 0.2s ease;
}

.ybsb-filters-panel-body-scrollable-active:hover,
.ybsb-filters-panel-body-scrollable-active:focus-within {
	scrollbar-color: var(--ybsb-main-scroll-thumb) var(--ybsb-main-scroll-track);
}

.ybsb-filters-panel-body-scrollable-active::-webkit-scrollbar {
	width: var(--ybsb-main-scroll-width);
}

.ybsb-filters-panel-body-scrollable-active::-webkit-scrollbar-button {
	display: none;
	width: 0;
	height: 0;
}

.ybsb-filters-panel-body-scrollable-active::-webkit-scrollbar-track {
	background-color: var(--ybsb-main-scroll-track);
}

.ybsb-filters-panel-body-scrollable-active::-webkit-scrollbar-thumb {
	background-color: transparent;
	border-radius: var(--ybsb-main-scroll-radius);
	transition: background-color 0.2s ease;
}

.ybsb-filters-panel-body-scrollable-active:hover::-webkit-scrollbar-thumb,
.ybsb-filters-panel-body-scrollable-active:focus-within::-webkit-scrollbar-thumb {
	background-color: var(--ybsb-main-scroll-thumb);
}

/* The mobile drawer already gives .ybsb-filters-panel-body itself
   flex:1 1 auto; overflow-y:auto (see the mobile-mode rule further
   down) and manages its own height via the fixed-position drawer. The
   inner scrollable wrapper must stay a plain block there so the two
   scroll contexts never nest into a double scrollbar on mobile. */
.ybsb-filters-panel.ybsb-filters-mobile-mode .ybsb-filters-panel-body-scrollable-active {
	overflow-y: visible;
	max-height: none;
}

.ybsb-filters-loading {
	opacity: 0.6;
	pointer-events: none;
	transition: opacity 0.15s ease-in-out;
}

.ybsb-filters-error {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	width: 100%;
}

.ybsb-filters-error-message {
	flex: 1 1 auto;
}

.ybsb-filters-error-retry {
	flex: 0 0 auto;
	display: inline-block;
	border: none;
	cursor: pointer;
	box-sizing: border-box;
	background: none;
	transition: background-color 0.15s ease-in-out;
}

.ybsb-filters-group-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: default;
	border-style: solid;
	border-width: 0;
	box-sizing: border-box;
	/* Always kept in sync with the dropdown's own right padding (see
	   the --ybsb-filters-arrow-inset variable set on .ybsb-filters-panel-body
	   by the Dropdown Padding control), so this collapse chevron and
	   the dropdown's arrow can never drift out of alignment from each
	   other - there is deliberately no separate control for this. */
	padding-right: var(--ybsb-filters-arrow-inset, 12px);
	--ybsb-filters-divider-width: 1px;
}

.ybsb-filters-group-header.ybsb-filters-divider-after {
	border-bottom-width: var(--ybsb-filters-divider-width, 1px);
}

.ybsb-filters-group-header.ybsb-filters-divider-before {
	border-top-width: var(--ybsb-filters-divider-width, 1px);
}

.ybsb-filters-group-collapsible .ybsb-filters-group-header {
	cursor: pointer;
}

.ybsb-filters-toggle-icon {
	display: flex;
	align-items: center;
	line-height: 1;
	transition: transform 0.2s ease-in-out;
}

.ybsb-filters-group-collapsed .ybsb-filters-toggle-icon {
	transform: rotate(-90deg);
}

.ybsb-filters-group-collapsed .ybsb-filters-group-body {
	display: none;
}

.ybsb-filters-options {
	display: flex;
	flex-direction: column;
	width: 100%;
	/* Lines the checkboxes up with the category tree's own top-level
	   checkbox - both this and the dropdown wrap below read the same
	   value, set once by the tree's Row Padding control (Content ->
	   Category Tree), so all three filter types share one left edge. */
	padding-left: var(--ybsb-filters-content-x, 0px);
	padding-right: 0;
	box-sizing: border-box;
}

.ybsb-filters-option {
	display: flex;
	align-items: center;
	gap: 8px;
	cursor: pointer;
}

.ybsb-filters-select-wrap {
	position: relative;
	width: 100%;
	padding-left: var(--ybsb-filters-content-x, 0px);
	padding-right: 0;
	box-sizing: border-box;
}

.ybsb-filters-select-native {
	/* Kept in the DOM (not display:none) as the actual source of truth
	   for value/state and the target of the 'change' event that the
	   rest of this widget's logic listens for - just made completely
	   invisible and non-interactive, since the button + list below are
	   what the visitor actually sees and clicks. */
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.ybsb-filters-select-display {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	width: 100%;
	margin: 0;
	border: none;
	outline: none;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	cursor: pointer;
	font-family: inherit;
	text-align: left;
	box-sizing: border-box;
}

.ybsb-filters-select-display-text {
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ybsb-filters-select-arrow {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	line-height: 1;
	transition: transform 0.2s ease-in-out;
}

.ybsb-filters-select-arrow svg,
.ybsb-filters-select-arrow i {
	display: block;
}

.ybsb-filters-select-list {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 20;
	list-style: none;
	margin: 4px 0 0;
	padding: 4px 0;
	box-sizing: border-box;
}

.ybsb-filters-select-list-detached {
	position: fixed;
	top: auto;
	left: auto;
	right: auto;
	bottom: auto;
	z-index: 1000000;
	margin: 0;
}

.ybsb-filters-select-option {
	cursor: pointer;
	white-space: normal;
	transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
}

.ybsb-filters-options-scroll {
	overflow-y: auto;
}

.ybsb-filters-cat-tree {
	display: flex;
	flex-direction: column;
	--ybsb-cat-indent: 18px;
}

.ybsb-filters-cat-tree-scroll {
	overflow-y: auto;
}

.ybsb-filters-cat-node {
	display: flex;
	flex-direction: column;
}

.ybsb-filters-cat-row {
	display: flex;
	align-items: center;
	cursor: default;
}

.ybsb-filters-cat-toggle {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	padding: 0;
	border: none;
	cursor: pointer;
	background: none;
	line-height: 1;
	order: 0;
}

.ybsb-filters-cat-toggle-spacer {
	flex: 0 0 auto;
	display: block;
	order: 0;
}

.ybsb-filters-cat-tree.ybsb-toggle-pos-left .ybsb-filters-cat-toggle,
.ybsb-filters-cat-tree.ybsb-toggle-pos-left .ybsb-filters-cat-toggle-spacer {
	order: -2;
}

.ybsb-filters-cat-tree.ybsb-toggle-pos-right .ybsb-filters-cat-toggle,
.ybsb-filters-cat-tree.ybsb-toggle-pos-right .ybsb-filters-cat-toggle-spacer {
	order: 2;
}

.ybsb-filters-cat-toggle-icon {
	display: none;
	align-items: center;
	line-height: 1;
}

.ybsb-filters-cat-toggle-icon svg,
.ybsb-filters-cat-toggle-icon i {
	display: block;
}

.ybsb-filters-cat-icon-closed {
	display: inline-flex;
}

.ybsb-filters-cat-toggle[aria-expanded="true"] .ybsb-filters-cat-icon-closed {
	display: none;
}

.ybsb-filters-cat-toggle[aria-expanded="true"] .ybsb-filters-cat-icon-open {
	display: inline-flex;
}

.ybsb-filters-cat-level-icon {
	display: inline-flex;
	align-items: center;
	line-height: 1;
	order: -1;
	flex: 0 0 auto;
}

.ybsb-filters-cat-tree.ybsb-level-pos-right .ybsb-filters-cat-level-icon {
	order: 1;
}

.ybsb-filters-cat-level-icon svg,
.ybsb-filters-cat-level-icon i {
	display: block;
}

.ybsb-filters-cat-checkbox {
	order: 0;
	flex: 0 0 auto;
}

.ybsb-filters-cat-name {
	order: 1;
	flex: 1 1 auto;
	min-width: 0;
	cursor: pointer;
}

.ybsb-filters-cat-children {
	display: none;
}

.ybsb-filters-cat-children.ybsb-filters-cat-open {
	display: flex;
	flex-direction: column;
}

.ybsb-filters-cat-search {
	display: flex;
	box-sizing: border-box;
	/* Left padding is set by the Row Padding control (Content ->
	   Category Tree) via --ybsb-cat-depth, matching the indent of the
	   child rows this search box filters - see the PHP render, which
	   sets that depth one level deeper than the parent category. */
}

.ybsb-filters-cat-search-input {
	width: 100%;
	border-style: solid;
	border-width: 1px;
	border-color: #dddddd;
	outline: none;
	font-family: inherit;
	box-sizing: border-box;
}

.ybsb-filters-cat-node.ybsb-filters-cat-hidden,
.ybsb-filters-cat-node.ybsb-filters-cat-facet-hidden {
	display: none !important;
}

.ybsb-filters-cat-children.ybsb-filters-cat-search-active,
.ybsb-filters-cat-children.ybsb-filters-cat-search-active .ybsb-filters-cat-children {
	display: flex !important;
	flex-direction: column;
}

.ybsb-screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.ybsb-filters-header {
	display: flex;
	align-items: center;
	width: 100%;
}

.ybsb-filters-header-title-col {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.ybsb-filters-header-title {
	display: block;
	width: 100%;
}

.ybsb-filters-header-divider {
	flex: 0 0 auto;
	display: block;
	align-self: center;
}

.ybsb-filters-header-button-col {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ybsb-filters-header-reset {
	/* Same proven pattern as the Product Grid's card icon buttons
	   (.ybsb-card-icon-button in ybsb-grid.css) - a normal in-flow flex
	   box sized to itself, not stretched to the row's height and not
	   absolutely positioned. Fixed width/height (Button Size) plus
	   flex centering is the most reliable way to center an icon inside
	   a button across themes. */
	flex-shrink: 0;
	width: 36px;
	height: 36px;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	outline: none;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	cursor: pointer;
	text-decoration: none;
	position: relative;
	box-sizing: border-box;
	--ybsb-header-btn-hover-duration: 300ms;
	transition: background-color var(--ybsb-header-btn-hover-duration, 300ms) ease-in-out,
	            color var(--ybsb-header-btn-hover-duration, 300ms) ease-in-out;
}

.ybsb-filters-header-reset-icon,
.ybsb-filters-header-reset-text {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	white-space: nowrap;
	position: relative;
	z-index: 1;
	transition: transform var(--ybsb-header-btn-hover-duration, 300ms) ease-in-out;
}

.ybsb-filters-header-reset-icon svg,
.ybsb-filters-header-reset-icon i {
	display: block;
}

.ybsb-filters-header-reset.ybsb-header-icon-hover-grow:hover .ybsb-filters-header-reset-icon {
	transform: scale(var(--ybsb-header-icon-hover-scale, 1.25));
}

.ybsb-filters-header-reset.ybsb-header-icon-hover-rotate:hover .ybsb-filters-header-reset-icon {
	transform: rotate(var(--ybsb-header-icon-hover-rotate, -90deg));
}

.ybsb-filters-price-slider-wrap {
	position: relative;
	height: 20px;
	margin-top: 10px;
}

.ybsb-filters-price-track {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	height: 4px;
	transform: translateY(-50%);
	border-radius: 2px;
}

.ybsb-filters-price-range {
	position: absolute;
	top: 0;
	height: 100%;
	border-radius: 2px;
}

.ybsb-filters-price-slider {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 20px;
	margin: 0;
	background: none;
	pointer-events: none;
	appearance: none;
	-webkit-appearance: none;
}

.ybsb-filters-price-slider::-webkit-slider-thumb {
	appearance: none;
	-webkit-appearance: none;
	pointer-events: all;
	border-radius: 50%;
	cursor: pointer;
	position: relative;
	z-index: 2;
}

.ybsb-filters-price-slider::-moz-range-thumb {
	pointer-events: all;
	border-radius: 50%;
	border: none;
	cursor: pointer;
	position: relative;
	z-index: 2;
}

.ybsb-filters-price-slider::-webkit-slider-runnable-track {
	background: none;
}

.ybsb-filters-price-slider::-moz-range-track {
	background: none;
}

.ybsb-filters-price-values {
	display: flex;
	align-items: center;
	gap: 4px;
	margin-top: 14px;
}

.ybsb-filters-apply,
.ybsb-filters-reset {
	border: none;
	cursor: pointer;
	font: inherit;
}

.ybsb-filters-apply {
	position: relative;
	overflow: hidden;
	z-index: 0;
	--ybsb-filters-btn-hover-duration: 300ms;
	transition: background-color var(--ybsb-filters-btn-hover-duration, 300ms) ease-in-out,
	            color var(--ybsb-filters-btn-hover-duration, 300ms) ease-in-out;
	margin-top: 8px;
}

.ybsb-filters-apply[class*="ybsb-filters-slide-"]::before {
	content: '';
	position: absolute;
	inset: 0;
	background-color: var(--ybsb-filters-btn-slide-color, transparent);
	z-index: 0;
	transition: transform var(--ybsb-filters-btn-hover-duration, 300ms) ease-in-out;
}

.ybsb-filters-apply.ybsb-filters-slide-left::before {
	transform: scaleX(0);
	transform-origin: left;
}
.ybsb-filters-apply.ybsb-filters-slide-left:hover::before {
	transform: scaleX(1);
}

.ybsb-filters-apply.ybsb-filters-slide-right::before {
	transform: scaleX(0);
	transform-origin: right;
}
.ybsb-filters-apply.ybsb-filters-slide-right:hover::before {
	transform: scaleX(1);
}

.ybsb-filters-apply.ybsb-filters-slide-top::before {
	transform: scaleY(0);
	transform-origin: top;
}
.ybsb-filters-apply.ybsb-filters-slide-top:hover::before {
	transform: scaleY(1);
}

.ybsb-filters-apply.ybsb-filters-slide-bottom::before {
	transform: scaleY(0);
	transform-origin: bottom;
}
.ybsb-filters-apply.ybsb-filters-slide-bottom:hover::before {
	transform: scaleY(1);
}

.ybsb-filters-reset {
	background: none;
	text-decoration: underline;
	text-align: left;
	padding: 0;
	margin-top: 12px;
	width: fit-content;
}

.ybsb-filters-header-reset.ybsb-filters-reset {
	margin-top: 0;
	width: 36px;
	text-decoration: none;
}

/* ---- Mobile Drawer ---- */

.ybsb-filters-trigger {
	display: none;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	border: none;
	font: inherit;
}

.ybsb-filters-trigger svg,
.ybsb-filters-trigger i {
	display: block;
}

.ybsb-filters-backdrop {
	display: none;
}

.ybsb-filters-panel-header {
	display: none;
	align-items: center;
	justify-content: space-between;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	flex-shrink: 0;
}

.ybsb-filters-close {
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	background: none;
	cursor: pointer;
	padding: 0;
	line-height: 1;
}

.ybsb-filters-close svg,
.ybsb-filters-close i {
	display: block;
}

.ybsb-filters-is-mobile .ybsb-filters-trigger {
	display: inline-flex;
}

.ybsb-filters-panel.ybsb-filters-mobile-mode .ybsb-filters-panel-header {
	display: flex;
}

.ybsb-filters-backdrop.ybsb-filters-mobile-mode {
	display: block;
	position: fixed;
	inset: 0;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	z-index: 999998;
	--ybsb-filters-drawer-speed: 300ms;
	transition: opacity var(--ybsb-filters-drawer-speed, 300ms) ease-in-out,
	            visibility 0s linear var(--ybsb-filters-drawer-speed, 300ms);
}

.ybsb-filters-panel.ybsb-filters-mobile-mode {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	transform: translateX(-100%);
	visibility: hidden;
	z-index: 999999;
	--ybsb-filters-drawer-speed: 300ms;
	transition: transform var(--ybsb-filters-drawer-speed, 300ms) ease-in-out,
	            visibility 0s linear var(--ybsb-filters-drawer-speed, 300ms);
}

.ybsb-filters-panel.ybsb-filters-mobile-mode .ybsb-filters-panel-body {
	flex: 1 1 auto;
	overflow-y: auto;
}

.ybsb-filters-backdrop.ybsb-filters-mobile-mode.ybsb-filters-open {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transition: opacity var(--ybsb-filters-drawer-speed, 300ms) ease-in-out, visibility 0s linear 0s;
}

.ybsb-filters-panel.ybsb-filters-mobile-mode.ybsb-filters-open {
	transform: translateX(0);
	visibility: visible;
	transition: transform var(--ybsb-filters-drawer-speed, 300ms) ease-in-out, visibility 0s linear 0s;
}

.ybsb-filters-panel.ybsb-filters-dragging {
	transition: none;
}

.ybsb-filters-body-locked {
	overflow: hidden;
}

/* ---- Contextual Reveal ---- */

.ybsb-filters-group-reveal-hidden,
.ybsb-filters-group-no-options {
	display: none;
}

/* ---- Year Range ---- */

.ybsb-filters-year-range {
	display: flex;
	align-items: center;
	gap: 8px;
}

.ybsb-filters-year-field-wrap {
	position: relative;
	flex: 1 1 0;
	min-width: 0;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	border-style: solid;
	border-width: 1px;
	border-color: #dddddd;
	padding: 0;
}

.ybsb-filters-year-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.ybsb-filters-year-icon i,
.ybsb-filters-year-icon svg {
	display: block;
}

.ybsb-filters-year-input {
	flex: 1 1 auto;
	min-width: 0;
	width: 100%;
	border: none;
	outline: none;
	background: none;
	font: inherit;
	color: inherit;
	box-sizing: border-box;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

/* Belt-and-braces: type is text so no native spinner exists, but this
   also covers the field being switched to type="number" later. */
.ybsb-filters-year-input::-webkit-outer-spin-button,
.ybsb-filters-year-input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.ybsb-filters-year-input[type="number"] {
	-moz-appearance: textfield;
}

.ybsb-filters-year-dash {
	flex-shrink: 0;
}

.ybsb-filters-year-list {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 20;
	list-style: none;
	margin: 4px 0 0;
	padding: 4px 0;
	max-height: 220px;
	overflow-y: auto;
	background-color: #ffffff;
	box-sizing: border-box;
	border-style: solid;
	border-width: 1px;
	border-color: #dddddd;
}

.ybsb-filters-year-list:not([hidden]) {
	display: flex;
	flex-direction: column;
}

.ybsb-filters-year-option {
	cursor: pointer;
	padding: 6px 12px;
}

.ybsb-filters-year-hidden-terms {
	display: none;
}

.ybsb-filters-year-field-wrap.ybsb-filters-year-field-invalid {
	border-color: #d63638;
}

.ybsb-filters-year-error {
	color: #d63638;
	font-size: 12px;
	line-height: 1.4;
	margin-top: 6px;
}

.ybsb-filters-year-error[hidden] {
	display: none;
}

.elementor-widget-ybsb_filters .elementor-widget-container {
	width: 100%;
}