/* n7kel — печать и PDF (A4, белая бумага, чёрный текст, жёлтые акценты). */
@page {
  size: A4;
  margin: 22mm 18mm 20mm 18mm;
  @top-left {
    content: "n7kel";
    font: 700 11pt "Oswald", "Arial Narrow", sans-serif;
    letter-spacing: .06em;
    color: #000;
    vertical-align: bottom;
    padding-bottom: 3mm;
    border-bottom: 1.4pt solid #FFD400;
  }
  @top-right {
    font: 400 8pt "JetBrains Mono", monospace;
    color: #555;
    vertical-align: bottom;
    padding-bottom: 3mm;
    border-bottom: 1.4pt solid #FFD400;
  }
  @bottom-left { font: 400 7.5pt "JetBrains Mono", monospace; color: #777; vertical-align: top; padding-top: 3mm; }
  @bottom-right { content: counter(page) " / " counter(pages); font: 500 8pt "JetBrains Mono", monospace; color: #000; vertical-align: top; padding-top: 3mm; }
}
.brochure { }
@page cover { margin: 0; @top-left { content: none; border: 0; } @top-right { content: none; border: 0; } @bottom-left { content: none; } @bottom-right { content: none; } }

:root { color-scheme: light; }
:lang(hy) { --pf-display: "Noto Sans Armenian"; --pf-body: "Noto Sans Armenian"; }
html, body { background: #fff !important; color: #111; }
body {
  margin: 0;
  font: 400 10.5pt/1.55 "Inter", "Noto Sans Armenian", Arial, sans-serif;
  -webkit-print-color-adjust: exact; print-color-adjust: exact;
  orphans: 3; widows: 3;
}
:lang(hy) body, body:lang(hy) { font-family: "Noto Sans Armenian", "Inter", Arial, sans-serif; }
img { max-width: 100%; height: auto; }
a { color: #111; text-decoration: underline; text-decoration-color: #d4b000; }

.skip, .site-header, .site-footer, .doc-side, .toc, .nav-toggle, .lang-switch, .pending, .doc-meta,
.contact-form, .copy-btn, .hud-bar, .card-go, .actions, .b-cta, .no-print, .mbar, .intro, .collapse-toggle { display: none !important; }
.collapse-body { display: block !important; }

.print-head { display: none; }
.wrap { max-width: none; padding: 0; margin: 0; }
main, .doc-shell, .paper { display: block; padding: 0; margin: 0; border: 0; background: #fff; max-width: none; }

h1, h2, h3, h4 { font-family: "Oswald", "Noto Sans Armenian", "Arial Narrow", sans-serif; color: #000; break-after: avoid; page-break-after: avoid; margin: 0; }
:lang(hy) h1, :lang(hy) h2, :lang(hy) h3 { font-family: "Noto Sans Armenian", "Inter", sans-serif; }
h1 { font-size: 26pt; line-height: 1.08; font-weight: 600; }
h2 { font-size: 16pt; line-height: 1.2; font-weight: 500; margin: 0 0 4mm; }
h3 { font-size: 11.5pt; line-height: 1.3; font-family: "Inter", "Noto Sans Armenian", sans-serif; font-weight: 600; }
p { margin: 0 0 2.6mm; }
.lead { font-size: 12pt; color: #333; }

.eyebrow, .hud-label {
  font: 500 7.5pt/1.4 "JetBrains Mono", monospace; letter-spacing: .12em; text-transform: uppercase; color: #000; margin: 0 0 3mm;
  display: flex; align-items: center; gap: 2mm;
}
.eyebrow::before { content: ""; width: 2.4mm; height: 2.4mm; background: #FFD400; outline: .5pt solid #b89a00; }

.doc-head { padding: 0 0 6mm; margin: 0 0 4mm; border-bottom: .6pt solid #ccc; }
.doc-head .lead { margin-top: 4mm; }

.block { padding: 5mm 0; border: 0; }
.block-head { margin-bottom: 4mm; }
/* Разделы идут подряд, без принудительного разрыва страницы: заголовок не отрывается от своего текста и таблицы. */
h2, .block-head { break-after: avoid; page-break-after: avoid; }
.block-head + .table-wrap, h2 + .table-wrap, .block-head + .faq, .block-head + .ticks { break-before: avoid; page-break-before: avoid; }
h2 + p, h3 + p, h2 + ul, h3 + ul { break-before: avoid; }

/* hero на обычных страницах при печати */
.b-hero { padding: 0 0 6mm; background: none; }
.b-hero::before { display: none; }
.hero-grid { display: block; }
.hero-media { margin-top: 5mm; }

/* кадры */
.frame { margin: 0; break-inside: avoid; }
.frame-media { padding: 0; background: none; }
.frame-media img { border: .6pt solid #999; }
.frame figcaption { font: 400 7.5pt/1.4 "JetBrains Mono", monospace; color: #555; margin-top: 1.5mm; }
.img-missing { display: none; }

/* карточки */
.cards { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 0; border-top: .6pt solid #bbb; border-left: .6pt solid #bbb; }
.cols-1 { grid-template-columns: 1fr; }
.cols-3, .cols-4 { grid-template-columns: repeat(3, 1fr); }
.cards > li { display: block; border-right: .6pt solid #bbb; border-bottom: .6pt solid #bbb; break-inside: avoid; }
.card { display: block; color: #111; text-decoration: none; }
.card-body { padding: 4mm; }
.card-media img { width: 100%; }
.card-meta { margin-bottom: 2mm; }
.card-idx { font: 500 7.5pt "JetBrains Mono", monospace; color: #8a7300; }
.card-tag { font: 500 7pt "JetBrains Mono", monospace; text-transform: uppercase; letter-spacing: .08em; background: #FFD400; color: #000; padding: .6mm 1.6mm; }
.card h3 { margin-bottom: 1.5mm; }
.card p { font-size: 9.5pt; color: #333; margin: 0; }

/* шаги */
.steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 5mm 8mm; }
.steps li { border-top: 1.4pt solid #FFD400; padding-top: 2.5mm; break-inside: avoid; }
.step-n { font: 600 8pt "JetBrains Mono", monospace; color: #000; display: block; margin-bottom: 1.5mm; }
.steps p { font-size: 9.5pt; color: #333; }

/* split */
.split { display: block; }
.split-text h2 { margin-bottom: 3mm; }
.split-media { margin-top: 4mm; max-width: 150mm; }

.rich ul, .rich ol, .prose ul, .prose ol { margin: 0 0 3mm; padding-left: 5mm; }
.rich li, .prose li { margin-bottom: 1.2mm; }
.rich ul > li::marker, .prose ul > li::marker { color: #b89a00; }

/* списки */
.ticks { list-style: none; margin: 0; padding: 0; columns: 2; column-gap: 8mm; }
.ticks li { break-inside: avoid; padding: 1.6mm 0 1.6mm 5mm; border-top: .5pt solid #ddd; position: relative; }
.ticks li::before { content: ""; position: absolute; left: 0; top: 3.6mm; width: 3mm; height: 1pt; background: #000; }

/* таблицы */
.table-wrap { overflow: visible; border: 0; }
table { width: 100%; border-collapse: collapse; font-size: 9pt; break-inside: auto; }
thead { display: table-header-group; }
tr { break-inside: avoid; }
th, td { text-align: left; vertical-align: top; padding: 2mm 2.5mm; border: .5pt solid #bbb; }
thead th { background: #FFD400; color: #000; font: 600 7.5pt "JetBrains Mono", monospace; text-transform: uppercase; letter-spacing: .06em; }
:lang(hy) thead th { font-family: "Noto Sans Armenian", sans-serif; text-transform: none; }
tbody th { font-weight: 600; }

/* FAQ: всё раскрыто */
.faq details { break-inside: avoid; border-top: .5pt solid #ccc; padding: 2.5mm 0; }
.faq details > *:not(summary) { display: block !important; }
.faq summary { list-style: none; font-weight: 600; margin-bottom: 1.5mm; }
.faq summary::-webkit-details-marker { display: none; }
.faq-i { display: none; }

/* галерея */
.gallery { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 5mm; }
.gallery li { break-inside: avoid; }

/* документы */
.doc-list { list-style: none; margin: 0; padding: 0; }
.doc-row { display: grid; grid-template-columns: 10mm 1fr; padding: 2.5mm 0; border-top: .5pt solid #ccc; break-inside: avoid; }
.doc-n { font: 500 8pt "JetBrains Mono", monospace; color: #8a7300; }
.doc-title { font-weight: 600; text-decoration: none; }
.doc-pdf { display: none; }

/* контакты */
.contacts-grid { display: block; }
.contact-card { border: .6pt solid #000; border-top: 3pt solid #FFD400; padding: 5mm; break-inside: avoid; }
.contact-card .contact-title { font: 500 16pt "Oswald", "Noto Sans Armenian", sans-serif; margin: 0 0 1mm; }
:lang(hy) .contact-card .contact-title { font-family: "Noto Sans Armenian", "Inter", sans-serif; font-weight: 600; }
.contact-card dl { display: grid; grid-template-columns: 32mm 1fr; gap: 1.5mm 4mm; margin: 3mm 0 0; }
.contact-card dt { font: 500 7.5pt/1.9 "JetBrains Mono", monospace; text-transform: uppercase; color: #555; }
.contact-card dd { margin: 0; }
.contact-card a { text-decoration: none; }

.notice { font: 400 7.5pt "JetBrains Mono", monospace; color: #666; }
.prose blockquote { margin: 3mm 0; padding-left: 4mm; border-left: 2pt solid #FFD400; }
code { font: 400 8.5pt "JetBrains Mono", monospace; background: #f3f0e4; padding: 0 1mm; }
.hazard { height: 4mm; background: repeating-linear-gradient(-45deg, #FFD400 0 4mm, #111 4mm 8mm); }

/* ---------- брошюра: обложка на всю страницу ---------- */
.brochure .doc-head {
  page: cover;
  position: relative;
  height: 297mm; box-sizing: border-box;
  margin: 0; padding: 30mm 20mm 24mm;
  background: #0b0b0a; color: #fff; border: 0;
  display: flex; flex-direction: column; justify-content: flex-end;
  break-after: page; page-break-after: always;
}
.brochure .doc-head::before {
  content: ""; position: absolute; left: 0; right: 0; top: 0; height: 9mm;
  background: repeating-linear-gradient(-45deg, #FFD400 0 9mm, #0b0b0a 9mm 18mm);
}
.brochure .doc-head h1 { color: #fff; font-size: 40pt; line-height: 1.04; max-width: 150mm; }
.brochure .doc-head .lead { color: #d8d5cc; font-size: 13pt; max-width: 140mm; margin-top: 6mm; }
.brochure .doc-head .eyebrow { color: #FFD400; }
.brochure .print-head {
  display: flex !important; position: absolute; top: 24mm; left: 20mm; z-index: 2;
  align-items: center; gap: 4mm; color: #fff; font: 600 22pt "Oswald", sans-serif; letter-spacing: .04em;
}
.brochure .print-head .mark { width: 18mm; height: 18mm; }
.brochure .print-head .wordmark { height: 11mm; width: auto; color: #fff; }
.brochure .print-head .wordmark .wm-accent { fill: #FFD400; }
.brochure .doc-body > .block { break-inside: auto; }
.brochure .doc-body > .b-cards, .brochure .doc-body > .b-steps, .brochure .doc-body > .b-contacts { break-inside: avoid; }
.brochure .b-contacts { break-before: auto; }
.brochure .doc-body h2 { font-size: 18pt; }

/* брошюра: списки не рвутся, название продукта в таблице в одну строку */
.brochure .b-list, .brochure .ticks { break-inside: avoid; }
.brochure table th[scope="row"] { white-space: nowrap; }
.brochure .gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4mm; }
.brochure .b-gallery { break-inside: avoid; }
/* увеличение снимков на бумаге не нужно */
a.zoom { pointer-events: none; text-decoration: none; }
.nc { text-transform: none !important; }