/* Start:/bitrix/templates/360cosmetology/components/bitrix/news.list/rezultatyi_list/style.css?17811052201297*/
.profi__inner-foto {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
}

.profi__inner-foto .resault__slide {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: 4px;
}

.profi__inner-foto .resault__slide picture,
.profi__inner-foto .resault__slide img,
.profi__inner-foto .gallery__preview {
    display: block;
    width: 100%;
    height: 100%;
}

.profi__inner-foto .gallery__preview {
    object-fit: cover;
}

.profi__inner-foto [hidden] {
    display: none !important;
}

.profi__inner-foto [data-result-extra] {
    opacity: 0;
    transform: translateY(12px);
    transition: opacity .25s ease, transform .25s ease;
}

.profi__inner-foto [data-result-extra]._is-visible {
    opacity: 1;
    transform: translateY(0);
}

.paggination_hidden {
    opacity: 0;
    transform: translateY(8px);
    transition: opacity .25s ease, transform .25s ease;
}

.paggination .big-button {
    cursor: pointer;
    border: 0;
}

@media (max-width: 991.98px) {
    .profi__inner-foto {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 18px;
    }
}

@media (max-width: 767.98px) {
    .profi__inner-foto {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }
}
/* End */
/* /bitrix/templates/360cosmetology/components/bitrix/news.list/rezultatyi_list/style.css?17811052201297 */