.catalog-browser{--cat-ink: #01242f;--cat-accent: #3f6363;--cat-accent-soft: #e8f3f1;--cat-accent-muted: #c5ddd8;--cat-surface: #f7faf9;--cat-border: rgba(1, 36, 47, .1);--cat-sidebar-w: 300px;padding:0 0 clamp(4rem,8vw,6rem)}.catalog-browser__layout{display:grid;grid-template-columns:var(--cat-sidebar-w) minmax(0,1fr);gap:clamp(1.5rem,3vw,2.5rem);align-items:start}.catalog-browser__sidebar{position:sticky;top:calc(var(--header-h, 76px) + 1rem);max-height:calc(100vh - var(--header-h, 76px) - 2rem);overflow:auto;padding:1.15rem;background:#fff;border:1px solid var(--cat-border);border-radius:12px;box-shadow:0 4px 24px #01242f0d;scrollbar-width:thin}.catalog-browser__sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.85rem;padding-bottom:.85rem;border-bottom:1px solid var(--cat-border)}.catalog-browser__sidebar-title{font-family:var(--font-body);font-size:.9375rem;font-weight:700;color:var(--cat-ink);margin:0}.catalog-browser__clear{font-size:.8125rem;font-weight:600;color:var(--cat-accent);background:none;border:none;cursor:pointer;padding:.25rem .5rem;border-radius:4px}.catalog-browser__clear:hover{background:var(--cat-accent-soft)}.catalog-browser__facet{border-bottom:1px solid var(--cat-border)}.catalog-browser__facet:last-child{border-bottom:none}.catalog-browser__facet-summary{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.85rem 0;font-size:.875rem;font-weight:700;color:var(--cat-ink);cursor:pointer;list-style:none}.catalog-browser__facet-summary::-webkit-details-marker{display:none}.catalog-browser__facet-summary:after{content:"";width:.45rem;height:.45rem;border-right:2px solid var(--cat-accent);border-bottom:2px solid var(--cat-accent);transform:rotate(45deg);transition:transform .2s;flex-shrink:0}.catalog-browser__facet[open] .catalog-browser__facet-summary:after{transform:rotate(-135deg)}.catalog-browser__facet-count{font-size:.75rem;font-weight:600;color:var(--cat-accent);min-width:1.25rem;text-align:right}.catalog-browser__facet-body{padding:0 0 .85rem}.catalog-browser__facet-actions{display:flex;gap:.65rem;margin-bottom:.55rem}.catalog-browser__facet-link{font-size:.75rem;font-weight:600;color:var(--cat-accent);background:none;border:none;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px}.catalog-browser__facet-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.15rem;max-height:220px;overflow:auto;scrollbar-width:thin}.catalog-browser__check{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:.55rem;padding:.4rem .35rem;border-radius:6px;cursor:pointer;transition:background .15s}.catalog-browser__check:hover{background:var(--cat-surface)}.catalog-browser__check input{margin-top:.15rem;accent-color:var(--cat-accent);width:1rem;height:1rem;cursor:pointer}.catalog-browser__check-label{font-size:.8125rem;line-height:1.35;color:var(--cat-ink)}.catalog-browser__check-count{font-size:.75rem;font-weight:600;color:#01242f73}.catalog-browser__advanced{display:flex;flex-direction:column;gap:.75rem}.catalog-browser__field{display:flex;flex-direction:column;gap:.35rem}.catalog-browser__field span{font-size:.75rem;font-weight:600;color:#01242fa6}.catalog-browser__field input{width:100%;padding:.55rem .65rem;font-size:.875rem;border:1px solid var(--cat-border);border-radius:6px;background:#fff;color:var(--cat-ink)}.catalog-browser__field input:focus{outline:2px solid var(--cat-accent-muted);border-color:var(--cat-accent)}.catalog-browser__field-row{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.catalog-browser__advanced-apply{padding:.6rem .85rem;font-size:.8125rem;font-weight:700;color:#fff;background:var(--cat-accent);border:none;border-radius:6px;cursor:pointer}.catalog-browser__advanced-apply:hover{filter:brightness(1.05)}.catalog-browser__toolbar{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.catalog-browser__search-wrap{flex:1 1 280px}.catalog-browser__search{width:100%;padding:.75rem 1rem .75rem 2.65rem;font-size:.9375rem;border:1px solid var(--cat-border);border-radius:10px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%233f6363' stroke-width='2'%3E%3Ccircle cx='8' cy='8' r='6'/%3E%3Cpath d='M13 13l3 3'/%3E%3C/svg%3E") no-repeat .9rem center;color:var(--cat-ink);box-shadow:0 2px 12px #01242f0a}.catalog-browser__search:focus{outline:2px solid var(--cat-accent-muted);border-color:var(--cat-accent)}.catalog-browser__toolbar-actions{display:flex;align-items:center;gap:.65rem}.catalog-browser__filter-toggle{display:none;padding:.75rem 1rem;font-size:.875rem;font-weight:700;color:var(--cat-ink);background:#fff;border:1px solid var(--cat-border);border-radius:10px;cursor:pointer}.catalog-browser__sort-wrap{display:block}.catalog-browser__sort{padding:.75rem 2rem .75rem .85rem;font-size:.875rem;font-weight:600;color:var(--cat-ink);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%2301242f' stroke-width='2'%3E%3Cpath d='M2 4l4 4 4-4'/%3E%3C/svg%3E") no-repeat right .75rem center;border:1px solid var(--cat-border);border-radius:10px;appearance:none;cursor:pointer}.catalog-browser__meta{margin-bottom:1.15rem}.catalog-browser__results{margin:0;font-size:.9375rem;font-weight:600;color:#01242fb8}.catalog-browser__chips{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.65rem}.catalog-browser__chip{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .55rem .3rem .65rem;font-size:.75rem;font-weight:600;color:var(--cat-accent);background:var(--cat-accent-soft);border:1px solid var(--cat-accent-muted);border-radius:999px}.catalog-browser__chip button{display:inline-flex;align-items:center;justify-content:center;width:1.1rem;height:1.1rem;padding:0;font-size:.875rem;line-height:1;color:var(--cat-accent);background:none;border:none;cursor:pointer;border-radius:50%}.catalog-browser__chip button:hover{background:#3f63631f}.catalog-browser__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:clamp(1rem,2vw,1.35rem)}.catalog-browser__card{transition:opacity .2s,transform .2s}.catalog-browser__card.is-hidden{display:none}.catalog-browser__card-link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit;cursor:pointer;background:#fff;border:1px solid var(--cat-border);border-radius:12px;overflow:hidden;transition:box-shadow .2s,transform .2s,border-color .2s}.catalog-browser__card-link:hover{border-color:var(--cat-accent-muted);box-shadow:0 8px 28px #01242f14;transform:translateY(-2px)}.catalog-browser__card-img{position:relative;aspect-ratio:1;overflow:hidden;background:var(--cat-surface)}.catalog-browser__card-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.catalog-browser__card-link:hover .catalog-browser__card-img img{transform:scale(1.04)}.catalog-browser__card-badge{position:absolute;top:.65rem;left:.65rem;padding:.25rem .55rem;font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--cat-accent);background:#ffffffeb;border:1px solid var(--cat-accent-muted);border-radius:4px}.catalog-browser__card-body{display:flex;flex-direction:column;flex:1;gap:.45rem;padding:1rem 1rem 1.1rem}.catalog-browser__card-title{font-family:var(--font-body);font-size:.9375rem;font-weight:700;line-height:1.3;color:var(--cat-ink);margin:0}.catalog-browser__card-tagline{flex:1;margin:0;font-size:.8125rem;line-height:1.45;color:#01242f9e;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.catalog-browser__card-meta{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.35rem .75rem;padding-top:.55rem;border-top:1px solid var(--cat-border)}.catalog-browser__card-price{font-size:.875rem;font-weight:700;color:var(--cat-accent)}.catalog-browser__card-moq{font-size:.75rem;font-weight:600;color:#01242f80}.catalog-browser__empty{padding:clamp(2rem,5vw,3.5rem) 1rem}.catalog-browser__empty-inner{max-width:28rem;margin:0 auto;text-align:center;padding:2rem;background:var(--cat-surface);border:1px dashed var(--cat-accent-muted);border-radius:12px}.catalog-browser__empty-inner h3{font-family:var(--font-body);font-size:1.125rem;margin:0 0 .5rem;color:var(--cat-ink)}.catalog-browser__empty-inner p{margin:0 0 1rem;font-size:.9375rem;color:#01242fa6}.catalog-browser__empty-reset{padding:.65rem 1.15rem;font-size:.875rem;font-weight:700;color:#fff;background:var(--cat-accent);border:none;border-radius:8px;cursor:pointer}@media(max-width:1024px){.catalog-browser__layout{grid-template-columns:1fr}.catalog-browser__sidebar{position:fixed;inset:0;top:var(--header-h, 76px);z-index:120;max-height:none;border-radius:0;transform:translate(-105%);transition:transform .28s ease}.catalog-browser.is-filters-open .catalog-browser__sidebar{transform:translate(0)}.catalog-browser__filter-toggle{display:inline-flex}.catalog-browser.is-filters-open:before{content:"";position:fixed;inset:0;top:var(--header-h, 76px);background:#01242f59;z-index:110}}@media(max-width:640px){.catalog-browser__grid{grid-template-columns:1fr 1fr;gap:.75rem}.catalog-browser__card-body{padding:.75rem}.catalog-browser__card-tagline{-webkit-line-clamp:3}}@media(max-width:420px){.catalog-browser__grid{grid-template-columns:1fr}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}