.mk-kind-filter{
  margin:0 0 1.35rem;
  padding:.85rem 0 .25rem;
  border-top:1px solid color-mix(in srgb,currentColor 10%,transparent);
}
.mk-kind-filter__label{
  display:block;
  margin:0 0 .65rem;
  font:700 .62rem/1.1 Inter,system-ui,sans-serif;
  letter-spacing:.22em;
  opacity:.55;
}
.mk-kind-filter__rail{
  display:flex;
  gap:.5rem;
  overflow-x:auto;
  scrollbar-width:none;
  padding:0 0 .5rem;
}
.mk-kind-filter__rail::-webkit-scrollbar{display:none}
.mk-kind-filter__chip{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:.56rem .8rem;
  border:1px solid color-mix(in srgb,currentColor 15%,transparent);
  color:inherit;
  background:color-mix(in srgb,currentColor 2.5%,transparent);
  text-decoration:none!important;
  font:700 .64rem/1 Inter,system-ui,sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
  transition:border-color .18s ease,background .18s ease,transform .18s ease;
}
.mk-kind-filter__chip:hover,
.mk-kind-filter__chip:focus-visible{
  transform:translateY(-1px);
  border-color:color-mix(in srgb,var(--mk-gold,#c8a96c) 55%,transparent);
}
.mk-kind-filter__chip.is-active{
  border-color:color-mix(in srgb,var(--mk-gold,#c8a96c) 75%,transparent);
  background:color-mix(in srgb,var(--mk-gold,#c8a96c) 10%,transparent);
}
@media(max-width:700px){
  .mk-kind-filter{margin-bottom:.85rem}
  .mk-kind-filter__chip{min-height:32px;padding:.5rem .7rem;font-size:.6rem}
}