.location__title.title {
    margin: 0;
}

.location__subtitle {
    margin-top: 3px;
    margin-bottom: 15px;
}

.location-block {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    padding: 15px;
    background: var(--svetlo-seryy);
}

.location-block_adress {
    grid-area: 1 / 1 / 2 / 3;
    font-weight: 700;
    font-size: clamp(14px, 12.86px + 0.36vw, 20px);
    line-height: 125%;
    color: var(--chernyy);
}

.location-block__opening {
    grid-area: 2 / 1 / 4 / 2;
}

.location-block__title {
    font-weight: 500;
    font-size: clamp(14px, 12.86px + 0.36vw, 18px);
    line-height: 140%;
    color: var(--seryy);
    margin-bottom: 3px;
}

.location__subtitle {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: clamp(15px, 13.286px + 0.536vw, 18px);
    line-height: 140%;
    color: var(--chernyy);
}

.location-block__info {
    font-weight: 500;
    font-size: clamp(14px, 12.86px + 0.36vw, 18px);
    line-height: 140%;
    color: var(--chernyy);
}

.location-block__links {
    display: flex;
    gap: 10px;
}

.location-block__link {
    max-width: 28px;
}

.location-block__icon {
    max-width: 21px;
}

/* phone numbers are links: keep the text colour (no default blue) */
.location-block__info a {
    color: inherit;
}

@media (min-width: 768px) {
    .location__subtitle {
        margin-top: 5px;
        margin-bottom: 20px;
    }

    .location-block {
        display: flex;
        flex-direction: column;
        flex: 1;
    }
    .location-block:last-child {
        display: flex;
    }

    /* Figma "Контакты": icon row sits at the bottom of every card */
    .location-block__links {
        margin-top: auto;
    }

    .location__wrapper {
        display: flex;
        background: var(--belyy);
        padding: 15px;
        gap: 15px;
    }
    .location-block__title {
        margin-bottom: 5px;
    }

    .location-block__subtitle {
    }
}

@media (min-width: 1600px) {
    .location-block {
        
        gap: 15px;
        
        padding: 20px;
    }

    .location-block__links {
        gap: 15px;
    }

    .location-block__link {
        max-width: 40px;
    }

    .location__wrapper .location-block__icon {
        max-width: 30px;
    }

    .location__wrapper {
        padding: 20px;
        gap: 20px;
    }

    .location__subtitle {
    }
}