/* SV hero multi (classic + 1 сентября). Restored from git 1b182ef. Local picker. */

/*
 * Classic-надписи (цветок + «ДОСТАВКА…» + подзаголовок) — только на .sv-hero-on-classic.
 * Иначе на sept/dynamic они вспыхивают с sv-hero-photo-ready другими стилями.
 */
body.page-test-srazuvvazu
  .hit-prodaj-wrapper.sv-hero-has-slides:not(.sv-hero-on-classic).conditional-section_bg::after {
  opacity: 0 !important;
  content: none !important;
  background: none !important;
}

@media (min-width: 768px) and (min-height: 501px) {
  body.page-test-srazuvvazu
    .hit-prodaj-wrapper.sv-hero-has-slides:not(.sv-hero-on-classic)
    > .container::after {
    opacity: 0 !important;
    content: none !important;
  }
}

@media (max-width: 767px), (orientation: landscape) and (max-height: 500px) and (max-width: 1024px) {
  body.page-test-srazuvvazu
    .hit-prodaj-wrapper.sv-hero-has-slides:not(.sv-hero-on-classic)
    > .container::before {
    opacity: 0 !important;
    content: none !important;
  }
}

/* SEO-альты героя: в разметке есть img, визуально фото остаётся CSS-слоем */
body.page-test-srazuvvazu .sv-hero-seo {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* ========== 2c. Второй слайд героя — 1 сентября (Figma), пропорции как у текущего ========== */
body.page-test-srazuvvazu .hit-prodaj-wrapper.sv-hero-has-slides .sv-hero-sept,
body.page-test-srazuvvazu .hit-prodaj-wrapper .sv-hero-nav {
  display: none;
}

/* Десктоп-слой сентября: по умолчанию скрыт (мобилка / не sept) */
body.page-test-srazuvvazu .sv-hero-sept-slide {
  display: none;
}

body.page-test-srazuvvazu .hit-prodaj-wrapper.sv-hero-on-sept {
  --sv-hero-photo-image: url("/static/srazu_v_vazu_new/images/1_sentyabrya_dostavka_buketov_samara.jpg");
}

body.page-test-srazuvvazu .hit-prodaj-wrapper.sv-hero-on-sept.conditional-section_bg::after {
  opacity: 0 !important;
  content: none !important;
}

body.page-test-srazuvvazu .hit-prodaj-wrapper.sv-hero-has-slides .sv-hero-sept {
  display: block;
  position: absolute;
  z-index: 8;
  top: 46%;
  left: 0;
  width: 52%;
  transform: translateY(-50%);
  box-sizing: border-box;
  padding: 0 1.5rem;
  text-align: center;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
}

/* sept-текст тоже только с photo-ready — см. блок dynamic ниже */

body.page-test-srazuvvazu .sv-hero-sept__copy {
  display: block;
  color: #0b1839;
  text-decoration: none;
  pointer-events: auto;
}

body.page-test-srazuvvazu .sv-hero-sept__date {
  margin: 0 0 0.85rem;
  font-family: "Cormorant Garamond", Cormorant, var(--sv-font-display), Georgia, serif !important;
  font-weight: 700 !important;
  font-style: normal;
  font-size: 31px;
  line-height: 1;
  letter-spacing: 0;
  color: #0b1839 !important;
}

/* Figma: цифра 1 = oldstyle Cormorant Garamond 700 (глиф как римская I) */
@font-face {
  font-family: "Cormorant Garamond One";
  src: url("/static/srazu_v_vazu_new/fonts/cormorant-garamond-one.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0031;
}

body.page-test-srazuvvazu .sv-hero-sept__date span {
  display: block;
  font-family: "Cormorant Garamond One", "Cormorant Garamond", Georgia, serif !important;
  font-weight: 700 !important;
  font-style: normal;
  font-size: 63px;
  line-height: 0.72;
  letter-spacing: 0;
  font-variant-numeric: oldstyle-nums;
  font-feature-settings: "onum" 1;
  color: #0b1839 !important;
  margin: 0;
}

body.page-test-srazuvvazu .sv-hero-sept__title {
  margin: 0 0 0.75rem;
  font-family: "Cormorant Garamond", Cormorant, var(--sv-font-display), Georgia, serif !important;
  font-weight: 600;
  font-size: clamp(1.45rem, 2.8vw, 2.35rem);
  line-height: 1;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #0b1839 !important;
}

body.page-test-srazuvvazu .sv-hero-sept__sub {
  margin: 0 auto;
  max-width: none;
  font-family: var(--sv-font-ui);
  font-weight: 400;
  font-size: clamp(0.8125rem, 1.35vw, 1rem);
  line-height: 1.35;
  color: #0b1839 !important;
}

body.page-test-srazuvvazu .hit-prodaj-wrapper.sv-hero-multi .sv-hero-nav {
  display: flex;
  position: absolute;
  z-index: 12;
  left: 1.25rem;
  bottom: 1.25rem;
  gap: 11px;
  pointer-events: auto;
}

body.page-test-srazuvvazu .sv-hero-nav__btn {
  width: 20px;
  height: 20px;
  padding: 0;
  border: 0;
  background: center / 20px 20px no-repeat url("/static/srazu_v_vazu_new/images/arrow_left.png");
  background-color: transparent;
  cursor: pointer;
}

body.page-test-srazuvvazu .sv-hero-nav__btn--prev {
  transform: scaleX(-1);
}

@media (min-width: 768px) and (min-height: 501px) {
  /*
   * Десктоп сентябрь:
   * — .sv-hero-sept-slide: полная ширина героя → translateX(100%) как у маски (синхрон)
   * — .sv-hero-sept-photo: правая рамка с object-fit center (кроп не от высоты окна)
   */
  body.page-test-srazuvvazu .sv-hero-sept-slide {
    display: none;
    position: absolute;
    z-index: 1;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    transform: translateX(100%);
    will-change: transform;
  }

  body.page-test-srazuvvazu .sv-hero-sept-photo {
    position: absolute;
    top: 0;
    right: 0;
    left: calc(50% + var(--sv-hero-split-nudge, 30px) - 4.5rem);
    bottom: 0;
    overflow: hidden;
  }

  body.page-test-srazuvvazu .sv-hero-sept-photo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
  }

  body.page-test-srazuvvazu .hit-prodaj-wrapper.sv-hero-on-sept .sv-hero-sept-slide {
    display: block;
  }

  body.page-test-srazuvvazu.sv-hero-photo-ready
    .hit-prodaj-wrapper.sv-hero-on-sept
    .sv-hero-sept-slide {
    animation: sv-hero-photo-in var(--sv-hero-photo-duration, 1.8s)
      var(--sv-anime-easing, cubic-bezier(0.25, 0.1, 0.25, 1))
      var(--sv-anime-delay, 0.05s) forwards;
  }

  body.page-test-srazuvvazu .hit-prodaj-wrapper.sv-hero-on-sept.conditional-section_bg::before {
    /*
     * После 5fca043 маска — JPG luminance (mask-image), не картинка в background.
     * Старый transparent + background-image: mask красил белый JPG и слева
     * торчал #d6e5ff секции («маска торчит»).
     */
    background-color: #d6e5ff !important;
    background-image: none !important;
    -webkit-mask-image: var(--sv-hero-blue-mask) !important;
    mask-image: var(--sv-hero-blue-mask) !important;
    -webkit-mask-mode: luminance !important;
    mask-mode: luminance !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-position: var(--sv-hero-mask-offset) center !important;
    mask-position: var(--sv-hero-mask-offset) center !important;
    -webkit-mask-size: auto var(--sv-hero-mask-height) !important;
    mask-size: auto var(--sv-hero-mask-height) !important;
  }

  body.page-test-srazuvvazu .hit-prodaj-wrapper.sv-hero-on-sept > .container::after {
    opacity: 0 !important;
    content: none !important;
  }

  /* Десктоп: слегка поднять весь текстовый оверлей, чтобы не заходил на стрелки */
  body.page-test-srazuvvazu .hit-prodaj-wrapper.conditional-section_bg::after {
    transform: translateY(calc(-50% - 10px));
  }

  body.page-test-srazuvvazu .hit-prodaj-wrapper > .container::after {
    transform: translateY(calc(0.85em + 4.25rem - 10px));
  }

  /* Стрелки — центр той же синей колонки 52%, что и текст (только multi) */
  body.page-test-srazuvvazu .hit-prodaj-wrapper.sv-hero-multi .sv-hero-nav {
    left: 0;
    width: 52%;
    justify-content: center;
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) and (min-width: 768px) and (min-height: 501px) {
  body.page-test-srazuvvazu.sv-hero-photo-ready
    .hit-prodaj-wrapper.sv-hero-on-sept
    .sv-hero-sept-slide {
    transform: none;
    animation: none !important;
  }
}

@media (max-width: 767px), (orientation: landscape) and (max-height: 500px) and (max-width: 1024px) {
  body.page-test-srazuvvazu .hit-prodaj-wrapper.sv-hero-on-sept > .container::before {
    opacity: 0 !important;
    content: none !important;
  }

  body.page-test-srazuvvazu .hit-prodaj-wrapper.sv-hero-has-slides .sv-hero-sept {
    top: 0;
    left: 0;
    width: 100%;
    max-height: var(--sv-hero-mobile-split-y);
    transform: none;
    padding: 1.15rem 1.25rem 0;
  }

  body.page-test-srazuvvazu .sv-hero-sept__date span {
    font-size: 63px;
  }

  body.page-test-srazuvvazu .sv-hero-sept__title {
    font-size: clamp(1.15rem, 5vw, 1.45rem);
    white-space: nowrap;
  }

  body.page-test-srazuvvazu .sv-hero-sept__title br {
    display: none;
  }

  body.page-test-srazuvvazu .hit-prodaj-wrapper.sv-hero-has-slides.conditional-section_bg {
    height: calc(var(--sv-hero-h, 520px) + 48px);
    min-height: calc(var(--sv-hero-h, 520px) + 48px);
    /* Полоска под стрелками прозрачная — иначе белая плашка режет «l» у flowery */
    background: linear-gradient(
      #d6e5ff 0,
      #d6e5ff var(--sv-hero-h, 520px),
      transparent var(--sv-hero-h, 520px)
    ) !important;
  }

  body.page-test-srazuvvazu .hit-prodaj-wrapper.sv-hero-has-slides.conditional-section_bg::before {
    bottom: auto;
    height: var(--sv-hero-h, 520px);
  }

  /* Слоган SRAZU V VAZU — низ фото, как на проде (не в белой полоске под стрелки) */
  body.page-test-srazuvvazu .hit-prodaj-wrapper.sv-hero-has-slides > .container {
    bottom: 48px;
    height: auto;
  }

  body.page-test-srazuvvazu .hit-prodaj-wrapper.sv-hero-multi .sv-hero-nav {
    left: 50%;
    top: auto;
    bottom: 4px;
    transform: translateX(-50%);
    background: transparent;
  }

  /*
   * Мобилка + карусель: под стрелками уже есть полоска (+48px).
   * Старый зазор рубрик (2rem+95px) давал пустоту «стрелки → Композиции».
   * Ужимаем margin рубрик; стрелки/слоган/высоту героя не трогаем.
   * Важно: nginx отдаёт static_collected — править нужно и там.
   */
  body.page-test-srazuvvazu:has(.hit-prodaj-wrapper.sv-hero-has-slides) {
    --sv-head-buttons-gap-after-hero: 0px;
  }
  body.page-test-srazuvvazu:has(.hit-prodaj-wrapper.sv-hero-has-slides) .head-buttons-wrapper {
    margin-top: 0.75rem !important;
  }

  body.page-test-srazuvvazu .hit-prodaj-wrapper.sv-hero-on-sept {
    --sv-hero-photo-image: url("/static/srazu_v_vazu_new/images/1_sentyabrya_dostavka_buketov.jpg");
  }

  body.page-test-srazuvvazu .hit-prodaj-wrapper.sv-hero-on-sept.conditional-section_bg::before {
    /* Опустить фото на 35px по Y для мобильного сентябрьского слайда */
    background-position: center top, center calc(32% + 110px);
  }
}

/* Классика скрыта на sept / shablon / dynamic — стили classic/sept сами НЕ меняем */
body.page-test-srazuvvazu .hit-prodaj-wrapper.sv-hero-on-sept .sv-hero-classic-slide,
body.page-test-srazuvvazu .hit-prodaj-wrapper.sv-hero-on-shablon .sv-hero-classic-slide,
body.page-test-srazuvvazu .hit-prodaj-wrapper.sv-hero-on-dynamic .sv-hero-classic-slide {
  display: none !important;
}

body.page-test-srazuvvazu .hit-prodaj-wrapper.sv-hero-on-shablon .sv-hero-sept,
body.page-test-srazuvvazu .hit-prodaj-wrapper.sv-hero-on-shablon .sv-hero-sept-slide,
body.page-test-srazuvvazu .hit-prodaj-wrapper.sv-hero-on-dynamic .sv-hero-sept,
body.page-test-srazuvvazu .hit-prodaj-wrapper.sv-hero-on-dynamic .sv-hero-sept-slide {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

body.page-test-srazuvvazu .hit-prodaj-wrapper.sv-hero-on-sept .sv-hero-shablon-slide,
body.page-test-srazuvvazu .hit-prodaj-wrapper.sv-hero-on-sept .sv-hero-pane {
  display: none !important;
}

/* ========== Шаблон: синяя маска + бесцветное место под фото ========== */
body.page-test-srazuvvazu .sv-hero-shablon-slide {
  display: none;
}

body.page-test-srazuvvazu .hit-prodaj-wrapper.sv-hero-on-shablon.conditional-section_bg::after {
  opacity: 0 !important;
  content: none !important;
}

body.page-test-srazuvvazu .hit-prodaj-wrapper.sv-hero-on-shablon > .container::after {
  opacity: 0 !important;
  content: none !important;
}

@media (min-width: 768px) and (min-height: 501px) {
  body.page-test-srazuvvazu .sv-hero-shablon-slide {
    display: none;
    position: absolute;
    z-index: 1;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    transform: translateX(100%);
    will-change: transform;
  }

  body.page-test-srazuvvazu .hit-prodaj-wrapper.sv-hero-on-shablon .sv-hero-shablon-slide {
    display: block;
  }

  body.page-test-srazuvvazu .sv-hero-shablon-photo {
    position: absolute;
    top: 0;
    right: 0;
    left: calc(50% + var(--sv-hero-split-nudge, 30px) - 4.5rem);
    bottom: 0;
    overflow: hidden;
    background: #e8ecf1;
  }

  body.page-test-srazuvvazu .sv-hero-shablon-placeholder {
    position: absolute;
    inset: 0;
    background:
      repeating-linear-gradient(
        -45deg,
        transparent,
        transparent 10px,
        rgba(255, 255, 255, 0.45) 10px,
        rgba(255, 255, 255, 0.45) 20px
      ),
      #e8ecf1;
  }

  body.page-test-srazuvvazu.sv-hero-photo-ready
    .hit-prodaj-wrapper.sv-hero-on-shablon
    .sv-hero-shablon-slide {
    animation: sv-hero-photo-in var(--sv-hero-photo-duration, 1.8s)
      var(--sv-anime-easing, cubic-bezier(0.25, 0.1, 0.25, 1))
      var(--sv-anime-delay, 0.05s) forwards;
  }
}

@media (prefers-reduced-motion: reduce) and (min-width: 768px) and (min-height: 501px) {
  body.page-test-srazuvvazu.sv-hero-photo-ready
    .hit-prodaj-wrapper.sv-hero-on-shablon
    .sv-hero-shablon-slide {
    transform: none;
    animation: none !important;
  }
}

@media (max-width: 767px), (orientation: landscape) and (max-height: 500px) and (max-width: 1024px) {
  body.page-test-srazuvvazu .hit-prodaj-wrapper.sv-hero-on-shablon {
    --sv-hero-photo-image: none;
  }

  body.page-test-srazuvvazu .hit-prodaj-wrapper.sv-hero-on-shablon.conditional-section_bg::before {
    background-color: #d6e5ff;
    background-image:
      radial-gradient(
        circle var(--sv-hero-mobile-notch-r) at 50% calc(100% + var(--sv-hero-mobile-notch-drop)),
        transparent calc(var(--sv-hero-mobile-notch-r) - 0.5px),
        #d6e5ff var(--sv-hero-mobile-notch-r)
      ),
      linear-gradient(#e8ecf1, #e8ecf1);
    background-repeat: no-repeat, no-repeat;
    background-position: center top, center calc(100% + 142px);
    background-size: 100% var(--sv-hero-mobile-split-y), cover;
  }
}

/* ========== Новые слайды из админки (не classic / не 1-sentyabrya) ========== */
body.page-test-srazuvvazu .sv-hero-pane {
  display: none;
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}

body.page-test-srazuvvazu .hit-prodaj-wrapper.sv-hero-on-dynamic .sv-hero-pane.is-active {
  display: block;
  pointer-events: auto;
}

/* Классические CSS-надписи (как у sept): заголовок в section::after */
body.page-test-srazuvvazu .hit-prodaj-wrapper.sv-hero-on-dynamic.conditional-section_bg::after {
  opacity: 0 !important;
  content: none !important;
}

/* Десктоп: classic-подзаголовок в container::after. Мобильный логотип там же — не трогаем. */
@media (min-width: 768px) and (min-height: 501px) {
  body.page-test-srazuvvazu .hit-prodaj-wrapper.sv-hero-on-dynamic > .container::after {
    opacity: 0 !important;
    content: none !important;
  }
}

/* Мобилка: classic-подзаголовок в container::before — иначе лезет поверх текста слайда */
@media (max-width: 767px), (orientation: landscape) and (max-height: 500px) and (max-width: 1024px) {
  body.page-test-srazuvvazu .hit-prodaj-wrapper.sv-hero-on-dynamic > .container::before {
    opacity: 0 !important;
    content: none !important;
  }
}

body.page-test-srazuvvazu .sv-hero-dynamic-slide {
  display: none;
}

/*
 * Текст — sibling секции (z-index 8 > маска).
 * Как .sv-hero-sept: весь блок сразу при is-active, без ожидания photo-ready
 * (иначе кажется, что строки «выезжают» по очереди после фото).
 */
body.page-test-srazuvvazu .sv-hero-dynamic {
  display: block;
  position: absolute;
  z-index: 8;
  top: 46%;
  left: 0;
  width: 52%;
  transform: translateY(-50%);
  box-sizing: border-box;
  padding: 0 1.5rem;
  text-align: center;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
}

/* Текст и фото вместе: только после sv-hero-photo-ready (без «сначала буквы, потом кадр») */
body.page-test-srazuvvazu .hit-prodaj-wrapper.sv-hero-on-dynamic .sv-hero-dynamic.is-active {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

body.page-test-srazuvvazu.sv-hero-photo-ready
  .hit-prodaj-wrapper.sv-hero-on-dynamic
  .sv-hero-dynamic.is-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

body.page-test-srazuvvazu .hit-prodaj-wrapper.sv-hero-on-sept .sv-hero-sept {
  opacity: 0;
  visibility: hidden;
}

body.page-test-srazuvvazu.sv-hero-photo-ready
  .hit-prodaj-wrapper.sv-hero-on-sept
  .sv-hero-sept {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

body.page-test-srazuvvazu .sv-hero-dynamic__copy {
  display: block;
  color: #0b1839;
  text-decoration: none;
  pointer-events: auto;
  /* --sv-copy-shift из админки: весь блок выше/ниже (0 = как сейчас; плюс = ниже) */
  margin-top: calc(var(--sv-copy-shift, 0) * 0.2rem);
}

/*
 * Две копии текста: десктоп / мобилка.
 * Класс .sv-hero-layout-mobile ставит JS (__svSyncHeroTextLayout) — тот же MQ, что у фото.
 * Медиа — запасной путь без JS.
 */
body.page-test-srazuvvazu .sv-hero-dynamic__copy--desktop {
  display: block !important;
}

body.page-test-srazuvvazu .sv-hero-dynamic__copy--mobile {
  display: none !important;
}

body.page-test-srazuvvazu.sv-hero-layout-mobile .sv-hero-dynamic__copy--desktop,
html.sv-hero-layout-mobile body.page-test-srazuvvazu .sv-hero-dynamic__copy--desktop {
  display: none !important;
}

body.page-test-srazuvvazu.sv-hero-layout-mobile .sv-hero-dynamic__copy--mobile,
html.sv-hero-layout-mobile body.page-test-srazuvvazu .sv-hero-dynamic__copy--mobile {
  display: block !important;
}

@media (max-width: 767px), (orientation: landscape) and (max-height: 500px) and (max-width: 1024px) {
  body.page-test-srazuvvazu .sv-hero-dynamic__copy--desktop {
    display: none !important;
  }

  body.page-test-srazuvvazu .sv-hero-dynamic__copy--mobile {
    display: block !important;
  }
}

/*
 * Надзаголовок / дата (Figma):
 * цифры «29» — 63.02px; буквы «ноября» — 30.99px; Cormorant 700; lh 100%.
 * Две строки (Enter в админке) → .eyebrow-num + .eyebrow-month — для всех будущих слайдов.
 */
body.page-test-srazuvvazu .sv-hero-dynamic__eyebrow {
  /* --sv-eyebrow-after из админки: зазор до заголовка (0 = как сейчас) */
  margin: 0 0 calc(0.85rem + var(--sv-eyebrow-after, 0) * 0.05rem);
  font-family: "Cormorant Garamond", Cormorant, var(--sv-font-display), Georgia, serif !important;
  font-weight: 700 !important;
  font-style: normal;
  font-size: 30.99px;
  line-height: 1;
  letter-spacing: 0;
  text-align: center;
  color: #0b1839 !important;
}

/* Как .sv-hero-sept__date: воздух режет line-height цифр, не огромным margin */
body.page-test-srazuvvazu .sv-hero-dynamic__eyebrow--stacked {
  line-height: 1;
}

/* Цифры даты: как у sept — 63px / lh 0.72 */
body.page-test-srazuvvazu .sv-hero-dynamic__eyebrow-num {
  display: block;
  font-family: "Cormorant Garamond", Cormorant, var(--sv-font-display), Georgia, serif !important;
  font-weight: 700 !important;
  font-style: normal;
  font-size: 63.02px !important;
  line-height: 0.72 !important;
  letter-spacing: 0;
  text-align: center;
  font-variant-numeric: oldstyle-nums;
  font-feature-settings: "onum" 1;
  font-variant-ligatures: none;
  color: #0b1839 !important;
  margin: 0;
}

/* Месяц 31px; зазор к цифрам — через --sv-eyebrow-air из админки (0 = как сейчас) */
body.page-test-srazuvvazu .sv-hero-dynamic__eyebrow-month {
  display: block;
  margin-top: calc(var(--sv-eyebrow-air, 0) * 0.05em);
  font-family: "Cormorant Garamond", Cormorant, var(--sv-font-display), Georgia, serif !important;
  font-weight: 700 !important;
  font-style: normal;
  font-size: 30.99px !important;
  line-height: 1;
  letter-spacing: 0;
  text-align: center;
  color: #0b1839 !important;
}

/* Мобилка: «29 ноября» в одну строку, цифры как на десктопе */
body.page-test-srazuvvazu .sv-hero-dynamic__eyebrow--inline {
  line-height: 1;
  white-space: nowrap;
}

body.page-test-srazuvvazu .sv-hero-dynamic__eyebrow--inline .sv-hero-dynamic__eyebrow-num {
  display: inline;
  margin: 0;
  line-height: 1 !important;
  vertical-align: baseline;
}

body.page-test-srazuvvazu .sv-hero-dynamic__eyebrow--inline .sv-hero-dynamic__eyebrow-month {
  display: inline;
  margin: 0 0 0 calc(0.22em + var(--sv-eyebrow-air, 0) * 0.03em);
  vertical-align: baseline;
}

body.page-test-srazuvvazu .sv-hero-dynamic__title {
  margin: 0 0 0.75rem;
  font-family: "Cormorant Garamond", Cormorant, var(--sv-font-display), Georgia, serif !important;
  font-weight: 600;
  font-size: clamp(1.45rem, 2.8vw, 2.35rem);
  line-height: 1;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #0b1839 !important;
}

body.page-test-srazuvvazu .sv-hero-dynamic__sub {
  margin: 0 auto;
  max-width: none;
  font-family: var(--sv-font-ui);
  font-weight: 400;
  font-size: clamp(0.8125rem, 1.35vw, 1rem);
  line-height: 1.35;
  color: #0b1839 !important;
}

body.page-test-srazuvvazu .sv-hero-dynamic__sub--bold {
  font-weight: 600 !important;
  margin-top: 1.15rem;
}

/* Десктоп: чуть поднять текстовый блок, как у classic/sept оверлея (−10px) */
@media (min-width: 768px) and (min-height: 501px) {
  body.page-test-srazuvvazu .hit-prodaj-wrapper.sv-hero-on-dynamic .sv-hero-dynamic.is-active {
    transform: translateY(calc(-50% - 10px));
  }

  /*
   * Soft-уход: is-active снимается → без этого transform откатывается к -50%
   * (прыжок на 10px вниз перед dissolve). Держим ту же позицию.
   */
  body.page-test-srazuvvazu
    .hit-prodaj-wrapper.sv-hero-slide-cycle.sv-hero-settled
    .sv-hero-dynamic.is-leaving {
    transform: translateY(calc(-50% - 10px)) !important;
  }
}

@media (min-width: 768px) and (min-height: 501px) {
  body.page-test-srazuvvazu .hit-prodaj-wrapper.sv-hero-on-dynamic .sv-hero-pane.is-active .sv-hero-dynamic-slide {
    display: block;
    position: absolute;
    z-index: 1;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    transform: translateX(100%);
    will-change: transform;
  }

  body.page-test-srazuvvazu.sv-hero-photo-ready
    .hit-prodaj-wrapper.sv-hero-on-dynamic
    .sv-hero-pane.is-active
    .sv-hero-dynamic-slide {
    animation: sv-hero-photo-in var(--sv-hero-photo-duration, 1.8s)
      var(--sv-anime-easing, cubic-bezier(0.25, 0.1, 0.25, 1))
      var(--sv-anime-delay, 0.05s) forwards;
  }

  body.page-test-srazuvvazu .sv-hero-dynamic-photo {
    position: absolute;
    top: 0;
    right: 0;
    left: calc(50% + var(--sv-hero-split-nudge, 30px) - 4.5rem);
    bottom: 0;
    overflow: hidden;
    background: #e8ecf1;
  }

  body.page-test-srazuvvazu .sv-hero-dyn-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
  }

  body.page-test-srazuvvazu .sv-hero-dyn-img--mob {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) and (min-width: 768px) and (min-height: 501px) {
  body.page-test-srazuvvazu.sv-hero-photo-ready
    .hit-prodaj-wrapper.sv-hero-on-dynamic
    .sv-hero-pane.is-active
    .sv-hero-dynamic-slide {
    transform: none;
    animation: none !important;
  }
}

@media (max-width: 767px), (orientation: landscape) and (max-height: 500px) and (max-width: 1024px) {
  /* Шапка уже над героем — большой padding-top не нужен.
   * Небольшой верх, запас снизу, чтобы строки не заходили в вырез фото. */
  body.page-test-srazuvvazu .hit-prodaj-wrapper.sv-hero-on-dynamic .sv-hero-dynamic.is-active {
    top: 0;
    left: 0;
    width: 100%;
    max-width: none;
    max-height: var(--sv-hero-mobile-split-y);
    transform: none;
    padding: 0.85rem 1.25rem 3.25rem;
    overflow: hidden;
    box-sizing: border-box;
  }

  /* Дата почти вплотную к заголовку; --sv-eyebrow-after двигает зазор (0 = как сейчас) */
  body.page-test-srazuvvazu .hit-prodaj-wrapper.sv-hero-on-dynamic .sv-hero-dynamic__eyebrow {
    margin-top: 0;
    margin-bottom: calc(-0.4rem + var(--sv-eyebrow-after, 0) * 0.05rem);
  }

  body.page-test-srazuvvazu .hit-prodaj-wrapper.sv-hero-on-dynamic .sv-hero-dynamic__eyebrow--stacked .sv-hero-dynamic__eyebrow-month {
    margin-top: calc(-0.42em + var(--sv-eyebrow-air, 0) * 0.05em);
  }

  body.page-test-srazuvvazu .hit-prodaj-wrapper.sv-hero-on-dynamic .sv-hero-dynamic__eyebrow--inline {
    line-height: 0.85;
  }

  body.page-test-srazuvvazu .hit-prodaj-wrapper.sv-hero-on-dynamic .sv-hero-dynamic__eyebrow--inline .sv-hero-dynamic__eyebrow-num {
    line-height: 0.72 !important;
  }

  body.page-test-srazuvvazu .hit-prodaj-wrapper.sv-hero-on-dynamic .sv-hero-dynamic__title {
    margin-top: 0;
    margin-bottom: 0.5rem;
  }

  body.page-test-srazuvvazu .hit-prodaj-wrapper.sv-hero-on-dynamic .sv-hero-dynamic__sub--bold {
    margin-top: 0.7rem;
  }

  body.page-test-srazuvvazu .hit-prodaj-wrapper.sv-hero-on-dynamic .sv-hero-dyn-img--desk {
    display: none;
  }

  body.page-test-srazuvvazu .hit-prodaj-wrapper.sv-hero-on-dynamic .sv-hero-dyn-img--mob {
    display: none; /* фото на мобилке — в ::before через --sv-hero-photo-image */
  }

  body.page-test-srazuvvazu .hit-prodaj-wrapper.sv-hero-on-dynamic.conditional-section_bg::before {
    background-color: #d6e5ff;
    background-image:
      radial-gradient(
        circle var(--sv-hero-mobile-notch-r) at 50% calc(100% + var(--sv-hero-mobile-notch-drop)),
        transparent calc(var(--sv-hero-mobile-notch-r) - 0.5px),
        #d6e5ff var(--sv-hero-mobile-notch-r)
      ),
      var(--sv-hero-photo-image, linear-gradient(#e8ecf1, #e8ecf1));
    background-repeat: no-repeat, no-repeat;
    background-position: center top, center calc(100% + 142px);
    background-size: 100% var(--sv-hero-mobile-split-y), cover;
  }
}



/*
 * Цикл слайдов героя (sv-hero-slide-cycle), локалка.
 *
 * ДЕСКТОП — ЗАФИКСИРОВАНО (не ломать «заодно»):
 *   маска ::before z-index 2 стоит; текст dissolve;
 *   фото ≤1 выезжает под маской поверх старого кадра;
 *   стрелки — hard; hover — пауза авто.
 *
 * МОБИЛКА: фото только в ::before (выезд снизу); desktop *-slide
 * не показывать при is-leaving — иначе текст уезжает влево и кадры ломаются.
 */
/*
 * Парковка ::before. На мобилке при prep/run НЕ ставить transform:none !important —
 * иначе keyframes sv-hero-mobile-slide-in не двигают слой (картинка «просто меняется»).
 */
body.page-test-srazuvvazu.sv-hero-photo-ready
  .hit-prodaj-wrapper.sv-hero-slide-cycle.sv-hero-settled:not(.sv-hero-mobile-photo-prep):not(.sv-hero-mobile-photo-run).conditional-section_bg::before {
  animation: none !important;
  transform: none !important;
  opacity: 1 !important;
  will-change: auto;
}

body.page-test-srazuvvazu
  .hit-prodaj-wrapper.sv-hero-slide-cycle.sv-hero-settled
  .sv-hero-dynamic.is-leaving,
body.page-test-srazuvvazu
  .hit-prodaj-wrapper.sv-hero-slide-cycle.sv-hero-settled
  .sv-hero-sept.is-leaving {
  display: block !important;
  visibility: visible !important;
  pointer-events: none !important;
  z-index: 9;
}

/* ===== Desktop soft (зафиксировано) ===== */
@media (min-width: 768px) and (min-height: 501px) {
  /* Старое фото остаётся под новым и ПОД маской */
  body.page-test-srazuvvazu
    .hit-prodaj-wrapper.sv-hero-slide-cycle.sv-hero-settled
    .sv-hero-classic-slide.is-leaving,
  body.page-test-srazuvvazu
    .hit-prodaj-wrapper.sv-hero-slide-cycle.sv-hero-settled
    .sv-hero-sept-slide.is-leaving,
  body.page-test-srazuvvazu
    .hit-prodaj-wrapper.sv-hero-slide-cycle.sv-hero-settled
    .sv-hero-pane.is-leaving {
    display: block !important;
    pointer-events: none !important;
    z-index: 0 !important;
    animation: none !important;
    transform: none !important;
  }

  body.page-test-srazuvvazu
    .hit-prodaj-wrapper.sv-hero-slide-cycle.sv-hero-settled
    .sv-hero-pane.is-leaving
    .sv-hero-dynamic-slide {
    display: block !important;
    position: absolute !important;
    z-index: 0 !important;
    inset: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    animation: none !important;
    transform: none !important;
    will-change: auto;
  }

  body.page-test-srazuvvazu.sv-hero-photo-ready
    .hit-prodaj-wrapper.sv-hero-slide-cycle.sv-hero-settled:not(.sv-hero-photo-enter)
    .sv-hero-classic-slide:not(.is-leaving),
  body.page-test-srazuvvazu.sv-hero-photo-ready
    .hit-prodaj-wrapper.sv-hero-slide-cycle.sv-hero-settled:not(.sv-hero-photo-enter)
    .sv-hero-sept-slide:not(.is-leaving),
  body.page-test-srazuvvazu.sv-hero-photo-ready
    .hit-prodaj-wrapper.sv-hero-slide-cycle.sv-hero-settled:not(.sv-hero-photo-enter)
    .sv-hero-pane.is-active:not(.is-leaving)
    .sv-hero-dynamic-slide {
    animation: none !important;
    transform: none !important;
    will-change: auto;
  }

  body.page-test-srazuvvazu
    .hit-prodaj-wrapper.sv-hero-slide-cycle.sv-hero-settled.sv-hero-photo-enter
    .sv-hero-classic-slide:not(.is-leaving),
  body.page-test-srazuvvazu
    .hit-prodaj-wrapper.sv-hero-slide-cycle.sv-hero-settled.sv-hero-photo-enter
    .sv-hero-sept-slide:not(.is-leaving),
  body.page-test-srazuvvazu
    .hit-prodaj-wrapper.sv-hero-slide-cycle.sv-hero-settled.sv-hero-photo-enter
    .sv-hero-pane.is-active:not(.is-leaving)
    .sv-hero-dynamic-slide {
    animation: sv-hero-photo-in 2s cubic-bezier(0.25, 0.1, 0.25, 1) forwards !important;
    will-change: transform; /* только на время enter; класс снимается → слой освобождается */
    z-index: 1 !important;
  }

  body.page-test-srazuvvazu
    .hit-prodaj-wrapper.sv-hero-slide-cycle.sv-hero-settled.sv-hero-photo-enter
    .sv-hero-pane.is-active:not(.is-leaving) {
    z-index: 1 !important;
  }
}

/* ===== Mobile soft: ::before выезд снизу; desktop-слои фото не трогаем ===== */
@media (max-width: 767px), (orientation: landscape) and (max-height: 500px) and (max-width: 1024px) {
  body.page-test-srazuvvazu
    .hit-prodaj-wrapper.sv-hero-slide-cycle.sv-hero-settled
    .sv-hero-classic-slide.is-leaving,
  body.page-test-srazuvvazu
    .hit-prodaj-wrapper.sv-hero-slide-cycle.sv-hero-settled
    .sv-hero-sept-slide.is-leaving,
  body.page-test-srazuvvazu
    .hit-prodaj-wrapper.sv-hero-slide-cycle.sv-hero-settled
    .sv-hero-pane.is-leaving,
  body.page-test-srazuvvazu
    .hit-prodaj-wrapper.sv-hero-slide-cycle.sv-hero-settled
    .sv-hero-pane.is-leaving
    .sv-hero-dynamic-slide {
    display: none !important;
  }

  /* Уходящий текст остаётся в мобильной вёрстке (не 52% / top 46%) */
  body.page-test-srazuvvazu
    .hit-prodaj-wrapper.sv-hero-slide-cycle.sv-hero-settled
    .sv-hero-dynamic.is-leaving,
  body.page-test-srazuvvazu
    .hit-prodaj-wrapper.sv-hero-slide-cycle.sv-hero-settled
    .sv-hero-sept.is-leaving {
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    max-width: none !important;
    max-height: var(--sv-hero-mobile-split-y) !important;
    transform: none !important;
    padding: 0.85rem 1.25rem 3.25rem !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  /* Подготовка: ::before вниз → новый --sv-hero-photo-image → выезд снизу */
  body.page-test-srazuvvazu.sv-hero-photo-ready
    .hit-prodaj-wrapper.sv-hero-slide-cycle.sv-hero-settled.sv-hero-mobile-photo-prep.conditional-section_bg::before {
    animation: none !important;
    transform: translate3d(0, 100%, 0) !important;
    will-change: transform;
  }

  /*
   * Только animation — без transform:!important (он глушит keyframes).
   * Парковка settled на время run снята через :not(.sv-hero-mobile-photo-run).
   */
  body.page-test-srazuvvazu.sv-hero-photo-ready
    .hit-prodaj-wrapper.sv-hero-slide-cycle.sv-hero-settled.sv-hero-mobile-photo-run.conditional-section_bg::before {
    animation: sv-hero-mobile-slide-in 2s cubic-bezier(0.25, 0.1, 0.25, 1) forwards !important;
    will-change: transform;
  }
}

/*
 * Первый выезд: текст скрыт, пока не будет sv-hero-text-reveal
 * (шрифты + иконка цветка + чуть после старта фото → один общий fade).
 */
body.page-test-srazuvvazu.sv-hero-photo-ready:not(.sv-hero-text-reveal)
  .hit-prodaj-wrapper.conditional-section_bg::after,
body.page-test-srazuvvazu.sv-hero-photo-ready:not(.sv-hero-text-reveal)
  .hit-prodaj-wrapper > .container::after,
body.page-test-srazuvvazu.sv-hero-photo-ready:not(.sv-hero-text-reveal)
  .hit-prodaj-wrapper
  .sv-hero-dynamic.is-active,
body.page-test-srazuvvazu.sv-hero-photo-ready:not(.sv-hero-text-reveal)
  .hit-prodaj-wrapper
  .sv-hero-sept {
  opacity: 0 !important;
  visibility: hidden !important;
  transition: none !important;
}

/* Armed: transition уже включён, opacity ещё 0 — следующий кадр → reveal */
body.page-test-srazuvvazu.sv-hero-text-armed:not(.sv-hero-text-reveal)
  .hit-prodaj-wrapper.conditional-section_bg::after,
body.page-test-srazuvvazu.sv-hero-text-armed:not(.sv-hero-text-reveal)
  .hit-prodaj-wrapper > .container::after,
body.page-test-srazuvvazu.sv-hero-text-armed:not(.sv-hero-text-reveal)
  .hit-prodaj-wrapper
  .sv-hero-dynamic.is-active,
body.page-test-srazuvvazu.sv-hero-text-armed:not(.sv-hero-text-reveal)
  .hit-prodaj-wrapper
  .sv-hero-sept {
  opacity: 0 !important;
  visibility: visible !important;
  transition: opacity 0.55s cubic-bezier(0.33, 0.05, 0.25, 1) !important;
}

body.page-test-srazuvvazu.sv-hero-text-reveal
  .hit-prodaj-wrapper.conditional-section_bg::after,
body.page-test-srazuvvazu.sv-hero-text-reveal
  .hit-prodaj-wrapper > .container::after,
body.page-test-srazuvvazu.sv-hero-text-reveal
  .hit-prodaj-wrapper.sv-hero-on-dynamic
  .sv-hero-dynamic.is-active,
body.page-test-srazuvvazu.sv-hero-text-reveal
  .hit-prodaj-wrapper.sv-hero-on-sept
  .sv-hero-sept {
  opacity: 1 !important;
  visibility: visible !important;
  transition: opacity 0.55s cubic-bezier(0.33, 0.05, 0.25, 1) !important;
}

/* После первого показа текст не гасить, если replay снимает photo-ready */
body.page-test-srazuvvazu.sv-hero-text-live:not(.sv-hero-photo-ready)
  .hit-prodaj-wrapper.sv-hero-on-classic.conditional-section_bg::after,
body.page-test-srazuvvazu.sv-hero-text-live:not(.sv-hero-photo-ready)
  .hit-prodaj-wrapper.sv-hero-on-classic > .container::after,
body.page-test-srazuvvazu.sv-hero-text-live:not(.sv-hero-photo-ready)
  .hit-prodaj-wrapper > .container::before,
body.page-test-srazuvvazu.sv-hero-text-live:not(.sv-hero-photo-ready)
  .hit-prodaj-wrapper.sv-hero-on-dynamic
  .sv-hero-dynamic.is-active,
body.page-test-srazuvvazu.sv-hero-text-live:not(.sv-hero-photo-ready)
  .hit-prodaj-wrapper.sv-hero-on-sept
  .sv-hero-sept {
  opacity: 1 !important;
  visibility: visible !important;
}

body.page-test-srazuvvazu .hit-prodaj-wrapper.sv-hero-slide-cycle .sv-hero-sept,
body.page-test-srazuvvazu .hit-prodaj-wrapper.sv-hero-slide-cycle .sv-hero-dynamic,
body.page-test-srazuvvazu .hit-prodaj-wrapper.sv-hero-slide-cycle.conditional-section_bg::after,
body.page-test-srazuvvazu .hit-prodaj-wrapper.sv-hero-slide-cycle > .container::after {
  font-synthesis: none;
}

/*
 * Transition opacity — только во время soft text-out/in/leaving,
 * не на весь settled (иначе шум при первом settle / photo-ready).
 */
body.page-test-srazuvvazu
  .hit-prodaj-wrapper.sv-hero-slide-cycle.sv-hero-settled.sv-hero-text-out
  .sv-hero-sept,
body.page-test-srazuvvazu
  .hit-prodaj-wrapper.sv-hero-slide-cycle.sv-hero-settled.sv-hero-text-out
  .sv-hero-dynamic,
body.page-test-srazuvvazu
  .hit-prodaj-wrapper.sv-hero-slide-cycle.sv-hero-settled.sv-hero-text-in
  .sv-hero-sept,
body.page-test-srazuvvazu
  .hit-prodaj-wrapper.sv-hero-slide-cycle.sv-hero-settled.sv-hero-text-in
  .sv-hero-dynamic,
body.page-test-srazuvvazu
  .hit-prodaj-wrapper.sv-hero-slide-cycle.sv-hero-settled
  .sv-hero-sept.is-leaving,
body.page-test-srazuvvazu
  .hit-prodaj-wrapper.sv-hero-slide-cycle.sv-hero-settled
  .sv-hero-dynamic.is-leaving,
body.page-test-srazuvvazu
  .hit-prodaj-wrapper.sv-hero-slide-cycle.sv-hero-settled.sv-hero-text-out.sv-hero-on-classic.conditional-section_bg::after,
body.page-test-srazuvvazu
  .hit-prodaj-wrapper.sv-hero-slide-cycle.sv-hero-settled.sv-hero-text-out.sv-hero-on-classic
  > .container::after,
body.page-test-srazuvvazu
  .hit-prodaj-wrapper.sv-hero-slide-cycle.sv-hero-settled.sv-hero-text-in.sv-hero-on-classic.conditional-section_bg::after,
body.page-test-srazuvvazu
  .hit-prodaj-wrapper.sv-hero-slide-cycle.sv-hero-settled.sv-hero-text-in.sv-hero-on-classic
  > .container::after,
body.page-test-srazuvvazu
  .hit-prodaj-wrapper.sv-hero-slide-cycle.sv-hero-settled.sv-hero-classic-text-leaving.conditional-section_bg::after,
body.page-test-srazuvvazu
  .hit-prodaj-wrapper.sv-hero-slide-cycle.sv-hero-settled.sv-hero-classic-text-leaving
  > .container::after {
  transition: opacity 1.4s cubic-bezier(0.33, 0.05, 0.25, 1);
}

/*
 * Classic-текст (::after) продолжает растворяться после снятия on-classic,
 * пока новое фото уже выезжает поверх; потом остаётся прозрачным до clearLeaving.
 */
body.page-test-srazuvvazu
  .hit-prodaj-wrapper.sv-hero-slide-cycle.sv-hero-settled.sv-hero-classic-text-leaving.conditional-section_bg::after {
  content: "ДОСТАВКА ЦВЕТОВ\A И БУКЕТОВ" !important;
  background: url("/static/srazu_v_vazu_new/images/icon_flower.png") center top / 48px 48px no-repeat !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity 1.4s cubic-bezier(0.33, 0.05, 0.25, 1) !important;
}

@media (min-width: 768px) and (min-height: 501px) {
  body.page-test-srazuvvazu
    .hit-prodaj-wrapper.sv-hero-slide-cycle.sv-hero-settled.sv-hero-classic-text-leaving
    > .container::after {
    content: "Бесплатная доставка по городу\A на авторские сборные букеты от 2000₽" !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity 1.4s cubic-bezier(0.33, 0.05, 0.25, 1) !important;
  }
}

/* Уходящий текст растворяется */
body.page-test-srazuvvazu
  .hit-prodaj-wrapper.sv-hero-slide-cycle.sv-hero-settled.sv-hero-text-out
  .sv-hero-sept:not(.is-leaving),
body.page-test-srazuvvazu
  .hit-prodaj-wrapper.sv-hero-slide-cycle.sv-hero-settled.sv-hero-text-out
  .sv-hero-dynamic.is-active:not(.is-leaving),
body.page-test-srazuvvazu
  .hit-prodaj-wrapper.sv-hero-slide-cycle.sv-hero-settled
  .sv-hero-sept.is-leaving,
body.page-test-srazuvvazu
  .hit-prodaj-wrapper.sv-hero-slide-cycle.sv-hero-settled
  .sv-hero-dynamic.is-leaving,
body.page-test-srazuvvazu
  .hit-prodaj-wrapper.sv-hero-slide-cycle.sv-hero-settled.sv-hero-text-out.sv-hero-on-classic.conditional-section_bg::after,
body.page-test-srazuvvazu
  .hit-prodaj-wrapper.sv-hero-slide-cycle.sv-hero-settled.sv-hero-text-out.sv-hero-on-classic
  > .container::after,
body.page-test-srazuvvazu
  .hit-prodaj-wrapper.sv-hero-slide-cycle.sv-hero-settled.sv-hero-classic-text-leaving.sv-hero-text-out.conditional-section_bg::after,
body.page-test-srazuvvazu
  .hit-prodaj-wrapper.sv-hero-slide-cycle.sv-hero-settled.sv-hero-classic-text-leaving.sv-hero-text-out
  > .container::after {
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Новый текст держим прозрачным до text-in, чтобы рождение не «прыгало» */
body.page-test-srazuvvazu
  .hit-prodaj-wrapper.sv-hero-slide-cycle.sv-hero-settled.sv-hero-text-hold
  .sv-hero-sept:not(.is-leaving),
body.page-test-srazuvvazu
  .hit-prodaj-wrapper.sv-hero-slide-cycle.sv-hero-settled.sv-hero-text-hold
  .sv-hero-dynamic.is-active:not(.is-leaving),
body.page-test-srazuvvazu
  .hit-prodaj-wrapper.sv-hero-slide-cycle.sv-hero-settled.sv-hero-text-hold.sv-hero-on-classic.conditional-section_bg::after,
body.page-test-srazuvvazu
  .hit-prodaj-wrapper.sv-hero-slide-cycle.sv-hero-settled.sv-hero-text-hold.sv-hero-on-classic
  > .container::after {
  opacity: 0 !important;
  visibility: visible !important;
  pointer-events: none !important;
  transition: none !important;
}

/* Новый текст рождается так же медленно, как уходил старый */
body.page-test-srazuvvazu
  .hit-prodaj-wrapper.sv-hero-slide-cycle.sv-hero-settled.sv-hero-text-in
  .sv-hero-sept:not(.is-leaving),
body.page-test-srazuvvazu
  .hit-prodaj-wrapper.sv-hero-slide-cycle.sv-hero-settled.sv-hero-text-in
  .sv-hero-dynamic.is-active:not(.is-leaving),
body.page-test-srazuvvazu
  .hit-prodaj-wrapper.sv-hero-slide-cycle.sv-hero-settled.sv-hero-text-in.sv-hero-on-classic.conditional-section_bg::after,
body.page-test-srazuvvazu
  .hit-prodaj-wrapper.sv-hero-slide-cycle.sv-hero-settled.sv-hero-text-in.sv-hero-on-classic
  > .container::after {
  opacity: 1 !important;
  visibility: visible !important;
  transition: opacity 1.4s cubic-bezier(0.33, 0.05, 0.25, 1) !important;
}