/* Keep the desktop vacuum-pack photo centered within the existing gallery stage. */
.detail-gallery-item.is-vacuum-pack{position:relative;height:min(520px,calc(90vh - 105px));aspect-ratio:auto}
.detail-gallery-item.is-vacuum-pack picture{position:absolute;inset:4% 6%;display:block;width:auto;height:auto;min-width:0;min-height:0}
.detail-gallery-item.is-vacuum-pack img,.detail-visual .detail-gallery-item.is-vacuum-pack img{display:block;width:100%;height:100%;min-width:0;min-height:0;padding:0;object-fit:contain}
.detail-gallery-controls{display:none}
@media(max-width:900px){
  .product-detail-modal,.product-detail-modal .product-detail-dialog{overscroll-behavior-y:none}
  .detail-visual.has-multiple-images{position:relative;min-height:0;max-height:none;overflow:hidden;padding:0}
  .detail-visual.has-multiple-images .detail-gallery-scroll{position:relative;width:100%;height:clamp(340px,94vw,410px);max-height:none;overflow:hidden;padding:0;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none}
  .detail-visual.has-multiple-images .detail-gallery-scroll:focus-visible{outline:2px solid #815640;outline-offset:-2px}
  .detail-visual.has-multiple-images .detail-gallery-list{position:relative;display:block;width:100%;height:100%;gap:0}
  .detail-visual.has-multiple-images .detail-gallery-item{position:absolute;top:0;left:50%;z-index:0;display:block;width:90%;max-width:none;height:100%;aspect-ratio:auto;margin:0;overflow:hidden;opacity:0;pointer-events:none;transform:translate3d(-50%,0,0) scale(.58);translate:0 0;transition:transform .48s cubic-bezier(.22,.8,.22,1),translate .48s cubic-bezier(.22,.8,.22,1),opacity .32s ease;will-change:transform,translate,opacity;backface-visibility:hidden}
  .detail-visual.has-multiple-images .detail-gallery-scroll.is-dragging .detail-gallery-item{transition:none}
  .detail-visual.has-multiple-images .detail-gallery-scroll.is-animating .detail-gallery-item{transition:none}
  .detail-visual.has-multiple-images .detail-gallery-item.is-active{z-index:2;opacity:1;pointer-events:auto;transform:translate3d(-50%,0,0) scale(1)}
  .detail-visual.has-multiple-images .detail-gallery-item.is-next{z-index:3;opacity:.84;pointer-events:auto;transform:translate3d(16.666667%,0,0) scale(.58);cursor:pointer}
  .detail-visual.has-multiple-images .detail-gallery-item.is-prev{z-index:3;opacity:.84;pointer-events:auto;transform:translate3d(-116.666667%,0,0) scale(.58);cursor:pointer}
  .detail-visual.has-multiple-images .detail-gallery-item picture{position:absolute;inset:0;display:block;width:100%;height:100%;min-width:0;min-height:0}
  .detail-visual.has-multiple-images .detail-gallery-item img,.detail-visual.has-multiple-images .detail-gallery-item:not(.is-vacuum-pack) img{display:block;width:100%;height:100%;min-height:0;padding:0;object-fit:cover}
  .detail-visual.has-multiple-images .detail-gallery-item.is-vacuum-pack picture{inset:0 2%;width:auto;height:auto}
  .detail-visual.has-multiple-images .detail-gallery-item.is-vacuum-pack img{object-fit:contain}
  .detail-visual.has-multiple-images .detail-gallery-controls{display:flex;align-items:center;justify-content:center;min-height:30px;padding:0 14px 8px;color:#6f4326;font:500 12px/1.3 -apple-system,BlinkMacSystemFont,"Yu Gothic",sans-serif;letter-spacing:.08em}
  .detail-gallery-controls button{display:none}
}
@media(max-width:620px){
  .detail-visual.has-multiple-images .detail-gallery-scroll{height:clamp(330px,94vw,390px)}
  .product-detail-modal .detail-description{display:block;line-height:1.9;letter-spacing:.04em}
  .product-detail-modal .detail-description p{display:inline;white-space:normal}
  .product-detail-modal .detail-description p+p::before{content:" ";white-space:pre}
}
@media(prefers-reduced-motion:reduce){.detail-visual.has-multiple-images .detail-gallery-item{transition:none}}

/* Compensate for different transparent margins in the uploaded pack photos. */
@media(min-width:901px){
  .detail-gallery-item.is-vacuum-pack[data-product-id="ginger-duck"] picture{inset:2% 3%}
  .detail-gallery-item.is-vacuum-pack[data-product-id="lamb-hotpot"] picture{inset:0}
}
@media(max-width:900px){
  .detail-visual.has-multiple-images .detail-gallery-item.is-vacuum-pack[data-product-id="ginger-duck"] picture{inset:-2% 2%}
  .detail-visual.has-multiple-images .detail-gallery-item.is-vacuum-pack[data-product-id="lamb-hotpot"] picture{inset:-5.2% 2%}
}

/* Widen the sesame-chicken pack slightly without changing its height. */
.detail-gallery-item.is-vacuum-pack[data-product-id="lamb-hotpot"] img{transform:scaleX(1.029);transform-origin:center}

/* Keep the newly uploaded pepper-chicken pack fully visible and slightly brighter. */
.detail-gallery-item.is-vacuum-pack[data-product-id="pepper-pork-chicken"] img{filter:brightness(1.07)}

/* 2026-11-04: restore the original large catalog photo on phones.
   Keep media bounded to its grid column, with the original cover sizing.
   Detail galleries and the desktop catalog retain their existing presentation. */
@media(max-width:560px){
  #productGrid .product-card>.product-visual{min-width:0;min-height:0}
  #productGrid .product-card>.product-copy{min-width:0}
  #productGrid .product-card>.product-visual>picture{position:absolute;inset:0;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%}
  #productGrid .product-card>.product-visual>img,
  #productGrid .product-card>.product-visual>picture>img{position:absolute;inset:0;display:block;box-sizing:border-box;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;padding:0;object-fit:cover;object-position:center}
}