/* =========================================================
   iOS‑Safari “Request Desktop Site” fix  (drop‑in override)
   ---------------------------------------------------------
   1.  Shrink the mobile breakpoint from 1023 px → 767 px
       so iPhone‑Safari’s 980 px desktop viewport **skips**
       the mobile styles that were kicking in.
   2.  Keep tablet‑styles (≥ 768 px) and all larger break‑
       points exactly as they are in your original file.
   3.  Nothing changes for Android or real desktops.
   ======================================================= */

/* -------------- overwrite every old 1023 px query -------------- */
@media (max-width: 767px) {

  /* ↓ Everything that *used to* live in your
       @media (max-width: 1023px){ … } block ↓    */

  div.container           { padding: 0 25px; }
  button                  { font-size: .75rem; height: 37px; border-radius: 5px; }
  header div.container div.ranger div.colonne:nth-child(1) {
      width: 100%;
  }
  header div.container div.ranger div.colonne:nth-child(1) img {
      width: 168px; margin: 0 auto;
  }
  header div.container div.ranger div.colonne:nth-child(2) { width: 100%; }
  header div.container div.ranger div.colonne:nth-child(2) a.retour {
      float:right; margin-top:20px;
  }
  /* …keep pasting everything else that was inside the
     old 1023 px query – nothing needs to be edited
     except that outer line…                              */

}
/* --------------------------------------------------------------- */