/*
 * Boutique / catalogue conso — index, catégorie, fiche produit.
 * Patterns des écrans de Julien : chips de catégories défilantes, grille de cartes produit.
 */

/* Rangée de chips : défilement horizontal en mobile, pas de retour à la ligne */
.catalog-chips {
    display: flex;
    flex-wrap: nowrap;
    gap: .5rem;
    overflow-x: auto;
    padding-bottom: .25rem;
    scrollbar-width: none;
}

.catalog-chips::-webkit-scrollbar {
    display: none;
}

.catalog-chips .btn {
    flex: 0 0 auto;
    white-space: nowrap;
}

/* Carte produit : toute la carte est cliquable, léger relief au survol */
.product-card {
    transition: box-shadow .15s ease-in-out;
}

.product-card:hover,
.product-card:focus-visible {
    box-shadow: var(--bs-box-shadow-sm);
}

/* Titre de carte borné à 2 lignes pour une grille homogène */
.product-card .card-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}