.pg-slide{position:absolute;inset:0;opacity:0;transition:opacity .28s ease}.pg-slide.active{opacity:1}.pg-slide img{width:100%;height:100%;object-fit:contain;background:#fff}.pg-thumb{border:2px solid transparent;border-radius:12px;overflow:hidden;cursor:pointer;background:#fff;transition:border-color .18s,transform .18s}.pg-thumb.active{border-color:var(--accent);transform:translateY(-2px)}.pg-thumb:focus-visible{outline:none;box-shadow:var(--ring)}.pg-thumb img{width:100%;aspect-ratio:1/1;object-fit:cover}.pg-modal{position:fixed;inset:0;background:rgba(0,0,0,.6);display:none;align-items:center;justify-content:center;padding:20px;z-index:9999}.pg-modal.open{display:flex}.pg-modal img{max-width:95vw;max-height:90vh;object-fit:contain;border-radius:14px;background:#fff}.pg-modal .btn{position:absolute;width:46px;height:46px;border-radius:999px;border:0;background:#fff;box-shadow:var(--shadow);cursor:pointer;display:flex;align-items:center;justify-content:center}.pg-modal .close{inset-inline-end:22px;inset-block-start:22px}.pg-modal .prev{inset-inline-start:22px;top:50%;transform:translateY(-50%)}.pg-modal .next{inset-inline-end:22px;top:50%;transform:translateY(-50%)}.sp-stock.in{color:#16a34a}.sp-stock.low{color:#f59e0b}.sp-stock.oos{color:#ef4444}.sp-btn.is-disabled{opacity:.55;pointer-events:none;filter:grayscale(1)}