.preview-video, .main-gallery-video {
    position: relative;
    display: flex;
    justify-content: center;
}

.bc-stacked-gallery .main-gallery-video {
    margin-bottom: 7px;
}

/* D4 divi-4/includes/modules/Gallery/style.css */
.et_pb_db_images .bc-simple-slider ~ .bc-horizontal-slider-nav {
    display: none;
}

.preview-video::before, 
.main-gallery-video::after {
    font-family: ETmodules;
    font-weight: 400 !important;
    content: "\49";
    font-size: 31px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 50%);
    z-index: 999999;
    display: block;
    color: #fff;
    z-index: 2;
}

.main-gallery-video::before {
    content: "";
    background-color: #000;
    opacity: 0.5;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.main-gallery-video.playing::before,
.main-gallery-video.playing::after {
    display: none;
}

@media only screen and (max-width: 980px) {
.woocommerce-page div.product .et_pb_db_images .bc-vertical-slider-cont .bc-vertical-slider-for,
.et_pb_db_images .bc-vertical-slider-cont .bc-vertical-slider-for,
.et_pb_db_images .bc-vertical-slider-for.images {
    width: 100% !important;
    max-width: 100% !important;
}
.bc-vertical-slider-for .slick-track {
    display: flex;
}
.bc-vertical-slider-for .slick-slide {
    display: flex !important;
    justify-content: center;
    align-items: center;
}
.bc-hide-thumb-nav-mobile .bc-horizontal-slider-nav,
.bc-hide-thumb-nav-mobile .bc-vertical-slider-nav {
    display: none !important;
}
body .bc-vertical-slider-for .slick-next:before,
body .bc-vertical-slider-for .slick-prev:before {
    transform: rotate(-90deg);
    bottom: auto !important;
}
body .bc-vertical-slider-for .slick-prev {
    height: 50% !important;
    width: 50% !important;
    left: 0 !important;
    top: 50% !important;
    transform: translate(0, -50%) !important;
}
body .bc-vertical-slider-for .slick-next {
    height: 50% !important;
    width: 50% !important;
    left: auto !important;
    transform: translate(0, -50%) !important;
    top: 50% !important;
    right: 0 !important;
}
}

.bc-horizontal-slider-nav .slick-track {
    display: flex;
    align-items: stretch;
    height: 100%;
}
.bc-horizontal-slider-nav .slick-slide video,
.bc-horizontal-slider-nav .slick-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.bc-horizontal-slider-nav .slick-slide > * div,
.bc-horizontal-slider-nav .slick-slide > div {
    height: 100%;
}

.et_pb_db_images .bc-vertical-slider-for,
.et_pb_db_images .bc-vertical-slider-nav {
    position: relative;
}

.et_pb_db_images .bc-vertical-slider-for .slick-arrow,
.et_pb_db_images .bc-vertical-slider-nav .slick-arrow {
    background: transparent;
    font-size: 0;
    position: absolute;
    width: 100%;
    border: none;
    z-index: 2;
}

.et_pb_db_images .bc-vertical-slider-for .slick-prev:before,
.et_pb_db_images .bc-vertical-slider-nav .slick-prev:before {
    content: "\32";
    font-family: ETmodules;
    font-weight: 400;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.et_pb_db_images .bc-vertical-slider-for .slick-next:before,
.et_pb_db_images .bc-vertical-slider-nav .slick-next:before {
    content: "\33";
    font-family: ETmodules;
    font-weight: 400;
    position: absolute;
    left: 50%;
    right: auto;
    bottom: 0;
    transform: translateX(-50%);
}

.et_pb_db_images .bc-vertical-slider-for .slick-prev,
.et_pb_db_images .bc-vertical-slider-nav .slick-prev {
    top: 0 !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    height: auto !important;
    width: 100% !important;
    transform: translateX(-50%) !important;
}

.et_pb_db_images .bc-vertical-slider-for .slick-next,
.et_pb_db_images .bc-vertical-slider-nav .slick-next {
    bottom: 0 !important;
    top: auto !important;
    left: 50% !important;
    right: auto !important;
    height: auto !important;
    width: 100% !important;
    transform: translateX(-50%) !important;
}

.bc-vertical-slider-cont {
    display: flex;
}

.woocommerce-page div.product .et_pb_db_images .bc-vertical-slider-cont .bc-vertical-slider-for,
.et_pb_db_images .bc-vertical-slider-cont .bc-vertical-slider-for,
.et_pb_db_images .bc-vertical-slider-for.images {
    width: 80% !important;
    max-width: 80% !important;
    margin-left: auto;
    margin-right: 0;
}

.bc-vertical-slider-nav {
    width: 20%;
    overflow: hidden;
    position: absolute !important;
    top: 0;
    left: 0;
}

.bc-vertical-slider-for {
    height: auto !important;
}
.bc-vertical-slider-nav video,
.bc-vertical-slider-nav img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.slide_same_height .slick-list {
    height: 100% !important;
}

/* Expandable gallery — overlay + zoom icon (Divi overlay.css may not load on TB product layouts). */
.et_pb_db_images .bc-expandable-single-item .bc-expandable-slider li > .et_overlay {
    z-index: 3;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: hsla(0, 0%, 100%, 0.9);
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
}

.et_pb_db_images .bc-expandable-single-item .bc-expandable-slider .et_overlay:before,
.et_pb_db_images .bc-expandable-slider .et_overlay:before {
    color: #2ea3f2;
    content: "\54" !important;
    font-family: ETmodules !important;
    font-weight: 400;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 56px;
    line-height: 1;
    transition: all 0.4s;
}

.et_pb_db_images .bc-expandable-single-item .bc-expandable-slider:hover > li > .et_overlay {
    opacity: 1;
}

.et_pb_db_images .bc-expandable-single-item.bc-expandable-slider-active .bc-expandable-slider:hover > li > .et_overlay {
    opacity: 0;
}

@media only screen and (max-width: 980px) {
    .et_pb_db_images .bc-expandable-single-item .bc-expandable-slider > li > .et_overlay {
        display: none !important;
    }
}