.tf-catalog-listing-block input[type=range]{display:block;width:100%;min-height:44px;margin:0;accent-color:#8c0000}
.tf-catalog-listing-block input[type=range]:focus-visible{outline:3px solid #8c0000;outline-offset:3px}
/* Price filter UX (mockup "Spare parts": one price range control). When the JS
   slider is active, the min/max text fields stay the source of truth (they also
   work without JS) and the slider reads as their visual track: its duplicate
   labels/legend are kept for screen readers only, the help line is dropped. */
.tf-catalog-listing-block .tf-catalog__filters:has(>fieldset:not([hidden]) input[type=range])>small{display:none}
.tf-catalog-listing-block .tf-catalog__filters>fieldset:has(>input[type=range]){border:0;padding:0;margin:-6px 0 4px}
.tf-catalog-listing-block .tf-catalog__filters>fieldset:has(>input[type=range])>legend,
.tf-catalog-listing-block .tf-catalog__filters>fieldset:has(>input[type=range])>label{position:absolute;width:1px;height:1px;min-height:0;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.tf-catalog-listing-block .tf-catalog__filters>fieldset:has(>input[type=range])>input[type=range]{min-height:28px}