/* Assortiment: actieve filters (alle schermen) en filterpaneel op mobiel */
.catalog-active{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 14px}
.catalog-active a{display:inline-flex;align-items:center;gap:6px;background:#e8f2ff;color:#0052cc;border-radius:999px;padding:6px 11px;font-size:14px;font-weight:600;text-decoration:none;line-height:1.3}
.catalog-active a:hover{background:#d6e8ff}
.catalog-active a span{font-size:16px;line-height:1}
.catalog-active a.catalog-active-clear{background:none;color:var(--blue,#007bff);padding:6px 4px;font-weight:700}
.catalog-chips,.filter-open,.filter-sheet-head,.filter-sheet-foot,.filter-sheet-dim{display:none}

@media (max-width:760px){
  /* Categorieën als veegbare knoppen */
  .catalog-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:14px 0 4px;padding:2px 0 6px;-webkit-overflow-scrolling:touch}
  .catalog-chips::-webkit-scrollbar{display:none}
  .catalog-chips a{flex:none;border:1px solid var(--border,#dfe9f4);border-radius:999px;padding:9px 15px;font-size:15px;font-weight:600;color:var(--navy,#071a3d);background:#fff;text-decoration:none;white-space:nowrap}
  .catalog-chips a.active{background:var(--navy,#071a3d);border-color:var(--navy,#071a3d);color:#fff}
  .catalog-page .product-type-picker{display:none}

  /* Vaste balk met Filters, Sorteren en weergave */
  .catalog-toolbar{position:sticky;top:0;z-index:30;display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px;padding:10px 0;background:#fff;box-shadow:0 0 0 100vmax #fff;clip-path:inset(0 -100vmax);border-bottom:1px solid var(--border,#dfe9f4)}
  .catalog-toolbar>[data-result-count]{order:10;flex-basis:100%;font-size:14px!important;color:var(--muted,#627593)}
  .filter-open{display:inline-flex;flex:1 1 0;min-width:0;align-items:center;justify-content:center;gap:8px;height:46px;border:1px solid #cfd9e6;border-radius:12px;background:#fff;font:inherit;font-size:16px!important;font-weight:700;color:var(--navy,#071a3d);cursor:pointer}
  .filter-open b{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--blue,#007bff);color:#fff;font-size:12px}
  .catalog-toolbar form{flex:1 1 0;min-width:0;display:flex}
  .catalog-toolbar select{width:100%;max-width:none!important;height:46px;min-height:46px;border:1px solid #cfd9e6!important;border-radius:12px!important;padding:0 30px 0 12px!important;font-size:15px!important;font-weight:700;color:var(--navy,#071a3d);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23627593' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 12px center;-webkit-appearance:none;appearance:none}
  .catalog-toolbar .view-buttons{display:none}
  .catalog-banner{height:auto!important;min-height:0!important;overflow:hidden!important}
  .catalog-banner>div{position:static!important;height:auto!important;padding:18px 20px!important}
  .catalog-banner h1{margin:0 0 6px}
  .catalog-banner p{margin:0;font-size:15px!important;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

  /* Filterpaneel van onderen */
  .catalog-layout>aside{position:fixed;left:0;right:0;bottom:0;z-index:1001;max-height:88vh;max-height:88dvh;overflow-y:auto;overscroll-behavior:contain;background:#fff;border-radius:20px 20px 0 0;box-shadow:0 -10px 40px rgba(7,26,61,.25);transform:translateY(105%);visibility:hidden;transition:transform .25s ease,visibility 0s linear .25s}
  .catalog-layout>aside.is-open{transform:none;visibility:visible;transition:transform .25s ease}
  .filter-sheet-dim{display:block;position:fixed;inset:0;z-index:1000;background:rgba(7,26,61,.5);opacity:0;pointer-events:none;transition:opacity .2s}
  .filter-sheet-dim.is-open{opacity:1;pointer-events:auto}
  body.filter-sheet-locked{overflow:hidden}
  .filter-sheet-head{display:flex;position:sticky;top:0;z-index:2;align-items:center;justify-content:space-between;padding:18px 16px 12px;background:#fff;border-bottom:1px solid var(--border,#dfe9f4)}
  .filter-sheet-head:before{content:"";position:absolute;left:50%;top:7px;width:40px;height:5px;margin-left:-20px;border-radius:5px;background:#cfd9e6}
  .filter-sheet-head strong{font-size:19px}
  .filter-sheet-head button{width:40px;height:40px;border-radius:50%;border:0;background:var(--pale,#f4f8fd);font-size:24px;line-height:1;color:var(--muted,#627593);cursor:pointer}
  .filter-sheet-foot{display:flex;position:sticky;bottom:0;z-index:2;gap:10px;padding:12px 16px calc(14px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--border,#dfe9f4)}
  .filter-sheet-foot a{flex:none;display:inline-flex;align-items:center;padding:0 16px;height:50px;border:1px solid #cfd9e6;border-radius:12px;color:var(--navy,#071a3d);font-weight:700;font-size:15px;text-decoration:none}
  .filter-sheet-foot button{flex:1;height:50px;border:0;border-radius:12px;background:linear-gradient(#0789ff,#0064ff);color:#fff;font:inherit;font-weight:700;font-size:16px;cursor:pointer}
  .catalog-layout>aside .catalog-frame-help{margin:14px 16px 0}

  /* Filters in één kolom */
  .catalog-layout>aside form.filters{display:block;background:none;border:0;border-radius:0;padding:0 16px}
  .catalog-layout>aside form.filters details{margin:0;padding:0 0 4px;border-bottom:1px solid var(--border,#dfe9f4)}
  .catalog-layout>aside form.filters summary{display:flex;align-items:center;justify-content:space-between;margin:0;padding:16px 0;font-size:16px!important}
  .catalog-layout>aside form.filters summary:after{content:"";float:none;width:9px;height:9px;border-right:2px solid var(--muted,#627593);border-bottom:2px solid var(--muted,#627593);transform:rotate(-135deg);margin-top:4px}
  .catalog-layout>aside form.filters details:not([open]) summary:after{transform:rotate(45deg);margin-top:-4px}
  .catalog-layout>aside form.filters details>*:not(summary){margin-bottom:12px}
  .catalog-layout>aside form.filters .checkbox{padding:8px 0;font-size:16px!important}
  .catalog-layout>aside form.filters .color-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .catalog-layout>aside form.filters .price-filters{display:flex;gap:10px}
  .catalog-layout>aside form.filters .price-filters label{flex:1;display:flex;flex-direction:column;gap:4px;font-size:14px}
  .catalog-layout>aside form.filters input:not([type=checkbox]):not([type=radio]){min-height:46px;border-radius:10px;font-size:16px}
  .catalog-layout>aside form.filters [data-filter-submit],.catalog-layout>aside form.filters>.reset-link,.catalog-layout>aside form.filters .filter-live{display:none}

  /* Productkaarten: nette titels en knoppen */
  .catalog-grid .product-card .product-info h3{font-size:15px!important;line-height:1.3!important;overflow-wrap:break-word!important;word-break:normal!important;-webkit-hyphens:auto;hyphens:auto;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .catalog-grid:not(.list-view) .product-card-facts{display:none}
  .catalog-grid:not(.list-view) .product-card .button{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:42px;padding:8px 10px!important;font-size:14px!important;line-height:1.2;white-space:nowrap}
}
@media (max-width:400px){
  .catalog-grid:not(.list-view) .product-card .button svg{display:none}
}