.controls{display:flex;justify-content:center;margin-bottom:var(--spacing-2xl)}.category-page-copy{max-width:1400px;margin:0 auto var(--spacing-lg);padding:0 var(--spacing-lg);color:var(--t2-text-light);p{margin:0 0 var(--spacing-sm);line-height:1.7}p:last-child{margin-bottom:0}}.category-page-copy-top{font-size:var(--font-size-sm)}.category-page-copy-bottom{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl);border:1px solid var(--t2-border);border-radius:var(--radius-lg);background:var(--t2-bg-card);color:var(--t2-text);font-size:var(--font-size-lg)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg);margin:0 auto var(--spacing-2xl);padding:0 var(--spacing-lg)}.page-link{display:inline-flex;align-items:center;justify-content:center;min-width:140px;padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--t2-border);background:var(--t2-bg-card);color:var(--t2-text);font-weight:var(--font-weight-semibold);text-decoration:none;transition:all var(--transition-fast);&:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-dark,0 10px 30px rgba(0,0,0,0.35))}&:focus-visible{outline:2px solid var(--accent);outline-offset:2px}&.disabled{opacity:0.5;pointer-events:none}}.page-status{font-weight:var(--font-weight-medium);color:var(--t2-text-light)}.price-toggle{display:inline-flex;align-items:center;gap:var(--spacing-md);color:var(--surface-contrast-text,var(--t2-text));font-weight:var(--font-weight-medium);cursor:pointer;background:var(--t2-bg-card);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:all var(--transition-fast);&:hover{border-color:var(--accent)}input{position:absolute;opacity:0;width:0;height:0;&:not(:checked) + .switch{background:var(--toggle-inactive,#bfbfbf)}&:checked + .switch{background:var(--accent);&::after{transform:translateX(22px);background:var(--accent-contrast-text,#ffffff)}}&:focus-visible + .switch{outline:2px solid var(--accent);outline-offset:2px}}.switch{position:relative;width:48px;height:26px;background:var(--toggle-inactive,#bfbfbf);border-radius:var(--radius-lg);transition:background var(--transition-fast);flex-shrink:0;&::after{content: "";position:absolute;top:3px;left:3px;width:20px;height:20px;background:var(--accent-contrast-text,#ffffff);border-radius:var(--radius-lg);transition:transform var(--transition-fast);box-shadow:0 2px 4px rgba(0,0,0,0.3)}}.toggle-label{user-select:none;color:var(--surface-contrast-text,var(--t2-text-light));font-size:var(--font-size-sm)}}#producten{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(220px,1fr)) !important;gap:var(--spacing-xl);width:100%;max-width:75%;margin:0 auto;padding:0 var(--spacing-lg) 50px;justify-items:stretch;align-items:stretch;.product{width:100%;min-width:0;background:var(--t2-bg-card);border:1px solid var(--t2-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal);position:relative;content-visibility:auto;contain-intrinsic-size:1px 340px;&::before{content: "";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-hover) 100% );transform:scaleX(0);transition:transform var(--transition-normal)}&:hover{transform:translateY(-10px);box-shadow:var(--shadow-dark,0 8px 40px rgba(0,0,0,0.5));border-color:transparent;&::before{transform:scaleX(1)}img{transform:scale(1.05)}}a{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}img{width:100%;height:220px;object-fit:contain;padding:var(--spacing-xl);background:linear-gradient(180deg,rgba(255,255,255,0.03) 0%,transparent 100% );transition:transform var(--transition-normal)}h2{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--t2-text);padding:var(--spacing-sm) var(--spacing-xl) var(--spacing-xs);margin-bottom:var(--spacing-md);line-height:var(--line-height-tight);display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}>a>div{padding:var(--spacing-lg);margin-top:auto;border-top:1px solid var(--t2-border);background:var(--t2-bg-card-hover)}.discount{display:inline-block;background:var(--accent);color:var(--accent-contrast-text,var(--t2-text));font-weight:var(--font-weight-bold);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);margin-bottom:var(--spacing-sm)}.price{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--t2-text);display:flex;align-items:baseline;gap:var(--spacing-xs);.incl-excl{font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:var(--text-muted)}}.special-price{font-size:var(--font-size-sm);color:var(--text-muted);text-decoration:line-through;margin-top:var(--spacing-xs);.advies{font-size:var(--font-size-xs);color:var(--accent);font-style:normal;text-decoration:none;margin-left:var(--spacing-xs)}}}}#category-filter{background:var(--t2-bg-card);border:1px solid var(--t2-border);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg);color:var(--t2-text);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);&:hover{border-color:var(--accent)}&:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}}@media (min-width:769px) and (max-width:1100px){.category-page-copy{padding:0 var(--spacing-md)}.category-page-copy-bottom{padding:var(--spacing-lg);font-size:var(--font-size-base)}#producten{grid-template-columns:repeat(3,minmax(0,1fr)) !important;width:100%;max-width:100%;gap:14px;padding:0 var(--spacing-md) 46px;.product{img{height:190px;padding:12px}h2{padding:var(--spacing-sm) var(--spacing-lg) 2px;font-size:0.95rem}}}.pagination{gap:var(--spacing-md)}.page-link{min-width:124px;padding:var(--spacing-sm) var(--spacing-lg)}}@media (max-width:768px){.category-page-copy{padding:0 10px}.category-page-copy-bottom{padding:var(--spacing-lg);font-size:var(--font-size-base)}#producten{grid-template-columns:repeat(2,minmax(0,1fr)) !important;width:100%;max-width:100%;gap:10px;padding:0 10px 42px;.product{img{height:170px;padding:10px}h2{padding:var(--spacing-sm) var(--spacing-lg) 2px}}}.pagination{gap:var(--spacing-sm)}.page-link{min-width:120px;padding:var(--spacing-sm) var(--spacing-lg)}}@media (max-width:360px){#producten{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px;padding:0 8px 40px;.product{img{height:132px;padding:8px}}}.pagination{flex-direction:column}}