@media screen and (max-width: 800px) {

    #mainHeader2 {
        display: none;
    }

    #grid-container2{
        display: none;
    }

    .gallery-shop {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(30vw, 1fr));
        grid-template-rows: repeat(auto-fill, minmax(20vw, 1fr));
        gap: 2px;
        margin: 2% 0%;
/*        margin-left: 30px;
        margin-right: 30px;*/
    }

    #mainHeader3 {
        background: none;
        position: fixed;
        z-index: 100;
        width: 100%;
        padding-left: 5%;
        padding-bottom: 0px;
    }
    #shop-logo {
        padding-left: 0%;
    }

    .details-shop {
        font-size: 1.1em;
    }

    .container-mobile {
        display: flex;
        align-items: center;
    }

    .text-mobile {
        display: flex;
        /* align-items: center; */
        flex-direction: column;
    }

    .details-shop{
        display: flex;
        flex-direction: column;
        margin-top: 1.5%;
    }

    .shop-h2{
        font-size: 2.7vw;
        padding-right: 0%;
    }

    .shop-p{
        font-size: 2.4vw;
        padding-right: 0%;
    }

    .container-prices {
        padding-top: 2%;
        padding-left: 5%;
        padding-right: 5%;
        font-size: 1rem;
    }



}






#shop-slider-mobile .splide__arrow {
    position: absolute; /* Position arrows absolutely */
    top: 50%; /* Position arrows vertically at the center */
    transform: translateY(-50%); /* Adjust vertical alignment */
    z-index: 999; /* Ensure arrows are above other elements */
}

#shop-slider-mobile .splide__arrow--prev {
    left: -55%; /* Adjust left position for previous arrow */
    top: 50%
}

#shop-slider-mobile .splide__arrow--next {
    right: 5%; /* Adjust right position for next arrow */
    top: 50%
}