.catalog-recent-comments {
    margin: 2.5rem 0 0;
    padding: 0;
    border-radius: 1rem;
    background: transparent;
    color: #172033;
}
.catalog-recent-comments__top { margin-bottom: 1rem; }
.catalog-recent-comments__eyebrow { margin: 0; color: #1670cc; font-size: 0.8rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; }
#catalog-recent-comments-title { margin: 0.2rem 0; color: inherit; font-size: 1.55rem; font-weight: 800; }
.catalog-recent-comments__note { margin: 0; color: #66758a; font-size: 1rem; }
.catalog-recent-comments__list {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
    margin: 0;
    padding: 0;
    list-style: none;
}
.catalog-recent-comments__item { min-width: 0; margin: 0; }
.catalog-recent-comments .comment-card {
    display: flex;
    height: 100%;
    flex-direction: column;
    gap: 0.6rem;
    padding: 1rem;
    border-radius: 1rem;
    background: #fff;
    color: inherit;
    text-decoration: none;
    overflow-wrap: anywhere;
}
.catalog-recent-comments .comment-card:focus-visible { outline: 2px solid #1670cc; outline-offset: 3px; }
.comment-card__meta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.4rem 0.6rem; }
.comment-card__badge { color: #1670cc; font-size: 0.9rem; font-weight: 700; }
.comment-card__time { color: #66758a; font-size: 0.9rem; white-space: nowrap; }
.comment-card__title { margin: 0; border: 0; color: inherit; font-size: 1.05rem; }
.comment-card:hover .comment-card__title { color: #1670cc; }
.comment-card__excerpt { margin: 0; color: #33445d; font-size: 1rem; line-height: 1.55; }
.comment-card__rating { display: flex; flex-wrap: wrap; align-items: center; gap: 0.4rem 0.6rem; color: #1670cc; font-size: 0.95rem; }
.comment-card__rating > span { display: inline-flex; gap: 0.15rem; }
body.dark .catalog-recent-comments { background: transparent; color: #f3f6fa; }
body.dark .catalog-recent-comments .comment-card { background: #29323d; }
body.dark .catalog-recent-comments__eyebrow,
body.dark .comment-card__badge,
body.dark .comment-card__rating,
body.dark .comment-card:hover .comment-card__title { color: #8fc6ff; }
body.dark .catalog-recent-comments__note,
body.dark .comment-card__time { color: #a6b2c1; }
body.dark .comment-card__excerpt { color: #d6dee8; }
.catalog-recent-comments .comment-card { border: 1px solid #dce6f1; }
body.dark .catalog-recent-comments .comment-card { border-color: #3b4a5b; background: #222b36; }
.catalog-recent-comments .comment-card__rating { color: #ae7300; }
body.dark .catalog-recent-comments .comment-card__rating { color: #ffcf40; }
@media (max-width: 600px) {
    .catalog-recent-comments .comment-card { padding: .75rem; }
}