/* Единое поведение шапки на всех ширинах:
   меню лежит в потоке сразу под первой секцией,
   а доехав до верхнего края экрана — прилипает. */
#rec1690182683{
  position: sticky;
  top: 0;
  z-index: 990;
  overflow-anchor:none;
}

/* Десктопное меню Тильды по умолчанию fixed + появляется после 500px
   (appearoffset). Превращаем его в обычный блок в потоке. */
#rec1690182683 .t-menu-base{
  position: static !important;
  height: auto !important;
  overflow: visible !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}
#rec1690182683 .tmenu-mobile{ visibility: visible !important; }

/* Тень: слабая в потоке, заметнее в прилипшем состоянии */
#rec1690182683 .t-menu-base,
#rec1690182683 .tmenu-mobile{
  box-shadow: 0 1px 6px rgba(0,0,0,.10);
  transition: box-shadow .2s ease;
}
#rec1690182683.pl-stuck .t-menu-base,
#rec1690182683.pl-stuck .tmenu-mobile{
  box-shadow: 0 2px 8px rgba(0,0,0,.18);
}

/* ===== Выбор средства связи: табы, приклеенные к полю ввода ===== */
.t-contact-method__container{ gap:0 !important; }
.t-contact-method__types-container{
  display:flex !important;
  gap:0 !important;
  box-sizing:border-box !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent;
  border:1px solid rgba(127,127,127,.55);
  border-bottom:0;
  border-radius:8px 8px 0 0;
  overflow:hidden;
}
.t-contact-method__type{
  flex:1 1 0 !important;
  margin:0 !important;
  border:0 !important;
  border-left:1px solid rgba(127,127,127,.55) !important;
  border-radius:0 !important;
  background:#e6e6e6 !important;
}
.t-contact-method__type:first-child{ border-left:0 !important; }
.t-contact-method__type-label{
  justify-content:center !important;
  padding:9px 6px !important;
  gap:6px !important;
}
.t-contact-method__title{ font-size:14px !important; color:#000000 !important; }
.t-contact-method__value-container .t-input-block{ padding:0 !important; }
.t-contact-method__type.pl-active{
  background:#ffffff !important;
  color:#000000 !important;
}
.t-input-block:has(.t-contact-method__types-container){
  margin:0 !important;
  padding:0 !important;
}
.t-contact-method__container .t-input{
  box-sizing:border-box !important;
  width:100% !important;
  max-width:100% !important;
  border-top:0 !important;
  border-radius:0 0 8px 8px !important;
}
.t-contact-method__container .t-input-block{
  width:100% !important;
  max-width:100% !important;
}

@media screen and (max-width:960px){
  #rec1690182683 .tmenu-mobile{
    padding-top: env(safe-area-inset-top, 0px);
  }
}

/* Мобильные изображения в трёх блоках t823: экспорт оставил им десктопную
   высоту 700px. Ограничиваем шириной экрана и сохраняем пропорции файлов. */
@media screen and (max-width:640px){
  #rec1695592603 .t823__col_img,
  #rec1695592603 .t823__imgblock,
  #rec1715647573 .t823__col_img,
  #rec1715647573 .t823__imgblock,
  #rec1697908033 .t823__col_img,
  #rec1697908033 .t823__imgblock{
    height:auto !important;
  }

  #rec1695592603 .t823__imgwrapper{
    height:auto !important;
    aspect-ratio:1 / 1;
  }
  #rec1715647573 .t823__imgwrapper{
    height:auto !important;
    aspect-ratio:1392 / 768;
  }
  #rec1697908033 .t823__imgwrapper{
    height:auto !important;
    aspect-ratio:1376 / 768;
  }

  #rec1695592603 .t823__bgimg,
  #rec1715647573 .t823__bgimg,
  #rec1697908033 .t823__bgimg{
    width:100% !important;
    height:100% !important;
    background-size:cover !important;
    background-position:center center !important;
  }
}

/* Узкие десктопные ширины (примерно 961–1260px): меню не влезает в один
   ряд — текст кнопок становится двухстрочным (ограничиваем ширину надписи),
   отступы кнопок не трогаем. */
@media screen and (min-width:961px) and (max-width:1260px){
  #rec1690182683 .t-menu-base__button .t-btnflex{
    padding-left:10px !important;
    padding-right:10px !important;
    height:auto !important;
    min-height:45px;
  }
  #rec1690182683 .t-btnflex__text{
    white-space:normal !important;
    line-height:1.15 !important;
    max-width:102px !important;
    text-align:left !important;
  }
  /* Компактность строки: телефон→соцсети, соцсети→кнопки, логотип→правая часть */
  #rec1690182683 .t-menu-base__additionalwrapper{ gap:12px !important; }
  #rec1690182683 .t-menu-base__rightwrapper{ gap:12px !important; }
  #rec1690182683 .t-menu-base__maincontainer{ column-gap:10px !important; padding-left:15px !important; padding-right:15px !important; }
  #rec1690182683 .t-menu-base__right_descr a{ font-size:15px !important; }
  #rec1690182683 .t-menu-base__right_descr p{ font-size:13px !important; }
}

/* Галереи-слайдеры без тильда-JS: показываем все фото столбиком */
.t-slds__items{ display:block !important; width:100% !important; transform:none !important; }
.t-slds__item{ display:block !important; float:none !important; width:100% !important; opacity:1 !important; }
.t-slds__arrow_container,
.t-slds__bullet_wrapper{ display:none !important; }

/* Слайдер количества: линия трека (раньше рисовал тильда-JS) */
.t-range::-webkit-slider-runnable-track{
  background: linear-gradient(to right, #ffffff var(--pl-fill,0%), rgba(255,255,255,.3) var(--pl-fill,0%));
}
.t-range::-moz-range-track{ background: rgba(255,255,255,.3); }
.t-range::-moz-range-progress{ background: #ffffff; height: 2px; }

/* Облачко текущего значения над ползунком */
.t-range__value-txt{
  display:block !important;
  top:0;
  transform:translateX(-50%);
  color:#000000;
  font-family:'TildaSans',Arial,sans-serif;
}

/* После переноса адреса изображения на внутренний слой резервный фон
   обложки больше не нужен: именно он был fixed и создавал параллакс. */
.t-cover.pl-carrier-ready{
  background-image:none !important;
  background-attachment:scroll !important;
}

/* «Вас уже кормит другая компания»: фон высотой с экран, закреплён
   относительно окна и прижат вправо; лишняя ширина обрезается слева. */
#rec1696626903 .t-cover__carrier{
  background-size:auto 100vh !important;
  -webkit-background-size:auto 100vh !important;
  background-repeat:no-repeat !important;
  background-position:right center !important;
  background-attachment:fixed !important;
  background-color:#160000;
}
@media screen and (max-width:640px){
  #rec1696626903 .t-cover__carrier{
    background-attachment:scroll !important;
  }
}

/* Анимации появления: старт вешает custom.js (IntersectionObserver),
   до старта контент скрыт — как задумано Тильдой */
.r_anim:not(.pl-shown){ opacity:0; }

/* Меню получает r_anim от Tilda уже после запуска нашего наблюдателя.
   Оно не должно участвовать в анимации появления страницы. */
#rec1690182683.r_anim,
#rec1690182683.r_hidden{
  opacity:1 !important;
  visibility:visible !important;
  transition:none !important;
  animation:none !important;
}

/* Карточки меню (t694): текст виден без наведения (как в мобильной версии) */
.t694__show_hover .t694__textwrapper,
.t694__show_hover .t694__button{
  opacity:1 !important;
  -webkit-transform:translateY(0%) !important;
  transform:translateY(0%) !important;
}
.t694__show_hover .t694__overlay{ opacity:1 !important; }
.t694__button_show-hover{
  opacity:1 !important;
  -webkit-transform:translate3d(0,0,0) !important;
  transform:translate3d(0,0,0) !important;
}

/* На широком экране фотография t938 выходит на 30px сверху и снизу.
   На телефоне оставляем штатные фиксированные 400/300px из CSS блока. */
@media screen and (min-width:961px){
  #rec1690232023 .t938__background-image{ height:auto !important; }
}

/* Герой (t396): его анимации управлялись удалённым скриптом — показываем сразу */
.t396 .t-animate,
.t396__artboard .t-animate{
  opacity:1 !important;
  transform:none !important;
  -webkit-transform:none !important;
  transition:none !important;
}

/* Этот блок получает r_anim/r_hidden уже после запуска нашего наблюдателя,
   поэтому успевает показаться и затем пропадает. Для него анимация не нужна. */
#rec1696626903.r_anim,
#rec1696626903.r_hidden{
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
  -webkit-transform:none !important;
}