/* ==================================================================
   Medicom Shop Filters Sidebar — UI/UX refinement
   Ownership: body.medicom .shop-sidebar-content
   HexFashion = quality benchmark only (not copied).
   Contract: presentation only — filter logic / AJAX unchanged.
   ================================================================== */

body.medicom .shop-sidebar-content {
  --md-filter-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --md-filter-duration: 0.2s;
  --md-filter-ink: var(--heading-color, #333333);
  --md-filter-muted: var(--light-color, #666666);
  --md-filter-border: color-mix(in srgb, var(--md-filter-ink) 11%, transparent);
  --md-filter-surface: #fff;
  /* Quiet clinical soft — Medicom identity */
  --md-filter-soft: #f3f5f7;
  --md-filter-accent: var(--main-color-one);
  --md-filter-radius: 0.375rem;
  --md-filter-gap: 1.1rem;
  --md-filter-content-gap: 0.8rem;
  --md-filter-control: 0.875rem; /* radio / selection control */
  --md-filter-control-gap: 0.65rem; /* control → stars */
  --md-filter-star-size: 1.05rem;
  --md-filter-star: #c9a227;
  padding: 0;
}

/* ------------------------------------------------------------------
   Shell
   ------------------------------------------------------------------ */
body.medicom .shop-sidebar-content .shop-close-main {
  display: flex;
  flex-direction: column;
  gap: 0;
}

body.medicom .shop-sidebar-content .close-bars {
  margin-bottom: 0.75rem;
}

/* ------------------------------------------------------------------
   Search — stretch icon button (no translateY; beats shared polish)
   ------------------------------------------------------------------ */
body.medicom .shop-sidebar-content .single-shop-left:first-of-type,
body.medicom .shop-sidebar-content .single-shop-left-search {
  margin: 0 !important;
}

body.medicom .shop-sidebar-content .single-shop-left-search-input,
body.medicom .shop-sidebar-content .single-shop-left-search-input form {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 !important;
}

body.medicom .shop-sidebar-content .single-shop-left-search-input .form--control {
  width: 100% !important;
  height: 2.85rem !important;
  min-height: 2.85rem !important;
  box-sizing: border-box !important;
  padding-block: 0 !important;
  padding-inline-start: 0.95rem !important;
  padding-inline-end: 2.85rem !important;
  border: 1px solid var(--md-filter-border) !important;
  border-radius: var(--md-filter-radius) !important;
  background: var(--md-filter-soft) !important;
  color: var(--md-filter-ink) !important;
  font-size: 0.9rem !important;
  line-height: 1.4 !important;
  box-shadow: none !important;
  transition:
    border-color var(--md-filter-duration) var(--md-filter-ease),
    background-color var(--md-filter-duration) var(--md-filter-ease),
    box-shadow var(--md-filter-duration) var(--md-filter-ease);
}

body.medicom .shop-sidebar-content .single-shop-left-search-input .form--control::placeholder {
  color: color-mix(in srgb, var(--md-filter-muted) 85%, transparent);
  opacity: 1;
}

body.medicom .shop-sidebar-content .single-shop-left-search-input .form--control:focus {
  outline: none !important;
  background: var(--md-filter-surface) !important;
  border-color: color-mix(in srgb, var(--md-filter-accent) 55%, var(--md-filter-border)) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--md-filter-accent) 16%, transparent) !important;
}

body.medicom .shop-sidebar-content .single-shop-left-search-input button {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  inset-inline-end: 0 !important;
  inset-inline-start: auto !important;
  right: auto !important;
  left: auto !important;
  transform: none !important;
  width: 2.75rem !important;
  min-width: 2.75rem !important;
  max-width: 2.75rem !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  border-radius: 0 !important;
  border-start-end-radius: var(--md-filter-radius) !important;
  border-end-end-radius: var(--md-filter-radius) !important;
  background: transparent !important;
  color: var(--md-filter-muted) !important;
  font-size: 1.15rem !important;
  line-height: 1 !important;
  transition: color var(--md-filter-duration) var(--md-filter-ease);
}

body.medicom .shop-sidebar-content .single-shop-left-search-input button i {
  display: block !important;
  line-height: 1 !important;
  font-size: inherit !important;
}

body.medicom .shop-sidebar-content .single-shop-left-search-input button:hover {
  color: var(--md-filter-accent) !important;
}

html:not([dir="rtl"]) body.medicom .shop-sidebar-content .single-shop-left-search-input button,
[dir="ltr"] body.medicom .shop-sidebar-content .single-shop-left-search-input button {
  right: 0 !important;
  left: auto !important;
}

[dir="rtl"] body.medicom .shop-sidebar-content .single-shop-left-search-input button,
html[dir="rtl"] body.medicom .shop-sidebar-content .single-shop-left-search-input button {
  left: 0 !important;
  right: auto !important;
}

[dir="rtl"] body.medicom .shop-sidebar-content .single-shop-left-search-input .form--control,
html[dir="rtl"] body.medicom .shop-sidebar-content .single-shop-left-search-input .form--control {
  padding-inline-start: 0.95rem !important;
  padding-inline-end: 2.85rem !important;
  padding-right: 0.95rem !important;
  padding-left: 2.85rem !important;
}

/* ------------------------------------------------------------------
   Filter groups — unified section rhythm
   ------------------------------------------------------------------ */
body.medicom .shop-sidebar-content .single-shop-left.mt-5,
body.medicom .shop-sidebar-content .single-shop-left {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: var(--md-filter-gap) 0 !important;
  border-bottom: 1px solid var(--md-filter-border) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.medicom .shop-sidebar-content .single-shop-left:last-child {
  border-bottom: 0 !important;
  padding-bottom: 0.35rem !important;
}

body.medicom .shop-sidebar-content .single-shop-left:has(.single-shop-left-search) {
  padding-top: 0 !important;
  padding-bottom: var(--md-filter-gap) !important;
}

/* ------------------------------------------------------------------
   Section headers — flex chevron (consistent vertical centering)
   ------------------------------------------------------------------ */
body.medicom .shop-sidebar-content .shop-left-title > .title,
body.medicom .shop-sidebar-content .shop-left-title > h5.title,
body.medicom .shop-sidebar-content .shop-left-title .title.title-borders {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.75rem !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0.15rem 0 !important;
  min-height: 2rem !important;
  font-size: 0.9375rem !important;
  font-weight: 650 !important;
  line-height: 1.3 !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
  color: var(--md-filter-ink) !important;
  border: 0 !important;
  border-bottom: 0 !important;
  cursor: pointer;
  user-select: none;
  position: relative !important;
  box-sizing: border-box !important;
  transition: color var(--md-filter-duration) var(--md-filter-ease);
}

body.medicom .shop-sidebar-content .shop-left-title .title::after {
  content: "\f106" !important;
  font-family: "Line Awesome Free" !important;
  font-weight: 900 !important;
  font-size: 0.95rem !important;
  line-height: 1 !important;
  color: var(--md-filter-muted) !important;
  position: static !important;
  inset: auto !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: 1.25rem !important;
  height: 1.25rem !important;
  margin: 0 !important;
  margin-inline-start: auto !important;
  transform: rotate(180deg) !important;
  transition:
    transform var(--md-filter-duration) var(--md-filter-ease),
    color var(--md-filter-duration) var(--md-filter-ease) !important;
  pointer-events: none;
}

body.medicom .shop-sidebar-content .shop-left-title.open .title::after {
  transform: rotate(0deg) !important;
  color: var(--md-filter-accent) !important;
}

body.medicom .shop-sidebar-content .shop-left-title .title:hover {
  color: var(--md-filter-accent) !important;
}

body.medicom .shop-sidebar-content .shop-left-title .title:hover::after {
  color: var(--md-filter-accent) !important;
}

/* Content under headers — one vertical rhythm */
body.medicom .shop-sidebar-content .shop-left-list,
body.medicom .shop-sidebar-content .shop-left-list.margin-top-15,
body.medicom .shop-sidebar-content .shop-left-list.mt-4,
body.medicom .shop-sidebar-content .shop-left-list.mt-3 {
  margin-top: var(--md-filter-content-gap) !important;
  margin-bottom: 0 !important;
}

/* ------------------------------------------------------------------
   Category list
   ------------------------------------------------------------------ */
body.medicom .shop-sidebar-content .category-lists {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.medicom .shop-sidebar-content .category-lists .list {
  margin: 0;
}

body.medicom .shop-sidebar-content .category-lists .list .item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  width: 100%;
  box-sizing: border-box;
  padding: 0.5rem 0.55rem;
  border-radius: var(--md-filter-radius);
  color: var(--md-filter-muted);
  font-size: 0.9rem;
  line-height: 1.35;
  text-decoration: none;
  transition:
    background-color var(--md-filter-duration) var(--md-filter-ease),
    color var(--md-filter-duration) var(--md-filter-ease);
}

body.medicom .shop-sidebar-content .category-lists .list .item .ad-values {
  flex: 1 1 auto;
  min-width: 0;
}

body.medicom .shop-sidebar-content .category-lists .list .item > span:last-child {
  flex: 0 0 auto;
  min-width: 1.5rem;
  text-align: end;
  font-size: 0.8rem;
  opacity: 0.75;
}

body.medicom .shop-sidebar-content .category-lists .list:hover .item,
body.medicom .shop-sidebar-content .category-lists .list.active .item {
  background: var(--md-filter-soft);
  color: var(--md-filter-ink);
}

body.medicom .shop-sidebar-content .category-lists .list.active .item {
  color: var(--md-filter-accent);
  font-weight: 550;
}

/* ------------------------------------------------------------------
   Price slider — appearance only (do not fight noUi handle left/right)
   ------------------------------------------------------------------ */
body.medicom .shop-sidebar-content .price-range-slider {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  padding: 0.2rem 0.1rem 0.05rem;
  overflow: visible;
}

body.medicom .shop-sidebar-content .ui-range-slider {
  margin: 0.55rem 0.55rem 0.25rem;
  overflow: visible;
}

body.medicom .shop-sidebar-content .ui-range-slider .noUi-target {
  height: 0.35rem;
  border: 0;
  border-radius: 999px;
  background: color-mix(in srgb, var(--md-filter-ink) 10%, var(--md-filter-soft));
  box-shadow: none;
  overflow: visible;
}

body.medicom .shop-sidebar-content .ui-range-slider .noUi-connect {
  background: var(--md-filter-accent);
}

body.medicom .shop-sidebar-content .ui-range-slider .noUi-handle {
  width: 1.05rem !important;
  height: 1.05rem !important;
  /* Keep shared storefront handle offset; only refine look */
  border: 2px solid var(--md-filter-accent) !important;
  border-radius: 50% !important;
  background: #fff !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12) !important;
  cursor: grab !important;
  outline: none !important;
  box-sizing: border-box !important;
}

body.medicom .shop-sidebar-content .ui-range-slider .noUi-handle::before,
body.medicom .shop-sidebar-content .ui-range-slider .noUi-handle::after {
  display: none !important;
  content: none !important;
}

body.medicom .shop-sidebar-content .ui-range-slider-footer {
  margin: 0;
  padding: 0;
}

body.medicom .shop-sidebar-content .ui-range-values {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem 0.45rem;
  font-size: 0.875rem;
  line-height: 1.4;
  color: var(--md-filter-muted);
  direction: ltr;
  unicode-bidi: isolate;
}

body.medicom .shop-sidebar-content .ui-price-title {
  font-weight: 550;
  color: var(--md-filter-ink);
  margin-inline-end: 0.15rem;
}

body.medicom .shop-sidebar-content .ui-range-value-min,
body.medicom .shop-sidebar-content .ui-range-value-max {
  font-variant-numeric: tabular-nums;
  color: var(--md-filter-ink);
  font-weight: 550;
}

body.medicom .shop-sidebar-content .ui-range-separator {
  opacity: 0.55;
}

/* ------------------------------------------------------------------
   Size attribute chips — LI chrome-less (shared PLP styles the LI)
   ------------------------------------------------------------------ */
body.medicom .shop-sidebar-content .size-lists {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0.5rem !important;
  margin: 0 !important;
  margin-top: 0 !important;
  padding: 0.05rem 0 !important;
  list-style: none !important;
  overflow: visible !important; /* tooltips / rings */
}

body.medicom .shop-sidebar-content .size-lists .list {
  box-sizing: border-box !important;
  display: block !important;
  flex: 0 0 auto !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  overflow: visible !important;
  cursor: pointer !important;
  color: inherit !important;
}

body.medicom .shop-sidebar-content .size-lists .list:hover,
body.medicom .shop-sidebar-content .size-lists .list.active,
body.medicom .shop-sidebar-content .size-lists .list.selected {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

body.medicom .shop-sidebar-content .size-lists .list a {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 2.5rem !important;
  height: 2.5rem !important;
  min-width: 2.5rem !important;
  min-height: 2.5rem !important;
  max-width: 2.5rem !important;
  max-height: 2.5rem !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 1px solid var(--md-filter-border) !important;
  border-radius: var(--md-filter-radius) !important;
  background: var(--md-filter-surface) !important;
  color: var(--md-filter-ink) !important;
  font-size: 0.8125rem !important;
  font-weight: 550 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  overflow: hidden !important;
  transition:
    border-color var(--md-filter-duration) var(--md-filter-ease),
    background-color var(--md-filter-duration) var(--md-filter-ease),
    color var(--md-filter-duration) var(--md-filter-ease),
    box-shadow var(--md-filter-duration) var(--md-filter-ease);
}

body.medicom .shop-sidebar-content .size-lists .list:hover a {
  border-color: color-mix(in srgb, var(--md-filter-accent) 45%, var(--md-filter-border)) !important;
  color: var(--md-filter-accent) !important;
  background: var(--md-filter-surface) !important;
  box-shadow: none !important;
  transform: none !important;
}

body.medicom .shop-sidebar-content .size-lists .list.active a {
  background: var(--md-filter-accent) !important;
  border-color: var(--md-filter-accent) !important;
  border-width: 1px !important; /* no layout shift vs idle */
  color: #fff !important;
  box-shadow: 0 3px 10px color-mix(in srgb, var(--md-filter-accent) 24%, transparent);
  transform: none !important;
}

/* ------------------------------------------------------------------
   Color swatches — equal circles + ring selection
   ------------------------------------------------------------------ */
body.medicom .shop-sidebar-content .color-lists {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.6rem;
  margin: 0;
  padding: 0.2rem 0.1rem; /* room for selection ring */
  list-style: none;
  overflow: visible;
}

body.medicom .shop-sidebar-content .color-lists .list {
  position: relative;
  margin: 0;
  padding: 0;
  line-height: 0;
}

body.medicom .shop-sidebar-content .color-lists .list::before {
  display: none !important;
  content: none !important;
}

body.medicom .shop-sidebar-content .color-lists .list a,
body.medicom .shop-sidebar-content .color-lists .list > a {
  display: block !important;
  width: 1.6rem !important;
  height: 1.6rem !important;
  min-width: 1.6rem !important;
  min-height: 1.6rem !important;
  box-sizing: border-box !important;
  border-radius: 50% !important;
  border: 1px solid color-mix(in srgb, var(--md-filter-ink) 12%, transparent) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25);
  transition:
    transform var(--md-filter-duration) var(--md-filter-ease),
    box-shadow var(--md-filter-duration) var(--md-filter-ease);
}

body.medicom .shop-sidebar-content .color-lists .list:hover a {
  transform: scale(1.05);
}

body.medicom .shop-sidebar-content .color-lists .list.active a {
  box-shadow:
    0 0 0 2px #fff,
    0 0 0 3.5px var(--md-filter-accent);
  transform: scale(1.03);
}

/* ------------------------------------------------------------------
   Rating rows — radio as flex item (not absolute)
   Absolute ::before + padding caused first-star collision (esp. RTL).
   ------------------------------------------------------------------ */
body.medicom .shop-sidebar-content .filter-lists {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin: 0 !important;
  padding: 0;
  list-style: none;
}

body.medicom .shop-sidebar-content .filter-lists .list {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 0.12rem !important; /* star-to-star only */
  margin: 0 !important;
  margin-top: 0 !important;
  padding: 0.5rem 0.45rem !important;
  padding-inline-start: 0.45rem !important;
  padding-inline-end: 0.45rem !important;
  padding-left: 0.45rem !important;
  padding-right: 0.45rem !important;
  border-radius: var(--md-filter-radius);
  cursor: pointer;
  line-height: 1 !important;
  box-sizing: border-box !important;
  transition: background-color var(--md-filter-duration) var(--md-filter-ease);
}

/* Selection control participates in the flex flow → stable column + gap */
body.medicom .shop-sidebar-content .filter-lists .list::before {
  content: "" !important;
  position: static !important;
  inset: auto !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  flex: 0 0 var(--md-filter-control) !important;
  display: block !important;
  width: var(--md-filter-control) !important;
  height: var(--md-filter-control) !important;
  min-width: var(--md-filter-control) !important;
  min-height: var(--md-filter-control) !important;
  margin: 0 !important;
  margin-inline-end: var(--md-filter-control-gap) !important;
  border: 1.5px solid color-mix(in srgb, var(--md-filter-ink) 22%, transparent) !important;
  border-radius: 50% !important;
  background: #fff !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
  pointer-events: none;
}

body.medicom .shop-sidebar-content .filter-lists .list:hover {
  background: var(--md-filter-soft);
}

body.medicom .shop-sidebar-content .filter-lists .list.active::before {
  border-color: var(--md-filter-accent) !important;
  background: var(--md-filter-accent) !important;
  box-shadow: inset 0 0 0 2px #fff !important;
}

body.medicom .shop-sidebar-content .filter-lists .list a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 var(--md-filter-star-size) !important;
  width: var(--md-filter-star-size) !important;
  height: var(--md-filter-star-size) !important;
  min-width: var(--md-filter-star-size) !important;
  min-height: var(--md-filter-star-size) !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  font-size: var(--md-filter-star-size) !important;
  font-weight: inherit !important;
  color: inherit !important;
}

body.medicom .shop-sidebar-content .filter-lists .list a i,
body.medicom .shop-sidebar-content .filter-lists .list a i.las.la-star,
body.medicom .shop-sidebar-content .filter-lists .list a i.lar.la-star {
  display: block !important;
  font-size: var(--md-filter-star-size) !important;
  line-height: 1 !important;
  width: 1em !important;
  text-align: center !important;
}

body.medicom .shop-sidebar-content .filter-lists .list a i.las.la-star {
  color: var(--md-filter-star) !important;
}

body.medicom .shop-sidebar-content .filter-lists .list a i.lar.la-star {
  color: color-mix(in srgb, var(--md-filter-ink) 28%, transparent) !important;
}

/* Active row: keep weight without shifting star baseline */
body.medicom .shop-sidebar-content .filter-lists .list.active a {
  font-weight: inherit !important;
}

/* ------------------------------------------------------------------
   Tags
   ------------------------------------------------------------------ */
body.medicom .shop-sidebar-content .tag-lists {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.medicom .shop-sidebar-content .tag-lists .list {
  margin: 0;
}

body.medicom .shop-sidebar-content .tag-lists .list a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.1rem;
  padding: 0.3rem 0.75rem;
  border: 1px solid var(--md-filter-border);
  border-radius: var(--md-filter-radius);
  background: var(--md-filter-soft);
  color: var(--md-filter-muted);
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.2;
  text-decoration: none;
  box-sizing: border-box;
  transition:
    background-color var(--md-filter-duration) var(--md-filter-ease),
    border-color var(--md-filter-duration) var(--md-filter-ease),
    color var(--md-filter-duration) var(--md-filter-ease);
}

body.medicom .shop-sidebar-content .tag-lists .list:hover a {
  color: var(--md-filter-accent);
  border-color: color-mix(in srgb, var(--md-filter-accent) 40%, var(--md-filter-border));
}

body.medicom .shop-sidebar-content .tag-lists .list.active a {
  background: var(--md-filter-accent);
  border-color: var(--md-filter-accent);
  color: #fff;
}

/* ------------------------------------------------------------------
   Brand / attribute lists (same rhythm if present)
   ------------------------------------------------------------------ */
body.medicom .shop-sidebar-content .brand-lists,
body.medicom .shop-sidebar-content .attribute-lists,
body.medicom .shop-sidebar-content .checkbox-lists {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.medicom .shop-sidebar-content .brand-lists .list .item,
body.medicom .shop-sidebar-content .attribute-lists .list .item,
body.medicom .shop-sidebar-content .checkbox-lists .list .item,
body.medicom .shop-sidebar-content .brand-lists .list a,
body.medicom .shop-sidebar-content .attribute-lists .list a {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  width: 100%;
  padding: 0.5rem 0.65rem;
  border-radius: var(--md-filter-radius);
  color: var(--md-filter-muted);
  font-size: 0.9rem;
  line-height: 1.4;
  text-decoration: none;
  transition:
    background-color var(--md-filter-duration) var(--md-filter-ease),
    color var(--md-filter-duration) var(--md-filter-ease);
}

body.medicom .shop-sidebar-content .brand-lists .list:hover .item,
body.medicom .shop-sidebar-content .brand-lists .list.active .item,
body.medicom .shop-sidebar-content .brand-lists .list:hover a,
body.medicom .shop-sidebar-content .brand-lists .list.active a,
body.medicom .shop-sidebar-content .attribute-lists .list:hover a,
body.medicom .shop-sidebar-content .attribute-lists .list.active a {
  background: var(--md-filter-soft);
  color: var(--md-filter-ink);
}

body.medicom .shop-sidebar-content .brand-lists .list.active .item,
body.medicom .shop-sidebar-content .brand-lists .list.active a,
body.medicom .shop-sidebar-content .attribute-lists .list.active a {
  color: var(--md-filter-accent);
  font-weight: 550;
}

/* ------------------------------------------------------------------
   RTL — flex + margin-inline keep radio→stars gap correct
   ------------------------------------------------------------------ */
[dir="rtl"] body.medicom .shop-sidebar-content .filter-lists .list,
html[dir="rtl"] body.medicom .shop-sidebar-content .filter-lists .list {
  padding: 0.5rem 0.45rem !important;
}

[dir="rtl"] body.medicom .shop-sidebar-content .filter-lists .list::before,
html[dir="rtl"] body.medicom .shop-sidebar-content .filter-lists .list::before {
  margin-inline-end: var(--md-filter-control-gap) !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

/* ------------------------------------------------------------------
   Responsive
   ------------------------------------------------------------------ */
@media (max-width: 991.98px) {
  body.medicom .shop-sidebar-content {
    --md-filter-gap: 1rem;
    --md-filter-content-gap: 0.75rem;
  }

  body.medicom .shop-sidebar-content .size-lists .list a {
    width: 2.35rem !important;
    height: 2.35rem !important;
    min-width: 2.35rem !important;
    min-height: 2.35rem !important;
    max-width: 2.35rem !important;
    max-height: 2.35rem !important;
  }
}

@media (max-width: 575.98px) {
  body.medicom .shop-sidebar-content {
    --md-filter-gap: 0.9rem;
    --md-filter-content-gap: 0.7rem;
    --md-filter-control-gap: 0.55rem;
  }

  body.medicom .shop-sidebar-content .filter-lists .list {
    padding-block: 0.55rem !important;
  }

  body.medicom .shop-sidebar-content .color-lists .list a,
  body.medicom .shop-sidebar-content .color-lists .list > a {
    width: 1.5rem !important;
    height: 1.5rem !important;
    min-width: 1.5rem !important;
    min-height: 1.5rem !important;
  }
}