/* Search input clear button */
		.search-clear-btn {
			position: absolute;
			right: 12px;
			top: 50%;
			transform: translateY(-50%);
			width: 24px;
			height: 24px;
			display: flex;
			align-items: center;
			justify-content: center;
			background-color: #e9ecef;
			border-radius: 50%;
			color: #666;
			text-decoration: none;
			transition: all 0.2s ease;
			z-index: 10;
		}
		.search-clear-btn:hover {
			background-color: #dc3545;
			color: #fff !important;
		}
		.search-clear-btn i {
			font-size: 12px;
		}
		.form_group.position-relative .form_input_1 {
			padding-right: 45px;
		}
		
		.bs-canvas-header {
			border-bottom: 1px solid #ddd;
		}
		.search-filter-item {
			border-bottom: 1px solid #eee;
			padding: 12px 15px;
		}
		.accordion-toggle-tt {
			background: none;
			border: none;
			width: 100%;
			text-align: left;
			font-weight: 600;
			padding: 8px 0;
			cursor: pointer;
			color: #333;
			display: flex;
			justify-content: space-between;
			align-items: center;
		}
		.accordion-toggle-tt:hover {
			color: #007bff;
		}
		.accordion-toggle-tt::after {
			content: '\f078';
			font-family: 'Font Awesome 5 Free';
			font-weight: 900;
			font-size: 12px;
			transition: transform 0.3s ease;
		}
		.accordion-toggle-tt[aria-expanded="true"]::after {
			transform: rotate(180deg);
		}
		.fltr-list {
			list-style: none;
			padding: 0;
			margin: 8px 0 0 0;
			height: auto;
			max-height: 170px;
			overflow-y: auto;
		}
		.fltr-list.mflt {
			max-height: 170px;
		}
		.fltr-list.no-scroll {
			max-height: none;
			overflow-y: visible;
		}
		.fltr-list li {
			padding: 6px 0;
		}
		.cta1589 {
			display: flex;
			justify-content: space-between;
			align-items: center;
		}
		.cate-ttle-left {
			text-decoration: none;
			color: #555;
			font-size: 14px;
		}
		.cate-ttle-left:hover,
		.cate-ttle-left.active {
			color: #007bff;
			font-weight: 500;
		}
		.count-right {
			background-color: #e9ecef;
			padding: 2px 8px;
			border-radius: 12px;
			font-size: 12px;
			color: #666;
		}
		.pprce15 {
			display: flex;
			align-items: center;
			gap: 8px;
			margin-top: 8px;
		}
		.pprce16 {
			display: flex;
			align-items: center;
			border: 1px solid #ddd;
			border-radius: 4px;
		}
		.pprce_label {
			margin-right: 4px;
			font-weight: 600;
			color: #666;
		}
		._pprceinput {
			border: none;
			outline: none;
			width: 100%;
			font-size: 14px;
		}
		.pprce_line {
			color: #999;
		}
		
		/* Custom Checkbox Styles */
		.custom-checkbox,
		.custom-radio {
			display: flex;
			align-items: center;
			cursor: pointer;
			font-size: 14px;
			color: #555;
			position: relative;
			padding-left: 28px;
			user-select: none;
		}
		.custom-checkbox input,
		.custom-radio input {
			position: absolute;
			opacity: 0;
			cursor: pointer;
			height: 0;
			width: 0;
		}
		.checkmark,
		.radio-mark {
			position: absolute;
			left: 0;
			height: 18px;
			width: 18px;
			background-color: #fff;
			border: 2px solid #ddd;
		}
		.checkmark {
			border-radius: 3px;
		}
		.radio-mark {
			border-radius: 50%;
		}
		.custom-checkbox:hover input ~ .checkmark,
		.custom-radio:hover input ~ .radio-mark {
			border-color: #007bff;
		}
		.custom-checkbox input:checked ~ .checkmark,
		.custom-radio input:checked ~ .radio-mark {
			background-color: #007bff;
			border-color: #007bff;
		}
		.checkmark:after {
			content: "";
			position: absolute;
			display: none;
		}
		.custom-checkbox input:checked ~ .checkmark:after {
			display: block;
		}
		.custom-checkbox .checkmark:after {
			left: 5px;
			top: 2px;
			width: 5px;
			height: 9px;
			border: solid white;
			border-width: 0 2px 2px 0;
			transform: rotate(45deg);
		}
		.radio-mark:after {
			content: "";
			position: absolute;
			display: none;
		}
		.custom-radio input:checked ~ .radio-mark:after {
			display: block;
		}
		.custom-radio .radio-mark:after {
			top: 4px;
			left: 4px;
			width: 6px;
			height: 6px;
			border-radius: 50%;
			background: white;
		}
		.tags_checkbox {
			font-size: 14px;
		}
		
		.bottom-filter-action {
			display: flex;
			gap: 10px;
			padding: 12px 15px;
		}
		.clear-btn,
		.done-btn {
			flex: 1;
			padding: 7px;
			border-radius: 4px;
			cursor: pointer;
			font-weight: 500;
		}
		.clear-btn {
			background-color: #f8f9fa;
			color: #333;
			border: 1px solid #ddd;
			text-decoration: none;
			text-align: center;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.clear-btn:hover {
			background-color: #e9ecef;
		}
		
		.bs-canvas-footer {
			border-top: 1px solid #ddd;
			background-color: #fff;
		}
		.filter-step-item-dt {
			padding: 8px 0;
		}
		.collapse:not(.show) {
			display: none;
		}
		.collapse.show {
			display: block;
		}
		
		/* Star rating styles */
		.custom-radio .fa-star {
			color: #ffc107;
			font-size: 13px;
		}


.inl-98e150b4 {
    font-size: 60px; color: #ccc;
}
