/* Recadre une zone d'une photo sans modifier le fichier.
   Coordonnées en px sur l'image affichée à 1500x2000 :
   <div class="crop" style="--x:190;--y:690;--w:1130;--h:570"><img src="../1.jpg" alt=""></div> */
.crop { position: relative; overflow: hidden; aspect-ratio: var(--w) / var(--h); }
.crop > img {
  position: absolute; max-width: none; height: auto;
  width: calc(1500 / var(--w) * 100%);
  left: calc(var(--x) / var(--w) * -100%);
  top: calc(var(--y) / var(--h) * -100%);
}

/* Zoom / lightbox */
[data-zoom] { cursor: zoom-in; }
#zoom { border: 0; padding: 0; background: transparent; max-width: 96vw; max-height: 96vh; }
#zoom::backdrop { background: rgba(0, 0, 0, .85); }
#zoom img { display: block; max-width: 96vw; max-height: 92vh; margin: auto; border-radius: 6px; }
#zoom button { position: fixed; top: 14px; right: 14px; font: 700 1rem system-ui; padding: .5rem .9rem; border-radius: 99px; border: 0; cursor: pointer; }

/* Commande en ligne : masqué tant que ORDERING.enabled = false (voir menu.js) */
[data-feature="order"] { display: none !important; }
.ordering [data-feature="order"] { display: revert !important; }