@media (max-width: 768px) {

  /* Enlever le sticky */
  .page-static .wp-block-columns.is-layout-flex,
  .page-static .wp-block-columns.is-layout-flex *,
  .page-static .wp-block-column,
  .page-static .wp-block-column * {
    position: static !important;
  }

  /* Container réorganisé */
  .page-static .wp-block-columns.mobile-reordered {
    display: flex !important;
    flex-direction: column !important;
  }

  /* Titre et contenu */
  .page-static .mobile-reordered .wp-block-group.hauteur {
    width: 100% !important;
    margin: 0;
  }

  /* Contenu texte */
  .page-static .mobile-reordered .entry-content {
    width: 100% !important;
    margin: 0 !important;
  }

  /* Galerie */
  .page-static .mobile-reordered .wp-block-column:first-child,
  .page-static .mobile-reordered .kozto-projet-gallery {
    width: 100% !important;
    padding: 0 !important;
    margin: 0;
  }

  /* Forcer padding 0 sur la colonne galerie */
  .page-static .mobile-reordered .wp-block-column[style*="flex-basis: 66.66%"] {
    padding-top: 0 !important;
  }

  /* Infos pratiques */
  .page-static .mobile-reordered .wp-block-group.is-layout-grid {
    width: 100% !important;
    margin: 0;
    padding: 0 !important;
  }

  /* Navigation */
  .page-static .mobile-reordered .wp-block-group.is-content-justification-space-between {
    width: 100% !important;
    display: flex !important;
    justify-content: space-between !important;
  }

  /* HR */
  .page-static .mobile-reordered hr {
    width: 100% !important;
    margin: 0;
    padding: 0;
  }

  /* Cacher les div wp-block-group vides qui prennent de la place */
  .page-static .mobile-reordered .wp-block-group.is-layout-flow:empty {
    display: none !important;
  }

  /* Forcer tous les paragraphes d'infos à 0.6rem */
  .page-static .mobile-reordered .infos p {
    font-size: 0.7rem !important;
    margin: 0 !important;
  }

  /* Réduire les marges des groupes d'infos */
  .page-static .mobile-reordered .wp-block-group.infos {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Forcer la largeur des HR et paragraphes dans les infos */
  .page-static .mobile-reordered .wp-block-group.infos hr,
  .page-static .mobile-reordered .wp-block-group.infos p {
    width: 100% !important;
  }

  .page-static .kozto-video-sound-toggle {
    position: absolute !important;
    bottom: 10px !important;
    left: 10px !important;
    width: 32px !important;
    height: 32px !important;
    z-index: 10 !important;
  }

  .page-static .kozto-video-sound-toggle .sound-icon img {
    width: 16px !important;
    height: 16px !important;
  }
}
