/* Owner-only photo ordering. Page scrolling and customer galleries stay unchanged. */
.photo-sort-hint{margin-top:12px}
.photo-preview[data-photo-sort-item]{cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;isolation:isolate;transition:box-shadow .12s,border-color .12s}
.photo-preview[data-photo-sort-item] img{pointer-events:none;-webkit-user-drag:none;user-select:none}
.photo-preview.is-main-photo{border-color:var(--lime);box-shadow:0 0 0 1px #c3ff3d55}
.photo-order-badge{position:absolute;top:5px;left:5px;display:grid;place-items:center;min-width:23px;height:23px;padding:0 5px;border-radius:7px;background:#0b1110dd;color:white;font-size:11px;font-weight:800;pointer-events:none}
.photo-preview .photo-drag-handle{top:auto;bottom:0;right:0;left:auto;width:44px;height:38px;border-radius:12px 0 0 0;background:#0b1110e8;color:var(--lime);cursor:grab;touch-action:none}
.photo-preview .photo-drag-handle svg{width:19px;height:23px}
.photo-preview .photo-drag-handle:focus-visible{outline:2px solid var(--lime);outline-offset:-3px}
.photo-main-label{position:absolute;bottom:7px;left:5px;color:var(--lime);background:#0b1110dd;border-radius:5px;padding:3px 5px;font-size:9px;font-weight:800;pointer-events:none}
.photo-preview.is-dragging{z-index:5;opacity:.88;cursor:grabbing;transform:translate(var(--photo-drag-x,0px),var(--photo-drag-y,0px)) scale(1.04);box-shadow:0 8px 22px #0009;transition:none}
.photo-preview.is-dragging .photo-drag-handle{cursor:grabbing}
.photo-preview.is-drop-target{outline:3px solid var(--lime);outline-offset:2px;box-shadow:0 0 0 5px #c3ff3d25}
@media(max-width:480px){#product-photo-previews{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.photo-preview[data-photo-sort-item]{transition:none}}