/* ============================================================
   WIKIBIZ — CREDIT UNIQUE UI 1.3.44
   Catalogue geometry, cards, toolbar and editorial sections are shared.
   This file owns only the credit amount/term controls.
   ============================================================ */

#wbz-credit .wbz-credit-picker .wbz-product-filtergrid{grid-template-columns:repeat(3,minmax(0,1fr))}
#wbz-credit .wbz-credit-field{align-content:start}
#wbz-credit .wbz-credit-field small{display:flex;justify-content:space-between;gap:12px;color:var(--wbz-mut);font-size:10px;font-weight:500}
#wbz-credit :is(.wbz-credit-range,.wbz-credit-term-range){width:100%;height:18px;margin:1px 0 0;border:0;background:linear-gradient(var(--wbz-line-strong),var(--wbz-line-strong)) center/100% 3px no-repeat;cursor:pointer;accent-color:var(--wbz-brand);appearance:none;-webkit-appearance:none}
#wbz-credit :is(.wbz-credit-range,.wbz-credit-term-range)::-webkit-slider-thumb{-webkit-appearance:none;width:17px;height:17px;border:2px solid var(--wbz-brand);border-radius:50%;background:var(--wbz-surface);box-shadow:0 0 0 2px color-mix(in srgb,var(--wbz-brand) 12%,transparent)}
#wbz-credit :is(.wbz-credit-range,.wbz-credit-term-range)::-moz-range-thumb{width:15px;height:15px;border:2px solid var(--wbz-brand);border-radius:50%;background:var(--wbz-surface);box-shadow:0 0 0 2px color-mix(in srgb,var(--wbz-brand) 12%,transparent)}
#wbz-credit :is(.wbz-credit-range,.wbz-credit-term-range):focus-visible{outline:0;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--wbz-brand) 38%,transparent))}

@media(max-width:900px){
  #wbz-credit .wbz-credit-picker .wbz-product-filtergrid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  #wbz-credit .wbz-credit-picker .wbz-product-filtergrid{grid-template-columns:1fr}
}