/* ─── Category filter buttons ─────────────────────────────────────────────── */

.categoria-btn {
    flex-shrink: 0;
    padding: 0.4rem 1rem;
    border-radius: 9999px;
    border: 2px solid #e5e7eb;
    color: #6b7280;
    background-color: white;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s;
    white-space: nowrap;
}

.categoria-btn:hover:not(.ativo) {
    border-color: #c5addd;
    color: #9070b8;
}

.categoria-btn.ativo {
    border-color: #7c61a0;
    color: #7c61a0;
    background-color: #f8f4fb;
}

/* ─── Size selector buttons ───────────────────────────────────────────────── */

.tamanho-btn {
    padding: 0.5rem 1rem;
    border: 2px solid #e5e7eb;
    border-radius: 0.75rem;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s;
    background: white;
    color: #374151;
    min-width: 44px;
    text-align: center;
}

.tamanho-btn:hover {
    border-color: #c5addd;
}

.tamanho-btn.selecionado {
    border-color: #7c61a0;
    background-color: #7c61a0;
    color: white;
}

/* ─── Brand filter buttons (mesmos estilos de categoria) ─────────────────── */

.marca-btn {
    flex-shrink: 0;
    padding: 0.4rem 1rem;
    border-radius: 9999px;
    border: 2px solid #e5e7eb;
    color: #6b7280;
    background-color: white;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s;
    white-space: nowrap;
}

.marca-btn:hover:not(.ativo) {
    border-color: #c5addd;
    color: #9070b8;
}

.marca-btn.ativo {
    border-color: #7c61a0;
    color: #7c61a0;
    background-color: #f8f4fb;
}

/* ─── Product card image — proporção retrato (3:4) ────────────────────────── */

.img-card {
    width: 100%;
    aspect-ratio: 3 / 4;
    overflow: hidden;
    background-color: #f9fafb;
}

/* ─── Product modal image ─────────────────────────────────────────────────── */

.img-modal {
    width: 100%;
    max-height: 60vh;
    object-fit: contain;
    background-color: #f3f4f6;
    display: block;
}

/* ─── Modal produto — altura máxima adaptada ao celular ───────────────────── */

.modal-produto-inner {
    max-height: 92vh;
}

@media (min-width: 768px) {
    .modal-produto-inner {
        max-height: 90vh;
    }

    .img-modal {
        max-height: 55vh;
    }
}

/* ─── Product card ────────────────────────────────────────────────────────── */

.card-produto {
    transition: transform 0.2s, box-shadow 0.2s;
}

.card-produto:hover {
    transform: translateY(-2px);
}

.linha-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ─── Hide scrollbar on category row ─────────────────────────────────────── */

.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.scrollbar-hide::-webkit-scrollbar {
    display: none;
}

/* ─── Toast ───────────────────────────────────────────────────────────────── */

#toast.show {
    opacity: 1;
}