/*
 Theme Name:   PopularFX Child
 Template:     popularfx
 Description:  Tema child di PopularFX
 Author:       Alfonso Pellegrino
 Version:      1.0
*/

/* Qui puoi aggiungere i tuoi stili personalizzati */
/* HOMEPAGE: PRODOTTI SINGOLI MOSTRATI IN HOMEPAGE PER MOBILE E TABLET*/
@media (max-width: 769px) {
    .p-uv76482 .pagelayer-row-holder,
    .p-hkr4430 .pagelayer-row-holder {
        display: flex !important;
        flex-wrap: wrap !important; /* Consente di andare a capo */
    }

    .p-uv76482 .pagelayer-col,
    .p-hkr4430 .pagelayer-col {
        width: 50% !important; /* 2 per riga su mobile */
        padding-left: 5px !important; 
        padding-right: 5px !important;
        box-sizing: border-box; /* Evita che padding allarghi il blocco */
    }
}



/* ---------------------------------------------------------------------- */

/* HOMEPAGE: ACQUISTA PER CATEGORIA IN HOMEPAGE PER MOBILE E TABLET*/
/* Opzionale: previene qualsiasi overflow residuo */
@media (max-width: 769px) {
    body {
        overflow-x: hidden;
    }
    
.p-mh73432 .pagelayer-row-holder {
  display: flex;      /* Attiva la disposizione flessibile (orizzontale) */
  flex-wrap: wrap;    /* Permette agli elementi di andare a capo su una nuova riga */
}

.p-mh73432 .pagelayer-col {
  width: 33.333% !important; /* Ogni colonna occupa un terzo della larghezza disponibile*/
}
}

/*fine mediaquery*/



/*HOMEPAGE: DISPOSIZIONE ORIZZONTALE 4 RIQUADRI DI FONDO PAGINA PER SMARTPHONE*/
@media (max-width: 501px) {
  .p-whh3466 > .pagelayer-row-holder {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .p-whh3466 .pagelayer-col {
    flex: 0 0 25%;
    max-width: 25%;
    box-sizing: border-box;
    padding: 1px;
  }

  .promo-title {
    font-size: 10px;
    font-weight: 600;
  }

  .promo-text {
    font-size: 10px;
  }
}