.admin-image-gallery { display:flex; flex-wrap:wrap; gap:12px; margin-top:14px; }
.admin-image-card { width:120px; display:grid; gap:6px; padding:8px; border:1px solid #e1e8f1; border-radius:12px; background:#fff; }
.admin-image-card img { width:100%; height:85px; object-fit:contain; border-radius:6px; background:#f6f8fb; }
.admin-image-label { font-size:14px; font-weight:650; text-align:center; color:#0070B8; }
.admin-image-card button { font-size:14px; padding:4px 5px; }
.abx-product-thumbnails { display:flex; gap:10px; padding:16px 20px; background:#f8fafc; overflow-x:auto; }
.abx-product-thumbnails[hidden] { display:none; }
.abx-product-thumbnails button { border:2px solid transparent; border-radius:10px; padding:5px; background:#fff; width:76px; height:72px; flex-shrink:0; }
.abx-product-thumbnails button.is-selected { border-color:#0070B8; background:#edf5ff; }
.abx-product-thumbnails img { width:100%; height:100%; object-fit:contain; }
.abx-product-thumbnails button:focus-visible,.abx-gallery-arrow:focus-visible,#product-image:focus-visible { outline:3px solid #ffbd45; outline-offset:3px; }
.abx-gallery-arrow { position:absolute; top:50%; transform:translateY(-50%); z-index:6; width:36px; height:36px; display:grid; place-items:center; border:1px solid #dce6f2; border-radius:50%; background:#fffffff2; color:#0070B8; box-shadow:0 4px 12px #0070B815; font-size:24px; }
.abx-gallery-arrow[hidden],.abx-gallery-counter[hidden] { display:none; }
.abx-gallery-arrow--prev { left:16px; }
.abx-gallery-arrow--next { right:16px; }
.abx-gallery-counter { position:absolute; bottom:14px; left:50%; transform:translateX(-50%); z-index:6; padding:4px 12px; border-radius:20px; font-size:14px; color:#0070B8; background:#ffffffdb; }
.abx-image-zoom { position:absolute; right:18px; bottom:18px; z-index:6; display:grid; place-items:center; width:42px; height:42px; border:1px solid #dce6f2; border-radius:12px; color:#0070B8; background:#fff; box-shadow:0 4px 15px #0070B81a; cursor:zoom-in; }
.abx-image-zoom svg { width:23px; height:23px; }
.abx-image-zoom:hover { background:#edf5ff; }
.abx-image-zoom:focus-visible { outline:3px solid #ffbd45; outline-offset:3px; }
.abx-zoom-dialog { padding:0; border:0; max-width:none; max-height:none; width:100vw; height:100dvh; margin:0; background:transparent; color:#fff; overflow:hidden; }
.abx-zoom-dialog::backdrop { background:rgba(7,18,36,.9); }
.abx-zoom-stage { display:flex; align-items:center; justify-content:center; width:100%; height:100%; padding:60px 70px; }
.abx-zoom-stage img { width:auto; height:auto; max-width:100%; max-height:100%; object-fit:contain; border-radius:12px; background:#f8fafc; }
.abx-zoom-close,.abx-zoom-nav { position:absolute; display:grid; place-items:center; border:1px solid #ffffff40; background:#ffffff15; color:#fff; border-radius:50%; width:44px; height:44px; font-size:30px; line-height:1; }
.abx-zoom-close { top:18px; right:20px; }
.abx-zoom-nav { top:50%; transform:translateY(-50%); }
.abx-zoom-nav--prev { left:16px; }
.abx-zoom-nav--next { right:16px; }
.abx-zoom-nav[hidden],.abx-zoom-count[hidden] { display:none; }
.abx-zoom-count { position:absolute; bottom:20px; left:50%; transform:translateX(-50%); border-radius:20px; background:#ffffff15; padding:5px 16px; font-size:14px; }
.abx-zoom-dialog button:hover { background:#ffffff30; }
.abx-zoom-dialog button:focus-visible { outline:3px solid #ffbd45; outline-offset:3px; }
@media(max-width:575px) { .abx-zoom-stage { padding:65px 16px; } .abx-zoom-nav { width:36px; height:36px; top:auto; bottom:16px; transform:none; } }