/* ===== Cards iguais em altura e mais profissionais (modo compacto) ===== */
.pc-col {
    display: flex;
    margin-bottom: .8rem; /* menor que .9rem */
}

.pc-card {
    border-radius: 12px; /* era 14px */
    box-shadow: 0 4px 14px rgba(17,12,23,.07); /* mais sutil */
    border: 1px solid rgba(120,63,166,.10);
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
    height: 100%;
}

    .pc-card:hover {
        transform: translateY(-1px);
        box-shadow: 0 8px 18px rgba(17,12,23,.10);
        border-color: rgba(120,63,166,.22);
    }

.pc-wrap {
    display: flex;
    flex-direction: column;
    gap: .4rem; /* era .5rem */
    min-height: 100%;
}

/* Carrossel mais baixo para caber mais cards na tela */
.pc-img {
    height: 140px; /* era 170px */
    border-radius: 10px; /* era 12px */
    overflow: hidden;
    margin-bottom: .25rem; /* era .35rem */
}

    .pc-img img {
        object-fit: cover;
        width: 100%;
        height: 100%;
        border: 0 !important;
    }

.carousel-indicators {
    bottom: 6px;
}

    .carousel-indicators li {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: rgba(255,255,255,.8);
    }

.carousel-control-custom-icon {
    color: #fff;
}

/* Título em 2 linhas e preço */
.pc-name {
    font-size: .95rem; /* era ~1.02rem */
    font-weight: 700;
    margin: 0 .2rem; /* era .25rem */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 2.4em; /* garante 2 linhas */
}

.pc-price {
    font-size: 1.05rem; /* era 1.15rem */
    font-weight: 700;
    color: #11121a;
    min-height: 1.4em;
}

/* ===== Barra de progresso igual à da grade ===== */
.pc-progress {
    min-height: 1.35rem;
}

.progress.progress-midf {
    height: 1.05rem !important;
    background: #f3f0f8 !important;
    border-radius: 999px;
    overflow: hidden;
}

    .progress.progress-midf .progress-bar {
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 600;
        font-size: .9rem; /* era .95rem */
        line-height: 1.05rem;
    }

.bg-midf {
    background: var(--mf-accent) !important;
}

.mf-meta-line {
    font-size: .88rem; /* era .92rem */
    color: #60646c;
    margin-top: .3rem; /* era .35rem */
}

/* Botão “Comprar” full-width (mais enxuto) */
.pc-buy .btn {
    width: 100%;
    border-radius: 10px;
    font-weight: 600;
    padding: .45rem .75rem; /* mais compacto */
}
/* compactar um pouco o card */
.pc-card.p-3 {
    padding: .75rem !important;
}
/* era p-3 (~1rem) */

/* carrossel um tiquinho menor */
.pc-img {
    height: 130px;
}
/* era 140px */
.range1-container {
    width: 100%;
}

.range1 {
    width: 100% !important;
    display: block;
}

/* Zera a margem padrão e pinta o fundo geral */
html, body {
    height: 100%;
    background: #2C1851; /* mesma cor do #userPage */
}

body {
    margin: 0;
}

/* Garante que a área principal cubra a tela toda */
main, #userPage {
    min-height: 100vh; /* ou 100dvh, se preferir */
}

/* Se o padding do container estiver gerando “respiro” no fim */
.full-width-container {
    padding-bottom: 0 !important;
}

/* Garante que o card ocupe toda a coluna */
.pc-card {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Envolve conteúdo interno também em coluna */
.pc-wrap {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Padroniza a altura do carrossel */
.pc-img .carousel,
.pc-img .carousel-inner,
.pc-img .carousel-item {
    height: 180px; /* ajuste fino: 160–220px */
}

    /* Faz a imagem “cobrir” a área definida */
    .pc-img .carousel-item img {
        width: 100%;
        height: 100%;
        object-fit: cover; /* corta sobras e mantém proporção */
        display: block;
    }

/* Empurra o botão para o rodapé do card */
.pc-buy {
    margin-top: auto;
}