/* ==========================================================================
   GRID SYSTEM для Tilda
   Резиновая (fluid, %) сетка на 4 колонки.
   Всё изолировано внутри .s78-wrap (уникальный префикс, чтобы не конфликтовать
   с системными классами Тильды, которые сами используют префикс "t-").
   ========================================================================== */

.s78-wrap,
.s78-wrap *,
.s78-wrap *:before,
.s78-wrap *:after {
  box-sizing: border-box;
}

/* --- Reset (только внутри .s78-wrap, не глобально) --- */

.s78-wrap,
.s78-wrap div,
.s78-wrap span,
.s78-wrap object,
.s78-wrap iframe,
.s78-wrap h1,
.s78-wrap h2,
.s78-wrap h3,
.s78-wrap h4,
.s78-wrap h5,
.s78-wrap h6,
.s78-wrap p,
.s78-wrap blockquote,
.s78-wrap pre,
.s78-wrap a,
.s78-wrap abbr,
.s78-wrap acronym,
.s78-wrap address,
.s78-wrap code,
.s78-wrap del,
.s78-wrap dfn,
.s78-wrap em,
.s78-wrap img,
.s78-wrap q,
.s78-wrap dl,
.s78-wrap dt,
.s78-wrap dd,
.s78-wrap ol,
.s78-wrap ul,
.s78-wrap li,
.s78-wrap fieldset,
.s78-wrap form,
.s78-wrap label,
.s78-wrap legend,
.s78-wrap table,
.s78-wrap caption,
.s78-wrap tbody,
.s78-wrap tfoot,
.s78-wrap thead,
.s78-wrap tr,
.s78-wrap th,
.s78-wrap td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

/* --- Typography ---
   Дефолтные размеры/шрифт НЕ висят глобально на всех p/h1-h6 (это и ломало
   кастомную типографику блоков через специфичность селекторов).
   Если где-то нужен просто "дефолтный" текст без своей стилизации —
   добавь класс .s78-default-text на обёртку. */

.s78-default-text p,
.s78-default-text h1,
.s78-default-text h2,
.s78-default-text h3,
.s78-default-text h4,
.s78-default-text h5,
.s78-default-text h6 {
  line-height: 16px;
  font-size: 16px;
  padding-bottom: 16px;
  font-family: Verdana, Geneva, sans-serif;
}

.s78-default-text p {
  font-size: 10px;
}

/* --- Container --- */

.s78-wrap {
  width: 100%;
}

/* --- Grid row / clearfix (для случаев, когда ряд собирается на float) --- */

.s78-row {
  display: block;
  width: 100%;
}

.s78-row::after {
  content: "";
  display: table;
  clear: both;
}

/* --- Fluid 4-column grid (float-версия, для рядов без flex) ---
   4 отступа × 1.667%  = 6.668%
   4 колонки × 23.333% = 93.332%
   -------------------------------
   Итого                = 100.000%
*/

.s78-wrap [class*="grid-m"] {
  float: left;
  width: 1.667%;
  height: 1px;
}

.s78-wrap [class*="grid-c"] {
  float: left;
  width: 23.333%;
}

/* --- Широкие (объединённые) колонки ---
   2 колонки:  c + m + c = 48.333%
   3 колонки:  3c + 2m   = 73.333%
   4 колонки:  4c + 3m   = 98.333%
*/

.s78-wrap .grid-c1-c2,
.s78-wrap .grid-c2-c3,
.s78-wrap .grid-c3-c4 {
  float: left;
  width: 48.333%;
}

.s78-wrap .grid-c1-c3,
.s78-wrap .grid-c2-c4 {
  float: left;
  width: 73.333%;
}

.s78-wrap .grid-c1-c4 {
  float: left;
  width: 98.333%;
}

/* --- Адаптив: на планшетах/мобильных сетка складывается в колонку --- */

@media (max-width: 768px) {
  .s78-wrap [class*="grid-c"] {
    float: none;
    width: 100%;
  }
  .s78-wrap [class*="grid-m"] {
    display: none;
  }
}