/* KN_ALPHA_SORT_V1 */

.kn-alpha-toolbar {
 margin:-4px 0 26px;
 padding:18px 22px;
 border-radius:16px;
 border:1px solid rgba(206,169,96,.3);
 background:linear-gradient(120deg,#102c30,#152d34);
 box-shadow:0 12px 28px rgba(0,0,0,.12);
}
.kn-alpha-sort {
 display:flex;
 align-items:center;
 flex-wrap:wrap;
 gap:12px;
}
.kn-alpha-sort label {
 font-size:13px;
 font-weight:750;
 color:#e8ebdf;
 margin-right:auto;
}
.kn-alpha-sort select {
 background:#0a2027;
 border:1px solid #506d71;
 color:#f6eee0;
 border-radius:10px;
 min-height:44px;
 padding:10px 12px;
 font:600 13px system-ui,sans-serif;
 max-width:260px;
 min-width:170px;
}
.kn-alpha-sort button {
 border:0;
 background:linear-gradient(120deg,#efd49b,#d5a95f);
 color:#13242a;
 border-radius:10px;
 min-height:44px;
 padding:9px 19px;
 font-weight:800;
 cursor:pointer;
}
.kn-alpha-sort button:hover {
 filter:brightness(1.06);
}
.kn-alpha-letters {
 display:flex;
 gap:7px;
 flex-wrap:wrap;
 align-items:center;
 margin-top:14px;
 padding-top:14px;
 border-top:1px solid rgba(190,205,199,.12);
}
.kn-alpha-letters a {
 font-size:12px;
 min-width:36px;
 min-height:35px;
 display:inline-flex;
 align-items:center;
 justify-content:center;
 padding:7px 10px;
 border-radius:9px;
 color:#c6dad7;
 text-decoration:none;
 border:1px solid #355059;
 background:rgba(255,255,255,.025);
 font-weight:700;
}
.kn-alpha-letters a:hover,
.kn-alpha-letters a.active {
 background:#e3bd7c;
 border-color:#e3bd7c;
 color:#16272a;
}
@media(max-width:640px){
 .kn-alpha-toolbar {
  padding:14px;
  margin-bottom:20px;
 }
 .kn-alpha-sort {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
 }
 .kn-alpha-sort label {
  grid-column:1/-1;
 }
 .kn-alpha-sort select {
  width:100%;
  max-width:none;
  min-width:0;
 }
 .kn-alpha-letters {
  gap:6px;
 }
 .kn-alpha-letters a {
  min-width:35px;
 }
}