/* === Растягивание названия сайта === */

#header_contact {
    display: none !important;
}

#header_logo {
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    display: block !important;
    box-sizing: border-box !important;
}

#header_logo a {
    display: block !important;
    width: 100% !important;
}

#header_logo_img {
    display: block !important;
    width: 100% !important;
}

.site-header-title {
    width: 100% !important;
    text-align: center !important;
    box-sizing: border-box !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    font-size: 36px !important;
    line-height: 1.2 !important;
    color: #2c3e50 !important;
    margin-bottom: 24px !important;
}

.hdslide_contact_nomer .fa-phone,
.hdslide_contact .fa-phone {
    display: none !important;
}
/* === Всплывающая панель при скролле === */

/* Скрыта по умолчанию */
.head_slide {
    height: auto !important;
    min-height: 140px !important;
    top: 0 !important;
    transform: translateY(-100%) !important;
    transition: transform 0.5s ease !important;
    padding: 16px 20px !important;
    box-sizing: border-box !important;
}

/* Показывается при скролле */
.head_slide.hdfix-show {
    transform: translateY(0) !important;
}

/* Раскладка: слева домик+меню, справа email сверху, телефон снизу */
.hdslide_inn {
    display: grid !important;
    grid-template-columns: auto auto 1fr auto !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    gap: 6px 24px !important;
    height: 100% !important;
}

/* Домик — слева в первой строке */
.hdslide_home {
    grid-column: 1 !important;
    grid-row: 1 !important;
}

/* Меню — рядом с домиком */
.hdtopmenu {
    grid-column: 2 !important;
    grid-row: 1 !important;
}

/* Email — справа в первой строке */
.hdslide_contact_email {
    grid-column: 4 !important;
    grid-row: 1 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

/* Телефон — справа во второй строке, под email */
.hdslide_contact {
    grid-column: 4 !important;
    grid-row: 2 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

/* Чтобы иконки и текст стояли ровно */
.hdslide_contact .fa-phone,
.hdslide_contact_email .fa-envelope {
    font-size: 16px !important;
    margin: 0 !important;
}

.hdslide_contact_nomer {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}
/* Уменьшаем панель на ~20% за счёт внутренних отступов и высоты */
.head_slide {
    min-height: 110px !important;          /* было 140 → стало компактнее */
    padding: 12px 16px !important;         /* уменьшили отступы */
    box-sizing: border-box !important;
    /* Анимация выезда оставляем */
    transform: translateY(-100%) !important;
    transition: transform 0.5s ease !important;
}

.head_slide.hdfix-show {
    transform: translateY(0) !important;
}

/* Сетка: слева домик+меню, справа колонка email+телефон */
.hdslide_inn {
    display: grid !important;
    grid-template-columns: auto auto 1fr 1fr !important; /* 4 колонки для баланса */
    grid-template-rows: auto auto !important;           /* 2 строки: email, телефон */
    align-items: center !important;
    gap: 8px 16px !important;                            /* чуть плотнее, но без наездов */
    height: 100% !important;
}

/* Домик — первая колонка, первая строка */
.hdslide_home {
    grid-column: 1 !important;
    grid-row: 1 !important;
}

/* Меню — вторая колонка, первая строка (рядом с домиком) */
.hdtopmenu {
    grid-column: 2 !important;
    grid-row: 1 !important;
}

/* Email — третья колонка, первая строка */
.hdslide_contact_email {
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-self: end;                  /* прижимаем вправо внутри своей ячейки */
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

/* Телефон — четвёртая колонка, вторая строка (под email) */
.hdslide_contact {
    grid-column: 4 !important;
    grid-row: 2 !important;
    justify-self: end;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

/* Чтобы текст не переносился и не ломал сетку */
.hdslide_contact_nomer,
.hdslide_contact_email span {
    white-space: nowrap !important;     /* запрещает перенос текста */
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
/* Панель: компактная, выезжает при скролле */
.head_slide {
    min-height: 110px !important;
    padding: 12px 16px !important;
    box-sizing: border-box !important;

    /* Анимация выезда */
    transform: translateY(-100%) !important;
    transition: transform 0.5s ease !important;
}

.head_slide.hdfix-show {
    transform: translateY(0) !important;
}

/* Сетка: 2 зоны — левая (домик+меню), правая (контакты) */
.hdslide_inn {
    display: grid !important;
    /* 2 колонки: узкая под домик/меню, остальное — под контакты */
    grid-template-columns: auto 1fr !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    gap: 0 24px !important;           /* горизонтальный отступ между левой и правой частью */
    height: 100% !important;
}

/* Левая часть: домик и меню друг за другом */
.hdslide_home,
.hdtopmenu {
    grid-column: 1 !important;       /* обе в первой колонке */
    grid-row: 1 !important;          /* обе в первой строке */
    display: flex !important;
    align-items: center !important;
}

.hdslide_home + .hdtopmenu {
    margin-left: 12px !important;    /* отступ между домиком и меню */
}

/* Правая часть: 2 строки — email сверху, телефон снизу */
.hdslide_contact_email {
    grid-column: 2 !important;       /* вторая колонка */
    grid-row: 1 !important;          /* первая строка */
    justify-self: end !important;    /* прижать к правому краю */
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.hdslide_contact {
    grid-column: 2 !important;       /* вторая колонка */
    grid-row: 2 !important;          /* вторая строка */
    justify-self: end !important;    /* тоже к правому краю */
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

/* Запрет переноса текста, чтобы не ломало сетку */
.hdslide_contact_nomer,
.hdslide_contact_email span,
.hdslide_contact_email a {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
@font-face {
  font-family: 'Made Winter Inline';
  src: url('/local/templates/ваш_шаблон/fonts/MadeWinterInline-Regular.woff2') format('woff2'),
       url('/local/templates/ваш_шаблон/fonts/MadeWinterInline-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
.site-title-winter {
  font-family: 'Made Winter Inline', sans-serif;
  font-size: 56px;
  line-height: 1;
  font-weight: 400;
  color: #111;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

@media (max-width: 768px) {
  .site-title-winter {
    font-size: 36px;
    letter-spacing: 0;
  }
}