/* Imports Club — navegação das coleções no topo da listagem.
 *
 * Pedido do Daniel (30/08/2026): "No topo da listagem eu usaria exatamente esse
 * tipo de navegação rápida: Todos | Sapatilhas | Roupa | Casacos | Hoodies |
 * T-Shirts | Calças | Acessórios (…) No mobile deve ser muito simples e rápido,
 * sem ocupar demasiado espaço."
 *
 * Por isso: uma linha só, que rola na horizontal no telemóvel em vez de quebrar
 * em três linhas e empurrar os produtos para fora do ecrã. O foco da loja é
 * mobile — o cliente tem de ver produto sem rolar.
 */

.ic-col-irmas {
    display: flex;
    gap: 22px;
    align-items: center;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    margin: 0 0 14px;
    padding-bottom: 2px;
}

.ic-col-irmas::-webkit-scrollbar {
    display: none;
}

.ic-col-irmas__item {
    flex: 0 0 auto;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #8a8a8a;
    text-decoration: none;
    padding: 2px 0;
    border-bottom: 2px solid transparent;
    transition: color .16s ease, border-color .16s ease;
}

.ic-col-irmas__item:hover {
    color: #141414;
}

.ic-col-irmas__item.is-activo {
    color: #141414;
    border-bottom-color: #141414;
}

.ic-col-barra {
    display: flex;
    gap: 8px;
    align-items: center;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    margin: 0 0 20px;
    padding-bottom: 4px;
}

.ic-col-barra::-webkit-scrollbar {
    display: none;
}

.ic-col-barra__item {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
    font-size: 13px;
    line-height: 1;
    color: #141414;
    text-decoration: none;
    padding: 9px 14px;
    border: 1px solid #e4e4e4;
    border-radius: 999px;
    background: #fff;
    white-space: nowrap;
    transition: border-color .16s ease, background .16s ease, color .16s ease;
}

.ic-col-barra__item:hover {
    border-color: #141414;
}

.ic-col-barra__item.is-activo {
    background: #141414;
    border-color: #141414;
    color: #fff;
}

.ic-col-barra__n {
    font-size: 11px;
    color: #9a9a9a;
    font-variant-numeric: tabular-nums;
}

.ic-col-barra__item.is-activo .ic-col-barra__n {
    color: rgba(255, 255, 255, .62);
}

/* O sufixo da coleção no título: "Streetwear — Mais vendidos". Mais leve que o
 * nome do universo, para a hierarquia ler-se de relance. */
.ic-shop__title-selecao {
    font-weight: 400;
    color: #6f6f6f;
}

@media (max-width: 860px) {
    .ic-col-barra {
        margin-left: -16px;
        margin-right: -16px;
        padding-left: 16px;
        padding-right: 16px;
    }

    .ic-col-irmas {
        margin-left: -16px;
        margin-right: -16px;
        padding-left: 16px;
        padding-right: 16px;
        gap: 18px;
    }

    .ic-col-barra__item {
        padding: 8px 12px;
        font-size: 12.5px;
    }
}