.elementor-13850 .elementor-element.elementor-element-58caf50{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.4;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:120px;--padding-bottom:220px;--padding-left:0px;--padding-right:0px;}.elementor-13850 .elementor-element.elementor-element-58caf50:not(.elementor-motion-effects-element-type-background), .elementor-13850 .elementor-element.elementor-element-58caf50 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:var(--wpr-bg-ef9c5d88-6381-42cc-8f5d-ca9c3ae0959a);background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-13850 .elementor-element.elementor-element-58caf50::before, .elementor-13850 .elementor-element.elementor-element-58caf50 > .elementor-background-video-container::before, .elementor-13850 .elementor-element.elementor-element-58caf50 > .e-con-inner > .elementor-background-video-container::before, .elementor-13850 .elementor-element.elementor-element-58caf50 > .elementor-background-slideshow::before, .elementor-13850 .elementor-element.elementor-element-58caf50 > .e-con-inner > .elementor-background-slideshow::before, .elementor-13850 .elementor-element.elementor-element-58caf50 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#2D1D54;--background-overlay:'';}.elementor-13850 .elementor-element.elementor-element-58caf50 > .elementor-shape-top svg, .elementor-13850 .elementor-element.elementor-element-58caf50 > .e-con-inner > .elementor-shape-top svg{height:15px;}.elementor-13850 .elementor-element.elementor-element-58caf50 > .elementor-shape-bottom .elementor-shape-fill, .elementor-13850 .elementor-element.elementor-element-58caf50 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:var( --e-global-color-21bfb04 );}.elementor-13850 .elementor-element.elementor-element-2c31820{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13850 .elementor-element.elementor-element-f874511{text-align:center;}.elementor-13850 .elementor-element.elementor-element-f874511 .elementor-heading-title{color:var( --e-global-color-21bfb04 );}.elementor-13850 .elementor-element.elementor-element-8c67a3d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.3;--padding-top:90px;--padding-bottom:85px;--padding-left:15px;--padding-right:15px;}.elementor-13850 .elementor-element.elementor-element-8c67a3d::before, .elementor-13850 .elementor-element.elementor-element-8c67a3d > .elementor-background-video-container::before, .elementor-13850 .elementor-element.elementor-element-8c67a3d > .e-con-inner > .elementor-background-video-container::before, .elementor-13850 .elementor-element.elementor-element-8c67a3d > .elementor-background-slideshow::before, .elementor-13850 .elementor-element.elementor-element-8c67a3d > .e-con-inner > .elementor-background-slideshow::before, .elementor-13850 .elementor-element.elementor-element-8c67a3d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-13850 .elementor-element.elementor-element-47737ea{--display:flex;--gap:18px 18px;--row-gap:18px;--column-gap:18px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13850 .elementor-element.elementor-element-ce5348f > .elementor-widget-container{padding:6px 15px 7px 15px;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );border-radius:30px 30px 30px 30px;}.elementor-13850 .elementor-element.elementor-element-ce5348f.elementor-element{--align-self:center;}.elementor-13850 .elementor-element.elementor-element-ce5348f{text-align:center;}.elementor-13850 .elementor-element.elementor-element-ce5348f .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-13850 .elementor-element.elementor-element-3bc6fbe > .elementor-widget-container{padding:0px 0px 5px 0px;}.elementor-13850 .elementor-element.elementor-element-3bc6fbe{text-align:left;}.elementor-13850 .elementor-element.elementor-element-466db07 > .elementor-widget-container{margin:5px 0px -10px 0px;}.elementor-13850 .elementor-element.elementor-element-466db07{text-align:left;}.elementor-13850 .elementor-element.elementor-element-09370f5 > .elementor-widget-container{margin:5px 0px -10px 0px;}.elementor-13850 .elementor-element.elementor-element-09370f5{text-align:left;}@media(max-width:1024px) and (min-width:768px){.elementor-13850 .elementor-element.elementor-element-47737ea{--width:100%;}}@media(max-width:1024px){.elementor-13850 .elementor-element.elementor-element-58caf50{--padding-top:20px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-13850 .elementor-element.elementor-element-2c31820{--padding-top:80px;--padding-bottom:132px;--padding-left:0px;--padding-right:0px;}.elementor-13850 .elementor-element.elementor-element-8c67a3d{--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:80px;--padding-left:15px;--padding-right:15px;}.elementor-13850 .elementor-element.elementor-element-47737ea{--padding-top:0px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-13850 .elementor-element.elementor-element-ce5348f > .elementor-widget-container{margin:0px 230px 5px 230px;}.elementor-13850 .elementor-element.elementor-element-466db07 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-13850 .elementor-element.elementor-element-09370f5 > .elementor-widget-container{padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-13850 .elementor-element.elementor-element-2c31820{--padding-top:74px;--padding-bottom:92px;--padding-left:0px;--padding-right:0px;}.elementor-13850 .elementor-element.elementor-element-8c67a3d{--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-13850 .elementor-element.elementor-element-ce5348f > .elementor-widget-container{margin:0px 20px 8px 20px;}.elementor-13850 .elementor-element.elementor-element-466db07 > .elementor-widget-container{margin:6px 0px -10px 0px;padding:0px 0px 0px 0px;}.elementor-13850 .elementor-element.elementor-element-09370f5 > .elementor-widget-container{margin:6px 0px -10px 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for shortcode, class: .elementor-element-06b0080 */.custom-gallery-page {
    display: grid;
    grid-gap: 20px; /* Odstępy między zdjęciami */
    grid-template-columns: repeat(3, 1fr); /* 3 kolumny dla PC */
}

@media (max-width: 768px) {
    .custom-gallery-page {
        grid-template-columns: repeat(2, 1fr); /* 2 kolumny dla tabletu */
        grid-gap: 10px; /* Mniejsze odstępy dla tabletu */
    }
}

.custom-gallery-page a {
    position: relative;
    display: block;
    overflow: hidden;
    padding-top: 66.66%; /* Proporcje 3:2 dla zdjęć */
    background-color: #f3f3f3; /* Tło dla obszaru zdjęcia */
    border-radius: 15px; /* Zaokrąglone obramowania */
}

.custom-gallery-page img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Zapewnia, że zdjęcia będą pokrywać cały obszar bez utraty proporcji */
    border-radius: 15px; /* Zaokrąglone obramowania dla zdjęć */
}

.custom-gallery-page a::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(100, 55, 209, 0.67); /* Kolor maski #6437D1AB */
    opacity: 0;
    transition: opacity .3s ease-in-out;
    border-radius: 15px; /* Zaokrąglone obramowania dla maski */
}

.custom-gallery-page a:hover::after {
    opacity: 1; /* Pokazuje maskę przy najechaniu */
}

.custom-gallery-page .product-name {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 5px;
    background-color: rgba(0, 0, 0, 0.5); /* Półprzezroczyste tło dla tekstu */
    color: #ffffff; /* Kolor tekstu */
    font-size: 14px;
    text-align: center;
    border-radius: 0 0 15px 15px; /* Zaokrąglone dolne rogi */
    transition: opacity .3s ease-in-out;
    opacity: 0; /* Początkowo ukryty */
}

.custom-gallery-page a:hover .product-name {
    opacity: 1; /* Pokazuje nazwę produktu przy najechaniu */
}/* End custom CSS */