/* Indicadores de loja e promoção: mesma leitura em posições fixas e rotativas. */
html body .category-page .store-tile.store-tile-brand-only {
    grid-template-rows: minmax(0, 1fr) auto auto;
}
.category-page .tile-statuses {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    width: 100%;
    min-width: 0;
    padding: 6px 7px 1px;
    box-sizing: border-box;
    background: var(--card-bg, #0d0b0b);
}
.category-page .tile-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-width: 0;
    flex: 1 1 0;
    max-width: 155px;
    min-height: 25px;
    border: 1px solid #5c5554;
    border-radius: 999px;
    background: linear-gradient(180deg, #292526, #1b191a);
    color: #898586;
    font: 700 clamp(8px, .8vw, 12px)/1.1 Inter, sans-serif;
    white-space: nowrap;
    letter-spacing: .01em;
    box-sizing: border-box;
}
.category-page .tile-status svg { width: 13px; height: 13px; flex: none; }
.category-page .tile-status-shop.is-active {
    border-color: #d72b34;
    background: linear-gradient(180deg, #d51c26, #a8000b);
    color: #fff;
    box-shadow: 0 0 10px rgba(190, 0, 18, .27);
}
.category-page .tile-status-promo.is-active {
    border-color: #d6a92e;
    background: linear-gradient(180deg, #4b3100, #1d160c);
    color: #f6d67b;
    box-shadow: 0 0 10px rgba(192, 134, 16, .22);
}
.category-page .store-tile-empty .tile-statuses {
    flex: none;
    background: transparent;
    padding: 7px 0 0;
}
.category-page .store-tile-empty .tile-status { background: rgba(45, 42, 43, .7); }
html body .category-page .store-tile.store-tile-brand-only .tile-company-name {
    min-height: 30px;
    padding: 4px 7px 6px;
}
@media (max-width: 820px) {
    .category-page .tile-statuses { gap: 4px; padding: 4px 4px 0; }
    .category-page .tile-status { min-height: 18px; gap: 3px; font-size: clamp(6px, 1.5vw, 9px); }
    .category-page .tile-status svg { width: 10px; height: 10px; }
    html body .category-page .store-tile.store-tile-brand-only .tile-company-name { min-height: 22px; padding: 3px 4px 4px; }
    .category-page .store-tile-placeholder .tile-statuses { padding-top: 1px; }
    .category-page .store-tile-placeholder .tile-status { min-height: 15px; font-size: 6px; }
    .category-page .store-tile-placeholder .tile-status svg { width: 8px; height: 8px; }
}