/* ============================================================================
   COUCHE CELL · chargée en DERNIER pour gagner la cascade.
   Petits écrans (320 à 430 px), paysage, zones sûres, cibles tactiles.
   ========================================================================== */

@media screen and (max-width: 749px) {
  /* Champs à 16 px : iOS ne zoome pas */
  input, select, textarea { font-size: 16px !important; }

  .page-width { padding-left: 1.6rem; padding-right: 1.6rem; }
  .pd-produit { padding-top: 1.2rem; }

  /* Galerie : pleine largeur visuelle, coins conservés */
  .pd-galerie__piste { border-radius: 2rem; }
  .pd-galerie__fleche { display: none; }
  .pd-galerie__nav { padding: 0.4rem 0.4rem; bottom: 1rem; }
  .pd-galerie__vignette { flex-basis: 5.6rem; height: 5.6rem; }

  .pd-achat .pd-h1 { font-size: 2.8rem; }
  .pd-achat__sous-titre { font-size: 1.65rem; }
  .pd-form { gap: 1.6rem; }

  /* Cartes de format : le prix reste lisible, le détail passe sous le titre */
  .pd-offre { padding: 1.6rem 1.2rem; gap: 0.8rem; border-radius: 1.6rem; }
  .pd-offre__titre { font-size: 1.7rem; }
  .pd-offre__detail { font-size: 1.28rem; }
  .pd-offre__actuel { font-size: 1.95rem; }

  .pd-garantie { font-size: 1.2rem; }
  .pd-faits { gap: 0.8rem; }
  .pd-fait { padding: 1.6rem 1.6rem; }
  .pd-fait__texte { font-size: 1.38rem; }
  .pd-question__titre { font-size: 1.6rem; padding: 1.6rem 0; }
  .pd-question__reponse { padding-right: 0; }
  .pd-collante__img { display: none; }
  .pd-collante__titre { font-size: 1.4rem; }
  .pd-mode__carte { padding: 2.4rem 1.6rem; }
}

/* Très petits écrans (iPhone SE, Android compacts, pliables fermés) */
@media screen and (max-width: 374px) {
  .page-width { padding-left: 1.2rem; padding-right: 1.2rem; }
  .pd-offre { grid-template-columns: auto minmax(0, 1fr); }
  .pd-offre__prix { grid-column: 2; flex-direction: row; flex-wrap: wrap; align-items: baseline; gap: 0.4rem 0.8rem; justify-content: flex-start; text-align: left; }
  .pd-offre__eco { margin-top: 0; }
  .pd-faits { grid-template-columns: 1fr; }
  .pd-benefices__grille { grid-template-columns: 1fr; }
  .pd-pastille { font-size: 1.25rem; }
  .pd-collante__bouton { padding: 0 1.2rem; font-size: 1.5rem; }
  .pd-heros__titre { font-size: 3rem; }
}

/* Paysage court : rien de pleine hauteur ne déborde */
@media screen and (orientation: landscape) and (max-height: 500px) {
  .pd-galerie__slide { aspect-ratio: auto; height: 80vh; height: 80svh; }
  .pd-popup { max-height: 85vh; max-height: 85svh; overflow-y: auto; }
  .pd-heros__img { max-height: 70vh; max-height: 70svh; width: auto; }
}

/* Écrans tactiles : cibles d'au moins 44 px */
@media (hover: none) {
  .pd-galerie__vignette { min-width: 4.4rem; min-height: 4.4rem; }
  .pd-lien-fleche { min-height: 4.4rem; }
}