.fullscreen-modal {
 position: fixed;
 top: 0;
 left: 0;
 width: 100vw;
 height: 100vh;
 background-color: rgba(255, 255, 255, 0.6);
 backdrop-filter: blur(12px);
 -webkit-backdrop-filter: blur(12px);
 will-change: backdrop-filter;
 transform: translate3d(0, 0, 0);
 backface-visibility: hidden;
 display: none;
 justify-content: center;
 align-items: center;
 z-index: 2000;
 opacity: 0;
 transition: opacity 0.5s ease;
 overflow: auto;
}

.fullscreen-image {
 max-width: 95%;
 max-height: 95%;
 object-fit: contain;
 cursor: grab;
 transition: transform 0.3s ease;
}

.image-counter {
 position: absolute;
 color: #000;
 font-size: 16px;
 font-weight: 500;
 left: 50%;
 top: 12px;
 transform: translateX(-50%);
}

.close-fullscreen {
 position: absolute;
 top: 12px;
 left: 12px;
 color: #000;
 font-size: 16px;
 font-weight: 500;
 border: none;
 cursor: pointer;
 z-index: 2001;
}

.fullscreen-icon {
 position: absolute;
 bottom: 16px;
 right: 12px;
 width: 44px;
 height: 44px;
 display: flex;
 border-radius: 8px;
 background-color: rgba(255, 255, 255, 0.6);
 backdrop-filter: blur(12px);
 -webkit-backdrop-filter: blur(12px);
 will-change: backdrop-filter;
 transform: translate3d(0, 0, 0);
 backface-visibility: hidden;
 cursor: pointer;
 z-index: 10;
 justify-content: center;
 align-items: center;
}

.fullscreen-icon svg {
 width: 14px;
 height: 14px;
}

.fullscreen-active .shareLinkButton,
.fullscreen-active .product-modal__inner .lebelblock,
.fullscreen-active #navbar,
.fullscreen-active .product-modal-popup .swal2-footer,
.fullscreen-active button.swal2-close.close-btn,
.fullscreen-active button#copyLinkButton,
.fullscreen-active .fav-btn {
 opacity: 0 !important;
}

.swiper-zoom-container {
 position: relative;
}