[id^="bx_incl_area_"] {
   position: relative;
}
.burger-menu--pc-hidden .hide_pc {
   display: none;
}
@media (max-width: 1040px) {
   .burger-menu--pc-hidden .hide_pc {
      display: block;
   }
}
/*----АНИМАЦИЯ НА КНОПКАХ СО СТРЕЛКОЙ----*/
.btn-arrow-text {
margin-top: 28px;
background-color: var(--color-bg);
color: var(--color-text);
max-width: max-content;
border: none;
}


.btn-arrow-text {
font-weight: 600;
font-size: 20px;
line-height: 36px;
padding: 10px 20px 10px 76px;
background-color: var(--color-bg);
position: relative;
border-radius: 10px;
max-width: max-content;
cursor: pointer;
}


.btn-arrow-text.btn-arrow-text--dark::after {
background-color: #2C2F38;
}


.btn-arrow-text::after {
content: '';
width: 56px;
position: absolute;
left: 0;
top: 0;
bottom: 0;
border-radius: 10px;
background-color: var(--color-secondary);
background-position: center;
background-repeat: no-repeat;
background-size: 24px;
}


.btn-arrow-text a {
text-decoration: none;
color: inherit;
}
/* --- Motion-ready layout tweaks --- */
.btn-arrow-text {
overflow: hidden; /* чтобы чёрный блок не выезжал за края */
transition: padding 0.5s ease; /* плавный сдвиг текста (меняем внутренние отступы) */
}


.btn-arrow-text::after {
transition: left 0.5s ease; /* плавное перемещение чёрного блока */
}


/* Состояния триггера: hover (desktop), active (tap/press), focus-within (клавиатура/мобильный фокус) */
.btn-arrow-text:hover,
.btn-arrow-text:active,
.btn-arrow-text:focus-within {
color: black;
padding-left: 20px; /* текст смещаем левее */
padding-right: 76px; /* освобождаем место справа под блок со стрелкой */
}


.btn-arrow-text:hover::after,
.btn-arrow-text:active::after,
.btn-arrow-text:focus-within::after,
.btn-arrow-text:has(a:active)::after {
/* Перемещаем чёрный блок со стрелкой с левой стороны вправо */
left: calc(100% - 56px);
}

/*----АНИМАЦИЯ НА КНОПКАХ СО СТРЕЛКОЙ---КОНЕЦ-----*/

.footer__bottom nav ul li a, .header__menu nav ul a {
text-decoration:none;
text-transform: uppercase;
}

@media (max-width: 1250px) {
    .footer__bottom nav ul, .header__menu nav ul {
gap: 50px;
	}
}

/*----МЕНЮ-НАВЕДЕНИЕ-----*/
.footer__bottom nav ul li a, .header__menu nav ul li a {
position: relative;
display: inline-block;
text-decoration: none;
color: var(--color-text);
background: linear-gradient(90deg, var(--color-text) 0%, var(--color-text) 50%, var(--color-text-hover) 50%);
background-size: 200%;
background-position: 0%;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
transition: background-position 0.5s ease;
}


.footer__bottom nav ul li a:hover, .header__menu nav ul li a:hover,
.footer__bottom nav ul li a:focus, .header__menu nav ul li a:focus {
background-position: 100%;
}

.burger-menu nav ul li a {
position: relative;
display: inline-block;
text-decoration: none;
color: var(--color-text);
background: linear-gradient(90deg, var(--color-text) 0%, var(--color-text) 50%, var(--color-text-hover) 50%);
background-size: 200%;
background-position: 0%;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
transition: background-position 0.5s ease;
}


.burger-menu nav ul li a:hover,
.burger-menu nav ul li a:focus {
background-position: 100%;
}

/*----МЕНЮ-НАВЕДЕНИЕ---КОНЕЦ-----*/


/*----КНОПКИ-----*/
/* ==== Исходные стили кнопки (HTML менять нельзя) ==== */
.btn {



/* Для анимации */
position: relative;
overflow: hidden;
opacity: 1;
}


/* Диагональное свечение: псевдоэлемент */
.btn::before {
content: "";
position: absolute;
top: -120%;
left: -60%;
width: 60%;
height: 300%;
pointer-events: none;
background: linear-gradient(
115deg,
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 0.45) 45%,
rgba(255, 255, 255, 0.85) 50%,
rgba(255, 255, 255, 0.45) 55%,
rgba(255, 255, 255, 0) 100%
);
filter: blur(0.5px);
transform: translateX(-40%) rotate(12deg);
opacity: 0; /* по умолчанию скрыто */
}


/* Анимация прохода свечения по диагонали */
@keyframes sheen {
0% {
transform: translateX(-60%) rotate(12deg);
opacity: 0;
}
10% {
opacity: 1;
}
100% {
transform: translateX(220%) rotate(12deg);
opacity: 0;
}
}


/* Hover: один проход свечения */
.btn:hover::before,
.btn:focus-visible::before {
animation: sheen 0.9s ease;
}


/* Нажатие: повторный проход + эффект нажатия */
.btn:active {
transform: translateY(1px) scale(0.985);
box-shadow: 0 6px 14px rgba(239, 29, 28, 0.28), inset 0 2px 6px rgba(0,0,0,0.25);
}
.btn:active::before {
animation: sheen 0.6s ease; /* ещё один проход при клике */
}


/* Поддержка пользователей с ограничением анимаций */
@media (prefers-reduced-motion: reduce) {
.btn,
.btn::before { transition: none; animation: none !important; }
}
/*----КНОПКИ--КОНЕЦ---*/

.burger-menu__buttons a:hover {
    color: white;
}

.main-banner__tel:hover {
    color: #fff;
    background-color: red;
	border-color: red;
transform: scale(1.1);
 transition: 0.5s ease;
}

.main-banner__tel {
  color: inherit;
  background-color: transparent;
  border-color: currentColor;
  transform: scale(1);
  transition: all 0.5s ease; /* переход задаём здесь */
}

/*----подвальные кнопки мобверсия---*/
@media (max-width: 425px) {
	.footer__contacts>.flex>a{
		font-size: 18px;
		width: 100%;
	}
/*----подвальные кнопки мобверсия--конец-*/

/*----перенос в заголовках---*/

.desktop-break {
  display: inline;
}

@media (max-width: 768px) {
  .desktop-break {
    display: none;
  }
}
/*----перенос в заголовках--конец-*/