.accessory-gallery { position: sticky; top: 118px; align-self: start; }
.accessory-gallery .stage { position: relative; aspect-ratio: 1; display: flex; align-items: center; justify-content: center; border: 1px solid var(--line); border-radius: 14px; overflow: hidden; }
.accessory-gallery .stage img { width: 100%; height: 100%; object-fit: contain; }
.accessory-gallery .stage-arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; border: 1px solid var(--line-2); border-radius: 50%; background: rgba(7,7,7,.75); color: var(--ink); font-size: 28px; cursor: pointer; z-index: 2; }
.accessory-gallery .prev { left: 12px; }
.accessory-gallery .next { right: 12px; }
.accessory-gallery .stage-count { position: absolute; bottom: 12px; right: 12px; padding: 6px 11px; border: 1px solid var(--line-2); border-radius: 20px; color: var(--muted); background: rgba(7,7,7,.75); font-size: 11px; pointer-events: none; }
.accessory-gallery .thumbs { display: flex; flex-direction: row; gap: 12px; margin-top: 18px; overflow-x: auto; }
.accessory-gallery .thumb { width: 74px; height: 74px; border: 1px solid var(--line); border-radius: 4px; overflow: hidden; background: #101114; cursor: pointer; opacity: .6; }
.accessory-gallery .thumb img { width: 100%; height: 100%; object-fit: contain; }
.accessory-gallery .thumb.active, .accessory-gallery .thumb:hover { border-color: var(--accent); opacity: 1; }
.accessory-gallery .gallery-note { margin-top: 12px; font-size: 12px; line-height: 1.6; color: var(--muted); }
.accessory-gallery.is-single .thumbs,
.accessory-gallery.is-single .stage-arrow,
.accessory-gallery.is-single .stage-count,
.accessory-gallery.is-single #galleryPlay { display: none; }
@media (max-width: 860px) { .accessory-gallery { position: static; } }