#allrecords .t-store__grid-separator {
  margin-bottom: 24px !important;
}
#allrecords .t-store__grid-cont .t-store__card-list {
  row-gap: 0 !important;
  align-content: flex-start !important;
}
#allrecords .t-store__card {
  margin-bottom: 24px !important;
}

 @media (min-width: 768px) {
    body > #allrecords {
      min-height: 100vh;
      display: flex;
      flex-direction: column;
    }
    body > #allrecords > #t-footer {
      margin-top: auto;
    }
  }

  /* Mobile Zero-Block footer (rec897100594): elements use calc(50%-160px+Xpx) which
     shifts right as viewport grows (42px at 375px → 62px at 414px), causing misalignment
     with standard page content. Pin to 16px — это совпадает с инжектируемым
     .infiora-intro (padding:24px 16px 8px) и визуально выравнивается с остальным
     текстовым контентом сайта на iPhone 13 mini / 12 mini / любых мобильных. */
  @media (max-width: 479px) {
    #rec897100594 .t396__artboard {
      overflow: visible !important;
    }
    #rec897100594 .tn-elem[data-elem-id="1741968379746"],
    #rec897100594 .tn-elem[data-elem-id="1741968642134"],
    #rec897100594 .tn-elem[data-elem-id="1741969195518"],
    #rec897100594 .tn-elem[data-elem-id="1741969308950"],
    #rec897100594 .tn-elem[data-elem-id="1741970872576"],
    #rec897100594 .tn-elem[data-elem-id="1742044787012"] {
      left: calc(env(safe-area-inset-left, 0px) + 16px) !important;
    }
  }

  /*
   * Десктоп-футер Zero Block #rec896251810 (основной сайт) и его копия
   * #rec1023143946 (футер каталога/страниц товара — тот же зеро-блок, те же
   * data-elem-id): артборд в режиме scale — Тильда вешает
   * на каждый .tn-elem inline `zoom: 100vw/1200`, а left/top остаются в координатах
   * макета (1200px). Логотип по макету стоит на left:120px, то есть на широком экране
   * уезжает далеко левее колонки .t-container (1200px по центру).
   * Подбираем left так, чтобы left*zoom ≈ (100vw-1200)/2 + 24px — логотип встаёт на
   * левый край контентной колонки.
   *
   * ⚠️ ВАЖНО (баг 2026-07-27): формула «привязать к краю контейнера» растёт быстрее,
   * чем масштабируется сам футер, и на ширине ≳1890px логотип наезжал на текст
   * «ИП Жаронкин…» (он в макете на left:334px и тоже умножается на zoom).
   * Поэтому левый край жёстко ограничен 210px в координатах макета:
   *   логотип 210…310, текст с 334 → зазор 24px макета на любой ширине.
   * Выше ~1790px логотип просто масштабируется вместе с остальным футером.
   */
  @media screen and (min-width: 1280px) and (max-width: 1439.98px) {
    #rec896251810 .tn-elem__8962518101741969195518,
    #rec1023143946 .tn-elem__10231439461741969195518 {
      left: calc(60px + (100vw - 1280px) * 0.375) !important;
    }
  }
  @media screen and (min-width: 1440px) and (max-width: 1599.98px) {
    #rec896251810 .tn-elem__8962518101741969195518,
    #rec1023143946 .tn-elem__10231439461741969195518 {
      left: calc(120px + (100vw - 1440px) * 0.3) !important;
    }
  }
  @media screen and (min-width: 1600px) {
    #rec896251810 .tn-elem__8962518101741969195518,
    #rec1023143946 .tn-elem__10231439461741969195518 {
      /* min() = clamp: до ~1790px тянемся к краю контейнера, дальше стоп */
      left: min(210px, calc(168px + (100vw - 1600px) * 0.225)) !important;
    }
  }

  /*
   * FAB «1+1» (position:fixed, left:24px, ~250px) до ~1600px полностью закрывал
   * логотип в футере при доскролле вниз. Скрипт в HEAD сайта считает видимую
   * высоту футера и кладёт её в --infiora-fab-lift; здесь — сам сдвиг.
   * margin-bottom, а не bottom/transform: bottom скачет в Я.Браузере на iOS
   * (env(safe-area-inset-bottom)), transform/translate заняты анимациями FAB.
   */
  @media screen and (min-width: 768px) and (max-width: 1600px) {
    body.infiora-fab-lifted .infiora-promo-fab {
      margin-bottom: var(--infiora-fab-lift, 0px);
    }
  }