/* «Хранилище» — фрейм 2004-4654 (1440). Мобильного фрейма в макете нет: 375 собран по системе «Компания м» / «Главная м».
   Общие блоки (шапка страницы, сетка цифр, карточки с «+», заявка) — в company.css, он подключён первым. */

/* ---------- Первый экран: фото на всю ширину (в макете — место под план хранилища 1440×720) ---------- */
.phead--crumbs .phead__lead { max-width: 403px; }
.shero { height: 720px; overflow: hidden; background: var(--c-soft); }
.shero img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 60%; }

/* ---------- Depo Gold ---------- */
.depo { display: grid; grid-template-columns: 1fr 1fr; column-gap: 32px; padding-top: 88px; padding-bottom: 108px; }
.depo__title { max-width: 489px; letter-spacing: .02em; }
.depo__btn { margin-top: 32px; cursor: default; }
.depo__text { max-width: 480px; padding-top: 6px; }
.depo__text p + p { margin-top: 22px; }

/* ---------- Что мы храним: 4 плитки 316×239 через 32 ---------- */
.kinds { display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 32px; padding-inline: var(--gutter); }
.kinds__label { grid-column: 1 / -1; padding: 0; margin-bottom: 42px; }
.kinds__item { aspect-ratio: 316 / 239; background: var(--c-soft); overflow: hidden; }
.kinds__item img { width: 100%; height: 100%; object-fit: contain; }

/* ---------- Цифры: 2 ряда ---------- */
.snum__grid { grid-template-rows: 383px 384px; margin-inline: var(--gutter); border-top: 1px solid var(--c-line); border-bottom: 1px solid var(--c-line); }
.snum .ngrid__desc { grid-area: 1 / 1; border-bottom: 1px solid var(--c-line); }
.snum__a { grid-area: 1 / 2; border-left: 1px solid var(--c-line); border-bottom: 1px solid var(--c-line); }
.snum__b { grid-area: 1 / 3; border-left: 1px solid var(--c-line); border-bottom: 1px solid var(--c-line); }
.snum__ill { grid-area: 2 / 1; }
.snum__c { grid-area: 2 / 2 / 3 / 4; }

/* ---------- Безопасность: дальше сразу заявка со своим отступом ---------- */
#security { padding-bottom: 0; }
.vgrid__cta .btn { cursor: default; }

@media (min-width: 1024px) and (max-width: 1279px) {
  .snum__b .t-num { font-size: 64px; }
}

/* ---------- Мобильная (375) и планшет: решения по системе «Компания м» ---------- */
@media (max-width: 1023px) {
  .shero { height: auto; aspect-ratio: 375 / 400; }
  .depo { display: block; padding-top: 56px; padding-bottom: 64px; }
  .depo__title { font-size: 20px; line-height: 28px; }
  .depo__btn { width: 100%; }
  .depo__text { padding-top: 0; margin-top: 32px; max-width: none; }

  .kinds { display: block; padding: 0; }
  .kinds__label { padding: 0 var(--gutter); margin-bottom: 24px; }
  .kinds__track { gap: 16px; padding: 0 var(--gutter); scroll-padding-inline: var(--gutter); }
  .kinds__item { width: 100%; max-width: 420px; }
  .kinds .dots { padding-top: 16px; }

  .snum .sec-head, #security .sec-head { padding-top: 80px; }
  .snum__grid { margin: 0; border: 0; }

  .vgrid__cta { display: flex; margin: 32px var(--gutter) 0; min-height: 240px; padding: 32px var(--gutter); gap: 48px; }
  .vgrid__cta h3 { font-size: 24px; line-height: 32px; letter-spacing: 0; }
  .vgrid__cta .btn { align-self: stretch; }
}
@media (max-width: 1023px) {
  .phead--crumbs .phead__title { font-size: 36px; line-height: 46px; }
  .snum .ngrid__desc br { display: none; }
}

/* 320–359: «Сертифицированное» кеглем 36 = 309px при колонке 272 — следующая ступень мобильной шкалы, 28/38 */
@media (max-width: 359px) {
  .phead--crumbs .phead__title { font-size: 28px; line-height: 38px; }
}