/* Правки аудита v5 (Claude). Подключается последним на всех страницах. */

/* Надзаголовки секций на телефоне были 11 px */
@media(max-width:760px){.eyebrow,.stage-directory .eyebrow{font-size:12px}}

/* Ссылки на услуги: на 320 px длинные слова выходили за экран на 11 px */
.service-links strong{min-width:0;overflow-wrap:anywhere}
@media(max-width:400px){.service-links{grid-template-columns:minmax(0,1fr)}}

/* Статус формы: заявка не отправлена, пока не отправлен черновик */
.form-status:not(:empty){margin-top:10px;font-weight:600}
.message-actions{margin-top:10px}
/* ссылка на черновик — кнопка под палец, а не строка текста 25 px */
.message-actions .message-open{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 18px;margin-top:0;font-size:15px;background:#fff;color:var(--blue);border:2px solid var(--blue);border-radius:8px}
.message-actions .message-open:hover{background:var(--blue);color:#fff}
@media(max-width:620px){.message-actions .message-open{width:100%}}

/* Первый экран */
@media(min-width:861px) and (max-width:1100px){
  /* четыре слова линии-выноса слипались, до наклонного края не хватало места */
  .v4-route{display:none}
}
@media(max-width:620px){
  /* полоса карусели: вместо пустых «01–04» в белой плашке — четыре сегмента прогресса */
  .v4-hero .v2-dots{padding:0;background:none;box-shadow:none;gap:0 6px}
  .v4-hero .v2-dot{min-height:44px}
  .v4-hero .v2-dot span{display:none}
  .v4-hero .v2-dot::before,.v4-hero .v2-dot i{top:20px;height:4px}
  .v4-hero .v2-dot::before{background:#ffffff59}
  .v4-hero .v2-dot i{background:#fff}
  /* кнопка паузы была 34 px при стрелках 40 px */
  .v4-hero .v2-stage-ctrl [data-c-toggle]{width:40px;height:40px;margin-top:0}
}

/* ---------- Страница «Стоимость парка под ключ» ---------- */
.pb-start .button{margin-top:22px;min-height:54px;padding-inline:22px;font-size:16px}
.pb-articles{background:#fff}
.pb-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,22px);margin:clamp(20px,2.6vw,34px) 0 0;padding:0;list-style:none}
.pb-list li{display:grid;align-content:start;gap:12px;min-width:0;padding:clamp(18px,2vw,26px);border:1px solid var(--line);border-radius:16px;background:var(--paper)}
.pb-list b{font:800 clamp(30px,3vw,44px)/1 var(--headline);letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1.5px var(--blue)}
.pb-list h3{margin:0;font:800 clamp(19px,1.7vw,24px)/1.2 var(--headline);letter-spacing:-.025em}
.pb-list p{margin:6px 0 10px;font-size:15px;line-height:1.5;color:var(--muted)}
.pb-note{margin:18px 0 0;padding:16px 18px;border-radius:14px;background:#eaf3ff;font-size:15px;line-height:1.5;color:var(--muted)}
.pb-note strong{color:var(--ink)}
.pb-note .home-inline-link{margin-left:6px;white-space:nowrap}
.pb-factors{background:#eaf3ff}
.pb-factors-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(22px,4vw,70px);align-items:start}
.pb-factor-list{display:grid;margin:0;padding:0;list-style:none;border-top:2px solid var(--ink)}
.pb-factor-list li{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:4px 20px;padding:14px 0;border-bottom:1px solid #c6dbf7;font-size:15px;line-height:1.5}
.pb-factor-list strong{font:800 17px/1.3 var(--headline);letter-spacing:-.02em;color:var(--ink)}
.pb-factor-list span{color:var(--muted)}
@media(max-width:900px){
  .pb-list,.pb-factors-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:620px){
  .pb-start .button{width:100%;justify-content:center}
  .pb-factor-list li{grid-template-columns:minmax(0,1fr)}
  .pb-note .home-inline-link{display:inline-block;margin:6px 0 0}
}

/* ---------- Кейсы, «От задачи до результата»: номер, заголовок и текст на общих линиях ---------- */
.case-story{row-gap:16px}
.case-story article{display:grid;grid-template-rows:subgrid;grid-row:span 3;row-gap:10px;align-content:start}
.case-story article>span{margin:0}
.case-story article>h3{align-self:start;text-wrap:wrap;hyphens:manual;overflow-wrap:break-word}
.case-story article>p:not(.eyebrow){margin:0}

/* ---------- Карточки-плееры: обложка, плеер по клику ---------- */
.video-section{background:#f2f7ff}
.video-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:clamp(14px,1.6vw,22px);margin:clamp(18px,2.2vw,28px) 0 0;padding:0;list-style:none}
.video-shorts{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr))}
.video-card{display:flex;flex-direction:column;min-width:0;border:1px solid #cbdcf2;border-radius:16px;overflow:hidden;background:#fff}
.video-card.is-short{max-width:300px}
.video-play,.video-frame{position:relative;display:block;aspect-ratio:16/9;background:#0f1c2e}
.is-short .video-play,.is-short .video-frame{aspect-ratio:9/16}
.video-play img{display:block;width:100%;height:100%;object-fit:cover;transition:opacity .2s}
.video-play:hover img,.video-play:focus-visible img{opacity:.86}
.video-play:focus-visible{outline:3px solid var(--blue);outline-offset:-3px}
.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-button{position:absolute;top:50%;left:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:var(--blue);box-shadow:0 8px 24px #0009}
.video-button::after{content:"";position:absolute;top:50%;left:50%;margin:-11px 0 0 -6px;border-style:solid;border-width:11px 0 11px 18px;border-color:transparent transparent transparent #fff}
.video-time{position:absolute;right:10px;bottom:10px;padding:3px 8px;border-radius:6px;background:#0f1c2ed9;color:#fff;font-size:13px;font-weight:600;line-height:1.3}
.video-copy{display:flex;flex:1;flex-direction:column;gap:6px;padding:14px 16px 16px}
.video-kind{margin:0;font-size:12.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#245d9e}
.video-copy h3{margin:0;font:800 clamp(17px,1.5vw,20px)/1.25 var(--headline);letter-spacing:-.02em;text-wrap:wrap}
.video-copy>p:not(.video-kind){margin:0;font-size:14.5px;line-height:1.45;color:var(--muted)}
.video-source{align-self:flex-start;margin-top:auto;padding-top:6px;font-size:14px;font-weight:600;color:var(--blue)}
.video-source:hover{text-decoration:underline}
@media(max-width:460px){
  .video-shorts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .video-shorts .video-copy{padding:10px 10px 12px}
  .video-shorts .video-copy h3{font-size:14.5px}
  .video-shorts .video-source{font-size:12.5px}
}
@media(prefers-reduced-motion:reduce){.video-play img{transition:none}}