/* Hero: форма заявки и часы работы */

/* Полупрозрачный чёрный оверлей: над фоном, под контентом */
#rec846618161 .t396__carrier {
  z-index: 0;
}

#rec846618161 .tn-elem[data-elem-id="1735229323372"] {
  z-index: 1 !important;
}

#rec846618161 .t396__filter {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.6);
}

#rec846618161 .tn-elem:not([data-elem-id="1735229323372"]) {
  z-index: 3;
}

#rec846618161 .tn-elem[data-elem-id="1735230086689"] {
  display: none !important;
}

/* Логотип в hero — скрыт, показывается плавающий при скролле вверху */
#rec846618161 .tn-elem[data-elem-id="1735228408016"] {
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Шапка: иконки слева от белой таблетки телефона (не на белом фоне) */
#rec845773175 .t396,
#rec845773175 .t396__artboard {
  overflow: visible !important;
}

@media screen and (min-width: 640px) {
  #rec845773175 .tn-elem[data-elem-id="1735229508123"],
  #rec845773175 .tn-elem[data-elem-id="1735229482939"],
  #rec845773175 .tn-elem[data-elem-id="1735229461188"] {
    top: 11px !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 6 !important;
  }

  #rec846618161 .tn-elem[data-elem-id="1735229508123"] {
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* Скрыть разрозненные пункты Tilda — показываем flex-меню */
  #rec845773175 .tn-elem[data-elem-id="1735228577833"],
  #rec845773175 .tn-elem[data-elem-id="1735228590219"],
  #rec845773175 .tn-elem[data-elem-id="1735228601378"],
  #rec845773175 .tn-elem[data-elem-id="1735228612773"],
  #rec845773175 .tn-elem[data-elem-id="1735228618862"],
  #rec845773175 .tn-elem[data-elem-id="1735228625219"],
  #rec846618161 .tn-elem[data-elem-id="1735228577833"],
  #rec846618161 .tn-elem[data-elem-id="1735228590219"],
  #rec846618161 .tn-elem[data-elem-id="1735228601378"],
  #rec846618161 .tn-elem[data-elem-id="1735228612773"],
  #rec846618161 .tn-elem[data-elem-id="1735228618862"],
  #rec846618161 .tn-elem[data-elem-id="1735228625219"],
  #rec845773175 .zipline-desktop-nav-source,
  #rec846618161 .zipline-desktop-nav-source {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  .zipline-desktop-nav {
    position: absolute;
    left: 110px;
    right: 380px;
    display: flex;
    align-items: center;
    z-index: 10;
    pointer-events: none;
    box-sizing: border-box;
  }

  #rec845773175 .zipline-desktop-nav {
    top: 50%;
    height: auto;
    transform: translateY(-50%);
  }

  .zipline-desktop-nav__list {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: clamp(20px, 2vw, 36px);
    margin: 0;
    padding: 0;
    list-style: none;
    pointer-events: auto;
  }

  .zipline-desktop-nav__list li {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
  }

  .zipline-desktop-nav__link {
    display: block;
    color: #ffffff;
    font-family: 'Manrope', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.55;
    text-decoration: none;
    white-space: nowrap;
    transition: color 0.2s ease-in-out;
  }

  .zipline-desktop-nav__link:hover {
    color: #bdbdbd;
  }

  /* Hero: та же вертикальная полоса, что у логотипа и телефона (top ~30px, h ~60px) */
  #rec846618161 .zipline-desktop-nav {
    top: 30px;
    height: 60px;
    transform: none;
  }
}

@media screen and (min-width: 640px) and (max-width: 1199px) {
  .zipline-desktop-nav {
    left: 100px;
    right: 320px;
  }

  .zipline-desktop-nav__list {
    gap: clamp(14px, 1.6vw, 24px);
  }

  .zipline-desktop-nav__link {
    font-size: 14px;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .zipline-desktop-nav {
    left: 90px;
    right: 280px;
  }

  .zipline-desktop-nav__list {
    gap: 12px;
  }
}

/* Hero: пункты меню-ссылки (fallback, если JS не успел) */
#rec846618161 .tn-elem[data-elem-id="1735228577833"] a.tn-atom,
#rec846618161 .tn-elem[data-elem-id="1735228590219"] a.tn-atom,
#rec846618161 .tn-elem[data-elem-id="1735228601378"] a.tn-atom,
#rec846618161 .tn-elem[data-elem-id="1735228612773"] a.tn-atom,
#rec846618161 .tn-elem[data-elem-id="1735228618862"] a.tn-atom,
#rec846618161 .tn-elem[data-elem-id="1735228625219"] a.tn-atom {
  color: inherit;
  text-decoration: none;
}

@media screen and (max-width: 639px) {
  .zipline-desktop-nav,
  #rec845773175 .zipline-desktop-nav-source,
  #rec846618161 .zipline-desktop-nav-source,
  #rec845773175 .tn-elem[data-elem-id="1735228577833"],
  #rec845773175 .tn-elem[data-elem-id="1735228590219"],
  #rec845773175 .tn-elem[data-elem-id="1735228601378"],
  #rec845773175 .tn-elem[data-elem-id="1735228612773"],
  #rec845773175 .tn-elem[data-elem-id="1735228618862"],
  #rec845773175 .tn-elem[data-elem-id="1735228625219"],
  #rec846618161 .tn-elem[data-elem-id="1735228577833"],
  #rec846618161 .tn-elem[data-elem-id="1735228590219"],
  #rec846618161 .tn-elem[data-elem-id="1735228601378"],
  #rec846618161 .tn-elem[data-elem-id="1735228612773"],
  #rec846618161 .tn-elem[data-elem-id="1735228618862"],
  #rec846618161 .tn-elem[data-elem-id="1735228625219"] {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}

/* Логотип в шапке — виден только после анимации */
body.zipline-at-hero #rec845773175 .tn-elem[data-elem-id="1735228408016"] {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.zipline-floating-logo {
  position: fixed;
  z-index: 10002;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  line-height: 0;
  pointer-events: auto;
  text-decoration: none;
  will-change: left, top, width;
}

.zipline-floating-logo img {
  display: block;
  width: 100%;
  height: auto;
}

/* Слоган hero — центровка; ширина ×1.5 и чуть меньше шрифт относительно Tilda */
#rec846618161 .tn-elem[data-elem-id="1735229886967"] {
  z-index: 16 !important;
  left: 50% !important;
  width: calc(1033px * 1.5) !important;
  max-width: calc(100% - 40px) !important;
  height: auto !important;
  overflow: visible !important;
  transform: translateX(-50%) !important;
  text-align: center !important;
  pointer-events: none !important;
}

#rec846618161 .tn-elem[data-elem-id="1735229886967"] .tn-atom {
  text-align: center !important;
  font-size: calc(56px * 0.94) !important;
}

@media screen and (max-width: 1799px) {
  #rec846618161 .tn-elem[data-elem-id="1735229886967"] {
    width: calc(686px * 1.5) !important;
  }

  #rec846618161 .tn-elem[data-elem-id="1735229886967"] .tn-atom {
    font-size: calc(35px * 0.94) !important;
  }
}

@media screen and (max-width: 1199px) {
  #rec846618161 .tn-elem[data-elem-id="1735229886967"] {
    width: calc(527px * 1.5) !important;
  }

  #rec846618161 .tn-elem[data-elem-id="1735229886967"] .tn-atom {
    font-size: calc(30px * 0.94) !important;
  }
}

@media screen and (max-width: 959px) {
  #rec846618161 .tn-elem[data-elem-id="1735229886967"] {
    width: calc(546px * 1.5) !important;
  }
}

@media screen and (max-width: 639px) {
  /* Декор Tilda не должен раздувать горизонтальный скролл на телефонах */
  #rec846618161,
  #rec846618161 .t396 {
    overflow-x: clip;
    max-width: 100%;
  }

  #rec846618161 .tn-elem[data-elem-id="1735229886967"] {
    display: block !important;
    left: max(20px, env(safe-area-inset-left, 0px)) !important;
    right: max(20px, env(safe-area-inset-right, 0px)) !important;
    width: auto !important;
    max-width: none !important;
    transform: none !important;
    overflow: hidden !important;
    padding-bottom: 16px !important;
    box-sizing: border-box !important;
  }

  #rec846618161 .tn-elem[data-elem-id="1735229886967"] .tn-atom {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow-wrap: break-word;
    word-wrap: break-word;
    hyphens: auto;
    -webkit-hyphens: auto;
    white-space: normal !important;
    font-size: clamp(20px, 6.4vw, calc(26px * 0.94)) !important;
  }
}

/* Другой подзаголовок в hero — скрыт, чтобы не дублировать слоган */
#rec846618161 .tn-elem[data-elem-id="1735230044129"] {
  display: none !important;
}

/* Форма — десктоп: top в JS = вертикальный центр формы, translate по X и Y */
#rec846618161 .hero-quick-form-wrap {
  position: absolute;
  z-index: 20;
  left: 50%;
  transform: translate(-50%, -50%);
  width: max-content;
  max-width: calc(100% - 40px);
  pointer-events: auto;
}

.hero-quick-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

.hero-quick-form__row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 14px;
}

.hero-quick-form__input {
  box-sizing: border-box;
  height: 64px;
  padding: 0 20px;
  border: none;
  border-radius: var(--hero-form-radius, 14px);
  background: rgba(255, 255, 255, 0.95);
  color: #232323;
  font-family: 'Manrope', Arial, sans-serif;
  font-size: 16px;
  line-height: 1.2;
  outline: none;
  transition: box-shadow 0.2s ease;
  flex: 0 1 auto;
}

.hero-quick-form__input--name {
  width: 200px;
  min-width: 140px;
}

.hero-quick-form__input--phone {
  width: 260px;
  min-width: 200px;
}

.hero-quick-form__input::placeholder {
  color: rgba(35, 35, 35, 0.45);
}

.hero-quick-form__input:focus {
  box-shadow: 0 0 0 2px rgba(42, 132, 211, 0.45);
}

.hero-quick-form__input--error {
  box-shadow: 0 0 0 2px rgba(220, 60, 60, 0.55);
}

.hero-quick-form__submit {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  height: 64px;
  padding: 0 40px;
  border: none;
  border-radius: var(--hero-form-radius, 14px);
  background-color: #2a84d3;
  color: #ffffff;
  font-family: 'Inter', Arial, sans-serif;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.5px;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.hero-quick-form__submit:hover {
  color: #232323;
}

.hero-quick-form__submit:disabled {
  opacity: 0.65;
  cursor: wait;
}

.hero-quick-form__message {
  margin: 0;
  text-align: center;
  font-family: 'Manrope', Arial, sans-serif;
  font-size: 12px;
  line-height: 1.3;
  color: #ffffff;
  min-height: 16px;
}

.hero-quick-form__message--error {
  color: #ffb4b4;
}

.hero-quick-form__message--success {
  color: #b8e6ff;
}

/* Часы работы — под белым блоком телефона (shape 1735228854857) */
#rec846618161 .hero-phone-hours {
  position: absolute;
  z-index: 21;
  top: 96px;
  right: 50px;
  width: 235px;
  pointer-events: none;
}

#rec846618161 .hero-work-hours {
  margin: 0;
  text-align: center;
  font-family: 'Manrope', Arial, sans-serif;
  font-size: 11px;
  line-height: 1.35;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.9);
}

@media screen and (max-width: 1799px) {
  #rec846618161 .hero-phone-hours {
    top: 86px;
    right: 35px;
    width: 177px;
  }

  #rec846618161 .hero-work-hours {
    font-size: 10px;
  }

  .hero-quick-form__input {
    height: 58px;
    font-size: 15px;
  }

  .hero-quick-form__submit {
    height: 58px;
    font-size: 16px;
    padding: 0 28px;
  }
}

@media screen and (max-width: 1199px) {
  #rec846618161 .hero-phone-hours {
    top: 63px;
    right: 10px;
    width: 180px;
  }

  .hero-quick-form__input--name {
    width: 170px;
    min-width: 120px;
  }

  .hero-quick-form__input--phone {
    width: 220px;
    min-width: 170px;
  }
}

@media screen and (max-width: 959px) {
  #rec846618161 .hero-phone-hours {
    top: 66px;
    right: 92px;
    width: 145px;
  }

  .hero-quick-form__input {
    height: 52px;
    font-size: 14px;
  }

  .hero-quick-form__submit {
    height: 52px;
    font-size: 15px;
    padding: 0 22px;
  }

  .hero-quick-form__input--name {
    width: 140px;
    min-width: 100px;
  }

  .hero-quick-form__input--phone {
    width: 190px;
    min-width: 150px;
  }
}

.t-sociallinks__item_max .t-sociallinks__img {
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  object-fit: cover;
}

@media screen and (max-width: 639px) {
  /* Логотип в шапке всегда слева вверху, без анимации */
  .zipline-floating-logo {
    display: none !important;
  }

  #rec845773175.fixed {
    transform: translateY(0) !important;
    background-color: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(5px);
  }

  body.zipline-at-hero #rec845773175 .tn-elem[data-elem-id="1735228408016"],
  #rec845773175 .tn-elem[data-elem-id="1735228408016"] {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  /* В hero — скрыть дубль шапки (логотип, бургер, телефон) */
  #rec846618161 .tn-elem[data-elem-id="1735228408016"],
  #rec846618161 .tn-elem[data-elem-id="1735233174452"],
  #rec846618161 .tn-elem[data-elem-id="1735228854857"],
  #rec846618161 .tn-elem[data-elem-id="1735228878163"],
  #rec846618161 .tn-elem[data-elem-id="1735228896485"] {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  #rec846618161 .hero-phone-hours {
    display: none;
  }

  /* Форма — на всю ширину под слоганом; центр по X как в JS */
  #rec846618161 .hero-quick-form-wrap {
    bottom: auto;
    left: max(20px, env(safe-area-inset-left, 0px));
    right: max(20px, env(safe-area-inset-right, 0px));
    width: auto;
    max-width: none;
    transform: none;
    box-sizing: border-box;
  }

  .hero-quick-form {
    width: 100%;
    align-items: stretch;
    box-sizing: border-box;
  }

  .hero-quick-form__row {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    gap: 12px;
    box-sizing: border-box;
  }

  .hero-quick-form__input,
  .hero-quick-form__input--name,
  .hero-quick-form__input--phone {
    display: block;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    flex: none;
    box-sizing: border-box;
  }

  .hero-quick-form__submit {
    display: block;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    flex: none;
    box-sizing: border-box;
    align-self: stretch;
    white-space: normal;
    text-align: center;
  }

  .hero-quick-form__input {
    height: 52px;
    font-size: 16px;
    padding: 0 16px;
  }

  .hero-quick-form__submit {
    height: 52px;
    font-size: 16px;
    padding: 0 16px;
  }

  .hero-quick-form__message {
    font-size: 13px;
    width: 100%;
  }
}

/* Часы работы в бургер-меню — под телефоном */
#rec846879136 .t450-menu-work-hours,
#nav846879136 .t450-menu-work-hours {
  display: block;
  margin-top: 8px;
  color: #232323;
  font-family: 'Manrope', Arial, sans-serif;
  font-size: 13px;
  line-height: 1.35;
  font-weight: 400;
  pointer-events: none;
}

/* Заголовок «Продавайте…» — только в своём блоке, без scroll-фиксации */
#rec846053744 .tn-elem[data-elem-id="1735233571862"],
#rec846053744 .tn-elem.t396__elem--anim-hidden[data-elem-id="1735233571862"] {
  position: absolute !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  pointer-events: none;
}

/* Картинка маркетплейсов — без fixed от SBS (на мобильных ломает скролл у квиза) */
@media screen and (max-width: 639px) {
  #rec846053744 .tn-elem[data-elem-id="1735297707328"] {
    position: absolute !important;
    transform: none !important;
    pointer-events: none !important;
  }

  #rec846053744.zipline-mp-quiz-near .tn-elem[data-elem-id="1735297707328"],
  #rec846053744 .tn-elem[data-elem-id="1735297707328"].zipline-mp-image-off {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: none !important;
    position: absolute !important;
  }
}

/* Картинка маркетплейсов — скрыть, когда доскроллили до следующей секции (десктоп) */
#rec846053744 .tn-elem[data-elem-id="1735297707328"].zipline-mp-image-off {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: none !important;
  position: absolute !important;
}

/* Дубликаты того же elem-id в других секциях — скрыть */
#rec846114188 .tn-elem[data-elem-id="1735233571862"],
#rec846204056 .tn-elem[data-elem-id="1735233571862"],
#rec846128431 .tn-elem[data-elem-id="1735233571862"] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Секции «маркетплейсы» и «Китай» сняты с главной */
#rec846053744,
#rec846057788 {
  display: none !important;
}

/* Мобильный скролл: квиз в потоке страницы, без fullscreen-ловушки Tilda (80vh / height:100%) */
@media screen and (max-width: 639px) {
  #rec846100157 {
    overflow: visible !important;
    height: auto !important;
  }

  #rec846100157 .t-quiz.zipline-quiz-mobile-flow,
  #rec846100157 .t-quiz.zipline-quiz-mobile-flow:not(.popup):not(.fixed-height) {
    display: block !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    touch-action: auto !important;
  }

  #rec846100157 .t-quiz.zipline-quiz-mobile-flow .t-quiz__quiz-wrapper,
  #rec846100157 .t-quiz.zipline-quiz-mobile-flow .t-quiz__quiz-wrapper_fullscreen,
  #rec846100157 .t-quiz.zipline-quiz-mobile-flow .t-quiz__content-padding-container,
  #rec846100157 .t-quiz.zipline-quiz-mobile-flow .t-quiz__content-wrapper,
  #rec846100157 .t-quiz.zipline-quiz-mobile-flow .t-quiz__main,
  #rec846100157 .t-quiz.zipline-quiz-mobile-flow .t-quiz .t-form,
  #rec846100157 .t-quiz.zipline-quiz-mobile-flow .t-quiz__quiz-form-wrapper,
  #rec846100157 .t-quiz.zipline-quiz-mobile-flow .t-quiz__cover,
  #rec846100157 .t-quiz.zipline-quiz-mobile-flow .t-quiz__result,
  #rec846100157 .t-quiz.zipline-quiz-mobile-flow .t-quiz__result-wrapper,
  #rec846100157 .t-quiz.zipline-quiz-mobile-flow .t-quiz__result-container {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    overflow-y: visible !important;
    flex: none !important;
    touch-action: auto !important;
    overscroll-behavior: auto !important;
  }

  #rec846100157 .t-quiz.zipline-quiz-mobile-flow.fullscreen:not(.fixed-height) .t-quiz__main,
  #rec846100157 .t-quiz.zipline-quiz-mobile-flow.fullscreen:not(.fixed-height) .t-quiz__quiz-form-wrapper {
    display: block !important;
  }

  #rec846100157 .t-quiz.zipline-quiz-mobile-flow .t-input-group__header {
    position: relative !important;
    top: auto !important;
  }
}