:root {
  --filtering-margin-cell: var(--grid-gutter);
  --filtering-inner-scrollar-width: 0.43em;
}

.filtering-pane {
  font-family: var(--font-mixed);
  font-size: 0.875em;
  /*padding-right: calc(var(--filtering-margin-cell)*2);*/
}
.filtering-pane .pane-title {
  font-size: 1em;
  line-height: 1.5em;
  letter-spacing: -0.03em;
  /* margin-top: -0.3em; */
  margin-bottom: var(--filtering-margin-cell);
}
.filtering-pane .group {
  border-top: solid 1px var(--cl-pageink);
  padding-left: calc(var(--grid-gutter) * 0.5);
}
.filtering-pane .group > summary {
  position: relative;
  z-index: 0;
  letter-spacing: 0.05em;
  line-height: 1.5em;
  padding: var(--filtering-margin-cell) 0;
  padding-right: 2em;
}
.filtering-pane .group > summary::before {
  display: none;
}
.filtering-pane .group > summary::after {
  content: "\0ff0b";
  position: absolute;
  z-index: 1;
  top: 50%;
  transform: translate(0, -50%);
  right: calc(var(--grid-gutter) * 0.5);
}
.filtering-pane .group[open] > summary::after {
  content: "\030fc";
}
@media only screen and (max-width: 640px) {
  .filtering-pane {
    padding-inline: var(--spacing-base);
  }
  .filtering-pane .pane-title {
    font-size: 0.9375em;
    margin-bottom: 1.33em;
  }
  .filtering-pane .group {
    padding-left: 0.5em;
  }
  /*.filtering-pane .group > summary::after {
    right: calc(var(--grid-gutter) / 3 * 2);
    top: calc(var(--filtering-margin-cell) * 1.5);
  }*/
  .filtering-pane .group > summary {
    padding-block: calc(var(--grid-gutter) / 12 * 20);
    padding-inline: 0;
    font-size: 0.875em;
  }
}

/**/
.filtering-pane .fields {
  margin-top: 0;
  margin-bottom: var(--filtering-margin-cell);
  padding-left: calc(var(--grid-gutter) * 0.5);
}
.filtering-pane .fields > label {
  display: block;
  cursor: pointer;
  padding: calc(var(--filtering-margin-cell) * 0.4) 0;
}
.filtering-pane .fields .title {
  font-size: 0.93em;
}
.filtering-pane .fields > label[data-selected="true"] {
}
/**/
.filtering-pane .fields[data-field="region"] {
}
.filtering-pane .fields[data-field="region"] label {
}

/**/
.filtering-pane .bottom {
  margin-top: var(--filtering-margin-cell);
}
.filtering-pane .bt {
  font-size: 1em;
  color: #fff;
  width: 100%;
  padding-block: 1.14em;
  padding-inline: 1.43em;
  height: initial;
}
.filtering-pane .bt::after {
  display: none;
}
@media only screen and (max-width: 640px) {
  .filtering-pane .bt {
    font-size: 0.875em;
  }
}

/**/
.filtering-pane input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
}
.filtering-pane input[type="radio"]::before {
  content: "";
  display: inline-block;
  z-index: -1;
  width: 0.8em;
  height: 0.8em;
  vertical-align: -0.1em;
  margin-right: 0.3em;
  border-radius: 100%;
  padding: 0em;
  background-color: rgba(0, 0, 0, 0.05);
  border: solid 0.2em #fff;
  outline: solid 1px rgba(0, 0, 0, 0.27);
}
.filtering-pane input[type="radio"]:checked::before {
  content: "";
  background-color: var(--cl-pageink);
  outline: solid 1px rgba(0, 0, 0, 1);
}

/* Updated 20260625 */
.filtering-pane details.group {
  overflow: hidden;
}
.filtering-pane details.group[data-animating="true"] > summary {
  pointer-events: none;
}
@media only screen and (max-width: 640px) {
  .filtering-pane .fields {
    margin-bottom: calc(var(--grid-gutter) / 12 * 20);
  }
  .filtering-pane .fields .title {
    font-size: 0.875em;
  }
  .filtering-pane .fields > label {
    padding: calc(var(--filtering-margin-cell) * 0.55) 0;
  }
}

/* LANGUAGE EN */
[lang="en"] .pane-title,
[lang="en"] .filtering-pane .group > summary,
[lang="en"] .filtering-pane .fields .title {
  font-family: var(--font-head-en);
  letter-spacing: -0.02em;
}

/**/
.filtering-pane .bt:hover,
.gendist-control .ankerlink.more:hover {
  background-color: #e7e9e1;
  color: var(--cl-primary);
  border-color: #e7e9e1;
}
.gendist-control .ankerlink.more:hover::after {
  background-image: url(/share/im/nv_simar-down.svg);
}
.filtering-pane .bt:disabled,
.gendist-control .ankerlink.more:disabled {
  background-color: #dddddd;
  color: var(--cl-white);
  border-color: #dddddd;
}

/**/
@media only screen and (min-width: 1025px) {
  .filtering-pane__inner {
    max-height: 35.3em;
    overflow-y: scroll;
    scrollbar-gutter: stable;
    padding-right: 1em;
  }
  .filtering-pane__inner-scroll {
    width: calc(100% - var(--filtering-inner-scrollar-width));
    margin-right: auto;
  }
  .filtering-pane__inner::-webkit-scrollbar {
    width: 0.43em;
  }
  .filtering-pane__inner::-webkit-scrollbar-track {
    background: var(--cl-white);
    border-radius: 999px;
  }
  .filtering-pane__inner::-webkit-scrollbar-thumb {
    background: var(--cl-primary);
    border-radius: 999px;
  }
  .filtering-pane .bt {
    max-width: calc(100% - 1em - 0.43em);
  }
  /*.filtering-pane::-webkit-scrollbar {
    background-color: var(--cl-white);
  }*/
}
