body { padding-bottom: 64px; }
.cart-bar { position: fixed; bottom: 0; left: 0; right: 0; background: rgba(248,249,250,.95); border-top: 1px solid #ddd; padding: .5rem 0; }
.card img { object-fit: cover; height: 140px; }
@media (min-width: 768px) { .card img { height: 160px; } }

/* Image lightbox */
.lightbox-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.85);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 1085;
}
.lightbox-backdrop.show { display: flex; }
.lightbox-backdrop img {
  max-width: 95vw;
  max-height: 95vh;
  box-shadow: 0 0.5rem 1rem rgba(0,0,0,.5);
  border-radius: .25rem;
  background: #111;
}
.lightbox-clickable { cursor: zoom-in; }
.lightbox-backdrop { cursor: zoom-out; }

/* Zoom icon overlay on images */
.img-zoom-btn {
  position: absolute;
  top: .5rem;
  right: .5rem;
  width: 2rem;
  height: 2rem;
  border: none;
  border-radius: 50%;
  background: rgba(0,0,0,.55);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.img-zoom-btn:focus { outline: 2px solid #fff; outline-offset: 2px; }

/* Page loading overlay for /order images */
.page-loading-overlay {
  position: fixed;
  inset: 0;
  background: rgba(255, 255, 255, 0.95);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 1090;
}
.page-loading-overlay.show { display: flex; }