/* TG 2026-09-15: all mobile text checkbox/radio choices, not only brands.
 * The existing filename/head connection is retained to avoid duplicate assets.
 * Native inputs, disabled state, filter requests and sorting are unchanged.
 * Rollback: restore the previous exact stylesheet from the local task snapshot.
 */
@media (max-width: 767px) {
  #mobilefilter :is(input[type="checkbox"], input[type="radio"]) + label.bx_filter_param_label:not(.sku):not(.dib):not(.pal) {
    position: relative;
    box-sizing: border-box;
    min-height: 38px;
    margin-bottom: 0;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  /* A complete base frame: radio ::after was absent from the mobile bundle. */
  #mobilefilter :is(input[type="checkbox"], input[type="radio"]) + label.bx_filter_param_label:not(.sku):not(.dib):not(.pal)::after {
    content: "";
    display: block;
    position: absolute;
    box-sizing: border-box;
    width: 21px;
    height: 21px;
    left: 1px;
    top: 8px;
    margin: 0;
    padding: 0;
    border: 1px solid #9ba9b7;
    border-radius: 3px;
    background: #fff;
    box-shadow: none;
    transform: none;
    z-index: 1;
    pointer-events: none;
  }

  /* Never show the selected mark for touch-generated :hover alone. */
  #mobilefilter :is(input[type="checkbox"], input[type="radio"]) + label.bx_filter_param_label:not(.sku):not(.dib):not(.pal)::before {
    content: "";
    display: none;
    position: absolute;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    box-shadow: none;
    z-index: 2;
    pointer-events: none;
  }

  #mobilefilter :is(input[type="checkbox"], input[type="radio"]):checked + label.bx_filter_param_label:not(.sku):not(.dib):not(.pal)::after {
    border-color: #005fb1;
    background: #005fb1;
  }

  #mobilefilter input[type="checkbox"]:checked + label.bx_filter_param_label:not(.sku):not(.dib):not(.pal)::before {
    display: block;
    width: 7px;
    height: 11px;
    left: 8px;
    top: 11px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    border-radius: 0;
    transform: rotate(45deg);
  }

  #mobilefilter input[type="radio"] + label.bx_filter_param_label:not(.sku):not(.dib):not(.pal)::after {
    border-radius: 50%;
  }

  #mobilefilter input[type="radio"]:checked + label.bx_filter_param_label:not(.sku):not(.dib):not(.pal)::before {
    display: block;
    width: 9px;
    height: 9px;
    left: 7px;
    top: 14px;
    border-radius: 50%;
    background: #fff;
    transform: none;
  }

  #mobilefilter :is(input[type="checkbox"], input[type="radio"]):disabled:not(:checked) + label.bx_filter_param_label:not(.sku):not(.dib):not(.pal)::after {
    border-color: #c7ced6;
    background: #f5f6f8;
  }
}