/*
 * BeatStars-inspired filter bar for the desktop Beats listing.
 * Mobile keeps the existing accordion and is intentionally handled separately.
 */
@media screen and (min-width: 1200px) {
	.path-beats .header-search-area .extra-search-button {
		display: none !important;
	}

	.path-beats .main-container > .container > .row {
		display: flex;
		flex-wrap: wrap;
	}

	.path-beats .main-container > .container > .row > aside.col-sm-3,
	.path-beats .main-container > .container > .row > section.col-sm-9 {
		float: none;
		width: 100%;
	}

	.path-beats .main-container > .container > .row > aside.col-sm-3 {
		position: relative;
		z-index: 20;
		margin-bottom: 28px;
	}

	.path-beats .pratst-find-your-beat-filters {
		margin: 0;
		border: 0;
		background: transparent;
	}

	.path-beats .pratst-find-your-beat-filters-heading {
		display: none !important;
	}

	.path-beats .pratst-find-your-beat-filters-body,
	.path-beats .pratst-find-your-beat-filters-body.collapse {
		display: block !important;
		height: auto !important;
		overflow: visible;
		padding: 0;
		border: 0;
		background: transparent;
	}

	.path-beats .pratst-find-your-beat-filters .form-action--top {
		display: none;
	}

	.path-beats .pratst-filter-controls {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		gap: 10px;
		margin: 0 0 10px;
	}

	.path-beats .pratst-beat-source-toggle {
		display: inline-flex;
		align-items: center;
		gap: 0;
		margin: 0 0 14px;
		padding: 3px;
		border: 1px solid #353539;
		border-radius: 8px;
		background: #111113;
	}

	.path-beats .pratst-beat-source-toggle__btn {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-height: 36px;
		margin: 0;
		padding: 0 16px;
		border: 0;
		border-radius: 6px;
		background: transparent;
		color: #a8a8ae;
		font-family: 'Poppins-Regular', sans-serif;
		font-size: 13px;
		line-height: 1.2;
		cursor: pointer;
		transition: background-color 150ms ease, color 150ms ease;
	}

	.path-beats .pratst-beat-source-toggle__btn:hover,
	.path-beats .pratst-beat-source-toggle__btn:focus {
		color: #fff;
		outline: 0;
	}

	.path-beats .pratst-beat-source-toggle__btn.is-active {
		background: #e40046;
		color: #fff;
	}

	.path-beats .pratst-filter-controls .form-item-combine {
		width: 310px;
		max-width: 100%;
		margin: 0;
	}

	.path-beats .pratst-filter-controls input[name="combine"] {
		width: 100%;
		height: 42px;
		padding: 0 14px;
		border: 1px solid #353539;
		border-radius: 6px;
		background: #111113;
		color: #f5f5f7;
		font-size: 13px;
		box-shadow: none;
	}

	.path-beats .pratst-filter-controls input[name="combine"]::placeholder {
		color: #85858c;
		opacity: 1;
	}

	.path-beats .pratst-filter-controls .form-submit,
	.path-beats .pratst-filter-controls .pratst-clear-filters {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		width: auto !important;
		min-width: 112px;
		height: 42px;
		margin: 0 !important;
		padding: 0 18px !important;
		border-radius: 6px;
		font-family: 'Poppins-Regular', sans-serif;
		font-size: 13px;
		font-weight: 400;
		line-height: 40px;
		text-decoration: none !important;
		transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease;
	}

	.path-beats .pratst-filter-controls .form-submit {
		border: 1px solid #e40046;
		background: #e40046;
		color: #fff;
	}

	.path-beats .pratst-filter-controls .form-submit:hover,
	.path-beats .pratst-filter-controls .form-submit:focus {
		border-color: #ff185d;
		background: #ff185d;
		color: #fff;
		outline: 0;
	}

	.path-beats .pratst-filter-controls .pratst-clear-filters {
		border: 1px solid #353539;
		background: #111113;
		color: #c7c7cc;
	}

	.path-beats .pratst-filter-controls .pratst-clear-filters:hover,
	.path-beats .pratst-filter-controls .pratst-clear-filters:focus {
		border-color: #66666d;
		background: #19191c;
		color: #fff;
		outline: 0;
	}

	.path-beats .pratst-find-your-beat-filters .form-elements {
		overflow: visible;
	}

	.path-beats .pratst-find-your-beat-filters .bef--secondary {
		display: block !important;
	}

	.path-beats .pratst-find-your-beat-filters .bef--secondary > .panel-heading,
	.path-beats .pratst-find-your-beat-filters .bef--secondary .form-item-combine {
		display: none !important;
	}

	.path-beats .pratst-find-your-beat-filters .bef--secondary > .panel-collapse,
	.path-beats .pratst-find-your-beat-filters .bef--secondary > .panel-collapse.collapse {
		display: block !important;
		height: auto !important;
		padding: 0;
		border: 0;
		background: transparent;
	}

	.path-beats .pratst-find-your-beat-filters .bef--secondary .form-item-beat-weight-1 {
		margin: 0;
	}

	.path-beats .pratst-find-your-beat-filters .bef--secondary .select-wrapper {
		display: block;
	}

	.path-beats .pratst-find-your-beat-filters .bef--secondary .select-wrapper::after {
		right: 13px;
		color: #a5a5aa;
	}

	.path-beats .pratst-find-your-beat-filters select[name="beat_weight_1"] {
		width: auto;
		min-width: 88px;
		height: 38px;
		padding: 0 34px 0 13px;
		border: 1px solid #353539;
		border-radius: 6px;
		background: #111113;
		color: #f5f5f7;
		font-size: 13px;
		line-height: 36px;
		cursor: pointer;
		box-shadow: none;
	}

	.path-beats .pratst-find-your-beat-filters .form-elements {
		display: flex;
		align-items: center;
		gap: 4px;
		min-height: 54px;
		padding: 8px 0;
		border-bottom: 1px solid #2b2b2e;
		white-space: nowrap;
	}

	.path-beats .pratst-find-your-beat-filters .pratst-filter-dropdown,
	.path-beats .pratst-find-your-beat-filters .pratst-filter-sort {
		position: relative;
		flex: 0 0 auto;
		margin: 0;
		border: 0;
		background: transparent;
	}

	.path-beats .pratst-find-your-beat-filters .pratst-filter-dropdown.is-open {
		z-index: 30;
	}

	.path-beats .pratst-filter-dropdown > .panel-heading {
		display: block;
		border: 0;
		background: transparent;
	}

	.path-beats .pratst-filter-dropdown > .panel-heading .panel-title,
	.path-beats .pratst-filter-dropdown > .panel-heading .panel-title.collapsed {
		display: flex;
		align-items: center;
		gap: 7px;
		min-height: 38px;
		padding: 0 12px;
		border: 0;
		border-radius: 6px;
		background: transparent;
		color: #aaaab0;
		font-family: 'Poppins-Regular', sans-serif;
		font-size: 13px;
		font-weight: 400;
		line-height: 38px;
		text-decoration: none;
		transition: color 150ms ease, background-color 150ms ease;
	}

	.path-beats .pratst-filter-dropdown > .panel-heading .panel-title:hover,
	.path-beats .pratst-filter-dropdown > .panel-heading .panel-title:focus,
	.path-beats .pratst-filter-dropdown > .panel-heading .panel-title[aria-expanded="true"] {
		background: #151517;
		color: #fff;
		outline: 0;
	}

	.path-beats .pratst-filter-dropdown > .panel-heading .panel-title::after,
	.path-beats .pratst-filter-dropdown > .panel-heading .panel-title.collapsed::after {
		position: static;
		width: 7px;
		height: 7px;
		margin-top: -4px;
		border: solid currentColor;
		border-width: 0 1px 1px 0;
		background: none;
		opacity: 1;
		transform: rotate(45deg);
		transition: transform 150ms ease, margin 150ms ease;
		content: '';
	}

	.path-beats .pratst-filter-dropdown > .panel-heading .panel-title[aria-expanded="true"]::after {
		margin-top: 4px;
		transform: rotate(225deg);
	}

	.path-beats .pratst-filter-dropdown > .panel-collapse,
	.path-beats .pratst-filter-dropdown > .panel-collapse.collapse {
		position: absolute;
		top: calc(100% + 7px);
		left: 0;
		width: 282px;
		max-height: 340px;
		padding: 9px;
		overflow: auto;
		border: 1px solid #353539;
		border-radius: 8px;
		background: #0e0e10;
		box-shadow: 0 14px 35px rgba(0, 0, 0, 0.55);
	}

	.path-beats .pratst-filter-dropdown > .panel-collapse:not(.in) {
		display: none !important;
	}

	.path-beats .pratst-filter-dropdown > .panel-collapse.in {
		display: block !important;
	}

	.path-beats .pratst-filter-dropdown .panel,
	.path-beats .pratst-filter-dropdown .panel-body,
	.path-beats .pratst-filter-dropdown .form-wrapper {
		border: 0;
		background: transparent;
		box-shadow: none;
	}

	.path-beats .pratst-filter-dropdown .panel-body {
		padding: 0;
	}

	.path-beats .pratst-filter-dropdown .panel-body > .panel > .panel-heading,
	.path-beats .pratst-filter-dropdown .panel-body > .panel > .panel-collapse > .panel-heading,
	.path-beats .pratst-filter-dropdown .panel-body .ui-slider,
	.path-beats .pratst-filter-dropdown .ui-slider {
		display: none !important;
	}

	.path-beats .pratst-filter-search-wrap {
		position: sticky;
		top: -9px;
		z-index: 2;
		padding: 0 0 9px;
		background: #0e0e10;
	}

	.path-beats .pratst-filter-search-wrap::before {
		position: absolute;
		top: 50%;
		left: 14px;
		width: 13px;
		height: 13px;
		border: 1px solid #73737a;
		border-radius: 50%;
		transform: translateY(-70%);
		content: '';
		pointer-events: none;
	}

	.path-beats .pratst-filter-search-wrap::after {
		position: absolute;
		top: 28px;
		left: 25px;
		width: 6px;
		height: 1px;
		background: #73737a;
		transform: rotate(45deg);
		content: '';
		pointer-events: none;
	}

	.path-beats .pratst-filter-search {
		width: 100%;
		height: 48px;
		padding: 0 13px 0 39px;
		border: 1px solid #3c3c41;
		border-radius: 7px;
		background: #151517;
		color: #fff;
		font-size: 14px;
		box-shadow: none;
	}

	.path-beats .pratst-filter-search::placeholder {
		color: #77777e;
		opacity: 1;
	}

	.path-beats .pratst-filter-dropdown .form-checkboxes {
		padding: 2px 1px;
	}

	.path-beats .pratst-filter-dropdown .form-checkboxes > .form-item {
		min-height: 38px;
		margin: 0;
		padding: 0;
	}

	.path-beats .pratst-filter-dropdown .form-checkboxes > .form-item[hidden] {
		display: none !important;
	}

	.path-beats .pratst-filter-dropdown .form-checkboxes > .form-item label {
		display: flex;
		align-items: center;
		min-height: 38px;
		padding: 7px 7px 7px 31px;
		color: #f5f5f7;
		font-family: 'Poppins-Regular', sans-serif;
		font-size: 14px;
		line-height: 1.35;
		cursor: pointer;
	}

	.path-beats .pratst-filter-dropdown .form-checkboxes > .form-item label::before {
		left: 7px;
		width: 15px;
		height: 15px;
		border: 1px solid #77777e;
		border-radius: 3px;
		background: transparent;
		transform: translateY(-50%);
	}

	.path-beats .pratst-filter-dropdown .form-checkboxes > .form-item label.active-checkbox::before,
	.path-beats .pratst-filter-dropdown .form-checkboxes > .form-item input:checked + label::before {
		border-color: #e40046;
		background-color: #e40046;
		background-image: url(../images/checkbox-active.png);
	}

	.path-beats .pratst-filter-dropdown .form-checkboxes > .form-item label:hover {
		background: #18181b;
		border-radius: 4px;
	}

	.path-beats .pratst-range-fields {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		gap: 11px;
		padding: 0;
	}

	.path-beats .pratst-range-fields .form-item {
		position: relative;
		display: block !important;
		float: none !important;
		width: auto !important;
		max-width: none !important;
		margin: 0 !important;
		padding: 0;
	}

	.path-beats .pratst-range-fields label {
		display: none;
	}

	.path-beats .pratst-range-fields input.form-control {
		position: static !important;
		top: auto !important;
		right: auto !important;
		bottom: auto !important;
		left: auto !important;
		float: none !important;
		width: 100%;
		max-width: none !important;
		height: 48px;
		padding: 0 12px;
		border: 1px solid #3c3c41 !important;
		border-radius: 7px;
		background: #19191c !important;
		color: #fff !important;
		font-size: 15px;
		line-height: 48px;
		text-align: left !important;
		transform: none !important;
		box-shadow: none;
	}

	.path-beats .pratst-filter-price .pratst-range-fields input.form-control {
		padding-left: 28px;
	}

	.path-beats .pratst-filter-price .pratst-range-fields .form-item::before {
		position: absolute;
		top: 14px;
		left: 12px;
		z-index: 1;
		color: #fff;
		font-size: 15px;
		content: 'R';
		pointer-events: none;
	}

	.path-beats .pratst-filter-duration > .panel-collapse {
		width: 290px;
	}

	.path-beats .pratst-duration-presets,
	.path-beats .pratst-price-presets {
		margin: 10px 0 0;
		padding: 0;
		list-style: none;
	}

	.path-beats .pratst-duration-preset,
	.path-beats .pratst-price-preset {
		display: flex;
		align-items: center;
		min-height: 38px;
		margin: 0;
		color: #f5f5f7;
		font-size: 14px;
		cursor: pointer;
	}

	.path-beats .pratst-duration-preset input,
	.path-beats .pratst-price-preset input {
		width: 16px;
		height: 16px;
		margin: 0 11px 0 0;
		accent-color: #e40046;
	}

	.path-beats .pratst-duration-custom-label {
		margin: 9px 0 7px;
		color: #aaaab0;
		font-size: 12px;
	}

	.path-beats .pratst-filter-dropdown.has-active-filter > .panel-heading .panel-title {
		color: #fff;
	}

	.path-beats .pratst-filter-dropdown.has-active-filter > .panel-heading .panel-title::before {
		width: 5px;
		height: 5px;
		border-radius: 50%;
		background: #e40046;
		content: '';
	}

	.path-beats .pratst-filter-empty {
		padding: 18px 8px;
		color: #77777e;
		font-size: 13px;
		text-align: center;
	}
}

@media screen and (max-width: 1199px) {
	body.pratst-mobile-filters-open {
		overflow: hidden;
	}

	body.pratst-mobile-filters-open.path-beats .main-container > .container > .row > aside,
	body.pratst-mobile-filters-open.path-beats #block-exposedformfind-your-beatpage-1 {
		position: relative;
		z-index: 2147483000;
		opacity: 1 !important;
		animation: none !important;
	}

	.path-beats .pratst-find-your-beat-filters {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 9px;
		margin: 0 0 18px;
		border: 0;
		background: transparent;
	}

	.path-beats .pratst-beat-source-toggle {
		display: flex;
		width: 100%;
		margin: 0 0 4px;
		padding: 3px;
		border: 1px solid #36363a;
		border-radius: 8px;
		background: #111113;
		box-sizing: border-box;
	}

	.path-beats .pratst-beat-source-toggle__btn {
		flex: 1 1 0;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-height: 36px;
		margin: 0;
		padding: 0 8px;
		border: 0;
		border-radius: 6px;
		background: transparent;
		color: #a8a8ae;
		font-family: 'Poppins-Regular', sans-serif;
		font-size: 12px;
		line-height: 1.2;
		cursor: pointer;
	}

	.path-beats .pratst-beat-source-toggle__btn.is-active {
		background: #e40046;
		color: #fff;
	}

	.path-beats .pratst-mobile-filter-actions {
		display: flex;
		align-items: center;
		gap: 9px;
		width: 100%;
	}

	.path-beats .pratst-find-your-beat-filters-heading {
		display: inline-block;
		border: 0;
		background: transparent;
	}

	.path-beats .pratst-find-your-beat-filters-heading .panel-title,
	.path-beats .pratst-find-your-beat-filters-heading .panel-title.collapsed {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 9px;
		min-width: 0;
		width: auto;
		height: 42px !important;
		min-height: 42px !important;
		padding: 0 14px !important;
		border: 1px solid #36363a;
		border-radius: 7px;
		background: #111113;
		box-sizing: border-box;
		color: #fff;
		font-size: 14px;
		line-height: 40px !important;
		text-decoration: none;
	}

	.path-beats .pratst-mobile-filter-quick-clear {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		height: 42px;
		padding: 0 14px;
		border: 1px solid #36363a;
		border-radius: 7px;
		background: #111113;
		box-sizing: border-box;
		color: #d5d5da;
		font-size: 13px;
		line-height: 40px;
		text-decoration: none !important;
	}

	.path-beats .pratst-mobile-filter-quick-clear:hover,
	.path-beats .pratst-mobile-filter-quick-clear:focus {
		border-color: #66666d;
		background: #19191c;
		color: #fff;
	}

	.path-beats .pratst-find-your-beat-filters-heading .panel-title::after,
	.path-beats .pratst-find-your-beat-filters-heading .panel-title.collapsed::after {
		display: none;
	}

	.path-beats .pratst-mobile-filter-icon {
		display: inline-flex;
		flex-direction: column;
		gap: 4px;
		width: 17px;
	}

	.path-beats .pratst-mobile-filter-icon i {
		position: relative;
		display: block;
		width: 17px;
		height: 1px;
		background: #fff;
	}

	.path-beats .pratst-mobile-filter-icon i::after {
		position: absolute;
		top: -2px;
		width: 5px;
		height: 5px;
		border: 1px solid #fff;
		border-radius: 50%;
		background: #111113;
		content: '';
	}

	.path-beats .pratst-mobile-filter-icon i:nth-child(1)::after,
	.path-beats .pratst-mobile-filter-icon i:nth-child(3)::after {
		left: 3px;
	}

	.path-beats .pratst-mobile-filter-icon i:nth-child(2)::after {
		right: 3px;
	}

	.path-beats .pratst-find-your-beat-filters-body,
	.path-beats .pratst-find-your-beat-filters-body.collapse {
		position: fixed;
		inset: 0;
		z-index: 10000;
		width: 100%;
		height: 100% !important;
		max-height: none;
		padding: 0 10px;
		overflow-x: hidden;
		overflow-y: auto;
		border: 0;
		background: #09090a;
	}

	.path-beats .pratst-find-your-beat-filters-body:not(.in) {
		display: none !important;
	}

	.path-beats .pratst-find-your-beat-filters-body.in {
		display: block !important;
	}

	.path-beats .pratst-mobile-filter-modal-header {
		position: sticky;
		top: 0;
		z-index: 20;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 78px;
		border-bottom: 1px solid #2b2b2e;
		background: #09090a;
		color: #fff;
		font-size: 17px;
	}

	.path-beats .pratst-mobile-filter-back {
		position: absolute;
		left: 8px;
		width: 42px;
		height: 42px;
		padding: 0;
		border: 0;
		background: transparent;
	}

	.path-beats .pratst-mobile-filter-back::before {
		display: block;
		width: 17px;
		height: 17px;
		margin-left: 13px;
		border: solid #fff;
		border-width: 0 0 3px 3px;
		transform: rotate(45deg);
		content: '';
	}

	.path-beats .pratst-find-your-beat-filters-body .form-elements {
		min-height: calc(100vh - 225px);
		padding: 0;
	}

	.path-beats .pratst-mobile-filter-section {
		margin: 0;
		border: 0;
		border-bottom: 1px solid #2b2b2e;
		background: transparent;
	}

	.path-beats .pratst-mobile-filter-section > .panel-heading,
	.path-beats .pratst-find-your-beat-filters-body .bef--secondary > .panel-heading {
		display: block !important;
		border: 0;
		background: transparent;
	}

	.path-beats .pratst-mobile-filter-section > .panel-heading .panel-title,
	.path-beats .pratst-mobile-filter-section > .panel-heading .panel-title.collapsed {
		position: relative;
		display: flex;
		align-items: center;
		min-height: 73px;
		margin: 0;
		padding: 0 42px 0 8px;
		background: transparent;
		color: #fff;
		font-size: 16px;
		font-weight: 600;
		line-height: 1.3;
		text-decoration: none;
	}

	.path-beats .pratst-mobile-filter-section > .panel-heading .panel-title::after,
	.path-beats .pratst-mobile-filter-section > .panel-heading .panel-title.collapsed::after {
		position: absolute;
		top: 50%;
		right: 12px;
		display: block;
		width: 10px;
		height: 10px;
		border: solid #8a9eaa;
		border-width: 0 1.5px 1.5px 0;
		background: none;
		opacity: 1;
		transform: translateY(-70%) rotate(45deg);
		content: '';
	}

	.path-beats .pratst-mobile-filter-section > .panel-heading .panel-title[aria-expanded="true"]::after {
		transform: translateY(-30%) rotate(225deg);
	}

	.path-beats .pratst-mobile-filter-count {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-width: 20px;
		height: 20px;
		margin-left: auto;
		padding: 0 6px;
		border-radius: 10px;
		background: #fff;
		color: #111;
		font-size: 12px;
		font-weight: 700;
		line-height: 20px;
	}

	.path-beats .pratst-mobile-filter-section > .panel-collapse,
	.path-beats .pratst-mobile-filter-section > .panel-collapse.collapse {
		position: static;
		height: auto !important;
		padding: 0 8px 18px;
		overflow: visible;
		border: 0;
		background: transparent;
	}

	.path-beats .pratst-mobile-filter-section > .panel-collapse:not(.in) {
		display: none !important;
	}

	.path-beats .pratst-mobile-filter-section > .panel-collapse.in {
		display: block !important;
	}

	.path-beats .pratst-mobile-filter-section .panel,
	.path-beats .pratst-mobile-filter-section .panel-body,
	.path-beats .pratst-mobile-filter-section .form-wrapper {
		border: 0;
		background: transparent;
		box-shadow: none;
	}

	.path-beats .pratst-mobile-filter-section .panel-body {
		padding: 0;
	}

	.path-beats .pratst-mobile-filter-section .panel-body > .panel > .panel-heading,
	.path-beats .pratst-mobile-filter-section .panel-body .ui-slider,
	.path-beats .pratst-mobile-filter-section .ui-slider {
		display: none !important;
	}

	.path-beats .pratst-filter-secondary .form-item {
		margin: 0 0 12px;
	}

	.path-beats .pratst-filter-secondary input.form-control,
	.path-beats .pratst-filter-secondary select.form-control,
	.path-beats .pratst-filter-search {
		width: 100%;
		height: 48px;
		padding: 0 13px;
		border: 1px solid #3c3c41;
		border-radius: 7px;
		background: #151517;
		color: #fff;
		font-size: 14px;
		box-shadow: none;
	}

	.path-beats .pratst-filter-search {
		padding-left: 39px;
	}

	.path-beats .pratst-filter-search-wrap {
		position: relative;
		margin-bottom: 8px;
	}

	.path-beats .pratst-filter-search-wrap::before {
		position: absolute;
		top: 16px;
		left: 13px;
		width: 13px;
		height: 13px;
		border: 1px solid #73737a;
		border-radius: 50%;
		content: '';
		pointer-events: none;
	}

	.path-beats .pratst-filter-search-wrap::after {
		position: absolute;
		top: 28px;
		left: 25px;
		width: 6px;
		height: 1px;
		background: #73737a;
		transform: rotate(45deg);
		content: '';
		pointer-events: none;
	}

	.path-beats .pratst-mobile-filter-section .form-checkboxes > .form-item {
		min-height: 40px;
		margin: 0;
		padding: 0;
	}

	.path-beats .pratst-mobile-filter-section .form-checkboxes > .form-item[hidden] {
		display: none !important;
	}

	.path-beats .pratst-mobile-filter-section .form-checkboxes > .form-item label {
		display: flex;
		align-items: center;
		min-height: 40px;
		padding: 7px 6px 7px 29px;
		color: #fff;
		font-size: 15px;
		line-height: 1.3;
	}

	.path-beats .pratst-mobile-filter-section .form-checkboxes > .form-item label::before {
		left: 3px;
		width: 16px;
		height: 16px;
		border: 1px solid #77777e;
		border-radius: 3px;
		background: transparent;
	}

	.path-beats .pratst-mobile-filter-section .form-checkboxes > .form-item label.active-checkbox::before {
		border-color: #e40046;
		background-color: #e40046;
		background-image: url(../images/checkbox-active.png);
	}

	.path-beats .pratst-range-fields {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		gap: 11px;
	}

	.path-beats .pratst-range-fields .form-item {
		position: relative;
		display: block !important;
		float: none !important;
		width: auto !important;
		max-width: none !important;
		margin: 0 !important;
	}

	.path-beats .pratst-range-fields label {
		display: none;
	}

	.path-beats .pratst-range-fields input.form-control {
		position: static !important;
		top: auto !important;
		left: auto !important;
		width: 100%;
		max-width: none !important;
		height: 48px;
		padding: 0 12px;
		border: 1px solid #3c3c41 !important;
		border-radius: 7px;
		background: #19191c !important;
		color: #fff !important;
		font-size: 15px;
		text-align: left !important;
		box-shadow: none;
	}

	.path-beats .pratst-filter-price .pratst-range-fields input.form-control {
		padding-left: 28px;
	}

	.path-beats .pratst-filter-price .pratst-range-fields .form-item::before {
		position: absolute;
		top: 14px;
		left: 12px;
		z-index: 1;
		color: #fff;
		content: 'R';
		pointer-events: none;
	}

	.path-beats .pratst-duration-presets,
	.path-beats .pratst-price-presets {
		margin: 11px 0 0;
	}

	.path-beats .pratst-duration-preset,
	.path-beats .pratst-price-preset {
		display: flex;
		align-items: center;
		min-height: 40px;
		margin: 0;
		color: #fff;
		font-size: 15px;
	}

	.path-beats .pratst-duration-preset input,
	.path-beats .pratst-price-preset input {
		width: 16px;
		height: 16px;
		margin: 0 11px 0 0;
		accent-color: #e40046;
	}

	.path-beats .pratst-duration-custom-label {
		margin: 10px 0 7px;
		color: #aaaab0;
		font-size: 12px;
	}

	.path-beats .pratst-find-your-beat-filters-body .form-action--top {
		position: sticky;
		bottom: 0;
		z-index: 20;
		display: flex;
		flex-direction: column;
		gap: 9px;
		margin: 0;
		padding: 14px 8px 16px;
		border-top: 1px solid #2b2b2e;
		background: #09090a;
	}

	.path-beats .pratst-find-your-beat-filters-body .form-action--top .form-actions {
		display: block !important;
		margin: 0;
	}

	.path-beats .pratst-find-your-beat-filters-body .form-action--top .form-submit,
	.path-beats .pratst-mobile-clear-filters {
		display: flex !important;
		align-items: center;
		justify-content: center;
		width: 100% !important;
		height: 45px;
		margin: 0 !important;
		padding: 0 16px !important;
		border-radius: 7px;
		font-size: 15px;
		font-weight: 600;
		line-height: 43px;
		text-align: center;
		text-decoration: none !important;
	}

	.path-beats .pratst-find-your-beat-filters-body .form-action--top .form-submit {
		border: 1px solid #fff;
		background: #fff;
		color: #080809;
	}

	.path-beats .pratst-mobile-clear-filters {
		border: 1px solid #3c3c41;
		background: transparent;
		color: #fff;
	}
}