/* F3070: умеренная плотность публичных страниц. Шапка, фирменные токены и пропорции фотографий не меняются. */
@media screen{
  #main{font-size:16px;line-height:1.5}
  #main section{padding-block:64px}
  #main .hero{padding-block:40px 48px}
  #main .hero-g{gap:40px}
  #main .hero h1{font-size:clamp(32px,4vw,48px);line-height:1.12}
  #main .hero .lead{font-size:18px;line-height:1.5;margin-top:18px}
  #main .hero-cta{margin-top:24px}
  #main .head,#main .head-row{margin-bottom:32px}
  #main .head-row .head{margin-bottom:0}
  #main .head h2,#main .prod h2{font-size:clamp(28px,3vw,36px)}
  #main .head p{font-size:16px;line-height:1.5;margin-top:12px}
  #main .cat-head{padding-block:12px 20px}
  #main .cat-head h1{font-size:clamp(28px,3vw,36px)}
  #main .btn{min-height:44px;padding-inline:20px}
  #main .facts{margin-top:40px}
  #main .facts div{padding:20px}
  #main .facts b{font-size:24px}
  #main .way,#main .way.acc{padding:28px}
  #main .way h3{font-size:24px}
  #main .way dl{margin-block:20px 24px}
  #main .smp{padding:40px;gap:32px}
  #main .smp h2{font-size:clamp(26px,2.8vw,34px)}
  #main .pg{padding-bottom:56px}
  #main .pg-g{gap:40px}
  #main .prose{font-size:16px;line-height:1.55}
  #main .prose h2{font-size:24px;margin-top:28px}
  #main .prose h3{font-size:20px;margin-top:24px}
  #main .post{padding:18px;gap:8px}
  #main .post-ph{margin:-18px -18px 4px}
  #main .post-t{font-size:18px;line-height:1.3}
  #main .post-x{font-size:15px;line-height:1.45;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
  #main .post .more{min-height:44px;padding-top:0}
  #main .post-more{margin-top:40px}
}
@media screen and (max-width:700px){
  #main{font-size:15.5px;line-height:1.5}
  #main section{padding-block:40px}
  #main .hero{padding-block:24px 32px}
  #main .hero-g{gap:24px}
  #main .hero h1,#main .cat-head h1{font-size:28px;line-height:1.16}
  #main .hero .lead,#main .head p{font-size:16px;line-height:1.5;margin-top:14px}
  #main .btn{max-width:100%;white-space:normal;text-align:center;line-height:1.2;padding-block:10px}
  #main .head,#main .head-row{margin-bottom:24px}
  #main .head-row .head{margin-bottom:0}
  #main .head h2,#main .prod h2,#main .smp h2{font-size:24px;line-height:1.2}
  #main .facts{margin-top:24px}
  #main .facts div{padding:16px}
  #main .facts b{font-size:22px}
  #main .way,#main .way.acc{padding:20px}
  #main .makers{grid-template-columns:repeat(2,minmax(0,1fr))}
  #main .makers>li,#main .card.mk{min-width:0}
  #main .card.mk{padding:14px}
  #main .card.mk b,#main .card.mk span,#main .card.mk em{overflow-wrap:anywhere}
  #main .pd-nav,#main .pd-nav ul,#main .pd-det{min-width:0;max-width:100%;margin-right:0}
  #main .pd-nav ul,#main .pd-det{width:100%;padding-right:0}
  #main .pd-body,#main .pd-calc,#main .pd-none{min-width:0;max-width:100%;width:100%}
  #main .pd-calc-h{flex-wrap:wrap}
  #main .pd-out{grid-template-columns:repeat(2,minmax(0,1fr))}
  #main .pd-out div{min-width:0;overflow-wrap:anywhere}
  #main .way h3{font-size:22px}
  #main .way dl{margin-block:16px 20px}
  #main .smp{padding:24px;gap:24px}
  #main .pg{padding-bottom:40px}
  #main .prose{font-size:16px;line-height:1.5}
  #main .prose h2{font-size:23px;margin-top:24px}
  #main .posts{gap:14px}
  #main .post{padding:14px;gap:8px}
  #main .post:has(.post-ph){grid-template-columns:80px minmax(0,1fr);column-gap:12px}
  #main .post-ph{margin:0;grid-row:1/span 3}
  #main .post-m{font-size:13px;gap:6px}
  #main .post-m .tag{max-width:100%;white-space:normal}
  #main .post-t{font-size:17px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
  #main .post-x{font-size:15px;line-height:1.45}
  #main .post .more{font-size:15px}
}