/* =========================================================
   TEGELOUTLET SMART FILTER UI v1.6
   Mobile deferred apply + correct URL building via plugin links
========================================================= */

body.to-sf-page{
  --to-sf-magenta:#c7017f;
  --to-sf-teal:#00a3a6;
  --to-sf-dark:#111316;
  --to-sf-muted:#65717d;
  --to-sf-line:#e4e9ee;
  --to-sf-soft:#f7f9fa;
  --to-sf-shadow:0 16px 34px rgba(16,24,40,.06);
}

body.to-sf-page:not(.to-smart-filters-ready) .wpc-filters-widget-wrapper{
  opacity:0 !important;
  visibility:hidden !important;
}

body.to-smart-filters-ready .wpc-filters-widget-wrapper{
  display:none !important;
}

.to-sf-placeholder{display:none !important;}

.to-sf{
  position:relative;
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  border-radius:18px;
  padding:14px;
  box-shadow:var(--to-sf-shadow);
  overflow:hidden;
  font-family:Objectivity, Poppins, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.to-sf:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:linear-gradient(180deg, var(--to-sf-teal), var(--to-sf-magenta));
}

.to-sf:after{
  content:"";
  position:absolute;
  right:-38px;
  top:-38px;
  width:105px;
  height:105px;
  border:14px solid rgba(199,1,127,.055);
  border-radius:28px;
  transform:rotate(-10deg);
  pointer-events:none;
}

.to-sf__top{display:none;}

.to-sf__head{
  position:relative;
  z-index:1;
  padding:2px 2px 12px 7px;
  margin-bottom:12px;
  border-bottom:1px solid rgba(0,0,0,.065);
}

.to-sf__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-bottom:7px;
  color:var(--to-sf-teal);
  font-size:9.5px;
  font-weight:950;
  line-height:1;
  letter-spacing:.055em;
  text-transform:uppercase;
}

.to-sf__eyebrow:before{
  content:"";
  width:7px;
  height:7px;
  border-radius:999px;
  background:var(--to-sf-magenta);
  box-shadow:0 0 0 4px rgba(199,1,127,.10);
}

.to-sf__title{
  margin:0;
  font-size:18px;
  line-height:1.05;
  font-weight:950;
  letter-spacing:-.03em;
  color:var(--to-sf-dark);
}

.to-sf__intro{
  margin:6px 0 0;
  font-size:11.5px;
  line-height:1.35;
  color:var(--to-sf-muted);
  font-weight:650;
}

.to-sf__mobile-actions{display:none;}

/* Active filters */
.to-sf__active{
  display:none;
  margin:0 0 12px;
  padding:10px;
  background:linear-gradient(135deg, rgba(0,163,166,.075), rgba(199,1,127,.045));
  border:1px solid rgba(0,163,166,.14);
  border-radius:14px;
}

.to-sf__active.is-visible{display:block;}

.to-sf__active-title{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:8px;
  margin-bottom:8px;
  font-size:9.5px;
  font-weight:950;
  letter-spacing:.045em;
  text-transform:uppercase;
  color:var(--to-sf-teal);
}

.to-sf__clear{
  color:rgba(199,1,127,.82);
  text-decoration:none !important;
  font-size:9.5px;
  font-weight:950;
  white-space:nowrap;
}

.to-sf__clear:hover{color:var(--to-sf-magenta);}

.to-sf__chips{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}

.to-sf__chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:25px;
  padding:0 8px;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  color:var(--to-sf-dark);
  font-size:10.8px;
  font-weight:850;
  line-height:1;
  text-decoration:none !important;
}

.to-sf__chip:after{
  content:"×";
  color:rgba(199,1,127,.70);
  font-weight:950;
}

/* Sections */
.to-sf__section{margin:0 0 14px;}
.to-sf__section:last-child{margin-bottom:0;}

.to-sf__section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:8px;
}

.to-sf__section-title{
  margin:0;
  font-size:10.5px;
  line-height:1;
  font-weight:950;
  letter-spacing:.052em;
  text-transform:uppercase;
  color:var(--to-sf-teal);
}

.to-sf__section-hint{display:none !important;}

/* Buttons */
.to-sf__grid{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}

.to-sf__button{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  min-height:30px;
  padding:0 9px;
  border-radius:10px;
  border:1px solid rgba(0,0,0,.09);
  background:#fff;
  color:var(--to-sf-dark);
  text-decoration:none !important;
  font-size:10.8px;
  font-weight:900;
  line-height:1;
  box-shadow:0 4px 10px rgba(0,0,0,.022);
  transition:background .14s ease, border-color .14s ease, color .14s ease, box-shadow .14s ease;
}

.to-sf__button:hover{
  color:var(--to-sf-dark);
  border-color:rgba(0,163,166,.22);
  background:rgba(0,163,166,.035);
  box-shadow:0 6px 14px rgba(0,0,0,.035);
  transform:none;
}

.to-sf__button.is-active,
.to-sf__button.is-pending{
  background:rgba(0,163,166,.075);
  border-color:rgba(0,163,166,.30);
  color:#005e60;
  box-shadow:none;
}

.to-sf__button.is-active:before,
.to-sf__button.is-pending:before{
  content:"";
  width:6px;
  height:6px;
  border-radius:999px;
  background:var(--to-sf-teal);
  box-shadow:0 0 0 3px rgba(0,163,166,.10);
}

.to-sf__button--prop{
  border-radius:999px;
  background:rgba(0,0,0,.018);
}

.to-sf__button--prop.is-active,
.to-sf__button--prop.is-pending{
  background:rgba(199,1,127,.055);
  border-color:rgba(199,1,127,.22);
  color:#7e0051;
}

.to-sf__button--prop.is-active:before,
.to-sf__button--prop.is-pending:before{
  background:var(--to-sf-magenta);
  box-shadow:0 0 0 3px rgba(199,1,127,.10);
}

.to-sf__button-count{
  color:rgba(0,0,0,.36);
  font-size:9.2px;
  font-weight:850;
}

/* Hide extras until expanded */
.to-sf__extra{display:none !important;}
.to-sf__section.is-expanded .to-sf__extra{display:inline-flex !important;}
.to-sf__color.to-sf__extra{display:none !important;}
.to-sf__section.is-expanded .to-sf__color.to-sf__extra{display:flex !important;}

.to-sf__more{
  appearance:none;
  border:0;
  background:transparent;
  color:rgba(199,1,127,.80);
  font-size:10.5px;
  font-weight:950;
  padding:7px 2px 0;
  cursor:pointer;
  text-decoration:none;
  box-shadow:none !important;
}

.to-sf__more:hover,
.to-sf__more:focus,
.to-sf__more:active{
  color:var(--to-sf-magenta);
  background:transparent !important;
  outline:none !important;
  box-shadow:none !important;
  transform:none !important;
}

/* Colors */
.to-sf__color-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:7px;
}

.to-sf__color{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
  padding:7px 3px;
  border-radius:12px;
  text-decoration:none !important;
  color:var(--to-sf-dark);
  border:1px solid transparent;
  background:rgba(255,255,255,.62);
  transition:background .14s ease, border-color .14s ease;
}

.to-sf__color:hover{
  background:rgba(0,163,166,.035);
  border-color:rgba(0,163,166,.14);
  transform:none;
}

.to-sf__color.is-active,
.to-sf__color.is-pending{
  background:rgba(0,163,166,.06);
  border-color:rgba(0,163,166,.24);
}

.to-sf__swatch{
  width:25px;
  height:25px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.12);
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.62), 0 4px 10px rgba(0,0,0,.08);
}

.to-sf__color.is-active .to-sf__swatch,
.to-sf__color.is-pending .to-sf__swatch{
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.72), 0 0 0 3px rgba(0,163,166,.12);
}

.to-sf__color-label{
  font-size:9.5px;
  font-weight:850;
  line-height:1;
  white-space:nowrap;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
}

.to-sf__color-count{
  font-size:8.6px;
  color:rgba(0,0,0,.40);
  font-weight:800;
  line-height:1;
}

/* Details */
.to-sf__details{
  border:1px solid rgba(0,0,0,.08);
  border-radius:14px;
  background:rgba(0,0,0,.018);
  overflow:hidden;
}

.to-sf__details + .to-sf__details{margin-top:8px;}

.to-sf__summary{
  cursor:pointer;
  list-style:none;
  padding:10px 11px;
  font-size:11.5px;
  font-weight:950;
  color:var(--to-sf-dark);
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.to-sf__summary::-webkit-details-marker{display:none;}

.to-sf__summary:after{
  content:"+";
  width:21px;
  height:21px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:#fff;
  color:var(--to-sf-teal);
  border:1px solid rgba(0,163,166,.18);
  font-weight:950;
}

.to-sf__details[open] .to-sf__summary:after{content:"−";}

.to-sf__details-content{padding:0 10px 10px;}

.to-sf__select-list{
  display:flex;
  flex-direction:column;
  gap:6px;
}

.to-sf__select-link{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:8px;
  min-height:31px;
  padding:0 9px;
  border-radius:10px;
  background:#fff;
  border:1px solid rgba(0,0,0,.075);
  text-decoration:none !important;
  color:var(--to-sf-dark);
  font-size:10.8px;
  font-weight:850;
}

.to-sf__select-link:hover{
  color:var(--to-sf-dark);
  border-color:rgba(0,163,166,.20);
  background:rgba(0,163,166,.035);
}

.to-sf__select-link.is-active,
.to-sf__select-link.is-pending{
  color:#005e60;
  background:rgba(0,163,166,.065);
  border-color:rgba(0,163,166,.26);
}

/* Price */
.to-sf__price-slot .wpc-filters-section{
  display:block !important;
  margin:0 !important;
}

.to-sf__price-slot .wpc-filter-header{display:none !important;}

.to-sf__price-slot input[type="number"],
.to-sf__price-slot input[type="text"]{
  border-radius:10px !important;
  border:1px solid rgba(0,0,0,.12) !important;
  box-shadow:none !important;
  min-height:32px !important;
  font-size:11px !important;
  font-weight:750 !important;
}

.to-sf__price-slot .wpc-filter-content{margin:0 !important;}

.to-sf-mobilebar,
.to-sf-overlay{display:none;}

@media (min-width: 769px){
  .to-sf{
    position:sticky;
    top:112px;
  }
}

/* Mobile */
@media (max-width: 768px){
  body.to-sf-open{overflow:hidden;}

  body.to-sf-open .wpc-filters-open-button-container,
  body.to-sf-open .filter-toggle-open-container,
  body.to-sf-open a.wpc-filters-open-widget,
  body.to-sf-open a.wpc-open-close-filters-button,
  body.to-sf-open button.filter-toggle-open,
  body.to-sf-open .filter-toggle-open{
    display:none !important;
    opacity:0 !important;
    pointer-events:none !important;
  }

  body.to-smart-filters-ready .wpc-filters-open-button-container,
  body.to-smart-filters-ready .filter-toggle-open-container{
    display:block !important;
    margin:10px 0 12px !important;
  }

  body.to-smart-filters-ready a.wpc-filters-open-widget,
  body.to-smart-filters-ready a.wpc-open-close-filters-button,
  body.to-smart-filters-ready button.filter-toggle-open,
  body.to-smart-filters-ready .filter-toggle-open{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    min-height:42px !important;
    padding:0 16px !important;
    border-radius:999px !important;
    border:0 !important;
    background:var(--to-sf-magenta) !important;
    color:#fff !important;
    font-size:14px !important;
    font-weight:950 !important;
    box-shadow:0 10px 22px rgba(199,1,127,.18) !important;
    text-decoration:none !important;
  }

  .to-sf-mobilebar{
    display:flex !important;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    position:relative;
    z-index:9990;
    background:#fff;
    padding:10px 12px;
    margin:0 0 12px;
    border:1px solid rgba(0,0,0,.07);
    border-radius:16px;
    box-shadow:0 10px 22px rgba(0,0,0,.055);
  }

  .to-sf-mobilebar__button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:42px;
    padding:0 16px;
    border-radius:999px;
    border:0;
    background:var(--to-sf-magenta);
    color:#fff;
    font-size:14px;
    font-weight:950;
    box-shadow:0 10px 22px rgba(199,1,127,.18);
  }

  .to-sf-mobilebar__count{
    color:var(--to-sf-muted);
    font-size:12px;
    font-weight:800;
    line-height:1.25;
    text-align:right;
  }

  .to-sf-overlay{
    position:fixed;
    inset:0;
    z-index:2147483600;
    background:rgba(0,0,0,.48);
    opacity:0;
    pointer-events:none;
    display:block;
    transition:opacity .18s ease;
  }

  body.to-sf-open .to-sf-overlay{
    opacity:1;
    pointer-events:auto;
  }

  .to-sf{
    position:fixed !important;
    inset:0 !important;
    width:100vw !important;
    max-width:none !important;
    height:100dvh !important;
    z-index:2147483601 !important;
    border-radius:0 !important;
    padding:0 14px 104px !important;
    overflow:auto !important;
    transform:translateX(105%);
    transition:transform .22s ease;
    box-shadow:none;
    border:0;
    background:#fff;
  }

  body.to-sf-open .to-sf{
    transform:translateX(0);
  }

  .to-sf:before{display:none;}

  .to-sf:after{
    right:-44px;
    top:-44px;
    width:115px;
    height:115px;
    border-color:rgba(199,1,127,.055);
  }

  .to-sf__top{
    position:sticky;
    top:0;
    z-index:4;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:14px 2px 12px;
    background:#fff;
    border-bottom:1px solid rgba(0,0,0,.07);
    margin:0 0 13px;
  }

  .to-sf__top-title{
    display:flex;
    flex-direction:column;
    gap:3px;
  }

  .to-sf__top-title strong{
    font-size:18px;
    line-height:1.05;
    color:var(--to-sf-dark);
    font-weight:950;
    letter-spacing:-.03em;
  }

  .to-sf__top-title span{
    font-size:11px;
    color:var(--to-sf-muted);
    font-weight:700;
  }

  .to-sf__x{
    width:42px;
    height:42px;
    border-radius:999px;
    border:1px solid rgba(0,0,0,.08);
    background:#f7f8f9;
    color:var(--to-sf-dark);
    font-size:28px;
    line-height:1;
    display:inline-flex;
    align-items:center;
    justify-content:center;
  }

  .to-sf__head{display:none;}

  .to-sf__mobile-actions{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:2147483602;
    display:flex;
    gap:10px;
    padding:12px 14px calc(12px + env(safe-area-inset-bottom));
    background:rgba(255,255,255,.96);
    border-top:1px solid rgba(0,0,0,.08);
    box-shadow:0 -12px 26px rgba(0,0,0,.08);
    backdrop-filter:blur(8px);
  }

  .to-sf__close,
  .to-sf__show{
    flex:1;
    height:48px;
    border-radius:999px;
    font-size:14px;
    font-weight:950;
    border:0;
  }

  .to-sf__close{
    background:#f3f5f6;
    color:var(--to-sf-dark);
  }

  .to-sf__show{
    background:var(--to-sf-magenta);
    color:#fff;
    box-shadow:0 10px 22px rgba(199,1,127,.18);
  }

  .to-sf__section{margin-bottom:18px;}
  .to-sf__section-title{font-size:12px;}

  .to-sf__button{
    min-height:38px;
    padding:0 13px;
    border-radius:12px;
    font-size:14px;
  }

  .to-sf__button-count{font-size:12px;}

  .to-sf__color-grid{
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:10px;
  }

  .to-sf__color{padding:10px 5px;}

  .to-sf__swatch{
    width:32px;
    height:32px;
  }

  .to-sf__color-label{font-size:11px;}
  .to-sf__color-count{font-size:10px;}

  .to-sf__more{
    font-size:13px;
    padding-top:10px;
  }
}

@media (max-width: 390px){
  .to-sf__color-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }
}


/* v1.7 fixes: geen 'populair' labels */
.to-sf__section-hint{
  display:none !important;
}

/* v1.7 mobile: terug naar veilige 1-per-1 filtering */
@media (max-width: 768px){
  .to-sf__show{
    display:none !important;
  }

  .to-sf__close{
    flex:1 1 100% !important;
    width:100% !important;
  }

  .to-sf__mobile-actions{
    padding:12px 14px calc(12px + env(safe-area-inset-bottom)) !important;
  }

  .to-sf__top-title span{
    font-size:11px !important;
  }
}

/* v1.7: pending styling niet meer nodig */
.to-sf .is-pending{
  outline:none !important;
}


/* =========================================================
   v1.8 COMPACT SCANBARE FILTER UI
   Minder info tegelijk, subtielere sidebar, geen mobiele sluitknop onderaan
========================================================= */

/* Basiskaart rustiger en compacter */
.to-sf{
  padding:12px !important;
  border-radius:16px !important;
  box-shadow:0 10px 26px rgba(16,24,40,.045) !important;
}

.to-sf:after{
  opacity:.55 !important;
}

/* Header minder dominant */
.to-sf__head{
  padding:0 0 10px 7px !important;
  margin-bottom:10px !important;
}

.to-sf__eyebrow{
  font-size:8.8px !important;
  margin-bottom:5px !important;
}

.to-sf__title{
  font-size:16px !important;
  letter-spacing:-.025em !important;
}

.to-sf__intro{
  font-size:10.7px !important;
  line-height:1.3 !important;
  margin-top:5px !important;
  max-width:210px !important;
}

/* Actieve filters compacter */
.to-sf__active{
  padding:8px !important;
  margin-bottom:10px !important;
  border-radius:12px !important;
}

.to-sf__active-title{
  font-size:8.8px !important;
  margin-bottom:7px !important;
}

.to-sf__chip{
  min-height:22px !important;
  padding:0 7px !important;
  font-size:9.8px !important;
}

/* Secties dichter bij elkaar */
.to-sf__section{
  margin-bottom:12px !important;
}

.to-sf__section-head{
  margin-bottom:6px !important;
}

.to-sf__section-title{
  font-size:9.8px !important;
  letter-spacing:.055em !important;
}

/* Knoppen minder luid, sneller scanbaar */
.to-sf__grid{
  gap:5px !important;
}

.to-sf__button{
  min-height:27px !important;
  padding:0 8px !important;
  border-radius:999px !important;
  font-size:10px !important;
  font-weight:850 !important;
  box-shadow:none !important;
  background:#fff !important;
  border-color:rgba(0,0,0,.085) !important;
}

.to-sf__button-count{
  font-size:8.7px !important;
  color:rgba(0,0,0,.34) !important;
  font-weight:800 !important;
}

.to-sf__button:hover{
  background:rgba(0,163,166,.035) !important;
  border-color:rgba(0,163,166,.18) !important;
  box-shadow:none !important;
}

.to-sf__button.is-active{
  background:rgba(0,163,166,.07) !important;
  border-color:rgba(0,163,166,.22) !important;
}

.to-sf__button.is-active:before{
  width:5px !important;
  height:5px !important;
  box-shadow:none !important;
}

/* Minder directe opties tonen voor meer rust */
.to-sf__section--formaat .to-sf__grid > .to-sf__button:nth-of-type(n+10):not(.is-active){
  display:none !important;
}

.to-sf__section--formaat.is-expanded .to-sf__grid > .to-sf__button:nth-of-type(n+10){
  display:inline-flex !important;
}

.to-sf__section--stijl .to-sf__grid > .to-sf__button:nth-of-type(n+6):not(.is-active),
.to-sf__section--eigenschappen .to-sf__grid > .to-sf__button:nth-of-type(n+6):not(.is-active){
  display:none !important;
}

.to-sf__section--stijl.is-expanded .to-sf__grid > .to-sf__button:nth-of-type(n+6),
.to-sf__section--eigenschappen.is-expanded .to-sf__grid > .to-sf__button:nth-of-type(n+6){
  display:inline-flex !important;
}

/* Meer weergeven nog subtieler */
.to-sf__more{
  font-size:9.8px !important;
  padding-top:6px !important;
  color:rgba(199,1,127,.72) !important;
}

/* Kleuren compacter */
.to-sf__color-grid{
  gap:5px !important;
}

.to-sf__color{
  padding:5px 2px !important;
  border-radius:10px !important;
}

.to-sf__swatch{
  width:21px !important;
  height:21px !important;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.65), 0 3px 8px rgba(0,0,0,.07) !important;
}

.to-sf__color-label{
  font-size:8.8px !important;
}

.to-sf__color-count{
  font-size:7.9px !important;
}

/* Kleuren: minder direct tonen */
.to-sf__section--kleur .to-sf__color-grid > .to-sf__color:nth-of-type(n+7):not(.is-active){
  display:none !important;
}

.to-sf__section--kleur.is-expanded .to-sf__color-grid > .to-sf__color:nth-of-type(n+7){
  display:flex !important;
}

/* Meer filters subtieler */
.to-sf__summary{
  padding:9px 10px !important;
  font-size:10.5px !important;
}

.to-sf__select-link{
  min-height:29px !important;
  font-size:10px !important;
}

/* Prijs compacter */
.to-sf__price-slot input[type="number"],
.to-sf__price-slot input[type="text"]{
  min-height:29px !important;
  font-size:10px !important;
}

/* Mobiel: geen onderste sluitbalk meer, enkel X bovenaan */
@media (max-width: 768px){
  .to-sf{
    padding:0 14px 22px !important;
  }

  .to-sf__mobile-actions{
    display:none !important;
  }

  .to-sf__top{
    padding:12px 2px 10px !important;
    margin-bottom:12px !important;
  }

  .to-sf__top-title strong{
    font-size:17px !important;
  }

  .to-sf__top-title span{
    font-size:10.5px !important;
  }

  .to-sf__x{
    width:38px !important;
    height:38px !important;
    font-size:25px !important;
  }

  .to-sf__section{
    margin-bottom:16px !important;
  }

  .to-sf__section-title{
    font-size:11px !important;
  }

  .to-sf__button{
    min-height:35px !important;
    padding:0 12px !important;
    font-size:13px !important;
  }

  .to-sf__button-count{
    font-size:11px !important;
  }

  .to-sf__color-grid{
    grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
    gap:8px !important;
  }

  .to-sf__color{
    padding:8px 4px !important;
  }

  .to-sf__swatch{
    width:28px !important;
    height:28px !important;
  }

  .to-sf__color-label{
    font-size:10px !important;
  }

  .to-sf__color-count{
    font-size:9px !important;
  }

  .to-sf__more{
    font-size:12px !important;
    padding-top:8px !important;
  }

  .to-sf__section--formaat .to-sf__grid > .to-sf__button:nth-of-type(n+9):not(.is-active){
    display:none !important;
  }

  .to-sf__section--formaat.is-expanded .to-sf__grid > .to-sf__button:nth-of-type(n+9){
    display:inline-flex !important;
  }

  .to-sf__section--kleur .to-sf__color-grid > .to-sf__color:nth-of-type(n+7):not(.is-active){
    display:none !important;
  }

  .to-sf__section--kleur.is-expanded .to-sf__color-grid > .to-sf__color:nth-of-type(n+7){
    display:flex !important;
  }
}


/* =========================================================
   v1.9 COLORS: toon 8 kleuren i.p.v. 6
========================================================= */

/* Desktop: 8 kleuren zichtbaar */
.to-sf__section--kleur .to-sf__color-grid > .to-sf__color:nth-of-type(n+7):not(.is-active){
  display:flex !important;
}

.to-sf__section--kleur .to-sf__color-grid > .to-sf__color:nth-of-type(n+9):not(.is-active){
  display:none !important;
}

.to-sf__section--kleur.is-expanded .to-sf__color-grid > .to-sf__color:nth-of-type(n+9){
  display:flex !important;
}

/* Mobiel: ook 8 kleuren zichtbaar */
@media (max-width: 768px){
  .to-sf__section--kleur .to-sf__color-grid > .to-sf__color:nth-of-type(n+7):not(.is-active){
    display:flex !important;
  }

  .to-sf__section--kleur .to-sf__color-grid > .to-sf__color:nth-of-type(n+9):not(.is-active){
    display:none !important;
  }

  .to-sf__section--kleur.is-expanded .to-sf__color-grid > .to-sf__color:nth-of-type(n+9){
    display:flex !important;
  }
}

/* Sticky blijft nu interessant door compacte layout */
@media (min-width: 769px){
  .to-sf{
    position:sticky !important;
    top:112px !important;
  }
}


/* =========================================================
   v2.1 SERVER COUNTS
   Counts/links komen nu uit WordPress queries, niet uit Filter Everything markup.
========================================================= */

.to-sf__section-hint{
  display:none !important;
}

/* 8 kleuren zichtbaar */
.to-sf__section--kleur .to-sf__color-grid > .to-sf__color:nth-of-type(n+7):not(.is-active){
  display:flex !important;
}
.to-sf__section--kleur .to-sf__color-grid > .to-sf__color:nth-of-type(n+9):not(.is-active){
  display:none !important;
}
.to-sf__section--kleur.is-expanded .to-sf__color-grid > .to-sf__color:nth-of-type(n+9){
  display:flex !important;
}

/* Mobiel geen onderste sluitbalk */
@media (max-width: 768px){
  .to-sf__mobile-actions{
    display:none !important;
  }
  .to-sf{
    padding-bottom:22px !important;
  }
  .to-sf__section--kleur .to-sf__color-grid > .to-sf__color:nth-of-type(n+7):not(.is-active){
    display:flex !important;
  }
  .to-sf__section--kleur .to-sf__color-grid > .to-sf__color:nth-of-type(n+9):not(.is-active){
    display:none !important;
  }
  .to-sf__section--kleur.is-expanded .to-sf__color-grid > .to-sf__color:nth-of-type(n+9){
    display:flex !important;
  }
}


/* =========================================================
   v2.2 PRODUCTION POLISH
   Meer scanbaar, winkelklant-proof, minder admin/plugin resten.
========================================================= */

/* Admin-only Filter Everything edit link niet tonen in de commerciële layout */
.to-sf + .wpc-filters-widget-wrapper + .wpc-edit-filter-set,
.wpc-edit-filter-set,
a[href*="wpc-filter-set"]{
  display:none !important;
}

/* Nog iets betere leesbaarheid voor aantallen */
.to-sf__button-count,
.to-sf__color-count{
  color:rgba(0,0,0,.48) !important;
  font-weight:900 !important;
}

/* Actieve filters iets duidelijker zonder schreeuwerig te worden */
.to-sf__button.is-active,
.to-sf__color.is-active,
.to-sf__select-link.is-active{
  border-color:rgba(0,163,166,.38) !important;
  background:rgba(0,163,166,.085) !important;
}

/* Prijs slider/input rustiger en consistent */
.to-sf__price-slot input[type="number"],
.to-sf__price-slot input[type="text"]{
  background:#fff !important;
}

/* Desktop sticky definitief */
@media (min-width: 769px){
  .to-sf{
    position:sticky !important;
    top:112px !important;
    max-height:calc(100vh - 130px);
    overflow:auto;
    scrollbar-width:thin;
  }

  .to-sf::-webkit-scrollbar{
    width:6px;
  }

  .to-sf::-webkit-scrollbar-thumb{
    background:rgba(0,0,0,.16);
    border-radius:999px;
  }
}

/* Mobiele drawer winkelklaar */
@media (max-width: 768px){
  .to-sf{
    -webkit-overflow-scrolling:touch;
  }

  .to-sf__top{
    box-shadow:0 8px 20px rgba(255,255,255,.92);
  }

  .to-sf__x{
    cursor:pointer;
  }
}


/* =========================================================
   v2.2.2 NO STICKY
   Sticky sidebar volledig uitgeschakeld omdat dit layout/scheefstand gaf.
========================================================= */

@media (min-width: 769px){
  .to-sf{
    position:relative !important;
    top:auto !important;
    max-height:none !important;
    overflow:visible !important;
  }

  .to-sf::-webkit-scrollbar{
    width:auto !important;
  }

  .to-sf::-webkit-scrollbar-thumb{
    background:initial !important;
    border-radius:0 !important;
  }
}


/* =========================================================
   v2.2.3 MAX READABILITY
   Minder zwaar bold, betere contrasten, grotere targets en rustiger data.
========================================================= */

.to-sf{
  color:#15191d !important;
  letter-spacing:0 !important;
}

/* Header leesbaarder */
.to-sf__eyebrow{
  font-weight:800 !important;
  letter-spacing:.045em !important;
  color:#008f92 !important;
}

.to-sf__title{
  font-weight:800 !important;
  font-size:17px !important;
  line-height:1.12 !important;
  letter-spacing:-.015em !important;
}

.to-sf__intro{
  font-weight:500 !important;
  font-size:11.2px !important;
  line-height:1.45 !important;
  color:#4f5b66 !important;
  max-width:230px !important;
}

/* Sectietitels: duidelijk, niet schreeuwerig */
.to-sf__section-title{
  font-weight:800 !important;
  font-size:10.4px !important;
  letter-spacing:.04em !important;
  color:#008f92 !important;
}

/* Actieve filters */
.to-sf__active-title{
  font-weight:800 !important;
  font-size:9.4px !important;
  letter-spacing:.035em !important;
}

.to-sf__clear{
  font-weight:750 !important;
  font-size:9.4px !important;
}

/* Pills: minder bold, iets groter, betere regelafstand */
.to-sf__button{
  min-height:29px !important;
  padding:0 9px !important;
  font-size:10.8px !important;
  font-weight:650 !important;
  line-height:1.15 !important;
  color:#1f252b !important;
  border-color:rgba(0,0,0,.12) !important;
  background:#fff !important;
}

.to-sf__button-label{
  font-weight:650 !important;
}

.to-sf__button-count{
  font-size:9.5px !important;
  font-weight:550 !important;
  color:#7a848d !important;
  margin-left:1px !important;
}

.to-sf__button:hover{
  color:#101418 !important;
  background:rgba(0,163,166,.045) !important;
  border-color:rgba(0,163,166,.25) !important;
}

.to-sf__button.is-active{
  background:rgba(0,163,166,.085) !important;
  color:#004f51 !important;
  border-color:rgba(0,163,166,.34) !important;
  font-weight:700 !important;
}

.to-sf__button.is-active .to-sf__button-count{
  color:#52777a !important;
}

/* Actieve bolletje subtieler */
.to-sf__button.is-active:before{
  width:5px !important;
  height:5px !important;
  box-shadow:none !important;
}

/* Kleurblokjes: labels beter leesbaar */
.to-sf__color-label{
  font-size:9.6px !important;
  font-weight:600 !important;
  color:#252b31 !important;
}

.to-sf__color-count{
  font-size:8.8px !important;
  font-weight:500 !important;
  color:#7a848d !important;
}

.to-sf__color{
  border-color:rgba(0,0,0,.04) !important;
}

.to-sf__color.is-active{
  background:rgba(0,163,166,.075) !important;
  border-color:rgba(0,163,166,.30) !important;
}

/* Chips */
.to-sf__chip{
  font-size:10.2px !important;
  font-weight:600 !important;
  color:#20262c !important;
}

/* Meer weergeven */
.to-sf__more{
  font-size:10.3px !important;
  font-weight:700 !important;
  color:#c7017f !important;
  opacity:.82 !important;
}

.to-sf__more:hover{
  opacity:1 !important;
}

/* Accordion/meer filters */
.to-sf__summary{
  font-size:11px !important;
  font-weight:700 !important;
  color:#20262c !important;
}

.to-sf__select-link{
  font-size:10.5px !important;
  font-weight:600 !important;
  color:#20262c !important;
}

.to-sf__select-link .to-sf__button-count{
  font-weight:500 !important;
  color:#7a848d !important;
}

/* Prijs inputs beter leesbaar */
.to-sf__price-slot input[type="number"],
.to-sf__price-slot input[type="text"]{
  font-size:11px !important;
  font-weight:550 !important;
  color:#20262c !important;
}

/* Desktop: geen sticky, geen interne scroll */
@media (min-width: 769px){
  .to-sf{
    position:relative !important;
    top:auto !important;
    max-height:none !important;
    overflow:visible !important;
  }
}

/* Mobiel ook rustiger */
@media (max-width: 768px){
  .to-sf__top-title strong{
    font-weight:800 !important;
    letter-spacing:-.015em !important;
  }

  .to-sf__top-title span{
    font-weight:500 !important;
    color:#56636e !important;
  }

  .to-sf__section-title{
    font-size:11.5px !important;
  }

  .to-sf__button{
    font-size:13px !important;
    font-weight:600 !important;
    min-height:38px !important;
  }

  .to-sf__button-count{
    font-size:11px !important;
  }

  .to-sf__color-label{
    font-size:10.5px !important;
  }

  .to-sf__color-count{
    font-size:9.5px !important;
  }
}


/* =========================================================
   v2.2.4 MAX READABILITY 2
   Meer ruimte, minder microtekst, betere hiërarchie.
========================================================= */

/* Filterkaart iets minder geperst */
.to-sf{
  padding:14px !important;
  border-radius:17px !important;
}

/* Header: beter leesbaar zonder veel hoogte te nemen */
.to-sf__head{
  padding-bottom:12px !important;
  margin-bottom:13px !important;
}

.to-sf__eyebrow{
  font-size:9.5px !important;
  font-weight:750 !important;
  letter-spacing:.035em !important;
}

.to-sf__title{
  font-size:18px !important;
  font-weight:780 !important;
  line-height:1.12 !important;
}

.to-sf__intro{
  font-size:12px !important;
  font-weight:500 !important;
  line-height:1.42 !important;
  color:#4d5964 !important;
  max-width:245px !important;
}

/* Sectietitels duidelijker */
.to-sf__section{
  margin-bottom:15px !important;
}

.to-sf__section-head{
  margin-bottom:8px !important;
}

.to-sf__section-title{
  font-size:11.2px !important;
  font-weight:760 !important;
  letter-spacing:.035em !important;
  color:#00888b !important;
}

/* Pills: belangrijkste verbetering */
.to-sf__grid{
  gap:6px !important;
}

.to-sf__button{
  min-height:31px !important;
  padding:0 10px !important;
  border-radius:999px !important;
  font-size:11.5px !important;
  font-weight:600 !important;
  line-height:1.15 !important;
  color:#151a1f !important;
  border-color:rgba(0,0,0,.13) !important;
  background:#fff !important;
}

.to-sf__button-label{
  font-size:11.5px !important;
  font-weight:600 !important;
  line-height:1.15 !important;
}

.to-sf__button-count{
  font-size:10px !important;
  font-weight:500 !important;
  color:#69737d !important;
  margin-left:2px !important;
  line-height:1 !important;
}

.to-sf__button:hover{
  background:#f4fbfb !important;
  border-color:rgba(0,163,166,.30) !important;
}

.to-sf__button.is-active{
  background:#eefafa !important;
  border-color:rgba(0,163,166,.42) !important;
  color:#004f51 !important;
  font-weight:650 !important;
}

/* Active indicator niet ten koste van tekst */
.to-sf__button.is-active:before{
  width:5px !important;
  height:5px !important;
  margin-right:1px !important;
}

/* Kleurblokjes: groter en leesbaarder */
.to-sf__color-grid{
  gap:7px !important;
}

.to-sf__color{
  padding:7px 4px !important;
  border-radius:12px !important;
  background:#fff !important;
  border-color:rgba(0,0,0,.075) !important;
}

.to-sf__swatch{
  width:25px !important;
  height:25px !important;
}

.to-sf__color-label{
  font-size:10.5px !important;
  font-weight:600 !important;
  color:#151a1f !important;
  line-height:1.1 !important;
}

.to-sf__color-count{
  font-size:9.6px !important;
  font-weight:500 !important;
  color:#69737d !important;
  line-height:1 !important;
}

/* Actieve filters en chips */
.to-sf__active{
  padding:10px !important;
}

.to-sf__active-title{
  font-size:10px !important;
  font-weight:750 !important;
}

.to-sf__chip{
  min-height:25px !important;
  padding:0 8px !important;
  font-size:10.8px !important;
  font-weight:600 !important;
}

/* Meer weergeven duidelijk genoeg, maar niet luid */
.to-sf__more{
  font-size:11px !important;
  font-weight:700 !important;
  padding-top:8px !important;
  color:#c7017f !important;
}

/* Accordion filters */
.to-sf__summary{
  font-size:11.8px !important;
  font-weight:650 !important;
  padding:11px 12px !important;
}

.to-sf__select-link{
  min-height:32px !important;
  font-size:11.2px !important;
  font-weight:550 !important;
}

/* Prijsvelden */
.to-sf__price-slot input[type="number"],
.to-sf__price-slot input[type="text"]{
  min-height:33px !important;
  font-size:12px !important;
  font-weight:500 !important;
}

/* Minder info tegelijk: eigenschappen iets rustiger */
.to-sf__section--eigenschappen .to-sf__grid > .to-sf__button:nth-of-type(n+7):not(.is-active){
  display:none !important;
}

.to-sf__section--eigenschappen.is-expanded .to-sf__grid > .to-sf__button:nth-of-type(n+7){
  display:inline-flex !important;
}

/* Desktop geen sticky */
@media (min-width: 769px){
  .to-sf{
    position:relative !important;
    top:auto !important;
    max-height:none !important;
    overflow:visible !important;
  }
}

/* Mobiel */
@media (max-width: 768px){
  .to-sf{
    padding-left:16px !important;
    padding-right:16px !important;
  }

  .to-sf__button,
  .to-sf__button-label{
    font-size:14px !important;
    font-weight:600 !important;
  }

  .to-sf__button{
    min-height:40px !important;
    padding:0 13px !important;
  }

  .to-sf__button-count{
    font-size:12px !important;
  }

  .to-sf__color-label{
    font-size:11.2px !important;
  }

  .to-sf__color-count{
    font-size:10px !important;
  }

  .to-sf__section-title{
    font-size:12px !important;
  }
}


/* =========================================================
   v2.3 TOEBEHOREN
   Op toebehoren-catalogus tonen we categoriekeuzes als filter.
========================================================= */

.to-sf__section--toebehoren_categorie .to-sf__button{
  justify-content:flex-start !important;
}

.to-sf__section--toebehoren_categorie .to-sf__grid{
  display:flex !important;
  flex-direction:column !important;
  gap:7px !important;
}

.to-sf__section--toebehoren_categorie .to-sf__button{
  width:100% !important;
  min-height:34px !important;
  padding:0 11px !important;
  border-radius:12px !important;
}

.to-sf__section--toebehoren_categorie .to-sf__button-label{
  flex:1 !important;
  text-align:left !important;
}

.to-sf__section--toebehoren_categorie .to-sf__button-count{
  margin-left:auto !important;
}


/* =========================================================
   v2.4 BUDGET IN PLAATS VAN PRIJS-SLIDER
========================================================= */

.to-sf__section--prijs{
  display:none !important;
}

.to-sf__section--budget .to-sf__grid{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:7px !important;
}

.to-sf__section--budget .to-sf__button{
  width:100% !important;
  justify-content:flex-start !important;
  min-height:34px !important;
  padding:0 11px !important;
  border-radius:12px !important;
}

.to-sf__section--budget .to-sf__button-label{
  flex:1 !important;
  text-align:left !important;
}

.to-sf__section--budget .to-sf__button-count{
  margin-left:auto !important;
}


/* =========================================================
   v2.5 GEEN PRIJSFILTER + TOPBAR POLISH
========================================================= */

/* Prijs/budget volledig weg */
.to-sf__section--prijs,
.to-sf__section--budget{
  display:none !important;
}

/* Result count en sorteerkeuze rustiger en professioneler */
.woocommerce-result-count.to-sf-result-count,
.woocommerce .woocommerce-result-count.to-sf-result-count{
  margin:0 !important;
  color:#5f6a73 !important;
  font-size:14px !important;
  font-weight:500 !important;
  line-height:44px !important;
  letter-spacing:0 !important;
}

.woocommerce-ordering.to-sf-ordering,
.woocommerce .woocommerce-ordering.to-sf-ordering{
  margin:0 0 22px !important;
  position:relative !important;
}

.woocommerce-ordering.to-sf-ordering select,
.woocommerce .woocommerce-ordering.to-sf-ordering select,
.woocommerce-ordering.to-sf-ordering .orderby{
  min-height:44px !important;
  min-width:230px !important;
  border:1px solid rgba(0,0,0,.10) !important;
  border-radius:14px !important;
  background:#fff !important;
  color:#2a3036 !important;
  font-size:14px !important;
  font-weight:600 !important;
  padding:0 42px 0 16px !important;
  box-shadow:0 8px 20px rgba(16,24,40,.04) !important;
  outline:none !important;
}

.woocommerce-ordering.to-sf-ordering select:hover,
.woocommerce .woocommerce-ordering.to-sf-ordering select:hover{
  border-color:rgba(0,163,166,.28) !important;
}

.woocommerce-ordering.to-sf-ordering select:focus,
.woocommerce .woocommerce-ordering.to-sf-ordering select:focus{
  border-color:rgba(0,163,166,.45) !important;
  box-shadow:0 0 0 3px rgba(0,163,166,.10) !important;
}

/* Desktop alignment */
@media (min-width: 769px){
  .woocommerce .woocommerce-result-count.to-sf-result-count{
    display:inline-flex !important;
    align-items:center !important;
    min-height:44px !important;
  }

  .woocommerce .woocommerce-ordering.to-sf-ordering{
    display:flex !important;
    justify-content:flex-end !important;
    align-items:center !important;
  }
}

/* Mobiel */
@media (max-width: 768px){
  .woocommerce-result-count.to-sf-result-count,
  .woocommerce .woocommerce-result-count.to-sf-result-count{
    line-height:1.3 !important;
    font-size:13px !important;
    margin-bottom:10px !important;
  }

  .woocommerce-ordering.to-sf-ordering,
  .woocommerce .woocommerce-ordering.to-sf-ordering{
    width:100% !important;
    margin-bottom:14px !important;
  }

  .woocommerce-ordering.to-sf-ordering select,
  .woocommerce .woocommerce-ordering.to-sf-ordering select{
    width:100% !important;
    min-width:0 !important;
  }
}


/* =========================================================
   v2.6 TOEBEHOREN SUBCATEGORIEËN + TOPBAR ROLLBACK
========================================================= */

/* Resultaattekst en sorteerkeuze terug naar thema/WooCommerce, geen custom polish */
.woocommerce-result-count.to-sf-result-count,
.woocommerce .woocommerce-result-count.to-sf-result-count{
  all:revert !important;
}

.woocommerce-ordering.to-sf-ordering,
.woocommerce .woocommerce-ordering.to-sf-ordering,
.woocommerce-ordering.to-sf-ordering select,
.woocommerce .woocommerce-ordering.to-sf-ordering select,
.woocommerce-ordering.to-sf-ordering .orderby{
  all:revert !important;
}

/* Toebehoren: hoofdcategorie + subcategorieën als duidelijke lijst */
.to-sf__section--toebehoren_categorie .to-sf__grid,
.to-sf__section--toebehoren_subcategorie .to-sf__grid{
  display:flex !important;
  flex-direction:column !important;
  gap:7px !important;
}

.to-sf__section--toebehoren_categorie .to-sf__button,
.to-sf__section--toebehoren_subcategorie .to-sf__button{
  width:100% !important;
  justify-content:flex-start !important;
  min-height:34px !important;
  padding:0 11px !important;
  border-radius:12px !important;
}

.to-sf__section--toebehoren_categorie .to-sf__button-label,
.to-sf__section--toebehoren_subcategorie .to-sf__button-label{
  flex:1 !important;
  text-align:left !important;
}

.to-sf__section--toebehoren_categorie .to-sf__button-count,
.to-sf__section--toebehoren_subcategorie .to-sf__button-count{
  margin-left:auto !important;
}


/* =========================================================
   v2.7 TOEBEHOREN ACCORDION STRUCTUUR
   Hoofdcategorieën met subcategorieën openklapbaar eronder.
========================================================= */

.to-sf__section--toebehoren_categorie,
.to-sf__section--toebehoren_subcategorie{
  display:none !important;
}

.to-sf__tree{
  display:flex;
  flex-direction:column;
  gap:7px;
}

.to-sf__tree-group{
  border:1px solid rgba(0,0,0,.10);
  border-radius:13px;
  background:#fff;
  overflow:hidden;
}

.to-sf__tree-summary{
  cursor:pointer;
  list-style:none;
  min-height:38px;
  padding:0 10px;
  display:flex;
  align-items:center;
  gap:8px;
  color:#151a1f;
  font-size:11.5px;
  font-weight:650;
}

.to-sf__tree-summary::-webkit-details-marker{
  display:none;
}

.to-sf__tree-summary:before{
  content:"+";
  width:20px;
  height:20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 20px;
  border-radius:999px;
  background:rgba(0,163,166,.08);
  border:1px solid rgba(0,163,166,.20);
  color:#008f92;
  font-size:14px;
  font-weight:700;
}

.to-sf__tree-group[open] .to-sf__tree-summary:before{
  content:"−";
}

.to-sf__tree-label{
  flex:1;
  min-width:0;
}

.to-sf__tree-count{
  color:#69737d;
  font-size:10px;
  font-weight:500;
}

.to-sf__tree-children{
  display:flex;
  flex-direction:column;
  gap:5px;
  padding:0 9px 9px 39px;
}

.to-sf__tree-child{
  min-height:30px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 9px;
  border-radius:10px;
  color:#20262c;
  text-decoration:none !important;
  border:1px solid rgba(0,0,0,.075);
  background:#fff;
  font-size:10.8px;
  font-weight:550;
}

.to-sf__tree-child:hover{
  color:#004f51;
  background:#f4fbfb;
  border-color:rgba(0,163,166,.22);
}

.to-sf__tree-child.is-active{
  color:#004f51;
  background:#eefafa;
  border-color:rgba(0,163,166,.34);
}

.to-sf__tree-child--all{
  font-weight:650;
}

.to-sf__tree-child-label{
  flex:1;
}

.to-sf__tree-child-count{
  color:#69737d;
  font-size:9.8px;
  font-weight:500;
}


/* =========================================================
   v2.8 TOEBEHOREN PARENT-LINK STRUCTUUR
   Hoofdcategorie klik = categorie openen. Subcategorieën verschijnen daarna.
========================================================= */

/* Oude accordion-styling overrulen */
.to-sf__tree{
  display:flex !important;
  flex-direction:column !important;
  gap:7px !important;
}

.to-sf__tree-row{
  display:flex !important;
  flex-direction:column !important;
  gap:6px !important;
}

.to-sf__tree-parent{
  width:100% !important;
  min-height:36px !important;
  padding:0 11px !important;
  border-radius:12px !important;
  border:1px solid rgba(0,0,0,.11) !important;
  background:#fff !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  text-decoration:none !important;
  color:#151a1f !important;
  font-size:11.5px !important;
  font-weight:620 !important;
}

.to-sf__tree-parent:hover{
  background:#f4fbfb !important;
  border-color:rgba(0,163,166,.26) !important;
  color:#004f51 !important;
}

.to-sf__tree-parent.is-active{
  background:#eefafa !important;
  border-color:rgba(0,163,166,.38) !important;
  color:#004f51 !important;
}

.to-sf__tree-parent:before{
  content:"›";
  width:20px;
  height:20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 20px;
  border-radius:999px;
  background:rgba(0,163,166,.08);
  border:1px solid rgba(0,163,166,.20);
  color:#008f92;
  font-size:16px;
  font-weight:700;
}

.to-sf__tree-parent.is-active:before{
  content:"↓";
}

.to-sf__tree-label{
  flex:1 !important;
  min-width:0 !important;
}

.to-sf__tree-count{
  color:#69737d !important;
  font-size:10px !important;
  font-weight:500 !important;
}

.to-sf__tree-children{
  display:flex !important;
  flex-direction:column !important;
  gap:5px !important;
  padding:0 0 2px 29px !important;
}

.to-sf__tree-child{
  min-height:31px !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:0 9px !important;
  border-radius:10px !important;
  color:#20262c !important;
  text-decoration:none !important;
  border:1px solid rgba(0,0,0,.075) !important;
  background:#fff !important;
  font-size:10.8px !important;
  font-weight:550 !important;
}

.to-sf__tree-child:hover{
  color:#004f51 !important;
  background:#f4fbfb !important;
  border-color:rgba(0,163,166,.22) !important;
}

.to-sf__tree-child.is-active{
  color:#004f51 !important;
  background:#eefafa !important;
  border-color:rgba(0,163,166,.34) !important;
}

.to-sf__tree-child-label{
  flex:1 !important;
}

.to-sf__tree-child-count{
  color:#69737d !important;
  font-size:9.8px !important;
  font-weight:500 !important;
}

/* Oude details/summary styling uit v2.7 neutraliseren als browser cache iets meeneemt */
.to-sf__tree-group,
.to-sf__tree-summary{
  display:none !important;
}


/* =========================================================
   v2.9 INSPIRATIE FILTER VOOR TEGELS
   Product tags als visuele inspiratie, niet als technische eigenschap.
========================================================= */

.to-sf__section--inspiratie .to-sf__grid{
  display:flex !important;
  flex-direction:column !important;
  gap:7px !important;
}

.to-sf__section--inspiratie .to-sf__button{
  width:100% !important;
  justify-content:flex-start !important;
  min-height:34px !important;
  padding:0 11px !important;
  border-radius:12px !important;
}

.to-sf__section--inspiratie .to-sf__button:before{
  content:"";
  width:7px;
  height:7px;
  border-radius:999px;
  background:rgba(199,1,127,.42);
  flex:0 0 7px;
}

.to-sf__section--inspiratie .to-sf__button.is-active:before{
  background:var(--to-sf-magenta);
}

.to-sf__section--inspiratie .to-sf__button-label{
  flex:1 !important;
  text-align:left !important;
}

.to-sf__section--inspiratie .to-sf__button-count{
  margin-left:auto !important;
}


/* =========================================================
   v3.0 INSPIRATIE: ALTIJD 6 OPTIES ZICHTBAAR
   + Toebehoren Wis alles naar hoofdpagina
========================================================= */

/* Inspiratie mag alle 6 vaste opties tonen. Geen verborgen 5e/6e door oude compact-regels. */
.to-sf__section--inspiratie .to-sf__button,
.to-sf__section--inspiratie .to-sf__grid > .to-sf__button:nth-of-type(n+5),
.to-sf__section--inspiratie .to-sf__grid > .to-sf__button:nth-of-type(n+6),
.to-sf__section--inspiratie .to-sf__grid > .to-sf__button:nth-of-type(n+7){
  display:flex !important;
}

/* De inspiratiegroep is bewust kort: geen 'meer weergeven' nodig bij 6 opties. */
.to-sf__section--inspiratie .to-sf__more{
  display:none !important;
}

/* Iets compacter zodat 6 opties nog rustig blijven. */
.to-sf__section--inspiratie .to-sf__grid{
  gap:6px !important;
}

.to-sf__section--inspiratie .to-sf__button{
  min-height:32px !important;
}


/* =========================================================
   v3.1 INSPIRATIE FORCE 6
   De vaste 6 inspiratie-opties altijd zichtbaar, ook met 0 resultaten.
========================================================= */

.to-sf__section--inspiratie{
  display:block !important;
}

.to-sf__section--inspiratie .to-sf__grid{
  display:flex !important;
  flex-direction:column !important;
}

.to-sf__section--inspiratie .to-sf__button,
.to-sf__section--inspiratie .to-sf__grid > .to-sf__button,
.to-sf__section--inspiratie .to-sf__grid > .to-sf__button.to-sf__extra,
.to-sf__section--inspiratie .to-sf__grid > .to-sf__button:nth-of-type(n){
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
}

.to-sf__section--inspiratie .to-sf__more{
  display:none !important;
}


/* =========================================================
   v3.3 INSPIRATIE COMPACT
   Alle 6 zichtbaar, maar in 2 kolommen zodat het minder hoogte neemt.
========================================================= */

.to-sf__section--inspiratie .to-sf__grid{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:6px !important;
}

.to-sf__section--inspiratie .to-sf__button,
.to-sf__section--inspiratie .to-sf__grid > .to-sf__button,
.to-sf__section--inspiratie .to-sf__grid > .to-sf__button.to-sf__extra,
.to-sf__section--inspiratie .to-sf__grid > .to-sf__button:nth-of-type(n){
  display:flex !important;
  width:100% !important;
  min-width:0 !important;
  min-height:32px !important;
  padding:0 8px !important;
  border-radius:11px !important;
  justify-content:flex-start !important;
}

.to-sf__section--inspiratie .to-sf__button:before{
  width:6px !important;
  height:6px !important;
  flex:0 0 6px !important;
  margin-right:0 !important;
}

.to-sf__section--inspiratie .to-sf__button-label{
  flex:1 1 auto !important;
  min-width:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  text-align:left !important;
  font-size:10.8px !important;
}

.to-sf__section--inspiratie .to-sf__button-count{
  flex:0 0 auto !important;
  margin-left:5px !important;
  font-size:9.4px !important;
}

.to-sf__section--inspiratie .to-sf__more{
  display:none !important;
}

@media (max-width: 390px){
  .to-sf__section--inspiratie .to-sf__grid{
    grid-template-columns:1fr !important;
  }
}


/* =========================================================
   v3.4 2-KOLOMS FILTERGRID
   De gewone tegelgroepen krijgen dezelfde rustige 2x3 structuur.
========================================================= */

/* Formaat, stijl en eigenschappen: 2 kolommen, max 6 zichtbaar, daarna Meer weergeven */
.to-sf__section--formaat .to-sf__grid,
.to-sf__section--stijl .to-sf__grid,
.to-sf__section--eigenschappen .to-sf__grid{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:6px !important;
}

.to-sf__section--formaat .to-sf__button,
.to-sf__section--stijl .to-sf__button,
.to-sf__section--eigenschappen .to-sf__button{
  width:100% !important;
  min-width:0 !important;
  min-height:32px !important;
  padding:0 8px !important;
  border-radius:11px !important;
  justify-content:flex-start !important;
}

.to-sf__section--formaat .to-sf__button-label,
.to-sf__section--stijl .to-sf__button-label,
.to-sf__section--eigenschappen .to-sf__button-label{
  flex:1 1 auto !important;
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  text-align:left !important;
  font-size:10.8px !important;
}

.to-sf__section--formaat .to-sf__button-count,
.to-sf__section--stijl .to-sf__button-count,
.to-sf__section--eigenschappen .to-sf__button-count{
  flex:0 0 auto !important;
  margin-left:5px !important;
  font-size:9.4px !important;
}

/* Hard override tegen oudere regels: precies 6 zichtbaar tenzij actief of expanded */
.to-sf__section--formaat:not(.is-expanded) .to-sf__grid > .to-sf__button:nth-of-type(n+7):not(.is-active),
.to-sf__section--stijl:not(.is-expanded) .to-sf__grid > .to-sf__button:nth-of-type(n+7):not(.is-active),
.to-sf__section--eigenschappen:not(.is-expanded) .to-sf__grid > .to-sf__button:nth-of-type(n+7):not(.is-active){
  display:none !important;
}

.to-sf__section--formaat.is-expanded .to-sf__grid > .to-sf__button,
.to-sf__section--stijl.is-expanded .to-sf__grid > .to-sf__button,
.to-sf__section--eigenschappen.is-expanded .to-sf__grid > .to-sf__button{
  display:flex !important;
}

/* Inspiratie: blijft 2 kolommen, wordt nu door PHP op aantal producten gesorteerd */
.to-sf__section--inspiratie .to-sf__grid{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:6px !important;
}

/* Mobiel: 2 kolommen blijft bruikbaar, behalve heel smal */
@media (max-width: 390px){
  .to-sf__section--formaat .to-sf__grid,
  .to-sf__section--stijl .to-sf__grid,
  .to-sf__section--eigenschappen .to-sf__grid,
  .to-sf__section--inspiratie .to-sf__grid{
    grid-template-columns:1fr !important;
  }
}


/* =========================================================
   v3.5 FIX: STIJL & EIGENSCHAPPEN 6 ZICHTBAAR
   Oude compact-regels verborgen de 6e optie nog. Deze override wint.
========================================================= */

/* Eerste 6 opties altijd tonen in de 2x3 groepen */
.to-sf__section--formaat:not(.is-expanded) .to-sf__grid > .to-sf__button:nth-of-type(-n+6),
.to-sf__section--stijl:not(.is-expanded) .to-sf__grid > .to-sf__button:nth-of-type(-n+6),
.to-sf__section--eigenschappen:not(.is-expanded) .to-sf__grid > .to-sf__button:nth-of-type(-n+6){
  display:flex !important;
}

/* Vanaf optie 7 verbergen, tenzij actief */
.to-sf__section--formaat:not(.is-expanded) .to-sf__grid > .to-sf__button:nth-of-type(n+7):not(.is-active),
.to-sf__section--stijl:not(.is-expanded) .to-sf__grid > .to-sf__button:nth-of-type(n+7):not(.is-active),
.to-sf__section--eigenschappen:not(.is-expanded) .to-sf__grid > .to-sf__button:nth-of-type(n+7):not(.is-active){
  display:none !important;
}

/* Bij Meer weergeven alles tonen */
.to-sf__section--formaat.is-expanded .to-sf__grid > .to-sf__button,
.to-sf__section--stijl.is-expanded .to-sf__grid > .to-sf__button,
.to-sf__section--eigenschappen.is-expanded .to-sf__grid > .to-sf__button{
  display:flex !important;
}


/* =========================================================
   v3.6 MEER FILTERS 2-KOLOMS + INSPIRATIE ZONDER BOLLETJE
   Dynamic attributes blijven uit WooCommerce taxonomieën komen.
========================================================= */

/* Roze bolletje bij Inspiratie weg */
.to-sf__section--inspiratie .to-sf__button:before,
.to-sf__section--inspiratie .to-sf__button.is-active:before{
  content:none !important;
  display:none !important;
}

.to-sf__section--inspiratie .to-sf__button{
  padding-left:10px !important;
}

/* Meer filters: Land van herkomst en Merk naast elkaar */
.to-sf__section--more{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:7px !important;
}

.to-sf__section--more .to-sf__section-head{
  grid-column:1 / -1 !important;
  margin-bottom:0 !important;
}

.to-sf__section--more .to-sf__details{
  margin:0 !important;
  min-width:0 !important;
}

/* Compactere headers zodat 2 naast elkaar mooi blijft */
.to-sf__section--more .to-sf__summary{
  min-height:34px !important;
  padding:8px 9px !important;
  font-size:10.4px !important;
  line-height:1.15 !important;
  gap:6px !important;
}

.to-sf__section--more .to-sf__summary:after{
  width:19px !important;
  height:19px !important;
  flex:0 0 19px !important;
  font-size:13px !important;
}

.to-sf__section--more .to-sf__details-content{
  padding:0 7px 8px !important;
}

/* Als een detail open staat: opties ook compact, in 1 kolom binnen elk vak */
.to-sf__section--more .to-sf__select-list{
  gap:5px !important;
}

.to-sf__section--more .to-sf__select-link{
  min-height:29px !important;
  padding:0 7px !important;
  font-size:10px !important;
  border-radius:9px !important;
}

/* Mobiel: meer filters weer onder elkaar voor tikbaarheid */
@media (max-width: 768px){
  .to-sf__section--more{
    grid-template-columns:1fr !important;
  }

  .to-sf__section--more .to-sf__summary{
    font-size:12px !important;
    min-height:40px !important;
  }

  .to-sf__section--more .to-sf__select-link{
    font-size:12px !important;
    min-height:36px !important;
  }
}


/* =========================================================
   v3.7 MEER FILTERS: OPTIES BINNEN LAND/MERK IN 2 KOLOMMEN
   Niet Land en Merk naast elkaar, maar de opties IN elke dropdown.
========================================================= */

/* Meer filters zelf terug onder elkaar */
.to-sf__section--more{
  display:block !important;
}

.to-sf__section--more .to-sf__section-head{
  display:flex !important;
  margin-bottom:8px !important;
}

.to-sf__section--more .to-sf__details{
  width:100% !important;
  margin:0 0 8px !important;
}

.to-sf__section--more .to-sf__details:last-child{
  margin-bottom:0 !important;
}

/* Dropdown headers opnieuw vol en rustig */
.to-sf__section--more .to-sf__summary{
  min-height:36px !important;
  padding:9px 11px !important;
  font-size:11px !important;
  line-height:1.15 !important;
}

/* De opties binnen Land/Merk in 2 kolommen */
.to-sf__section--more .to-sf__select-list{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:6px !important;
}

.to-sf__section--more .to-sf__select-link{
  min-width:0 !important;
  width:100% !important;
  min-height:31px !important;
  padding:0 8px !important;
  border-radius:10px !important;
  font-size:10.2px !important;
  line-height:1.1 !important;
}

.to-sf__section--more .to-sf__select-link span:first-child{
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

.to-sf__section--more .to-sf__select-link .to-sf__button-count{
  flex:0 0 auto !important;
  margin-left:6px !important;
}

/* Mobiel: opties weer 1 kolom voor tikbaarheid */
@media (max-width: 768px){
  .to-sf__section--more .to-sf__select-list{
    grid-template-columns:1fr !important;
  }

  .to-sf__section--more .to-sf__summary{
    font-size:12px !important;
    min-height:40px !important;
  }

  .to-sf__section--more .to-sf__select-link{
    font-size:12px !important;
    min-height:36px !important;
  }
}


/* =========================================================
   v4.3 MOBILE 2-KOLOMS FILTERS VOOR TEGELS
   Formaat, Stijl, Eigenschappen, Inspiratie, Land en Merk ook mobiel compact.
========================================================= */

@media (max-width: 768px){
  /* Tegelgroepen mobiel ook 2 naast elkaar */
  .to-sf__section--formaat .to-sf__grid,
  .to-sf__section--stijl .to-sf__grid,
  .to-sf__section--eigenschappen .to-sf__grid,
  .to-sf__section--inspiratie .to-sf__grid{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:7px !important;
  }

  .to-sf__section--formaat .to-sf__button,
  .to-sf__section--stijl .to-sf__button,
  .to-sf__section--eigenschappen .to-sf__button,
  .to-sf__section--inspiratie .to-sf__button{
    width:100% !important;
    min-width:0 !important;
    min-height:38px !important;
    padding:0 10px !important;
    border-radius:12px !important;
    justify-content:flex-start !important;
  }

  .to-sf__section--formaat .to-sf__button-label,
  .to-sf__section--stijl .to-sf__button-label,
  .to-sf__section--eigenschappen .to-sf__button-label,
  .to-sf__section--inspiratie .to-sf__button-label{
    flex:1 1 auto !important;
    min-width:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    text-align:left !important;
    font-size:12.5px !important;
    line-height:1.1 !important;
  }

  .to-sf__section--formaat .to-sf__button-count,
  .to-sf__section--stijl .to-sf__button-count,
  .to-sf__section--eigenschappen .to-sf__button-count,
  .to-sf__section--inspiratie .to-sf__button-count{
    flex:0 0 auto !important;
    margin-left:5px !important;
    font-size:11px !important;
  }

  /* Eerste 6 zichtbaar, vanaf 7 achter Meer weergeven */
  .to-sf__section--formaat:not(.is-expanded) .to-sf__grid > .to-sf__button:nth-of-type(-n+6),
  .to-sf__section--stijl:not(.is-expanded) .to-sf__grid > .to-sf__button:nth-of-type(-n+6),
  .to-sf__section--eigenschappen:not(.is-expanded) .to-sf__grid > .to-sf__button:nth-of-type(-n+6){
    display:flex !important;
  }

  .to-sf__section--formaat:not(.is-expanded) .to-sf__grid > .to-sf__button:nth-of-type(n+7):not(.is-active),
  .to-sf__section--stijl:not(.is-expanded) .to-sf__grid > .to-sf__button:nth-of-type(n+7):not(.is-active),
  .to-sf__section--eigenschappen:not(.is-expanded) .to-sf__grid > .to-sf__button:nth-of-type(n+7):not(.is-active){
    display:none !important;
  }

  .to-sf__section--formaat.is-expanded .to-sf__grid > .to-sf__button,
  .to-sf__section--stijl.is-expanded .to-sf__grid > .to-sf__button,
  .to-sf__section--eigenschappen.is-expanded .to-sf__grid > .to-sf__button{
    display:flex !important;
  }

  /* Inspiratie blijft altijd alle 6 tonen, 2 naast elkaar */
  .to-sf__section--inspiratie .to-sf__grid > .to-sf__button,
  .to-sf__section--inspiratie .to-sf__grid > .to-sf__button:nth-of-type(n){
    display:flex !important;
  }

  .to-sf__section--inspiratie .to-sf__more{
    display:none !important;
  }

  /* Meer filters: opties binnen Land van herkomst en Merk ook mobiel 2 kolommen */
  .to-sf__section--more .to-sf__select-list{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:7px !important;
  }

  .to-sf__section--more .to-sf__select-link{
    width:100% !important;
    min-width:0 !important;
    min-height:36px !important;
    padding:0 9px !important;
    border-radius:10px !important;
    font-size:11.5px !important;
  }

  .to-sf__section--more .to-sf__select-link span:first-child{
    min-width:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  .to-sf__section--more .to-sf__select-link .to-sf__button-count{
    flex:0 0 auto !important;
    margin-left:5px !important;
    font-size:10.5px !important;
  }
}

/* Ook op heel smalle smartphones liever 2 naast elkaar houden zoals gevraagd */
@media (max-width: 390px){
  .to-sf__section--formaat .to-sf__grid,
  .to-sf__section--stijl .to-sf__grid,
  .to-sf__section--eigenschappen .to-sf__grid,
  .to-sf__section--inspiratie .to-sf__grid,
  .to-sf__section--more .to-sf__select-list{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }

  .to-sf__section--formaat .to-sf__button-label,
  .to-sf__section--stijl .to-sf__button-label,
  .to-sf__section--eigenschappen .to-sf__button-label,
  .to-sf__section--inspiratie .to-sf__button-label,
  .to-sf__section--more .to-sf__select-link span:first-child{
    font-size:11.5px !important;
  }
}


/* =========================================================
   v4.4 MOBILE FIX: LAND/MERK 2 KOLOMMEN ZONDER OVERLAP
========================================================= */

@media (max-width: 768px){
  .to-sf__section--more,
  .to-sf__section--more *,
  .to-sf__section--more *:before,
  .to-sf__section--more *:after{
    box-sizing:border-box !important;
  }

  .to-sf__section--more .to-sf__details{
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
  }

  .to-sf__section--more .to-sf__details-content{
    width:100% !important;
    max-width:100% !important;
    padding:0 8px 10px !important;
    overflow:hidden !important;
  }

  .to-sf__section--more .to-sf__select-list{
    width:100% !important;
    max-width:100% !important;
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) !important;
    gap:7px !important;
    overflow:hidden !important;
  }

  .to-sf__section--more .to-sf__select-link{
    min-width:0 !important;
    max-width:100% !important;
    width:100% !important;
    min-height:36px !important;
    padding:0 7px !important;
    border-radius:10px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    overflow:hidden !important;
    white-space:nowrap !important;
    font-size:11px !important;
  }

  .to-sf__section--more .to-sf__select-link span:first-child{
    flex:1 1 auto !important;
    min-width:0 !important;
    max-width:100% !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  .to-sf__section--more .to-sf__select-link .to-sf__button-count,
  .to-sf__section--more .to-sf__select-link span:last-child{
    flex:0 0 auto !important;
    min-width:auto !important;
    margin-left:4px !important;
    font-size:9.8px !important;
    color:#69737d !important;
  }
}

/* Op extreem smalle toestellen iets compacter, maar nog steeds 2 kolommen */
@media (max-width: 390px){
  .to-sf__section--more .to-sf__select-list{
    grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) !important;
    gap:6px !important;
  }

  .to-sf__section--more .to-sf__select-link{
    min-height:34px !important;
    padding:0 6px !important;
    font-size:10.4px !important;
  }

  .to-sf__section--more .to-sf__select-link .to-sf__button-count,
  .to-sf__section--more .to-sf__select-link span:last-child{
    font-size:9.2px !important;
    margin-left:3px !important;
  }
}


/* =========================================================
   v4.5 SOORT TEGEL + WIS ALLES NAAR TEGELS
========================================================= */

.to-sf__section--producttype .to-sf__grid{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:7px !important;
}

.to-sf__section--producttype .to-sf__button{
  width:100% !important;
  min-width:0 !important;
  min-height:34px !important;
  padding:0 10px !important;
  border-radius:12px !important;
  justify-content:flex-start !important;
}

.to-sf__section--producttype .to-sf__button-label{
  flex:1 1 auto !important;
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  text-align:left !important;
}

.to-sf__section--producttype .to-sf__button-count{
  flex:0 0 auto !important;
  margin-left:5px !important;
}

/* Mobiel ook 2 kolommen */
@media (max-width: 768px){
  .to-sf__section--producttype .to-sf__grid{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:7px !important;
  }

  .to-sf__section--producttype .to-sf__button{
    min-height:38px !important;
  }

  .to-sf__section--producttype .to-sf__button-label{
    font-size:12.5px !important;
  }

  .to-sf__section--producttype .to-sf__button-count{
    font-size:11px !important;
  }
}


/* =========================================================
   v4.6 SOORT TEGEL: 4 OPTIES
   Vloertegels, Wandtegels, Terrastegels 2cm en Mozaïek.
========================================================= */

.to-sf__section--producttype .to-sf__grid{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:7px !important;
}

.to-sf__section--producttype .to-sf__button{
  min-height:34px !important;
}

.to-sf__section--producttype .to-sf__button-label{
  font-size:10.6px !important;
}

@media (max-width: 768px){
  .to-sf__section--producttype .to-sf__button{
    min-height:38px !important;
  }

  .to-sf__section--producttype .to-sf__button-label{
    font-size:12px !important;
  }
}


/* =========================================================
   v4.7 SOORT TEGEL FIX
   Correcte Terrastegels 2cm-link + geen Meer weergeven bij 4 opties.
========================================================= */

.to-sf__section--producttype .to-sf__button,
.to-sf__section--producttype .to-sf__grid > .to-sf__button:nth-of-type(n){
  display:flex !important;
}

.to-sf__section--producttype .to-sf__more{
  display:none !important;
}


/* =========================================================
   v4.8 INSPIRATIE APART ALS NAVIGATIEBLOK
   Inspiratie is geen technische filter, maar sfeerbeeld-navigatie.
========================================================= */

/* Oude inspiratie-filtersectie verbergen als die door cache/oud JS toch nog verschijnt */
.to-sf__section--inspiratie{
  display:none !important;
}

/* Nieuw inspiratieblok onderaan */
.to-sf__section--inspiratie-nav{
  margin-top:14px !important;
  padding-top:13px !important;
  border-top:1px solid rgba(0,0,0,.075) !important;
}

.to-sf__section-head--stacked{
  display:block !important;
  margin-bottom:8px !important;
}

.to-sf__section-note{
  margin:5px 0 0 !important;
  color:#6b757e !important;
  font-size:10.6px !important;
  line-height:1.35 !important;
  font-weight:500 !important;
}

.to-sf__inspiration-grid{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:6px !important;
}

.to-sf__inspiration-link{
  display:flex !important;
  align-items:center !important;
  min-width:0 !important;
  min-height:32px !important;
  padding:0 10px !important;
  border-radius:12px !important;
  border:1px solid rgba(199,1,127,.13) !important;
  background:linear-gradient(135deg, rgba(199,1,127,.035), rgba(0,163,166,.025)) !important;
  color:#20262c !important;
  text-decoration:none !important;
  font-size:10.8px !important;
  font-weight:600 !important;
  line-height:1.1 !important;
  box-shadow:none !important;
}

.to-sf__inspiration-link:hover{
  color:#7e0051 !important;
  border-color:rgba(199,1,127,.28) !important;
  background:linear-gradient(135deg, rgba(199,1,127,.07), rgba(0,163,166,.035)) !important;
}

.to-sf__inspiration-link.is-active{
  color:#7e0051 !important;
  border-color:rgba(199,1,127,.36) !important;
  background:rgba(199,1,127,.07) !important;
}

.to-sf__inspiration-label{
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

/* Geen aantallen tonen bij inspiratie, zodat het duidelijk navigatie is en geen gewone filter */
.to-sf__section--inspiratie-nav .to-sf__button-count,
.to-sf__section--inspiratie-nav .to-sf__color-count{
  display:none !important;
}

@media (max-width: 768px){
  .to-sf__section--inspiratie-nav{
    margin-top:16px !important;
    padding-top:15px !important;
  }

  .to-sf__section-note{
    font-size:11.5px !important;
  }

  .to-sf__inspiration-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:7px !important;
  }

  .to-sf__inspiration-link{
    min-height:38px !important;
    font-size:12.3px !important;
    padding:0 10px !important;
  }
}


/* =========================================================
   v5.0 INSPIRATIE COUNTS TERUG, MAAR SUBTIEL
   Inspiratie blijft navigatieblok, niet gewone filter.
========================================================= */

/* Oude regel die counts in het inspiratieblok wegduwde overrulen */
.to-sf__section--inspiratie-nav .to-sf__inspiration-count{
  display:inline-flex !important;
}

.to-sf__inspiration-link{
  gap:7px !important;
}

.to-sf__inspiration-label{
  flex:1 1 auto !important;
  min-width:0 !important;
}

.to-sf__inspiration-count{
  flex:0 0 auto !important;
  min-width:22px !important;
  height:18px !important;
  padding:0 6px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:rgba(255,255,255,.72) !important;
  border:1px solid rgba(199,1,127,.10) !important;
  color:#7c8790 !important;
  font-size:9.2px !important;
  font-weight:650 !important;
  line-height:1 !important;
}

.to-sf__inspiration-link:hover .to-sf__inspiration-count,
.to-sf__inspiration-link.is-active .to-sf__inspiration-count{
  color:#7e0051 !important;
  border-color:rgba(199,1,127,.22) !important;
  background:rgba(255,255,255,.88) !important;
}

@media (max-width: 768px){
  .to-sf__inspiration-count{
    min-width:24px !important;
    height:19px !important;
    font-size:10px !important;
    padding:0 6px !important;
  }
}


/* =========================================================
   v5.8.7 MINIMUM BESCHIKBAAR VISUEEL GELIJK MET DE REST
   Zelfde chip-stijl en ritme als Soort tegel / gewone filtergroepen.
========================================================= */

.to-sf__section--stock_min .to-sf__grid{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:7px !important;
}

.to-sf__section--stock_min .to-sf__button{
  width:100% !important;
  min-width:0 !important;
  min-height:34px !important;
  padding:0 10px !important;
  border-radius:12px !important;
  justify-content:flex-start !important;
}

.to-sf__section--stock_min .to-sf__button-label{
  flex:1 1 auto !important;
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  text-align:left !important;
  font-size:10.6px !important;
  line-height:1.1 !important;
}

.to-sf__section--stock_min .to-sf__button-count{
  flex:0 0 auto !important;
  margin-left:5px !important;
  font-size:10px !important;
}

.to-sf__section--stock_min .to-sf__button,
.to-sf__section--stock_min .to-sf__grid > .to-sf__button:nth-of-type(n){
  display:flex !important;
}

.to-sf__section--stock_min .to-sf__more{
  display:none !important;
}

@media (max-width: 768px){
  .to-sf__section--stock_min .to-sf__grid{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:7px !important;
  }

  .to-sf__section--stock_min .to-sf__button{
    min-height:38px !important;
  }

  .to-sf__section--stock_min .to-sf__button-label{
    font-size:12px !important;
  }

  .to-sf__section--stock_min .to-sf__button-count{
    font-size:11px !important;
  }
}

@media (max-width: 390px){
  .to-sf__section--stock_min .to-sf__grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }

  .to-sf__section--stock_min .to-sf__button-label{
    font-size:11.5px !important;
  }
}