/* Start:/local/templates/telsis/styles/components/kontakty/page.css?179328531524186*/
/* ======================================================================
   СТРАНИЦА «КОНТАКТЫ» (/contacts/), ТЗ от 16.10.2026, макет «вариант А»
   Классы с префиксом contacts-. Отступы и сетка — в px, как в макете на 1440 px.
   Размеры текста — только токены шкалы типографики (styles.css, --fs-* / --lh-*, ТЗ от 19.10.2026):
   в rem, масштабируются с корневым шрифтом и на телефоне переключаются на мобильные значения.
   Контейнер и заголовок — общие классы сайта (.container, .title).
   ====================================================================== */

.contacts-page {
    --c-dark: #101828;
    --c-orange: #FF7F1F;
    --c-orange-hover: #FF6900;
    --c-line: #D0D5DD;
    --c-line-soft: #EAECF0;
    --c-muted: #667085;
    --c-tint: #FFF7F0;
    margin-top: var(--crumbs-gap);
    padding-bottom: 6rem;
    color: var(--c-dark);
    font-family: Inter, system-ui, sans-serif;
}

.contacts-page *,
.contacts-page *::before,
.contacts-page *::after {
    box-sizing: border-box;
}

.contacts-page a {
    color: inherit;
    text-decoration: none;
}

.contacts-page__title {
    margin-bottom: var(--h1-gap);
}

.contacts-nowrap {
    white-space: nowrap;
}

/* ---------- кнопки ---------- */

/* кнопка M (styles.css, --btn-m-*): 48 вместе с рамкой, отступы 12 / 24 */
.contacts-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    gap: var(--btn-icon-gap);
    min-height: var(--btn-m-h);
    padding: 0 var(--btn-m-px);
    border: 1px solid transparent;
    border-radius: 0;
    font-family: inherit;
    font-size: var(--fs-button);
    line-height: var(--lh-button);
    font-weight: 600;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}

.contacts-btn svg {
    flex: none;
    width: 1rem;
    height: 1rem;
}

.contacts-page .contacts-btn--primary {
    background: var(--c-orange);
    color: #FFFFFF;
}

.contacts-page .contacts-btn--primary:hover {
    background: var(--c-orange-hover);
}

/* вторичная на светлом фоне — светло-оранжевая, как вторая кнопка в шапке (.header__cta) */
.contacts-page .contacts-btn--outline {
    background: var(--color-secondary);
    color: var(--color-secondary-text);
}

.contacts-page .contacts-btn--outline:hover {
    background: var(--color-secondary-hover);
    color: var(--color-secondary-text-hover);
}

.contacts-page .contacts-btn--outline:active {
    background: var(--color-secondary-active);
}

/* ---------- 2.2. Сетка контактов ---------- */

/* отступы блоков — токены styles.css (ТЗ «Единая стилистика блоков», 20.10.2026):
   секции --section-gap, заголовок → контент --title-gap, карточки --card-pad, сетки --grid-gap */
.contacts-grid {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-auto-rows: minmax(7.5rem, auto);
    gap: var(--grid-gap);
}

.contacts-tile {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1rem;
    min-width: 0;
    padding: var(--card-pad);
    background: #FFFFFF;
    color: var(--c-dark);
}

.contacts-tile--link {
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.contacts-tile--link:hover {
    transform: translateY(-0.25rem);
    box-shadow: 0 12px 24px rgba(16, 24, 40, 0.08);
}

.contacts-tile--phone { grid-column: 1 / span 7; grid-row: 1 / span 2; }
.contacts-tile--email { grid-column: 8 / span 5; grid-row: 1; }
.contacts-tile--hours { grid-column: 8 / span 5; grid-row: 2; }
.contacts-tile--map { grid-column: 1 / span 8; grid-row: 3 / span 3; }
.contacts-tile--address { grid-column: 9 / span 4; grid-row: 3 / span 2; }
.contacts-tile--vk { grid-column: 9 / span 4; grid-row: 5; }

.contacts-tile__label {
    font-size: var(--fs-small);
    line-height: var(--lh-small);
    color: var(--c-muted);
}

.contacts-tile__row {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
}

.contacts-tile__value {
    min-width: 0;
    font-size: var(--fs-h3);
    line-height: var(--lh-h3);
    font-weight: 600;
    overflow-wrap: anywhere;
}

.contacts-tile__aside {
    flex: none;
    font-size: var(--fs-small);
    line-height: var(--lh-small);
    color: var(--c-muted);
    padding-bottom: 0.375rem;
}

/* телефон: тёмная плитка с фирменным узором (.bg-pattern-dark, styles/components/global/bg-pattern.css);
   лучи — у правого края, на высоту плитки: номер и подпись слева остаются на чистом фоне */
.contacts-page .contacts-tile--phone {
    --bg-pattern-position: right top;
    --bg-pattern-size: auto 100%;
    color: #FFFFFF;
}

.contacts-tile--phone .contacts-tile__label {
    color: #98A2B3;
}

.contacts-tile__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.contacts-tile__body {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.contacts-tile__phone {
    font-size: var(--fs-h1);
    line-height: var(--lh-h1);
    font-weight: 600;
    letter-spacing: -0.02em;
    white-space: nowrap;
}

.contacts-tile__note {
    font-size: var(--fs-body);
    line-height: var(--lh-body);
    color: #D0D5DD;
}

/* e-mail: оранжевая плитка */
.contacts-page .contacts-tile--email {
    background: var(--c-orange);
    color: #FFFFFF;
}

.contacts-tile--email .contacts-tile__label {
    color: rgba(255, 255, 255, 0.85);
}

.contacts-tile__arrow {
    display: flex;
    flex: none;
    padding-bottom: 0.5rem;
}

.contacts-tile__arrow svg {
    width: 1.5rem;
    height: 1.5rem;
}

/* карта */
.contacts-tile--map {
    position: relative;
    min-height: 27.5rem;
    padding: 0;
    overflow: hidden;
    background: #E9EBEF;
}

.contacts-map {
    position: absolute;
    inset: 0;
}

.contacts-map__fallback {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    font-size: var(--fs-body);
    line-height: var(--lh-body);
    text-align: center;
    color: var(--c-muted);
}

.contacts-map.is-ready .contacts-map__fallback {
    display: none;
}

/* без ключа JS API — виджет-iframe (kontakty/view.php): неподвижная карта, наша метка по центру, клик — Яндекс.Карты */
.contacts-map--widget {
    display: block;
}

.contacts-map__frame {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    pointer-events: none;
    filter: grayscale(1) brightness(1.04) contrast(0.92); /* та же «светлая схема», что у карты JS API */
}

.contacts-map__pin {
    position: absolute;
    left: 50%;
    top: 50%;
    pointer-events: none;
}

/* «светлая схема»: подложка карты без цвета, метка офиса — единственное яркое пятно */
.contacts-map [class*="ground-pane"] {
    filter: grayscale(1) brightness(1.04) contrast(0.92);
}

/* без «Как добраться», «Доехать на такси», «Создать свою карту»; копирайт и условия Яндекса остаются */
.contacts-map [class*="copyrights-promo"],
.contacts-map [class*="gototaxi"],
.contacts-map [class*="gotoymaps"] {
    display: none !important;
}

.contacts-pin {
    position: relative;
    width: 0;
    height: 0;
}

.contacts-pin__dot {
    position: absolute;
    left: -0.5625rem;
    top: -0.5625rem;
    width: 1.125rem;
    height: 1.125rem;
    border: 3px solid #FFFFFF;
    border-radius: 50%;
    background: #FF7F1F;
    box-shadow: 0 2px 6px rgba(16, 24, 40, 0.35);
}

.contacts-pin__pulse {
    position: absolute;
    left: -1.5rem;
    top: -1.5rem;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background: rgba(255, 127, 31, 0.35);
    animation: contacts-pulse 2s ease-out infinite;
}

.contacts-pin__label {
    position: absolute;
    left: 1rem;
    top: -0.875rem;
    padding: 0.25rem 0.5rem;
    background: #101828;
    color: #FFFFFF;
    font-family: var(--font-family); /* внутри карты — шрифт Яндекса, наследовать нельзя */
    font-size: var(--fs-small);
    line-height: var(--lh-small);
    font-weight: 600;
    letter-spacing: 0.04em;
    white-space: nowrap;
}

@keyframes contacts-pulse {
    0% { transform: scale(0.4); opacity: 1; }
    100% { transform: scale(1.6); opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
    .contacts-pin__pulse { animation: none; opacity: 0.5; }
    .contacts-tile--link { transition: none; }
}

/* адрес */
.contacts-tile__address {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.contacts-tile__street {
    font-size: var(--fs-h3);
    line-height: var(--lh-h3);
    font-weight: 600;
    overflow-wrap: anywhere;
}

.contacts-tile__address-rest {
    font-size: var(--fs-body);
    line-height: var(--lh-body);
    color: var(--c-muted);
}

.contacts-tile__buttons {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-top: auto;
}

.contacts-tile__buttons .contacts-btn {
    width: 100%;
}

/* ВКонтакте */
.contacts-page .contacts-tile--vk {
    flex-direction: row;
    align-items: center;
}

.contacts-tile__vk-text {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
}

.contacts-tile__vk-logo {
    display: flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 3.5rem;
    height: 3.5rem;
    background: var(--c-dark);
    color: #FFFFFF;
}

/* ---------- общие секции ---------- */

.contacts-section {
    margin-top: var(--section-gap);
}

.contacts-section__head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.5rem;
    margin-bottom: var(--title-gap);
}

.contacts-section__hint {
    max-width: 22.5rem;
    font-size: var(--fs-body);
    line-height: var(--lh-body);
    color: var(--c-muted);
    text-align: right;
}

/* ---------- 2.3. По какому вопросу? ---------- */

.contacts-topics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--grid-gap-joined);
    border: 1px solid var(--c-line);
    background: var(--c-line);
}

.contacts-page .contacts-topic {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 0.5rem;
    min-height: 13.75rem;
    width: 100%;
    padding: var(--card-pad);
    border: 0;
    border-radius: 0;
    background: #FFFFFF;
    color: var(--c-dark);
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: background-color 0.25s;
}

.contacts-page .contacts-topic:hover {
    background: var(--c-tint);
}

.contacts-topic__arrow {
    position: absolute;
    top: var(--card-pad);
    right: var(--card-pad);
    display: flex;
    color: var(--c-dark);
    transition: color 0.25s;
}

.contacts-topic:hover .contacts-topic__arrow {
    color: var(--c-orange);
}

.contacts-topic__title {
    padding-right: 2rem;
    font-size: var(--fs-card-sm);
    line-height: var(--lh-card-sm);
    font-weight: 600;
}

.contacts-topic__desc {
    font-size: var(--fs-body);
    line-height: var(--lh-body);
    color: var(--c-muted);
}

/* ---------- 2.4. Напишите нам ---------- */

.contacts-write {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
    background: #FFFFFF;
    scroll-margin-top: 7.5rem;
}

.contacts-write__panel {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: var(--panel-pad);
    color: #FFFFFF;
    /* фон — фирменный узор (.bg-pattern-dark); лучи — внизу справа, под заголовком, текстом и контактами чистый фон */
    --bg-pattern-position: right bottom;
    --bg-pattern-size: 100% auto;
}

.contacts-write__title {
    font-size: var(--fs-h2);
    line-height: var(--lh-h2);
    font-weight: 600;
}

.contacts-write__text {
    font-size: var(--fs-body);
    line-height: var(--lh-body);
    color: #D0D5DD;
}

.contacts-write__contacts {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin: 0.5rem 0 0;
    padding: 0;
    list-style: none;
}

.contacts-write__contacts li {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

.contacts-write__contacts li::before {
    content: "";
    flex: none;
    width: 0.5rem;
    height: 0.5rem;
    background: var(--c-orange);
}

.contacts-write__contacts a {
    display: inline-flex;
    align-items: center;
    min-height: 2.75rem;
    min-width: 0;
    font-size: var(--fs-lead);
    line-height: var(--lh-lead);
    font-weight: 600;
    overflow-wrap: anywhere;
}

.contacts-page .contacts-write__contacts a:hover {
    color: var(--c-orange);
}

.contacts-write__body {
    padding: var(--panel-pad);
}

.contacts-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem 1.5rem;
}

.contacts-form__field {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-width: 0;
}

.contacts-form__field--wide,
.contacts-form__footer {
    grid-column: 1 / -1;
}

.contacts-form__label {
    font-size: var(--fs-small);
    line-height: var(--lh-small);
    font-weight: 500;
    color: #344054;
}

.contacts-form__input {
    width: 100%;
    min-height: 3rem;
    padding: 0.75rem 0.875rem;
    border: 1px solid var(--c-line);
    border-radius: 0;
    background: #FFFFFF;
    font-family: inherit;
    font-size: var(--fs-body);
    line-height: var(--lh-body);
    color: var(--c-dark);
    transition: border-color 0.15s;
}

.contacts-form__input::placeholder {
    color: #98A2B3;
}

.contacts-form__input:focus {
    outline: none;
    border-color: var(--c-orange);
}

.contacts-form__input.is-invalid {
    border-color: #E7000B;
}

.contacts-form__textarea {
    min-height: 7.5rem;
    resize: vertical;
}

.contacts-form__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
}

.contacts-form__policy .ui-checkbox__text {
    font-size: var(--fs-small);
    line-height: var(--lh-small);
}

.contacts-form__submit {
    flex: none;
    min-width: 13.75rem;
}

.contacts-form__submit:disabled {
    opacity: 0.6;
    cursor: default;
}

.contacts-form__status {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.contacts-form__status[hidden] {
    display: none;
}

.contacts-form__status-title {
    font-size: var(--fs-card);
    line-height: var(--lh-card);
    font-weight: 600;
}

.contacts-form__status-text {
    font-size: var(--fs-body);
    line-height: var(--lh-body);
    color: var(--c-muted);
}

/* ---------- 2.5. Реквизиты ---------- */

.contacts-req {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    gap: var(--grid-gap);
}

.contacts-req--no-file {
    grid-template-columns: minmax(0, 1fr);
}

.contacts-req__card {
    min-width: 0;
    padding: var(--card-pad);
    background: #FFFFFF;
}

.contacts-req__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.contacts-req__org {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
}

.contacts-req__label {
    font-size: var(--fs-small);
    line-height: var(--lh-small);
    color: var(--c-muted);
}

.contacts-req__name {
    font-size: var(--fs-card);
    line-height: var(--lh-card);
    font-weight: 600;
}

.contacts-page .contacts-req__copy {
    flex: none;
    min-width: 14.375rem;
}

.contacts-page .contacts-req__copy.is-copied {
    background: var(--c-dark);
    border-color: var(--c-dark);
    color: #FFFFFF;
}

.contacts-req__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0;
    border-top: 1px solid var(--c-line-soft);
    border-left: 1px solid var(--c-line-soft);
}

.contacts-req__cell {
    min-width: 0;
    padding: 1rem 1.25rem;
    border-right: 1px solid var(--c-line-soft);
    border-bottom: 1px solid var(--c-line-soft);
}

.contacts-req__cell--wide {
    grid-column: 1 / -1;
}

.contacts-req__cell dt {
    font-size: var(--fs-small);
    line-height: var(--lh-small);
    color: var(--c-muted);
}

.contacts-req__cell dd {
    margin: 0.25rem 0 0;
    font-size: var(--fs-lead);
    line-height: var(--lh-lead);
    font-weight: 600;
    overflow-wrap: anywhere;
}

.contacts-req__cell--wide dd {
    font-size: var(--fs-body);
    line-height: var(--lh-body);
    font-weight: 500;
}

/* скачать карточку предприятия (есть файл): светлая, как карточка реквизитов слева; фирменный узор — только
   на карточке телефона и панели «Напишите нам» */
.contacts-page .contacts-req__file {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 0;
    padding: var(--card-pad);
    background: #FFFFFF;
    color: var(--c-dark);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.contacts-page .contacts-req__file:hover {
    transform: translateY(-0.25rem);
    box-shadow: 0 12px 24px rgba(16, 24, 40, 0.08);
}

.contacts-req__file-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.contacts-req__file-icon {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 2.75rem;
    height: 3.5rem;
    padding-bottom: 0.5rem;
    border: 2px solid var(--c-dark);
}

.contacts-req__file-icon span {
    font-size: 0.6875rem;
    line-height: 0.875rem;
    font-weight: 600;
    color: var(--c-orange);
}

.contacts-req__file-size {
    font-size: var(--fs-small);
    line-height: var(--lh-small);
    color: var(--c-muted);
}

.contacts-req__file-title {
    font-size: var(--fs-card);
    line-height: var(--lh-card);
    font-weight: 600;
}

.contacts-req__file-text {
    font-size: var(--fs-body);
    line-height: var(--lh-body);
    color: var(--c-muted);
}

.contacts-req__file-btn {
    margin-top: auto;
    width: 100%;
}

/* ======================================================================
   АДАПТИВ
   ====================================================================== */

@media (max-width: 1024px) {
    .contacts-tile--phone { grid-column: 1 / -1; grid-row: auto; }
    .contacts-tile--email { grid-column: 1 / span 6; grid-row: auto; }
    .contacts-tile--hours { grid-column: 7 / span 6; grid-row: auto; }
    .contacts-tile--map { grid-column: 1 / -1; grid-row: auto; min-height: 25rem; }
    .contacts-tile--address { grid-column: 1 / span 6; grid-row: auto; }
    .contacts-tile--vk { grid-column: 7 / span 6; grid-row: auto; }

    .contacts-topics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .contacts-page .contacts-topic { min-height: 11.25rem; }

    .contacts-write { grid-template-columns: minmax(0, 1fr); }
    /* панель во всю ширину: текст тянется вправо — узор меньше, в правом нижнем углу справа от контактов */
    .contacts-write__panel { --bg-pattern-size: auto 50%; }

    .contacts-req { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 768px) {
    .contacts-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .contacts-tile--phone,
    .contacts-tile--email,
    .contacts-tile--map,
    .contacts-tile--address { grid-column: 1 / -1; }
    .contacts-tile--hours { grid-column: 1; }
    .contacts-tile--vk { grid-column: 2; }

    /* порядок: телефон → e-mail → режим и VK в ряд → карта → адрес */
    .contacts-tile--phone { order: 1; }
    .contacts-tile--email { order: 2; }
    .contacts-tile--hours { order: 3; }
    .contacts-tile--vk { order: 4; }
    .contacts-tile--map { order: 5; }
    .contacts-tile--address { order: 6; }

    .contacts-tile--hours .contacts-tile__row { flex-direction: column; align-items: flex-start; gap: 0.25rem; }
    .contacts-tile__aside { padding-bottom: 0; }
    .contacts-tile--map { min-height: 22.5rem; }

    .contacts-section__head { flex-direction: column; align-items: flex-start; gap: 0.75rem; }
    .contacts-section__hint { text-align: left; }
}

@media (max-width: 480px) {
    .contacts-page { padding-bottom: 4rem; }

    .contacts-grid { grid-auto-rows: minmax(6.25rem, auto); }
    .contacts-tile { gap: 0.75rem; }
    .contacts-page .contacts-tile--vk { flex-direction: column; align-items: flex-start; justify-content: space-between; }
    .contacts-tile__vk-logo { width: 2.75rem; height: 2.75rem; }
    .contacts-tile--map { min-height: 15rem; }
    /* узкая плитка: номер почти во всю ширину — узор ниже, лучи над номером справа */
    .contacts-page .contacts-tile--phone { --bg-pattern-size: auto 75%; }
    .contacts-write__panel { --bg-pattern-size: auto 40%; }
    .contacts-btn--open-map { display: none; }

    .contacts-page .contacts-topic { min-height: 7.5rem; }
    .contacts-topic__title { padding-right: 1.5rem; }
    .contacts-topic__desc { display: none; }

    .contacts-form { grid-template-columns: minmax(0, 1fr); gap: 1rem; }
    .contacts-form__footer { flex-direction: column; align-items: stretch; gap: 1rem; }
    .contacts-form__submit { width: 100%; min-width: 0; }

    .contacts-req__card { display: flex; flex-direction: column; }
    .contacts-req__head { margin-bottom: 1rem; }
    /* кнопка копирования — под реквизитами и карточкой скачивания */
    .contacts-req__head .contacts-req__copy { display: none; }
    .contacts-req__copy--mobile { display: flex; }
    /* ИНН, КПП, ОГРН — в столбик, по ячейке на строку: в три колонки номера не помещались в ячейки;
       номер целиком в одну строку, юридический адрес переносится по словам */
    .contacts-req__grid { grid-template-columns: minmax(0, 1fr); }
    .contacts-req__cell { padding: 0.75rem 1rem; }
    .contacts-req__cell dd { font-variant-numeric: tabular-nums; white-space: nowrap; }
    .contacts-req__cell--wide dd { white-space: normal; overflow-wrap: break-word; }
}

@media (min-width: 481px) {
    .contacts-req__copy--mobile { display: none; }
}

/* якорь #rekvizity (сюда ведёт старый адрес /company/requisites/): не прятать заголовок под шапкой */
.contacts-section--anchor {
    scroll-margin-top: 7.5rem;
}

/* ======================================================================
   ТИПОГРАФИКА НА ТЕЛЕФОНЕ
   Размеры текста — токены шкалы (styles.css, --fs-* / --lh-*): на телефоне они сами переключаются
   на значения мобильного макета и масштабируются с корневым шрифтом. Здесь — только места,
   где мобильное значение токена не помещается в узкую плитку.
   ====================================================================== */

@media (max-width: 480px) {
    /* «+7 (495) 414-13-43» одной строкой */
    .contacts-tile__phone { font-size: var(--fs-h3); line-height: var(--lh-h3); }
}

/* End */
/* /local/templates/telsis/styles/components/kontakty/page.css?179328531524186 */