.bp_grand,
.bp3dmodel-carousel {
position: relative;
margin-bottom: 25px;
}
.bp_model_parent,
.bp_model_gallery {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: relative;
overflow: hidden;
}
.fullscreen.bp_model_parent,
.fullscreen.bp_model_gallery {
width: 100% !important;
height: 100% !important;
top: 0;
left: 0;
position: fixed;
z-index: 9999999;
background: #fff;
}
.fullscreen model-viewer {
animation-name: opacityTo;
animation-duration: 2s;
}
.model-icon {
fill: #333;
cursor: pointer;
}
.bp_model_parent #closeBtn,
.bp_model_gallery #closeBtn {
display: none;
}
.fullscreen #closeBtn,
.bp_model_parent:fullscreen #closeBtn {
display: block;
background-color: #999;
position: absolute;
top: 10px;
right: 10px;
background: #333;
color: #fff;
border-radius: 3px;
}
.bp_model_parent #openBtn,
.bp_model_gallery #openBtn {
display: none;
position: absolute;
bottom: 10px;
right: 10px;
background: #333;
fill: #f2f2f2;
padding: 6px;
border-radius: 3px;
}
.modelViewerBlock .bp_model_parent:hover #openBtn,
.b3dviewer-wrapper:hover #openBtn,
.modelViewerBlock .bp_model_gallery:hover #openBtn {
display: block;
}
.modelViewerBlock .fullscreen.bp_model_parent #openBtn,
.modelViewerBlock .fullscreen.bp_model_gallery #openBtn,
.modelViewerBlock .bp_model_parent:fullscreen #openBtn {
display: none;
}
@keyframes opacityTo {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
model-viewer {
max-width: 100%;
}
.woocommerce-product-gallery__image a model-viewer {
max-height: 100px;
} .slick-prev,
.slick-next {
width: 25px;
height: 25px;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
color: #f4f4f4;
outline: none;
}
.slick-prev {
left: 15px;
z-index: 5;
}
.slick-next {
right: 15px;
}
.slick-prev::before,
.slick-next::before {
color: #d2d2d2;
} .product-modal-wrap {
display: flex;
flex-direction: column;
float: left;
width: 50%;
}
.product-modal-wrap .images {
width: 100% !important;
}
.bp_model_parent .progress {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background: #64646440;
font-weight: bold;
font-size: 2em;
position: absolute;
color: #fff;
}
.qodef-woo-single-page .qodef-single-product-summary {
width: 100%;
}
@media screen and (min-width: 768px) {
.qodef-woo-single-page .summary {
width: 48%;
float: right;
}
}
@media screen and (max-width: 767px) {
.product-modal-wrap:has(+.summary) {
width: 100%;
}
}