/* А.21 «Наше производство» (LR_ProductionBlock, local/production-block.php): «О компании» — карточки, главная — строки с мозаикой.
   Селекторы не слабее «.lr-pr .x» / «section.lr-pr»: лендинг «О компании» сбрасывает поля всем потомкам (.main * { margin: 0; padding: 0 },
   company/style.css) и иначе снимал отступ под блоком и зазор между фото. */
section.lr-pr { color: #222; margin: 0 0 48px; }
.main section.lr-pr { margin-bottom: 52px; }   /* «О компании»: как у соседних секций лендинга */
.lr-pr .lr-pr-label { font-size: 11px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: #767676; margin: 0 0 8px; }
.lr-pr .lr-pr-title { font: 700 26px/1.25 'PT Sans Narrow', Arial, sans-serif; color: #111; margin: 0 0 10px; }
.lr-pr .lr-pr-title::after { content: ""; display: block; width: 32px; height: 3px; background: #f0de13; margin-top: 12px; }
.lr-pr .lr-pr-lead { font-size: 15px; line-height: 1.6; color: #555; max-width: 820px; margin: 8px 0 22px; }
.lr-pr h3 { font: 700 20px/1.25 'PT Sans Narrow', Arial, sans-serif; margin: 0 0 12px; color: #111; }
.lr-pr dl { margin: 0; display: grid; grid-template-columns: 110px 1fr; gap: 8px 14px; font-size: 14px; line-height: 1.5; }
.lr-pr dt { color: #767676; font-size: 12px; letter-spacing: .5px; text-transform: uppercase; padding-top: 2px; }
.lr-pr dd { margin: 0; }
.lr-pr dd a { color: #222 !important; text-decoration: none; border-bottom: 1px solid #f0de13; }
.lr-pr dd a:hover { border-bottom-color: #222; }
.lr-pr img { display: block; width: 100%; height: 100%; object-fit: cover; background: #f2f2f2; }
.lr-pr .lr-pr-foot { font-size: 14px; color: #555; margin: 18px 0 0; padding: 14px 16px; background: #f6f6f6; border-left: 3px solid #f0de13; }
.lr-pr .lr-pr-foot a { color: #222 !important; font-weight: 700; text-decoration: none; white-space: nowrap; }
/* главная: заголовок как у блоков темы — 20 px, обычный, по центру */
.lr-pr-home .lr-pr-rows { margin-top: 48px; }
.lr-pr-home .lr-pr .lr-pr-title { font: 400 20px/1.3 'PT Sans', Arial, Helvetica, sans-serif; color: #1b1e25; text-align: center; margin: 0 0 10px; }
.lr-pr-home .lr-pr .lr-pr-title::after { display: none; }
.lr-pr-home .lr-pr .lr-pr-lead { text-align: center; margin: 0 auto 28px; }
/* карточки («О компании») */
.lr-pr .lr-pr-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.lr-pr .lr-pr-card { border: 1px solid #e8e8e8; background: #fff; display: flex; flex-direction: column; }
.lr-pr .lr-pr-ph .big { aspect-ratio: 16 / 10; height: auto; }
.lr-pr .lr-pr-th { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; margin-top: 4px; }
.lr-pr .lr-pr-th img { aspect-ratio: 4 / 3; height: auto; }
.lr-pr-card .lr-pr-txt { padding: 18px 20px 20px; }
/* строки с мозаикой (главная) */
.lr-pr .lr-pr-row { display: grid; grid-template-columns: 1.1fr 1fr; gap: 32px; align-items: center; margin: 0 0 28px; }
.lr-pr .lr-pr-row.rev .lr-pr-mosaic { order: 2; }
.lr-pr .lr-pr-mosaic { display: grid; grid-template-columns: 2fr 1fr; grid-template-rows: repeat(3, 110px); gap: 4px; }
.lr-pr .lr-pr-mosaic .m0 { grid-row: 1 / 4; }
.lr-pr .lr-pr-mosaic .m1, .lr-pr .lr-pr-mosaic .m2, .lr-pr .lr-pr-mosaic .m3 { grid-column: 2; }
@media (max-width: 768px) {
    section.lr-pr { margin-bottom: 32px; }
    .lr-pr .lr-pr-title { font-size: 22px; }
    .lr-pr .lr-pr-grid { grid-template-columns: 1fr; gap: 18px; }
    .lr-pr .lr-pr-row { grid-template-columns: 1fr; gap: 14px; }
    .lr-pr .lr-pr-row.rev .lr-pr-mosaic { order: 0; }
    .lr-pr .lr-pr-mosaic { grid-template-rows: repeat(3, 72px); }
    .lr-pr dl { grid-template-columns: 1fr; gap: 2px; }
    .lr-pr dt { margin-top: 8px; }
}