/*
    ==========================================================
    PROJECT : DEVENIR-ARTISAN.NET
    FILE    : main-benefits.css
    AUTH    : Renaud
    CREATED : 23 novembre 2025
    UPDATED : 21 décembre 2025
    ==========================================================
*/

/**
*   @project        DEVENIR-ARTISAN.NET
*   @description    Mise en page de la section Bénéfices.
*                   Gère uniquement le positionnement de la grille.
*   
*   @file           css/main-benefits.css
*   @see            includes/main-benefits.php
*   @see            css/card-benefit.css
*/

/* --- BLOCK : Main Benefits --- */
.main-benefits {
    /* Positionnement relatif pour d'éventuels éléments de déco */
    position: relative;
    width: 100%;
}

/* --- ELEMENT : Grid --- */
.main-benefits__grid {
    /* PLACEMENT */
    display: grid;
    /* Grille responsive : colonnes de 280px minimum */
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 2.5rem;
    width: 100%;
}

/* --- RESPONSIVE --- */
@media (max-width: 768px) {
    .main-benefits__grid {
        gap: 1.5rem;
    }
}

/*--- DEBUG --- */
/*
.main-benefits       { border: 2px dashed #ccc; }
.main-benefits__grid { border: 1px solid #eee; }
*/