/* Страницы ГОСТов (3.14, №18, 03.10.2026) — вид «В — Сначала купить». Разметка — local/gost-pages.php (LR_GostPages::render).
   Всё ограничено блоком .gv: правила секций, таблиц, вопросов и заявки взяты со страниц производства (их <style> в тексте),
   цвета ссылок — #8A6A00, как в №13. Таблицы на телефоне — с прокруткой внутри блока, страница вбок не уезжает. */
.gv{--accent:#f0de13;--black:#111;--gray-text:#555;--gray-light:#f7f7f5;--border:#e8e8e4;display:block;margin:0 0 56px;color:var(--black);font-size:15px;line-height:1.65}
.gv *,.gv *::before,.gv *::after{box-sizing:border-box}
.gv a{color:#8A6A00;text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:rgba(138,106,0,.45);text-underline-offset:3px}
.gv a:hover{color:#2B2A29;text-decoration-color:#2B2A29}
.gv .section{margin-bottom:48px}
.gv .sec-label{font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#aaa;margin-bottom:8px;font-family:"PT Sans Narrow",Arial,sans-serif}
.gv .sec-title{font-size:19px;font-weight:700;color:var(--black);margin:0 0 20px;line-height:1.25;font-family:"PT Sans Narrow",Arial,sans-serif}
.gv .sec-title::after{content:"";display:block;width:32px;height:2px;background:var(--accent);margin-top:8px}
.gv .sec-title.sub{font-size:16px;margin-top:32px}
.gv .body-text p{font-size:14px;color:var(--gray-text);margin:0 0 14px;line-height:1.8}
/* заголовок */
.gv .doc-hero{background:var(--gray-light);border:1px solid var(--border);border-left:4px solid var(--accent);padding:26px 32px;margin-bottom:28px}
.gv .doc-hero .hero-label{font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#8a8a80;font-family:"PT Sans Narrow",Arial,sans-serif;margin-bottom:10px}
.gv .doc-hero h1{font-size:28px;line-height:1.2;font-weight:700;color:var(--black);font-family:"PT Sans Narrow",Arial,sans-serif;margin:0}
/* паспорт */
.gv .pass{display:grid;grid-template-columns:1fr 280px;border:1px solid var(--border)}
.gv .pass dl{display:grid;grid-template-columns:200px 1fr;margin:0}
.gv .pass dt,.gv .pass dd{padding:10px 16px;border-bottom:1px solid var(--border);font-size:13.5px;margin:0}
.gv .pass dt{color:#888;font-size:12px;text-transform:uppercase;letter-spacing:.6px;font-family:"PT Sans Narrow",Arial,sans-serif;background:var(--gray-light)}
.gv .pass dd{color:var(--black)}
.gv .pass dl>*:nth-last-child(-n+2){border-bottom:none}
.gv .pass-side{border-left:1px solid var(--border);padding:20px;display:flex;flex-direction:column;gap:10px;justify-content:center;background:#fff}
.gv a.btn-pdf{display:block;background:var(--accent);color:var(--black);text-decoration:none;font-weight:700;padding:13px 16px;text-align:center;font-size:14px;line-height:1.4}
.gv a.btn-pdf small{display:block;font-weight:400;font-size:12px;color:#444}
.gv .pass-side p{font-size:12.5px;color:#777;margin:0;line-height:1.5}
/* купить */
.gv .buy-intro{font-size:14px;color:var(--gray-text);margin:-6px 0 16px;line-height:1.7;max-width:900px}
.gv .buy{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border)}
.gv .buy.n1{grid-template-columns:1fr}.gv .buy.n2{grid-template-columns:1fr 1fr}.gv .buy.n3{grid-template-columns:repeat(3,1fr)}
.gv .buy .card{padding:18px 18px 16px;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:6px;background:#fff;min-width:0}
.gv .buy .card:last-child{border-right:none}
.gv .buy .card .k{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#999;font-family:"PT Sans Narrow",Arial,sans-serif}
.gv .buy .card .t{font-size:15px;font-weight:700;line-height:1.3}
.gv .buy .card .t a{color:var(--black);text-decoration:none}
.gv .buy .card .d{font-size:13.5px;color:var(--gray-text);line-height:1.55;flex:1}
.gv .buy .card .go{font-size:13.5px}
.gv .buy-note{font-size:12.5px;color:#888;margin:8px 0 0}
.gv .grid-wrap{margin-top:4px}
.gv .mat-table.grid{min-width:0;width:auto;font-size:12.5px}
.gv .mat-table.grid th,.gv .mat-table.grid td{padding:5px 7px;text-align:center;white-space:nowrap;letter-spacing:0;text-transform:none}
.gv .mat-table.grid tbody th{background:var(--gray-light);color:var(--black);font-weight:700;border-bottom:1px solid var(--border);font-size:12.5px}
.gv .mat-table.grid th.corner{font-size:11px;color:#888;white-space:normal;min-width:110px}
.gv .mat-table.grid td{border:1px solid var(--border);padding:0}
.gv .mat-table.grid td a{display:block;padding:5px 7px;color:var(--black);text-decoration:none;background:#fffbe0;font-weight:600}
.gv .mat-table.grid td a:hover{background:var(--accent)}
.gv .mat-table.grid td.no{background:#fff}
/* таблицы документа: шапка без прописных — в ней обозначения (dн, s/dн, Ду), прописные их искажают */
.gv .mat-table.gost-table th{text-transform:none;letter-spacing:.2px;font-size:12px;color:#777}
/* таблицы документа */
.gv .tbl-cap{font-size:13px;color:#777;margin:-8px 0 12px}
.gv .tscroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border);max-width:100%}
.gv .mat-table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:560px}
.gv .mat-table th{text-align:left;padding:10px 14px;font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#888;background:var(--gray-light);border-bottom:2px solid var(--border);font-family:"PT Sans Narrow",Arial,sans-serif;vertical-align:bottom}
.gv .mat-table td{padding:10px 14px;border-bottom:1px solid var(--border);color:var(--gray-text);vertical-align:top}
.gv .mat-table tr:last-child td{border-bottom:none}
.gv .mat-table td:first-child{color:var(--black);font-weight:600}
.gv .note{font-size:13px;color:#777;margin:10px 0 0;line-height:1.6}
.gv .pdf-ref{font-size:13.5px;margin:20px 0 0;padding:12px 16px;background:var(--gray-light);border-left:3px solid var(--accent)}
/* вопросы — как у страниц производства */
.gv .faq-list{border:1px solid var(--border)}
.gv .faq-item{border-bottom:1px solid var(--border)}
.gv .faq-item:last-child{border-bottom:none}
.gv .faq-q{padding:14px 18px 6px;font-size:14px;font-weight:700;color:var(--black)}
.gv .faq-a{padding:0 18px 14px;font-size:13.5px;color:var(--gray-text);line-height:1.7}
.gv .faq-a p{margin:0}
/* изменения, документы */
.gv ul.plain{margin:0 0 14px 18px;padding:0}
.gv ul.plain li{font-size:14px;color:var(--gray-text);line-height:1.8;margin-bottom:4px}
.gv .docs{border:1px solid var(--border)}
.gv .docs .row{display:flex;justify-content:space-between;gap:16px;padding:11px 16px;border-bottom:1px solid var(--border);font-size:14px;margin:0}
.gv .docs .row:last-child{border-bottom:none}
.gv .docs .row span.m{color:#888;font-size:13px;white-space:nowrap}
.gv .docs .row.off{color:#999}
/* заявка — как на страницах производства */
.gv .cta{background:var(--accent);padding:30px 36px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.gv .cta h3{font-size:18px;font-weight:700;color:var(--black);margin:0 0 4px;font-family:"PT Sans Narrow",Arial,sans-serif}
.gv .cta p{font-size:13px;color:rgba(0,0,0,.6);margin:0 0 12px}
/* №18а: тема задаёт `.cta a { color: inherit !important }` (template_styles.css) — без !important здесь текст кнопки
   становился цветом блока (#111 на #111). Специфичность выше темы, поэтому !important кнопки сильнее. */
.gv .cta a.cta-btn{display:inline-block;background:var(--black);color:#fff!important;text-decoration:none;font-weight:700;font-size:13px;letter-spacing:1px;text-transform:uppercase;padding:11px 20px;font-family:"PT Sans Narrow",Arial,sans-serif}
.gv .cta a.cta-btn:hover{background:#333;color:#fff!important;text-decoration:none}
.gv .cta a.cta-btn:focus-visible{outline:2px solid var(--black);outline-offset:3px;color:#fff!important}
.gv .cta-contacts{display:flex;flex-direction:column;gap:4px;flex-shrink:0;text-align:right}
.gv .cta-contacts a{font-size:17px;font-weight:700;color:var(--black);text-decoration:none;font-family:"PT Sans Narrow",Arial,sans-serif}
.gv .cta-contacts span{font-size:11px;color:rgba(0,0,0,.45)}
@media(max-width:900px){
  .gv .doc-hero{padding:18px 16px}
  .gv .doc-hero h1{font-size:22px}
  .gv .pass{grid-template-columns:1fr}
  .gv .pass dl{grid-template-columns:1fr}
  .gv .pass dt{border-bottom:none;padding-bottom:2px;background:#fff}
  .gv .pass dd{padding-top:0}
  .gv .pass-side{border-left:none;border-top:1px solid var(--border)}
  .gv .buy,.gv .buy.n2,.gv .buy.n3{grid-template-columns:1fr}
  .gv .buy .card{border-right:none;border-bottom:1px solid var(--border)}
  .gv .buy .card:last-child{border-bottom:none}
  .gv .docs .row{flex-direction:column;gap:2px}
  .gv .cta{flex-direction:column;align-items:flex-start;padding:22px 18px}
  .gv .cta-contacts{text-align:left}
}