/* Product picture gallery (public product page): thumbnails, side magnifier, arrows, full-screen viewer. Used with js/gallery.js */
.pt-gal{position:relative}
.pt-gal{max-width:420px;width:100%}
.pt-zoom{position:relative;overflow:hidden;border-radius:10px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.08);cursor:zoom-in;aspect-ratio:1/1}
.pt-zoom>img{width:100%;height:100%;object-fit:contain;display:block}
.pt-count{position:absolute;right:10px;bottom:10px;background:rgba(11,31,58,.7);color:#fff;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}
.pt-zoomhint{position:absolute;left:10px;bottom:10px;background:rgba(255,255,255,.9);color:#0B1F3A;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}
@media (hover:hover){.pt-zoomhint{display:none}}
.pt-zoompane{display:none;position:fixed;width:420px;height:420px;border:1px solid #D3DEEC;border-radius:12px;background-color:#fff;background-repeat:no-repeat;box-shadow:0 12px 32px rgba(0,0,0,.2);z-index:50;pointer-events:none}
.pt-zoompane.on{display:block}
.pt-arrow{position:absolute;top:38%;width:38px;height:38px;border-radius:50%;border:0;background:rgba(255,255,255,.9);color:#0B1F3A;font-size:24px;line-height:1;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.2);z-index:2}
.pt-arrow.prev{left:8px}.pt-arrow.next{right:8px}
.pt-thumbs{display:flex;gap:8px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;margin-top:10px}
.pt-thumbs button{flex:0 0 64px;padding:0;border:2px solid #D3DEEC;border-radius:8px;overflow:hidden;width:64px;height:64px;background:#fff;cursor:pointer}
.pt-thumbs button.on{border-color:#F5A623}
.pt-thumbs img{width:100%;height:100%;object-fit:cover;display:block}
.pt-viewer{position:fixed;inset:0;z-index:100;background:rgba(5,12,26,.94);display:flex}
.pt-viewer[hidden]{display:none}
.pt-viewer .vstage{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none}
.pt-viewer .vstage img{max-width:96vw;max-height:88vh;object-fit:contain;transition:transform .08s linear;user-select:none;-webkit-user-drag:none}
.pt-viewer button{position:absolute;z-index:2;background:rgba(255,255,255,.14);color:#fff;border:0;border-radius:50%;width:46px;height:46px;font-size:30px;line-height:1;cursor:pointer}
.pt-viewer .vx{top:14px;right:14px}.pt-viewer .vp{left:14px;top:50%;margin-top:-23px}.pt-viewer .vn{right:14px;top:50%;margin-top:-23px}
.pt-viewer .vc{position:absolute;left:0;right:0;bottom:16px;text-align:center;color:#fff;font-weight:700}
.ptabs{margin-top:34px;background:#fff;border:1px solid #E2EAF3;border-radius:18px;padding:20px}
.ptabs .bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.ptabs .bar button{border-radius:999px;padding:8px 20px;border:1px solid #D3DEEC;background:#fff;color:#5b6b82;font:inherit;font-weight:700;cursor:pointer}
.ptabs .bar button.on{background:#0B1F3A;border-color:#0B1F3A;color:#fff}
.pwa{display:inline-flex;align-items:center;gap:8px;margin-top:14px;border-radius:999px;padding:10px 20px;background:#25D366;color:#fff;font-weight:700;text-decoration:none}
.wrap .pdetail{grid-template-columns:minmax(0,420px) minmax(0,1fr)}
@media (max-width:860px){.wrap .pdetail{grid-template-columns:1fr}}