/* Start:/local/components/dev/catalog.detail/templates/.default/style.css?17523974631424*/
.central-swiper{
    max-width: 600px;
    width: 100%;
    height: 800px;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}

#mini-swiper .swiper-slide{
    width: 100px!important;
}
#tableSizesModal .modal-content .btn-close {
    /*position: absolute;*/
    /*top: -3px;*/
    /*right: -3px;*/
}
#tableSizesModal .modal-content{
    padding: 0px;
}
@media (max-width: 600px) {
    .mini-swiper, .mini-swiper-detail {
       max-width: 100%;
        width: 100%;
        overflow: hidden;
    }
}
.central-swiper-detail .swiper-slide{
    background-color: #E9EBEC!important;
}

.photo-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 32px;
    margin-bottom: 32px;
    justify-content: flex-start;
}
.photo-gallery a {
    display: block;
    width: 100%;
    max-width: 600px;
    flex: 1 1 240px;
    text-align: center;
}
.photo-gallery__img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 10px;
    box-shadow: 0 2px 16px rgba(0,0,0,0.08);
    background: #faf8f4;
    transition: box-shadow .2s;
    max-height: 800px;
    object-fit: contain;
}
.photo-gallery a:hover .photo-gallery__img {
    box-shadow: 0 4px 32px rgba(0,0,0,0.16);
}
@media (max-width: 700px) {
    .photo-gallery {
        gap: 8px;
    }
    .photo-gallery a {
        max-width: 100%;
    }
}
/* End */
/* /local/components/dev/catalog.detail/templates/.default/style.css?17523974631424 */