/* =====================================================
   VARNA HOME CENTER — Електронен бюлетин, брой 5 / юни 2026
   Design system: clean magazine layout, A4 print-ready.
   ===================================================== */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600&family=Montserrat:wght@200;300;400;500;600;700;800;900&family=Oswald:wght@300;400;500;600;700&family=Caveat:wght@400;500;700&display=swap');

/* ---------- Tokens ---------- */
:root {
  --gold:       #B69767;
  --gold-soft:  #D4B888;
  --gold-deep:  #8A6F45;
  --gold-bg:    #F5EBD5;
  --gold-line:  #D9C49A;

  --ink:        #1A1A1A;
  --ink-2:      #2A2A2A;
  --text:       #333333;
  --muted:      #6A6A6A;
  --line:       #E3DAC6;

  --paper:      #FFFFFF;
  --cream:      #FAF5E9;
  --cream-2:    #F2EAD5;

  --teal:       #2E7B86;
  --teal-soft:  #5BA8B5;
  --green:      #7CB47A;
  --green-deep: #4F7C5C;
  --pink:       #D54E84;
  --orange:     #E89538;
  --orange-deep:#C7791E;

  --sans:       "Montserrat", "Segoe UI", system-ui, sans-serif;
  --serif:      "Cormorant Garamond", "Times New Roman", serif;
  --display:    "Oswald", "Montserrat", sans-serif;
  --script:     "Caveat", "Comic Sans MS", cursive;
}

/* ---------- Print page ---------- */
@page {
  size: A4 portrait;
  margin: 0;
}

* { box-sizing: border-box; margin: 0; padding: 0; -webkit-print-color-adjust: exact; print-color-adjust: exact; }

html, body {
  background: #E5E5E5;
  font-family: var(--sans);
  font-size: 10pt;
  line-height: 1.45;
  color: var(--text);
  font-feature-settings: "kern" 1, "liga" 1;
  -webkit-font-smoothing: antialiased;
}
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
strong, b { font-weight: 700; }
em { font-style: italic; }
ul, ol { list-style: none; }

/* ---------- Page frame ---------- */
.page {
  position: relative;
  width: 210mm;
  height: 297mm;
  background: var(--paper);
  margin: 8mm auto;
  overflow: hidden;
  box-shadow: 0 4px 28px rgba(0,0,0,0.18);
  page-break-after: always;
  break-after: page;
}
.page:last-child { page-break-after: auto; break-after: auto; }
@media print { .page { box-shadow: none; margin: 0; } }

/* ---------- Header bar (inner pages) ---------- */
.head-bar {
  position: relative;
  height: 18mm;
  background: linear-gradient(90deg, #B69767 0%, #D4B888 50%, #B69767 100%);
  display: flex;
  align-items: center;
  padding: 0 12mm;
  color: #1A1A1A;
  z-index: 5;
  overflow: hidden;
}
.head-bar::before {
  content: "";
  position: absolute; left: 0; right: 0; top: 0; height: 1.6mm;
  background: #FFF;
  pointer-events: none;
}
.head-bar::after {
  content: "";
  position: absolute; left: 0; right: 0; bottom: 0; height: 4.5mm;
  background: #FFF;
  clip-path: polygon(0 100%, 60% 100%, 72% 0, 0 0);
  pointer-events: none;
}
.head-bar__logo { height: 14mm; }
.head-bar__logo img { height: 100%; }
.head-bar__contact {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 8mm;
  font-size: 9.2pt;
  font-weight: 600;
  letter-spacing: 0.4pt;
}
.head-bar__contact a { display: inline-flex; align-items: center; gap: 2mm; }
.head-bar__contact .ic {
  width: 6mm; height: 6mm; border-radius: 50%;
  background: #1A1A1A; color: #FFF;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 8pt;
}
.head-bar__contact .ic img { width: 3.4mm; height: 3.4mm; filter: invert(1); }
.foot-bar__address .fb-ic img { width: 3.2mm; height: 3.2mm; vertical-align: middle; }
.cover__social .icons span img,
.sub-row .social .icons span img { width: 3.6mm; height: 3.6mm; filter: invert(1); }

/* ---------- Footer bar ---------- */
.foot-bar {
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 12mm;
  background:
    linear-gradient(0deg, #FFF 0 1.5mm, transparent 1.5mm 10.5mm, #FFF 10.5mm 12mm),
    linear-gradient(90deg, #B69767, #D4B888 50%, #B69767);
  display: flex;
  align-items: center;
  padding: 1.5mm 12mm;
  color: #1A1A1A;
  font-size: 8.5pt;
  overflow: hidden;
}
.foot-bar::before {
  content: "";
  position: absolute; left: 0; right: 0; top: 0; height: 4mm;
  background: #FFF;
  clip-path: polygon(0 0, 100% 0, 62% 100%, 0 100%);
  pointer-events: none;
}
.foot-bar__address { display: flex; align-items: center; gap: 2mm; font-weight: 500; }
.foot-bar__pageno {
  margin-left: auto;
  font-family: var(--display);
  font-size: 16pt;
  font-weight: 600;
  color: #1A1A1A;
  width: 8mm; height: 8mm;
  display: inline-flex; align-items: center; justify-content: center;
}

/* ---------- Typography helpers ---------- */
.eyebrow {
  font-family: var(--script);
  font-size: 14pt;
  color: var(--gold-deep);
  font-weight: 500;
  margin-bottom: 1mm;
}
.kicker {
  font-family: var(--sans);
  font-size: 8.5pt;
  letter-spacing: 3pt;
  text-transform: uppercase;
  color: var(--gold-deep);
  font-weight: 600;
}
.h-display {
  font-family: var(--display);
  font-weight: 300;
  letter-spacing: -0.5pt;
  line-height: 0.96;
  color: var(--ink);
  text-transform: uppercase;
}
.h-section {
  font-family: var(--display);
  font-weight: 600;
  font-size: 22pt;
  letter-spacing: 0.3pt;
  line-height: 1.05;
  color: var(--ink);
  text-transform: uppercase;
}
.h-section .accent { color: var(--gold-deep); }
.h-article {
  font-family: var(--display);
  font-weight: 500;
  font-size: 18pt;
  letter-spacing: 0.4pt;
  line-height: 1.1;
  color: var(--ink);
  text-transform: uppercase;
}
.lead {
  font-family: var(--serif);
  font-style: italic;
  font-size: 13pt;
  line-height: 1.45;
  color: var(--ink-2);
}
.body p { margin-bottom: 2.5mm; text-align: justify; hyphens: auto; }
.body p:last-child { margin-bottom: 0; }
.col-rule { column-rule: 0.4pt solid var(--gold-line); }
.cols-2 { column-count: 2; column-gap: 7mm; }
.cols-3 { column-count: 3; column-gap: 6mm; }

.gold-text { color: var(--gold-deep); }
.divider {
  height: 0.5pt; background: var(--gold-line); margin: 4mm 0;
  background-image: linear-gradient(90deg, transparent, var(--gold-line) 20%, var(--gold-line) 80%, transparent);
}
.divider--bold {
  height: 1pt; background: var(--gold); margin: 4mm 0;
}

/* ---------- COVER (page 1) ---------- */
.cover {
  position: relative;
  width: 210mm; height: 297mm;
  background: #FFFFFF;
  display: grid;
  grid-template-columns: 56mm 1fr;
  grid-template-rows: 14mm 1fr 78mm;
  overflow: hidden;
}
.cover__top {
  grid-column: 1 / -1;
  background: linear-gradient(90deg, #B69767, #D4B888 50%, #B69767);
  position: relative;
  display: flex; align-items: center;
  padding: 0 12mm;
  letter-spacing: 7pt;
  font-size: 11pt; font-weight: 500;
  color: #1A1A1A;
}
.cover__top .word {
  text-transform: uppercase;
}
.cover__top .word strong { font-weight: 700; }
.cover__top::after {
  content: "";
  position: absolute; left: 0; right: 0; bottom: -3mm; height: 6mm;
  background: #FFF;
  clip-path: polygon(0 0, 62% 0, 70% 100%, 0 100%);
}

.cover__rail {
  grid-row: 2 / 3;
  background: #FAF5E9;
  padding: 12mm 6mm 6mm;
  position: relative;
  display: flex; flex-direction: column; gap: 4mm;
}
.cover__rail::after {
  content: "";
  position: absolute; right: -1px; top: 0; bottom: 0; width: 1px;
  background: linear-gradient(180deg, transparent, var(--gold) 40%, var(--gold) 60%, transparent);
}
.cover__maya {
  width: 100%;
  aspect-ratio: 3 / 4;
  background: #2A2A2A;
  border: 2pt solid var(--gold);
  overflow: hidden;
  position: relative;
}
.cover__maya img { width: 100%; height: 100%; object-fit: cover; }
.cover__maya-label {
  text-align: center;
  margin-top: 3mm;
  font-family: var(--display);
  font-size: 13pt;
  font-weight: 500;
  color: var(--ink);
  text-transform: uppercase;
  letter-spacing: 0.6pt;
}
.cover__maya-role {
  text-align: center;
  font-family: var(--serif);
  font-style: italic;
  font-size: 11pt;
  color: var(--gold-deep);
  margin-top: -1mm;
}
.cover__in-this {
  font-family: var(--display);
  font-weight: 300;
  font-size: 14pt;
  letter-spacing: 2pt;
  color: var(--gold-deep);
  text-transform: uppercase;
  margin-top: 4mm;
}
.cover__in-this::after { content: " ▶▶▶"; font-size: 8pt; letter-spacing: 0; color: var(--gold); }

.cover__cta {
  margin-top: auto;
  display: flex; flex-direction: column; gap: 2mm;
}
.cover__cta .label {
  text-align: center;
  font-size: 7.5pt; letter-spacing: 2pt; color: var(--ink); text-transform: uppercase; font-weight: 600;
}
.cover__cta .btn {
  display: inline-block;
  background: linear-gradient(180deg, #F1A24A, #C7791E);
  color: #FFF;
  font-family: var(--sans);
  font-weight: 700;
  font-size: 13pt;
  text-align: center;
  letter-spacing: 2pt;
  padding: 3mm 6mm;
  border-radius: 1mm;
  text-transform: uppercase;
  box-shadow: 0 2px 0 #8E5614;
}
.cover__cta .below { text-align: center; font-size: 7.5pt; letter-spacing: 2pt; color: var(--ink); text-transform: uppercase; }

.cover__social {
  margin-top: 5mm;
  display: flex; flex-direction: column; gap: 2mm; align-items: center;
}
.cover__social .label { font-size: 8pt; letter-spacing: 2pt; color: var(--ink); text-transform: uppercase; font-weight: 600; }
.cover__social .brand { font-size: 8.5pt; letter-spacing: 0.8pt; color: var(--ink); }
.cover__social .icons {
  display: flex; gap: 2mm; margin-top: 1mm;
}
.cover__social .icons span {
  width: 7mm; height: 7mm;
  border-radius: 50%;
  background: #1A1A1A;
  color: #FFF;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 9pt;
}

/* ---- Cover hero (right column) ---- */
.cover__hero {
  position: relative;
  background:
    radial-gradient(ellipse at 70% 50%, rgba(255,232,180,0.35) 0, transparent 60%),
    linear-gradient(180deg, #FFFFFF 0 0);
  padding: 8mm 12mm 4mm 8mm;
  display: grid;
  grid-template-rows: auto 1fr auto;
}
.cover__brand {
  display: flex; align-items: center; justify-content: space-between;
  gap: 6mm;
  padding-bottom: 4mm;
  border-bottom: 0.5pt solid var(--gold-line);
}
.cover__brand .logo { display: flex; align-items: center; gap: 4mm; }
.cover__brand .logo img { height: 22mm; }
.cover__issue {
  text-align: right;
  font-family: var(--display);
  color: var(--ink);
}
.cover__issue .label { font-size: 13pt; letter-spacing: 4pt; font-weight: 300; }
.cover__issue .num   { font-size: 38pt; font-weight: 600; line-height: 0.9; color: var(--gold-deep); margin-top: -2mm; }
.cover__issue .when  { font-family: var(--serif); font-style: italic; font-size: 13pt; color: var(--ink-2); }

.cover__art {
  position: relative;
  margin-top: 4mm;
  border: 1pt solid var(--gold-line);
  overflow: hidden;
  background: #fff;
  height: 132mm;
}
.cover__art img, .cover__art svg { width: 100%; height: 100%; object-fit: cover; }
.cover__art-tag {
  position: absolute;
  top: 4mm; left: 4mm;
  background: rgba(255,255,255,0.92);
  color: var(--ink);
  font-family: var(--display);
  font-size: 10pt;
  font-weight: 500;
  letter-spacing: 1.5pt;
  text-transform: uppercase;
  padding: 1.5mm 3mm;
  border-left: 2pt solid var(--gold);
}
.cover__art-eyebrow {
  position: absolute;
  bottom: 36mm; left: 6mm;
  color: #FFF;
  font-family: var(--script);
  font-size: 22pt;
  text-shadow: 0 2px 6px rgba(0,0,0,0.5);
  font-weight: 500;
}
.cover__art-headline {
  position: absolute;
  bottom: 4mm; left: 4mm;
  color: #FFF;
  font-family: var(--display);
  font-size: 130pt;
  font-weight: 200;
  line-height: 0.85;
  letter-spacing: -4pt;
  text-shadow: 0 4px 20px rgba(0,0,0,0.45);
}
.cover__art-sub {
  position: absolute;
  bottom: 8mm; right: 6mm;
  color: #FFF;
  font-family: var(--display);
  font-size: 14pt;
  font-weight: 500;
  letter-spacing: 1.2pt;
  text-align: right;
  text-transform: uppercase;
  text-shadow: 0 2px 10px rgba(0,0,0,0.6);
  max-width: 100mm;
  line-height: 1.15;
}

/* Cover bottom row (under hero) */
.cover__list {
  grid-column: 1 / -1;
  padding: 6mm 12mm 4mm;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6mm 8mm;
  align-content: start;
  border-top: 0.5pt solid var(--gold-line);
}
.cover__list .item {
  display: flex;
  gap: 3mm;
  align-items: flex-start;
}
.cover__list .item .marker {
  font-family: var(--display);
  font-size: 28pt;
  font-weight: 300;
  color: var(--gold);
  line-height: 0.9;
  letter-spacing: -1pt;
}
.cover__list .item .text {
  font-family: var(--sans);
  font-size: 9pt;
  line-height: 1.3;
  color: var(--ink-2);
}
.cover__list .item .text b {
  display: block;
  font-family: var(--display);
  font-weight: 500;
  font-size: 10.5pt;
  text-transform: uppercase;
  letter-spacing: 0.4pt;
  color: var(--ink);
  margin-bottom: 0.8mm;
}
.cover__list .item .text .ref {
  display: inline-block;
  margin-top: 1mm;
  font-family: var(--display);
  font-size: 9pt;
  color: var(--gold-deep);
  font-weight: 600;
  letter-spacing: 0.6pt;
}
.cover__list .item .text .ref::before {
  content: "▶ стр. ";
  color: var(--gold);
}

/* ---------- Inner content area ---------- */
.content {
  padding: 5mm 12mm 4mm;
  height: calc(297mm - 18mm - 12mm);
  position: relative;
  overflow: hidden;
}

/* ---------- Feature article (page 2) ---------- */
.feature {
  display: grid;
  grid-template-columns: 1fr 56mm;
  gap: 8mm;
}
.feature__main { }
.feature__main .eyebrow { margin-bottom: 1mm; }
.feature__main h1 {
  font-family: var(--display);
  font-weight: 300;
  font-size: 40pt;
  line-height: 0.95;
  color: var(--ink);
  text-transform: uppercase;
  letter-spacing: -0.5pt;
  margin-bottom: 1mm;
}
.feature__main h1 .gold { color: var(--gold-deep); font-weight: 600; }
.feature__main h1 .teal { color: var(--teal); font-weight: 600; }
.feature__main .subline {
  font-family: var(--serif);
  font-style: italic;
  font-size: 12pt;
  color: var(--ink-2);
  margin-bottom: 4mm;
  border-left: 2pt solid var(--gold);
  padding-left: 3mm;
  line-height: 1.4;
}
.feature__body { column-count: 2; column-gap: 6mm; font-size: 9.3pt; line-height: 1.45; }
.feature__body p { margin-bottom: 2mm; text-align: justify; hyphens: auto; }
.feature__body p:first-child::first-letter {
  font-family: var(--display);
  font-weight: 500;
  color: var(--gold-deep);
  float: left;
  font-size: 28pt;
  line-height: 0.9;
  padding-right: 2mm;
  padding-top: 0.5mm;
}

.feature__aside {
  background: var(--cream);
  border: 0.6pt solid var(--gold-line);
  padding: 4mm 4mm;
  display: flex; flex-direction: column; gap: 3mm;
}
.aside-h {
  font-family: var(--display);
  font-size: 11pt;
  font-weight: 600;
  letter-spacing: 0.5pt;
  text-transform: uppercase;
  color: var(--ink);
  line-height: 1.1;
}
.aside-h .accent { color: var(--gold-deep); }
.aside-body {
  font-size: 8.5pt;
  line-height: 1.4;
  color: var(--ink-2);
}
.aside-quote {
  margin-top: 1mm;
  padding: 3mm; background: #FFF;
  border-left: 2pt solid var(--gold);
  font-family: var(--serif);
  font-style: italic;
  font-size: 9.5pt;
  color: var(--ink-2);
  line-height: 1.35;
}

/* ---------- Offers (page 3) ---------- */
.offers__head {
  font-family: var(--display);
  font-weight: 300;
  font-size: 28pt;
  letter-spacing: 1.5pt;
  text-transform: uppercase;
  color: var(--ink);
  text-align: center;
  margin-bottom: 1mm;
}
.offers__head b { color: var(--gold-deep); font-weight: 600; }
.offers__sub {
  text-align: center;
  font-family: var(--serif);
  font-style: italic;
  font-size: 12pt;
  color: var(--muted);
  margin-bottom: 6mm;
}
.offer-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5mm 6mm;
}
.offer {
  position: relative;
  border: 0.6pt solid var(--gold-line);
  padding: 0;
  background: #FFF;
  display: flex; flex-direction: column;
}
.offer__code {
  position: absolute;
  top: -1px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--gold);
  color: #1A1A1A;
  font-family: var(--sans);
  font-weight: 600;
  font-size: 8.5pt;
  letter-spacing: 0.6pt;
  padding: 0.8mm 4mm;
}
.offer__photo {
  width: 100%;
  height: 38mm;
  overflow: hidden;
  background: #EEE;
}
.offer__photo img { width: 100%; height: 100%; object-fit: cover; }
.offer__body {
  padding: 3mm 4mm 4mm;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 1mm;
}
.offer__title {
  font-family: var(--display);
  font-weight: 500;
  font-size: 11.5pt;
  letter-spacing: 0.2pt;
  text-transform: uppercase;
  color: var(--ink);
}
.offer__price {
  text-align: right;
  font-family: var(--display);
  font-size: 11.5pt;
  font-weight: 600;
  color: var(--gold-deep);
  line-height: 1.1;
}
.offer__price small { display: block; font-size: 8pt; color: var(--muted); font-weight: 500; }
.offer__meta {
  font-size: 9pt; color: var(--ink-2);
  margin-top: 0.6mm;
}
.offer__meta .loc::before { content: "▶ "; color: var(--gold); }
.offer__broker {
  grid-column: 1 / -1;
  margin-top: 2mm;
  padding-top: 2mm;
  border-top: 0.4pt dashed var(--gold-line);
  font-size: 8.5pt;
  color: var(--ink-2);
  display: flex; justify-content: space-between; align-items: center;
}
.offer__broker .name { font-weight: 600; color: var(--ink); }
.offer__broker .phone { color: var(--gold-deep); font-weight: 600; }

.offer--full {
  grid-column: 1 / -1;
  display: grid; grid-template-columns: 60% 40%;
  grid-template-rows: 1fr;
  align-items: stretch;
}
.offer--full .offer__photo { height: auto; min-height: 42mm; max-height: 50mm; }
.offer--full .offer__body { padding: 4mm 5mm; }

.qr-block {
  border: 0.6pt solid var(--gold-line);
  background: linear-gradient(180deg, var(--cream), #FFF);
  padding: 4mm;
  display: grid;
  grid-template-columns: 32mm 1fr;
  align-items: center;
  gap: 4mm;
  position: relative;
}
.qr-block__qr {
  width: 32mm; height: 32mm;
  background: #FFF;
  border: 0.6pt solid var(--gold-line);
  display: flex; align-items: center; justify-content: center;
}
.qr-block__qr svg, .qr-block__qr img { width: 96%; height: 96%; }
.qr-block__text { display: flex; flex-direction: column; gap: 2mm; }
.qr-block__text .h {
  font-family: var(--display);
  font-weight: 600;
  font-size: 11.5pt;
  letter-spacing: 0.4pt;
  text-transform: uppercase;
  color: var(--ink);
}
.qr-block__text .h u { color: var(--gold-deep); text-decoration: none; }
.qr-block__text .url {
  font-family: var(--sans);
  font-size: 10pt;
  color: var(--gold-deep);
  font-weight: 600;
  border-top: 0.4pt solid var(--gold-line);
  padding-top: 1mm;
}
.qr-block__text .below { font-size: 8pt; color: var(--muted); }

/* ---------- Market analysis box ---------- */
.stats-box {
  background: linear-gradient(135deg, var(--gold-bg), #FFF);
  border: 0.6pt solid var(--gold-line);
  padding: 5mm 5mm;
}
.stats-box h3 {
  font-family: var(--display);
  font-weight: 600;
  font-size: 13pt;
  text-transform: uppercase;
  letter-spacing: 0.5pt;
  color: var(--ink);
  margin-bottom: 1mm;
}
.stats-box h3 .accent { color: var(--gold-deep); }
.stats-box .row {
  display: grid; grid-template-columns: repeat(3,1fr); gap: 4mm;
  margin-top: 3mm;
}
.stat {
  display: flex; flex-direction: column; gap: 0.4mm;
  padding: 2mm 0;
}
.stat .num {
  font-family: var(--display); font-weight: 600;
  font-size: 22pt; color: var(--gold-deep);
  line-height: 1;
  letter-spacing: -0.2pt;
}
.stat .label { font-size: 8pt; color: var(--ink-2); letter-spacing: 0.4pt; text-transform: uppercase; }
.stat .delta { font-size: 8.5pt; color: var(--green-deep); font-weight: 600; }
.stat .delta.down { color: #B0463F; }

/* ---------- Interview / profile ---------- */
.profile {
  display: grid; grid-template-columns: 1fr 60mm; gap: 6mm;
  align-items: start;
}
.profile__hero {
  background: linear-gradient(180deg, var(--cream), #FFF);
  border: 0.6pt solid var(--gold-line);
  padding: 4mm; display: flex; flex-direction: column; gap: 2mm;
  align-items: center; text-align: center;
}
.profile__hero img {
  width: 100%; aspect-ratio: 3/4; object-fit: cover;
  border-bottom: 2pt solid var(--gold);
}
.profile__hero h2 {
  font-family: var(--display); font-size: 16pt; font-weight: 600; text-transform: uppercase; color: var(--ink); letter-spacing: 0.4pt;
}
.profile__hero .meta { font-size: 8.5pt; color: var(--gold-deep); letter-spacing: 0.5pt; text-transform: uppercase; font-weight: 500; }
.profile__hero .badge { display: inline-block; padding: 1mm 3mm; background: var(--ink); color: #FFF; font-size: 8pt; letter-spacing: 1pt; text-transform: uppercase; }
.profile__txt .eyebrow { margin-bottom: 0.5mm; }
.profile__txt h1 {
  font-family: var(--display); font-size: 32pt; font-weight: 300; line-height: 0.95;
  text-transform: uppercase; color: var(--ink); letter-spacing: -0.3pt;
}
.profile__txt h1 .gold { color: var(--gold-deep); font-weight: 600; }
.profile__txt .role { font-family: var(--display); font-weight: 600; font-size: 11pt; text-transform: uppercase; letter-spacing: 1pt; color: var(--ink); margin-top: 1mm; margin-bottom: 4mm; }
.qa { margin-bottom: 2mm; }
.qa .q { font-family: var(--serif); font-style: italic; font-weight: 600; color: var(--gold-deep); font-size: 10pt; margin-bottom: 0.3mm; line-height: 1.3; }
.qa .a { font-size: 8.8pt; line-height: 1.4; color: var(--ink-2); }

/* ---------- Sell CTA banner ---------- */
.sell-cta {
  margin-top: 3mm;
  background: var(--ink);
  color: #FFF;
  padding: 3.5mm 5mm;
  display: grid; grid-template-columns: auto 1fr; gap: 4mm; align-items: center;
}
.sell-cta__h {
  font-family: var(--display); font-weight: 700;
  font-size: 18pt; letter-spacing: 0.8pt; text-transform: uppercase; line-height: 1;
}
.sell-cta__h u { color: var(--gold-soft); text-decoration: none; font-weight: 300; }
.sell-cta__body {
  font-size: 8.8pt; line-height: 1.35;
}
.sell-list {
  display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 3mm;
  margin-top: 2.5mm;
}
.sell-card {
  border: 0.5pt solid var(--gold-line);
  padding: 3mm;
  background: #FFF;
}
.sell-card .h {
  font-family: var(--display); font-weight: 600;
  font-size: 9.5pt; text-transform: uppercase; letter-spacing: 0.3pt;
  color: var(--gold-deep);
  margin-bottom: 1mm;
}
.sell-card p { font-size: 8.5pt; color: var(--ink-2); line-height: 1.35; }

/* ---------- Search list (client wants) ---------- */
.wants-h {
  font-family: var(--display); font-weight: 700;
  font-size: 22pt; letter-spacing: 1pt; text-transform: uppercase;
  color: var(--ink);
  background: linear-gradient(90deg, transparent, var(--gold-bg) 30%, var(--gold-bg) 70%, transparent);
  padding: 2mm 6mm;
  text-align: center;
  margin-bottom: 4mm;
}
.wants-h b { color: var(--gold-deep); }
.wants-grid {
  display: grid; grid-template-columns: repeat(2, 1fr);
  gap: 4mm 6mm;
}
.want {
  display: grid; grid-template-columns: 38mm 1fr; gap: 3mm;
  align-items: start;
  padding: 3mm;
  background: #FAF8F2;
  border-left: 2pt solid var(--gold);
}
.want .h {
  font-family: var(--display); font-weight: 600;
  font-size: 10.5pt; letter-spacing: 0.3pt;
  text-transform: uppercase; color: var(--ink);
}
.want .who {
  font-family: var(--serif); font-style: italic; font-size: 9.5pt; color: var(--gold-deep);
}
.want ul { margin-top: 1mm; font-size: 8.8pt; color: var(--ink-2); }
.want ul li::before { content: "▸ "; color: var(--gold); }

/* ---------- Article (tax / mortgage) ---------- */
.article-h {
  font-family: var(--display); font-weight: 300;
  font-size: 30pt; line-height: 0.98;
  text-transform: uppercase; color: var(--ink);
  letter-spacing: -0.3pt;
}
.article-h .gold { color: var(--gold-deep); font-weight: 600; }
.article-h .pink { color: var(--pink); font-weight: 600; }
.article-meta {
  font-family: var(--serif); font-style: italic; font-size: 11pt; color: var(--muted);
  margin: 1mm 0 5mm;
}
.article-meta .badge { background: var(--ink); color: #FFF; padding: 0.5mm 2mm; font-style: normal; font-family: var(--sans); font-weight: 600; font-size: 8.5pt; letter-spacing: 0.6pt; text-transform: uppercase; margin-right: 2mm; }
.article-body { column-count: 2; column-gap: 7mm; column-rule: 0.3pt solid var(--gold-line); }
.article-body p { margin-bottom: 1.8mm; text-align: justify; hyphens: auto; font-size: 8.8pt; line-height: 1.42; }
.article-body h4 {
  font-family: var(--display); font-weight: 600; font-size: 11pt; text-transform: uppercase; letter-spacing: 0.5pt;
  color: var(--gold-deep); margin: 3mm 0 1.5mm; break-after: avoid-column;
}
.article-body ul { margin: 1mm 0 2mm 3mm; font-size: 8.6pt; }
.article-body ul li { margin-bottom: 0.8mm; }
.article-body ul li::marker { color: var(--gold); }
.article-body ul li {  list-style: disc; }

.callout {
  break-inside: avoid;
  margin: 2mm 0;
  padding: 3mm 4mm; background: var(--cream);
  border-left: 2.5pt solid var(--gold);
}
.callout .h { font-family: var(--display); font-weight: 600; font-size: 10pt; text-transform: uppercase; color: var(--gold-deep); letter-spacing: 0.4pt; }
.callout p { font-size: 9pt; margin-top: 0.5mm; }

.continue-tag {
  display: inline-block;
  background: var(--ink); color: #FFF;
  padding: 1.5mm 4mm;
  font-family: var(--sans); font-weight: 600; letter-spacing: 1pt; text-transform: uppercase; font-size: 8.5pt;
  margin-top: 3mm;
}

/* ---------- Team grid (page 8) ---------- */
.team__h {
  font-family: var(--display); font-weight: 300;
  font-size: 24pt; letter-spacing: 1.4pt;
  text-transform: uppercase; color: var(--ink); text-align: center;
  margin-bottom: 0.5mm;
}
.team__h b { color: var(--gold-deep); font-weight: 600; }
.team__sub { text-align: center; font-family: var(--serif); font-style: italic; font-size: 10pt; color: var(--muted); margin-bottom: 3mm; }
.team-grid {
  display: grid; grid-template-columns: repeat(4, 1fr);
  gap: 2.5mm 3mm;
}
.tcard {
  background: #FFF; border: 0.5pt solid var(--gold-line); padding: 2mm;
  display: flex; flex-direction: column; align-items: center;
  text-align: center;
}
.tcard__pic {
  width: 100%; aspect-ratio: 1/1; overflow: hidden; background: #EEE;
  border-bottom: 1.5pt solid var(--gold);
}
.tcard__pic img { width: 100%; height: 100%; object-fit: cover; }
.tcard__name {
  margin-top: 1.5mm;
  font-family: var(--display); font-weight: 600;
  font-size: 9pt; text-transform: uppercase; letter-spacing: 0.2pt; color: var(--ink);
  min-height: 7mm; display: flex; align-items: center; line-height: 1.05;
}
.tcard__phone { font-size: 8pt; color: var(--gold-deep); font-weight: 600; }
.tcard__mail  { font-size: 7pt; color: var(--muted); word-break: break-all; line-height: 1.2; }
.tcard { position: relative; }
.tcard--new::before {
  content: "НОВО";
  position: absolute;
  top: 2mm; right: 2mm; z-index: 2;
  background: var(--green-deep); color: #FFF;
  padding: 0.4mm 1.5mm; font-size: 6.5pt; letter-spacing: 0.5pt; text-transform: uppercase; font-weight: 700;
  border-radius: 1mm;
}

/* ---------- Discount card (subscribe 10%) ---------- */
.disc {
  margin-top: 4mm;
  display: grid; grid-template-columns: 1fr 1fr; gap: 4mm;
  background: linear-gradient(135deg, var(--cream-2), #FFF);
  border: 0.8pt solid var(--gold);
  padding: 5mm;
  align-items: center;
}
.disc__pic { aspect-ratio: 4/3; background: #2A2A2A; overflow: hidden; border: 1pt solid var(--gold-deep); }
.disc__pic img { width: 100%; height: 100%; object-fit: cover; }
.disc__text { display: flex; flex-direction: column; gap: 2mm; }
.disc__text .h { font-family: var(--sans); font-weight: 600; font-size: 10.5pt; letter-spacing: 1pt; text-transform: uppercase; color: var(--ink); }
.disc__text .num { font-family: var(--display); font-weight: 700; font-size: 56pt; color: var(--gold-deep); line-height: 0.9; letter-spacing: -1pt; }
.disc__text .label { font-family: var(--display); font-weight: 600; font-size: 14pt; text-transform: uppercase; letter-spacing: 0.8pt; color: var(--ink); }
.disc__text p { font-size: 9pt; color: var(--ink-2); line-height: 1.4; }

/* ---------- Subscribe + Social row (page 8 bottom) ---------- */
.sub-row {
  margin-top: 5mm;
  display: grid; grid-template-columns: 32mm 1fr 1fr; gap: 5mm; align-items: center;
  padding: 4mm 5mm; background: linear-gradient(90deg, var(--gold-bg), #FFF);
  border-top: 1pt solid var(--gold);
}
.sub-row .qr-mini { width: 28mm; height: 28mm; background: #FFF; border: 0.6pt solid var(--gold-line); display: flex; align-items: center; justify-content: center; }
.sub-row .qr-mini img, .sub-row .qr-mini svg { width: 96%; height: 96%; }
.sub-row .cta { display: flex; flex-direction: column; align-items: center; gap: 1mm; }
.sub-row .cta .top { font-size: 8pt; letter-spacing: 1.6pt; text-transform: uppercase; color: var(--ink); font-weight: 600; }
.sub-row .cta .btn { background: linear-gradient(180deg, #F1A24A, #C7791E); color: #FFF; padding: 2mm 8mm; font-family: var(--sans); font-weight: 700; letter-spacing: 2pt; font-size: 11pt; text-transform: uppercase; }
.sub-row .cta .low { font-size: 8pt; letter-spacing: 1.6pt; text-transform: uppercase; color: var(--ink); }
.sub-row .social { display: flex; flex-direction: column; align-items: center; gap: 1mm; }
.sub-row .social .label { font-size: 9pt; letter-spacing: 1.6pt; text-transform: uppercase; color: var(--ink); font-weight: 600; }
.sub-row .social .brand { font-size: 9pt; }
.sub-row .social .icons { display: flex; gap: 2mm; margin-top: 1mm; }
.sub-row .social .icons span { width: 7mm; height: 7mm; border-radius: 50%; background: var(--ink); color: #FFF; display: inline-flex; align-items: center; justify-content: center; font-size: 9pt; }

/* ---------- Joke box ---------- */
.jokes {
  margin-top: 4mm;
  display: grid; grid-template-columns: 1fr 1fr; gap: 4mm;
}
.joke {
  border: 0.6pt dashed var(--gold);
  padding: 4mm;
  background: #FFF;
  font-family: var(--serif); font-style: italic; font-size: 10pt; color: var(--ink-2);
}
.joke .lbl { font-family: var(--sans); font-style: normal; font-weight: 700; font-size: 8.5pt; color: var(--gold-deep); letter-spacing: 1pt; text-transform: uppercase; margin-bottom: 1.5mm; display: block; }
.joke b { color: var(--ink); }

/* ---------- Tiny utilities ---------- */
.gap-s { height: 3mm; }
.gap-m { height: 5mm; }
.gap-l { height: 8mm; }
.mt-s { margin-top: 3mm; }
.mt-m { margin-top: 5mm; }
.mt-l { margin-top: 8mm; }
.center { text-align: center; }
.small { font-size: 8.5pt; }
.muted { color: var(--muted); }
.gold { color: var(--gold-deep); }

/* ---------- Print final tweaks ---------- */
@media print {
  html, body { background: #FFF; }
  .page { margin: 0; box-shadow: none; }
}