/* =========================
   TEXT NAD GALERIÍ
   ========================= */

.gallery-intro,
.store-gallery-info {

    text-align: right;

    color: #2cb9bb;

    padding-right: 1.5rem;

    margin-bottom: 1.5rem;

}


.gallery-intro small,
.store-gallery-info small {

    color: #2cb9bb;

    font-size: .95rem;

    letter-spacing: .03em;

}



/* =========================
   OBAL GALERIE
   ========================= */

.store-gallery-wrapper {

    position: relative;

    height: 115vh;

    min-height: 500px;

    max-height: 1100px;


    overflow: hidden;


    border: 3px solid #d5f1f1;


    border-radius: 3rem;

}



/* =========================
   SCROLL
   ========================= */

.store-gallery-scroll {

    height: 100%;


    overflow-y: auto;

    overflow-x: visible;


    padding:

        0
        3rem
        0
        3rem;

}



/* =========================
   SCROLLBAR
   ========================= */

.store-gallery-scroll::-webkit-scrollbar {

    width: 6px;

}


.store-gallery-scroll::-webkit-scrollbar-track {

    background: transparent;

}


.store-gallery-scroll::-webkit-scrollbar-thumb {

    background: #d5f1f1;

    border-radius: 20px;

}



/* =========================
   GALERIE
   ========================= */

.store-gallery {

    column-count: 4;

    column-gap: 3rem;

}



/* =========================
   POLOŽKY
   ========================= */

.store-gallery > a,
.store-gallery .gallery-video {

    display: block;

    margin-bottom: 3rem;


    break-inside: avoid;


    border-radius: 3rem;

}



/* =========================
   FOTO WRAPPER
   ========================= */

.gallery-image-wrap {

    display: block;

    overflow: hidden;

    width: 100%;


    border-radius: 3rem;

}



/* =========================
   FOTO
   ========================= */

.store-gallery > a {

    position: relative;

    z-index: 1;

}



.store-gallery img {

    width: 100%;

    height: auto;


    display: block;


    border-radius: 3rem;


    transform: translateZ(0) scale(1);


    transition:

        transform 1.2s ease;


    transform-origin: center center;


    will-change: transform;


    backface-visibility: hidden;

    -webkit-backface-visibility: hidden;

}



/* =========================
   ZOOM EFEKT
   ========================= */

.store-gallery > a:hover {

    z-index: 10;

}


.store-gallery > a:hover img {

    transform: translateZ(0) scale(1.04);

}



/* =========================
   VIDEO
   ========================= */

.store-gallery .gallery-video {

    position: relative;


    aspect-ratio: 9 / 16;


    overflow: hidden;

}


.store-gallery .gallery-video video {

    width: 100%;

    height: 100%;


    display: block;


    object-fit: cover;


    border-radius: 3rem;

}



/* =========================
   TABLET
   ========================= */

@media (max-width:1200px) {


    .store-gallery-wrapper {

        height: 100vh;

        min-height: 450px;

        max-height: 900px;

    }



    .store-gallery-scroll {

        padding:

            0
            1.5rem
            0
            1.5rem;

    }



    .store-gallery {

        column-count: 4;

        column-gap: 1.5rem;

    }



    .gallery-image-wrap,
    .store-gallery img,
    .store-gallery .gallery-video video {

        border-radius: 1.5rem;

    }



    .store-gallery > a,
    .store-gallery .gallery-video {

        margin-bottom: 1.5rem;

    }

}



/* =========================
   MOBIL
   ========================= */

@media (max-width:600px) {


    .store-gallery-wrapper {

        height: 70vh;

        min-height: 400px;

        max-height: 650px;


        border-radius: 1.5rem;

    }



    .store-gallery-scroll {

        padding:

            0
            1.5rem
            0
            1.5rem;

    }



    .store-gallery {

        column-count: 2;

        column-gap: 1rem;

    }



    .gallery-image-wrap,
    .store-gallery img,
    .store-gallery .gallery-video video {

        border-radius: 1.5rem;

    }



    .store-gallery > a,
    .store-gallery .gallery-video {

        margin-bottom: 1rem;

    }

}