/* PATCH 04_211 — Mobile Full Responsive Pass */

/* Empêcher le scroll horizontal */
html, body {
  max-width: 100%;
  overflow-x: hidden;
}

/* Images toujours contenues */
img, video {
  max-width: 100%;
  height: auto;
}

/* Conteneurs principaux */
.sf-page,
.sf-main-shell,
.sf-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
}

/* MOBILE */
@media (max-width: 768px) {

  .sf-page,
  .sf-main-shell,
  .sf-container {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  /* Menu principal avec wrap */
  nav[data-sf-main-nav="on"],
  .sf-main-nav {
    display: flex;
    flex-wrap: wrap;
    row-gap: 0.5rem;
  }

  nav[data-sf-main-nav="on"] > *,
  .sf-main-nav > * {
    flex: 0 1 auto;
  }

  /* Hero */
  .sf-home-hero,
  .sf-hero-banner {
    min-height: auto;
    background-size: cover;
    background-position: center top;
  }

  /* Carrousels */
  [data-sf-carousel="home"],
  [data-sf-carousel="auctions"] {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    gap: 0.75rem;
    padding-bottom: 0.5rem;
  }

  [data-sf-carousel="home"] > *,
  [data-sf-carousel="auctions"] > * {
    flex: 0 0 75%;
    scroll-snap-align: start;
  }

  /* Cartes & panneaux */
  .sf-card,
  .sf-panel,
  .sf-box {
    max-width: 100%;
  }
}