/* Общий контейнер */
.site-header {
    background: #fff;
    border-bottom: 1px solid #eee;
    padding: 10px 20px;
}

.site-header__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
}

/* Логотип */
.site-header__logo img {
    max-height: 50px;
    display: block;
}

/* Телефоны */
.site-header__phone {
    display: flex;
    align-items: center;
    gap: 8px;
}

.site-header__phone-icon {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: #d63939;
    flex-shrink: 0;
    margin-right: 5px;
}

.site-header__phone-list {
    font-size: 16px;
    font-weight: 500;
    white-space: nowrap;
}

/* Кнопки */
.site-header__actions {
    display: flex;
    gap: 12px;
    margin-left: 20px; /* отступ от телефонов */
}

/* Основная кнопка */
.site-header .btn {
    padding: 2px 12px; /* 🔴 уменьшили высоту вдвое */
    border-radius: 6px;
    border: 1px solid #d63939;
    background: linear-gradient(180deg, #d63939 0%, #c4010c 100%);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap; /* фиксируем перенос текста */
    min-height: 33px !important;
}

.site-header .btn:hover {
    background: linear-gradient(180deg, #e84545 0%, #d63939 100%);
    box-shadow: 0 2px 6px rgba(214, 57, 57, 0.3);
}

/* Обводка */
.site-header .btn-outline {
    border: 1px solid #d63939;
    background: #fff;
    color: #d63939;
}

.site-header .btn-outline:hover {
    background: #d63939;
    color: #fff;

}


/* Телефонный блок */
.site-header__phone {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Иконка */
.site-header__phone-icon {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    fill: none;
    stroke: #d63939;
}

/* Контейнер текста */
.site-header__phone-content {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

/* Верхняя строка */
.site-header__phone-title {
    font-size: 13px;
    color: #444;
    text-align: right;
}

.site-header__phone-title--red {
    color: #d63939;
    font-weight: 600;
}

/* Номер */
.site-header__phone-number {
    font-size: 30px;
    font-weight: 700;
    color: #000;
    text-decoration: none!important;
    white-space: nowrap;
}

.site-header__phone-number:hover {
    text-decoration: none!important;
    color: #000;
}


/*окно*/

.dialog-contacts {
    position: absolute;
    top: -33px;
    left: -52px;
    width: 320px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    z-index: 1000;
/*opacity: 0.5;*/
    /* состояние по умолчанию (скрыт) */
    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    /* плавность */
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.site-header__phone-list:hover .dialog-contacts {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}



    /* Телефоны */
.dialog-contacts__phones {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.dialog-contacts__phone {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.dialog-contacts__number {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    text-decoration: none;
    white-space: nowrap;
}

.dialog-contacts__label {
    font-size: 13px;
    color: #666;
    flex-grow: 1;
}

.dialog-contacts__icon {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

/* Кнопка */
.dialog-contacts__btn {
    padding: 8px 14px;
    border: none;
    border-radius: 6px;
    background: #1da1f2;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.3s ease;
}

.dialog-contacts__btn:hover {
    background: #0d8de0;
}

/* Блоки */
.dialog-contacts__block {
    display: flex;
    flex-direction: column;
    gap: 4px;
    border-top: 1px solid #eee;
    padding-top: 8px;
}

.dialog-contacts__block-title {
    font-size: 12px;
    color: #999;
}

.dialog-contacts__text {
    font-size: 14px;
    color: #333;
}

/* Соцсети */
.dialog-contacts__socials {
    display: flex;
    gap: 8px;
    border-top: 1px solid #eee;
    padding-top: 8px;
}

.dialog-contacts__social img {
    width: 28px;
    height: 28px;
}