/*
 * «О компании» ≤900px — уменьшенная копия десктопа (zoom на .pokiza-scale-sheet).
 * Абсолютные координаты как на ≥901px; точечные правки — отступы intro, круги group-c, галерея 3 кол.
 */
@media (max-width: 900px) {
  html.pokiza-about-doc body.pokiza-page-inner.pokiza-page-about {
    --about-intro-extra-top: 0px;
    /* Совпадает с home-layout.js: --white-sheet-top × --sheet-zoom */
    --about-mobile-lift: calc(var(--white-sheet-top) * var(--sheet-zoom));
  }

  /*
   * Герой вне листа: подтягиваем весь масштабированный лист (translate задаёт home-layout.js;
   * здесь дублируем для первого кадра до JS + лёгкое перекрытие скругления героя).
   */
  html.pokiza-about-doc
    body.pokiza-page-inner.pokiza-page-about
    .about-company-1
    > :is(.pokiza-scale-sheet, .pokiza-about-transform-wrap) {
    margin-top: var(--pokiza-sheet-overlap, -2.75rem) !important;
  }

  html.pokiza-about-doc
    body.pokiza-page-inner.pokiza-page-about
    .about-company-1
    > .pokiza-about-transform-wrap {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  html.pokiza-about-doc
    body.pokiza-page-inner.pokiza-page-about
    .about-company-1
    > .pokiza-scale-sheet {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: var(--layout-page-width, 1918px) !important;
    max-width: var(--layout-page-width, 1918px) !important;
  }

  html.pokiza-about-doc
    body.pokiza-page-inner.pokiza-page-about
    .about-company-1
    > .pokiza-scale-sheet,
  html.pokiza-about-doc
    body.pokiza-page-inner.pokiza-page-about
    .about-company-1
    > .pokiza-about-transform-wrap
    > .pokiza-scale-sheet {
    translate: 0 calc(-720px * min(1, calc(100vw / 1918))) !important;
  }

  /* Белый лист — на всю ширину макета без боковых зазоров */
  html.pokiza-about-doc
    body.pokiza-page-inner.pokiza-page-about
    .about-company-1
    .rectangle-9:empty {
    display: block !important;
  }

  html.pokiza-about-doc
    body.pokiza-page-inner.pokiza-page-about
    .about-company-1
    > .pokiza-scale-sheet
    > .rectangle-9 {
    left: 0 !important;
    width: var(--layout-page-width, 1918px) !important;
    max-width: var(--layout-page-width, 1918px) !important;
    top: var(--white-sheet-top) !important;
    height: 7193px !important;
    border-radius: var(--pokiza-radius-sheet, 36px) var(--pokiza-radius-sheet, 36px) 0 0 !important;
    box-shadow: 0 -20px 48px rgba(0, 0, 0, 0.12) !important;
    z-index: 17 !important;
  }

  /* ——— Intro: «Качество…» + декор + абзац (как @901px + доп. воздух) ——— */
  html.pokiza-about-doc
    body.pokiza-page-inner.pokiza-page-about
    .about-company-1
    .pokiza-scale-sheet
    .quality-felt {
    position: absolute !important;
    top: calc(
      var(--white-sheet-top) + var(--pokiza-primary-headline-from-white-top) + var(--about-intro-extra-top)
    ) !important;
    left: calc(var(--white-sheet-left) + 548px) !important;
    right: auto !important;
    transform: none !important;
    width: 782px !important;
    max-width: 782px !important;
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
    line-height: 63.84px !important;
    font-size: 48px !important;
    white-space: nowrap !important;
    text-align: center !important;
  }

  html.pokiza-about-doc
    body.pokiza-page-inner.pokiza-page-about
    .about-company-1
    .pokiza-scale-sheet
    .group-a {
    position: absolute !important;
    top: calc(
      var(--white-sheet-top) + var(--pokiza-primary-headline-from-white-top) + 67px + 5px +
        var(--about-intro-extra-top)
    ) !important;
    left: 37.21% !important;
    width: 25.02% !important;
    height: 131px !important;
  }

  html.pokiza-about-doc
    body.pokiza-page-inner.pokiza-page-about
    .about-company-1
    .pokiza-scale-sheet
    .own-production {
    position: absolute !important;
    top: calc(
      var(--white-sheet-top) + var(--pokiza-primary-headline-from-white-top) + 67px + 5px + 53px + 48px +
        40px + var(--about-intro-extra-top)
    ) !important;
    left: calc(var(--white-sheet-left) + 378px) !important;
    width: 1160px !important;
    max-width: 1160px !important;
    height: auto !important;
    font-size: 20px !important;
    line-height: 26.6px !important;
    text-align: center !important;
  }

  /* ——— Кружки group-c: чуть крупнее и на одной линии ——— */
  html.pokiza-about-doc
    body.pokiza-page-inner.pokiza-page-about
    .about-company-1
    > .pokiza-scale-sheet
    > .group-c {
    position: absolute !important;
    top: calc(1120px + var(--about-intro-extra-top)) !important;
    left: 50% !important;
    width: 1670.72px !important;
    height: 372px !important;
    margin-left: -835.36px !important;
    transform: scale(1.1) !important;
    transform-origin: 50% 0 !important;
  }

  html.pokiza-about-doc
    body.pokiza-page-inner.pokiza-page-about
    .about-company-1
    > .pokiza-scale-sheet
    > .group-c
    .group-f,
  html.pokiza-about-doc
    body.pokiza-page-inner.pokiza-page-about
    .about-company-1
    > .pokiza-scale-sheet
    > .group-c
    .group-10 {
    top: 4% !important;
    height: 92% !important;
  }

  html.pokiza-about-doc
    body.pokiza-page-inner.pokiza-page-about
    .about-company-1
    > .pokiza-scale-sheet
    > .group-c
    .group-14 {
    top: 8% !important;
    height: 84% !important;
  }

  html.pokiza-about-doc
    body.pokiza-page-inner.pokiza-page-about
    .about-company-1
    > .pokiza-scale-sheet
    > .group-c
    .group-16 {
    top: 14% !important;
    height: 72% !important;
  }

  html.pokiza-about-doc
    body.pokiza-page-inner.pokiza-page-about
    .about-company-1
    > .pokiza-scale-sheet
    > .group-c
    .image-layer-15,
  html.pokiza-about-doc
    body.pokiza-page-inner.pokiza-page-about
    .about-company-1
    > .pokiza-scale-sheet
    > .group-c
    .vector-13 {
    top: 12% !important;
    height: 76% !important;
  }

  /* ——— История (group-18) — десктопные координаты ——— */
  html.pokiza-about-doc
    body.pokiza-page-inner.pokiza-page-about
    .about-company-1
    > .pokiza-scale-sheet
    > .group-18 {
    position: absolute !important;
    top: 1609px !important;
    left: 377px !important;
    width: 1163.117px !important;
    height: 596.001px !important;
    transform: translateY(-55px) !important;
  }

  /* ——— Баннер group-27 — как на десктопе ——— */
  html.pokiza-about-doc
    body.pokiza-page-inner.pokiza-page-about
    .about-company-1
    > .pokiza-scale-sheet
    > .group-27 {
    position: absolute !important;
    top: 2289px !important;
    left: 0 !important;
    width: 1924px !important;
    height: 917px !important;
  }

  html.pokiza-about-doc
    body.pokiza-page-inner.pokiza-page-about
    .about-company-1
    > .pokiza-scale-sheet
    .group-2a {
    top: 2325px !important;
  }

  /* ——— «Наша продукция» (group-3c) — десктоп ——— */
  html.pokiza-about-doc
    body.pokiza-page-inner.pokiza-page-about
    .about-company-1
    > .pokiza-scale-sheet
    > .group-3c {
    position: absolute !important;
    top: 3415px !important;
    left: 370px !important;
    width: 1964.845px !important;
    height: 992.891px !important;
    transform: translateY(-55px) !important;
  }

  html.pokiza-about-doc
    body.pokiza-page-inner.pokiza-page-about
    .about-company-1
    > .pokiza-scale-sheet
    .group-3c
    > .flex-column-c--products-tagline {
    position: absolute !important;
    left: calc(-27px + 268px - 370px + 132px) !important;
    top: calc(93px + 7px + 107px + 41px) !important;
    margin: 0 !important;
    width: auto !important;
    max-width: 920px !important;
    font-size: 40px !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
    text-align: left !important;
  }

  html.pokiza-about-doc
    body.pokiza-page-inner.pokiza-page-about
    .about-company-1
    > .pokiza-scale-sheet
    :is(.our-products, .your-best-choice, .categories, .products-3b) {
    white-space: nowrap !important;
  }

  html.pokiza-about-doc
    body.pokiza-page-inner.pokiza-page-about
    .about-company-1
    > .pokiza-scale-sheet
    > :is(
      .liniya-puti,
      .categories,
      .products-3b,
      .rectangle-5d,
      .production-proud,
      .modern-production-complex,
      .vector-5e,
      .vector-5f,
      .group-60,
      .flex-row-efe,
      .group-65,
      .group-6a,
      .mask-group-71,
      .group-74
    ) {
    transform: translateY(-55px) !important;
  }

  /* ——— Галерея: 3 колонки как на десктопе (масштаб через zoom) ——— */
  html.pokiza-about-doc body.pokiza-page-inner.pokiza-page-about .pokiza-about-gallery {
    position: absolute !important;
    top: 5960px !important;
    left: 96px !important;
    right: auto !important;
    width: 1726px !important;
    max-width: 1726px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: translateY(-55px) !important;
  }

  html.pokiza-about-doc body.pokiza-page-inner.pokiza-page-about .pokiza-about-gallery__inner {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 18px !important;
  }

  html.pokiza-about-doc body.pokiza-page-inner.pokiza-page-about .pokiza-about-gallery__col {
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
    height: 100% !important;
    min-height: 0 !important;
  }

  html.pokiza-about-doc
    body.pokiza-page-inner.pokiza-page-about
    .pokiza-about-gallery__figure--tall {
    flex: 0 0 auto !important;
    height: 800px !important;
    min-height: 0 !important;
    aspect-ratio: unset !important;
  }

  html.pokiza-about-doc
    body.pokiza-page-inner.pokiza-page-about
    .pokiza-about-gallery__col:nth-child(2)
    .pokiza-about-gallery__figure--tall {
    height: 720px !important;
  }

  html.pokiza-about-doc
    body.pokiza-page-inner.pokiza-page-about
    .pokiza-about-gallery__figure--wide {
    flex: 0 0 auto !important;
    height: 471px !important;
    aspect-ratio: unset !important;
    min-height: 0 !important;
  }

  html.pokiza-about-doc
    body.pokiza-page-inner.pokiza-page-about
    .pokiza-about-gallery__figure,
  html.pokiza-about-doc
    body.pokiza-page-inner.pokiza-page-about
    .pokiza-about-gallery__figure--square,
  html.pokiza-about-doc
    body.pokiza-page-inner.pokiza-page-about
    .pokiza-about-gallery__figure--strip,
  html.pokiza-about-doc
    body.pokiza-page-inner.pokiza-page-about
    .pokiza-about-gallery__figure--strip-tall {
    height: auto !important;
    min-height: 0 !important;
  }
}