.cos-catalog-head{background:#f8fafc;color:#111827;padding:32px 0 16px;border-bottom:1px solid #dce3ea}.cos-catalog-head h1,.cos-catalog-head p{color:#111827;margin-bottom:8px}.cos-catalog-head form{display:flex;gap:8px}.cos-catalog-head input{height:44px;border:1px solid #dce3ea;border-radius:8px;padding:0 12px;color:#111827;background:#fff;width:100%}.cos-catalog-head button{height:44px;border:0;border-radius:8px;background:#7c3aed;color:#fff;font-weight:700;padding:0 16px}.cos-catalog{background:#fff;color:#111827;padding:24px 0 64px}.cos-catalog h2{color:#111827;font-size:1.25rem;margin:32px 0 12px;padding-bottom:8px;border-bottom:2px solid #7c3aed}.cos-catalog-row{display:grid;grid-template-columns:64px 1fr auto;grid-gap:16px;gap:16px;align-items:center;padding:12px 8px;border-bottom:1px solid #dce3ea;background:#fff}.cos-catalog-row:hover{background:#f1f5f9}.cos-catalog-row img{width:64px;height:64px;-o-object-fit:cover;object-fit:cover;border-radius:8px;background:#f1f5f9}.cos-catalog-row h3{margin:0;color:#111827;font-size:1rem}.cos-catalog-row button{min-height:44px;border:0;border-radius:8px;background:#0369a1;color:#fff;font-weight:700;padding:8px 14px}@media (max-width:767px){.cos-catalog-row{grid-template-columns:64px 1fr}.cos-catalog-row button{grid-column:1/-1}}