.cooleey-grid {
    display: grid;
    grid-template-columns: repeat(var(--cooleey-columns, 3), minmax(0, 1fr));
    gap: 28px;
}
.cooleey-card { min-width: 0; }
.cooleey-card[hidden] { display: none !important; }
.cooleey-card__image {
    display: block;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: #f5f5f5;
}
.cooleey-card__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.cooleey-card__body { padding-top: 14px; }
.cooleey-card__eyebrow,
.cooleey-card__category { font-size: .82rem; opacity: .68; }
.cooleey-card__title { margin: 5px 0; font-size: 1.08rem; line-height: 1.25; }
.cooleey-card__title a { color: inherit; text-decoration: none; }
.cooleey-category-list { display: flex; flex-wrap: wrap; gap: 10px; }
.cooleey-category-list a { text-decoration: none; }
.cooleey-category-pill {
    display: inline-flex;
    padding: 8px 13px;
    border: 1px solid currentColor;
    border-radius: 999px;
}
.cooleey-filterbar {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    align-items: end;
    margin-bottom: 30px;
}
.cooleey-filterbar label { display: grid; gap: 6px; min-width: 190px; }
.cooleey-filterbar select,
.cooleey-filterbar button { min-height: 42px; padding: 8px 11px; }
.cooleey-filter-reset { cursor: pointer; }
.cooleey-empty { margin: 20px 0; }
@media (max-width: 900px) { .cooleey-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) {
    .cooleey-grid { grid-template-columns: 1fr; }
    .cooleey-filterbar label { width: 100%; }
}