.catalog-v1{max-width:1120px;margin:auto;padding-bottom:2rem}.catalog-hero{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:clamp(1.3rem,4vw,2.5rem);margin-bottom:1.1rem;border:1px solid #6fa3a944;border-radius:26px;background:radial-gradient(ellipse at top right,#12edcf22,transparent 65%),linear-gradient(125deg,#167e7e33,#26445f33)}.catalog-hero h1{font-size:clamp(2rem,5vw,3rem);letter-spacing:-.05em;line-height:1.15;margin:.5rem 0}.catalog-hero p{color:var(--muted);line-height:1.55;margin:0}.catalog-hero-icon{display:grid;place-items:center;flex:none;width:76px;height:76px;border:1px solid #12edcf44;border-radius:23px;background:#167e7e33;color:var(--accent)}.catalog-controls{display:grid;gap:1rem;margin-bottom:1.2rem}.catalog-search{display:flex;align-items:center;gap:.8rem;border:1px solid var(--line);border-radius:16px;padding:.3rem 1rem;background:var(--surface)}.catalog-search:focus-within{outline:2px solid var(--accent);outline-offset:2px}.catalog-search input{min-width:0;width:100%;border:0;background:transparent;padding:.85rem 0;box-shadow:none;outline:none;color:var(--text);font:inherit}.catalog-search button{border:0;background:transparent;color:var(--muted);font-size:1.5rem;cursor:pointer;min-width:38px;min-height:38px}.catalog-modes,.catalog-topics{display:flex;gap:.5rem;overflow-x:auto;padding:3px 2px 6px;scrollbar-width:thin}.catalog-modes button,.catalog-topics button,.catalog-layout button{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem .9rem;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--muted);font:700 .85rem var(--font);cursor:pointer;min-height:42px;transition:background .18s,transform .18s}.catalog-modes button:hover,.catalog-topics button:hover{transform:translateY(-1px);border-color:var(--accent)}.catalog-modes button[aria-pressed=true],.catalog-topics button[aria-pressed=true],.catalog-layout button[aria-pressed=true]{background:#167e7e22;color:var(--text);border-color:var(--accent)}.catalog-modes span{display:grid;place-items:center;min-width:24px;height:24px;border-radius:8px;background:#6fa3a91f;font-size:.75rem}.catalog-topics button{border-radius:99px;font-size:.78rem;min-height:36px}.catalog-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;color:var(--muted);font-size:.8rem}.catalog-toolbar>span{margin-right:auto}.catalog-toolbar label{display:flex;align-items:center;gap:.5rem}.catalog-toolbar select{width:auto;max-width:180px;padding:.55rem;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);font:inherit}.catalog-layout{display:flex;gap:4px}.catalog-layout button{padding:.5rem .65rem;font-size:.75rem}.catalog-v1 .catalog-results{width:100%;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,285px),1fr));gap:1rem;align-items:start}.catalog-v1 .catalog-results .client-post-card{animation:catalogEnter .22s ease-out}.catalog-v1 .catalog-results .client-post-card:hover{border-color:#6fa3a9;box-shadow:0 14px 35px #167e7e18}.catalog-v1 .catalog-results .client-post-actions{grid-template-columns:1fr 1fr}.catalog-v1 .catalog-results .client-post-action.primary{grid-column:1/-1;min-height:45px}.catalog-v1 .catalog-list{grid-template-columns:1fr}.catalog-v1 .catalog-list .client-post-card:not(.post-collapsed){display:grid;grid-template-columns:minmax(150px,30%) 1fr}.catalog-v1 .catalog-list .client-post-media{min-height:100%;height:100%;border-radius:0}.catalog-v1 .catalog-list .client-post-media>img{height:100%;max-height:380px;object-fit:contain}.catalog-v1 .catalog-list .client-post-content{align-content:start;padding:1.3rem}.catalog-empty{grid-column:1/-1;display:grid;justify-items:center;text-align:center;gap:.8rem;padding:3rem 1.2rem;border:1px dashed var(--line);border-radius:22px;color:var(--muted)}.catalog-empty h2{font-size:1.2rem;color:var(--text);margin:0}.catalog-empty p{max-width:420px;margin:0;line-height:1.6}.catalog-pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin:1.5rem 0}.catalog-pagination span{white-space:nowrap;color:var(--muted);font-size:.8rem}.catalog-pagination button:disabled{opacity:.4;cursor:default}.catalog-v1 button:focus-visible,.catalog-v1 select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@keyframes catalogEnter{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}@media(max-width:600px){.catalog-hero{padding:1.25rem}.catalog-hero-icon{width:48px;height:48px;border-radius:15px}.catalog-hero-icon svg{width:26px}.catalog-toolbar{gap:.65rem}.catalog-toolbar>span{flex-basis:100%}.catalog-layout{margin-left:auto}.catalog-toolbar label{font-size:0}.catalog-toolbar select{font-size:.8rem}.catalog-v1 .catalog-list .client-post-card:not(.post-collapsed){grid-template-columns:1fr}.catalog-v1 .catalog-list .client-post-media{min-height:0;max-height:155px;overflow:hidden}.catalog-v1 .catalog-list .client-post-fallback{min-height:155px}.catalog-v1 .catalog-list .client-post-media>img{height:155px}.catalog-v1 .catalog-list .client-post-content{padding:1rem}.catalog-pagination{gap:.5rem}.catalog-pagination .btn{padding:.6rem .7rem}}@media(prefers-reduced-motion:reduce){.catalog-v1 *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
