@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

    Body {
        font-family: "Open Sans", sans-serif;
        font-weight: 400;
        font-style: normal;
    }

    /* Images plus compactes */
    .card img {
        height: 140px; /* réduit la hauteur pour rendre la card plus compacte */
        object-fit: cover;
    }

    /* Card hover */
    .card:hover {
        transform: translateY(-2px);
        transition: 0.3s;
    }

    .card {
        overflow: hidden;
        position: relative;
        cursor: pointer;
    }

    /* Card body plus compact */
    .card-body {
        padding: 8px !important;
        border: gray;
    }

    /* Description tronquée */
    .truncate-2 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-bottom: 0.25rem;
        font-size: 0.72rem; /* plus petite taille */
        line-height: 1.1rem;
        color: #6c757d;
    }

    /* Titres et badges */
    .card-title {
        font-size: 0.9rem;
        font-weight: 600;
        line-height: 1.15;
        margin-bottom: 0.25rem;
    }

    .card .badge {
        font-size: 0.6rem;
        padding: 0.2em 0.35em;
    }

    .card .d-flex.gap-1 {
        margin-bottom: 0.25rem;
    }

    /* Prix */
    .card .prix {
        font-size: 0.85rem;
        font-weight: 700;
        margin-bottom: 0.25rem;
    }

    /* Réduire le bouton Share */
    .card .dropdown button.btn-primary,
    .card .dropdown button.btn-secondary {
        font-size: 0.7rem;
        padding: 0.10rem 0.4rem;
    }

    /* ======= Veo Link ======= */
    /* Icône vidéo en bas à droite */
    .video-icon {
        position: absolute;
        bottom: 50%;
        right: 8px;
        background: rgba(0,0,0,0.7);
        color: white;
        width: 35px;
        height: 35px;
        border-radius: 50%;
        text-align: center;
        line-height: 35px;
        cursor: pointer;
        font-size: 18px;
        transition: transform 0.2s, background 0.2s;
        z-index: 1050;
    }

    .video-icon:hover {
        transform: scale(1.2);
        background: rgba(230, 57, 70, 0.8);
    }

    /* Mini preview overlay (hover) */
    .video-preview {
        position: absolute;
        bottom: 50%;
        right: 8px;
        width: 35px;
        height: 35px;
        background: rgba(0,0,0,0.6);
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 0;
        transition: opacity 0.3s;
        cursor: pointer;
        z-index: 1050;
    }

    .card:hover .video-preview {
        opacity: 1;
    }

    .card .video-preview:hover {
        opacity: 0;
    }

    .video-preview i {
        font-size: 18px;
        color: white;
    }

    /* Icône vidéo pour toutes les tailles ≥ 200px */
    @media (min-width: 200px) {
        .video-icon {
            bottom: 60%;
        }
        .video-preview {
            bottom: 60%;
        }
    }