.elementor-13818 .elementor-element.elementor-element-abd5f08{--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-13818 .elementor-element.elementor-element-abd5f08:not(.elementor-motion-effects-element-type-background), .elementor-13818 .elementor-element.elementor-element-abd5f08 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://megaland.pl/wp-content/uploads/2024/02/Fantastyczny_swiat_urzadzen_combo__megaland.webp");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-13818 .elementor-element.elementor-element-abd5f08::before, .elementor-13818 .elementor-element.elementor-element-abd5f08 > .elementor-background-video-container::before, .elementor-13818 .elementor-element.elementor-element-abd5f08 > .e-con-inner > .elementor-background-video-container::before, .elementor-13818 .elementor-element.elementor-element-abd5f08 > .elementor-background-slideshow::before, .elementor-13818 .elementor-element.elementor-element-abd5f08 > .e-con-inner > .elementor-background-slideshow::before, .elementor-13818 .elementor-element.elementor-element-abd5f08 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#2D1D54;--background-overlay:'';}.elementor-13818 .elementor-element.elementor-element-abd5f08 > .elementor-shape-top svg, .elementor-13818 .elementor-element.elementor-element-abd5f08 > .e-con-inner > .elementor-shape-top svg{height:15px;}.elementor-13818 .elementor-element.elementor-element-abd5f08 > .elementor-shape-bottom .elementor-shape-fill, .elementor-13818 .elementor-element.elementor-element-abd5f08 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:var( --e-global-color-21bfb04 );}.elementor-13818 .elementor-element.elementor-element-88a69cf{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13818 .elementor-element.elementor-element-0faa265{text-align:center;}.elementor-13818 .elementor-element.elementor-element-0faa265 .elementor-heading-title{color:var( --e-global-color-21bfb04 );}.elementor-13818 .elementor-element.elementor-element-8f3821e{--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-13818 .elementor-element.elementor-element-8f3821e::before, .elementor-13818 .elementor-element.elementor-element-8f3821e > .elementor-background-video-container::before, .elementor-13818 .elementor-element.elementor-element-8f3821e > .e-con-inner > .elementor-background-video-container::before, .elementor-13818 .elementor-element.elementor-element-8f3821e > .elementor-background-slideshow::before, .elementor-13818 .elementor-element.elementor-element-8f3821e > .e-con-inner > .elementor-background-slideshow::before, .elementor-13818 .elementor-element.elementor-element-8f3821e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-13818 .elementor-element.elementor-element-ba75bc8{--display:flex;--gap:18px 18px;--row-gap:18px;--column-gap:18px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13818 .elementor-element.elementor-element-ceaec0c{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;text-align:center;}.elementor-13818 .elementor-element.elementor-element-ceaec0c.elementor-element{--align-self:center;}.elementor-13818 .elementor-element.elementor-element-ceaec0c .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-13818 .elementor-element.elementor-element-27d0922{padding:0px 0px 5px 0px;text-align:left;}.elementor-13818 .elementor-element.elementor-element-6774b3f{margin:5px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;text-align:left;}.elementor-13818 .elementor-element.elementor-element-e73e080{margin:5px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;text-align:left;}@media(max-width:1024px) and (min-width:768px){.elementor-13818 .elementor-element.elementor-element-ba75bc8{--width:100%;}}@media(max-width:1024px){.elementor-13818 .elementor-element.elementor-element-abd5f08{--padding-top:20px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-13818 .elementor-element.elementor-element-88a69cf{--padding-top:80px;--padding-bottom:132px;--padding-left:0px;--padding-right:0px;}.elementor-13818 .elementor-element.elementor-element-8f3821e{--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-13818 .elementor-element.elementor-element-ba75bc8{--padding-top:0px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-13818 .elementor-element.elementor-element-ceaec0c{margin:0px 230px calc(var(--kit-widget-spacing, 0px) + 5px) 230px;}.elementor-13818 .elementor-element.elementor-element-6774b3f{padding:0px 0px 0px 0px;}.elementor-13818 .elementor-element.elementor-element-e73e080{padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-13818 .elementor-element.elementor-element-88a69cf{--padding-top:74px;--padding-bottom:92px;--padding-left:0px;--padding-right:0px;}.elementor-13818 .elementor-element.elementor-element-8f3821e{--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-13818 .elementor-element.elementor-element-ceaec0c{margin:0px 20px calc(var(--kit-widget-spacing, 0px) + 8px) 20px;}.elementor-13818 .elementor-element.elementor-element-6774b3f{margin:6px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;padding:0px 0px 0px 0px;}.elementor-13818 .elementor-element.elementor-element-e73e080{margin:6px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for shortcode, class: .elementor-element-ce21f9d */.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 */