/* salmik.fr/iphone : installer la PWA depuis Safari */
.iphone h1 { margin-top: 1.5rem; }
.iphone .chapeau { max-width: 40rem; }
.alerte-ios { display: grid; gap: .8rem; justify-items: start; margin: 1rem 0; padding: .9rem 1.1rem; border-radius: 1rem; border: 1px solid var(--aube); background: rgba(242, 196, 109, .08); }
.alerte-ios .qr { width: 150px; height: 150px; border-radius: .6rem; background: #fff; padding: .4rem; }
.depart { margin: 1.2rem 0 2rem; }
.etapes { list-style: none; margin: 0; padding: 0; display: grid; gap: 1.6rem; counter-reset: none; }
.etapes li { display: grid; grid-template-columns: minmax(7.5rem, 11rem) 1fr; gap: 1.2rem; align-items: center; }
.etapes .tel { width: 100%; height: auto; filter: drop-shadow(0 14px 28px rgba(0, 0, 0, .45)); }
.etapes h2 { display: flex; gap: .6rem; align-items: center; font-size: clamp(1.15rem, 4.5vw, 1.5rem); margin: 0 0 .4rem; }
.etapes h2 span { flex: none; display: grid; place-items: center; width: 2.1rem; height: 2.1rem; border-radius: 50%; background: var(--aube); color: var(--nuit-eau); font: 700 1.05rem/1 var(--texte, sans-serif); }
.etapes b { color: var(--aube); }
.etapes p { margin: 0; color: var(--lichen); }
.etapes .fin h2 span { background: #8CC5A8; }
.faq-ios { margin: 2.5rem 0 1rem; }
@media (min-width: 52rem) { .etapes li { grid-template-columns: 13rem 1fr; gap: 2rem; } }