/* Préproduction Mian Fan, cartes compactes approuvées en maquette.
 * Téléphones seulement. Aucun style au-delà de 767px, aucun script ni lien modifié.
 * Photos, noms et ordre des dix maisons conservés.
 */
@media (max-width: 767px) {
  .home-wahou #restos { padding-right:14px; padding-left:14px; }
  .home-wahou #restos .restos__grid { display:grid; grid-template-columns:minmax(0,1fr); gap:12px; }
  .home-wahou #restos .card,
  .home-wahou #restos .card--big {
    display:grid; grid-template-columns:clamp(98px,29.75vw,130px) minmax(0,1fr);
    grid-template-rows:auto; grid-column:auto; grid-row:auto;
    min-height:172px; height:auto; border:0; border-radius:12px;
    background:oklch(22% .007 85); color:oklch(98% .01 85);
    overflow:hidden; transform:none; box-shadow:none;
  }
  .home-wahou #restos .card::after { display:none; }
  .home-wahou #restos .card__media {
    grid-column:1; grid-row:1; position:relative; inset:auto;
    width:100%; height:100%; min-height:172px; aspect-ratio:auto;
    z-index:auto; overflow:hidden;
  }
  .home-wahou #restos .card__media img {
    position:absolute; inset:0; display:block; width:100%; height:100%;
    object-fit:cover; object-position:50% 45%; transform:none;
  }
  .home-wahou #restos .card__body {
    grid-column:2; grid-row:1; position:relative; inset:auto; z-index:auto;
    display:flex; flex-direction:column; min-width:0; width:auto;
    padding:14px 12px 12px; margin:0; gap:0;
  }
  .home-wahou #restos .card__title,
  .home-wahou #restos .card__title a {
    font-size:26px; line-height:1.03; letter-spacing:-.015em;
    color:oklch(98% .01 85); text-shadow:none; overflow-wrap:normal;
  }
  .home-wahou #restos .card__title { order:0; margin:0 0 6px; }
  .home-wahou #restos .card__addr {
    order:1; margin:0 0 8px; font-size:11px; line-height:1.4;
    color:oklch(82% .022 85); opacity:1; text-shadow:none;
  }
  .home-wahou #restos .card__concept {
    order:2; margin:0 0 10px; font-size:12px; line-height:1.45;
    color:oklch(96% .016 85); text-shadow:none; max-width:none;
    font-style:normal; opacity:1;
  }
  .home-wahou #restos .card__concept-desktop,
  .home-wahou #restos .card__menu-desktop { display:none; }
  .home-wahou #restos .card__concept-mobile[hidden],
  .home-wahou #restos .card__menu-mobile[hidden] { display:inline !important; }
  .home-wahou #restos .card__actions {
    order:3; display:flex; flex-wrap:wrap; align-items:center;
    gap:6px; padding:0; margin-top:auto; width:100%;
  }
  .home-wahou #restos .card__menu,
  .home-wahou #restos .card__book {
    display:inline-flex; align-items:center; justify-content:center;
    min-height:44px; padding:0 10px; margin:0; border:0; border-radius:5px;
    font-size:12px; font-weight:500; line-height:1.3;
    letter-spacing:0; text-transform:none; white-space:normal;
    text-shadow:none; width:auto;
  }
  .home-wahou #restos .card__menu {
    min-width:48px; color:oklch(98% .01 85); background:transparent;
    text-decoration:underline; text-underline-offset:4px;
  }
  .home-wahou #restos .card__book {
    flex:1 1 84px; color:var(--ink); background:var(--yellow);
    text-decoration:none;
  }
  .home-wahou #restos .card__menu:only-child {
    width:100%; background:var(--yellow); color:var(--ink); text-decoration:none;
  }
  .home-wahou #restos .card__tag { display:none; }
  .home-wahou #restos .card__badge {
    top:8px; left:6px; padding:4px 6px; font-size:8px; letter-spacing:.03em;
    max-width:calc(29.75vw - 12px); z-index:2;
  }
  .home-wahou #restos .card:focus-within { outline:2px solid var(--yellow); outline-offset:3px; }
  .home-wahou #restos .card a:focus-visible { outline:2px solid var(--yellow); outline-offset:2px; }
  .home-wahou #restos .card .card__book:focus-visible,
  .home-wahou #restos .card .card__menu:only-child:focus-visible { outline-color:oklch(98% .01 85); }
}
@media (max-width: 355px) {
  .home-wahou #restos .card__body { padding-right:10px; padding-left:10px; }
  .home-wahou #restos .card__title,
  .home-wahou #restos .card__title a { font-size:24px; }
  .home-wahou #restos .card__actions { gap:2px; }
  .home-wahou #restos .card__menu,
  .home-wahou #restos .card__book { padding-right:7px; padding-left:7px; }
}