/* ============ АДАПТИВ ============ */
@media (max-width:1280px){
  .footgrid{grid-template-columns:auto minmax(0,1fr)}
  .fr{grid-column:1/-1;justify-self:center}
}
@media (max-width:900px){
  .row{grid-template-columns:1fr;gap:var(--s1);padding-block:var(--s2)}
  .row .d{display:none}
  .row .v{text-align:left;color:var(--mint);font-weight:700}
  .toggle{gap:var(--s3)}
  .page{grid-template-columns:repeat(2,1fr)}
  .railwrap{padding-block:clamp(150px,26vw,200px)}
}
@media (max-width:560px){
  .page{grid-template-columns:repeat(2,1fr);gap:9px}
  .lb figure{max-width:94vw}
}

/* ============ МОБИЛЬНАЯ ВЕРСИЯ ============ */
@media (max-width:700px){
  :root{--gut:16px;--navpad:max(13px,env(safe-area-inset-top));--brandh:26px;--bsize:42px}
  .block{width:calc(100% - 12px);margin-block:16px;border-radius:16px;padding-inline:14px}
  .wrap{padding-inline:var(--gut)}

  /* шапка и меню */
  .nav{padding-inline:var(--gut)}
  .navdock{right:var(--gut)}
  .zctl{gap:5px;padding:5px 6px}
  .zlvl{min-width:44px}
  .menu{gap:15px}
  .menu a{font-size:14px}

  /* видео и заголовок */
  .vid{height:78svh;min-height:360px}
  .vid .hero-k{font-size:34px;bottom:18px}
  .hero-mid{padding-block:26px 22px}
  .hero-mid h1{font-size:23px;line-height:1.24}

  /* плеер */
  .player{padding:0}
  .vid .pbar{width:92%;bottom:12px;gap:8px;padding:5px}
  .pbtn,.tbtn{width:30px;height:30px;min-width:30px}
  .track{height:16px}
  .track .bg,.track .fill{height:7px;background-size:calc(100% / 46) 100%}
  .ptime{display:none}
  .tx-in{padding:20px 18px;border-radius:14px}
  .tx-in p,.tx-in ol li{font-size:14px;line-height:1.7}
  .tx-in h4{font-size:17px}

  /* модель: лодку листаем вбок, чтобы была крупной */
  .sec-t{font-size:26px;gap:.4em}
  .sec-t .sl{font-size:.36em}
  .toggle{gap:14px}
  .sil svg{width:88px}
  .knob{width:52px;height:28px}
  .stage{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}
  .subs{min-width:720px}
  .stage::-webkit-scrollbar{height:4px}
  .stage::-webkit-scrollbar-thumb{background:rgba(128,199,165,.4);border-radius:3px}
  .mk{width:26px;height:26px;font-size:11px}
  .tlabel{letter-spacing:.3em;font-size:10px}

  /* карточки-поповеры */
  .card{width:calc(100vw - 32px);padding:20px 18px;border-radius:16px}
  .card h4{font-size:26px}
  .card .body{max-height:44vh}

  /* ТТХ */
  .spec-t{font-size:15px;line-height:1.5;margin-bottom:22px}
  .row{padding-block:9px}
  .row .l{font-size:11.5px;letter-spacing:.02em}
  .row .v{font-size:13px}

  /* хроника */
  .railwrap{padding-block:16px}
  .yr{font-size:44px;padding:0 15px 26px}
  .gap{padding-inline:10px;gap:6px}
  .gap i{height:11px}
  .tl{padding-left:22px;margin-top:26px}
  .ev::before{left:-20px;font-size:.78em}
  .ev .dt{font-size:12.5px}
  .ev .tx2{font-size:13.5px;line-height:1.65}
  .lnkbtn{padding:12px 20px;font-size:11.5px}

  /* галерея */
  .deck{gap:14px}
  .page{grid-template-columns:repeat(2,1fr);gap:8px}
  .gcard .zoom{display:none}
  .gnav{gap:10px;margin-top:18px}
  .garr{width:46px}
  .gdots{display:none}
  .gcount{font-size:11px;letter-spacing:.16em}

  /* фуллскрин */
  .lb figure{max-width:96vw;gap:10px}
  .lb img{max-height:64vh}
  .lbbtn{width:42px}
  #lbprev{left:8px}#lbnext{right:8px}
  #lbclose{top:max(10px,env(safe-area-inset-top));right:8px}
  .lbcount{bottom:max(12px,env(safe-area-inset-bottom))}

  .hi-t{font-size:20px;margin-bottom:10px}
  .hi-p{font-size:12px;line-height:1.6}
  .vid .hero-intro{top:44%;width:92vw}
  .lead{font-size:13px;line-height:1.7}
  .memo .lead{font-size:14px}

  /* подвал */
  .foot{padding-block:26px calc(22px + env(safe-area-inset-bottom))}
  .foot .em{gap:10px;margin-bottom:18px}
  .foot .em img{width:44px}
  .foot .em span{font-size:9.5px}
  .footgrid{grid-template-columns:1fr;gap:20px;justify-items:center}
  .fc{flex-direction:column;gap:14px}
  .fblock{font-size:9px}
  .fblock+.fblock{border-left:0;border-top:1px solid rgba(128,199,165,.22);padding-left:0;padding-top:14px}
  .fl{justify-content:center}
  .fl img{width:48px}
  .fr{justify-self:center;gap:32px}
}
@media (max-width:400px){
  .page{grid-template-columns:1fr}
  .vid .hero-k{font-size:30px}
  .sec-t{font-size:23px}
  .yr{font-size:22px}
}
/* горизонтальный телефон */
@media (max-height:520px) and (orientation:landscape){
  .vid{height:100svh;min-height:280px}
  .vid .hero-k{font-size:28px;bottom:12px}
}