/* overlayIOS */
    .overlayIOS {
      display: none;
      position: fixed;
      inset: 0;
      background-color: rgba(0, 0, 0, 0.7);
      justify-content: center;
      align-items: flex-end;
      z-index: 1000;
    }
    .overlayIOS.active {
      display: flex;
    }

    /* Modal */
    .modalIOS {
      width: 100%;
      max-width: 650px;
      background: #F9F9F9;
      border-radius: 20px 20px 0 0;
      padding: 1.5rem 1rem;
      box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.15);
      transform: translateY(100%);
      animation: slideUp 0.3s ease-out forwards;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    }

    /* Responsive sur ordinateur */
    @media (min-width: 768px) {
      .modalIOS {
        max-width: 700px;
        border-radius: 20px;
        transform: translateY(50%);
      }
      .overlayIOS {
        align-items: center;
      }
    }

    /* Animation pour le slide-up */
    @keyframes slideUp {
      from { transform: translateY(100%); }
      to { transform: translateY(0); }
    }

    /* Contenu du modal */
    .modalIOS-content {
      margin-bottom: 1rem;
      font-size: 1.6rem;
      color: #333;
      text-align: center;
      font-weight: 600;
    }
    .modalIOS-options {
      display: flex;
      flex-direction: column;
      gap: 0.5rem;
    }
    .modalIOS-options button {
      background-color: #ffffff;
      border: none;
      padding: 1.25rem;
      border-radius: 12px;
      font-size: 1.2rem;
      cursor: pointer;
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
      transition: background-color 0.2s, transform 0.1s;
    }
    .modalIOS-options button:hover {
      background-color: #d0e79a;
      transform: scale(1.02);
    }
	.modalIOS-options button span {	 float: left; }

    /* Bouton Fermer */
   .close-buttonIOS {
    width: 50%;
    margin: 0 auto;
    display: block;
        /* background-color: #FF3B30; */
    color: #FF3B30;
    padding: 1.255rem;
    border: none;
    border-radius: 12px;
    font-size: 1rem;
    cursor: pointer;
    font-weight: 600;
    margin-top: 1rem;
    transition: background-color 0.2s;
}

 
    .close-buttonIOS:hover {
     background-color: #FF3B30;
    color: white;
    }