#volantino_BF {}
#volantino_BF_corpo{
    background:#FFF;
    padding-bottom:25px;
}
#volantino_BF_testata{
	margin-bottom:25px;
}
#volantino_BF_elementi{ background:#FFF; }
#volantino_BF_elementi:after{ content:''; display:block; clear:both; }

/* Card base */
.volantino_BF_elemento{
    box-sizing:border-box;
    padding:10px;
    margin:0 0 20px 0;   /* solo margine sotto */
    background:#FFF;
    /* opzionali: bordo/ombra come nelle card di categoria
    border:1px solid #e5e5e5;
    box-shadow:0 2px 6px rgba(0,0,0,0.05);
    border-radius:6px;
    */
}
.volantino_BF_elemento img{
    width:100%;
    height:auto;
    display:block;
    border:0;
}

/* === DESKTOP: 5 per riga con le MISURE richieste === */
@media screen and (min-width:1200px){
    .volantino_BF_elemento{
        float:left;
        width:19.2%;
        margin-right:1%;   /* spazio tra card */
        text-align:center;
    }
    .volantino_BF_elemento:nth-child(5n){     /* ultimo della riga */
        margin-right:0;
    }
    .volantino_BF_elemento:nth-child(5n+1){   /* primo della riga */
        clear:left;
    }
}

/* Desktop medi (fallback 4 per riga) */
@media screen and (min-width:939px) and (max-width:1199px){
    .volantino_BF_elemento{
        float:left;
        width:24%;
        margin-right:1%;
        text-align:center;
    }
    .volantino_BF_elemento:nth-child(4n){ margin-right:0; }
    .volantino_BF_elemento:nth-child(4n+1){ clear:left; }
}

/* Tablet: 3 per riga */
@media screen and (min-width:601px) and (max-width:938px){
    .volantino_BF_elemento{
        float:left;
        width:32.3333%;   /* 3*32.3333 + 2*1 = 99% */
        margin-right:1%;
        text-align:center;
    }
    .volantino_BF_elemento:nth-child(3n){ margin-right:0; }
    .volantino_BF_elemento:nth-child(3n+1){ clear:left; }
}

/* Smartphone: 2 per riga */
@media screen and (max-width:600px){
    .volantino_BF_elemento{
        float:left;
        width:49%;
        margin-right:2%;
        text-align:center;
    }
    .volantino_BF_elemento:nth-child(2n){ margin-right:0; }
    .volantino_BF_elemento:nth-child(2n+1){ clear:left; }
}