/* Start:/bitrix/templates/verstka/components/bitrix/news.detail/contacts/style.css?17655547954909*/
.contacts {
    --contacts-map-min-width: 56.25rem;
    --contacts-gap: var(--main-gap);
    display: flex;
    justify-content: space-between;
    gap: var(--contacts-gap);
    margin-bottom: var(--contacts-gap);
}

.contacts .contacts__content {
    flex: 0 1 auto;
    display: grid;
    grid-template-areas:
        'address sm'
        'reservation time'
        'form form ';
    grid-template-rows: repeat(2, max-content) 1fr;
    grid-auto-rows: max-content;
    grid-auto-columns: minmax(max-content, calc(50% - var(--content-gap) / 2));
    gap: var(--content-gap);
}

.contacts .contacts__geo {
    flex: 0 0 auto;
    min-width: var(--contacts-map-min-width);
    overflow: visible;
}

.contacts__map .map-block {
    overflow: hidden;
}

.contacts__content .contacts__address {
    grid-area: address;
}

.contacts__address .content-box__content {
    color: var(--color-secondary);
}

.contacts__content .contacts__reservation {
    grid-area: reservation;
}

.contacts__content .contacts__sm {
    grid-area: sm;
}

.contacts__content .contacts__time {
    grid-area: time;
}

.contacts__content .contacts__form {
    grid-area: form;
}

.contacts .content-box__content.sm-list {
    flex-direction: row;
}

.contacts .content-box__content.flex-row .flex-row__item {
    max-width: 20rem;
}

.contacts .contacts__map *[class^="ymaps"][class$="gototech"] {
    display: none;
}

.label-wrapper__input.error {
    border-color: #ff3860;
    box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25);
}

#form_message.success {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

#form_message.error {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

#form_message {
    display: none;
    margin-top: 15px;
    padding: 10px;
    border-radius: 5px;
}

@media screen and (min-width: 1481px) {
    .contacts .contacts__content {
        flex-basis: min(40vw, calc(40% - var(--contacts-gap)));
    }

    .contacts .contacts__geo {
        flex-basis: clamp(var(--contacts-map-min-width), 60vw, 67.5rem);
    }
}

@media screen and (min-width: 1280px) and (max-width: 1480px) {
    .contacts {
        --contacts-content-min-width: 16.25rem;
    }

    .contacts .contacts__content {
        flex-basis: calc(100% - var(--contacts-map-min-width) - var(--contacts-gap));
        grid-template-areas:
        'address'
        'reservation'
        'sm'
        'time'
        'form';
        grid-template-rows: repeat(4, max-content) 1fr;
        grid-auto-rows: max-content;
        grid-auto-columns: 100%;
        min-width: var(--contacts-content-min-width);
    }

    .contacts .contacts__geo {
        flex-basis: clamp(var(--contacts-map-min-width), calc(100% - var(--contacts-content-min-width) - var(--contacts-gap)), 67.5rem);
    }
}

@media screen and  (max-width: 1279px) {
    .contacts {
        --contacts-content-min-width: 100%;
        --contacts-map-min-width: 100%;
        flex-direction: column;
    }

    .contacts .contacts__content {
        flex-basis: auto;
        width: 100%;
        grid-auto-rows: max-content;
    }

    .contacts .contacts__geo {
        flex-basis: auto;
        width: 100%;
    }
}

@media screen and (min-width: 960px) and (max-width: 1279px) {
    .contacts .contacts__content {
        grid-template-areas:
        'address sm form'
        'reservation time form';
        grid-template-rows: max-content 1fr;
        grid-template-columns: repeat(3, 1fr);
        grid-auto-columns: 1fr;
    }
}

@media screen and (max-width: 959px) {
    .page-content .form {
        max-width: 100%;
    }

    .contacts .content-box__content.flex-row {
        --flex-column-gap: clamp(1rem, calc(10vw - 3rem), 2.5rem);
    }

    .contacts .content-box__content.flex-row .flex-row__item {
        max-width: 100%;
    }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
    .contacts .content-box__content.flex-row {
        --flex-column-count: 2;
    }
}

@media screen and (min-width: 480px) and (max-width: 959px) {
    .contacts .contacts__content {
        grid-template-areas:
        'address sm'
        'reservation time'
        'form form';
        grid-template-rows: repeat(3, max-content);
        grid-template-columns: repeat(2, 1fr);
        grid-auto-columns: 1fr;
    }
}

@media screen and (max-width: 639px) {
    .contacts__map .map-block {
        max-height: 22.5rem;
    }

    .contacts .content-box__content.flex-row {
        --flex-column-count: 1;
    }

    .content-box :is(.content-box__content > *, .content-box__text) {
        font-size: .9375rem;
    }
}

@media screen and (max-width: 479px) {
    .contacts .contacts__content {
        grid-template-areas: 'address' 'reservation' 'sm' 'time' 'form';
        grid-template-rows: repeat(5, max-content);
        grid-template-columns: 100%;
        grid-auto-columns: 100%;
    }
}

/* End */


/* Start:/bitrix/templates/verstka/components/bitrix/news.list/swiper_detail_row/style.css?17651376861936*/
.swiper-row {
    --swiper-slide-size: clamp(36.25rem, 45vw, 43.75rem);
    --swiper-btn-size: 3.125rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.swiper-row .swiper-row__swiper {
    margin-right: calc(-1 * var(--main-padding));
}

.swiper-row .swiper-row__wrapper {
    display: flex;
    align-items: stretch;
}

.swiper-row .swiper-row__slide {
    width: auto;
    height: auto;
    max-width: var(--swiper-slide-size);
}

.swiper-row .swiper-row__slide:last-of-type {
    padding-right: var(--main-padding);
    max-width: calc(var(--swiper-slide-size) + var(--main-padding));
}

.swiper-row .swiper-row__img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.swiper-row .swiper-row__buttons {

    display: flex;
    justify-content: flex-end;
    gap: .625rem;
}

.swiper-row .swiper-row__btn {
    flex: 0 0 var(--swiper-btn-size);
    position: relative;
    inset: auto;
    width: var(--swiper-btn-size);
    height: var(--swiper-btn-size);
    border-radius: 50%;
    border: 1px solid var(--color-grey);
    background-color: #ffffff;
    background-size: 1.5rem;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("/bitrix/templates/verstka/components/bitrix/news.list/swiper_detail_row/../../../../images/design/btn-arrow.svg");
}

.swiper-row .swiper-row__btn.swiper-button-disabled {
    background-image: url("/bitrix/templates/verstka/components/bitrix/news.list/swiper_detail_row/../../../../images/design/btn-arrow-grey.svg");
    opacity: 1;
}

.swiper-row .swiper-row__btn::after {
    display: none;
    position: relative;
    inset: auto;
}

.swiper-row .swiper-button-prev {
    transform: rotate(180deg);
}

@media screen and (min-width: 1280px) {
    .swiper-row .swiper-row__wrapper {
        padding-right: calc(var(--swiper-slide-size) + var(--main-padding));
    }
}

@media screen and (max-width: 639px) {
    .swiper-row {
        --swiper-slide-size: calc(100vw - 3.75rem);
    }
}
/* End */
/* /bitrix/templates/verstka/components/bitrix/news.detail/contacts/style.css?17655547954909 */
/* /bitrix/templates/verstka/components/bitrix/news.list/swiper_detail_row/style.css?17651376861936 */