/* =========================
   VITALITE – GLOBAL SAFE CSS (v2)
   ========================= */

/* ---------- 1) КОНТЕЙНЕРЫ / СЕТКА ---------- */
/* Стандартные контейнеры, КРОМЕ полноширинных (не ломаем PL-блоки) */
.t-records .t-container:not(.t-container_full):not(.t-container_100) {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

/* Полноширинные контейнеры — оставляем ширину 100% */
.t-records .t-container_100,
.t-records .t-container_full {
  max-width: none;
  width: 100%;
}

/* У «100% width with edge paddings» — корректные поля по краям */
.t-records .t-container_100 {
  padding-left: 40px;
  padding-right: 40px;
  box-sizing: border-box;
}

/* На очень широких экранах просто центрируем общий поток (без сужения) */
@media (min-width: 1600px){
  .t-records { margin-left: auto; margin-right: auto; }
}

/* ---------- 2) ZERO BLOCK (T396) ---------- */
/* Больше НЕ сужаем Zero по умолчанию: пусть может быть full-width */
.t-rec .t396__artboard { 
  max-width: none;            /*  li > a { line-height: 1.2; }

/* ---------- 9) АДАПТИВ ---------- */
@media (max-width: 1200px){
  /* Ничего глобально не подмешиваем в контейнеры — не трогаем PL-блоки */
}

@media (max-width: 960px){
  .t-btn, .t-submit, .t-form__submit { padding: 12px 16px; }
  .vtl-card__pad { padding: 16px; }
}

@media (max-width: 768px){
  /* На мобилках поля по краям у full-width контейнеров поменьше */
  .t-records .t-container_100 { padding-left: 16px; padding-right: 16px; }
}

@media (max-width: 480px){
  body, .t-text, .t-descr, .t-name { font-size: 16px; }
  h1 { font-size: clamp(26px, 7vw, 34px); }
  h2 { font-size: clamp(22px, 6vw, 28px); }
}

/* ---------- 10) Opt-in полноширинные секции по классу ---------- */
/* Дай блоку класс "vtl-full", если надо принудительно растянуть всё внутри */
.t-rec.vtl-full .t-container,
.t-rec.vtl-full .t396__artboard {
  max-width: none;
  margin-left: 0; margin-right: 0;
  padding-left: 0; padding-right: 0;
}

/* Внутренние оболочки типовых широких блоков в full-секции */
.t-rec.vtl-full .t-slds,
.t-rec.vtl-full .t-slds__container,
.t-rec.vtl-full .t-gallery,
.t-rec.vtl-full .t-feed,
.t-rec.vtl-full .t-container_100,
.t-rec.vtl-full .t-container_full {
  max-width: 100vw;
  width: 100%;
}

/* ---------- 11) GL10N: фикс блока #rec1329416871 ---------- */
#rec1329416871 .t-container,
#rec1329416871 .t-container_100,
#rec1329416871 .t-container_full {
  max-width: none !important;
  width: 100% !important;
  padding-left: 40px !important;
  padding-right: 40px !important;
  box-sizing: border-box !important;
}

/* УБИРАЕМ принудительную фикс-высоту из прошлой версии (чтобы Masonry/Original пропорции снова работали) */
/* Если хочешь ровную линию — задашь высоту в настройках блока, а не в CSS */
/*
@media (min-width: 1200px){
  #rec1329416871 .t-gallery__imgwrapper { height: 450px !important; }
}
*/