/* Sur mobile (≤768px), affiche la sidebar boutique au-dessus des produits
   au lieu de la masquer. Ajuste les espacements pour un rendu propre. */
@media (max-width: 768px){
  
  /* 1. Passe le conteneur en flex-wrap pour empiler sidebar + produits */
  .ast-left-sidebar #content > .ast-container{
    flex-wrap: wrap;
    flex-direction: row;
  }

  /* 2. Espacement en haut de la sidebar */
  #secondary{
    margin: 20px 0 0 0;
  }

  /* 3. Espacement entre les widgets de la sidebar */
  #secondary .widget{
    margin-bottom: 20px;
  }

  /* 4. Supprime le padding-top de la zone produits
        (sinon crée un vide sous la sidebar) */
  .ast-separate-container #primary{
    padding-top: 0;
  }
}