/* Хранение ценностей (2019-7262 / 2019-8571). Общие блоки — в blocks.css. */

/* первый экран: колонка текста 736 (две строки по 248) + картинка 704 */
.stop { display: grid; grid-template-columns: 51.11% 1fr; border-block: 1px solid var(--c-line); }
.stop__text { display: grid; grid-template-rows: 248px 248px; border-right: 1px solid var(--c-line); }
.stop__lead { padding: 40px var(--gutter); border-bottom: 1px solid var(--c-line); font: 400 20px/28px var(--f-head); }
.stop__lead { padding-right: calc(100% - 570px - var(--gutter)); }
.stop__more { position: relative; padding: 40px var(--gutter); }
.stop__more p { width: 356px; max-width: 100%; }
.stop__btn { position: absolute; right: var(--gutter); bottom: var(--gutter); }
.stop__img { display: grid; place-items: center; }
.stop__img img { width: 71.3%; }

.sdesc .shead { padding-top: 96px; }
.sdesc .shead__body { gap: 22px; }

/* цифры: три карточки по 448 + столбик стрелок 96 */
.snums__slider { display: grid; grid-template-columns: 1fr 96px; border-block: 1px solid var(--c-line); }
.snums__list { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; scroll-behavior: smooth; }
.snums__list::-webkit-scrollbar { display: none; }
.snum { flex: 0 0 calc(100% / 3); min-width: 0; scroll-snap-align: start; display: grid; gap: 120px; align-content: start; padding: 40px var(--gutter) 48px; border-right: 1px solid var(--c-line); }
/* число 96/104, единица — как в мобильном макете: 24/24 капсом рядом, по верху */
.snum__val { display: flex; gap: 12px; align-items: flex-start; font: var(--w-semi) 96px/104px var(--f-head); text-transform: uppercase; white-space: nowrap; }
.snum__val span { font-size: 24px; line-height: 24px; padding-top: 16px; }
.snums__arrows { display: grid; grid-template-rows: 1fr 1fr; }
.snums__arrow { display: grid; place-items: center; transition: background-color .25s, color .25s; }
.snums__arrow + .snums__arrow { border-top: 1px solid var(--c-line); }
.snums__arrow .i { width: 16px; height: 16px; }
.snums__arrow:disabled { color: var(--c-white-20); cursor: default; }
@media (hover: hover) { .snums__arrow:not(:disabled):hover { background: var(--c-hover); } }

.adv { padding-bottom: 0; }

@media (max-width: 1279px) {
  .snum__val { font-size: 64px; line-height: 72px; }
}
@media (max-width: 1023px) {
  .stop { grid-template-columns: 1fr; border: 0; }
  .stop__text { display: contents; }
  .stop__lead { order: 1; padding: 0 var(--gutter); border: 0; font: 400 15px/22px var(--f-text); }
  .stop__more p { display: none; } /* в мобильном макете абзаца про габариты нет */
  .stop__img { order: 2; margin: 32px var(--gutter) 0; height: 218px; }
  .stop__img img { width: 279px; }
  .stop__more { order: 3; padding: 32px var(--gutter) 40px; }
  .stop__more p { width: auto; }
  .stop__btn { position: static; width: 100%; margin-top: 0; justify-content: space-between; padding-inline: 24px; }
  .page-top .stop { border-bottom: 1px solid var(--c-line); }
  .sdesc .shead { padding-top: 64px; }
  .snums__slider { display: block; border: 0; }
  .snums__arrows { display: none; }
  .snum { flex-basis: 100%; gap: 96px; padding: 32px var(--gutter) 40px; min-height: 282px; border-right: 0; border-bottom: 1px solid var(--c-line); }
  .snum__val span { padding-top: 12px; }
}