/* Start:/local/components/componentsTheme/block.contacts/templates/.default/style.css?17818594544948*/
/* ===CONTACTS BLOCK=== */
.contacts-block {
    container-type: inline-size;
    container-name: contacts-block;
}
.contacts__map-container {
    position: relative;
    display: flex;
    align-items: stretch;
    gap: var(--Gap-30);
}

.contacts__map {
    position: relative;
    width: 48.685%;
    height: auto;
    aspect-ratio: 555 / 515;
    border-radius: 10px;
    overflow: hidden;
}
.contacts__map iframe {
    width: 100%;
    height: 100%;
}

.contacts__map__info {
    position: relative;
    width: 0%;
    flex-grow: 1;
    padding: var(--Padding-30);
    border-radius: 10px;
    overflow: hidden;
    background-color: var(--Background-secondary);

    display: flex;
    flex-direction: column;
    gap: var(--Margin-30);
}

.contacts__map__info-item__title {
    position: relative;
    color: var(--Main-text-primary);
    margin-bottom: var(--Margin-20);
}

.contacts__map__info-item__values {
    position: relative;
    width: 100%;
}
.contacts__map__info-item__values.flex {
    display: flex;
    flex-wrap: wrap;
    gap: var(--Gap-20);
    row-gap: var(--Gap-10);
}
.contacts__map__info-item__values.flex .contacts__map__info-item__value {
    width: calc(50% - (var(--Gap-20) / 2));
}

.contacts__map__info-item__value {
    color: var(--Head-primary);
}

@container contacts-block (max-width: 720px) {
    .contacts__map-container {
        flex-direction: column;
    }
    .contacts__map,
    .contacts__map__info {
        width: 100%;
    }
    .contacts__map__info-item__values.flex {
        gap: var(--Gap-30);
    }
    .contacts__map__info-item__values.flex .contacts__map__info-item__value {
        width: fit-content;
    }
    .contacts__map {
        max-height: 300px;
    }
}


.contacts__info-container {
    position: relative;
    margin-top: var(--Margin-80);

    container-type: inline-size;
    container-name: contacts-info-container;

    padding: var(--Padding-30);
    background-color: var(--Background-secondary);
    border-radius: 10px;
}
.contacts__info__title {
    position: relative;
    text-align: center;
}
.contacts__info__items {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--Margin-40);

    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.contacts__info__item {
    position: relative;
    padding: var(--Padding-20);
    background: var(--Background);
    border-radius: 10px;

    display: flex;
    flex-direction: column;
}
.contacts__info__item-name {
    position: relative;
    margin-bottom: var(--Margin-20);
    color: var(--Head-primary);
}
.contacts__info__item-values {
    position: relative;
    display: flex;
    align-items: start;
    /* gap: var(--Gap-20); */
    gap: 10px;
    flex-wrap: wrap;
    flex-direction: column;
    margin-top: auto;
}
.contacts__info__item-value {
    position: relative;
    /* width: calc(50% - (var(--Gap-20) / 2)); */
    /* max-width: 415px; */
    width: 100%;
    color: var(--Main-text-primary);
}
.contacts__info__item-value a {
    color: var(--Head-primary);
    white-space: nowrap;
}

@container contacts-info-container (max-width: 490px) {
    .contacts__info__items {
        grid-template-columns: repeat(1, 1fr);
    }
}

@container contacts-info-container (max-width: 380px) {
    .contacts__info__item-values {
        flex-direction: column;
        gap: 5px;
    }
    .contacts__info__item-value {
        width: 100%;
        max-width: 100%;
    }
}



.contacts__legal-container {
    position: relative;
    margin-top: var(--Margin-80);

    container-type: inline-size;
    container-name: contacts-legal-container;
}

.contacts__legal__table-wrapper {
    position: relative;
    width: 100%;
}
.contacts__legal__table {
    position: relative;
    width: 100%;
}

.contacts__legal__table .row {
    position: relative;
    padding: var(--Padding-20) var(--Padding-30);
    display: flex;
    gap: var(--Gap-30);
    align-items: start;

    & .column:first-child {
        width: 37.038%;
    }
    & .column:nth-child(2) {
        width: 0%;
        flex-grow: 1;
    }

    &.header {
        background-color: var(--Background-secondary);
    }
    &.header .column {
        color: var(--Head-primary);
    }
    &:not(.header) {
        border-bottom: solid 1px var(--Stroke);
    }
    &:not(.header) .column:first-child {
        color: var(--Main-text-primary);
    }
    &:not(.header) .column:nth-child(2) {
        color: var(--Head-primary);
    }
}

@container contacts-legal-container (max-width: 410px) {
    .contacts__legal__table .row {
        flex-direction: column;
        gap: 5px;
    }
    .contacts__legal__table .row .column {
        width: 100% !important;
    }
}
/* ===/CONTACTS BLOCK=== */
/* End */
/* /local/components/componentsTheme/block.contacts/templates/.default/style.css?17818594544948 */