/* PASARAKUN FILTER CSS */

.filter-premium-grid{
  display:grid;
  grid-template-columns:1.55fr 1fr 1fr;
  gap:14px;
  position:relative;
}
.filter-premium-grid.is-filtered{
  grid-template-columns:1.55fr 1fr 1fr .62fr;
}
.filter-premium-grid select{
  padding-right:42px!important;
}
@media(max-width:1024px){
  .filter-premium-grid,
  .filter-premium-grid.is-filtered{
    grid-template-columns:1fr 1fr;
  }
}
@media(max-width:640px){
  .filter-premium-grid,
  .filter-premium-grid.is-filtered{
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
  }
  .filter-premium-grid > div:nth-child(1){
    grid-column:1 / -1!important;
  }
  .filter-premium-grid > div:nth-child(2),
  .filter-premium-grid > div:nth-child(3){
    grid-column:auto!important;
    min-width:0!important;
  }
  .filter-premium-grid > div:nth-child(4){
    grid-column:1 / -1!important;
  }
  .filter-premium-grid > div:nth-child(4) button{
    height:40px!important;
    border-radius:14px!important;
    font-size:12px!important;
    font-weight:800!important;
    background:rgba(255,255,255,.035)!important;
    border:1px solid rgba(255,255,255,.08)!important;
    color:#e4e4e7!important;
    box-shadow:none!important;
  }
}


/* Filter visual system */
.pk-filter-control{
  border-radius:16px;
  border:1px solid rgba(255,255,255,.08);
  background:#18181b;
  color:var(--pk-text);
  box-shadow:none;
  transition:border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

.pk-filter-control:hover{
  border-color:rgba(255,255,255,.13);
}

.pk-filter-control:focus,
.pk-filter-control:focus-within{
  outline:none;
  border-color:rgba(255,255,255,.16);
  box-shadow:0 0 0 3px rgba(255,255,255,.045);
}

.pk-filter-search span{
  color:var(--pk-text-muted);
}

.pk-filter-search input{
  color:var(--pk-text);
}

.pk-filter-search input::placeholder{
  color:var(--pk-text-muted);
}

.pk-filter-select{
  color:var(--pk-text);
  outline:none;
}

.pk-filter-select option{
  background:#18181b;
  color:var(--pk-text);
}

.pk-filter-empty{
  border:1px solid rgba(255,255,255,.08);
  background:#18181b;
  color:var(--pk-text-muted);
}