/* SUBZ — широкие экраны (от 2200px). Вёрстка мягко увеличивается через zoom,
   чтобы рабочая ширина оставалась ~1830–2050px: контент занимает 75–80% экрана,
   как на обычном 1920. zoom растягивает и vw/vh, поэтому все правила с ними
   пересчитаны: X / --z. Генератор: /opt/subz/tools/genwide.py */
:root{--z:1}
@media(min-width:2200px){:root{--z:1.2}}
@media(min-width:2500px){:root{--z:1.35}}
@media(min-width:2800px){:root{--z:1.5}}
@media(min-width:3200px){:root{--z:1.7}}
@media(min-width:3800px){:root{--z:2}}
@media(min-width:2200px){
  html{zoom:var(--z)}
  :root{--pad: clamp(16px, calc(4vw / var(--z)), 56px)}
  .section{padding-top:clamp(72px,calc(10vw / var(--z)),148px)}
  .page{min-height:calc(calc(100vh / var(--z)) - var(--header-h))}
  .sec-head{margin-bottom:clamp(24px,calc(3vw / var(--z)),40px)}
  .sec-head__title{font-size:clamp(34px,calc(6.2vw / var(--z)),96px)}
  .mmenu__link .display{font-size:clamp(34px,calc(11vw / var(--z)),64px)}
  .ftr{margin-top:clamp(80px,calc(10vw / var(--z)),160px)}
  .ftr__word span{font-size:calc(26.5vw / var(--z))}
  .drawer{width:min(480px,calc(100vw / var(--z)))}
  .drawer__empty-big{font-size:clamp(64px,calc(18vw / var(--z)),110px)}
  .pal-scrim{padding:calc(10vh / var(--z)) 16px 16px}
  .pal{max-height:calc(80vh / var(--z))}
  .pal__input{font-size:clamp(18px,calc(3vw / var(--z)),24px)}
  .faq__text{font-size:clamp(17px,calc(2.1vw / var(--z)),26px)}
  .hero{padding:clamp(28px,calc(4vw / var(--z)),56px) 0 clamp(56px,calc(7vw / var(--z)),96px)}
  .hero__glow{width:calc(60vw / var(--z));height:calc(60vw / var(--z))}
  .hero__meta{margin-bottom:clamp(20px,calc(3vw / var(--z)),36px)}
  .hero__in{--hero-fs: clamp(40px, calc(8.4vw / var(--z)), 150px)}
  .hero__bottom{margin-top:clamp(24px,calc(3vw / var(--z)),44px)}
  .hero__lead{font-size:clamp(16px,calc(1.3vw / var(--z)),19px)}
  .hero__stage{padding-left:clamp(0px,calc(4vw / var(--z)),60px)}
  .deck__info b{font-size:clamp(20px,calc(2vw / var(--z)),28px)}
  .band{padding:clamp(28px,calc(4vw / var(--z)),48px) 0;gap:clamp(20px,calc(3vw / var(--z)),36px)}
  .band__name{font-size:clamp(44px,calc(7vw / var(--z)),112px)}
  .cat__link{padding:clamp(20px,calc(2.4vw / var(--z)),32px)}
  .cat__title{font-size:clamp(28px,calc(2.9vw / var(--z)),46px)}
  .cat--xl .cat__title{font-size:clamp(36px,calc(4.6vw / var(--z)),76px)}
  .cat__code{font-size:clamp(90px,calc(10vw / var(--z)),160px)}
  .cat--xl .cat__code{font-size:clamp(160px,calc(22vw / var(--z)),340px)}
  .cat__arrow{top:clamp(16px,calc(2vw / var(--z)),24px);right:clamp(16px,calc(2vw / var(--z)),24px)}
  .how__step{padding:clamp(22px,calc(2.4vw / var(--z)),34px)}
  .how__n{font-size:clamp(88px,calc(10vw / var(--z)),150px)}
  .how__t{font-size:clamp(22px,calc(2.2vw / var(--z)),30px)}
  .why__row{padding:clamp(22px,calc(3vw / var(--z)),38px) 12px}
  .why__t{font-size:clamp(22px,calc(2.9vw / var(--z)),44px)}
  .cta__band{padding:clamp(16px,calc(2vw / var(--z)),28px) 0}
  .cta__word{font-size:clamp(56px,calc(11vw / var(--z)),190px)}
  .cta__facts{margin-top:clamp(56px,calc(6vw / var(--z)),96px)}
  .catalog__head{padding-top:clamp(40px,calc(6vw / var(--z)),88px);padding-bottom:clamp(28px,calc(3vw / var(--z)),44px)}
  .catalog__title{font-size:clamp(52px,calc(12vw / var(--z)),210px)}
  .catalog__title sup{font-size:clamp(12px,calc(1.2vw / var(--z)),16px)}
  .catalog__empty .display{font-size:clamp(80px,calc(16vw / var(--z)),220px)}
  .catalog__more{padding-top:clamp(40px,calc(6vw / var(--z)),88px)}
  .co__head{padding-top:clamp(36px,calc(5vw / var(--z)),72px)}
  .co__title{font-size:clamp(44px,calc(9vw / var(--z)),150px)}
  .co__grid{gap:clamp(24px,calc(4vw / var(--z)),56px)}
  .co__legend .display{font-size:clamp(24px,calc(2.6vw / var(--z)),36px)}
  .co__sum{padding:clamp(20px,calc(2.4vw / var(--z)),32px)}
  .co__total b{font-size:clamp(36px,calc(4vw / var(--z)),56px)}
  .co__empty{padding-top:clamp(48px,calc(8vw / var(--z)),120px)}
  .co__empty-title{font-size:clamp(48px,calc(15vw / var(--z)),280px)}
  .nf__in{padding-top:clamp(40px,calc(8vw / var(--z)),120px)}
  .nf__code{font-size:clamp(96px,calc(30vw / var(--z)),520px)}
  .nf__msg{font-size:clamp(22px,calc(3.4vw / var(--z)),44px)}
  .pp__grid{gap:clamp(28px,calc(4vw / var(--z)),64px)}
  .pp__feat{padding:clamp(20px,calc(2.4vw / var(--z)),28px)}
  .pp__name{font-size:clamp(40px,calc(5.4vw / var(--z)),88px)}
  .pp__price{font-size:clamp(52px,calc(6vw / var(--z)),96px)}
  .flow__step{padding:clamp(20px,calc(2.4vw / var(--z)),30px)}
  .ok__in{padding-top:clamp(48px,calc(7vw / var(--z)),110px)}
  .ok__title{font-size:clamp(56px,calc(13vw / var(--z)),220px)}
  .settings-layout{gap:clamp(24px,calc(5vw / var(--z)),72px)}
  .public-profile{gap:clamp(18px,calc(3vw / var(--z)),34px);padding-top:clamp(38px,calc(6vw / var(--z)),84px)}
  .public-profile__avatar{width:clamp(88px,calc(11vw / var(--z)),148px);font-size:clamp(34px,calc(5vw / var(--z)),68px)}
  .public-profile__identity h1{font-size:clamp(44px,calc(8vw / var(--z)),118px)}
  .profile-stats{margin:24px 0 clamp(50px,calc(7vw / var(--z)),90px)}
  .x-page{padding-bottom:clamp(64px,calc(8vw / var(--z)),120px)}
  .x-head{padding-top:clamp(28px,calc(4vw / var(--z)),56px);margin-bottom:clamp(20px,calc(3vw / var(--z)),36px)}
  .x-head .display{font-size:clamp(40px,calc(7vw / var(--z)),104px)}
  .x-panel{padding:clamp(18px,calc(2.2vw / var(--z)),28px)}
  .x-panel h2{font-size:clamp(20px,calc(2vw / var(--z)),26px)}
  .x-grid2{gap:clamp(14px,calc(3vw / var(--z)),40px)}
  .m-crumbs{padding-top:clamp(18px,calc(2.4vw / var(--z)),32px)}
  .m-hero{gap:clamp(24px,calc(4vw / var(--z)),64px);padding:clamp(24px,calc(3.4vw / var(--z)),52px)}
  .m-hero__title{font-size:clamp(44px,calc(6.6vw / var(--z)),116px)}
  .m-hero__lead{font-size:clamp(15px,calc(1.15vw / var(--z)),18px)}
  .m-hero__lead--lot{font-size:clamp(18px,calc(1.6vw / var(--z)),24px)}
  .m-tile{width:clamp(170px,calc(17vw / var(--z)),248px);padding:clamp(14px,calc(1.3vw / var(--z)),20px)}
  .m-tile__logo b{font-size:clamp(56px,calc(5.4vw / var(--z)),84px)}
  .m-stats{margin-top:clamp(4px,calc(1vw / var(--z)),12px)}
  .m-stats>div+div{padding-left:clamp(14px,calc(2vw / var(--z)),28px)}
  .m-stats dd{font-size:clamp(22px,calc(2.2vw / var(--z)),34px)}
  .m-toolbar{margin:clamp(26px,calc(3vw / var(--z)),40px) 0 16px}
  .m-offer{gap:clamp(14px,calc(2vw / var(--z)),28px);padding:18px clamp(16px,calc(1.8vw / var(--z)),24px)}
  .m-offer__title{font-size:clamp(16px,calc(1.2vw / var(--z)),19px)}
  .m-offer__price{font-size:clamp(22px,calc(1.9vw / var(--z)),30px)}
  .m-empty{padding:clamp(40px,calc(6vw / var(--z)),80px) 20px}
  .m-empty .display{font-size:clamp(48px,calc(6vw / var(--z)),88px)}
  .m-trust{margin-top:clamp(32px,calc(4vw / var(--z)),56px)}
  .m-lot{gap:clamp(16px,calc(2.4vw / var(--z)),32px);margin-top:clamp(16px,calc(2vw / var(--z)),24px)}
  .m-card{padding:clamp(20px,calc(2.4vw / var(--z)),32px)}
  .m-card__h{font-size:clamp(20px,calc(1.8vw / var(--z)),26px)}
  .m-buy{padding:clamp(22px,calc(2.2vw / var(--z)),30px)}
  .m-buy__price{font-size:clamp(48px,calc(4.4vw / var(--z)),68px)}
  .m-auth{gap:clamp(24px,calc(5vw / var(--z)),80px)}
  .m-auth__main .x-head .display{font-size:clamp(56px,calc(7vw / var(--z)),112px)}
  .m-auth__side{margin-top:clamp(28px,calc(4vw / var(--z)),56px);padding:clamp(24px,calc(3vw / var(--z)),44px)}
}