/* Look « application » sur écran tactile (voir aussi pcg_base.css) : une fiche par écran, barre flottante sombre, accueil compact. */
@media (max-width: 820px), (hover: none) and (pointer: coarse) and (max-width: 1100px) {
  /* Lisibilité : l'écran se déclare large (pliable, tablette) ; on agrandit tout en proportion */
  html { font-size: clamp(17px, 4.7vw, 44px); }
  :root { --tab-h: 3.6rem; --nav-h: 3.2rem; }
  body { font-size: .95rem; }
  :root { --ratio-photo: 16 / 9; }
  .marque__logo { min-width: 2.2rem; height: 2.2rem; }
  .theme { padding: .15rem; gap: .15rem; }
  .theme button { width: 2.1rem; height: 2rem; }
  .theme button .icone { width: 1.2rem; height: 1.2rem; }
  .btn { padding: .7rem 1rem; min-height: 2.9rem; }
  .carte__actions { gap: .5rem; grid-template-columns: 1fr; }
  .carte__bench { display: none; }
  .carte__outils { gap: .45rem; top: .6rem; right: .6rem; }
  .carte__outils > * { width: 2.3rem; height: 2.3rem; }
  .carte__outils .icone { width: 1.3rem; height: 1.3rem; }
  .galerie__nav { width: 2.1rem; height: 2.1rem; }
  .carte__score { width: 4.4rem; }
  .etoiles { width: 6rem; height: 1.2rem; -webkit-mask-size: 1.2rem 1.2rem; mask-size: 1.2rem 1.2rem; }
  .critere__txt small { font-size: .74rem; font-weight: 650; }
  .critere__note b { font-size: .9rem; color: var(--ink); min-width: 3.2ch; }
  .compte { flex-wrap: nowrap; white-space: nowrap; font-size: .85rem; gap: .5rem; padding: .5rem .7rem; }
  .compte strong { font-size: .9rem; }
  .puce--mini { padding: .45rem .8rem; }
  .onglets a { font-size: .8rem; }
  .onglets a .icone { width: 1.7rem; height: 1.7rem; }
  .wrap { width: min(100% - 1.4rem, 56rem); }
  .barre__in { height: 3.2rem; }
  /* Accueil réduit à l'essentiel : la sélection apparaît tout de suite */
  .hero { padding: 12px 0 4px; }
  .hero__grille { grid-template-columns: 1fr; gap: 0; }
  .hero__grille > div:first-child { display: none; }
  .hero__panneau, .compte { width: 100%; }
  .hero .pastille, .hero h1, .hero__intro, .hero__actions, .hero .stats { display: none; }
  .hero__panneau { padding: 0; border: 0; box-shadow: none; background: transparent; backdrop-filter: none; }
  .hero__panneau::before { display: none; }
  .section { padding: 8px 0; }
  .section__tete p { display: none; }
  .section__tete h2 { font-size: 1.35rem; }
  /* Filtres collés sous la barre, défilement horizontal */
  .puces { position: sticky; top: 3.2rem; z-index: 12; margin: 0 -12px 10px; padding: 8px 12px; background: var(--bg); }
  .puce { padding: 9px 14px; font-size: .88rem; }
  /* Une fiche par écran, balayage horizontal */
  .grille-cartes { display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; margin: 0 -12px; padding: 0 12px 16px; scrollbar-width: none; scroll-padding: 12px; }
  .grille-cartes::-webkit-scrollbar { display: none; }
  .grille-cartes > * { flex: 0 0 calc(100% - 24px); scroll-snap-align: center; scroll-snap-stop: always; }
  .carte, .grille-cartes > * { border-radius: 22px; }
  .icone-bouton, .carte__outils button { min-width: 40px; min-height: 40px; }
  /* Barre du bas : flottante, sombre, arrondie */
  .onglets { left: 10px; right: 10px; bottom: calc(10px + env(safe-area-inset-bottom)); height: var(--tab-h); padding: 6px; border: 1px solid #343d51; border-radius: 20px; background: #151b2a; box-shadow: 0 16px 40px rgb(0 0 0 / .3); }
  .onglets a { color: #aeb7ca; border-radius: 14px; }
  .onglets a[aria-current="page"] { color: #172033; background: #fff; }
  .onglets a[aria-current="page"]::before { display: none; }
  .tiroir { bottom: calc(var(--tab-h) + 26px + env(safe-area-inset-bottom)); }
  main { padding-bottom: calc(var(--tab-h) + 40px + env(safe-area-inset-bottom)); }
}