.sizes-note{margin-top:1.4rem; font-size:0.78rem; color:#7d7d7d;}
.scroll-hint{display:none; font-size:0.72rem; letter-spacing:0.08em;color:#8a8a8a; margin-bottom:0.9rem;}
.no-results{padding:3rem 1rem; text-align:center; color:#8a8a8a; font-size:0.95rem; border-top:1px solid var(--grey-line);}
.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.6rem;padding:0rem;margin-bottom:2.5rem;background:var(--zwart);border:1px solid var(--zwart);border-radius: 6px;}
.filter-field label{display:block; font-size:0.85rem; letter-spacing:0.14em;color:var(--wit); font-weight:700; margin-bottom:0.6rem;}
.filter-field input[type="text"],
.filter-field select{
  width:100%; background:var(--black); border:1px solid var(--grey-line); color:var(--white);
  font-family:'Archivo', sans-serif; font-weight:600; font-size:0.95rem;
  padding:0.75rem 0.9rem; border-radius:0;}
.filter-field input::placeholder{ color:#8a8a8a; font-weight:500; }
.filter-field select{ cursor:pointer; }
.filter-field select{
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  color-scheme:dark;
  padding-right:2.6rem;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23C75000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 7l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 0.9rem center;
  background-size:14px;}
.filter-field select option{background:var(--black);color:var(--white);}
.range-pair{ display:flex; gap:0.6rem; }
.range-pair input[type="number"]{
  width:100%; background:var(--black); border:1px solid var(--grey-line); color:var(--white);
  font-family:'Archivo', sans-serif; font-weight:600; font-size:0.95rem;
  padding:0.75rem 0.7rem; border-radius:0; -moz-appearance:textfield;}
.range-pair input[type="number"]::-webkit-outer-spin-button,
.range-pair input[type="number"]::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0;}
.filter-field input:focus, .filter-field select:focus{outline:none; border-color:var(--orange);}
.filters-actions{display:flex; align-items:flex-end;}
.btn-reset{
  width:100%; background:var(--wit); border:1px solid var(--wit); color:var(--zwarter);
  font-family:'Archivo', sans-serif; font-weight:700; font-size:0.78rem; letter-spacing:0.1em;
  padding:0.8rem 1rem; cursor:pointer; border-radius: 999px;
  overflow: hidden;
  transition: gap 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 8px 24px rgba(240, 96, 0, 0.25)}
.btn-reset:hover{ background:var(--wit); color:var(--zwarter); }
.result-count{font-size:0.78rem; letter-spacing:0.08em; color:#8a8a8a; margin-bottom:1.2rem}
.result-count strong{ color:var(--white); }
.herozoek {position: relative;margin-top: var(--header-total-h);width: 100%;overflow: hidden;}

@media (max-width:820px){
.scroll-hint{ display:block; }
.filters{grid-template-columns:1fr 1fr}
.filters .filter-field:nth-child(n+3){grid-column:1 / -1;}
.filter-fieldx label{display:block; font-size:0.75rem; letter-spacing:0.14em;color:var(--wit); font-weight:500; margin-bottom:0.1rem;}
.filters{gap:1rem;margin-bottom:1.5rem}
.filter-field input[type="text"],.filter-field select{padding:0.25rem 0 0.25rem 0.3rem}
}