/* Draft-only, v2: responsive scrolling for four tables in two pallet-collar posts.
 * CSS fallbacks also work when LiteSpeed defers the JS companion.
 * Keep original table markup, desktop presentation, and Elementor post content.
 */
@media (max-width: 767px) {
  .elementor-2979 section#comparatif,
  .elementor-6243 section#comparatif,
  .elementor-2979 section#cas-pratique > div,
  .elementor-6243 section#cas-pratique > div {
    max-width: 100%;
    box-sizing: border-box;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
  }

  .elementor-2979 section#comparatif > table,
  .elementor-6243 section#comparatif > table,
  .elementor-2979 section#cas-pratique > div > table,
  .elementor-6243 section#cas-pratique > div > table {
    min-width: 620px;
    max-width: none;
  }

  .elementor-2979 .fc-mobile-table-scroll,
  .elementor-6243 .fc-mobile-table-scroll {
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
  }

  .elementor-2979 .fc-mobile-table-scroll > table,
  .elementor-6243 .fc-mobile-table-scroll > table {
    width: 100% !important;
    min-width: 620px;
    max-width: none;
  }
}