#modalStoreImgs { z-index: 20; background-color: rgba(0, 0, 0, 0.7); gap: 15px; }
#modalStoreImgs .modalHeader { width: 100%; display: flex; flex-direction: row; height: 40px; gap: 15px; }
#modalStoreImgs .modalHeader .btn { width: 40px; height: 40px; display: flex; flex-direction: column; align-items: center; justify-content: center; color: white; text-decoration: none; }
#modalStoreImgs .modalHeader .name { display: flex; flex-grow: 1; color: white; font-size: 20px; font-weight: 700; align-items: center; justify-content: center; }
#modalStoreImgs .modalBody { flex-grow: 1; background-color: transparent; width : 100%; }
/* #modalStoreImgs .modalBody .swiper {  } */
/* #modalStoreImgs .modalBody .swiper-wrapper {  } */
/* #modalStoreImgs .modalBody .swiper-wrapper .swiper-slide { display: flex; align-items: center; justify-content: center; } */
#modalStoreImgs .modalBody .swiper-wrapper .swiper-slide .swiper-zoom-container { position: relative; }
#modalStoreImgs .modalBody .swiper-wrapper .swiper-slide .swiper-zoom-container .badge { position: absolute; top: 15px; left: 15px; background-color: white; border-radius: 5px; padding: 3px 8px; font-size: 12px; }
#modalStoreImgs .modalBody .swiper-wrapper .swiper-slide .swiper-zoom-container img { max-width: 100%; max-height: 100%; }