/* welawart-mobile.css — Робастная мобильная раскладка ARTLAW (≤979px).
 *
 * Идея: абсолютно спозиционированные Tilda Zero-блоки (где длинный ACF-текст наезжал на
 * соседние элементы и оставлял огромные пустоты) переводятся в НОРМАЛЬНЫЙ вертикальный
 * поток (flex-column). Порядок элементов задаётся явно через `order` по стабильным id —
 * вёрстка не зависит ни от длины текста, ни от тайминга загрузки (прежний JS-рестекер на
 * translateY был хрупким и «слетал»). Десктоп (≥980px) НЕ затронут.
 *
 * Денлист (НЕ конвертируем — у них своя адаптивная вёрстка): мобильная шапка/меню
 * (rec2111944531 / rec2142073181 / rec2142073881), ленты (rec2300000010), мобильная форма
 * (rec2119071311), подвал (rec2119076631 / rec2119082311), витрина кейсов (rec9000002, grid),
 * policy/consent (rec2137609201 / rec2137615811 — статичные юр-страницы, у Tilda свой res-360,
 * а их атомы переиспользуют id заголовка услуг → flow их ломал; оставляем нативную раскладку).
 */

/* Подвал внутренних страниц (вставка inc/mobile.php → welawart_inject_mobile_footer) виден только ≤980px. */
.wl-pagefoot { display: none; }

@media (max-width:979px){

/* ===================== 1. БАЗОВАЯ КОНВЕРСИЯ В ПОТОК ===================== */

/* Артборд → вертикальный flex-поток. СТРУКТУРНЫЕ свойства — высокая специфичность (8 id),
   т.к. высоту артборда Tilda задаёт через !important и её надо перебить. */
.t-rec[data-record-type="396"]:not(#rec2111944531):not(#rec2142073181):not(#rec2142073881):not(#rec2300000010):not(#rec2119071311):not(#rec2119076631):not(#rec2119082311):not(#rec9000002):not(#rec2137609201):not(#rec2137615811) .t396__artboard{
  position:relative!important;height:auto!important;min-height:0!important;max-height:none!important;
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;
  box-sizing:border-box!important;overflow:visible!important;}
/* Отступы/фон артборда — НИЗКАЯ специфичность (:where), чтобы блочные правки (clearance под
   фикс-шапку, gap карточек) их перебивали. */
:where(.t-rec[data-record-type="396"]:not(#rec2111944531):not(#rec2142073181):not(#rec2142073881):not(#rec2300000010):not(#rec2119071311):not(#rec2119076631):not(#rec2119082311):not(#rec9000002):not(#rec2137609201):not(#rec2137615811)) .t396__artboard{
  gap:16px!important;padding:30px 20px 40px!important;background:#fffff4!important;}

/* Фон-слои (тёмная панель / фоновая картинка) в потоке не нужны. */
.t-rec[data-record-type="396"]:not(#rec2111944531):not(#rec2142073181):not(#rec2142073881):not(#rec2300000010):not(#rec2119071311):not(#rec2119076631):not(#rec2119082311):not(#rec9000002):not(#rec2137609201):not(#rec2137615811) .t396__filter,
.t-rec[data-record-type="396"]:not(#rec2111944531):not(#rec2142073181):not(#rec2142073881):not(#rec2300000010):not(#rec2119071311):not(#rec2119076631):not(#rec2119082311):not(#rec9000002):not(#rec2137609201):not(#rec2137615811) .t396__carrier{display:none!important;}

/* Группы/молекулы/элементы/атомы — НИЗКАЯ специфичность (:where), чтобы блочные точечные правки
   ниже (порядок, размеры фото и т.п.) их перебивали; !important всё равно бьёт неважные правила Tilda.
   (Артборд выше — высокая специфичность, т.к. высоту артборда Tilda задаёт через !important.) */
:where(.t-rec[data-record-type="396"]:not(#rec2111944531):not(#rec2142073181):not(#rec2142073881):not(#rec2300000010):not(#rec2119071311):not(#rec2119076631):not(#rec2119082311):not(#rec9000002):not(#rec2137609201):not(#rec2137615811)) .t396__group,
:where(.t-rec[data-record-type="396"]:not(#rec2111944531):not(#rec2142073181):not(#rec2142073881):not(#rec2300000010):not(#rec2119071311):not(#rec2119076631):not(#rec2119082311):not(#rec9000002):not(#rec2137609201):not(#rec2137615811)) .tn-molecule{
  position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;
  width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;
  transform:none!important;margin:0!important;
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important;}

/* Каждый элемент — в поток на всю ширину. */
:where(.t-rec[data-record-type="396"]:not(#rec2111944531):not(#rec2142073181):not(#rec2142073881):not(#rec2300000010):not(#rec2119071311):not(#rec2119076631):not(#rec2119082311):not(#rec9000002):not(#rec2137609201):not(#rec2137615811)) .t396__elem{
  position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;
  width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;
  transform:none!important;}

/* Атомы (текст/картинка/фигура) — в нормальный размер. */
:where(.t-rec[data-record-type="396"]:not(#rec2111944531):not(#rec2142073181):not(#rec2142073881):not(#rec2300000010):not(#rec2119071311):not(#rec2119076631):not(#rec2119082311):not(#rec9000002):not(#rec2137609201):not(#rec2137615811)) .tn-atom{
  position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;
  width:auto!important;max-width:100%!important;height:auto!important;}
/* Картинки/фигуры внутри — не растягивать на всю ширину артборда по высоте. */
:where(.t-rec[data-record-type="396"]:not(#rec2111944531):not(#rec2142073181):not(#rec2142073881):not(#rec2300000010):not(#rec2119071311):not(#rec2119076631):not(#rec2119082311):not(#rec9000002):not(#rec2137609201):not(#rec2137615811)) .tn-atom img{max-width:100%!important;}
/* Защитно: <style> внутри блоков не должен «протекать» текстом в потоке. */
.t-rec[data-record-type="396"]:not(#rec2111944531):not(#rec2142073181):not(#rec2142073881):not(#rec2300000010):not(#rec2119071311):not(#rec2119076631):not(#rec2119082311):not(#rec9000002):not(#rec2137609201):not(#rec2137615811) style{display:none!important;}


/* ===================== 2. СТРАНИЦЫ УСЛУГА / КЕЙС / О-КОМПАНИИ ===================== */
/* Контент-блок — клон Tilda Zero-блока с одинаковыми id-атомами на услуге/кейсе/о-компании.
 * ВАЖНО: блок опознаём по атому-ЛЕЙБЛУ «Об услуге/О кейсе/История» (field …344000016) — он есть
 * ТОЛЬКО на этих 3 типах. НЕЛЬЗЯ опознавать по заголовку …403000019: его переиспользует policy.html
 * (там это заголовок «Политика конфиденциальности») → правила «протекали» на политику и ломали её.
 * Все правила раздела привязаны к этому артборду через префикс `.t396__artboard:has(...344000016)`. */
/* padding-bottom — запас под подвалом .wl-pagefoot, чтобы низ контента услуги/кейса не прилипал к подвалу. */
.t396__artboard:has([field="tn_text_1775682704344000016"]){gap:14px!important;padding-top:78px!important;padding-bottom:64px!important;}

/* Назад (ссылка + фон-кнопка) — наверх. Текст был кремовым (на тёмной панели) → на кремовом
   фоне невидим; перекрашиваем в бордо как ссылку-навигацию. */
.t396__artboard:has([field="tn_text_1775682704344000016"]) .t396__elem[data-elem-id="1775682704734000025"]{order:1!important;}
.t396__artboard:has([field="tn_text_1775682704344000016"]) .t396__elem[data-elem-id="1775682704734000025"] .tn-atom,
.t396__artboard:has([field="tn_text_1775682704344000016"]) .t396__elem[data-elem-id="1775682704734000025"] a{color:#790e2c!important;}
.t396__artboard:has([field="tn_text_1775682704344000016"]) .t396__elem[data-elem-id="1775682704722000024"]{display:none!important;}
/* печать ARTLAW — компактная, по левому краю */
.t396__artboard:has([field="tn_text_1775682704344000016"]) .t396__elem[data-elem-id="1775682704686000021"]{order:2!important;}
.t396__artboard:has([field="tn_text_1775682704344000016"]) .t396__elem[data-elem-id="1775682704697000022"]{order:2!important;width:150px!important;max-width:46%!important;margin:2px 0 6px!important;}
.t396__artboard:has([field="tn_text_1775682704344000016"]) .t396__elem[data-elem-id="1775682704697000022"] .tn-atom img{width:100%!important;}
/* тёмная панель-фон (FON) — не нужна в потоке */
.t396__artboard:has([field="tn_text_1775682704344000016"]) .t396__elem[data-elem-id="1775682873378000002"]{display:none!important;}
/* эйбрау «Услуга/…» */
.t396__artboard:has([field="tn_text_1775682704344000016"]) .t396__elem[data-elem-id="1775682704657000020"]{order:3!important;}
/* заголовок + разделитель */
.t396__artboard:has([field="tn_text_1775682704344000016"]) .t396__group:has([data-elem-id="1775682704403000019"]){order:4!important;}
/* «Об услуге / История» + текст */
.t396__artboard:has([field="tn_text_1775682704344000016"]) .t396__group:has([data-elem-id="1775682704344000016"]){order:5!important;margin-top:6px!important;}
/* «Что входит / Основатель» + текст */
.t396__artboard:has([field="tn_text_1775682704344000016"]) .t396__group:has([data-elem-id="1775682703456000013"]){order:6!important;margin-top:6px!important;}


/* ===================== 3. ГЛАВНАЯ — HERO (rec2078029501) ===================== */
#rec2078029501 .t396__artboard{padding-top:74px!important;gap:18px!important;}
#rec2078029501 .t396__elem[data-elem-id="1775127560730000001"]{order:1!important;}  /* фото-галерея */
#rec2078029501 .t396__elem[data-elem-id="1774452181947000004"]{order:2!important;}  /* лид «Мы понимаем» */
#rec2078029501 .t396__elem[data-elem-id="1774452181945000001"]{order:3!important;width:auto!important;max-width:70%!important;} /* вордмарк ART */
#rec2078029501 .t396__elem[data-elem-id="1774452181946000002"]{order:4!important;width:auto!important;max-width:78%!important;} /* вордмарк LAW */
#rec2078029501 .t396__elem[data-elem-id="1774452181948000005"]{display:none!important;} /* служебный пустой */
#rec2078029501 .t396__elem[data-elem-id="1775146659256000002"]{display:none!important;} /* фигура-фон */


/* ===================== 4. ГЛАВНАЯ — УСЛУГИ (rec2118999731) ===================== */
/* DOM-порядок перевёрнут (карточки 5→1, заголовок в конце, все «подробнее» свалены) — раскладываем
   явно: заголовок → интро → карточка(01..05: номер→название→фото→подробнее). Фигуры-фоны скрыты. */
#rec2118999731 .t396__artboard{gap:7px!important;}
#rec2118999731 .t396__elem[data-elem-id="1779913407235000005"]{order:1!important;margin-bottom:4px!important;} /* заголовок «Юридические услуги» */
#rec2118999731 .t396__elem[data-elem-id="1779913407235000004"]{order:2!important;margin-bottom:18px!important;} /* интро */
/* декоративные/фоновые элементы — прочь */
#rec2118999731 .t396__elem[data-elem-id="1774541865917"]{display:none!important;}
#rec2118999731 .t396__elem[data-elem-id="1779913407236000006"]{display:none!important;}
#rec2118999731 .t396__elem[data-elem-id="1779900708023000005"]{display:none!important;}
#rec2118999731 .t396__elem[data-elem-id="1779900708023000001"]{display:none!important;}
#rec2118999731 .t396__elem[data-elem-id="1774541335361000012"]{display:none!important;}
#rec2118999731 .t396__elem[data-elem-id="1774541335387000016"]{display:none!important;}
#rec2118999731 .t396__elem[data-elem-id="1774541335340000007"]{display:none!important;}
/* Карточка 1 — Абонентское */
#rec2118999731 .t396__elem[data-elem-id="1779900708024000007"]{order:10!important;} /* 01 */
#rec2118999731 .t396__elem[data-elem-id="1779900708023000006"]{order:11!important;} /* название */
#rec2118999731 .t396__elem[data-elem-id="1779900708024000008"]{order:12!important;} /* фото */
#rec2118999731 .t396__elem[data-elem-id="1780738895189000001"]{order:13!important;margin-bottom:30px!important;} /* подробнее */
/* Карточка 2 — Интеллектуальная собственность */
#rec2118999731 .t396__elem[data-elem-id="1779900708023000003"]{order:20!important;}
#rec2118999731 .t396__elem[data-elem-id="1779900708023000002"]{order:21!important;}
#rec2118999731 .t396__elem[data-elem-id="1779900708023000004"]{order:22!important;}
#rec2118999731 .t396__elem[data-elem-id="1780738913116000002"]{order:23!important;margin-bottom:30px!important;}
/* Карточка 3 — Структурирование бизнеса */
#rec2118999731 .t396__elem[data-elem-id="1774541335382000014"]{order:30!important;}
#rec2118999731 .t396__elem[data-elem-id="1774541335362000013"]{order:31!important;}
#rec2118999731 .t396__elem[data-elem-id="1774541335385000015"]{order:32!important;}
#rec2118999731 .t396__elem[data-elem-id="1780739004888000003"]{order:33!important;margin-bottom:30px!important;}
/* Карточка 4 — Судебные споры */
#rec2118999731 .t396__elem[data-elem-id="1774541335398000018"]{order:40!important;}
#rec2118999731 .t396__elem[data-elem-id="1774541335388000017"]{order:41!important;}
#rec2118999731 .t396__elem[data-elem-id="1774541335401000019"]{order:42!important;}
#rec2118999731 .t396__elem[data-elem-id="1780739016957000004"]{order:43!important;margin-bottom:30px!important;}
/* Карточка 5 — Договоры */
#rec2118999731 .t396__elem[data-elem-id="1774541335355000009"]{order:50!important;}
#rec2118999731 .t396__elem[data-elem-id="1774541335341000008"]{order:51!important;}
#rec2118999731 .t396__elem[data-elem-id="1774541335358000010"]{order:52!important;}
#rec2118999731 .t396__elem[data-elem-id="1780739061198000005"]{order:53!important;}
/* фото услуг — компактная высота-обложка (а не во весь экран) */
#rec2118999731 .t396__elem[data-elem-id="1779900708024000008"] .tn-atom img,
#rec2118999731 .t396__elem[data-elem-id="1779900708023000004"] .tn-atom img,
#rec2118999731 .t396__elem[data-elem-id="1774541335385000015"] .tn-atom img,
#rec2118999731 .t396__elem[data-elem-id="1774541335401000019"] .tn-atom img,
#rec2118999731 .t396__elem[data-elem-id="1774541335358000010"] .tn-atom img{
  height:172px!important;object-fit:cover!important;margin-top:6px!important;}


/* ===================== 5. ГЛАВНАЯ — О КОМПАНИИ + КЛИЕНТЫ (rec2079197511) ===================== */
#rec2079197511 .t396__elem[data-elem-id="1774541335666000048"]{order:1!important;} /* «О компании» */
#rec2079197511 .t396__elem[data-elem-id="1774541335678000050"]{order:2!important;} /* текст «Большинство юристов…» */
#rec2079197511 .t396__elem[data-elem-id="9500000001"]{order:3!important;}            /* подробнее */
#rec2079197511 .t396__elem[data-elem-id="1774541335671000049"]{order:4!important;margin-top:12px!important;} /* «Наши клиенты» */
#rec2079197511 .t396__elem[data-elem-id="1774541335756000051"]{order:5!important;}   /* список клиентов */
#rec2079197511 .t396__elem[data-elem-id="1774541335664000047"]{display:none!important;} /* фигура-разделитель */
#rec2079197511 .t396__elem[data-elem-id="1774541335874000066"]{display:none!important;} /* фигура-разделитель */
/* Текст был белым на бордовой плашке → на кремовом фоне невидим. Перекрашиваем в тёмный
   (единый со всей мобильной страницей), «подробнее» оставляем бордовым. */
#rec2079197511 .tn-atom{color:#201e1e!important;}
#rec2079197511 .t396__elem[data-elem-id="9500000001"] .tn-atom{color:#790e2c!important;}


/* ===================== 7. ФОРМА → ПОДВАЛ — гарантированный отступ ===================== */
/* Нативная форма (с возможным сообщением об ошибке согласий) на мобайле близко прилегала к подвалу.
   Даём подвалу запас сверху, чтобы контакты не наезжали на кнопку/сообщение формы. */
#rec2119076631{margin-top:48px!important;}


/* ===================== 6. ПЛАНШЕТ (600–979) — не растягивать строки ===================== */
/* На широком мобайле/планшете одноколоночный поток давал слишком длинные строки (≈100 символов).
   Центрируем колонку контента до ~640px, увеличивая боковые отступы артборда. */
@media (min-width:600px){
  :where(.t-rec[data-record-type="396"]:not(#rec2111944531):not(#rec2142073181):not(#rec2142073881):not(#rec2300000010):not(#rec2119071311):not(#rec2119076631):not(#rec2119082311):not(#rec9000002):not(#rec2137609201):not(#rec2137615811)) .t396__artboard{
    padding-left:max(20px,calc((100% - 640px)/2))!important;
    padding-right:max(20px,calc((100% - 640px)/2))!important;}
}


/* ===================== 8. ПОДВАЛ НА ВНУТРЕННИХ СТРАНИЦАХ (.wl-pagefoot) ===================== */
/* Услуги/кейс/о-компании/policy/consent не имеют своего видимого подвала → inc/mobile.php добавляет
   им тот же мобильный footer, что и на главной. Стили .wl-m__foot* лежат в welawart-mobile-home.css
   (грузится ТОЛЬКО на главной), поэтому здесь дублируем нужные правила под .wl-pagefoot (самодостаточно). */
.wl-pagefoot{
  display:block;font-family:'TTCommons','TT Commons Pro',-apple-system,Arial,sans-serif;
  color:#201e1e;background:#fffff4;box-sizing:border-box;}
.wl-pagefoot *,.wl-pagefoot *::before,.wl-pagefoot *::after{box-sizing:border-box;}
.wl-pagefoot img{max-width:100%;height:auto;display:block;}
.wl-pagefoot a{color:inherit;text-decoration:none;}
.wl-pagefoot .wl-m__foot{margin-top:0;padding:30px 20px 44px;background:#fffff4;border-top:1px solid rgba(32,30,30,.12);}
.wl-pagefoot .wl-m__foot-wm{display:flex;align-items:baseline;gap:8px;margin-bottom:20px;}
.wl-pagefoot .wl-m__foot-wm .wl-m__wm-a,.wl-pagefoot .wl-m__foot-wm .wl-m__wm-l{height:22px;width:auto;}
.wl-pagefoot .wl-m__contacts{display:flex;flex-direction:column;gap:4px;margin-bottom:16px;}
.wl-pagefoot .wl-m__contact{display:inline-flex;align-items:center;min-height:44px;font-size:17px;line-height:1.3;color:#201e1e;}
.wl-pagefoot .wl-m__foot-social .wl-social{display:flex;flex-direction:column;gap:2px;}
.wl-pagefoot .wl-m__foot-social .wl-social a,.wl-pagefoot .wl-m__foot-social .wl-social span{display:block;font-size:16px;line-height:1.6;color:#201e1e;}
@media (min-width:600px){
  .wl-pagefoot .wl-m__foot{padding-left:max(20px,calc((100% - 640px)/2));padding-right:max(20px,calc((100% - 640px)/2));}
}

} /* @media */