.pdp__gallery{position:relative}
.pdp__viewport{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}
.pdp__viewport::-webkit-scrollbar{display:none}
.pdp__slide{flex:0 0 100%;width:100%;scroll-snap-align:start;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb, var(--line) 35%, var(--bone));border-radius:var(--radius,0)}
.pdp__slide img,.pdp__slide svg{width:100%;height:100%;object-fit:contain;padding:clamp(14px,4%,44px);background:transparent}
.pdp__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.9);color:#111;cursor:pointer;transition:opacity .2s ease,background .2s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 1px 6px rgba(0,0,0,.08)}
.pdp__arrow:hover{background:#fff}
.pdp__arrow--prev{left:12px}
.pdp__arrow--next{right:12px}
.pdp__arrow[disabled]{opacity:.25;cursor:default}
.pdp__dots{display:flex;justify-content:center;gap:7px;margin-top:14px}
.pdp__dot{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:rgba(0,0,0,.22);cursor:pointer}
.pdp__dot[aria-current="true"]{background:#111}
@media (max-width:749px){.pdp__arrow{width:34px;height:34px}.pdp__slide img,.pdp__slide svg{padding:clamp(10px,3%,24px)}}