@media (max-width:1100px){
  body[data-page="promotion"] .promotion-results__panel{height:auto;min-height:0;padding:24px}
  body[data-page="promotion"] .promotion-results__copy{position:static;width:auto;max-width:none}
  body[data-page="promotion"] .promotion-results__cards{position:static;top:auto;left:auto;width:auto;margin:24px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  body[data-page="promotion"] .promotion-results__summary{position:static;width:auto;margin:12px 0 0}
  body[data-page="promotion"] .promotion-results__card{min-width:0}
}
@media (max-width:640px){
  body[data-page="promotion"] .promotion-hero__title .hero__title-line{min-height:1.2em;height:auto}
  body[data-page="promotion"] .promotion-hero__title .hero__title-typed{white-space:normal;overflow-wrap:normal;word-break:normal}
  body[data-page="promotion"] .promotion-hero__metrics{grid-template-columns:1fr;gap:16px;width:100%;height:auto}
  body[data-page="promotion"] .promotion-hero__metrics>*{min-width:0}
  body[data-page="promotion"] .promotion-hero__insight{min-height:0}
  body[data-page="promotion"] .promotion-results__cards{grid-template-columns:1fr}
}


@media (max-width:1100px){
  body[data-page="promotion"] main .promotion-results__panel{height:auto;min-height:0;padding:24px}
  body[data-page="promotion"] main .promotion-results__copy{position:static;width:auto;max-width:none}
  body[data-page="promotion"] main .promotion-results__cards{position:static;top:auto;left:auto;width:auto;margin:24px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  body[data-page="promotion"] main .promotion-results__summary{position:static;width:auto;margin:12px 0 0}
  body[data-page="promotion"] main .promotion-results__card{min-width:0}
}
@media (max-width:640px){
  body[data-page="promotion"] main .promotion-hero__title .hero__title-line{min-height:1.2em;height:auto}
  body[data-page="promotion"] main .promotion-hero__title .hero__title-typed{white-space:normal;overflow-wrap:normal;word-break:normal}
  body[data-page="promotion"] main .promotion-hero__metrics{grid-template-columns:1fr;gap:16px;width:100%;height:auto}
  body[data-page="promotion"] main .promotion-hero__metrics>*{min-width:0}
  body[data-page="promotion"] main .promotion-hero__insight{min-height:0}
  body[data-page="promotion"] main .promotion-results__cards{grid-template-columns:1fr}
}


@media (max-width:640px){
  body[data-page="promotion"] main .promotion-hero.promotion-hero--v4 .promotion-hero__metrics{grid-template-columns:1fr;gap:16px;width:100%;height:auto}
  body[data-page="promotion"] main .promotion-hero.promotion-hero--v4 .promotion-hero__metrics>*{min-width:0}
}


@media (max-width:640px){
  body[data-page="promotion"] main .promotion-hero.promotion-hero--v4 .promotion-hero__title{font-size:clamp(27px,7.6vw,32px);line-height:1.25}
}


@media (max-width:640px){
  body[data-page="promotion"] main .promotion-hero.promotion-hero--v4 .promotion-hero__title{font-size:clamp(25px,7.2vw,32px);line-height:1.25}
}


@media (max-width:640px){
  body[data-page="promotion"] main .promotion-hero.promotion-hero--v4 .promotion-hero__title{font-size:clamp(24px,6.8vw,32px);line-height:1.25}
}


@media (max-width:640px){
  body[data-page="promotion"] main .promotion-hero.promotion-hero--v4 .promotion-hero__title{font-size:clamp(22px,6.4vw,32px);line-height:1.25}
}


@media (max-width:640px){
  body[data-page="promotion"] main .promotion-price .promotion-price__card{height:auto;min-height:0;overflow:visible}
  body[data-page="promotion"] main .promotion-reporting.promotion-reporting .promotion-reporting__metrics{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;gap:16px}
  body[data-page="promotion"] main .promotion-reporting.promotion-reporting .promotion-reporting__metrics article{height:auto;min-height:170px;overflow:visible}
}


@media (max-width:640px){
  /* Sticky-скрипт задаёт inline height для desktop-сценария; на мобильном заменяем его вертикальным списком. */
  body[data-page="promotion"] main .promotion-checklist-scroll{height:auto!important;min-height:0;position:static}
  body[data-page="promotion"] main .promotion-checklist{height:auto;min-height:0;overflow:visible}
  body[data-page="promotion"] main .promotion-checklist__viewport{height:auto;min-height:0;width:auto;overflow:visible}
  body[data-page="promotion"] main .promotion-checklist__track{display:grid!important;grid-template-columns:1fr!important;gap:12px;width:auto!important;transform:none!important}
  body[data-page="promotion"] main .promotion-checklist__item{width:100%;min-width:0;height:auto;min-height:196px}
  body[data-page="promotion"] main .promotion-checklist__controls{display:none}
}


@media (max-width:640px){
  body[data-page="promotion"] main .promotion-checklist{position:static}
  body[data-page="promotion"] main .promotion-checklist__viewport{position:relative;display:block;height:auto;min-height:0}
  body[data-page="promotion"] main .promotion-checklist__track{position:static;height:auto;min-height:0}
}



@media (max-width: 640px) {
  .mobile-menu {
    gap: 16px;
    padding: 16px 20px 12px;
    overflow-y: hidden;
  }

  .mobile-menu__link {
    padding: 6px 0;
  }
}



@media (max-width: 640px) {
  body[data-page="promotion"] main .promotion-checklist__viewport {
    left: 0 !important;
    right: auto !important;
    width: 100% !important;
  }

  body[data-page="promotion"] main .promotion-checklist__item {
    width: 100% !important;
    min-width: 0;
  }

  body[data-page="promotion"] main .promotion-month__timeline {
    height: auto !important;
    overflow-x: hidden !important;
    overflow-y: visible;
  }

  body[data-page="promotion"] main .promotion-month__timeline-line {
    display: none;
  }

  body[data-page="promotion"] main .promotion-month__steps {
    position: static !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    width: auto !important;
    height: auto !important;
    transform: none !important;
  }

  body[data-page="promotion"] main .promotion-month__step {
    width: 100% !important;
    min-width: 0;
    height: auto !important;
    min-height: 300px;
  }

  body[data-page="promotion"] main .promotion-month__output {
    white-space: normal;
  }

  body[data-page="promotion"] main .promotion-reporting__metrics {
    width: 100% !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body[data-page="promotion"] main .promotion-reporting__metrics article {
    width: auto !important;
    min-width: 0;
    height: auto !important;
    min-height: 170px;
  }
}