/* --- Variables --- */
:root {
  --bg: rgb(248, 248, 248);
  --bg-card: #ffffff;
  --text: #111111;
  --text-muted: #6b6b6b;
  --accent: #111111;
  --accent-soft: rgba(17, 17, 17, 0.04);
  --border: #e0e0e0;
  /* Разделитель футера кейса: светлее обычной границы */
  --case-nav-footer-divider: #ebebeb;
  --font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-serif: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --space: 1.5rem;
  --radius: 12px;
  --transition: 0.2s ease;
  /* Все дорожки minmax(0, …) — иначе min-content в 1-й/3-й колонке разъезжается между шапкой и кейсом */
  --header-nav-cols: minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 1.2fr);
}

/* Без scroll-behavior: smooth — иначе при смене маршрута window.scrollTo «едет» снизу вверх */
html {
  scroll-behavior: auto;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

.header {
  position: sticky;
  top: 0;
  z-index: 100;
  background: transparent;
}

.header-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 1rem;
}

/* Earlybird (tablet): «Аукционный каталог» как description под фото */
@media (min-width: 641px) and (max-width: 1023px) {
  #case-shokoladnitsa.case-earlybird-page
    > .case-split-breakout--auction-e1
    > .case-split-row.case-split-row--main-screen {
    flex-direction: column;
    align-items: stretch;
    gap: 1rem;
  }

  #case-shokoladnitsa.case-earlybird-page
    > .case-split-breakout--auction-e1
    > .case-split-row.case-split-row--main-screen
    > .case-split-figure {
    order: 1;
    width: 100%;
  }

  #case-shokoladnitsa.case-earlybird-page
    > .case-split-breakout--auction-e1
    > .case-split-row.case-split-row--main-screen
    > .case-split-copy {
    order: 2;
    width: 100%;
    max-width: none;
  }

  #case-shokoladnitsa.case-earlybird-page
    > .case-split-breakout--auction-e1
    > .case-split-row.case-split-row--main-screen
    > .case-split-copy
    > h3.case-title {
    display: none;
  }

  #case-shokoladnitsa.case-earlybird-page
    > .case-split-breakout--auction-e1
    > .case-split-row.case-split-row--main-screen
    > .case-split-copy
    > .case-description.case-split-text {
    color: var(--text-muted);
    font-size: 15px;
    line-height: 1.6;
    width: 100%;
    max-width: none;
    align-self: stretch;
  }

  #case-shokoladnitsa.case-earlybird-page
    > .case-split-breakout--auction-e1
    > .case-split-row.case-split-row--main-screen
    > .case-split-copy
    > .case-description.case-split-text::before {
    content: "Аукционный каталог. ";
    color: inherit;
  }

  /* Earlybird (tablet): единый и чуть более крупный ритм между блоками */
  #case-shokoladnitsa.case-earlybird-page {
    --earlybird-tablet-section-gap: 72px;
  }

  /* Убираем любые индивидуальные отступы между секциями, оставляя один эталонный шаг */
  #case-shokoladnitsa.case-earlybird-page > * {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  #case-shokoladnitsa.case-earlybird-page > * + * {
    margin-top: var(--earlybird-tablet-section-gap) !important;
  }

  /* Внутри content-row используем тот же шаг, без частных расхождений */
  #case-shokoladnitsa.case-earlybird-page .case-top.case-content-row {
    gap: var(--earlybird-tablet-section-gap) !important;
  }

  /* Earlybird (tablet): вставленные key-screens внутри content-row в общий ритм */
  #case-shokoladnitsa.case-earlybird-page
    .case-top.case-content-row
    > .case-right
    + .case-split-breakout.case-split-breakout--earlybird-e3-key,
  #case-shokoladnitsa.case-earlybird-page
    .case-top.case-content-row
    > .case-right
    + .case-right
    + .case-split-breakout.case-split-breakout--earlybird-e3-key {
    margin-top: 0 !important;
  }

  /* Планшет Earlybird: у блока «Финансы» сверху и снизу одинаковый интервал */
  #case-shokoladnitsa.case-earlybird-page
    .case-top.case-content-row
    > .case-right
    + .case-right
    + .case-split-breakout.case-split-breakout--earlybird-e3-key {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  #case-shokoladnitsa.case-earlybird-page
    .case-top.case-content-row
    > .case-right
    + .case-right
    + .case-split-breakout.case-split-breakout--earlybird-e3-key
    + .case-split-breakout.case-split-breakout--key-screens-wheel {
    margin-top: 0 !important;
  }

  /* Планшет Earlybird: 3-й и 4-й текстовые подпункты — как один смысловой блок с малым внутренним зазором */
  #case-shokoladnitsa.case-earlybird-page
    .case-top.case-content-row:has(
      > .case-right + .case-right + .case-split-breakout.case-split-breakout--earlybird-e3-key
    )
    > .case-right
    + .case-right {
    margin-top: calc(1rem - var(--earlybird-tablet-section-gap)) !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  /* Шоколадница: «Главный экран» — на планшете description под фото */
  #case-shokoladnitsa
    > .case-split-breakout
    > .case-split-row.case-split-row--main-screen {
    flex-direction: column;
    align-items: stretch;
    gap: 0.75rem;
  }
}

/* Чуть больше воздуха сверху перед лид-блоком на всех страницах кейсов */
.case > .container:first-of-type > .case-top.case-top--lead {
  margin-top: 1.25rem;
}

/* Заголовки секций (S, Проблема, T, A, R): контейнер по центру страницы, как у колонки текста; строка заголовка — влево */
.case-top.case-content-row .case-title {
  flex: none;
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: min(var(--case-measure), 100%);
  margin-inline: auto;
  text-align: left;
  align-self: center;
}

.case-top.case-content-row ul.case-description-list,
.case-top.case-content-row ol.case-description-list--numbered {
  list-style-position: outside;
  /* Глобально `ul` выключает list-style, поэтому явно возвращаем маркеры для кейс-списков */
  list-style-type: disc;
  padding-left: 1.35rem;
  text-align: left;
  align-self: stretch;
  width: 100%;
  max-width: min(var(--case-measure), 100%);
}

.case-description {
  margin: 0;
  font-size: 21px;
  line-height: 1.6;
  color: var(--text);
  text-align: left;
  width: min(var(--case-measure), 100%);
  max-width: 100%;
  align-self: flex-end;
}

/*
 * Обложка кейса: на всю ширину контейнера; высота по натуральным пропорциям видео/картинки.
 * Скругление у обёртки + overflow — клип по радиусу (без «квадрата» и полей contain).
 */
.case-cover {
  background-color: transparent;
  border-radius: 28px;
  overflow: hidden;
  padding: 0;
  margin-top: var(--case-row-gap);
  margin-bottom: var(--case-row-gap);
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  isolation: isolate;
}

/* Шоколадница: сплит «Главный экран» визуально ближе к соседям — чуть усиливаем вертикаль */
#case-shokoladnitsa {
  --case-split-block-vertical-extra: 16px;
  --case-lead-measure: calc(66ch + 126px);
}

/* «Ключевые экраны» в breakout: на десктопе один ряд — текст слева, фото справа */
@media (min-width: 769px) {
  #case-shokoladnitsa
    > .case-split-breakout
    .case-split-row.case-split-row--horizontal-desktop
    .case-split-copy,
  #case-shokoladnitsa
    .case-top.case-content-row
    > .case-split-breakout
    .case-split-row.case-split-row--horizontal-desktop
    .case-split-copy {
    flex: 0 0 auto;
    max-width: min(470px, 100%);
    min-width: 0;
  }

  #case-shokoladnitsa
    > .case-split-breakout
    .case-split-row.case-split-row--horizontal-desktop
    .case-description.case-split-text,
  #case-shokoladnitsa
    .case-top.case-content-row
    > .case-split-breakout
    .case-split-row.case-split-row--horizontal-desktop
    .case-description.case-split-text {
    width: 470px;
    max-width: 100%;
  }

  /* «Шоксы»: уже текстовая колонка, больше воздуха заголовок ↔ абзац — как ощущается у «Главного экрана» */
  #case-shokoladnitsa
    > .case-split-breakout--key-screens
    .case-split-row.case-split-row--horizontal-desktop
    .case-split-copy,
  #case-shokoladnitsa
    .case-top.case-content-row
    > .case-split-breakout--key-screens
    .case-split-row.case-split-row--horizontal-desktop
    .case-split-copy {
    max-width: min(440px, 100%);
    gap: var(--case-heading-to-body-gap);
  }

  #case-shokoladnitsa
    > .case-split-breakout--key-screens
    .case-split-row.case-split-row--horizontal-desktop
    .case-description.case-split-text,
  #case-shokoladnitsa
    .case-top.case-content-row
    > .case-split-breakout--key-screens
    .case-split-row.case-split-row--horizontal-desktop
    .case-description.case-split-text {
    width: 440px;
    max-width: 100%;
  }
}

/* Отступы до/после сплита = --case-row-gap (60px), как между .case-content-row */
.case-split-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 2rem 2.5rem;
  width: 100%;
  margin: 0;
  box-sizing: border-box;
  padding-top: 0;
}

.case-split-copy {
  flex: 0 0 auto;
  min-width: min(100%, 17rem);
  max-width: min(var(--case-measure), 100%);
  display: flex;
  flex-direction: column;
  gap: var(--case-heading-to-body-gap);
  text-align: left;
}

.case-description.case-split-text {
  margin: 0;
  /* Уменьшаем ширину описания под референс */
  max-width: min(500px, 100%);
  width: 470px;
  text-align: left;
  align-self: flex-start;
}

/*
 * Лэптоп 1024–1439: R + корзина — скрин чуть шире, текст уже и с чуть меньшим кеглем;
 * горизонтальный зазор карточки↔фото меньше, чем на широком десктопе (там gap из блока ≥769px).
 */
@media (min-width: 1024px) and (max-width: 1439px) {
  #case-shokoladnitsa
    .case-top.case-content-row
    > .case-split-breakout.case-split-breakout--key-screens-wheel
    > .case-split-row.case-split-row--horizontal-desktop {
    gap: 2rem 1rem;
  }

  #case-shokoladnitsa
    > .case-split-breakout--key-screens
    > .case-split-row.case-split-row--horizontal-desktop
    > .case-split-copy {
    flex: 0 1 auto;
    max-width: min(350px, 36.5%);
    min-width: 0;
  }

  #case-shokoladnitsa
    > .case-split-breakout--key-screens
    > .case-split-row.case-split-row--horizontal-desktop
    .case-description.case-split-text {
    width: 100%;
    max-width: 100%;
  }
}

/* Мобилка: скругления фото/медиа 16px — после базовых 28px, иначе каскад перебивает */
@media (max-width: 767px) {
  #case-shokoladnitsa .case-cover,
  #case-shokoladnitsa .case-split-card,
  #case-shokoladnitsa .case-split-video-wrap,
  #case-shokoladnitsa .case-top.case-content-row > .case-accent-strip {
    border-radius: 16px;
  }

  #case-shokoladnitsa .case-reviews-image,
  #case-shokoladnitsa .case-figure-wide-image {
    border-radius: 16px;
  }
}

.case-quant-heading {
  margin-top: 1.25rem;
}

/* Карточки R (Result) */
.case-result-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
  width: 100%;
  max-width: min(var(--case-measure), 100%);
  align-self: stretch;
}

@media (min-width: 769px) {
  .case-result-grid {
    grid-template-columns: 1fr 1fr;
  }

  .case-result-grid.case-result-grid--vertical {
    grid-template-columns: 1fr;
  }
}

/* В колонке сплита R (Result): карточки одна под другой, ширина как у текста «Шоксы» */
#case-shokoladnitsa .case-split-copy .case-result-grid.case-result-grid--vertical {
  max-width: min(440px, 100%);
  align-self: flex-start;
}

@media (max-width: 768px) {
  .case-split-row {
    flex-direction: column;
    gap: 1.25rem;
  }
}

/* Шоколадница: до 768px — та же верстка, что на планшете (медиа сверху, текст снизу; заголовок вшит в абзац) */
@media (max-width: 767px) {
  #case-shokoladnitsa
    > .case-split-breakout
    > .case-split-row.case-split-row--main-screen {
    flex-direction: column;
    align-items: stretch;
    gap: 0.65rem;
  }

  #case-shokoladnitsa
    > .case-split-breakout--key-screens
    > .case-split-row.case-split-row--horizontal-desktop
    > .case-split-copy
    > h3.case-title {
    display: none;
  }
}

/* Шоколадница: только узкая мобилка (≤640px) — заголовки 22px, текст 16px */
@media (max-width: 640px) {
  #case-shokoladnitsa.case {
    --case-heading-to-body-gap: 1.15rem;
    --case-section-title-to-body-gap: 1.15rem;
    padding-top: 38px;
  }
}

.case-nav-footer__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.case-nav-footer__back,
.case-nav-footer__next {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  text-decoration: none;
  font-size: 0.9375rem;
  font-weight: 500;
  transition: color 0.2s ease, opacity 0.2s ease;
}

.case-nav-footer__next {
  text-align: right;
  color: var(--text);
  opacity: 0.55;
}

@media (hover: hover) {
  .case-nav-footer__back:hover,
  .case-nav-footer__next:hover {
    opacity: 1;
    color: #111111;
  }
}

/* Nosh / Earlybird / Шоколадница: без серого фона под обложкой */
.case-nosh-page > .container .case-cover,
.case-earlybird-page > .container .case-cover,
.case-layout-shokoladnitsa > .container .case-cover {
  padding-left: 0;
  padding-right: 0;
  background-color: transparent;
}

.case-nosh-page > .container .case-cover .case-cover-image,
.case-earlybird-page > .container .case-cover .case-cover-image,
.case-layout-shokoladnitsa > .container .case-cover .case-cover-image {
  width: 100%;
  max-width: 100%;
  height: auto;
}

/* Earlybird: R (Result) без корзины — ширина как у абзацев .case-right (--case-measure); сетка 2+1 как на планшете */
@media (min-width: 768px) {
  #case-shokoladnitsa.case-earlybird-page
    .case-top.case-content-row
    > .case-split-breakout.case-split-breakout--key-screens-wheel
    > .case-split-row.case-split-row--horizontal-desktop:not(:has(.case-split-figure--basket))
    > .case-split-copy {
    flex: 0 1 auto;
    max-width: min(var(--case-measure), 100%);
    width: 100%;
    min-width: 0;
    margin-inline: auto;
    align-items: stretch;
  }

  #case-shokoladnitsa.case-earlybird-page
    .case-top.case-content-row
    > .case-split-breakout.case-split-breakout--key-screens-wheel
    > .case-split-row.case-split-row--horizontal-desktop:not(:has(.case-split-figure--basket))
    .case-split-copy
    .case-result-grid.case-result-grid--vertical {
    grid-template-columns: 1fr 1fr;
    max-width: min(var(--case-measure), 100%);
    width: 100%;
    align-self: stretch;
  }
}

/* Поверх правила #case-shokoladnitsa .case-description.case-split-text на узкой мобилке */
@media (max-width: 640px) {
  #case-shokoladnitsa.case-earlybird-page
    .case-cover-caption-row
    .case-cover-caption.case-description.case-split-text {
    font-size: 15px;
    line-height: 1.6;
  }
}

/* Earlybird tablet+mobile: симметричные края без правого «уезда» */
@media (max-width: 1023px) {
  #case-shokoladnitsa.case-earlybird-page .case-reviews-figure--earlybird-cards {
    width: 100%;
    max-width: 100%;
    align-self: stretch;
    transform: none;
  }

  #case-shokoladnitsa.case-earlybird-page
    .case-top.case-content-row
    > .case-split-breakout,
  #case-shokoladnitsa.case-earlybird-page > .case-split-breakout {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
  }

  #case-shokoladnitsa.case-earlybird-page
    .case-split-row
    > .case-split-figure.case-earlybird-e3-figure {
    margin-left: 0;
    margin-right: 0;
  }
}

/* Earlybird: E3 — только фото, натуральный размер без обрезки (без case-split-card) */
#case-shokoladnitsa.case-earlybird-page .case-earlybird-e3-figure {
  margin: 0;
  width: 100%;
  max-width: 100%;
}

#case-shokoladnitsa.case-earlybird-page .case-earlybird-e3-image {
  display: block;
  width: auto;
  max-width: 93%;
  height: auto;
  margin-inline: auto;
}

#case-shokoladnitsa.case-earlybird-page
  .case-split-breakout--earlybird-e3-key
  .case-split-figure.case-earlybird-e3-figure
  .case-earlybird-e3-image {
  width: 100%;
  max-width: 100%;
  height: auto;
  margin-inline: 0;
  object-fit: contain;
  flex-shrink: 0;
}

@media (width: 1024px) {
  /* 1024: один общий отступ страницы; у split без дополнительного внутреннего padding */
  #case-shokoladnitsa.case-earlybird-page > .case-split-breakout,
  #case-shokoladnitsa.case-earlybird-page .case-top.case-content-row > .case-split-breakout {
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
  }

  /* 1024: фото целиком в контейнере, без обрезки */
  #case-shokoladnitsa.case-earlybird-page
    .case-split-breakout--earlybird-e3-key
    > .case-split-row.case-split-row--horizontal-desktop {
    display: grid;
    grid-template-columns: minmax(0, 34fr) minmax(0, 66fr);
    column-gap: 1.5rem;
    align-items: start;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
  }

  #case-shokoladnitsa.case-earlybird-page
    .case-split-breakout--earlybird-e3-key
    > .case-split-row.case-split-row--horizontal-desktop
    > .case-split-copy {
    min-width: 0;
    width: auto;
    max-width: none;
  }

  #case-shokoladnitsa.case-earlybird-page
    .case-split-breakout--earlybird-e3-key
    > .case-split-row.case-split-row--horizontal-desktop
    > .case-split-figure.case-earlybird-e3-figure {
    min-width: 0;
    width: auto;
    max-width: none;
    margin: 0;
  }

  #case-shokoladnitsa.case-earlybird-page
    .case-split-breakout--earlybird-e3-key
    .case-split-figure.case-earlybird-e3-figure
    .case-earlybird-e3-image {
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: none;
    object-fit: contain;
    object-position: center;
  }

  #case-shokoladnitsa.case-earlybird-page
    .case-split-breakout--earlybird-e3-key
    > .case-split-row.case-split-row--horizontal-desktop
    > .case-split-copy
    > .case-description.case-split-text {
    font-size: 17px;
    line-height: 1.5;
  }

  /* 1024: убираем правый сдвиг E2, чтобы края страницы были симметричны */
  #case-shokoladnitsa.case-earlybird-page .case-reviews-figure--earlybird-cards {
    width: 100%;
    max-width: 100%;
    align-self: stretch;
    transform: none;
  }
}

@media (min-width: 641px) and (max-width: 1023px) {
  #case-shokoladnitsa.case-earlybird-page
    .case-split-breakout--earlybird-e3-key
    > .case-split-row.case-split-row--horizontal-desktop {
    flex-direction: column;
    align-items: stretch;
    gap: 1.25rem;
  }

  #case-shokoladnitsa.case-earlybird-page
    .case-split-breakout--earlybird-e3-key
    > .case-split-row.case-split-row--horizontal-desktop
    > .case-split-figure {
    order: 1;
    width: 100%;
  }

  #case-shokoladnitsa.case-earlybird-page
    .case-split-breakout--earlybird-e3-key
    > .case-split-row.case-split-row--horizontal-desktop
    > .case-split-copy {
    order: 2;
    width: 100%;
    max-width: none;
  }

  #case-shokoladnitsa.case-earlybird-page
    .case-split-breakout--earlybird-e3-key
    > .case-split-row.case-split-row--horizontal-desktop
    > .case-split-copy
    > h3.case-title {
    display: none;
  }

  #case-shokoladnitsa.case-earlybird-page
    .case-split-breakout--earlybird-e3-key
    > .case-split-row.case-split-row--horizontal-desktop
    > .case-split-copy
    > .case-description.case-split-text.case-earlybird-mobile-caption {
    color: var(--text-muted);
    font-size: 15px;
    line-height: 1.6;
    width: 100%;
    max-width: none;
    align-self: stretch;
  }

  #case-shokoladnitsa.case-earlybird-page .case-earlybird-mobile-caption--auctions::before,
  #case-shokoladnitsa.case-earlybird-page .case-earlybird-mobile-caption--auction::before {
    content: "Мои аукционы. ";
    color: inherit;
  }

  #case-shokoladnitsa.case-earlybird-page .case-earlybird-mobile-caption--calculator::before {
    content: "Калькулятор. ";
    color: inherit;
  }

  #case-shokoladnitsa.case-earlybird-page .case-earlybird-mobile-caption--finances::before {
    content: "Финансы. ";
    color: inherit;
  }
}

@media (max-width: 767px) {
  #case-shokoladnitsa.case-earlybird-page
    > .case-split-breakout--earlybird-e3-key
    > .case-split-row.case-split-row--horizontal-desktop
    > .case-split-copy
    > h3.case-title {
    display: block;
  }
}

/* Earlybird (mobile): «Аукционный каталог» как фото-дескрипшен под изображением */
@media (max-width: 640px) {
  #case-shokoladnitsa.case-earlybird-page {
    --earlybird-mobile-section-gap: var(--case-row-gap, 56px);
  }

  /* Mobile Earlybird: один идентичный шаг между всеми верхнеуровневыми секциями */
  #case-shokoladnitsa.case-earlybird-page > * {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  #case-shokoladnitsa.case-earlybird-page > * + * {
    margin-top: var(--earlybird-mobile-section-gap) !important;
  }

  /* Внутри content-row используем тот же единый шаг, без добавочных margin у вставленных блоков */
  #case-shokoladnitsa.case-earlybird-page .case-top.case-content-row {
    gap: var(--earlybird-mobile-section-gap) !important;
  }

  #case-shokoladnitsa.case-earlybird-page
    .case-top.case-content-row
    > .case-right
    + .case-split-breakout,
  #case-shokoladnitsa.case-earlybird-page
    .case-top.case-content-row
    > .case-right
    + .case-right
    + .case-split-breakout {
    margin-top: 0 !important;
  }

  /* Earlybird mobile: «3. Тестирование…» и «4. Финальный дизайн» читаются как один текстовый блок */
  #case-shokoladnitsa.case-earlybird-page
    .case-top.case-content-row:has(
      > .case-right + .case-right + .case-split-breakout.case-split-breakout--earlybird-e3-key
    )
    > .case-right
    + .case-right {
    margin-top: calc(1rem - var(--earlybird-mobile-section-gap)) !important;
  }

  #case-shokoladnitsa.case-earlybird-page
    > .case-split-breakout--auction-e1
    > .case-split-row.case-split-row--main-screen {
    flex-direction: column;
    align-items: stretch;
    gap: 1.25rem;
  }

  #case-shokoladnitsa.case-earlybird-page
    > .case-split-breakout--auction-e1
    > .case-split-row.case-split-row--main-screen
    > .case-split-figure {
    order: 1;
    width: 100%;
  }

  #case-shokoladnitsa.case-earlybird-page
    > .case-split-breakout--auction-e1
    > .case-split-row.case-split-row--main-screen
    > .case-split-copy {
    order: 2;
    width: 100%;
    max-width: none;
  }

  #case-shokoladnitsa.case-earlybird-page
    > .case-split-breakout--auction-e1
    > .case-split-row.case-split-row--main-screen
    > .case-split-copy
    > h3.case-title {
    display: none;
  }

  #case-shokoladnitsa.case-earlybird-page
    > .case-split-breakout--auction-e1
    > .case-split-row.case-split-row--main-screen
    > .case-split-copy
    > .case-description.case-split-text {
    color: var(--text-muted);
    font-size: 15px;
    line-height: 1.6;
    width: 100%;
    max-width: none;
    align-self: stretch;
  }

  #case-shokoladnitsa.case-earlybird-page
    > .case-split-breakout--auction-e1
    > .case-split-row.case-split-row--main-screen
    > .case-split-copy
    > .case-description.case-split-text::before {
    content: "Аукционный каталог. ";
    color: inherit;
  }

  #case-shokoladnitsa.case-earlybird-page
    .case-split-breakout--earlybird-e3-key
    > .case-split-row.case-split-row--horizontal-desktop {
    flex-direction: column;
    align-items: stretch;
    gap: 1rem;
  }

  #case-shokoladnitsa.case-earlybird-page
    .case-split-breakout--earlybird-e3-key
    > .case-split-row.case-split-row--horizontal-desktop
    > .case-split-figure {
    order: 1;
    width: 100%;
  }

  #case-shokoladnitsa.case-earlybird-page
    .case-split-breakout--earlybird-e3-key
    > .case-split-row.case-split-row--horizontal-desktop
    > .case-split-copy {
    order: 2;
    width: 100%;
    max-width: none;
  }

  #case-shokoladnitsa.case-earlybird-page
    .case-split-breakout--earlybird-e3-key
    > .case-split-row.case-split-row--horizontal-desktop
    > .case-split-copy
    > h3.case-title {
    display: none;
  }

  #case-shokoladnitsa.case-earlybird-page
    .case-split-breakout--earlybird-e3-key
    > .case-split-row.case-split-row--horizontal-desktop
    > .case-split-copy
    > .case-description.case-split-text.case-earlybird-mobile-caption {
    color: var(--text-muted);
    font-size: 15px;
    line-height: 1.6;
    width: 100%;
    max-width: none;
    align-self: stretch;
  }

  #case-shokoladnitsa.case-earlybird-page
    .case-earlybird-mobile-caption--auctions::before,
  #case-shokoladnitsa.case-earlybird-page
    .case-earlybird-mobile-caption--auction::before {
    content: "Мои аукционы. ";
    color: inherit;
  }

  #case-shokoladnitsa.case-earlybird-page
    .case-earlybird-mobile-caption--calculator::before {
    content: "Калькулятор. ";
    color: inherit;
  }

  #case-shokoladnitsa.case-earlybird-page
    .case-earlybird-mobile-caption--finances::before {
    content: "Финансы. ";
    color: inherit;
  }

  #case-shokoladnitsa.case-earlybird-page
    .case-split-breakout--earlybird-e3-key
    > .case-split-row.case-split-row--horizontal-desktop
    > .case-split-copy
    > .case-description.case-split-text.case-earlybird-mobile-caption--finances {
    display: block;
    width: 100%;
    max-width: 100%;
    align-self: stretch;
  }
}

@media (max-width: 1023px) {
  #case-shokoladnitsa.case-earlybird-page
    .case-split-breakout--auction-e1
    > .case-split-row.case-split-row--main-screen {
    row-gap: 1.1rem;
  }
}

#case-shokoladnitsa.case-earlybird-page
  .case-split-breakout--auction-e1
  .case-split-figure {
  margin-right: 0;
}

/* Аукционный каталог: исходное фото без обрезки, без скругления и оранжевой карточки */
#case-shokoladnitsa.case-earlybird-page
  .case-split-breakout--auction-e1
  .case-split-card {
  position: relative;
  display: block;
  width: 100%;
  max-width: 100%;
  align-self: stretch;
  border-radius: 0;
  background-color: transparent;
  aspect-ratio: unset;
  overflow: visible;
}

#case-shokoladnitsa.case-earlybird-page
  .case-split-breakout--auction-e1
  .case-split-card-image {
  position: static;
  inset: auto;
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
  object-position: center;
}

@media (min-width: 1024px) and (max-width: 1439px) {
  #case-shokoladnitsa.case-earlybird-page
    .case-split-breakout--auction-e1
    .case-split-figure {
    margin-right: 0;
  }
}

@media (width: 1024px) {
  #case-shokoladnitsa.case-earlybird-page
    .case-split-breakout--auction-e1
    .case-split-figure {
    margin-right: 0;
  }
}

/* Earlybird: фиксируем префикс «Мои аукционы.» на mobile/tablet */
@media (max-width: 640px) {
  #case-shokoladnitsa.case-earlybird-page
    .case-split-breakout--earlybird-e3-key
    > .case-split-row.case-split-row--horizontal-desktop
    > .case-split-copy
    > .case-description.case-split-text.case-earlybird-mobile-caption--auctions::before,
  #case-shokoladnitsa.case-earlybird-page
    .case-split-breakout--earlybird-e3-key
    > .case-split-row.case-split-row--horizontal-desktop
    > .case-split-copy
    > .case-description.case-split-text.case-earlybird-mobile-caption--auction::before {
    content: "Мои аукционы. " !important;
    color: inherit;
  }
}

@media (min-width: 641px) and (max-width: 1023px) {
  #case-shokoladnitsa.case-earlybird-page
    .case-split-breakout--earlybird-e3-key
    > .case-split-row.case-split-row--horizontal-desktop
    > .case-split-copy
    > .case-description.case-split-text.case-earlybird-mobile-caption--auctions::before,
  #case-shokoladnitsa.case-earlybird-page
    .case-split-breakout--earlybird-e3-key
    > .case-split-row.case-split-row--horizontal-desktop
    > .case-split-copy
    > .case-description.case-split-text.case-earlybird-mobile-caption--auction::before {
    content: "Мои аукционы. " !important;
    color: inherit;
  }
}

/* Точный фикс для 1024px: кейсы = те же боковые отступы, что на главной */
@media (min-width: 1024px) and (max-width: 1024px) {
  body:has(#case-shokoladnitsa) {
    padding-left: 34px;
    padding-right: 34px;
  }
}

@media (width: 1024px) {
  body {
    padding-left: 34px;
    padding-right: 34px;
  }
}