@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700;800&display=swap');

/* =========================================================================
   METZ MQH7500Z — Rich Card (x-kom / Neonet)
   Wszystkie reguły prefiksowane identyfikatorem #metz-mqh7500z-rc
   Makieta: 1920 x 787 px (KV: 1464 x 600 px)
   ========================================================================= */

*{
  padding: 0;
  margin: 0;
}

#metz-mqh7500z-rc,
#metz-mqh7500z-rc *,
#metz-mqh7500z-rc *::before,
#metz-mqh7500z-rc *::after {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  box-sizing: border-box;
  background: transparent;
  list-style: none;
  text-decoration: none;
  font: inherit;
  color: inherit;
  letter-spacing: normal;
  word-spacing: normal;
  text-transform: none;
  text-shadow: none;
  text-indent: 0;
  vertical-align: baseline;
  float: none;
  clear: none;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

#metz-mqh7500z-rc {
  --mz-font: "Figtree", "Helvetica Neue", Helvetica, Arial, "Segoe UI", Roboto, "Noto Sans", sans-serif;
  --mz-ink: #111111;
  --mz-ink-invert: #ffffff;
  --mz-ink-invert-soft: rgba(255, 255, 255, .93);
  --mz-accent: #ff7303;

  display: block;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  padding: 0;
  background: #ffffff;
  color: var(--mz-ink);
  font-family: var(--mz-font);
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1.4;
  text-align: left;
  direction: ltr;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ---------------------------------------------------------------- sekcja */
#metz-mqh7500z-rc .mz-sec {
  position: relative;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  container-type: inline-size;
  --u: calc(100cqw / 1920);
}
#metz-mqh7500z-rc .mz-kv { --u: calc(100cqw / 1464); }

#metz-mqh7500z-rc .mz-bg {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  border: 0;
  object-fit: cover;
}

#metz-mqh7500z-rc .mz-ov,
#metz-mqh7500z-rc .mz-grid {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}

/* --------------------------------------------------------- blok tekstowy */
#metz-mqh7500z-rc .mz-t {
  position: absolute;
  left: var(--x);
  top: calc(var(--y) - var(--u) * var(--fix, 0));
  margin: 0;
  padding: 0;
  text-align: left;
  white-space: normal;
  word-break: normal;
  overflow-wrap: break-word;
  hyphens: none;
  color: var(--mz-ink);
  pointer-events: auto;
  max-width: calc(var(--u) * var(--bw, 760));
}
#metz-mqh7500z-rc .mz-t.is-center {
  width: calc(var(--u) * var(--bw, 760));
  max-width: none;
  transform: translateX(-50%);
  text-align: center;
}

/* ------------------------------------------------------------ typografia */
#metz-mqh7500z-rc .mz-h {
  font-size: calc(var(--u) * 43.5);
  line-height: 1.2184;
  font-weight: 800;
  --fix: 10;
}
#metz-mqh7500z-rc .mz-b {
  font-size: calc(var(--u) * 22);
  line-height: 1.3636;
  font-weight: 400;
  --fix: 7.2;
}
#metz-mqh7500z-rc .mz-badge {
  font-size: calc(var(--u) * 25);
  line-height: 1.25;
  font-weight: 700;
  --fix: 6.7;
}
#metz-mqh7500z-rc .mz-lbl {
  font-size: calc(var(--u) * 22);
  line-height: 1.227;
  font-weight: 700;
  --fix: 5.67;
}
#metz-mqh7500z-rc .mz-cap {
  font-size: calc(var(--u) * 22);
  line-height: 1.25;
  font-weight: 700;
  --fix: 5.92;
}
#metz-mqh7500z-rc .mz-kvh {
  font-size: calc(var(--u) * 34);
  line-height: 1.2;
  font-weight: 800;
  color: var(--mz-accent);
  --fix: 6.9;
}

/* --------------------------------------------------- sekcje na ciemnym tle */
#metz-mqh7500z-rc .mz-dark .mz-h,
#metz-mqh7500z-rc .mz-dark .mz-badge,
#metz-mqh7500z-rc .mz-dark .mz-cap,
#metz-mqh7500z-rc .mz-dark .mz-lbl { color: var(--mz-ink-invert); }
#metz-mqh7500z-rc .mz-dark .mz-b { color: var(--mz-ink-invert-soft); }

/* =========================================================================
   Pozycje zgodne z makietą
   ========================================================================= */

/* 01 · KV ---------------------------------------------------------------- */
#metz-mqh7500z-rc .mz-kv .mz-kvh { --x: 9.770%; --y: 37.333%; --bw: 900; }

/* 03 · Gen6-QLED+ -------------------------------------------------------- */
#metz-mqh7500z-rc .mz-s03 .mz-h     { --x: 11.042%; --y: 29.100%; --bw: 900; }
#metz-mqh7500z-rc .mz-s03 .mz-b     { --x: 11.250%; --y: 44.092%; --bw: 760; }
#metz-mqh7500z-rc .mz-s03 .mz-lbl   { --y: 67.662%; --bw: 210; width: calc(var(--u) * 210); max-width: none; transform: translateX(-50%); text-align: center; }
#metz-mqh7500z-rc .mz-s03 .mz-lbl-a { --x: 14.870%; }
#metz-mqh7500z-rc .mz-s03 .mz-lbl-b { --x: 24.970%; }

/* 04 · Zaawansowane kropki kwantowe -------------------------------------- */
#metz-mqh7500z-rc .mz-s04 .mz-badge { --x: 12.292%; --y: 31.131%; font-size: calc(var(--u) * 30); --fix: 8.07; --bw: 620; }
#metz-mqh7500z-rc .mz-s04 .mz-h     { --x:  8.750%; --y: 39.644%; font-size: calc(var(--u) * 35); --fix: 8.16; --bw: 800; }
#metz-mqh7500z-rc .mz-s04 .mz-b     { --x:  8.802%; --y: 47.395%; --bw: 620; }

/* 05 · Procesor S AI ----------------------------------------------------- */
#metz-mqh7500z-rc .mz-s05 .mz-h { --x: 13.594%; --y: 27.954%; --bw: 700; }
#metz-mqh7500z-rc .mz-s05 .mz-b { --x: 13.594%; --y: 44.219%; --bw: 665; }

/* 06 · Podwójna warstwa Boost-Light --------------------------------------- */
#metz-mqh7500z-rc .mz-s06 .mz-badge { --x: 15.781%; --y: 21.601%; font-size: calc(var(--u) * 26); --fix: 6.99; --bw: 700; }
#metz-mqh7500z-rc .mz-s06 .mz-h     { --x: 11.406%; --y: 29.352%; --bw: 800; }
#metz-mqh7500z-rc .mz-s06 .mz-b     { --x: 11.406%; --y: 44.854%; --bw: 655; }
#metz-mqh7500z-rc .mz-s06 .mz-cap-a { --x: 11.458%; --y: 73.316%; --bw: 420; }
#metz-mqh7500z-rc .mz-s06 .mz-cap-b { --x: 30.938%; --y: 73.316%; --bw: 420; }

/* 07 · Sapphire Optics Pro ----------------------------------------------- */
#metz-mqh7500z-rc .mz-s07 .mz-h { --x: 13.698%; --y: 32.402%; --bw: 900; }
#metz-mqh7500z-rc .mz-s07 .mz-b { --x: 13.698%; --y: 41.042%; --bw: 705; }

/* 08 · Rodzina na co dzień 2.0 ------------------------------------------- */
#metz-mqh7500z-rc .mz-s08 .mz-badge { --x: 45.573%; --y:  7.370%; font-size: calc(var(--u) * 25); --fix: 6.7; --bw: 400; }
#metz-mqh7500z-rc .mz-s08 .mz-h     { --x: 49.948%; --y: 12.579%; --bw: 1100; }
#metz-mqh7500z-rc .mz-s08 .mz-b     { --x: 49.948%; --y: 19.568%; --bw: 1175; }

/* 09 · Max Illuminating Chips -------------------------------------------- */
#metz-mqh7500z-rc .mz-s09 .mz-h { --x: 11.927%; --y: 25.159%; --bw: 800; }
#metz-mqh7500z-rc .mz-s09 .mz-b { --x: 11.250%; --y: 39.898%; --bw: 600; }

/* 10 · Dolby Atmos ------------------------------------------------------- */
#metz-mqh7500z-rc .mz-s10 .mz-h { --x: 11.510%; --y: 34.053%; --bw: 900; }
#metz-mqh7500z-rc .mz-s10 .mz-b { --x: 11.563%; --y: 49.174%; --bw: 645; }

/* 11 · Znajdź pilota ----------------------------------------------------- */
#metz-mqh7500z-rc .mz-s11 .mz-badge { --x: 14.115%; --y: 25.921%; --bw: 400; }
#metz-mqh7500z-rc .mz-s11 .mz-h     { --x: 11.510%; --y: 32.529%; --bw: 700; }
#metz-mqh7500z-rc .mz-s11 .mz-b     { --x: 11.458%; --y: 46.887%; --bw: 510; }

/* 12 · Ochrona wzroku ---------------------------------------------------- */
#metz-mqh7500z-rc .mz-s12 .mz-badge { --x: 47.083%; --y: 11.055%; font-size: calc(var(--u) * 37.5); --fix: 10.09; --bw: 500; }
#metz-mqh7500z-rc .mz-s12 .mz-h     { --x: 50.026%; --y: 17.916%; --bw: 1100; }
#metz-mqh7500z-rc .mz-s12 .mz-cap   { --y: 77.383%; --bw: 420; line-height: 1.05; --fix: 3.72; width: calc(var(--u) * var(--bw)); max-width: none; transform: translateX(-50%); text-align: center; }
#metz-mqh7500z-rc .mz-s12 .mz-cap-1 { --x: 19.900%; }
#metz-mqh7500z-rc .mz-s12 .mz-cap-2 { --x: 40.000%; }
#metz-mqh7500z-rc .mz-s12 .mz-cap-3 { --x: 60.100%; }
#metz-mqh7500z-rc .mz-s12 .mz-cap-4 { --x: 80.100%; --bw: 280; }

/* 13 · MEMC -------------------------------------------------------------- */
#metz-mqh7500z-rc .mz-s13 .mz-h { --x: 11.927%; --y: 29.352%; --bw: 800; }
#metz-mqh7500z-rc .mz-s13 .mz-b { --x: 11.250%; --y: 44.092%; --bw: 670; }

/* 14 · Full Range HDR ---------------------------------------------------- */
#metz-mqh7500z-rc .mz-s14 .mz-badge { --x: 15.104%; --y: 22.491%; --bw: 400; }
#metz-mqh7500z-rc .mz-s14 .mz-h     { --x: 11.198%; --y: 28.336%; --bw: 700; --fix: 0.1; }
#metz-mqh7500z-rc .mz-s14 .mz-b     { --x: 11.250%; --y: 37.357%; --bw: 515; }

/* 15 · Sterowanie głosowe ------------------------------------------------ */
#metz-mqh7500z-rc .mz-s15 .mz-badge { --x: 46.510%; --y:  9.403%; font-size: calc(var(--u) * 28); --fix: 7.53; --bw: 400; }
#metz-mqh7500z-rc .mz-s15 .mz-h     { --x: 50.000%; --y: 15.756%; font-size: calc(var(--u) * 35.5); --fix: 8.27; --bw: 900; }
#metz-mqh7500z-rc .mz-s15 .mz-b     { --x: 49.792%; --y: 22.363%; --bw: 1120; font-size: calc(var(--u) * 24); --fix: 7.82; }

/* =========================================================================
   Mobilnie — identyczny układ jak na desktopie, tylko przeskalowany.
   Cała typografia i pozycje liczone są z --u (= szerokość sekcji / 1920),
   więc nie ma osobnego układu mobilnego. Poniżej tylko drobne zabezpieczenia.
   ========================================================================= */
@media screen and (max-width: 999px) {
  /* Blokada auto-powiększania czcionek na małych ekranach */
  #metz-mqh7500z-rc,
  #metz-mqh7500z-rc * {
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
  }
}

@media print {
  #metz-mqh7500z-rc .mz-sec { page-break-inside: avoid; break-inside: avoid; }
}