.gallery__frame{position:absolute;inset:0;z-index:1;display:flex;overflow-x:auto;overscroll-behavior:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.gallery__frame::-webkit-scrollbar{display:none}.gallery__img{flex:0 0 100%;width:100%;height:100%;object-fit:contain;padding:calc(var(--bar-h) * .55) 7% 2.1rem;border-radius:16px;scroll-snap-align:center;scroll-snap-stop:always}.gallery__frame--empty{display:grid;place-items:center;overflow:hidden}.gallery__frame--empty svg{width:clamp(48px,14svh,96px);height:auto;fill:none;stroke:#1414144d;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}.gallery__nav{position:absolute;z-index:3;left:0;right:0;bottom:.2rem;display:flex;justify-content:center;gap:.1rem}.gallery__nav:empty{display:none}.gallery__thumb{display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.gallery__thumb:after{content:"";width:7px;height:7px;border-radius:50%;background:#1414143d;transition:background-color .25s var(--ease-out),transform .25s var(--spring)}.gallery__thumb[aria-current=true]:after{background:var(--ink);transform:scale(1.2)}.gallery__thumb:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:12px}.qty-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.qty-row__unit{font-size:.95rem;color:#1414149e;font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){.gallery__frame{scroll-behavior:auto}.gallery__thumb:after{transition:background-color .2s ease}.gallery__thumb[aria-current=true]:after{transform:none}}