/* ===================== Comestibles por mayor — ajustes propios ===================== */
/* La página no usa .cta-final (cierra con la variante .plm-mini del módulo de
   lista de precios, en pages.css) — este archivo queda para overrides puntuales. */
.p-comestibles .page-hero-cta .btn-outline{border-color:var(--c-comestibles)}

/* ---------- Fotos extra de góndola/stock (entre "Comprá para tu comercio" y el reparto) ---------- */
.gondola-photo-band{padding:clamp(1.5rem,3.5vw,2.5rem) 0 clamp(2.5rem,5vw,4rem)}
.gondola-photo-grid{display:flex; flex-wrap:wrap; justify-content:center; align-items:flex-start;
  gap:clamp(1.6rem,4vw,3rem)}
.gondola-photo{position:relative; margin:0; width:100%; max-width:300px; border-radius:22px; overflow:hidden;
  box-shadow:var(--shadow); border:6px solid #fff; rotate:-1.6deg;
  transition:rotate .5s var(--ease-out), transform .5s var(--ease-out)}
.gondola-photo:hover{rotate:0deg; transform:translateY(-4px)}
.gondola-photo img{width:100%; height:auto; aspect-ratio:4/5; object-fit:cover; display:block}
.gondola-photo-alt{rotate:1.6deg; margin-top:clamp(0px,3vw,28px)}
.gondola-photo-alt:hover{rotate:0deg}