.catalog-page { min-height:100vh; background:#fff; color:var(--muli-text-dark); }
.catalog-header { height:88px; display:flex; align-items:center; justify-content:space-between; padding:0 clamp(22px,6vw,90px); border-bottom:1px solid var(--muli-border-light); }
.catalog-logo { color:var(--muli-text-dark); font:800 1.15rem 'Plus Jakarta Sans',sans-serif; letter-spacing:.03em; }
.catalog-logo { display:flex; align-items:center; gap:11px; }
.catalog-logo .logo-dog-mark { width:36px; height:36px; }
.catalog-logo > span { display:block; margin:0; color:var(--muli-text-dark); font:800 1.15rem 'Plus Jakarta Sans',sans-serif; }
.catalog-logo .logo-dog-letter { width:36px; height:36px; margin-right:-5px; vertical-align:middle; }
.catalog-logo > span small { display:block; margin-top:4px; color:var(--muli-text-light); font:600 .52rem var(--font-sans); letter-spacing:.15em; }
.catalog-logo .goodhunt-logo-image { width:150px; height:auto; }
.catalog-back { color:var(--muli-text-muted); font-size:.75rem; }
.catalog-layout { display:grid; grid-template-columns:250px minmax(0,1fr); max-width:1400px; margin:0 auto; padding:72px clamp(22px,6vw,90px) 110px; gap:70px; }
.catalog-sidebar { position:sticky; top:30px; align-self:start; }
.catalog-kicker { margin:0 0 14px; color:#547183; font:700 .61rem 'Plus Jakarta Sans',sans-serif; letter-spacing:.16em; }
.catalog-sidebar h1 { margin:0; font:400 clamp(2rem,3vw,3.2rem) var(--font-serif); }
.catalog-intro { max-width:210px; margin:15px 0 38px; color:var(--muli-text-muted); font-size:.78rem; line-height:1.7; }
.catalog-sidebar nav { border-top:1px solid var(--muli-border); }
.catalog-category { display:flex; align-items:center; justify-content:space-between; width:100%; padding:15px 0; border-bottom:1px solid var(--muli-border-light); color:var(--muli-text-muted); text-align:left; font-size:.78rem; }
.catalog-category span { color:var(--muli-text-light); font-size:.66rem; }
.catalog-category.active,.catalog-category:hover { color:var(--muli-text-dark); }
.catalog-category.active { font-weight:700; }
.catalog-results-head { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; padding-bottom:24px; border-bottom:1px solid var(--muli-border); }
.catalog-results-head h2 { margin:0; font:400 clamp(1.8rem,3vw,3rem) var(--font-serif); }
.catalog-results-tools { display:grid; justify-items:end; gap:9px; width:min(340px,45%); }
.catalog-results-tools > span { color:var(--muli-text-muted); font-size:.72rem; }
.catalog-search { display:block; width:100%; }
.catalog-search input { width:100%; min-height:44px; padding:10px 13px; border:1px solid var(--muli-border); border-radius:0; background:#fff; color:var(--muli-text-dark); font:500 .74rem var(--font-sans); outline:none; transition:border-color .18s ease, box-shadow .18s ease; }
.catalog-search input::placeholder { color:var(--muli-text-muted); }
.catalog-search input:focus { border-color:#547183; box-shadow:0 0 0 3px rgba(84,113,131,.12); }
.catalog-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; }
.catalog-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px 18px; padding-top:30px; }
.catalog-card-image { aspect-ratio:1/1.08; overflow:hidden; background:#f2f2f0; }
.catalog-card-image img { width:100%; height:100%; object-fit:cover; transition:transform .6s ease; }
.catalog-card:hover .catalog-card-image img { transform:scale(1.03); }
.catalog-card-meta { padding-top:13px; }
.catalog-card-meta p { margin:0 0 6px; color:#547183; font-size:.59rem; letter-spacing:.12em; text-transform:uppercase; }
.catalog-card-meta h3 { margin:0; font:400 1.15rem var(--font-serif); line-height:1.3; }
.catalog-card-meta strong { display:block; margin-top:9px; font-size:.78rem; font-weight:600; }
.catalog-empty { color:var(--muli-text-muted); font-size:.8rem; }
@media (max-width:820px) { .catalog-header { height:72px; }.catalog-layout { display:block; padding:42px 20px 70px; }.catalog-sidebar { position:static; }.catalog-intro { margin-bottom:24px; }.catalog-sidebar nav { display:flex; gap:18px; overflow-x:auto; border-top:0; border-bottom:1px solid var(--muli-border); }.catalog-category { min-width:max-content; border-bottom:2px solid transparent; }.catalog-category.active { border-bottom-color:var(--muli-text-dark); }.catalog-results { margin-top:45px; }.catalog-grid { grid-template-columns:1fr 1fr; gap:25px 12px; }.catalog-card-meta h3 { font-size:1rem; } }
@media (max-width:560px) { .catalog-results-head { align-items:flex-start; flex-wrap:wrap; }.catalog-results-tools { width:100%; grid-template-columns:minmax(0,1fr) auto; align-items:center; justify-items:stretch; }.catalog-results-tools > span { white-space:nowrap; }.catalog-search input { min-height:42px; } }