.catalog-recent { margin: 28px 0 8px; padding-top: 18px; border-top: 1px solid rgba(0,0,0,.07); }
.catalog-recent[hidden] { display: none !important; }
.catalog-recent__head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
.catalog-recent__head h2 { margin: 0; color: #2d2d2d; font-size: 18px; font-weight: 850; }
.catalog-recent__list { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.catalog-recent-card { min-width: 0; display: flex; align-items: center; gap: 10px; padding: 10px; border: 1px solid rgba(28,28,28,.09); border-radius: 14px; background: #fff; color: inherit; text-decoration: none; transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease; }
.catalog-recent-card:hover,.catalog-recent-card:focus-visible { outline: none; transform: translateY(-1px); border-color: rgba(232,119,27,.42); box-shadow: 0 8px 20px rgba(61,43,28,.08); }
.catalog-recent-card__image { width: 54px; height: 54px; flex: 0 0 54px; display: grid; place-items: center; overflow: hidden; border-radius: 10px; background: #fff; }
.catalog-recent-card__image img { max-width: 100%; max-height: 100%; object-fit: contain; }
.catalog-recent-card__body { min-width: 0; display: grid; gap: 4px; }
.catalog-recent-card strong { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #303030; font-size: 12px; line-height: 1.3; }
.catalog-recent-card small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #777; font-size: 10px; }
@media (max-width: 920px) { .catalog-recent__list { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 560px) { .catalog-recent__list { grid-template-columns: 1fr; } }