.custom-arrow-next,
.custom-arrow-prev {
width: 30px;
height: 30px;
background-color: rgba(245,245,220,0.6);
border-radius: 50%;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 10;
background-size: 20px 20px;
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
}
.custom-arrow-next {
right: 0;
background-image: url('data:image/svg+xml;utf8,<svg fill="%235a4d3d" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M8 5l8 7-8 7z"/></svg>');
}
.custom-arrow-prev {
left: 0;
background-image: url('data:image/svg+xml;utf8,<svg fill="%235a4d3d" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M16 19l-8-7 8-7z"/></svg>');
}
.custom-arrow-next:hover,
.custom-arrow-prev:hover {
background-color: rgba(245,245,220,0.9);
}
.door-slider {
width: 100%;
height: 550px;
overflow: hidden;
}
@media (min-width: 415px) {
.door-slider { height: 600px; }
}
@media (min-width: 992px) {
.door-slider { height: 670px; }
}
@media (min-width: 1600px) {
.door-slider { height: 700px; }
}
.page-template-template-doors .door-slider .swiper-slide,
.single-product .door-slider .swiper-slide {
display: flex;
justify-content: center; 
}
.page-template-template-doors .door-slider .swiper-slide a,
.single-product .door-slider .swiper-slide a {
display: block;
height: 100%;
}
.page-template-template-doors .door-slider .swiper-slide img,
.single-product .door-slider .swiper-slide img {
width: auto;
height: 100%;
object-fit: contain;
}
@media (min-width: 992px) {
.page-template-template-doors .door-slider .swiper-slide img,
.single-product .door-slider .swiper-slide img {
transition: transform 0.3s ease;
}
.page-template-template-doors .door-slider .swiper-slide img:hover,
.single-product .door-slider .swiper-slide img:hover {
transform: scale(1.05);
}
}
[data-autoplay-action],
[data-fullscreen-action],
[data-thumbs-action] {
display: none !important;
}
@media (max-width: 991px) {
.fancybox__carousel .f-button.is-prev,
.fancybox__carousel .f-button.is-next {
display: none !important;
}
}
.with-fancybox .navigation {
padding-right: var(--f-scrollbar-compensate) !important;
}
[id^="f-caption"] {
display: none !important;
}
.swiper-pagination-bullet {
background: #f5c4a8;
opacity: 0.35;
}
.swiper-pagination-bullet-active {
background: #f5c4a8;
opacity: 1;
}