.gallery-carousel-v2 {
    width         : 50%;
    display       : flex;
    gap           : 16px;
    flex-direction: row-reverse;
    margin-right  : 38px;
}

@media (max-width: 1024px) {
    .gallery-carousel-v2 {
        width         : 284px;
        margin-bottom : 0;
        flex-direction: column
    }
}

@media (max-width: 767.98px) {
    .gallery-carousel-v2 {
        width : 100%;
        margin: 0 auto 16px;
    }
}

@media (max-width: 767.98px) {
    .gallery-carousel-v2 .main-carousel-holder {
        margin: 0 auto;
    }
}

.gallery-carousel-v2 .main-carousel-holder {
    width: 100%;
}

.gallery-carousel-v2 .main-carousel-holder .button-white-transparent {
    position : absolute;
    bottom   : 12px;
    width    : calc(100% - 24px);
    left     : 50%;
    transform: translateX(-50%);
    display  : none;
}

.gallery-carousel-v2 .main-carousel-holder .button-white-transparent.active {
    display: block;
}

@media (min-width: 991.98px) {
    .gallery-carousel-v2 .main-carousel-holder .button-white-transparent {
        display: none !important;
    }
}

.gallery-carousel-v2 #main-photo-carousel {
    width           : 100%;
    /* height       : 100%; */
    position        : relative;
    overflow        : hidden;
    border-radius   : 4px;
    /* margin-bottom: 20px; */
}

@media (min-width: 1024px) {
    .gallery-carousel-v2 #main-photo-carousel .squareImg {
        height: 470px;
    }
}

@media (max-width: 1024px) {
    .gallery-carousel-v2 #main-photo-carousel {
        margin-bottom: 8px;
        width        : 100%;
    }
}

@media (max-width: 767.98px) {
    .gallery-carousel-v2 #main-photo-carousel {
        margin: 0 auto;
        width : 100%;
    }
}

@media (hover: hover) and (pointer: fine) {
    .gallery-carousel-v2 #main-photo-carousel:hover .nav-button {
        opacity: 1;
    }
}

.gallery-carousel-v2 #main-photo-carousel .min-qty,
.gallery-carousel-v2 #main-photo-carousel .has-min-qty {
    position     : absolute;
    top          : 14px;
    left         : 14px;
    padding      : 0px 8px;
    border-radius: 2px;
    border       : 1px solid;
    z-index      : 10;
    display      : flex;
    align-items  : center;
}

@media (max-width: 1024px) {

    .gallery-carousel-v2 #main-photo-carousel .min-qty,
    .gallery-carousel-v2 #main-photo-carousel .has-min-qty {
        top : 11px;
        left: 11px;
    }
}

@media (max-width: 767.98px) {

    .gallery-carousel-v2 #main-photo-carousel .min-qty,
    .gallery-carousel-v2 #main-photo-carousel .has-min-qty {
        right: 11px;
        left : unset;
    }
}

.gallery-carousel-v2 #main-photo-carousel .min-qty {
    text-transform: uppercase;
    border-color  : #3ec461;
    color         : #3ec461;
    font-size     : 10px;
    font-weight   : 600;
    background    : #fff;
    height        : 20px;
    line-height   : 20px;
}

.gallery-carousel-v2 #main-photo-carousel .has-min-qty {
    background    : #facf19;
    border-color  : #facf19;
    text-transform: capitalize;
    height        : 24px;
    color         : #000;
    font-size     : 12px;
    font-weight   : 500;
    line-height   : 24px;
}

.gallery-carousel-v2 #main-photo-carousel .carousel-container {
    display   : flex;
    /* height : 100%; */
    transition: 0.6s;
}

.gallery-carousel-v2 #main-photo-carousel .item {
    flex            : 0 0 auto;
    width           : 100%;
    position        : relative;
    /* border       : 1px solid #c5cad1; */
    filter          : drop-shadow(0px 9px 26px rgba(0, 0, 0, 0.05));
    border-radius   : 4px;
    overflow        : hidden;
}

@media (max-width: 1024px) {
    .gallery-carousel-v2 #main-photo-carousel .item {
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    .gallery-carousel-v2 #main-photo-carousel .item {
        /* width    : 400px; */
        max-width: 100%;
    }
}

.gallery-carousel-v2 #main-photo-carousel .nav-button {
    position     : absolute;
    top          : 50%;
    transform    : translateY(-50%);
    border-radius: 100%;
    width        : 28px;
    height       : 28px;
    border       : none;
    padding      : 6px;
    transition   : 0.3s;
    cursor       : pointer;
    opacity      : 0;
    background   : #f3f6fa;
    z-index      : 10;
}

@media (max-width: 1024px) {
    .gallery-carousel-v2 #main-photo-carousel .nav-button {
        opacity        : 1;
        width          : 36px;
        height         : 36px;
        display        : flex;
        justify-content: center;
        align-items    : center;
        background     : #f3f6fa;
        padding        : 0;
    }
}

@media (max-width: 576px) {
    .gallery-carousel-v2 #main-photo-carousel .nav-button {
        width : 32px;
        height: 32px;
    }
}

@media (hover: hover) and (pointer: fine) {
    .gallery-carousel-v2 #main-photo-carousel .nav-button:hover {
        background: #fff;
        outline   : none;
        box-shadow: 0px 3px 10px rgba(143, 143, 143, 0.49);
    }

    .gallery-carousel-v2 #main-photo-carousel .nav-button:hover .nav-btn {
        background: #fff;
    }
}

.gallery-carousel-v2 #main-photo-carousel .nav-button:focus {
    outline: none;
}

.gallery-carousel-v2 #main-photo-carousel .nav-button.disabled {
    pointer-events: none;
    cursor        : default;
}

@media (max-width: 991.98px) {
    .gallery-carousel-v2 #main-photo-carousel .nav-button.disabled {
        background: #fff;
    }
}

.gallery-carousel-v2 #main-photo-carousel .nav-button.disabled .nav-btn {
    opacity: 0.5;
}

.gallery-carousel-v2 #main-photo-carousel .nav-button .nav-btn {
    width          : 100%;
    height         : 100%;
    background     : #f3f6fa;
    display        : flex;
    align-items    : center;
    justify-content: center;
    transition     : 0.3s;
    border-radius  : 100%;
}

@media (max-width: 1025px) {
    .gallery-carousel-v2 #main-photo-carousel .nav-button .nav-btn {
        background: transparent;
        width     : 22px;
        height    : 22px;
    }
}

@media (max-width: 576px) {
    .gallery-carousel-v2 #main-photo-carousel .nav-button .nav-btn {
        width : 24px;
        height: 24px;
    }
}

.gallery-carousel-v2 #main-photo-carousel .nav-button .nav-btn img {
    width     : 100%;
    height    : 100%;
    object-fit: contain;
}

.gallery-carousel-v2 #main-photo-carousel .nav-right {
    right: 45px;
}

@media (max-width: 1024px) {
    .gallery-carousel-v2 #main-photo-carousel .nav-right {
        right: 11px;
    }
}

@media (max-width: 360px) {
    .gallery-carousel-v2 #main-photo-carousel .nav-right {
        right: 5px;
    }
}

.gallery-carousel-v2 #main-photo-carousel .nav-left {
    left: 45px;
}

@media (max-width: 1024px) {
    .gallery-carousel-v2 #main-photo-carousel .nav-left {
        left: 11px;
    }
}

@media (max-width: 360px) {
    .gallery-carousel-v2 #main-photo-carousel .nav-left {
        left: 5px;
    }
}

.gallery-carousel-v2 #main-photo-carousel .nav-dots button {
    width : 40px;
    height: 40px;
}

.gallery-carousel-v2 #main-photo-carousel .nav-dots button.active {
    background: red;
}

.gallery-carousel-v2 .price-detail-box {
    position     : absolute;
    left         : 50%;
    transform    : translateX(-50%);
    background   : #fff;
    box-shadow   : 0px 9px 10px rgba(94, 93, 93, 0.13);
    border-radius: 15px;
    padding      : 8px 16px;
    width        : max-content;
    max-width    : 100%;
    bottom       : 16px;
    z-index      : 100;
}

@media (min-width: 767.98px) {
    .gallery-carousel-v2 .price-detail-box {
        display: none !important;
    }
}

.gallery-carousel-v2 .price-detail-box .price-detail {
    display    : flex;
    align-items: center;
}

.gallery-carousel-v2 .price-detail-box .price-detail .price-qty {
    font-weight: 400;
    font-size  : 14px;
    line-height: 16px;
    color      : #555e6d;
}

.gallery-carousel-v2 .price-detail-box .price-detail .price-qty b {
    font-weight: 600;
    font-size  : 18px;
    color      : #0b1629;
}

.gallery-carousel-v2 .price-detail-box .tooltip-icon img {
    width     : 100%;
    height    : 100%;
    object-fit: contain;
}

.gallery-carousel-v2 .photo-gallery-carousel {
    width          : 85px;
    height         : 470px;
    display        : flex;
    gap            : 12px;
    flex-direction : column;
    justify-content: space-between;
    overflow       : hidden;
}

@media (max-width:1024px) {
    .gallery-carousel-v2 .photo-gallery-carousel {
        width         : 100%;
        flex-direction: row;
        height        : 40px
    }
}

@media (max-width: 767.98px) {
    .gallery-carousel-v2 .photo-gallery-carousel {
        display: none;
    }
}

.gallery-carousel-v2 .photo-gallery-carousel #nav-button {
    background   : #fff;
    border       : 1px solid #e9eaed;
    border-radius: 4px;
    width        : 64px;
    transition   : 0.3s;
}

.gallery-carousel-v2 .photo-gallery-carousel #nav-button img {
    rotate: 90deg;
}

@media (max-width: 1024px) {
    .gallery-carousel-v2 .photo-gallery-carousel #nav-button {
        width: 32px
    }

    .gallery-carousel-v2 .photo-gallery-carousel #nav-button img {
        rotate: 0deg;
    }
}

.gallery-carousel-v2 .photo-gallery-carousel #nav-button.hide {
    display: none;
}

@media (max-width: 767.98px) {
    .gallery-carousel-v2 .photo-gallery-carousel #nav-button {
        display: none;
    }
}

@media (hover: hover) and (pointer: fine) {
    .gallery-carousel-v2 .photo-gallery-carousel #nav-button:hover {
        outline     : none;
        border-color: #232528;
    }
}

.gallery-carousel-v2 .photo-gallery-carousel #nav-button:disabled {
    pointer-events: none;
    opacity       : 0.3;
}

.gallery-carousel-v2 .thumbnails-wrapper {
    width   : 100%;
    overflow: hidden;
}

@media (max-width: 1024px) {
    .gallery-carousel-v2 .thumbnails-wrapper {
        width: calc(100% - 42px);
    }
}

@media (min-width: 1024.98px) {
    .gallery-carousel-v2 .thumbnails {
        height: 100%;
    }

    .gallery-carousel-v2 .thumbnails-wrapper {
        /* height: calc(100% + 42px) ; */

    }

    .gallery-carousel-v2 .photo-gallery-carousel #nav-button {
        height: 32px;
    }
}

.gallery-carousel-v2 .thumbnails {
    display           : flex;
    gap               : 14px;
    /* justify-content: start; */
    flex-wrap         : nowrap;
    flex-direction    : column;
    transition        : 0.3s;
    max-width         : max-content;
}

@media (max-width: 1024px) {
    .gallery-carousel-v2 .thumbnails {
        flex-direction: row;
        gap           : 0;
    }
}

.gallery-carousel-v2 .thumbnails .photo-thumbnail {
    width        : 64px;
    height       : 64px;
    /* margin    : 0 7px; */
    border-radius: 4px;
    overflow     : hidden;
    border       : none;
    background   : transparent;
    transition   : 0.3s;
    border       : 1px solid transparent;
    flex         : 0 0 auto;
}

@media (max-width: 1024px) {
    .gallery-carousel-v2 .thumbnails .photo-thumbnail {
        width        : 40px;
        height       : 40px;
        margin-right : 12px;
        border-radius: 4px;
    }
}

.gallery-carousel-v2 .thumbnails .photo-thumbnail.active,
.gallery-carousel-v2 .thumbnails .photo-thumbnail:hover {
    border-color: #232528;
    outline     : none;
}

@media (max-width: 991.98px) {

    .gallery-carousel-v2 .thumbnails .photo-thumbnail.active,
    .gallery-carousel-v2 .thumbnails .photo-thumbnail:hover {
        background: #232528;
    }
}

.gallery-carousel-v2 .thumbnails .photo-thumbnail.active img,
.gallery-carousel-v2 .thumbnails .photo-thumbnail:hover img {
    transform: scale(0.95, 0.95);
}

.gallery-carousel-v2 .thumbnails .photo-thumbnail img {
    width          : 100%;
    height         : 100%;
    object-fit     : cover;
    object-position: center center;
    border-radius  : 4px;
    transition     : 0.3s;
}

.gallery-carousel-v2 #main-photo-carousel .video-yt iframe {
    max-width: 100%;
    height   : 100%;
}

.gallery-carousel-v2 .thumbnails .photo-thumbnail.video {
    position: relative;
}

.gallery-carousel-v2 .thumbnails .photo-thumbnail.video::before {
    content         : url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28" fill="none"> <path d="M0 14C0 6.26801 6.26801 0 14 0C21.732 0 28 6.26801 28 14C28 21.732 21.732 28 14 28C6.26801 28 0 21.732 0 14Z" fill="%23FF0000"/><path d="M21.1525 10.5432C20.9808 9.88348 20.4747 9.36395 19.8322 9.18763C18.6677 8.86719 13.9979 8.86719 13.9979 8.86719C13.9979 8.86719 9.32811 8.86719 8.16357 9.18763C7.52101 9.36395 7.01497 9.88348 6.84324 10.5432C6.53125 11.739 6.53125 14.2339 6.53125 14.2339C6.53125 14.2339 6.53125 16.7287 6.84324 17.9245C7.01497 18.5842 7.52101 19.1038 8.16357 19.2802C9.32811 19.6005 13.9979 19.6005 13.9979 19.6005C13.9979 19.6005 18.6677 19.6005 19.8322 19.2802C20.4747 19.1038 20.9808 18.5842 21.1525 17.9245C21.4646 16.7287 21.4646 14.2339 21.4646 14.2339C21.4646 14.2339 21.4646 11.739 21.1525 10.5432Z" fill="white"/><path d="M12.6016 16.7995V12.1328L16.3349 14.4662L12.6016 16.7995Z" fill="%23FF0000"/></svg>');
    position        : absolute;
    left            : 0;
    top             : 0;
    width           : 100%;
    height          : 100%;
    display         : flex;
    align-items     : center;
    justify-content : center;
    background-color: #00000033;
    z-index         : 1;
}