.elementor-1139 .elementor-element.elementor-element-397f7b6{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1139 .elementor-element.elementor-element-397f7b6:not(.elementor-motion-effects-element-type-background), .elementor-1139 .elementor-element.elementor-element-397f7b6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1139 .elementor-element.elementor-element-1d1b1f3{--display:flex;--min-height:0vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1139 .elementor-element.elementor-element-1d1b1f3:not(.elementor-motion-effects-element-type-background), .elementor-1139 .elementor-element.elementor-element-1d1b1f3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EBEBEB;}.elementor-1139 .elementor-element.elementor-element-c33b48a > .elementor-widget-container{background-color:#FFFFFFAB;padding:20px 20px 20px 20px;}.elementor-1139 .elementor-element.elementor-element-c33b48a{z-index:9;}.elementor-1139 .elementor-element.elementor-element-c33b48a .wpr-product-title{text-align:left;color:#222222;font-size:35px;font-weight:300;text-transform:capitalize;letter-spacing:1.1px;text-shadow:0px 0px 10px rgba(255, 255, 255, 0.3);}.elementor-1139 .elementor-element.elementor-element-34811d3 > .elementor-widget-container{background-color:#FFFFFFAB;padding:20px 20px 20px 20px;}body:not(.rtl) .elementor-1139 .elementor-element.elementor-element-34811d3{left:341px;}body.rtl .elementor-1139 .elementor-element.elementor-element-34811d3{right:341px;}.elementor-1139 .elementor-element.elementor-element-34811d3{top:52px;z-index:9;}.elementor-1139 .elementor-element.elementor-element-34811d3 .wpr-product-title{text-align:left;color:#222222;font-size:35px;font-weight:300;text-transform:capitalize;letter-spacing:1.1px;text-shadow:0px 0px 10px rgba(255, 255, 255, 0.3);}.elementor-1139 .elementor-element.elementor-element-18cfbb5 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1139 .elementor-element.elementor-element-18cfbb5{z-index:1;}@media(max-width:767px){.elementor-1139 .elementor-element.elementor-element-1d1b1f3{--min-height:85vh;}.elementor-1139 .elementor-element.elementor-element-c33b48a > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-1139 .elementor-element.elementor-element-c33b48a .wpr-product-title{font-size:15px;}.elementor-1139 .elementor-element.elementor-element-34811d3 > .elementor-widget-container{margin:20px 20px 20px 20px;}body:not(.rtl) .elementor-1139 .elementor-element.elementor-element-34811d3{left:0px;}body.rtl .elementor-1139 .elementor-element.elementor-element-34811d3{right:0px;}.elementor-1139 .elementor-element.elementor-element-34811d3{top:125px;}.elementor-1139 .elementor-element.elementor-element-34811d3 .wpr-product-title{font-size:15px;}}@media(min-width:768px){.elementor-1139 .elementor-element.elementor-element-1d1b1f3{--width:87%;}}/* Start custom CSS for wpr-responsive-product-gallery, class: .elementor-element-18cfbb5 *//* General gallery layout */
.wpr-responsive-product-gallery {
    width: 100%; /* Całkowita szerokość kontenera */
    margin: 0; /* Usuń margines */
    height: 100vh; /* Pełna wysokość ekranu */
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column; /* Ustawienie pionowe głównego obrazu i miniaturek */
    justify-content: flex-end; /* Miniaturki będą na dole */
}

/* Main image container */
.wpr-responsive-product-gallery .main-image {
    flex: 1; /* Obraz główny zajmuje całą przestrzeń poza miniaturkami */
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 100%;
}

.wpr-responsive-product-gallery .main-image img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Dopasowanie bez białych pasów */
}

/* Thumbnail container */
.wpr-responsive-product-gallery .gallery-thumbnails {
    display: flex;
    justify-content: center;
    gap: 10px;
    padding: 10px 0;
    width: 100%;
    overflow-x: auto; /* Przewijanie poziome dla miniaturek */
    background-color: #ebebebb0; /* Ciemne tło pod miniaturkami */
    margin-top: -150px;
    z-index: 1; /* Ustawienie ponad obrazem głównym */
}

.wpr-responsive-product-gallery .thumbnail {
    flex: 0 0 auto;
    cursor: pointer;
}

.wpr-responsive-product-gallery .thumbnail img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border: 2px solid #fff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    transition: transform 0.2s ease;
}

.wpr-responsive-product-gallery .thumbnail img:hover {
    transform: scale(1.1);
}

/* Mobile-friendly styles */
@media (max-width: 768px) {
    .wpr-responsive-product-gallery .main-image {
        height: 50vh; /* Mniejsza wysokość na urządzeniach mobilnych */
    }

    .wpr-responsive-product-gallery .thumbnail img {
        width: 60px;
        height: 60px;
    }
}

/* Mobile-friendly styles */
@media (max-width: 768px) {
    .wpr-responsive-product-gallery {
        height: auto;
    }

    .wpr-responsive-product-gallery .main-image {
        height: 60vh;
    }

    .wpr-responsive-product-gallery .gallery-thumbnails {
        gap: 5px;
        padding: 5px 0;
        margin-top: -60px;
    }

    .wpr-responsive-product-gallery .thumbnail img {
        width: 60px;
        height: 60px;
    }
}

/* Smaller screen adjustments (phones) */
@media (max-width: 480px) {
    .wpr-responsive-product-gallery .main-image {
        height: 50vh;
    }

    .wpr-responsive-product-gallery .gallery-thumbnails {
        gap: 5px;
        padding: 5px 0;
        background-color:#ebebebb0;
    }

    .wpr-responsive-product-gallery .thumbnail img {
        width: 50px;
        height: 50px;
    }
}/* End custom CSS */