.catalog-content .catalog-back { color: #000; }
.catalog-content .catalog-card { height: 100%; background: #fff; color: #000; }
.catalog-content .dz-media img { display: block; width: 100%; aspect-ratio: 245 / 210; object-fit: contain; background: #fff; }
.catalog-placeholder { aspect-ratio: 245 / 210; display: grid; place-items: center; background: #f0e9e9; font-size: 12px; color: #000; }
.catalog-placeholder i { font-size: 36px; color: #4F171B; }
.catalog-content .dz-content { padding: 10px; }
.catalog-content .dz-content h6 { font-size: 13px; line-height: 1.5; color: #000; overflow-wrap: anywhere; }
.catalog-content .dz-content span, .catalog-content .dz-content small { color: #000; font-size: 12px; }

/* Original category tile layout, with live category labels and counts. */
.catalog-content .category-tile { position: relative; border: 1px solid #4F171B; border-radius: 10px; overflow: hidden; }
.catalog-content .category-tile .dz-media { border: 0; border-radius: 0; }
.catalog-content .category-tile .dz-media img,
.catalog-content .category-tile .catalog-placeholder { aspect-ratio: 245 / 210; width: 100%; background: #fff; }
.catalog-content .category-tile .dz-media img { object-fit: contain; padding: 12px; }

.catalog-content .category-tile-caption { position: relative; min-height: 40px; display: flex; flex-wrap: wrap; gap: 3px; align-items: center; justify-content: center; padding: 8px 6px; background: #4F171B; color: #fff; border-radius: 10px 10px 0 0; line-height: 1.35; text-align: center; }
.catalog-content .category-tile-caption strong { font-size: 14px; font-weight: 600; }
.catalog-content .category-tile-caption small { font-size: 12px; color: #fff; }
.catalog-content .category-tile-caption { font-family: var(--font-family-base); }
.catalog-content > h4 { font-size: 18px; font-weight: 700; color: #000; }

.category-ad-banner { width: 100%; margin-bottom: 16px; }
.category-ad-banner img { display: block; width: 100%; height: auto; aspect-ratio: 690 / 106; object-fit: contain; border-radius: 12px; }

/* Stretch captions equally when a neighbouring category wraps onto two lines. */
.catalog-content .category-tile { display: flex !important; flex-direction: column; }
.catalog-content .category-tile .dz-media { flex-shrink: 0; }
.catalog-content .category-tile-caption { flex: 1 0 auto; }