.pdp-gallery{position:relative;width:100%}.pdp-gallery__stage{position:relative;border-radius:var(--radius-xl);overflow:hidden;background:var(--gray-100)}.pdp-gallery__track{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;aspect-ratio:var(--hkph-pdp-ratio, 3 / 4);touch-action:pan-x pan-y pinch-zoom}.pdp-gallery__track::-webkit-scrollbar{display:none}.pdp-gallery__track.is-jumping .pdp-gallery__slide,.pdp-lightbox__track.is-jumping .pdp-lightbox__slide{scroll-snap-stop:normal}.pdp-gallery__slide{position:relative;flex:0 0 100%;width:100%;height:100%;scroll-snap-align:center;scroll-snap-stop:always}.pdp-gallery__zoom{display:block;width:100%;height:100%;margin:0;padding:0;border:0;background:none;cursor:zoom-in;-webkit-tap-highlight-color:transparent}.pdp-gallery__zoom img,.pdp-gallery__ph{display:block;width:100%;height:100%;object-fit:cover}.pdp-gallery--empty .pdp-gallery__stage{aspect-ratio:var(--hkph-pdp-ratio, 3 / 4)}.pdp-gallery__zoom:focus-visible,.pdp-gallery__video:focus-visible{outline:3px solid var(--hkph-700, #0B1D38);outline-offset:-3px}.pdp-gallery__video{display:block;width:100%;height:100%;object-fit:contain;background:#000}.pdp-gallery__counter{position:absolute;bottom:12px;inset-inline-end:12px;z-index:2;padding:3px 10px;border-radius:var(--radius-pill, 999px);background:#111111a8;color:#fff;font-family:var(--font-fa-num, inherit);font-size:12px;line-height:1.6;pointer-events:none}.pdp-gallery__hint{position:absolute;bottom:12px;inset-inline-start:12px;z-index:2;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#ffffffe6;color:var(--text-strong, #17181B);box-shadow:0 1px 4px #0000001f;pointer-events:none}.pdp-gallery--empty .pdp-gallery__hint{display:none}.pdp-gallery__dots{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:10px;min-height:8px}.pdp-gallery__dot{width:7px;height:7px;border-radius:4px;background:var(--border-strong, #b9bfc2);transition:width var(--motion-base, .2s) ease,background-color var(--motion-base, .2s) ease}.pdp-gallery__dot.is-active{width:20px;background:var(--hkph-500)}.pdp-gallery__thumbs,.pdp-gallery__nav{display:none}@media(min-width:1024px){.pdp-gallery__dots{display:none}.pdp-gallery__thumbs{display:flex;gap:8px;margin-top:10px;padding:3px;overflow-x:auto;scrollbar-width:none}.pdp-gallery__thumbs::-webkit-scrollbar{display:none}.pdp-gallery__thumb{position:relative;flex:0 0 96px;aspect-ratio:1;padding:0;overflow:hidden;cursor:pointer;border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--gray-100)}.pdp-gallery__thumb img{display:block;width:100%;height:100%;object-fit:cover}.pdp-gallery__thumb.is-active{border:2px solid var(--hkph-500)}.pdp-gallery__thumb:focus-visible{outline:3px solid var(--hkph-700, #0B1D38);outline-offset:2px}.pdp-gallery__play{position:absolute;inset:0;margin:auto;color:#fff;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}.pdp-gallery__nav{position:absolute;top:50%;z-index:3;display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-top:-22px;padding:0;border:0;border-radius:50%;cursor:pointer;background:#fffffff0;color:var(--text-strong, #17181B);box-shadow:0 2px 10px #00000024;opacity:0;transition:opacity var(--motion-base, .2s) ease}.pdp-gallery__nav--prev{inset-inline-start:12px}.pdp-gallery__nav--next{inset-inline-end:12px}.pdp-gallery__stage:hover .pdp-gallery__nav,.pdp-gallery__nav:focus-visible{opacity:1}.pdp-gallery__nav:focus-visible{outline:3px solid var(--hkph-700, #0B1D38);outline-offset:2px}.pdp-gallery__counter{bottom:14px;inset-inline-end:14px}}@media(min-width:1024px)and (hover:none){.pdp-gallery__nav{display:none}}.pdp-lightbox{position:fixed;inset:0;z-index:500;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow:hidden;background:#0d0d0e;color:#fff}.pdp-lightbox[open]{display:flex;flex-direction:column}.pdp-lightbox::backdrop{background:#000000eb}.pdp-lightbox__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:max(8px,env(safe-area-inset-top,0px)) 12px 8px;flex:0 0 auto}.pdp-lightbox__count{font-family:var(--font-fa-num, inherit);font-size:14px;color:#ffffffe0;padding-inline-start:6px}.pdp-lightbox__close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;cursor:pointer;background:#ffffff1f;color:#fff}.pdp-lightbox__close:hover{background:#ffffff38}.pdp-lightbox__close:focus-visible,.pdp-lightbox__nav:focus-visible{outline:3px solid #fff;outline-offset:2px}.pdp-lightbox__track{flex:1 1 auto;min-height:0;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior:contain;scrollbar-width:none;padding-bottom:env(safe-area-inset-bottom,0px)}.pdp-lightbox__track::-webkit-scrollbar{display:none}.pdp-lightbox__track.is-locked{overflow:hidden}.pdp-lightbox__slide{flex:0 0 100%;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;scroll-snap-align:center;scroll-snap-stop:always;touch-action:pan-x pinch-zoom}.pdp-lightbox__slide img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;cursor:zoom-in;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;transition:transform .22s ease;will-change:transform}.pdp-lightbox__slide.is-zoomed{touch-action:none}.pdp-lightbox__slide.is-zoomed img{cursor:zoom-out;transition:none}.pdp-lightbox__nav{display:none}@media(min-width:768px)and (hover:hover){.pdp-lightbox__nav{position:absolute;top:50%;display:flex;align-items:center;justify-content:center;width:52px;height:52px;margin-top:-26px;padding:0;border:0;border-radius:50%;cursor:pointer;background:#ffffff24;color:#fff}.pdp-lightbox__nav:hover{background:#ffffff42}.pdp-lightbox__nav--prev{inset-inline-start:18px}.pdp-lightbox__nav--next{inset-inline-end:18px}.pdp-lightbox.is-first .pdp-lightbox__nav--prev,.pdp-lightbox.is-last .pdp-lightbox__nav--next,.pdp-lightbox.is-single .pdp-lightbox__nav{display:none}}@media(prefers-reduced-motion:reduce){.pdp-gallery__track,.pdp-lightbox__track{scroll-behavior:auto}.pdp-gallery__dot,.pdp-gallery__nav,.pdp-lightbox__slide img{transition:none}}
