/* ===== CONTENU IFRAME ===== */
.contentIframeClass {
  width: 100%;
  height: 100%;
  position: absolute;
  border: none;
}

/* ===== NAVIGATION ===== */
.dummyIFrameClass {
  display: none;
}

.prev, .next {
  display: none !important;
  cursor: pointer;
  position: absolute;
  top: 50%;
  padding: 15px;
  color: rgb(0, 0, 0);
  font-weight: bold;
  font-size: 30px;
  visibility: hidden;
}

.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* ===== RESET ===== */
html, body {
  margin: 0;
  overflow: hidden;
  height: 100%;
  /*width : 100%; *//* ajouté */
}



/* ===== WRAPPER INDESIGN ===== */
#container, .page, .spread {
  max-width: 768px;
  margin: 0 auto;
}

/* ===== RESPONSIVE AVEC BREAKPOINTS ===== */

/* Desktop petit = Ordinateur à petit écran */
@media (max-width: 1200px) {
  body {
    transform: scale(0.85);
    transform-origin: top left;
    width: 117.65%;
    height: 117.65vh;
  }
}


/* Tablette */
@media (max-width: 1024px) {
  body {
    transform: scale(0.75);
    transform-origin: top left;
    width: 133.33%;
    height: 133.33vh;
  }
}


/* Tablette / grand mobile */
@media (max-width: 768px) {
  body {
    transform: scale(0.6);
    transform-origin: top left;
    width: 166.66%;
    height: 166.66vh;
  }
}


/* Mobile - Test sur Iphone X -> catalogue entier visible avec ses flèches de navigation */

@media (max-width: 480px) {
  body {
    transform: scale(0.38); /* 🔥 plus petit = tout visible */
    transform-origin: top left; /* 🔥 IMPORTANT */

    width: 263%;
    height: 263vh;

    /* 🔥 amélioration stabilité mobile */
    min-height: 100vh;
  }
}