.like-contacts {
    --contacts-bg: var(--like-page-bg, #fefefe);
    --contacts-surface: var(--like-surface-raised, #ffffff);
    --contacts-text: var(--like-text-primary, #2b2a29);
    --contacts-muted: var(--like-text-muted, #6f6d69);
    --contacts-line: var(--like-border-default, #ddd8d2);
    --contacts-accent: var(--like-accent, #ef7f1a);
    --contacts-accent-soft: var(--like-accent-soft, rgba(239, 127, 26, .12));
    --contacts-shadow: var(--like-shadow-sm, 0 8px 24px rgba(43, 42, 41, .07));
    min-height: min(680px, calc(100vh - var(--like-header-spacer-height, 82px)));
    display: flex;
    align-items: center;
    padding: clamp(34px, 5vh, 58px) var(--like-page-gutter, 24px);
    color: var(--contacts-text);
    background: var(--contacts-bg);
    font-family: var(--like-font-body, "Onest", "Segoe UI", sans-serif);
}

.like-contacts .like-contacts__shell {
    width: min(1120px, 100%);
    margin: auto;
}

.like-contacts.like-contacts--with-inquiry {
    min-height: 0;
    align-items: flex-start;
    padding-bottom: 0;
}

.like-contacts__inquiry {
    --like-container-max: 1120px;
}

.like-contacts__inquiry .like-home-inquiry {
    padding-top: 16px;
}

.like-contacts__inquiry .like-home-inquiry__submit {
    min-width: 214px;
    flex-shrink: 0;
    white-space: nowrap;
}

.like-contacts h1 {
    margin: 0 0 30px;
    color: var(--contacts-text);
    font-family: var(--like-font-heading, "Onest", "Segoe UI", Arial, sans-serif);
    font-size: var(--like-section-hero-title-size);
    line-height: .98;
    font-weight: 700;
    letter-spacing: -.055em;
    text-transform: none;
}

.like-contacts .like-contacts__grid {
    display: grid;
    grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
    gap: 16px;
}

.like-contacts .like-contacts__section {
    min-width: 0;
    padding: 30px;
    border: 1px solid var(--contacts-line);
    border-radius: 24px;
    background: var(--contacts-surface);
    box-shadow: var(--contacts-shadow);
}

.like-contacts .like-contacts__section h2 {
    margin: 0 0 24px;
    color: var(--contacts-muted);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: .02em;
    text-transform: none;
}

.like-contacts .like-contacts__phone {
    display: flex;
    flex-direction: column;
    border-color: transparent;
    color: var(--like-text-inverse, #fefefe);
    background: var(--contacts-text);
}

.like-contacts .like-contacts__phone h2,
.like-contacts .like-contacts__phone-link span {
    color: rgba(255, 255, 255, .62);
}

.like-contacts .like-contacts__phone-link {
    margin-top: auto;
}

.like-contacts .like-contacts__phone-link span,
.like-contacts .like-contacts__phone-link strong {
    display: block;
}

.like-contacts .like-contacts__phone-link span {
    margin-bottom: 10px;
    font-size: 12px;
}

.like-contacts .like-contacts__phone-link strong {
    font-size: clamp(26px, 3vw, 38px);
    line-height: 1.1;
    letter-spacing: -.045em;
    white-space: nowrap;
}

.like-contacts .like-contacts__contact-list {
    display: grid;
}

.like-contacts .like-contacts__contact-list a {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    padding: 14px 0;
    border-bottom: 1px solid var(--contacts-line);
    font-size: 15px;
    line-height: 1.45;
}

.like-contacts .like-contacts__contact-list a:first-child {
    padding-top: 0;
}

.like-contacts .like-contacts__contact-list a:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.like-contacts .like-contacts__contact-list span {
    color: var(--contacts-muted);
}

.like-contacts .like-contacts__contact-list strong {
    overflow-wrap: anywhere;
    text-align: right;
}

.like-contacts .like-contacts__office-list,
.like-contacts .like-contacts__hours-list {
    display: grid;
}

.like-contacts .like-contacts__office-list p,
.like-contacts .like-contacts__hours-list p {
    margin: 0;
    padding: 15px 0;
    border-bottom: 1px solid var(--contacts-line);
    font-size: 15px;
    line-height: 1.6;
}

.like-contacts .like-contacts__office-list p:first-child,
.like-contacts .like-contacts__hours-list p:first-child {
    padding-top: 0;
}

.like-contacts .like-contacts__office-list p:last-child,
.like-contacts .like-contacts__hours-list p:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.like-contacts .like-contacts__hours-list p {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    color: var(--contacts-muted);
}

.like-contacts .like-contacts__hours-list strong {
    color: var(--contacts-text);
    text-align: right;
}

.like-contacts .like-contacts__always-open {
    margin: 24px 0 0;
    padding: 15px 17px;
    border-radius: 14px;
    color: var(--contacts-accent);
    background: var(--contacts-accent-soft);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.5;
}

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

.like-contacts a:focus-visible {
    border-radius: 5px;
    outline: 3px solid var(--like-focus-ring, rgba(239, 127, 26, .36));
    outline-offset: 4px;
}

html[data-like-theme="dark"] .like-contacts .like-contacts__phone {
    border-color: var(--contacts-line);
    color: #24211e;
    background: #f3eee8;
}

html[data-like-theme="dark"] .like-contacts .like-contacts__phone h2,
html[data-like-theme="dark"] .like-contacts .like-contacts__phone-link span {
    color: rgba(36, 33, 30, .62);
}

@media (hover: hover) {
    .like-contacts .like-contacts__contact-list a,
    .like-contacts .like-contacts__phone-link {
        transition: opacity .16s ease;
    }

    .like-contacts .like-contacts__contact-list a:hover,
    .like-contacts .like-contacts__phone-link:hover {
        opacity: .68;
    }
}

@media (max-width: 760px) {
    .like-contacts {
        min-height: 0;
        align-items: flex-start;
        padding: 34px 16px;
    }

    .like-contacts h1 {
        margin-bottom: 24px;
    }

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

    .like-contacts .like-contacts__section {
        padding: 24px;
        border-radius: 20px;
    }
}

@media (max-width: 460px) {
    .like-contacts .like-contacts__contact-list a,
    .like-contacts .like-contacts__hours-list p {
        display: grid;
        gap: 5px;
    }

    .like-contacts .like-contacts__contact-list strong,
    .like-contacts .like-contacts__hours-list strong {
        text-align: left;
    }

    .like-contacts .like-contacts__phone-link strong {
        font-size: clamp(24px, 8vw, 31px);
    }
}