#product-gallery {
    max-width: 788px;
    display: flex;
    position: relative;
    align-items: flex-start;
    overflow: hidden;
    gap: 20px;
}

.drift-bounding-box,
.drift-zoom-pane{
    border-radius: 5px;
    outline: 1px solid lightgray;
    margin: 66px 0 0;
}

/* ? Thumbs Gallery ? */

#product-gallery .product-thumbs-gallery {
    flex-shrink: 0;
    width: 80px;
    height: 600px;
    overflow: hidden;
    margin: 40px 0;
}

#product-gallery .product-thumbs-gallery .quick-view-preview-carousel__item  {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px !important;
    max-height: 80px;
    border-radius: 8px;
    border: 2px solid transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px !important;
    overflow: hidden;
}

#product-gallery .product-thumbs-gallery .quick-view-preview-carousel__item img {
    object-fit: cover;
    height: 80px;
}

#product-gallery .product-thumbs-gallery .quick-view-preview-carousel__item.swiper-slide-thumb-active {
    border-color: #00AFFF;
}


/* ? Main gallery ? */

#product-gallery .product-main-gallery {
    position: relative;
    max-width: 788px;
    background: #ffffff;
    border-radius: 8px;
}

.quick-view-preview-gallery .product-reviews-carousel__item {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 540px;
    border-radius: 8px;
}

#product-gallery .product-main-gallery .quick-view-preview-gallery__item {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 688px;
    border-radius: 8px;
}

#product-gallery .product-main-gallery .quick-view-preview-gallery__item iframe,
.quick-view-preview-gallery .product-reviews-carousel__item iframe {
    width: 100%;
    height: 100%;
    border-radius: 8px;
}

#product-gallery .product-main-gallery .quick-view-preview-gallery__item img,
.quick-view-preview-gallery .product-reviews-carousel__item img {
    max-height: 100%;
    margin: 0;
    border-radius: 8px;
}


/* ? Thumbnail Swiper Navigation ? */


.product-gallery .swiper-button-prev-1,
.product-gallery .swiper-button-next-1 {
    cursor: pointer;
    outline: none;
    z-index: 1;
    position: absolute;
    bottom: 21px;
    width: 80px;
    height: 25px;
    margin-top: 0;
    font-size: 25px;
    border-radius: 8px;
    background-color: #ffffff;
}

.product-gallery .swiper-button-next-1 {
    bottom: 0;
    left: 0;
}

.product-gallery .swiper-button-prev-1.disabled,
.product-gallery .swiper-button-next-1.disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none;
}

.product-gallery .swiper-button-prev-1 {
    top: 0;
    left: 0;
}

.product-gallery .swiper-button-prev-1:before,
.product-gallery .swiper-button-next-1:before,
.product-gallery .swiper-button-prev-1:after,
.product-gallery .swiper-button-next-1:after {
    position: absolute;
    content: '';
    width: 8px;
    height: 2px;
    top: 13px;
    background-color: #222222;
}

.product-gallery .swiper-button-prev-1:before {
    left: 42%;
    transform: rotate(136deg);
}

.product-gallery .swiper-button-next-1:before {
    left: 42%;
    transform: rotate(-136deg);
}

.product-gallery .swiper-button-prev-1:after {
    right: 41%;
    transform: rotate(-136deg);
}

.product-gallery .swiper-button-next-1:after {
    right: 41%;
    transform: rotate(136deg);
}

.product-gallery .swiper-button-prev-1:hover::before,
.product-gallery .swiper-button-next-1:hover::before,
.product-gallery .swiper-button-prev-1:hover::after,
.product-gallery .swiper-button-next-1:hover::after {
    background-color: #00AFFF;
}

/* ? Main gallery nav ? */

.product-gallery .swiper-button-prev,
.product-gallery .swiper-button-next { 
    width: 40px;
    height: 40px;
    background-image: none;
}

.product-gallery .swiper-button-prev::before,
.product-gallery .swiper-button-next::before,
.product-gallery .swiper-button-prev::after,
.product-gallery .swiper-button-next::after {
    position: absolute;
    content: '';
    width: 14px;
    height: 2px;
    top: 14px;
    background-color: #222222;
}

.product-gallery .swiper-button-prev::before {
    left: 13px;
    transform: rotate(136deg);
}

.product-gallery .swiper-button-prev::after {
    top: 24px;
    left: 13px;
    transform: rotate(-136deg);
}

.product-gallery .swiper-button-next::before {
    left: 13px;
    transform: rotate(-136deg);
}

.product-gallery .swiper-button-next::after {
    top: 24px;
    left: 13px;
    transform: rotate(136deg);
}

.product-gallery .swiper-button-prev:hover::before,
.product-gallery .swiper-button-next:hover::before,
.product-gallery .swiper-button-prev:hover::after,
.product-gallery .swiper-button-next:hover::after {
    background-color: #00AFFF;
}


/* ? ^^^ Product Gallery ^^^ ? */


.product-gallery  .quick-view-preview-gallery__item_threesixty:after {
    content: '';
    top: 30px;
    right: 30px;
    position: absolute;
    z-index: 1;
    width: 40px;
    height: 40px;
    background: url(/local/templates/doctorhead/theme/build/images/threesixty-icon.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

.product-gallery #threesixty img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    transform: translate(-50%, -50%);
}

.product-gallery .product-thumbs-gallery .quick-view-preview-carousel__item_threesixty:before {
    content: '';
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    width: 76px;
    height: 80px;
    background-color: #ffffff;
}

.product-gallery .product-thumbs-gallery .quick-view-preview-carousel__item_threesixty:after  {
    content: '';
    top: 18px;
    left: 18px;
    position: absolute;
    z-index: 1;
    width: 40px;
    height: 40px;
    background: url(/local/templates/doctorhead/theme/build/images/threesixty-icon.svg);
    background-repeat: no-repeat;
    background-size: cover;
}



/* Video  */

.product-gallery .quick-view-preview-carousel__mobile-visible {
    display: none;
    margin: 0;
}

.product-gallery .product-thumbs-gallery .quick-view-preview-carousel__item_video::after {
    content: '';
    top: 28px;
    left: 28px;
    position: absolute;
    z-index: 1;
    width: 24px;
    height: 24px;
    background: url(/local/templates/doctorhead/theme/build/images/video-play-icon.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

#product-gallery .swiper-pagination {
    display: none;
}

.modal-wr .quick-view-preview-gallery-wr {
    display: flex;
    flex-direction: row-reverse;
}

.modal-wr .quick-view-preview-gallery-wr .button.swiper-button-prev-1,
.modal-wr .quick-view-preview-gallery-wr .button.swiper-button-next-1 {
    display: none;
}

@media(max-width: 1024px) {
    #product-gallery {
        max-width: 100%;
    }

    #product-gallery .product-main-gallery {
        max-width: 100%;
    }

    #product-gallery .product-thumbs-gallery {
        height: 460px;
    }

    #product-gallery .product-main-gallery .quick-view-preview-gallery__item {
        height: 540px;
    }
}

@media(max-width: 767px) {
    #product-gallery {
        gap: 0;
    }

    #product-gallery .product-thumbs-gallery {
        width: 0;
        height: 0;
        overflow: hidden;
        margin: 0;
    }

    #product-gallery .swiper-button-prev,
    #product-gallery .swiper-button-next,
    #product-gallery .swiper-button-prev-1,
    #product-gallery .swiper-button-next-1 {
        display: none;
    }

    #product-gallery .product-main-gallery .quick-view-preview-gallery__item {
        /* height: auto; */
        height: 380px;
    }

    #product-gallery .quick-view-preview-gallery {
        padding: 0;
    }

    #product-gallery .swiper-pagination {
        display: block;
        left: auto;
        right: -24px;
        bottom: 16px;
    }

    #product-gallery .swiper-pagination-bullet,
    #product-gallery .swiper-pagination-bullet-active-next,
    #product-gallery .swiper-pagination-bullet-active-prev  {
        width: 8px;
        height: 8px;
        transform: scale(1);
        background-color: #888989;
    }

    #product-gallery .swiper-pagination-bullet-active {
        background-color: #00AFFF;
    }

    .product-gallery .quick-view-preview-gallery__item_threesixty:after {
        top: 11px;
        left: auto;
        right: 12px;
        width: 24px;
        height: 24px;
    }
}