/**
 * Mobile fix for Blocksy Pro `.ct-price-filter-slider` — task 86exh1td9.
 * Native <input type="range"> thumbs default to 18px (below the 44px touch target)
 * and lack `touch-action: none`, so drags are hijacked by the off-canvas scroller.
 * The visible handle stays 18px; only the invisible thumb hit-area grows.
 *
 * Body prefix bumps specificity to (0,0,3,4) to beat the upstream Blocksy
 * thumb rule (0,0,3,3) regardless of stylesheet load order.
 */

@media (max-width: 768px) {

	body .ct-price-filter-slider input[type="range"] {
		touch-action: none;
		-webkit-appearance: none;
		appearance: none;
	}

	body .ct-price-filter-slider input[type="range"]::-webkit-slider-thumb {
		-webkit-appearance: none;
		appearance: none;
		width: 44px;
		height: 44px;
		background: transparent;
		border: 0;
		cursor: grab;
		pointer-events: auto;
	}

	body .ct-price-filter-slider input[type="range"]::-moz-range-thumb {
		appearance: none;
		width: 44px;
		height: 44px;
		background: transparent;
		border: 0;
		cursor: grab;
		pointer-events: auto;
	}

	body .ct-price-filter-slider input[type="range"]:active::-webkit-slider-thumb {
		cursor: grabbing;
	}

	body .ct-price-filter-slider input[type="range"]:active::-moz-range-thumb {
		cursor: grabbing;
	}

	body .ct-price-filter-slider .ct-price-filter-range-track {
		touch-action: none;
	}
}
