/* =====================================================
   VARNA HOME CENTER — Брой 5, юни 2026
   ВАРИАНТ 4 · BOUTIQUE COASTAL LUXURY
   Sotheby's / Christie's inspired — Bodoni-style heavy serif,
   noir + creme + champagne gold, abundant negative space.
   ===================================================== */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500&family=Inter:wght@200;300;400;500;600&display=swap');

:root {
  --noir:       #0C0C0C;
  --noir-2:     #1F1B17;
  --champagne:  #B89968;
  --champagne-d:#8C6F3F;
  --champagne-l:#E4D2B3;
  --cream:      #F5EFE4;
  --cream-2:    #ECE3D2;
  --paper:      #FBF7EE;
  --text:       #25201C;
  --muted:      #6F665B;
  --line:       #CFC3AC;

  --display:    "Playfair Display", "Times New Roman", serif;
  --serif:      "Cormorant Garamond", "Times New Roman", serif;
  --sans:       "Inter", system-ui, sans-serif;
}

* { box-sizing: border-box; margin: 0; padding: 0; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
@page { size: A4 portrait; margin: 0; }

html, body {
  background: #DCD2BD;
  font-family: var(--sans);
  font-size: 9.5pt; line-height: 1.55;
  color: var(--text);
  font-feature-settings: "kern" 1, "liga" 1, "onum" 1;
  -webkit-font-smoothing: antialiased;
}
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }

.page {
  position: relative;
  width: 210mm; height: 297mm;
  background: var(--paper);
  margin: 8mm auto;
  overflow: hidden;
  box-shadow: 0 6px 32px 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; } }

/* ---------- Top + bottom strips ---------- */
.lux-top {
  position: absolute; top: 0; left: 0; right: 0; height: 12mm;
  display: flex; align-items: center; justify-content: space-between;
  padding: 0 16mm;
  font-family: var(--sans); font-size: 7pt;
  letter-spacing: 4pt; text-transform: uppercase;
  color: var(--noir);
  border-bottom: 0.4pt solid var(--line);
  z-index: 4;
}
.lux-top .left { font-weight: 500; }
.lux-top .center {
  font-family: var(--display); font-size: 13pt;
  letter-spacing: 4pt; font-weight: 400;
  text-transform: uppercase; color: var(--noir);
}
.lux-top .center span { color: var(--champagne-d); }
.lux-top .right { font-family: var(--display); font-size: 11pt; letter-spacing: 1pt; text-transform: none; }

.lux-bot {
  position: absolute; bottom: 0; left: 0; right: 0; height: 14mm;
  display: grid; grid-template-columns: 1fr auto 1fr;
  align-items: center; padding: 0 16mm;
  border-top: 0.4pt solid var(--line);
  font-family: var(--sans); font-size: 7pt;
  letter-spacing: 3pt; text-transform: uppercase;
  color: var(--muted);
  z-index: 4;
}
.lux-bot .pn {
  font-family: var(--display); font-size: 18pt;
  font-weight: 500;
  letter-spacing: 0;
  color: var(--noir);
  position: relative;
}
.lux-bot .pn::before,
.lux-bot .pn::after {
  content: ""; position: absolute; top: 50%;
  width: 12mm; height: 0.5pt; background: var(--champagne);
}
.lux-bot .pn::before { right: calc(100% + 4mm); }
.lux-bot .pn::after  { left: calc(100% + 4mm); }
.lux-bot .right { text-align: right; }

.content {
  position: absolute;
  top: 12mm; bottom: 14mm; left: 0; right: 0;
  padding: 12mm 16mm;
  overflow: hidden;
}

/* ===================== COVER ===================== */
.cover {
  width: 210mm; height: 297mm;
  background: var(--noir);
  position: relative; overflow: hidden;
}
.cv-art {
  position: absolute; inset: 0;
  overflow: hidden;
}
.cv-art img, .cv-art svg { width: 100%; height: 100%; object-fit: cover; }
.cv-art::after {
  content: "";
  position: absolute; inset: 0;
  background:
    linear-gradient(180deg, rgba(12,12,12,0.7) 0%, rgba(12,12,12,0.05) 30%, rgba(12,12,12,0.85) 100%);
}

.cv-frame {
  position: absolute; inset: 14mm 14mm 14mm 14mm;
  border: 1pt solid rgba(184,153,104,0.55);
  pointer-events: none;
  z-index: 2;
}
.cv-frame::before, .cv-frame::after {
  content: "";
  position: absolute;
  width: 6mm; height: 6mm;
  border: 1pt solid var(--champagne);
}
.cv-frame::before { top: -3mm; left: -3mm; border-right: 0; border-bottom: 0; }
.cv-frame::after  { bottom: -3mm; right: -3mm; border-left: 0; border-top: 0; }

.cv-masthead {
  position: absolute; top: 22mm; left: 0; right: 0;
  text-align: center;
  color: var(--champagne-l);
  z-index: 3;
}
.cv-masthead .top {
  font-family: var(--sans); font-size: 7pt;
  letter-spacing: 6pt; text-transform: uppercase;
  color: rgba(228,210,179,0.85);
  margin-bottom: 4mm;
}
.cv-masthead .nm {
  font-family: var(--display); font-weight: 400;
  font-size: 34pt; letter-spacing: 6pt;
  color: #FFF;
  text-transform: uppercase;
}
.cv-masthead .nm span { color: var(--champagne); font-style: italic; font-family: var(--serif); font-weight: 400; letter-spacing: 2pt; padding: 0 1mm; }
.cv-masthead .rule { width: 30mm; height: 0.7pt; background: var(--champagne); margin: 4mm auto 3mm; }
.cv-masthead .sub {
  font-family: var(--serif); font-style: italic; font-size: 13pt;
  color: var(--champagne-l); letter-spacing: 0.5pt;
}

.cv-issue {
  position: absolute; top: 26mm; left: 22mm;
  color: #FFF; z-index: 4;
  font-family: var(--sans); font-size: 8pt; letter-spacing: 3pt; text-transform: uppercase;
  border-top: 0.6pt solid var(--champagne);
  padding-top: 2mm;
}
.cv-issue b { font-family: var(--display); font-size: 14pt; letter-spacing: 1pt; font-weight: 500; color: var(--champagne); display: block; margin-top: 1mm; }
.cv-date {
  position: absolute; top: 26mm; right: 22mm;
  text-align: right; color: #FFF; z-index: 4;
  font-family: var(--sans); font-size: 8pt; letter-spacing: 3pt; text-transform: uppercase;
  border-top: 0.6pt solid var(--champagne);
  padding-top: 2mm;
}
.cv-date b { font-family: var(--display); font-size: 14pt; letter-spacing: 1pt; font-weight: 500; color: var(--champagne); display: block; margin-top: 1mm; text-transform: none; }

.cv-headline {
  position: absolute; left: 0; right: 0;
  bottom: 110mm;
  text-align: center;
  color: #FFF;
  padding: 0 24mm;
  z-index: 3;
}
.cv-headline .eyebrow {
  font-family: var(--serif); font-style: italic; font-size: 14pt;
  color: var(--champagne-l); margin-bottom: 4mm;
}
.cv-headline h1 {
  font-family: var(--display); font-weight: 400;
  font-size: 60pt; line-height: 0.95;
  letter-spacing: -0.5pt;
  color: #FFF;
  text-shadow: 0 2px 14px rgba(0,0,0,0.45);
}
.cv-headline h1 em {
  font-family: var(--serif); font-style: italic; font-weight: 400;
  color: var(--champagne);
}

.cv-foot {
  position: absolute; bottom: 22mm; left: 0; right: 0;
  text-align: center; color: #FFF; z-index: 3;
}
.cv-foot .quote {
  font-family: var(--serif); font-style: italic; font-size: 13pt;
  max-width: 140mm; margin: 0 auto;
  color: var(--champagne-l); line-height: 1.4;
}
.cv-foot .author {
  margin-top: 4mm;
  font-family: var(--sans); font-size: 7.5pt;
  letter-spacing: 4pt; text-transform: uppercase; color: rgba(255,255,255,0.85);
}

.cv-spine {
  position: absolute;
  left: 22mm; bottom: 26mm; right: 22mm;
  display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 8mm;
  z-index: 4;
  color: #FFF;
  border-top: 0.5pt solid rgba(184,153,104,0.5);
  padding-top: 5mm;
}
.cv-spine .item .pg {
  font-family: var(--display); font-size: 18pt;
  color: var(--champagne); line-height: 1; letter-spacing: 0.5pt;
}
.cv-spine .item .t {
  font-family: var(--sans); font-size: 7pt;
  letter-spacing: 2pt; text-transform: uppercase; color: rgba(255,255,255,0.9);
  margin-top: 2mm; line-height: 1.3;
}
.cv-spine .item .t b { color: var(--champagne-l); display: block; margin-top: 0.5mm; font-family: var(--serif); font-style: italic; font-size: 10pt; letter-spacing: 0; text-transform: none; font-weight: 400; }

/* ====== feature p2 ====== */
.featx { display: grid; grid-template-columns: 1fr 60mm; gap: 12mm; }
.featx .eyebrow {
  font-family: var(--sans); font-size: 7pt; letter-spacing: 4pt; text-transform: uppercase;
  color: var(--champagne-d); margin-bottom: 4mm;
}
.featx h1 {
  font-family: var(--display); font-weight: 400;
  font-size: 56pt; line-height: 0.95; letter-spacing: -0.8pt;
  color: var(--noir); margin-bottom: 4mm;
}
.featx h1 em {
  font-family: var(--serif); font-style: italic; font-weight: 400; color: var(--champagne-d);
}
.featx .deck {
  font-family: var(--serif); font-style: italic; font-size: 14pt; line-height: 1.45;
  color: var(--noir-2); margin-bottom: 6mm;
  padding-bottom: 5mm; border-bottom: 0.5pt solid var(--line);
}
.featx .body {
  column-count: 2; column-gap: 7mm;
  font-size: 9pt; line-height: 1.55; color: var(--text);
  text-align: justify; hyphens: auto;
}
.featx .body p { margin-bottom: 2.5mm; }
.featx .body p:first-child::first-letter {
  font-family: var(--display); font-weight: 500;
  float: left; font-size: 56pt; line-height: 0.85;
  color: var(--champagne-d);
  padding: 1mm 3mm 0 0;
}
.featx .pull {
  break-inside: avoid;
  margin: 4mm 0;
  font-family: var(--display); font-style: italic;
  font-size: 16pt; line-height: 1.3;
  color: var(--noir);
  padding: 4mm 0;
  text-align: center;
  border-top: 0.5pt solid var(--noir);
  border-bottom: 0.5pt solid var(--noir);
}

.featx__aside {
  background: var(--cream);
  padding: 6mm 5mm;
  border: 0.5pt solid var(--line);
}
.featx__aside .h {
  font-family: var(--display); font-weight: 500; font-size: 13pt;
  color: var(--noir); margin-bottom: 3mm; padding-bottom: 2mm;
  border-bottom: 0.5pt solid var(--champagne);
  letter-spacing: 0.3pt;
}
.featx__aside .h em { color: var(--champagne-d); font-style: italic; }
.featx__aside .row {
  display: grid; grid-template-columns: 22mm 1fr; gap: 3mm;
  padding: 1.5mm 0;
  font-family: var(--sans); font-size: 8pt;
  border-bottom: 0.3pt dotted var(--line);
}
.featx__aside .row:last-child { border-bottom: none; }
.featx__aside .row .k { color: var(--muted); letter-spacing: 1pt; text-transform: uppercase; }
.featx__aside .row .v { font-family: var(--display); color: var(--noir); font-weight: 500; }

.featx__quote {
  margin-top: 4mm; padding: 4mm 3mm;
  background: var(--noir); color: var(--champagne-l);
  font-family: var(--serif); font-style: italic; font-size: 11pt; line-height: 1.4;
  text-align: center;
}
.featx__quote .by { display: block; margin-top: 2mm; font-family: var(--sans); font-style: normal; font-size: 7pt; letter-spacing: 3pt; text-transform: uppercase; color: var(--champagne); }

/* ====== offers p3 ====== */
.lux-h {
  text-align: center;
  margin-bottom: 8mm;
}
.lux-h .eyebrow {
  font-family: var(--sans); font-size: 7.5pt; letter-spacing: 4pt; text-transform: uppercase;
  color: var(--champagne-d); margin-bottom: 3mm;
}
.lux-h h2 {
  font-family: var(--display); font-weight: 400;
  font-size: 52pt; line-height: 0.95; letter-spacing: -0.5pt;
  color: var(--noir);
}
.lux-h h2 em { font-family: var(--serif); font-style: italic; color: var(--champagne-d); font-weight: 400; }
.lux-h .rule { width: 24mm; height: 0.6pt; background: var(--champagne); margin: 4mm auto 3mm; }
.lux-h .deck {
  font-family: var(--serif); font-style: italic; font-size: 12pt; color: var(--muted);
  max-width: 130mm; margin: 0 auto;
}

.lux-offer-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 8mm 8mm;
}
.lux-offer {
  display: flex; flex-direction: column; gap: 3mm;
}
.lux-offer .ph {
  width: 100%; aspect-ratio: 4/3; overflow: hidden;
  position: relative;
}
.lux-offer .ph img { width: 100%; height: 100%; object-fit: cover; }
.lux-offer .ph::after {
  content: "";
  position: absolute; inset: 2mm;
  border: 0.5pt solid rgba(255,255,255,0.7);
  pointer-events: none;
}
.lux-offer .meta { display: grid; grid-template-columns: 1fr auto; gap: 2mm; align-items: end; }
.lux-offer .meta .l .tag {
  font-family: var(--sans); font-size: 7pt;
  letter-spacing: 2.5pt; text-transform: uppercase; color: var(--champagne-d); font-weight: 600;
}
.lux-offer .meta .l h3 {
  font-family: var(--display); font-weight: 400;
  font-size: 17pt; line-height: 1; color: var(--noir); margin-top: 1mm;
}
.lux-offer .meta .l .loc {
  font-family: var(--serif); font-style: italic; font-size: 10pt; color: var(--noir-2); margin-top: 1mm;
}
.lux-offer .meta .r {
  text-align: right;
  font-family: var(--display); font-weight: 500;
  font-size: 20pt; color: var(--noir); line-height: 1;
}
.lux-offer .meta .r small { display: block; font-family: var(--sans); font-size: 8pt; color: var(--muted); margin-top: 1mm; letter-spacing: 0.5pt; }
.lux-offer .brk {
  border-top: 0.5pt solid var(--line);
  padding-top: 2mm;
  font-family: var(--serif); font-style: italic; font-size: 10pt;
  color: var(--noir-2);
  display: flex; justify-content: space-between;
}
.lux-offer .brk .ph2 { font-family: var(--sans); font-style: normal; color: var(--champagne-d); font-weight: 600; }
.lux-offer--full {
  grid-column: 1 / -1;
  display: grid; grid-template-columns: 1fr 1fr; gap: 6mm; align-items: center;
}
.lux-offer--full .ph { aspect-ratio: 4/2.5; }

.lux-qr {
  margin-top: 8mm; padding: 6mm 6mm;
  background: var(--noir); color: var(--champagne-l);
  display: grid; grid-template-columns: 30mm 1fr auto; gap: 6mm; align-items: center;
}
.lux-qr .qr { width: 28mm; height: 28mm; background: #FFF; padding: 1mm; }
.lux-qr .qr img, .lux-qr .qr svg { width: 100%; height: 100%; }
.lux-qr .t .eye { font-family: var(--sans); font-size: 7pt; letter-spacing: 3pt; color: var(--champagne); text-transform: uppercase; }
.lux-qr .t .h  { font-family: var(--display); font-size: 18pt; color: #FFF; margin-top: 1mm; line-height: 1; }
.lux-qr .t .u  { font-family: var(--serif); font-style: italic; font-size: 11pt; color: var(--champagne-l); margin-top: 1.5mm; }
.lux-qr .right { font-family: var(--serif); font-style: italic; font-size: 9.5pt; color: rgba(245,239,228,0.7); max-width: 50mm; text-align: right; line-height: 1.4; }

/* ====== analysis p4 ====== */
.anal {}
.anal .lux-h { text-align: left; margin-bottom: 6mm; }
.anal .lux-h .rule { margin-left: 0; }
.anal .lux-h h2 { font-size: 48pt; }
.anal .lux-h .deck { margin-left: 0; }
.kpi-row {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 0;
  border-top: 1pt solid var(--noir);
  border-bottom: 1pt solid var(--noir);
  padding: 5mm 0; margin-bottom: 6mm;
}
.kpi {
  padding: 0 5mm;
  border-right: 0.5pt solid var(--line);
}
.kpi:last-child { border-right: none; }
.kpi .lbl { font-family: var(--sans); font-size: 7pt; letter-spacing: 3pt; text-transform: uppercase; color: var(--muted); margin-bottom: 2mm; }
.kpi .v   { font-family: var(--display); font-weight: 500; font-size: 38pt; color: var(--noir); line-height: 1; letter-spacing: -1pt; }
.kpi .v em { color: var(--champagne-d); font-style: italic; font-weight: 400; }
.kpi .d   { font-family: var(--serif); font-style: italic; font-size: 10pt; color: var(--muted); margin-top: 1mm; }

.three-col-lux { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8mm; margin-top: 4mm; }
.three-col-lux article .kicker {
  font-family: var(--sans); font-size: 7pt;
  letter-spacing: 3pt; text-transform: uppercase; color: var(--champagne-d); font-weight: 600;
  margin-bottom: 2mm; padding-bottom: 1.5mm;
  border-bottom: 0.5pt solid var(--champagne);
}
.three-col-lux article h3 {
  font-family: var(--display); font-weight: 400;
  font-size: 18pt; line-height: 1; color: var(--noir); letter-spacing: -0.2pt;
}
.three-col-lux article h3 em { font-family: var(--serif); font-style: italic; color: var(--champagne-d); }
.three-col-lux article p { font-size: 8.7pt; line-height: 1.5; color: var(--text); margin-top: 2mm; text-align: justify; hyphens: auto; }

/* ====== profile p5 ====== */
.prof-lux { display: grid; grid-template-columns: 80mm 1fr; gap: 10mm; height: 100%; }
.prof-lux__photo {
  margin-left: -16mm; margin-top: -12mm; margin-bottom: -14mm;
  position: relative; overflow: hidden;
}
.prof-lux__photo img { width: 100%; height: 100%; object-fit: cover; }
.prof-lux__photo::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0) 50%, rgba(0,0,0,0.5) 100%);
}
.prof-lux__photo .ovr {
  position: absolute; left: 6mm; bottom: 14mm; right: 4mm;
  color: #FFF;
}
.prof-lux__photo .ovr .ey { font-family: var(--sans); font-size: 7pt; letter-spacing: 4pt; text-transform: uppercase; color: var(--champagne); margin-bottom: 2mm; }
.prof-lux__photo .ovr .nm { font-family: var(--display); font-size: 30pt; line-height: 0.95; }
.prof-lux__photo .ovr .nm em { color: var(--champagne); font-style: italic; font-family: var(--serif); }
.prof-lux__body {}
.prof-lux__body .eyebrow {
  font-family: var(--sans); font-size: 7pt; letter-spacing: 4pt; text-transform: uppercase;
  color: var(--champagne-d); margin-bottom: 4mm;
}
.prof-lux__body h1 {
  font-family: var(--display); font-weight: 400; font-size: 32pt; line-height: 0.95; color: var(--noir); margin-bottom: 3mm;
}
.prof-lux__body h1 em { font-family: var(--serif); font-style: italic; color: var(--champagne-d); }
.prof-lux__body .intro {
  font-family: var(--serif); font-style: italic; font-size: 13pt; line-height: 1.4;
  color: var(--noir-2); margin-bottom: 5mm; border-left: 0.6pt solid var(--champagne); padding-left: 4mm;
}
.qa-lux { margin-bottom: 4mm; }
.qa-lux .q { font-family: var(--display); font-style: italic; font-size: 11pt; color: var(--champagne-d); font-weight: 500; margin-bottom: 0.5mm; }
.qa-lux .a { font-family: var(--serif); font-size: 10pt; line-height: 1.5; color: var(--text); }

.sell-lux {
  margin-top: 5mm;
  padding: 6mm 6mm;
  background: var(--cream);
  border-top: 1pt solid var(--champagne); border-bottom: 1pt solid var(--champagne);
  display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 6mm; align-items: start;
}
.sell-lux .h-block .ey { font-family: var(--sans); font-size: 7pt; letter-spacing: 3pt; color: var(--champagne-d); text-transform: uppercase; font-weight: 600; }
.sell-lux .h-block .h { font-family: var(--display); font-weight: 500; font-size: 24pt; line-height: 1; color: var(--noir); margin-top: 1mm; }
.sell-lux .h-block .h em { font-family: var(--serif); font-style: italic; color: var(--champagne-d); }
.sell-lux .h-block p { font-family: var(--serif); font-style: italic; font-size: 10pt; color: var(--text); margin-top: 2mm; line-height: 1.4; }
.sell-lux .col h4 {
  font-family: var(--display); font-weight: 500; font-size: 11pt;
  color: var(--noir); margin-bottom: 1mm;
}
.sell-lux .col h4 em { font-family: var(--serif); font-style: italic; color: var(--champagne-d); }
.sell-lux .col p { font-size: 8.5pt; line-height: 1.4; color: var(--text); }

/* ====== article p6/p7 ====== */
.tax-lux-h {
  font-family: var(--display); font-weight: 400;
  font-size: 48pt; line-height: 0.95; color: var(--noir); letter-spacing: -0.5pt;
}
.tax-lux-h em { font-family: var(--serif); font-style: italic; color: var(--champagne-d); }
.tax-lux-deck {
  font-family: var(--serif); font-style: italic; font-size: 14pt; line-height: 1.4;
  color: var(--noir-2); max-width: 160mm; margin: 3mm 0 6mm;
}
.tax-lux-body { column-count: 2; column-gap: 8mm; column-rule: 0.3pt solid var(--line); font-size: 9pt; line-height: 1.55; }
.tax-lux-body p { margin-bottom: 2mm; text-align: justify; hyphens: auto; }
.tax-lux-body h4 {
  font-family: var(--display); font-size: 14pt; color: var(--noir);
  margin: 3mm 0 1.5mm; padding-bottom: 1mm;
  border-bottom: 0.5pt solid var(--champagne);
  break-after: avoid-column;
}
.tax-lux-body h4 em { font-family: var(--serif); font-style: italic; color: var(--champagne-d); }
.tax-lux-body ul { margin: 1mm 0 2mm 4mm; }
.tax-lux-body ul li { list-style: disc; margin-bottom: 0.7mm; font-size: 8.7pt; }
.tax-lux-body ul li::marker { color: var(--champagne-d); }
.tax-lux-body .alert, .tax-lux-body .info {
  break-inside: avoid; margin: 2mm 0;
  padding: 3mm 4mm; background: var(--noir); color: var(--champagne-l);
}
.tax-lux-body .alert .h, .tax-lux-body .info .h {
  font-family: var(--sans); font-size: 7pt; letter-spacing: 3pt; color: var(--champagne); text-transform: uppercase; font-weight: 600;
  margin-bottom: 1mm;
}
.tax-lux-body .alert p, .tax-lux-body .info p { font-family: var(--serif); font-style: italic; font-size: 9pt; margin: 0; color: var(--champagne-l); }
.tax-lux-body .info { background: var(--cream); color: var(--noir-2); }
.tax-lux-body .info .h { color: var(--champagne-d); }
.tax-lux-body .info p { color: var(--noir-2); }
.tax-continue-lux {
  display: inline-block; margin-top: 5mm;
  font-family: var(--sans); font-size: 7.5pt; letter-spacing: 3pt; text-transform: uppercase;
  color: var(--champagne-d); border-bottom: 0.6pt solid var(--champagne-d);
  padding-bottom: 1mm;
}

/* ====== wants p7 ====== */
.wants-lux-h {
  font-family: var(--display); font-weight: 400; font-size: 32pt; color: var(--noir);
  margin-top: 6mm; margin-bottom: 2mm;
}
.wants-lux-h em { font-family: var(--serif); font-style: italic; color: var(--champagne-d); }
.wants-lux {
  display: grid; grid-template-columns: 1fr 1fr; gap: 3mm 8mm; margin-top: 3mm;
}
.want-lux {
  padding: 2.5mm 0; border-top: 0.4pt solid var(--line);
  display: grid; grid-template-columns: 10mm 1fr auto; gap: 3mm;
  align-items: baseline;
}
.want-lux .n { font-family: var(--display); font-size: 16pt; color: var(--champagne-d); }
.want-lux .t .h { font-family: var(--display); font-size: 11pt; color: var(--noir); line-height: 1.1; }
.want-lux .t .b { font-family: var(--serif); font-style: italic; font-size: 9pt; color: var(--text); margin-top: 0.5mm; }
.want-lux .br { font-family: var(--sans); font-size: 7pt; letter-spacing: 1.5pt; text-transform: uppercase; color: var(--champagne-d); font-weight: 600; }

/* ====== team p8 ====== */
.team-lux-h { text-align: center; margin-bottom: 6mm; }
.team-lux-h h2 { font-family: var(--display); font-size: 44pt; color: var(--noir); }
.team-lux-h h2 em { font-family: var(--serif); font-style: italic; color: var(--champagne-d); }
.team-lux-h .rule { width: 20mm; height: 0.6pt; background: var(--champagne); margin: 3mm auto 2mm; }
.team-lux-h .deck { font-family: var(--serif); font-style: italic; font-size: 11pt; color: var(--muted); }

.team-lux-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 4mm 5mm; }
.tcard-lux {
  text-align: center; display: flex; flex-direction: column; align-items: center;
  position: relative; padding: 2mm;
}
.tcard-lux .pic {
  width: 100%; aspect-ratio: 1/1; overflow: hidden;
  border: 0.6pt solid var(--champagne);
  margin-bottom: 2mm;
}
.tcard-lux .pic img { width: 100%; height: 100%; object-fit: cover; }
.tcard-lux .nm { font-family: var(--display); font-size: 11pt; color: var(--noir); line-height: 1.1; min-height: 8mm; }
.tcard-lux .ph { font-family: var(--sans); font-size: 8pt; color: var(--champagne-d); letter-spacing: 0.5pt; margin-top: 0.5mm; }
.tcard-lux .em { font-family: var(--serif); font-style: italic; font-size: 7.5pt; color: var(--muted); margin-top: 0.5mm; word-break: break-all; }
.tcard-lux--new::after {
  content: "ново попълнение";
  position: absolute; top: -3mm; left: 50%; transform: translateX(-50%);
  background: var(--noir); color: var(--champagne);
  font-family: var(--sans); font-size: 6.5pt; letter-spacing: 2pt; text-transform: uppercase;
  padding: 0.6mm 3mm;
}

.team-lux-foot {
  margin-top: 8mm; padding: 6mm 6mm;
  display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 8mm;
  background: var(--noir); color: var(--champagne-l);
  align-items: center;
}
.team-lux-foot .col h4 { font-family: var(--sans); font-size: 7pt; letter-spacing: 3pt; text-transform: uppercase; color: var(--champagne); font-weight: 600; }
.team-lux-foot .col .h { font-family: var(--display); font-size: 22pt; color: #FFF; margin-top: 1mm; line-height: 1; }
.team-lux-foot .col .h em { font-family: var(--serif); font-style: italic; color: var(--champagne); }
.team-lux-foot .col p { font-family: var(--serif); font-style: italic; font-size: 9.5pt; color: var(--champagne-l); margin-top: 2mm; line-height: 1.4; }
.team-lux-foot .col .num { font-family: var(--display); font-size: 56pt; color: var(--champagne); line-height: 0.95; letter-spacing: -1pt; }
.team-lux-foot .col .num em { font-family: var(--serif); font-style: italic; font-weight: 400; }
.team-lux-foot .qr-blk { display: grid; grid-template-columns: 22mm 1fr; gap: 4mm; align-items: center; }
.team-lux-foot .qr-blk .q { width: 22mm; height: 22mm; padding: 1mm; background: #FFF; }
.team-lux-foot .qr-blk .q img { width: 100%; height: 100%; }
.team-lux-foot .social { display: flex; gap: 3mm; margin-top: 3mm; }
.team-lux-foot .social img { width: 5mm; height: 5mm; filter: invert(1); opacity: 0.85; }

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