/* ===========================================================================
   POLISTIBRICK — SHARED SITE CSS
   Used by all subpages. Home (polistibrick-mercury-style.html) keeps its
   inline CSS — DO NOT TOUCH that file.
   =========================================================================== */

/* === DESIGN TOKENS === */
:root {
  --cream: #F7F4ED;
  --cream-light: #FDFBF7;
  --cream-dark: #E8E2D5;
  --ink: #0F0F0F;
  --ink-soft: #1A1A1A;
  --gray: #6B6B6B;
  --gray-light: #B5B5B5;
  --red: #C8102E;
  --red-dark: #A00C24;
  --red-soft: #FCE4E8;
  --border: rgba(15, 15, 15, 0.08);
  --border-strong: rgba(15, 15, 15, 0.15);
  /* Un seul font sur tout le site — même décision que mercury-home.css */
  --serif: 'Inter', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif;
  --sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif;
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 12px 32px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 24px 60px rgba(0, 0, 0, 0.10);
  --nav-height: 76px;
}

/* === RESET === */
*, *::before, *::after { box-sizing: border-box; }
* { margin: 0; padding: 0; }
html {
  scroll-behavior: smooth;
  scroll-padding-top: 100px;
  overflow-x: clip;
  max-width: 100%;
}
body {
  font-family: var(--sans);
  background: var(--cream);
  color: var(--ink-soft);
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: clip;
}
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
button { font: inherit; cursor: pointer; background: none; border: none; }
ul, ol { list-style: none; }

/* === TYPOGRAPHY === */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--serif);
  font-weight: 500;
  color: var(--ink);
  letter-spacing: -0.02em;
  line-height: 1.15;
}
h1 { font-size: clamp(32px, 4.2vw, 52px); font-weight: 400; line-height: 1.08; letter-spacing: -0.03em; }
h2 { font-size: clamp(26px, 3vw, 40px); font-weight: 400; line-height: 1.12; }
h3 { font-size: clamp(18px, 1.8vw, 24px); }
h4 { font-size: clamp(16px, 1.4vw, 20px); }
em { font-style: italic; color: var(--red); font-weight: 400; }
strong { font-weight: 600; color: var(--ink); }
p { line-height: 1.65; color: var(--gray); }
.lead { font-size: clamp(15px, 1.15vw, 18px); color: var(--gray); line-height: 1.55; }

/* === LAYOUT === */
.container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 32px;
}
.container--wide { max-width: 1480px; }
.container--narrow { max-width: 880px; }
.section { padding: clamp(60px, 8vw, 120px) 0; }
.section--tight { padding: clamp(40px, 5vw, 70px) 0; }
.section--cream { background: var(--cream-light); }
.section--dark {
  background: linear-gradient(135deg, #2A2520 0%, #393229 100%);
  color: var(--cream);
}
.section--dark h1, .section--dark h2, .section--dark h3 { color: var(--cream); }
.section--dark p { color: rgba(247, 244, 237, 0.75); }

/* Section eyebrow (small uppercase intro) */
.eyebrow {
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--red);
  margin-bottom: 14px;
}

/* === NAV (fixed top) === */
.nav {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 100;
  background: rgba(247, 244, 237, 0.85);
  backdrop-filter: saturate(180%) blur(16px);
  -webkit-backdrop-filter: saturate(180%) blur(16px);
  border-bottom: 1px solid var(--border);
  transition: box-shadow 0.3s ease;
}
.nav.is-scrolled { box-shadow: var(--shadow-sm); }
.nav-inner {
  max-width: none;
  margin: 0;
  height: auto;
  min-height: var(--nav-height);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  gap: 12px;
  padding: 18px clamp(16px, 3vw, 56px);
}
.logo,
.nav-logo {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  flex-shrink: 0;
  margin-right: auto;
  text-decoration: none;
}
.logo-img,
.nav-logo img {
  height: 30px;
  width: auto;
  display: block;
  object-fit: contain;
  object-position: left center;
}
.nav-menu {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-left: 12px;
  flex: 1;
}
.nav-item { position: relative; }
.nav-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 14px;
  font-size: 13.5px;
  font-weight: 500;
  color: var(--ink-soft);
  letter-spacing: 0.01em;
  border-radius: 100px;
  transition: background 0.2s ease, color 0.2s ease;
}
.nav-link:hover { background: rgba(15, 15, 15, 0.05); color: var(--ink); }
.nav-link[aria-current="page"] { color: var(--red); }
.nav-link-caret {
  width: 10px; height: 10px;
  transition: transform 0.2s ease;
}
.nav-item:hover .nav-link-caret { transform: rotate(180deg); }

/* Dropdown */
.nav-dropdown {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  min-width: 280px;
  background: white;
  border: 1px solid var(--border);
  border-radius: 16px;
  box-shadow: var(--shadow-lg);
  padding: 12px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-6px);
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
}
.nav-item:hover .nav-dropdown,
.nav-item:focus-within .nav-dropdown {
  opacity: 1; visibility: visible; transform: translateY(0);
}
.nav-dropdown-item {
  display: block;
  padding: 10px 14px;
  border-radius: 10px;
  font-size: 13.5px;
  font-weight: 500;
  color: var(--ink-soft);
  transition: background 0.15s ease;
}
.nav-dropdown-item:hover { background: var(--cream); color: var(--ink); }
.nav-dropdown-item-sub {
  display: block;
  font-size: 11.5px;
  font-weight: 400;
  color: var(--gray);
  margin-top: 2px;
}

.nav-cta {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 0 0 auto;
  flex-shrink: 0;
  flex-wrap: nowrap;
  margin-left: 0;
}

/* === BUTTONS === */
.btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 22px;
  font-family: var(--sans);
  font-size: 13.5px;
  font-weight: 500;
  letter-spacing: 0.01em;
  border-radius: 100px;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease;
  text-decoration: none;
  white-space: nowrap;
}
.btn-primary {
  background: var(--ink);
  color: var(--cream);
}
.btn-primary:hover { background: var(--red); transform: translateY(-1px); box-shadow: 0 10px 24px rgba(200, 16, 46, 0.25); }
.btn-ghost {
  background: transparent;
  color: var(--ink);
  border-color: var(--border-strong);
}
.btn-ghost:hover { background: var(--ink); color: var(--cream); border-color: var(--ink); }
.btn-on-dark {
  background: var(--cream);
  color: var(--ink);
}
.btn-on-dark:hover { background: var(--red); color: white; }
.btn-on-dark-ghost {
  background: transparent;
  color: var(--cream);
  border-color: rgba(255, 255, 255, 0.25);
}
.btn-on-dark-ghost:hover { background: rgba(255, 255, 255, 0.08); border-color: var(--cream); }
.btn-large { padding: 16px 30px; font-size: 14.5px; }
.btn-arrow::after {
  content: '→';
  font-size: 16px;
  transition: transform 0.2s ease;
}
.btn-arrow:hover::after { transform: translateX(3px); }

/* === HERO (subpage version — less dramatic than home) === */
.subhero {
  padding: calc(var(--nav-height) + 60px) 0 60px;
  background: var(--cream-light);
  border-bottom: 1px solid var(--border);
  position: relative;
  overflow: hidden;
}
.subhero-inner {
  max-width: 980px;
  margin: 0 auto;
  padding: 0 32px;
  text-align: left;
}
.subhero h1 {
  font-size: clamp(30px, 4vw, 48px);
  margin-bottom: 16px;
}
.subhero .lead {
  max-width: 720px;
  margin-bottom: 28px;
}
.subhero-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

/* === BREADCRUMB === */
.breadcrumb {
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: 12px;
  color: var(--gray);
  margin-bottom: 24px;
  letter-spacing: 0.04em;
}
.breadcrumb a:hover { color: var(--red); }
.breadcrumb-sep { opacity: 0.4; }

/* === CARDS === */
.card {
  background: white;
  border: 1px solid var(--border);
  border-radius: 20px;
  padding: 32px;
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}
.card-hover:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-md);
  border-color: var(--border-strong);
}
.card--cream { background: var(--cream-light); }
/* Red pill tags retired — do not reintroduce .card-tag / .bubble-tag */
.card-tag,
.bubble-tag {
  display: none !important;
}

/* === GRIDS === */
.grid { display: grid; gap: 24px; }
.grid-2 { grid-template-columns: 1fr 1fr; }
.grid-3 { grid-template-columns: repeat(3, 1fr); }
.grid-4 { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 968px) {
  .grid-2, .grid-3, .grid-4 { grid-template-columns: 1fr; }
  /* Perechile de cifre rămân una lângă alta: singure pe un rând arată rupt. */
  .grid-2.facts-row { grid-template-columns: 1fr 1fr; gap: 12px; }
  /* Pe ecrane de 320 px eticheta lungă cade fix pe muchie; strânsă, încape. */
  .facts-row .fact-label { font-size: 11px; letter-spacing: 0.05em; }
}
@media (max-width: 1100px) {
  .grid-4 { grid-template-columns: repeat(2, 1fr); }
}

/* === SPEC TABLE === */
.spec-table {
  width: 100%;
  background: white;
  border: 1px solid var(--border);
  border-radius: 16px;
  overflow: hidden;
}
.spec-table-row {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr 1fr;
  border-bottom: 1px solid var(--border);
}
.spec-table-row:last-child { border-bottom: none; }
.spec-table-row.is-header {
  background: var(--cream);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  color: var(--gray);
}
.spec-table-cell {
  padding: 10px 20px;
  font-size: 13.5px;
  color: var(--ink-soft);
}
.spec-table-cell--label {
  font-weight: 500;
  color: var(--ink);
}
.spec-table-cell--value {
  font-family: var(--serif);
  font-size: 15.5px;
  font-weight: 500;
  color: var(--ink);
}

/* === KEY FACT (number + label) === */
.fact {
  text-align: center;
}
.fact-num {
  font-family: var(--serif);
  font-size: clamp(28px, 3.2vw, 44px);
  font-weight: 500;
  color: var(--red);
  line-height: 1;
  letter-spacing: -0.03em;
  display: block;
  margin-bottom: 6px;
}
.fact-num small {
  font-size: 0.4em;
  color: var(--gray);
  margin-left: 2px;
  font-weight: 400;
}
.fact-label {
  display: block;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.10em;
  color: var(--gray);
  font-weight: 600;
}

/* === FEATURE LIST (icon + title + text) === */
.feature {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}
.feature-icon {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  background: var(--red-soft);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--red);
}
.feature-icon svg { width: 22px; height: 22px; }
.feature-body h4 { margin-bottom: 6px; font-weight: 500; }
.feature-body p { font-size: 14.5px; line-height: 1.55; }

/* === BULLET LIST (large checks) === */
.bullets {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.bullet {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  font-size: 15.5px;
  color: var(--ink-soft);
  line-height: 1.5;
}
.bullet::before {
  content: '✓';
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  background: var(--red);
  color: white;
  border-radius: 50%;
  font-size: 14px;
  font-weight: 700;
  margin-top: 1px;
}

/* === IMAGE PLACEHOLDER === */
.img-placeholder {
  background: linear-gradient(135deg, var(--cream-dark) 0%, var(--cream-light) 100%);
  border: 1px dashed var(--border-strong);
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--gray);
  font-size: 13px;
  text-align: center;
  padding: 32px;
  min-height: 240px;
  aspect-ratio: 4 / 3;
}
.img-placeholder--portrait { aspect-ratio: 3 / 4; }
.img-placeholder--wide { aspect-ratio: 16 / 9; }
.img-placeholder--square { aspect-ratio: 1; }

/* === FORM === */
.form-row { margin-bottom: 18px; }
.form-row--split { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.form-label {
  display: block;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--gray);
  margin-bottom: 8px;
}
.form-input,
.form-select,
.form-textarea {
  width: 100%;
  padding: 14px 18px;
  font-family: var(--sans);
  font-size: 14.5px;
  background: white;
  border: 1px solid var(--border-strong);
  border-radius: 12px;
  color: var(--ink);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.form-input:focus,
.form-select:focus,
.form-textarea:focus {
  outline: none;
  border-color: var(--red);
  box-shadow: 0 0 0 3px rgba(200, 16, 46, 0.10);
}
.form-textarea { min-height: 130px; resize: vertical; }
.form-radio-group { display: flex; flex-wrap: wrap; gap: 10px; }
.form-radio {
  position: relative;
}
.form-radio input { position: absolute; opacity: 0; pointer-events: none; }
.form-radio label {
  display: inline-block;
  padding: 10px 18px;
  font-size: 13.5px;
  border: 1px solid var(--border-strong);
  border-radius: 100px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.form-radio input:checked + label {
  background: var(--ink);
  color: var(--cream);
  border-color: var(--ink);
}

/* === CTA SECTION (reusable at bottom of pages) === */
.cta-band {
  background: linear-gradient(135deg, #2A2520 0%, #393229 100%);
  color: var(--cream);
  padding: clamp(50px, 7vw, 90px) 0;
  text-align: center;
  border-radius: 28px;
  margin: 0 32px;
}
.cta-band h2 { color: var(--cream); margin-bottom: 14px; }
.cta-band p { color: rgba(247, 244, 237, 0.7); margin: 0 auto 22px; max-width: 600px; font-size: 15px; }
.cta-band-actions { display: inline-flex; gap: 10px; flex-wrap: wrap; justify-content: center; }
.cta-band .btn-cta-main {
  padding: 12px 22px;
  font-size: 13.5px;
  border-radius: 999px;
}
.cta-band .btn-cta-soft {
  padding: 10px 18px;
  font-size: 13px;
  border-radius: 999px;
  font-weight: 600;
}

/* === FOOTER === */
.site-footer {
  background: var(--ink);
  color: rgba(247, 244, 237, 0.7);
  padding: 80px 0 40px;
  font-size: 14px;
}
.footer-grid {
  display: grid;
  grid-template-columns: 1.4fr repeat(4, 1fr);
  gap: 40px;
  margin-bottom: 60px;
}
@media (max-width: 968px) {
  .footer-grid { grid-template-columns: 1fr 1fr; }
}
.footer-brand-tagline {
  color: rgba(247, 244, 237, 0.55);
  font-size: 14px;
  line-height: 1.6;
  margin-top: 14px;
  max-width: 280px;
}
.footer-col h5 {
  font-family: var(--sans);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: rgba(247, 244, 237, 0.55);
  margin-bottom: 18px;
}
.footer-col ul { display: flex; flex-direction: column; gap: 10px; }
.footer-col a { font-size: 13.5px; color: rgba(247, 244, 237, 0.85); transition: color 0.2s ease; }
.footer-col a:hover { color: var(--red); }
.footer-bottom {
  border-top: 1px solid rgba(247, 244, 237, 0.10);
  padding-top: 28px;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
  font-size: 12px;
  color: #F7F4ED;
}
.footer-bottom-links { display: flex; gap: 6px 14px; flex-wrap: wrap; font-size: 11.5px; letter-spacing: 0.01em; }
.footer-bottom-links a { color: #F7F4ED; }
.footer-bottom-links a:hover { color: var(--red); }

/* === FOOTER LOGO === */
.footer-logo {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--serif);
  font-size: 22px;
  font-weight: 500;
  color: var(--cream);
  letter-spacing: -0.01em;
}

/* === REVEAL — DISABLED (static design per user request) ===
   Toate elementele rămân vizibile imediat, fără scroll fade-in. */
.reveal {
  opacity: 1;
  transform: none;
  transition: none;
}
.reveal.is-visible {
  opacity: 1;
  transform: none;
}

/* === DOWNLOAD CARD === */
.download {
  display: flex;
  align-items: center;
  gap: 16px;
  background: white;
  border: 1px solid var(--border);
  border-radius: 14px;
  padding: 16px 20px;
  transition: border-color 0.2s ease, transform 0.2s ease;
}
.download:hover {
  border-color: var(--red);
  transform: translateY(-2px);
}
.download-icon {
  flex-shrink: 0;
  width: 38px;
  height: 38px;
  background: var(--red-soft);
  color: var(--red);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}
.download-body { flex: 1; }
.download-title {
  font-family: var(--serif);
  font-size: 17px;
  color: var(--ink);
  font-weight: 500;
  margin-bottom: 2px;
}
.download-meta { font-size: 12px; color: var(--gray); letter-spacing: 0.04em; }
.download-arrow { color: var(--red); font-size: 18px; }

/* === BADGE === */
.badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  background: var(--red-soft);
  color: var(--red);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-radius: 100px;
}
.badge--cream { background: var(--cream-dark); color: var(--ink); }
.badge--dark { background: var(--ink); color: var(--cream); }

/* === GALLERY (case studies, projects) === */
.gallery-tabs {
  display: flex;
  gap: 8px;
  justify-content: center;
  margin-bottom: 32px;
  flex-wrap: wrap;
}
.gallery-tab {
  padding: 10px 22px;
  font-size: 13px;
  font-weight: 500;
  color: var(--ink-soft);
  background: white;
  border: 1px solid var(--border);
  border-radius: 100px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.gallery-tab:hover {
  border-color: var(--border-strong);
}
.gallery-tab.is-active {
  background: var(--ink);
  color: var(--cream);
  border-color: var(--ink);
}
.gallery-tab-count {
  display: inline-block;
  margin-left: 6px;
  padding: 2px 8px;
  background: rgba(255,255,255,0.18);
  border-radius: 100px;
  font-size: 11px;
  font-weight: 700;
}
.gallery-tab:not(.is-active) .gallery-tab-count {
  background: var(--cream);
  color: var(--gray);
}

.gallery-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 16px;
}
.gallery-item {
  position: relative;
  display: block;
  aspect-ratio: 4/3;
  background: var(--cream-light);
  border: 1px solid var(--border);
  border-radius: 14px;
  overflow: hidden;
  cursor: zoom-in;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  text-decoration: none;
  color: inherit;
}
.gallery-item:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 40px rgba(0,0,0,0.10);
}
.gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}
.gallery-item:hover img { transform: scale(1.04); }
.gallery-item-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, var(--cream-dark) 0%, var(--cream-light) 100%);
  color: var(--gray);
  font-size: 13px;
  text-align: center;
  padding: 20px;
}
.gallery-item-tag {
  position: absolute;
  top: 12px;
  left: 12px;
  padding: 4px 10px;
  background: rgba(15,15,15,0.85);
  color: var(--cream);
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-radius: 100px;
  backdrop-filter: blur(4px);
}
.gallery-item-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 14px 16px;
  background: linear-gradient(to top, rgba(0,0,0,0.75) 0%, transparent 100%);
  color: white;
  font-size: 12.5px;
  line-height: 1.3;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity 0.25s ease, transform 0.25s ease;
}
.gallery-item:hover .gallery-item-caption {
  opacity: 1;
  transform: translateY(0);
}
.gallery-item.is-hidden { display: none; }

/* === LIGHTBOX === */
.lightbox {
  position: fixed;
  inset: 0;
  z-index: 1000;
  background: rgba(15, 15, 15, 0.94);
  backdrop-filter: blur(20px);
  display: none;
  align-items: center;
  justify-content: center;
  padding: 60px 80px;
  cursor: zoom-out;
}
.lightbox.is-open { display: flex; }
.lightbox-img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  border-radius: 8px;
  box-shadow: 0 40px 80px rgba(0,0,0,0.5);
  cursor: default;
}
.lightbox-caption {
  position: absolute;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  padding: 10px 20px;
  background: rgba(255,255,255,0.10);
  color: var(--cream);
  font-size: 14px;
  border-radius: 100px;
  max-width: 80%;
  text-align: center;
}
.lightbox-btn {
  position: absolute;
  background: rgba(255,255,255,0.10);
  color: var(--cream);
  border: none;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease;
  line-height: 1;
}
.lightbox-btn:hover { background: rgba(255,255,255,0.20); }
.lightbox-close { top: 20px; right: 20px; font-size: 28px; }
.lightbox-prev { left: 20px; top: 50%; transform: translateY(-50%); font-size: 32px; }
.lightbox-next { right: 20px; top: 50%; transform: translateY(-50%); font-size: 32px; }
.lightbox-counter {
  position: absolute;
  top: 24px;
  left: 24px;
  color: rgba(247,244,237,0.6);
  font-size: 13px;
  letter-spacing: 0.06em;
}
@media (max-width: 768px) {
  .lightbox { padding: 50px 16px; }
  .lightbox-prev { left: 8px; }
  .lightbox-next { right: 8px; }
}

/* === COUNTRY PICKER MODAL === */
.country-picker {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.country-picker.is-open {
  opacity: 1;
  visibility: visible;
}
.country-picker-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(15, 15, 15, 0.55);
  backdrop-filter: blur(8px);
  cursor: pointer;
}
.country-picker-panel {
  position: relative;
  background: var(--cream-light);
  border-radius: 24px;
  padding: 44px 48px 32px;
  max-width: 800px;
  width: 100%;
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: 0 40px 100px rgba(0,0,0,0.30);
  transform: translateY(20px) scale(0.98);
  transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}
.country-picker.is-open .country-picker-panel { transform: translateY(0) scale(1); }
.country-picker-close {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: white;
  border: 1px solid var(--border);
  color: var(--ink);
  font-size: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
}
.country-picker-close:hover { background: var(--ink); color: var(--cream); border-color: var(--ink); }
.country-picker-header { text-align: center; margin-bottom: 28px; }
.country-picker-eyebrow {
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--red);
  margin-bottom: 10px;
}
.country-picker-title {
  font-family: var(--serif);
  font-size: clamp(28px, 3vw, 38px);
  font-weight: 500;
  color: var(--ink);
  letter-spacing: -0.02em;
  line-height: 1.1;
  margin-bottom: 8px;
}
.country-picker-title em { font-style: italic; color: var(--red); font-weight: 400; }
.country-picker-sub {
  font-size: 14.5px;
  color: var(--gray);
  line-height: 1.5;
  max-width: 520px;
  margin: 0 auto;
}
.country-picker-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-bottom: 22px;
}
.country-picker-item {
  background: white;
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 16px;
  text-decoration: none;
  color: var(--ink);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  transition: all 0.2s ease;
  position: relative;
}
.country-picker-item:hover {
  border-color: var(--red);
  transform: translateY(-3px);
  box-shadow: 0 12px 28px rgba(200, 16, 46, 0.12);
}
.country-picker-item.is-detected {
  border-color: var(--red);
  background: linear-gradient(135deg, white 0%, var(--red-soft) 100%);
}
.country-picker-flag { font-size: 32px; line-height: 1; }
.country-picker-name {
  font-family: var(--sans);
  font-size: 13.5px;
  font-weight: 600;
  text-align: center;
}
.country-picker-tag {
  position: absolute;
  top: -8px;
  right: 8px;
  background: var(--red);
  color: white;
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 0.06em;
  padding: 3px 8px;
  border-radius: 100px;
  text-transform: uppercase;
}
.country-picker-foot {
  text-align: center;
  font-size: 12px;
  color: var(--gray);
  padding-top: 18px;
  border-top: 1px solid var(--border);
}
.country-picker-foot a { color: var(--red); font-weight: 600; }
@media (max-width: 640px) {
  .country-picker-panel { padding: 32px 24px 24px; }
  .country-picker-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 400px) {
  .country-picker-grid { grid-template-columns: 1fr; }
}

/* === MOBILE NAV TOGGLE === */
.nav-toggle {
  display: none;
  width: 40px; height: 40px;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  margin-left: auto;
}
@media (max-width: 968px) {
  .nav-menu { display: none; }
  .nav-toggle { display: inline-flex; }
  .nav-cta .btn-ghost { display: none; }
}

/* ============================================================
   COUNTRY SWITCHER — single source of truth (identic peste tot)
   Light theme: dark text pe nav crem, white dropdown panel.
   ============================================================ */
.country-switcher {
  position: relative;
  display: inline-block;
  margin-right: 8px;
}
.country-switcher-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: auto;
  min-height: 36px;
  background: transparent;
  border: none;
  color: #0F0F0F;
  padding: 0 8px;
  border-radius: 0;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: opacity .15s ease, color .15s ease;
  font-family: inherit;
}
.country-switcher-trigger:hover {
  background: transparent;
  border: none;
  opacity: 0.72;
}
.country-switcher-trigger[aria-expanded="true"] {
  background: transparent;
  border: none;
  opacity: 1;
}
.country-switcher-flag { font-size: 16px; line-height: 1; }
.country-switcher-code { letter-spacing: 0.04em; }
.country-switcher-caret {
  transition: transform .2s ease;
  opacity: 0.7;
}
.country-switcher-trigger[aria-expanded="true"] .country-switcher-caret {
  transform: rotate(180deg);
}
.country-switcher-panel {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  min-width: 280px;
  background: #FFFFFF;
  border: 1px solid #E5E0D7;
  border-radius: 14px;
  padding: 8px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.18), 0 0 0 1px rgba(0, 0, 0, 0.03);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-6px) scale(0.97);
  transition: opacity .18s ease, transform .18s ease, visibility .18s;
  z-index: 1000;
}
.country-switcher-panel.open {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1);
}
.country-switcher-header {
  color: #6B6B6B;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 600;
  padding: 8px 12px 6px;
}
.country-switcher-item {
  display: grid;
  grid-template-columns: 24px 1fr auto;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 8px;
  text-decoration: none;
  color: #0F0F0F;
  font-size: 14px;
  transition: background .15s ease;
}
.country-switcher-item:hover {
  background: rgba(15, 15, 15, 0.04);
}
.country-switcher-item.active {
  background: rgba(200, 16, 46, 0.08);
  color: #C8102E;
}
.country-switcher-item.active .domain { color: rgba(200, 16, 46, 0.85); }
.country-switcher-item .flag { font-size: 20px; line-height: 1; }
.country-switcher-item .name { font-weight: 600; }
.country-switcher-item .domain {
  font-family: ui-monospace, "SF Mono", Menlo, monospace;
  font-size: 11px;
  color: #6B6B6B;
}

/* === STATIC DESIGN OVERRIDE — fără hover transforms, fără smooth scroll === */
html { scroll-behavior: auto !important; }
.btn-primary:hover,
.btn-ghost:hover,
.btn-arrow:hover,
.btn:hover { transform: none !important; }
.btn-arrow:hover::after { transform: none !important; }
.pentru-card:hover,
.atout-card:hover,
.cta-esc-card:hover,
.case-card:hover,
.archi-card:hover,
.feature:hover,
.collab-card:hover,
.partner-benefit:hover,
.tier-card:hover,
.tier-volume-card:hover,
.cert-row:hover,
.download-item:hover,
.trust-card:hover,
.sistem-card:hover { transform: none !important; }
.country-switcher-trigger:hover { transform: none !important; }
.case-arrow:hover { transform: translateY(-50%) !important; }

/* ============================================================
   NAV ZURU — barre minimale + ☰ + panneau accordéon (toutes pages)
   Fond clair : logo/texte sombres, lisibles. (ajouté)
   ============================================================ */
.nav-menu { display: none !important; }            /* full hamburger sur toutes les tailles */

/* Hamburger — mêmes classes que la homepage (.nav-burger) */
.nav-burger,
.nav-toggle {
  display: inline-flex !important;
  flex-direction: column; align-items: center; justify-content: center; gap: 5px;
  width: 40px; height: 36px; border: 1px solid var(--border); border-radius: 10px;
  background: rgba(15,15,15,0.03); cursor: pointer; padding: 0; margin-left: 0;
  flex-shrink: 0;
  transition: background .2s ease, border-color .2s ease;
}
.nav-burger:hover,
.nav-toggle:hover { background: rgba(15,15,15,0.06); }
.nav-burger span,
.nav-toggle span { display: block; width: 20px; height: 2px; background: var(--ink); border-radius: 2px; transition: transform .25s ease, opacity .2s ease; transform-origin: center; }
.nav-burger.open span:nth-child(1),
.nav-toggle.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.nav-burger.open span:nth-child(2),
.nav-toggle.open span:nth-child(2) { opacity: 0; }
.nav-burger.open span:nth-child(3),
.nav-toggle.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* Overlay */
.nav-drawer-overlay { position: fixed; inset: 0; background: rgba(15,14,12,0.18); opacity: 0; visibility: hidden; transition: opacity .25s ease, visibility .25s; z-index: 199; }
.nav-drawer-overlay.open { opacity: 1; visibility: visible; }

/* Panneau déroulant frosted */
.nav-drawer {
  position: fixed; top: calc(var(--nav-height) + 2px); right: 16px;
  width: min(calc(209px + 4mm), calc(100vw - 24px)); max-height: calc(100vh - 96px); overflow-y: auto;
  background: rgba(255,255,255,0.97);
  -webkit-backdrop-filter: blur(24px) saturate(1.4); backdrop-filter: blur(24px) saturate(1.4);
  border: 1px solid rgba(255,255,255,0.8); border-radius: 18px;
  box-shadow: 0 26px 64px rgba(15,14,12,0.22);
  padding: 12px; z-index: 200;
  transform: translateY(-10px) scale(0.98); opacity: 0; visibility: hidden; pointer-events: none;
  transition: opacity .22s ease, transform .22s ease, visibility .22s;
}
.nav-drawer.open { transform: translateY(0) scale(1); opacity: 1; visibility: visible; pointer-events: auto; }
.nav-drawer-group { border-bottom: 1px solid rgba(15,15,15,0.08); }
.nav-drawer-group:last-of-type { border-bottom: none; }
.nav-drawer-title { width: 100%; display: flex; align-items: center; justify-content: space-between; background: transparent; border: 0; cursor: pointer; font-family: inherit; font-size: 15px; font-weight: 700; color: #000; padding: 13px 12px; border-radius: 10px; transition: background .15s ease; }
.nav-drawer-title:hover { background: rgba(255,255,255,0.55); }
.nd-caret { font-size: 11px; opacity: .5; transition: transform .25s ease; }
.nav-drawer-group.open .nd-caret { transform: rotate(180deg); }
.nav-acc { max-height: 0; overflow: hidden; transition: max-height .3s ease; }
.nav-drawer-group.open .nav-acc { max-height: 440px; }
.nav-acc a { display: block; padding: 9px 12px 9px 24px; font-size: 14px; color: #111; text-decoration: none; border-radius: 8px; }
.nav-acc a:hover { background: rgba(255,255,255,0.55); color: #000; }
.nav-acc a.partner-link { color: var(--red); font-weight: 600; }
.nav-drawer-cta { margin-top: 10px; padding-top: 12px; border-top: 1px solid rgba(15,15,15,0.08); display: grid; gap: 8px; }
.nav-drawer-cta .btn { width: 100%; justify-content: center; }

/* Country switcher — frosted + sans domaine + plus étroit */
.country-switcher-item { grid-template-columns: 24px 1fr; }
.country-switcher-item .domain { display: none; }
.country-switcher-panel { min-width: 204px; background: rgba(255,255,255,0.55); -webkit-backdrop-filter: blur(22px) saturate(1.4); backdrop-filter: blur(22px) saturate(1.4); border-color: rgba(255,255,255,0.55); }
.country-switcher-item:hover { background: rgba(255,255,255,0.55); }

/* CTA nav — text simplu, fără cadru/fundal (ca country switcher) */
.nav-cta-devis {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: auto;
  min-height: 36px;
  background: transparent;
  color: #0F0F0F;
  border: none;
  border-radius: 0;
  padding: 0 8px;
  font-weight: 600;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
  text-decoration-color: currentColor;
  transition: opacity .15s ease, color .15s ease;
  box-shadow: none;
  transform: none;
}
.btn-primary.nav-cta-devis,
.btn.nav-cta-devis {
  background: transparent;
  color: #0F0F0F;
  border: none;
}
.nav-cta-devis:hover,
.btn-primary.nav-cta-devis:hover,
.btn.nav-cta-devis:hover {
  background: transparent;
  border: none;
  color: #0F0F0F;
  opacity: 0.72;
  transform: none;
  box-shadow: none;
  text-decoration: underline;
}

/* ============================================================
   MOBILE NAV BAR — identic homepage (≤768px)
   Logo intact (flex-shrink: 0), contrôles compacts à droite.
   ============================================================ */
@media (max-width: 768px) {
  .nav-inner {
    min-height: 60px;
    padding: 12px 12px;
    gap: 10px;
  }

  .logo-img,
  .nav-logo img { height: 26px; }

  .nav-cta { gap: 6px; }

  .country-switcher-trigger {
    padding: 0 8px;
    font-size: 12px;
    gap: 4px;
  }
  .country-switcher-code { display: none; }
  .country-switcher-caret { display: none; }

  .nav-cta-devis {
    padding: 0 12px;
    font-size: 12px;
    white-space: nowrap;
    line-height: 1.2;
  }

  .nav-burger,
  .nav-toggle {
    width: 40px;
    height: 36px;
  }
}

@media (max-width: 380px) {
  .nav-inner { padding: 10px; gap: 6px; }
  .logo-img,
  .nav-logo img { height: 24px; }
  .nav-cta { gap: 5px; }
  .nav-cta-devis { padding: 0 10px; font-size: 11.5px; }
  .country-switcher-trigger { padding: 0 8px; }
  .nav-burger,
  .nav-toggle { width: 38px; height: 36px; }
}
/* === FORM SUBMIT STATES (Web3Forms) === */
.pb-honeypot { position: absolute; left: -9999px; opacity: 0; height: 0; width: 0; pointer-events: none; }
.pb-form-error {
  margin-top: 12px; padding: 10px 12px; border-radius: 10px;
  background: var(--red-soft); color: var(--red-dark); font-size: 13px;
}
.pb-form-thanks {
  text-align: center; padding: 28px 16px;
}
.pb-form-thanks h3 { font-family: var(--serif); font-size: 24px; margin-bottom: 8px; color: var(--ink); }
.pb-form-thanks p { font-size: 14px; color: var(--gray); }
.pb-form.is-sent > :not(.pb-form-thanks) { display: none; }
.pb-form.is-sent .pb-form-thanks { display: block; }
.pb-form.is-loading [type="submit"] { opacity: 0.72; cursor: wait; }

.mobile-contact-bar { display: none; }
@media (max-width: 768px) {
  .mobile-contact-bar {
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 1000;
    display: flex;
    box-shadow: 0 -4px 20px rgba(0,0,0,0.18);
    padding-bottom: env(safe-area-inset-bottom, 0px);
  }
  .mobile-contact-bar .mcb-btn {
    flex: 1 1 0;
    display: flex; align-items: center; justify-content: center; gap: 9px;
    padding: 15px 8px;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 15px; font-weight: 600; letter-spacing: 0.01em;
    text-decoration: none; color: #fff;
  }
  .mobile-contact-bar .mcb-btn svg { width: 19px; height: 19px; flex-shrink: 0; }
  .mobile-contact-bar .mcb-call { background: #C8102E; }
  .mobile-contact-bar .mcb-call:active { background: #a60d26; }
  .mobile-contact-bar .mcb-email { background: #1a1a1a; }
  .mobile-contact-bar .mcb-email:active { background: #000; }
  /* éviter que la barre fixe cache le bas de la page */
  body { padding-bottom: calc(54px + env(safe-area-inset-bottom, 0px)); }
}

/* Sections / links hidden until content is ready */
.pb-section-hidden { display: none !important; }
.cta-social a[href=""] { display: none !important; }

/* ---- Cookie consent banner ---- */
.pb-cookie-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10050;
  padding: 16px 20px calc(16px + env(safe-area-inset-bottom, 0px));
  background: rgba(26, 23, 20, 0.97);
  color: #f7f4ed;
  box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.22);
  animation: pbCookieIn 0.35s ease;
}
@keyframes pbCookieIn {
  from { transform: translateY(100%); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}
.pb-cookie-inner {
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px 24px;
}
.pb-cookie-text {
  flex: 1 1 280px;
  font-size: 13px;
  line-height: 1.55;
  margin: 0;
  color: rgba(247, 244, 237, 0.88);
}
.pb-cookie-text a {
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.pb-cookie-text a:hover { color: #ffb4b7; }
.pb-cookie-actions {
  display: flex;
  flex-shrink: 0;
  gap: 10px;
}
.pb-cookie-btn {
  font-family: var(--sans, 'Inter', system-ui, sans-serif);
  font-size: 13px;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 8px;
  border: 1px solid transparent;
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s;
}
.pb-cookie-btn--ghost {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.35);
  color: #fff;
}
.pb-cookie-btn--ghost:hover { background: rgba(255, 255, 255, 0.08); }
.pb-cookie-btn--primary {
  background: var(--red, #C8102E);
  color: #fff;
}
.pb-cookie-btn--primary:hover { background: #a60d26; }
@media (max-width: 600px) {
  .pb-cookie-actions { width: 100%; }
  .pb-cookie-btn { flex: 1; text-align: center; }
}

/* ---- RGPD consent checkbox on forms ---- */
.pb-form-consent { margin-top: 14px; }
.pb-consent-label {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 12px;
  line-height: 1.5;
  color: var(--gray);
  cursor: pointer;
}
.pb-consent-label input[type="checkbox"] {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin-top: 2px;
  accent-color: var(--red, #C8102E);
}
.pb-consent-label a { color: var(--red); }

/* Link direct în meniul ☰ — la acelaşi nivel cu titlurile de grup, fără acordeon */
.nav-drawer-direct {
  display: flex; align-items: center; justify-content: space-between;
  font-size: 15px; font-weight: 700; color: #000; text-decoration: none;
  padding: 13px 12px; border-radius: 10px; transition: background .15s ease;
}
.nav-drawer-direct:hover { background: rgba(255,255,255,0.55); }

/* ─────────────────────────────────────────────────────────────────────────────
   BUTOANE PE TELEFON — o singură mărime
   Site-ul avea 14 mărimi diferite (36–58 px înălţime, font 12–14,5 px), după
   pagină şi variantă. Pe telefon toate arată la fel şi mai compact: 42 px
   înălţime, font 13 px. Rămâne peste pragul de atins cu degetul.
   Decizie patron 13.08.2026. Pe calculator nu se schimbă nimic.
   ───────────────────────────────────────────────────────────────────────────── */
@media (max-width: 768px) {
  /* Sertarul pornea de la 78 px (76 + 2), înălţimea antetului de pe calculator.
     Pe telefon antetul are 61 px, deci panoul plutea 17 px sub bară. */
  .nav-drawer { top: 63px; }
}

@media (max-width: 768px) {
  /* .nav-cta-devis (butonul „Ofertă" din bara de sus) e scos din scară:
     regulile care îl ţin mic — liniile ~1285 şi ~1304 — n-au !important,
     deci pierdeau, iar antetul creştea la 42 px pe telefon. */
  .btn:not(.nav-cta-devis),
  .btn-primary:not(.nav-cta-devis),
  .btn-ghost,
  .btn-red,
  .btn-on-dark,
  .btn-on-dark-ghost,
  .btn-large,
  .btn-cta-main,
  .btn-cta-soft,
  .btn-arrow {
    padding: 11px 18px !important;
    font-size: 13px !important;
    min-height: 42px;
    line-height: 1.2;
  }
  /* Butoanele din sertarul de meniu — aceeaşi mărime. Cel din bara de sus
     rămâne mai mic intenţionat, ca antetul să nu crească. */
  .nav-drawer-cta .btn { font-size: 13px !important; padding: 11px 18px !important; }
  /* Săgeata din butoane scade odată cu textul */
  .btn-arrow::after { font-size: 13px; }
}

/* ─────────────────────────────────────────────────────────────────────────────
   SCARA DE TEXT PE TELEFON — cinci trepte, nu paisprezece
   Măsurat pe 13.08.2026: textul de conţinut avea 14 mărimi (11–17 px), titlurile
   h2 trei mărimi, h3 cinci. Aici se aşază o singură scară, după rol.
   Corpul de text CREŞTE la 15 px (era pe alocuri 11–12,5 px, prea mic de citit
   pe telefon şi semnalat de Google ca „text too small to read"); titlurile mari
   SCAD, ca să nu mai ocupe jumătate de ecran.
   Excepţii lăsate intenţionat: subsolul, meniul, casetele de pe filme, tabelele
   şi etichetele mărunte — au mărimile lor, potrivite acolo.
   ───────────────────────────────────────────────────────────────────────────── */
@media (max-width: 768px) {
  /* !important: paginile aveau reguli proprii mai puternice, altfel scara
     nu se aplica. Excepţiile de mai jos sunt tot cu !important, ca să câştige. */
  .section h1, .wm-text h1, .ghid-hero h1 { font-size: 30px !important; line-height: 1.12; }
  .section h2, .ghid-corp h2 { font-size: 22px !important; line-height: 1.18; }
  .section h3, .ghid-corp h3 { font-size: 17px !important; line-height: 1.35; }

  .section p, .section li,
  .ghid-intro p, .ghid-corp p, .ghid-corp li,
  .wm-text p.lead {
    font-size: 15px !important;
    line-height: 1.6;
  }

  /* Text mărunt, unde e potrivit să rămână mic */
  .section .note, .section .legal, .section small,
  .section figcaption, .section .eyebrow, .section .bubble-tag { font-size: 12.5px !important; }

  /* Excepţii — text care rămâne la mărimea lui.
     CAPCANĂ PLĂTITĂ, 13.08.2026: aici scria `font-size: revert !important`, cu
     gândul „nu atingem". Dar font-size se moşteneşte, iar `revert` şterge şi
     regulile proprii ale site-ului şi cade pe valoarea părintelui — 16 px.
     Măsurat: celulele de tabel treceau de la 13,5 px la 769 px lăţime la 16 px
     la 768 px, adică textul era MAI MARE pe telefon decât pe calculator.
     De aceea mai jos stau valori explicite, măsurate pe calculator.
     Ce nu e <p> sau <li> (.spec-table-cell, .stat-num, .stat-label) nu e atins
     de scara de mai sus şi NU se trece aici — listarea era chiar cauza. */
  .conf-fcaption p { font-size: 13px !important; }
  .viz3d p, .viz3d li { font-size: 11.5px !important; }
  .viz3d-legenda li { font-size: 12.5px !important; }
  .spec-table p, .spec-table li,
  .tabel-scroll p, .tabel-scroll li { font-size: 13.5px !important; }
  .section p.pret-nota-mica { font-size: 13px !important; }
}