/* ==========================================================================
   Телефоны и планшеты. Подключается последним (page-shell.cjs).
   Правила: слова не рвутся посередине, всё помещается в ширину экрана,
   перенос — целыми словами, слова через дефис не разрываются.
   ========================================================================== */

/* --- Переносы (все ширины) ---------------------------------------------- */
/* Слово ломается, только если само не помещается в строку (длинная почта, ссылка) */
body{overflow-wrap:break-word}
/* полноширинные блоки (50vw) не дают горизонтальной прокрутки при обычной полосе прокрутки Windows */
html,body{overflow-x:clip}
h1,h2,h3,h4{overflow-wrap:normal;word-break:normal;hyphens:manual}
/* Слово через дефис в заголовке (page-shell.cjs): переносится целиком;
   разрывается по дефису, только если не помещается даже в пустую строку */
.hyw{display:inline-block;text-indent:0}
.nowrap{white-space:nowrap}

/* --- Планшеты и телефоны -------------------------------------------------- */
@media(max-width:1000px){
  /* меню: раскрывается панелью под шапкой на всю её ширину (раньше вставало в строку шапки) */
  body>header .header{position:relative}
  body>header .header nav{position:absolute;top:calc(100% - 4px);left:0;right:0;width:auto;max-height:calc(100svh - 100px);overflow:auto;border-radius:26px;padding:12px 24px}
  body>header .header nav a,body>header .header nav a[aria-current="page"]{min-height:48px;font-size:15px;border-bottom:1px solid color-mix(in srgb,currentColor 14%,transparent)!important}
  body>header .header nav a:last-of-type,body>header .header nav a[aria-current="page"]:last-of-type{border-bottom:0!important}
  body>header .header nav .nav-active-indicator{display:none}
  /* неразрывные фрагменты в подписях карточек переносятся целиком */
  .ab-card-title span.nw.nw.nw{display:inline-block}
  /* ряды фильтров — одной строкой с горизонтальной прокруткой */
  .ed-tabs,.ab-filter-tabs{min-width:0;max-width:100%;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .ed-tabs::-webkit-scrollbar,.ab-filter-tabs::-webkit-scrollbar{display:none}
  .ed-tabs>*,.ab-filter-tabs>*{flex:0 0 auto;white-space:nowrap}
  /* первый экран служебных страниц: фото сверху, текст под ним, высота по содержимому */
  .sk-hero,.sk-hero.ab-hero{display:flex;flex-direction:column-reverse;height:auto!important;min-height:0!important;max-height:none!important;gap:28px}
  .sk-hero .sk-photo{aspect-ratio:16/9;height:auto;min-height:0}
  .sp-ed .sk-hero h1{max-width:none}
  /* подписи и плашки в заголовках разделов переносятся, а не вылезают за экран */
  .sc-section-head{flex-wrap:wrap}
  .sk-stub{white-space:normal}
  .fl-legend{margin-left:0}
}

/* --- Телефоны ------------------------------------------------------------- */
@media(max-width:760px){
  /* заголовок раздела со ссылкой справа: ссылка уходит под заголовок */
  .ab-split-row{flex-wrap:wrap;gap:8px 20px}

  /* главная: «Производственные возможности» и список техники */
  .home-page #resources .capacity-overlay h3{font-size:clamp(26px,7.6vw,32px)}
  .capacity-types ul{gap:10px 14px;font-size:14px}

  /* документы для скачивания: название — на всю ширину, значок справа */
  .ab-file{grid-template-columns:minmax(0,1fr) 24px!important;gap:6px 14px}
  .ab-file>*{grid-column:1}
  .ab-file .ab-file-icon{grid-column:2;grid-row:1/span 3;align-self:center}
  /* пустой лист-заглушка: подпись по центру листа */
  .ab-sheet.is-empty em{left:8px;right:8px;text-align:center;font-size:10px;line-height:1.3}
  .ed-page .ab-card-note{font-size:14px;line-height:1.5}

  /* карточка техники: «предыдущая / следующая» — обычный блок, не меню */
  .sp-ed>nav.eq-pager{display:grid;position:static;top:auto;padding:24px 0 64px;background:none;border:0;font-size:inherit;gap:0}
  .eq-pager a.is-next{text-align:left;align-items:flex-start}

  /* список новостей: дата и заголовок рядом с фото, анонс — на всю ширину */
  .ed-page .ed-news-row{grid-template-columns:minmax(0,1fr) 104px;gap:8px 16px;align-items:start}
  .ed-page .ed-news-row>div{display:contents}
  .ed-page .ed-news-row .ed-news-date{grid-column:1;grid-row:1}
  .ed-page .ed-news-row h2{grid-column:1;grid-row:2;font-size:19px;line-height:1.3;margin:0}
  .ed-page .ed-news-row>img{grid-column:2;grid-row:1/3;width:104px;aspect-ratio:1.4;border-radius:10px;align-self:start}
  .ed-page .ed-news-row p{grid-column:1/-1;grid-row:3;margin:4px 0 0;font-size:14px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

  /* вакансии: «город · график · опыт» с разделителями */
  .sp-ed .sp-vacancy p,.sp-page .sp-vacancy p{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}
  .sp-ed .sp-vacancy p i,.sp-vacancy p i{display:inline-block;width:3px;height:3px;border-radius:50%;background:#9fb0a7}

  /* «Сотрудничество» → направления: номер над названием, стрелка справа */
  .sp-dir{grid-template-columns:minmax(0,1fr) 32px!important;gap:6px 12px}
  .sp-dir .sp-vacancy-kind{grid-column:1/-1}
  .sp-dir>div{grid-column:1}
  .sp-dir .sp-vacancy-arrow{grid-column:2;align-self:center}

  /* карточка проекта: заголовок без «плакатного» размера */
  .ed-page .ed-detail-heading h1,.ed-page>h1{font-size:clamp(28px,8vw,34px);line-height:1.15;letter-spacing:-.04em}

}

/* неразрывные фрагменты заголовков (.nw) на телефоне — как слова через дефис:
   переносятся целиком, а не по дефису */
@media(max-width:760px){h1 span.nw.nw.nw,h2 span.nw.nw.nw,h3 span.nw.nw.nw{display:inline-block}}

@media(max-width:760px){
  /* названия направлений в «Сотрудничестве» и заголовки перечня техники — под ширину телефона */
  .sp-ed .sp-dir h3{font-size:20px;line-height:1.25}
  .sp-ed .fl-section .sc-section-head h2{font-size:clamp(26px,7.4vw,30px)}
}

/* --- Планшеты (651–1000 px) ---------------------------------------------- */
@media(min-width:651px) and (max-width:1000px){
  /* «Направления деятельности»: подпись раздела ниже шапки (section-nav.js), контент — под ней */
  .home-page #directions:not(.orbit-static) .orbit-scene{padding-top:150px}
  /* «Связаться с компанией»: адрес и кнопка — в строку, кнопка не сжимается */
  .home-page .contact-bottom{flex-wrap:wrap;gap:16px 24px}
  .home-page .contact-bottom .button{white-space:nowrap;flex:0 0 auto}
  /* карточки направлений «О компании»: по одной в ряд — фото слева, текст справа */
  .ab-cards{grid-template-columns:1fr;gap:28px}
  .ab-card{display:grid;grid-template-columns:38% minmax(0,1fr);grid-template-rows:auto 1fr;gap:10px 28px;align-items:start}
  .ab-card .ab-card-photo{grid-row:1/3}
  .ed-page .ab-card-note{font-size:15px;line-height:1.55}
}