.catalog{font-family:system-ui,-apple-system,sans-serif;color:#1a1a1a;max-width:1000px;margin:0 auto;padding:32px 24px 96px}.catalog-intro{border-bottom:1px solid #ddd;padding-bottom:24px;margin-bottom:28px}.catalog-intro h1{font-size:24px;font-weight:650;margin:0 0 8px}.catalog-intro p{font-size:14px;line-height:1.5;color:#555;margin:0;max-width:60ch}.catalog-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:20px;gap:20px}.catalog-card{display:block;text-decoration:none;color:inherit;background:#fff;border:1px solid #e2e2e2;border-radius:8px;overflow:hidden;transition:box-shadow .15s ease,border-color .15s ease}.catalog-card:hover{border-color:#bdbdbd;box-shadow:0 2px 12px rgba(0,0,0,.08)}.catalog-card-thumb{display:flex;align-items:center;justify-content:center;aspect-ratio:3/2;background:#f4f4f6;border-bottom:1px solid #eee;overflow:hidden}.catalog-card-thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}.catalog-card-placeholder{padding:0 16px;font-size:12px;text-align:center;color:#aaa}.catalog-card-body{display:block;padding:12px 14px 16px}.catalog-card-name{display:block;font-size:15px;font-weight:600;color:#1a4fd6;margin-bottom:4px}.catalog-card-note{display:block;font-size:12px;line-height:1.45;color:#666}