/* Страница направления продукции (макет 264:3064 — десктоп 1470, 350:2062 — телефон 393). */

/* первый экран: заголовок, описание, цифра */
.pr-top{padding:clamp(112px,8.8vw,130px) 0 clamp(60px,6.8vw,100px)}
.pr-back{margin-left:-2px}
.pr-top__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:var(--gap);row-gap:70px;margin-top:clamp(40px,4.8vw,71px);align-items:start}
.pr-title{grid-column:1/5;max-width:830px}
.pr-lead{grid-column:5/-1;max-width:288px;padding:.25em 0 0 24px;color:#5F5F5F;font:500 var(--p)/1.11 var(--f-text);letter-spacing:-.04em}
.pr-stat{grid-column:5/-1;display:flex;flex-direction:column;justify-content:space-between;gap:20px;min-height:214px;margin-left:-37px;padding-left:57px;border-left:1px solid var(--muted)}
.pr-stat__num{color:var(--ink);font:300 clamp(80px,8.7vw,128px)/.83 var(--f-head);letter-spacing:-.06em;white-space:nowrap}
.pr-stat__text{margin-top:auto;color:var(--text);font:500 var(--p)/1.11 var(--f-text);letter-spacing:-.04em}
.pr-hero{aspect-ratio:1470/763;max-height:90vh;width:100%}
.pr-hero picture{display:block;width:100%;height:100%}
.pr-hero img{width:100%;height:100%;object-fit:cover}

/* «Мы производим» */
.pr-head{display:grid;gap:10px;margin-bottom:50px}
.pr-items{display:grid;gap:30px;max-width:905px}
.pr-items li{padding-bottom:10px;border-bottom:1px solid #CECECE;color:var(--text)}

/* фото изделий: мозаика по макету */
.pr-photos{padding-top:0}
.pr-mosaic{display:grid;gap:50px}
.pr-row{display:grid;gap:22px;align-items:start}
.pr-row--1{grid-template-columns:minmax(0,1fr)}
.pr-row--1 .pr-ph{aspect-ratio:1390/619}
.pr-row--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.pr-row--2 .pr-ph{aspect-ratio:681/642}
.pr-row--3{grid-template-columns:359fr 675fr 312fr}
.pr-row--3 .pr-ph:nth-child(1){aspect-ratio:359/384}
.pr-row--3 .pr-ph:nth-child(2){aspect-ratio:675/615}
.pr-row--3 .pr-ph:nth-child(3){aspect-ratio:312/615}
.pr-row--3.pr-row--n2{grid-template-columns:359fr 675fr}
.pr-row--n1 .pr-ph:only-child{grid-column:1/-1}
.pr-row--3.pr-row--n1,.pr-row--2.pr-row--n1{grid-template-columns:minmax(0,1fr)}
.pr-row--3.pr-row--n1 .pr-ph,.pr-row--2.pr-row--n1 .pr-ph{aspect-ratio:1390/619}

/* фото изделий: ровная сетка для каталожных снимков на светлом фоне */
.pr-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.pr-grid__ph{aspect-ratio:4/3;background:#fff;border-radius:2px;overflow:hidden;display:grid;place-items:center;padding:12px}
.pr-grid__ph img{width:100%;height:100%;object-fit:contain}

/* ---------- телефон ---------- */
@media (max-width:900px){
  .pr-top{padding:130px 0 30px}
  .pr-top__grid{grid-template-columns:minmax(0,1fr);row-gap:20px;margin-top:60px}
  .pr-title,.pr-lead,.pr-stat{grid-column:1}
  .pr-lead{max-width:330px;padding:0;color:var(--text);font-size:15px;line-height:1.07}
  .pr-stat{min-height:142px;margin:20px 0 0;padding-left:75px;gap:24px;max-width:260px}
  .pr-stat__num{font-size:80px}
  .pr-stat__text{color:var(--ink);font-size:17px;max-width:120px}
  .pr-hero{aspect-ratio:393/454;max-height:none}

  .pr-head{margin-bottom:40px}
  .pr-items{gap:20px}
  .pr-items li{padding-bottom:15px;border-color:var(--muted);color:#5F5F5F}
  .pr-photos{padding-top:0}
  .pr-head--photos{margin-bottom:30px}
  .pr-head--photos .rule{order:-1}
  .pr-mosaic,.pr-row{gap:10px}
  .pr-row,.pr-row--2,.pr-row--3,.pr-row--3.pr-row--n2{grid-template-columns:minmax(0,1fr)}
  .pr-row .pr-ph,.pr-row .pr-ph:nth-child(n),.pr-row--3.pr-row--n1 .pr-ph,.pr-row--2.pr-row--n1 .pr-ph{aspect-ratio:363/276}
  .pr-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .pr-grid__ph{padding:6px}
}