/* ФОН ДЛЯ .uc-shirina */
.uc-shirina {
  position: relative;
  background-image: url('https://static.tildacdn.com/tild3234-3161-4331-b264-656530323666/34217b3e6be395bbcc0d.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed; /* Можно заменить на fixed для параллакса */
}

.uc-shirina::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0, 0, 0, 0.2); /* степень затемнения */
  z-index: 0;
}

/* ФОН ДЛЯ .uc-practica */
.uc-practica {
  position: relative;
  background-image: url('https://static.tildacdn.com/tild3463-3833-4561-a439-336163366361/b059be72b34636f24756.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

.uc-practica > * {
  position: relative;
  z-index: 1; /* Контент поверх затемнения */
}

/* ===== Шапка: большая кнопка "Задать вопрос" ===== */
@media (min-width:640px){
  :root{
    --header-h: 84px;   /* высота шапки, подстрой при необходимости */
  }

  /* Центруем правый блок по вертикали */
  .t228 .t228__rightside,
  .t228 .t228__rightcontainer{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    height:var(--header-h) !important;
  }

  /* Универсально: стилизуем кнопку внутри блока ME301 */
  #rec1134549016 .t-btn{
    font-size: 28px !important;          /* размер текста (как меню) */
    height: calc(var(--header-h) - 12px) !important; /* почти как вся шапка */
    padding: 0 28px !important;          /* горизонтальные поля */
    line-height: 1.2 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    border: 3px solid #ffc868 !important;
    border-radius: 4px !important;
    background: transparent !important;
    color: #000 !important;

    white-space: nowrap !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
  }

  /* При наведении */
  #rec1134549016 .t-btn:hover{
    background: #ffc868 !important;
    color: #000 !important;
    box-shadow: 0 0 10px rgba(255,200,104,.6) !important;
  }
}

/* Убираем навязанный класс t-btn_sm (он уменьшает размеры) */
document.addEventListener('DOMContentLoaded', function(){
  var b=document.querySelector('#rec1134549016 .t-btn');
  if(b && b.classList.contains('t-btn_sm')) b.classList.remove('t-btn_sm');
});