/* =========================================================================
   TETİKOĞLU KİMYA — YAZDIRMA / PDF ÇIKTISI (media="print")
   Çıktı js/ui/print.js tarafından #printRoot içine kurulur.
   Tema ne olursa olsun baskı her zaman açık zeminde, sabit renklerle yapılır.
   ========================================================================= */
@page {
  size: A4;
  margin: 14mm 12mm 16mm;
  @bottom-left { content: "Tetikoğlu Kimya · Ürün Kataloğu"; font: 8pt "IBM Plex Mono", monospace; color: #64748d; }
  @bottom-right { content: counter(page); font: 8pt "IBM Plex Mono", monospace; color: #64748d; }
}
@page cover {
  margin: 0;
  @bottom-left { content: none; }
  @bottom-right { content: none; }
}

html, body {
  background: #fff !important;
  color: #0a1a33 !important;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  font-size: 10pt;
  overflow: visible !important;
  height: auto !important;
}
body > *:not(.print-root):not(.sprite) { display: none !important; }
.print-root { display: block !important; }
.print-root * { box-shadow: none !important; }

.pr-doc {
  --p-ink: #0d2350; --p-ink-2: #33455f; --p-ink-3: #64748d; --p-line: #dce4ee;
  --p-brand: #17469e; --p-tile: #f1f5fa; --p-navy: #051430;
  font-family: var(--font-body); color: var(--p-ink); line-height: 1.45;
}
.pr-doc .ph__body { fill: #fff; stroke: #c2cedd; }
.pr-doc .ph__cap { fill: #c2cedd; }
.pr-doc .ph__label { fill: #fff; stroke: #dce4ee; }
.pr-doc .ph__brand { fill: #33455f; }
.pr-doc .ph__size { fill: #17469e; }

.pr-eyebrow { margin: 0 0 2mm; font-family: var(--font-mono); font-size: 7.5pt; letter-spacing: 0.14em; text-transform: uppercase; color: var(--p-brand); }
.pr-note { margin-top: 6mm; font-size: 7.5pt; color: var(--p-ink-3); }
.pr-h2 { font-family: var(--font-display); font-stretch: 118%; font-size: 20pt; font-weight: 780; margin: 0 0 6mm; }

.pr-logo { display: inline-flex; align-items: center; gap: 2.5mm; color: var(--p-ink); }
.pr-logo__word { display: grid; gap: 1mm; line-height: 1; padding-left: 3mm; border-left: 0.3mm solid #c1d0e4; }
.pr-logo__word b { font-family: var(--font-display); font-weight: 800; font-size: 11pt; color: #17469e; }
.pr-logo__word small { font-size: 7pt; color: #66779a; }
.pr-cover .pr-logo__word b, .pr-cover .pr-logo__word small { color: #fff; }

.pr-head { display: flex; align-items: center; justify-content: space-between; padding-bottom: 4mm; margin-bottom: 6mm; border-bottom: 0.3mm solid var(--p-line); font-family: var(--font-mono); font-size: 8pt; color: var(--p-ink-3); }
.pr-foot { margin-top: 8mm; padding-top: 3mm; border-top: 0.3mm solid var(--p-line); font-family: var(--font-mono); font-size: 7.5pt; color: var(--p-ink-3); }
.pr-page { break-after: page; }

/* Kapak */
.pr-cover {
  page: cover; break-after: page; position: relative; height: 297mm; padding: 22mm 20mm; overflow: hidden;
  display: grid; grid-template-rows: auto 1fr auto auto; gap: 10mm;
  background: radial-gradient(90% 60% at 85% 18%, #00aeef 0%, transparent 60%), radial-gradient(70% 50% at 0% 100%, #ed1c24 0%, transparent 55%), #17469e;
  color: #e9f1fc;
}
.pr-cover .pr-logo { color: #fff; }
.pr-cover .pr-logo__word b { font-size: 20pt; }
.pr-cover .pr-logo__word small { font-size: 9pt; }
.pr-cover__top { display: flex; justify-content: space-between; align-items: center; }
.pr-cover__year { font-family: var(--font-mono); font-size: 12pt; color: #9fb4d3; }
.pr-cover__mid { align-self: center; }
.pr-cover__mid .pr-eyebrow { color: #bfe9fb; font-size: 9pt; }
.pr-cover h1 { font-family: var(--font-display); font-stretch: 122%; font-size: 40pt; font-weight: 820; line-height: 1.02; letter-spacing: -0.02em; margin: 0 0 8mm; color: #fff; max-width: 150mm; }
.pr-cover__brands { font-family: var(--font-display); font-stretch: 125%; font-weight: 700; font-size: 11pt; letter-spacing: 0.06em; color: #9fb4d3; }
.pr-cover__stats { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 0.3mm solid rgba(159, 180, 211, 0.35); }
.pr-cover__stats div { display: grid; padding: 5mm 4mm 0 0; }
.pr-cover__stats b { font-family: var(--font-display); font-stretch: 112%; font-size: 22pt; color: #fff; }
.pr-cover__stats span { font-size: 9pt; color: #9fb4d3; }
.pr-cover__foot { font-size: 9pt; color: #9fb4d3; line-height: 1.6; }

/* İçindekiler */
.pr-toc__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 1.6mm; }
.pr-toc__list li { display: flex; align-items: baseline; gap: 3mm; font-size: 10.5pt; }
.pr-toc__group { margin-top: 4mm; font-family: var(--font-mono); font-size: 8pt !important; letter-spacing: 0.14em; text-transform: uppercase; color: var(--p-brand); }
.pr-toc__num { font-family: var(--font-mono); color: var(--p-ink-3); width: 8mm; }
.pr-toc__dots { flex: 1; border-bottom: 0.3mm dotted var(--p-line); transform: translateY(-1mm); }
.pr-toc__n { font-family: var(--font-mono); font-size: 8.5pt; color: var(--p-ink-3); }

/* Kategori bölümleri */
.pr-section { break-before: auto; margin-bottom: 8mm; }
.pr-section__head { display: grid; grid-template-columns: 14mm 1fr; gap: 3mm; align-items: start; padding-bottom: 3mm; margin-bottom: 4mm; border-bottom: 0.5mm solid var(--p-ink); break-after: avoid; }
.pr-section__num { font-family: var(--font-display); font-weight: 800; font-size: 20pt; color: #ed1c24; line-height: 1; }
.pr-section__head h2 { margin: 0; font-family: var(--font-display); font-stretch: 116%; font-size: 16pt; font-weight: 760; }
.pr-section__head p { margin: 1mm 0 0; font-size: 8.5pt; color: var(--p-ink-2); }
.pr-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 4mm; }
.pr-cell { break-inside: avoid; display: grid; gap: 0.6mm; align-content: start; padding: 2.5mm; border: 0.3mm solid var(--p-line); border-radius: 2.5mm; }
.pr-cell__media { height: 38mm; display: grid; place-items: center; background: var(--p-tile); border-radius: 1.8mm; margin-bottom: 1.5mm; padding: 2mm; }
.pr-cell__media img, .pr-cell__media svg { max-height: 34mm; width: auto; max-width: 100%; object-fit: contain; }
.pr-cell__brand { font-family: var(--font-mono); font-size: 6.5pt; letter-spacing: 0.1em; color: var(--p-brand); }
.pr-cell__name { font-weight: 700; font-size: 8.5pt; line-height: 1.2; }
.pr-cell__pack { font-family: var(--font-mono); font-size: 7.5pt; color: var(--p-ink-2); }
.pr-cell__var { display: flex; align-items: center; gap: 0.8mm; font-size: 6.5pt; color: var(--p-ink-3); }
.pr-cell__var i { width: 2.4mm; height: 2.4mm; border-radius: 50%; border: 0.2mm solid rgba(0, 0, 0, 0.2); }
.pr-cell__sale { font-family: var(--font-mono); font-size: 6.8pt; color: var(--p-ink-2); }
.pr-cell__sale b { color: var(--p-ink); }
.pr-cell__code { font-family: var(--font-mono); font-size: 6.5pt; color: var(--p-ink-3); }

/* Arka kapak */
.pr-back { break-before: page; display: grid; gap: 8mm; align-content: center; min-height: 240mm; }
.pr-back h2 { font-family: var(--font-display); font-stretch: 118%; font-size: 24pt; margin: 0; }
.pr-back dl { display: grid; grid-template-columns: 1fr 1fr; gap: 6mm; margin: 0; }
.pr-back dt { font-family: var(--font-mono); font-size: 8pt; letter-spacing: 0.12em; text-transform: uppercase; color: var(--p-ink-3); }
.pr-back dd { margin: 1mm 0 0; font-size: 12pt; font-weight: 600; }

/* Ürün föyü */
.pr-sheet__grid { display: grid; grid-template-columns: 78mm 1fr; gap: 10mm; align-items: start; }
.pr-sheet__media { height: 130mm; display: grid; place-items: center; background: var(--p-tile); border-radius: 4mm; padding: 8mm; }
.pr-sheet__media img, .pr-sheet__media svg { max-height: 114mm; width: auto; max-width: 100%; object-fit: contain; }
.pr-sheet__info h1 { font-family: var(--font-display); font-stretch: 118%; font-size: 22pt; font-weight: 800; line-height: 1.05; margin: 0 0 2mm; }
.pr-sheet__info h3, .pr-quote h3 { margin: 5mm 0 1.5mm; font-family: var(--font-mono); font-size: 7.5pt; letter-spacing: 0.14em; text-transform: uppercase; color: var(--p-ink-3); font-weight: 500; }
.pr-sheet__cat { font-size: 9pt; color: var(--p-ink-3); margin: 0 0 4mm; }
.pr-sheet__text { font-size: 10pt; color: var(--p-ink-2); margin: 0; }
.pr-sheet__pack { font-family: var(--font-mono); font-size: 12pt; font-weight: 600; margin: 0; }
.pr-sheet__info ul { margin: 0; padding-left: 5mm; }
.pr-barcode { display: inline-flex; align-items: center; gap: 4mm; padding: 2mm 3mm; border: 0.3mm solid var(--p-line); border-radius: 2mm; }
.pr-barcode .ean13 { width: 46mm; height: auto; color: #000; }
.pr-barcode span { font-family: var(--font-mono); font-size: 10pt; }

.pr-table { width: 100%; border-collapse: collapse; font-size: 9pt; }
.pr-table td, .pr-table th { padding: 1.8mm 2mm; border-bottom: 0.3mm solid var(--p-line); text-align: left; vertical-align: middle; }
.pr-table th { font-family: var(--font-mono); font-size: 7pt; letter-spacing: 0.1em; text-transform: uppercase; color: var(--p-ink-3); font-weight: 500; }
.pr-table tr.is-current td { font-weight: 700; color: var(--p-brand); }
.pr-table .num { text-align: right; font-family: var(--font-mono); font-weight: 600; }
.pr-table tfoot td { font-weight: 700; border-bottom: 0; border-top: 0.5mm solid var(--p-ink); }
.pr-table--lines tbody tr { break-inside: avoid; }
.pr-qthumb { width: 12mm; }
.pr-qthumb img, .pr-qthumb svg { height: 12mm; width: auto; }
.pr-table small { color: var(--p-ink-3); }

/* Teklif */
.pr-quote h1 { font-family: var(--font-display); font-stretch: 118%; font-size: 22pt; margin: 0 0 6mm; }
.pr-quote__meta { display: grid; grid-template-columns: 1fr 1fr; gap: 8mm; margin-bottom: 6mm; }
.pr-quote__meta dl { margin: 0; display: grid; gap: 1.5mm; padding: 4mm; border: 0.3mm solid var(--p-line); border-radius: 2.5mm; }
.pr-quote__meta div { display: grid; grid-template-columns: 22mm 1fr; }
.pr-quote__meta dt { font-family: var(--font-mono); font-size: 7.5pt; color: var(--p-ink-3); text-transform: uppercase; letter-spacing: 0.08em; }
.pr-quote__meta dd { margin: 0; font-weight: 600; }