/* Shari's Home Cooking // mixed photo + video gallery
   Isolated gallery layer. Keeps empty/admin instructions off the customer-facing page. */
#gallery .gallery-empty:empty{display:none!important}
#gallery .gallery-heading{padding-bottom:clamp(.85rem,2vw,1.2rem)}
#gallery .gallery-card{position:relative;background:#f7e8ee;cursor:pointer}
#gallery .gallery-card img,
#gallery .gallery-card video{
  display:block;
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
  background:#f7e8ee;
}
#gallery .gallery-card[data-contain="true"] img,
#gallery .gallery-card[data-contain="true"] video{object-fit:contain;background:#fff6f8}
#gallery .gallery-card figcaption:empty{display:none}
.gallery-video-badge{
  position:absolute;
  left:50%;
  top:50%;
  display:grid;
  width:54px;
  height:54px;
  place-items:center;
  transform:translate(-50%,-50%);
  border:1px solid rgba(255,255,255,.55);
  border-radius:50%;
  background:rgba(23,19,23,.72);
  color:#fff;
  font-size:1.05rem;
  line-height:1;
  padding-left:.15rem;
  box-shadow:0 10px 28px rgba(0,0,0,.25);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  pointer-events:none;
}
.gallery-dialog figure{display:grid;place-items:center}
.gallery-dialog img,
.gallery-dialog video{
  width:100%;
  max-height:calc(100dvh - 8rem);
  object-fit:contain;
  border-radius:16px;
  background:#0f0d0e;
}
.gallery-dialog [hidden]{display:none!important}
.gallery-dialog figcaption:empty{display:none}
@media (orientation:portrait) and (max-width:760px){
  #gallery .gallery-card img,
  #gallery .gallery-card video{aspect-ratio:4/3}
  .gallery-video-badge{width:48px;height:48px;font-size:.95rem}
}