.product-catalog-page{min-height:100vh;padding:24px 0 80px;background-color:var(--bg-primary)}.product-catalog-page .container{max-width:1400px;margin:0 auto;padding:0 24px}.catalog-header{position:relative;display:flex;justify-content:space-between;align-items:flex-start;gap:clamp(1rem,2vw,1.5rem);padding-bottom:0.5rem;margin-bottom:0;border-bottom:2px solid var(--accent)}.catalog-header__text{flex:1;min-width:0}.catalog-header__title{font-size:clamp(1.625rem,3vw + 0.25rem,2.25rem);font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-0.01em;line-height:1.2}.catalog-header__subtitle{color:var(--text-secondary);font-size:clamp(0.9375rem,1.5vw + 0.5rem,1.0625rem);line-height:1.5;margin:0;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.catalog-header__count{display:inline-flex;align-items:center;gap:0.375rem;padding:0.375rem 0.875rem;background:var(--accent);color:#fff;font-size:0.875rem;font-weight:600;border-radius:9999px;margin:0;white-space:nowrap;box-shadow:0 2px 8px rgba(var(--accent-rgb),0.25)}.catalog-header__count strong{color:inherit;font-weight:700}.catalog-header__intro{display:flex;flex-wrap:nowrap;align-items:baseline;gap:0.75rem;margin-top:0.25rem;min-height:1.5em}.catalog-header__description{color:var(--text-secondary);font-size:clamp(0.875rem,1.5vw + 0.5rem,1rem);line-height:1.5;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.catalog-header__readmore{background:none;border:none;color:var(--accent);cursor:pointer;font-size:0.875rem;font-family:inherit;font-weight:500;padding:0;text-decoration:none;white-space:nowrap;transition:color 0.15s ease}.catalog-header__readmore:hover{text-decoration:underline;color:var(--accent-hover,var(--accent))}.catalog-header__readmore--close{margin-top:0.5rem}.catalog-header__expanded{margin-top:0.75rem;padding-bottom:0.5rem}.catalog-header__bekijk-ook{margin:1rem 0 0.75rem}.catalog-header__bekijk-label{font-weight:700;font-size:0.9375rem;margin:0 0 0.625rem;color:var(--text-primary)}.catalog-header__bekijk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:0.5rem}.catalog-header__bekijk-card{display:flex;flex-direction:column;gap:0.125rem;padding:0.625rem 0.875rem;border:1px solid var(--border-primary,var(--border));border-radius:8px;color:var(--text-primary);text-decoration:none;background:var(--bg-secondary);transition:border-color 0.15s,background 0.15s,box-shadow 0.15s}.catalog-header__bekijk-card:hover{border-color:var(--accent);background:var(--bg-primary);box-shadow:0 2px 8px rgba(0,0,0,0.06);text-decoration:none}.catalog-header__bekijk-title{font-weight:600;font-size:0.8125rem;color:var(--text-primary)}.catalog-header__bekijk-card:hover .catalog-header__bekijk-title{color:var(--accent)}.catalog-header__bekijk-desc{font-size:0.75rem;color:var(--text-secondary);line-height:1.3}.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:clamp(1rem,2vw,1.5rem);padding:0;margin-bottom:0}.catalog-toolbar__left,.catalog-toolbar__right{display:flex;align-items:center;gap:clamp(1rem,2vw,1.5rem)}.catalog-toggle{display:flex;align-items:center;gap:0.5rem;font-size:0.875rem;color:var(--text-secondary);cursor:pointer;user-select:none;transition:color 0.15s ease}.catalog-toggle input[type="checkbox"]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.catalog-toggle:hover{color:var(--text-primary)}.catalog-sort{display:flex;align-items:center;gap:0.5rem}.catalog-sort label{font-size:0.875rem;color:var(--text-secondary)}.catalog-sort select{padding:0.5rem 2rem 0.5rem 0.75rem;background-color:transparent;border:1px solid var(--border);border-radius:var(--radius-md,8px);color:var(--text-primary);font-size:0.875rem;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a0a0a0' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0.625rem center;transition:border-color 0.15s ease,background-color 0.15s ease}.catalog-sort select:hover{border-color:var(--border-light);background-color:var(--bg-secondary)}.catalog-sort select:focus{outline:none;border-color:var(--accent)}.catalog-view{display:flex;gap:0.25rem;background:var(--bg-secondary);padding:0.25rem;border-radius:var(--radius-md,8px)}.view-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:calc(var(--radius-md,8px) - 2px);color:var(--text-muted);cursor:pointer;transition:all 0.15s ease}.view-btn:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.view-btn.is-active{background-color:var(--accent);color:#fff;box-shadow:0 2px 6px rgba(var(--accent-rgb),0.3)}.catalog-layout{display:grid;grid-template-columns:280px 1fr;gap:24px;align-items:start}.catalog-products{min-height:400px;position:relative}.catalog-loading{position:absolute;top:0;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:10px 20px;color:var(--text-secondary);background:var(--bg-primary);border:1px solid var(--border);border-radius:0 0 10px 10px;box-shadow:0 4px 12px rgba(0,0,0,0.08);z-index:5;font-size:0.8125rem}.loading-spinner__icon{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 0.8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-dots{display:inline-block;animation:loading-dots 1.4s infinite ease-in-out both}@keyframes loading-dots{0%,80%,100%{opacity:0.3}40%{opacity:1}}.catalog-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:10px}.catalog-empty__icon{width:64px;height:64px;margin-bottom:16px;color:var(--text-muted);opacity:0.5}.catalog-empty h3{font-size:1.25rem;color:var(--text-primary);margin:0 0 8px}.catalog-empty p{color:var(--text-secondary);margin:0}.catalog-sort--ssr select:disabled{opacity:1;cursor:default;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a0a0a0' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0.625rem center;color:var(--text-primary);background-color:transparent}.catalog-toggle--ssr,.catalog-toggle--disabled,.catalog-toolbar__left--ssr .catalog-toggle{opacity:1;cursor:default}.catalog-toggle--ssr input[type="checkbox"],.catalog-toggle--disabled input[type="checkbox"]:disabled,.catalog-toolbar__left--ssr input[type="checkbox"]:disabled{opacity:1;cursor:default}.catalog-toggle--ssr span,.catalog-toggle--disabled span,.catalog-toolbar__left--ssr span{color:var(--text-secondary)}.catalog-view--ssr .view-btn,.catalog-view--ssr .view-btn:disabled{opacity:1;cursor:default;background:transparent;color:var(--text-muted)}.catalog-view--ssr .view-btn:hover{background:transparent;color:var(--text-muted)}.catalog-view--ssr .view-btn.is-active,.catalog-view--ssr .view-btn.is-active:disabled{background:var(--accent);color:#fff;box-shadow:0 2px 6px rgba(var(--accent-rgb),0.3)}.catalog-header__admin-link{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--text-muted);opacity:0.5;transition:opacity 0.15s,color 0.15s;flex-shrink:0}.catalog-header__admin-link:hover{opacity:1;color:var(--accent)}