.school-catalog { padding: 36px 0 60px; }
.school-catalog__intro { max-width: 850px; margin: 20px 0; line-height: 1.5; }
.school-catalog__toolbar { display: flex; flex-wrap: wrap; gap: 16px; margin: 24px 0; align-items: center; }
.school-catalog__toolbar input, .school-catalog__toolbar select { padding: 12px; border: 1px solid #e1e3ea; border-radius: 6px; font: inherit; }
.school-catalog__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.catalog-card { display: flex; flex-direction: column; gap: 12px; padding: 24px; background: #fff; border: 1px solid #e1e3ea; border-radius: 10px; }
.catalog-card[hidden] { display: none; }
.catalog-card h2 { font-size: 22px; line-height: 1.3; }
.catalog-card__image { width: 160px; height: 80px; object-fit: contain; object-position: left; }
.catalog-card__details { flex: 1; line-height: 1.5; }
.catalog-card__price { font-size: 22px; font-weight: bold; }
.catalog-card__previous { color: #727584; font-size: 16px; margin-left: 10px; }
.catalog-card__action { display: block; padding: 14px; background: #170084; color: #fff; text-align: center; text-decoration: none; border-radius: 6px; }
.school-catalog__count { color: #727584; }
@media (max-width: 900px) { .school-catalog__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .school-catalog__grid { grid-template-columns: 1fr; } .school-catalog__toolbar input, .school-catalog__toolbar select { width: 100%; } }