/* Interaction System V1 — Product Gallery V1. */
.product-gallery-v1{
  --product-gallery-swipe-duration:260ms;
  --product-gallery-zoom-enter:200ms;
  --product-gallery-zoom-exit:160ms;
  --product-gallery-easing:cubic-bezier(.2,0,0,1);
  min-width:0;
}
.product-gallery-stage{position:relative;aspect-ratio:1/1.06;overflow:hidden;border:1px solid var(--el-border);border-radius:16px;background:var(--el-primary-surface-soft)}
.product-gallery-main{display:block;width:100%;height:100%;padding:0;border:0;border-radius:0;background:transparent;color:var(--el-text-secondary);cursor:zoom-in;touch-action:pan-y}
.product-gallery-main:disabled{cursor:default}
.product-gallery-main img{width:100%;height:100%;border:0;border-radius:0;object-fit:contain;background:var(--el-primary-surface-soft);opacity:0;transition:opacity var(--product-gallery-zoom-enter) var(--product-gallery-easing)}
.product-gallery-v1[data-gallery-state="ready"] .product-gallery-main img{opacity:1}
.product-gallery-v1[data-gallery-state="error"] .product-gallery-main img{visibility:hidden}
.product-gallery-skeleton,.product-gallery-fallback{position:absolute;inset:0;align-items:center;justify-content:center;background:var(--el-primary-surface-soft)}
.product-gallery-skeleton:not([hidden]),.product-gallery-fallback:not([hidden]){display:flex}
.product-gallery-fallback{padding:24px;color:var(--el-text-secondary);font-weight:700;text-align:center}
.product-gallery-arrow{position:absolute;top:50%;z-index:2;display:flex;width:48px;min-width:44px;height:48px;min-height:44px;padding:0;align-items:center;justify-content:center;transform:translateY(-50%);border:1px solid var(--el-border);border-radius:50%;background:var(--el-primary-surface-soft);color:var(--el-text-primary);font:400 40px/1 Georgia,serif;transition:transform 90ms var(--product-gallery-easing),opacity 90ms var(--product-gallery-easing)}
.product-gallery-arrow:not(:disabled):active{transform:translateY(-50%) scale(.98)}
.product-gallery-arrow:disabled{opacity:.38;cursor:not-allowed}
.product-gallery-prev{left:18px}.product-gallery-next{right:18px}
.product-gallery-meta{display:flex;margin:17px 0 10px;align-items:center;justify-content:space-between;gap:16px}
.product-gallery-meta b{color:var(--el-primary);font:700 12px Georgia,serif;letter-spacing:.12em}
.product-gallery-meta span{color:var(--el-text-secondary);font-size:12px}
.product-gallery-thumbs{display:flex;max-width:100%;gap:10px;padding:2px 2px 8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}
.product-gallery-thumb{position:relative;display:block;width:96px;min-width:72px;max-width:96px;aspect-ratio:1/1;padding:0;overflow:hidden;flex:0 0 22%;border:1px solid var(--el-border);border-radius:10px;background:var(--el-surface);color:var(--el-text-secondary)}
.product-gallery-thumb img{width:100%;height:100%;object-fit:contain;background:var(--el-primary-surface-soft)}
.product-gallery-thumb.is-active{border-color:var(--el-secondary);box-shadow:0 0 0 2px var(--el-secondary-surface)}
.product-gallery-thumb-fallback:not([hidden]){position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--el-primary-surface-soft);font-weight:800}
.product-gallery-viewer{position:fixed;inset:0;z-index:220;display:flex;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));align-items:center;justify-content:center;background:var(--el-overlay);opacity:1;transition:opacity var(--product-gallery-zoom-enter) var(--product-gallery-easing)}
.product-gallery-viewer[hidden]{display:none}
.product-gallery-viewer-panel{position:relative;width:min(1120px,100%);height:min(88dvh,900px);overflow:hidden;border:1px solid var(--el-border);border-radius:16px;background:var(--el-surface);box-shadow:0 22px 70px var(--el-overlay)}
.product-gallery-viewer-stage{width:100%;height:100%;padding:56px 72px 52px}
.product-gallery-viewer-stage img{width:100%;height:100%;object-fit:contain}
.product-gallery-viewer-stage.is-error img{display:none}
.product-gallery-viewer-fallback:not([hidden]){display:flex;width:100%;height:100%;align-items:center;justify-content:center;color:var(--el-text-secondary);font-weight:700}
.product-gallery-viewer-close,.product-gallery-viewer-arrow{position:absolute;z-index:2;display:flex;width:48px;min-width:44px;height:48px;min-height:44px;padding:0;align-items:center;justify-content:center;border:1px solid var(--el-border);border-radius:50%;background:var(--el-primary-surface-soft);color:var(--el-text-primary)}
.product-gallery-viewer-close{top:12px;right:12px;font-size:30px;line-height:1}
.product-gallery-viewer-arrow{top:50%;transform:translateY(-50%);font:400 40px/1 Georgia,serif}
.product-gallery-viewer-arrow:disabled{opacity:.38;cursor:not-allowed}
.product-gallery-viewer-prev{left:12px}.product-gallery-viewer-next{right:12px}
.product-gallery-viewer-counter{position:absolute;right:0;bottom:16px;left:0;color:var(--el-text-secondary);font-size:13px;text-align:center}
body.product-gallery-viewer-open{overflow:hidden;overscroll-behavior:none;touch-action:none}
@media(max-width:620px){
  .product-gallery-stage{aspect-ratio:1/1.05}
  .product-gallery-arrow{width:44px;height:44px}.product-gallery-prev{left:10px}.product-gallery-next{right:10px}
  .product-gallery-thumb{flex-basis:25%;min-width:76px}
  .product-gallery-viewer{padding:max(10px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}
  .product-gallery-viewer-panel{height:94dvh;border-radius:12px}
  .product-gallery-viewer-stage{padding:58px 8px 58px}
  .product-gallery-viewer-prev{left:8px}.product-gallery-viewer-next{right:8px}
}
@media(prefers-reduced-motion:reduce){
  .product-gallery-main img,.product-gallery-viewer,.product-gallery-arrow{transition-duration:1ms!important}
}
/* End Interaction System V1 — Product Gallery V1. */