/* ========================================================================== 
   M&G Estate v2.2 — cinematic glass homepage layer
   Cel: stałe tło willi + przewijana istniejąca treść strony.
   Zakres: WYŁĄCZNIE body.home-cinematic na stronie głównej.
   Nie zmienia formularzy, CRM, routingu ani JavaScriptu aplikacji.
   ========================================================================== */

body.home-cinematic {
  background: #0b0b0a;
}

body.home-cinematic .mge-cinematic-bg {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-color: #0b0b0a;
  background-image: url('/assets/img/hero/mg-villa-sunset-2560.jpg');
  background-image: image-set(
    url('/assets/img/hero/mg-villa-sunset-2560.webp') type('image/webp'),
    url('/assets/img/hero/mg-villa-sunset-2560.jpg') type('image/jpeg')
  );
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  transform: translateZ(0) scale(1.015);
  transform-origin: center center;
}

/* Stałe tło jest warstwą 0; cała prawdziwa strona pozostaje klikalnym HTML-em. */
body.home-cinematic > main,
body.home-cinematic > .site-footer {
  position: relative;
  z-index: 1;
}

body.home-cinematic > .skip {
  z-index: 100;
}

body.home-cinematic > .site-header {
  z-index: 50;
}

body.home-cinematic > .sticky-bar {
  z-index: 45;
}

/* Nagłówek pozostaje sticky, ale wizualnie leży na fotografii. */
body.home-cinematic .site-header {
  background: linear-gradient(180deg, rgba(5,5,5,.86), rgba(5,5,5,.58));
  border-bottom-color: rgba(226,194,123,.22);
  box-shadow: 0 10px 28px rgba(0,0,0,.12);
  -webkit-backdrop-filter: blur(10px) saturate(115%);
  backdrop-filter: blur(10px) saturate(115%);
}

/* HERO: żadnego obrazka w HTML — wyłącznie zaakceptowane stałe tło. */
body.home-cinematic .hero {
  min-height: 100svh;
  background: transparent;
  color: var(--white);
  overflow: hidden;
}

body.home-cinematic .hero-media {
  display: none !important;
}

body.home-cinematic .hero-shade {
  inset: 0;
  background:
    linear-gradient(90deg,
      rgba(5,5,5,.70) 0%,
      rgba(5,5,5,.55) 27%,
      rgba(5,5,5,.22) 50%,
      rgba(5,5,5,.06) 72%,
      rgba(5,5,5,.16) 100%),
    linear-gradient(0deg,
      rgba(5,5,5,.58) 0%,
      rgba(5,5,5,.20) 28%,
      rgba(5,5,5,.08) 65%,
      rgba(5,5,5,.30) 100%);
}

body.home-cinematic .hero-content {
  width: min(620px, 44vw);
  text-shadow: 0 2px 22px rgba(0,0,0,.42);
}

body.home-cinematic .hero-lead {
  color: rgba(255,255,255,.92);
  max-width: 48ch;
}

body.home-cinematic .hero-quote {
  color: var(--cream);
  text-shadow: 0 2px 18px rgba(0,0,0,.62);
}

body.home-cinematic .hero-features {
  text-shadow: 0 2px 12px rgba(0,0,0,.72);
}

/*
   Przewijane sekcje zachowują obecną strukturę i treść. Są półprzezroczystymi
   warstwami, więc fotografia pozostaje subtelnie obecna w całej stronie.
*/
body.home-cinematic main.home > section:not(.hero) {
  position: relative;
  isolation: isolate;
}

body.home-cinematic .offers,
body.home-cinematic .tools,
body.home-cinematic .section-form {
  background: rgba(248,245,239,.68);
  -webkit-backdrop-filter: blur(12px) saturate(110%);
  backdrop-filter: blur(12px) saturate(110%);
  border-top: 1px solid rgba(255,255,255,.34);
  border-bottom: 1px solid rgba(255,255,255,.28);
  box-shadow: 0 18px 46px rgba(0,0,0,.08);
}

body.home-cinematic .plan,
body.home-cinematic .contact-strip {
  background: rgba(245,241,232,.64);
  -webkit-backdrop-filter: blur(12px) saturate(110%);
  backdrop-filter: blur(12px) saturate(110%);
  border-top: 1px solid rgba(255,255,255,.32);
  border-bottom: 1px solid rgba(255,255,255,.24);
  box-shadow: 0 18px 46px rgba(0,0,0,.08);
}

body.home-cinematic .panel-band {
  background: linear-gradient(100deg, rgba(8,8,7,.74), rgba(18,17,14,.63));
  -webkit-backdrop-filter: blur(12px) saturate(112%);
  backdrop-filter: blur(12px) saturate(112%);
  border-top: 1px solid rgba(226,194,123,.18);
  border-bottom: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 22px 56px rgba(0,0,0,.16);
}

body.home-cinematic .about {
  background: linear-gradient(90deg, rgba(7,7,6,.76), rgba(20,19,16,.66) 55%, rgba(9,8,7,.73));
  -webkit-backdrop-filter: blur(12px) saturate(112%);
  backdrop-filter: blur(12px) saturate(112%);
  border-top: 1px solid rgba(226,194,123,.16);
  border-bottom: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 22px 56px rgba(0,0,0,.16);
}

/* Okna na fotografię pomiędzy kluczowymi pasmami — treść i kolejność bez zmian. */
body.home-cinematic .plan,
body.home-cinematic .panel-band,
body.home-cinematic .about,
body.home-cinematic .tools,
body.home-cinematic .contact-strip,
body.home-cinematic .section-form {
  margin-top: clamp(20px, 3.6vh, 48px);
}

body.home-cinematic .offers {
  margin-top: 0;
}

/* Mniejsze karty są bardziej kryjące niż duże pasma, aby treść zachowała kontrast. */
body.home-cinematic .property-card,
body.home-cinematic .stage,
body.home-cinematic .crm-listings-state,
body.home-cinematic .contact-form,
body.home-cinematic .app {
  background-color: rgba(255,255,255,.84);
  -webkit-backdrop-filter: blur(8px) saturate(108%);
  backdrop-filter: blur(8px) saturate(108%);
  border-color: rgba(255,255,255,.44);
  box-shadow: 0 12px 32px rgba(24,18,9,.10);
}

/* Stopka ma być stałym domknięciem strony, nie szkłem. */
body.home-cinematic .site-footer {
  background: rgba(11,11,10,.98);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

@media (max-width: 100rem) {
  body.home-cinematic .mge-cinematic-bg {
    background-image: url('/assets/img/hero/mg-villa-sunset-1920.jpg');
    background-image: image-set(
      url('/assets/img/hero/mg-villa-sunset-1920.webp') type('image/webp'),
      url('/assets/img/hero/mg-villa-sunset-1920.jpg') type('image/jpeg')
    );
  }
}

@media (max-width: 47.5rem) {
  body.home-cinematic .mge-cinematic-bg {
    background-image: url('/assets/img/hero/mg-villa-sunset-1280.jpg');
    background-image: image-set(
      url('/assets/img/hero/mg-villa-sunset-1280.webp') type('image/webp'),
      url('/assets/img/hero/mg-villa-sunset-1280.jpg') type('image/jpeg')
    );
    /* Na pionowym ekranie priorytetem jest bryła willi i światło tarasu. */
    background-position: 72% center;
    transform: translateZ(0) scale(1.02);
  }

  body.home-cinematic .site-header {
    background: rgba(5,5,5,.84);
  }

  body.home-cinematic .hero {
    min-height: 100svh;
  }

  body.home-cinematic .hero-shade {
    background: linear-gradient(180deg,
      rgba(4,4,4,.58) 0%,
      rgba(4,4,4,.46) 34%,
      rgba(4,4,4,.64) 72%,
      rgba(4,4,4,.80) 100%);
  }

  body.home-cinematic .hero-content {
    width: auto;
  }

  body.home-cinematic .plan,
  body.home-cinematic .panel-band,
  body.home-cinematic .about,
  body.home-cinematic .tools,
  body.home-cinematic .contact-strip,
  body.home-cinematic .section-form {
    margin-top: 14px;
  }
}

/* Na małych ekranach zwiększamy krycie tylko trochę dla czytelności tekstu. */
@media (max-width: 47.5rem) {
  body.home-cinematic .offers,
  body.home-cinematic .tools,
  body.home-cinematic .section-form {
    background: rgba(248,245,239,.78);
  }

  body.home-cinematic .plan,
  body.home-cinematic .contact-strip {
    background: rgba(245,241,232,.75);
  }

  body.home-cinematic .panel-band {
    background: rgba(10,10,9,.78);
  }

  body.home-cinematic .about {
    background: rgba(10,9,8,.80);
  }

  body.home-cinematic .property-card,
  body.home-cinematic .stage,
  body.home-cinematic .crm-listings-state,
  body.home-cinematic .contact-form,
  body.home-cinematic .app {
    background-color: rgba(255,255,255,.90);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.home-cinematic .mge-cinematic-bg {
    transform: none;
  }
}

@media print {
  body.home-cinematic .mge-cinematic-bg {
    display: none;
  }
}

/* ==========================================================
   M&G Estate v2.3 — TRUE TRANSPARENT SECTIONS
   Duże sekcje bez blur. Tło willi pozostaje ostre.
   ========================================================== */

/* Duże jasne sekcje */
html body.home-cinematic section.offers,
html body.home-cinematic section.offers.section-light,
html body.home-cinematic section.plan,
html body.home-cinematic section.tools,
html body.home-cinematic section.contact-strip,
html body.home-cinematic section.section-form {
    background: rgba(248,245,239,.18) !important;
    background-image: none !important;

    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;

    filter: none !important;
    box-shadow: none !important;

    border-top: 1px solid rgba(255,255,255,.16) !important;
    border-bottom: 1px solid rgba(255,255,255,.12) !important;
}

/* Sekcje ciemne */
html body.home-cinematic section.panel-band {
    background: rgba(8,8,7,.38) !important;
    background-image: none !important;

    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;

    filter: none !important;
    box-shadow: none !important;
}

html body.home-cinematic section.about {
    background: rgba(8,8,7,.42) !important;
    background-image: none !important;

    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;

    filter: none !important;
    box-shadow: none !important;
}

/* Małe karty pozostają czytelne */
html body.home-cinematic .property-card,
html body.home-cinematic .stage,
html body.home-cinematic .crm-listings-state,
html body.home-cinematic .contact-form,
html body.home-cinematic .app {
    background: rgba(255,255,255,.88) !important;

    -webkit-backdrop-filter: blur(3px) !important;
    backdrop-filter: blur(3px) !important;

    border: 1px solid rgba(255,255,255,.46) !important;
}

/* Telefon */
@media (max-width:47.5rem) {

    html body.home-cinematic section.offers,
    html body.home-cinematic section.offers.section-light,
    html body.home-cinematic section.plan,
    html body.home-cinematic section.tools,
    html body.home-cinematic section.contact-strip,
    html body.home-cinematic section.section-form {
        background: rgba(248,245,239,.34) !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }

    html body.home-cinematic section.panel-band,
    html body.home-cinematic section.about {
        background: rgba(8,8,7,.52) !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }
}

/* MGE_V23_TRUE_TRANSPARENT_END */

/* ==========================================================
   M&G Estate v2.4 — DARK TRANSPARENT SECTIONS
   Ciemne transparentne sekcje bez mlecznego efektu
   ========================================================== */

html body.home-cinematic section.offers,
html body.home-cinematic section.offers.section-light,
html body.home-cinematic section.plan,
html body.home-cinematic section.tools,
html body.home-cinematic section.contact-strip,
html body.home-cinematic section.section-form {
    background: rgba(8, 8, 7, 0.42) !important;
    background-image: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    filter: none !important;
    box-shadow: none !important;
    border-top: 1px solid rgba(255,255,255,0.08) !important;
    border-bottom: 1px solid rgba(255,255,255,0.06) !important;
}

/* tekst w ciemnych sekcjach */
html body.home-cinematic section.offers,
html body.home-cinematic section.offers.section-light,
html body.home-cinematic section.plan,
html body.home-cinematic section.tools,
html body.home-cinematic section.contact-strip,
html body.home-cinematic section.section-form {
    color: #f3eee3 !important;
}

html body.home-cinematic section.offers h1,
html body.home-cinematic section.offers h2,
html body.home-cinematic section.offers h3,
html body.home-cinematic section.plan h1,
html body.home-cinematic section.plan h2,
html body.home-cinematic section.tools h1,
html body.home-cinematic section.tools h2,
html body.home-cinematic section.contact-strip h1,
html body.home-cinematic section.contact-strip h2,
html body.home-cinematic section.section-form h1,
html body.home-cinematic section.section-form h2 {
    color: #fff8eb !important;
}

html body.home-cinematic section.offers p,
html body.home-cinematic section.plan p,
html body.home-cinematic section.tools p,
html body.home-cinematic section.contact-strip p,
html body.home-cinematic section.section-form p,
html body.home-cinematic section.offers .eyebrow,
html body.home-cinematic section.plan .eyebrow,
html body.home-cinematic section.tools .eyebrow {
    color: rgba(255,248,235,0.82) !important;
}

/* linki w sekcjach */
html body.home-cinematic section.offers a,
html body.home-cinematic section.plan a,
html body.home-cinematic section.tools a,
html body.home-cinematic section.contact-strip a,
html body.home-cinematic section.section-form a {
    color: #f0d38a !important;
}

/* małe karty mogą pozostać jaśniejsze albo półciemne */
html body.home-cinematic .property-card,
html body.home-cinematic .stage,
html body.home-cinematic .crm-listings-state,
html body.home-cinematic .contact-form,
html body.home-cinematic .app {
    background: rgba(255,255,255,0.92) !important;
    border: 1px solid rgba(255,255,255,0.45) !important;
}

/* mobilnie trochę mocniej */
@media (max-width: 47.5rem) {
    html body.home-cinematic section.offers,
    html body.home-cinematic section.offers.section-light,
    html body.home-cinematic section.plan,
    html body.home-cinematic section.tools,
    html body.home-cinematic section.contact-strip,
    html body.home-cinematic section.section-form {
        background: rgba(8, 8, 7, 0.56) !important;
    }
}

/* MGE_V24_DARK_TRANSPARENT_END */

/* ==========================================================
   M&G ESTATE v2.5 — VISUAL FIX
   Naprawa kontrastu małych elementów po zmianie
   dużych sekcji na dark-transparent.
   ========================================================== */


/* ----------------------------------------------------------
   1. NARZĘDZIA
   Karty pozostają jasne — przywracamy im ciemną typografię.
   ---------------------------------------------------------- */

html body.home-cinematic section.tools .property-card,
html body.home-cinematic section.tools .card,
html body.home-cinematic section.tools .bento-card {
    color: #171512 !important;
}

html body.home-cinematic section.tools .property-card h2,
html body.home-cinematic section.tools .property-card h3,
html body.home-cinematic section.tools .property-card h4,
html body.home-cinematic section.tools .card h2,
html body.home-cinematic section.tools .card h3,
html body.home-cinematic section.tools .bento-card h2,
html body.home-cinematic section.tools .bento-card h3 {
    color: #171512 !important;
}

html body.home-cinematic section.tools .property-card p,
html body.home-cinematic section.tools .card p,
html body.home-cinematic section.tools .bento-card p,
html body.home-cinematic section.tools .location,
html body.home-cinematic section.tools .property-meta {
    color: #49443c !important;
}

html body.home-cinematic section.tools .property-card a,
html body.home-cinematic section.tools .card a,
html body.home-cinematic section.tools .bento-card a {
    color: #9d762c !important;
}

html body.home-cinematic section.tools .property-footer strong {
    color: #9d762c !important;
}

html body.home-cinematic section.tools .property-footer .arrow {
    color: #171512 !important;
}


/* ----------------------------------------------------------
   2. PLAN — małe jasne kafle Dni 1–3 itd.
   Zabezpieczenie przed starymi szerokimi regułami.
   ---------------------------------------------------------- */

html body.home-cinematic section.plan .stage {
    color: #171512 !important;
}

html body.home-cinematic section.plan .stage h3 {
    color: #171512 !important;
}

html body.home-cinematic section.plan .stage p {
    color: #49443c !important;
}

html body.home-cinematic section.plan .stage-when {
    color: #e2c27b !important;
}


/* ----------------------------------------------------------
   3. KARTA OFERTY — pozostaje jasna.
   ---------------------------------------------------------- */

html body.home-cinematic section.offers .property-card {
    color: #171512 !important;
}

html body.home-cinematic section.offers .property-card h3 {
    color: #171512 !important;
}

html body.home-cinematic section.offers .property-card p,
html body.home-cinematic section.offers .property-card .location,
html body.home-cinematic section.offers .property-card .property-meta {
    color: #49443c !important;
}

html body.home-cinematic section.offers .property-footer,
html body.home-cinematic section.offers .property-footer strong {
    color: #171512 !important;
}


/* ----------------------------------------------------------
   4. KONTAKT — ciemna przezroczysta duża sekcja.
   Wszystkie dane muszą być czytelne.
   ---------------------------------------------------------- */

html body.home-cinematic section.contact-strip .contact-title h2 {
    color: #fff9ee !important;
}

html body.home-cinematic section.contact-strip .eyebrow {
    color: #e2c27b !important;
}

html body.home-cinematic section.contact-strip .contact-item {
    border-color: rgba(226,194,123,.26) !important;
}

html body.home-cinematic section.contact-strip .contact-item > span {
    color: #e2c27b !important;
}

html body.home-cinematic section.contact-strip .contact-item a,
html body.home-cinematic section.contact-strip .contact-item strong {
    color: #f2d587 !important;
}

html body.home-cinematic section.contact-strip .contact-item small {
    color: rgba(255,249,238,.72) !important;
}

html body.home-cinematic section.contact-strip .contact-script {
    color: rgba(226,194,123,.76) !important;
}


/* ----------------------------------------------------------
   5. FORMULARZ
   Duża sekcja ciemna, ale sam formularz pozostaje jasny.
   ---------------------------------------------------------- */

html body.home-cinematic section.section-form > .form-intro h2 {
    color: #fff9ee !important;
}

html body.home-cinematic section.section-form > .form-intro .eyebrow {
    color: #e2c27b !important;
}

html body.home-cinematic section.section-form > .form-intro p,
html body.home-cinematic section.section-form > .form-intro .lead {
    color: rgba(255,249,238,.80) !important;
}

/* wnętrze formularza — normalna ciemna typografia */
html body.home-cinematic section.section-form .form-wrap,
html body.home-cinematic section.section-form .contact-form {
    color: #171512 !important;
}

html body.home-cinematic section.section-form .form-wrap label,
html body.home-cinematic section.section-form .form-wrap legend,
html body.home-cinematic section.section-form .form-wrap p,
html body.home-cinematic section.section-form .form-wrap span:not(.req),
html body.home-cinematic section.section-form .contact-form label,
html body.home-cinematic section.section-form .contact-form p {
    color: #49443c !important;
}


/* ----------------------------------------------------------
   6. PANEL DEMONSTRACYJNY
   Nie zmieniamy jego jasnego wyglądu.
   ---------------------------------------------------------- */

html body.home-cinematic section.panel-band .app {
    color: #171512 !important;
}

html body.home-cinematic section.panel-band .app-body,
html body.home-cinematic section.panel-band .app-body p,
html body.home-cinematic section.panel-band .app-body li,
html body.home-cinematic section.panel-band .app-body dd {
    color: #49443c !important;
}

html body.home-cinematic section.panel-band .app-body h3,
html body.home-cinematic section.panel-band .app-body h4,
html body.home-cinematic section.panel-band .app-body strong {
    color: #171512 !important;
}


/* ----------------------------------------------------------
   7. Duże sekcje nadal pozostają ciemne i transparentne.
   Niczego tutaj nie rozjaśniamy.
   ---------------------------------------------------------- */

html body.home-cinematic section.offers,
html body.home-cinematic section.plan,
html body.home-cinematic section.panel-band,
html body.home-cinematic section.about,
html body.home-cinematic section.tools,
html body.home-cinematic section.contact-strip,
html body.home-cinematic section.section-form {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}


/* MGE_V25_VISUAL_FIX_END */

/* ==========================================================
   M&G Estate v2.6 — WHITE CARD TEXT CONTRAST
   Tylko kolory tekstu wewnątrz jasnych kart.
   ========================================================== */

/* ----------------------------------------------------------
   1. PLAN — Dni 1–3, Dni 4–7, Dni 8–11, Dni 12–14
   ---------------------------------------------------------- */

html body.home-cinematic #plan .stage {
    color: #171512 !important;
}

html body.home-cinematic #plan .stage h2,
html body.home-cinematic #plan .stage h3,
html body.home-cinematic #plan .stage h4 {
    color: #171512 !important;
    opacity: 1 !important;
}

html body.home-cinematic #plan .stage p,
html body.home-cinematic #plan .stage li,
html body.home-cinematic #plan .stage span:not(.stage-when) {
    color: #3f3a33 !important;
    opacity: 1 !important;
}

html body.home-cinematic #plan .stage .stage-when {
    color: #e2c27b !important;
    background: #0b0b09 !important;
    opacity: 1 !important;
}


/* ----------------------------------------------------------
   2. NARZĘDZIA — trzy białe karty
   ---------------------------------------------------------- */

html body.home-cinematic #narzedzia .property-card,
html body.home-cinematic #narzedzia .property-body {
    color: #171512 !important;
}

html body.home-cinematic #narzedzia .property-card h2,
html body.home-cinematic #narzedzia .property-card h3,
html body.home-cinematic #narzedzia .property-card h4,
html body.home-cinematic #narzedzia .property-body h2,
html body.home-cinematic #narzedzia .property-body h3 {
    color: #171512 !important;
    opacity: 1 !important;
}

html body.home-cinematic #narzedzia .property-card p,
html body.home-cinematic #narzedzia .property-body p {
    color: #49443c !important;
    opacity: 1 !important;
}

html body.home-cinematic #narzedzia .property-footer,
html body.home-cinematic #narzedzia .property-footer strong {
    color: #9d762c !important;
    opacity: 1 !important;
}

html body.home-cinematic #narzedzia .property-footer .arrow {
    color: #171512 !important;
}


/* ----------------------------------------------------------
   3. OFERTY — dynamiczne białe karty CRM
   ---------------------------------------------------------- */

html body.home-cinematic #oferty .property-card,
html body.home-cinematic #oferty .property-body {
    color: #171512 !important;
}

html body.home-cinematic #oferty .property-card h2,
html body.home-cinematic #oferty .property-card h3,
html body.home-cinematic #oferty .property-card h4 {
    color: #171512 !important;
    opacity: 1 !important;
}

html body.home-cinematic #oferty .property-card p,
html body.home-cinematic #oferty .property-card .location,
html body.home-cinematic #oferty .property-card .property-meta {
    color: #49443c !important;
    opacity: 1 !important;
}

html body.home-cinematic #oferty .property-footer,
html body.home-cinematic #oferty .property-footer strong {
    color: #171512 !important;
}


/* ----------------------------------------------------------
   4. DEMO PANELU — jasna część po prawej
   ---------------------------------------------------------- */

html body.home-cinematic #panel .app-body,
html body.home-cinematic #panel .app-body .tile,
html body.home-cinematic #panel .app-body .next-step {
    color: #171512 !important;
}

html body.home-cinematic #panel .app-body h2,
html body.home-cinematic #panel .app-body h3,
html body.home-cinematic #panel .app-body h4,
html body.home-cinematic #panel .app-body strong,
html body.home-cinematic #panel .app-body dt {
    color: #171512 !important;
    opacity: 1 !important;
}

html body.home-cinematic #panel .app-body p,
html body.home-cinematic #panel .app-body li,
html body.home-cinematic #panel .app-body dd,
html body.home-cinematic #panel .app-body small {
    color: #49443c !important;
    opacity: 1 !important;
}


/* ----------------------------------------------------------
   5. FORMULARZ — biały panel formularza
   ---------------------------------------------------------- */

html body.home-cinematic #formularz .contact-form,
html body.home-cinematic #formularz .form-wrap {
    color: #171512 !important;
}

html body.home-cinematic #formularz .form-wrap label,
html body.home-cinematic #formularz .form-wrap legend {
    color: #171512 !important;
}

html body.home-cinematic #formularz .form-wrap .hint,
html body.home-cinematic #formularz .form-wrap p,
html body.home-cinematic #formularz .form-wrap .check span {
    color: #49443c !important;
}

html body.home-cinematic #formularz input,
html body.home-cinematic #formularz select,
html body.home-cinematic #formularz textarea {
    color: #171512 !important;
}


/* MGE_V26_WHITE_CARD_CONTRAST_END */

/* ==========================================================
   M&G Estate v2.7
   COMPACT HERO + LOGO TRANSPARENCY EFFECT
   ========================================================== */


/* ----------------------------------------------------------
   1. HERO
   Nie potrzebujemy pełnych 100vh na desktopie.
   ---------------------------------------------------------- */

@media (min-width: 47.51rem) {

    html body.home-cinematic .hero {
        min-height: clamp(600px, 76svh, 760px) !important;
        height: auto !important;
    }

    /*
     * Zmniejszamy również pionowe odstępy wewnątrz hero,
     * ale bez zmiany układu i treści.
     */
    html body.home-cinematic .hero-content {
        padding-top: clamp(36px, 5vh, 64px) !important;
        padding-bottom: clamp(110px, 14vh, 150px) !important;
    }

    /*
     * Dolne trzy atuty pozostają przy dole,
     * ale nie tworzą ogromnej pustej przestrzeni.
     */
    html body.home-cinematic .hero-features {
        bottom: clamp(24px, 3.5vh, 42px) !important;
    }

    /*
     * Cytat po prawej pozostaje na swoim miejscu,
     * ale lekko bliżej właściwej treści.
     */
    html body.home-cinematic .hero-quote {
        top: clamp(32px, 5vh, 68px) !important;
    }
}


/* ----------------------------------------------------------
   2. LOGO
   Plik logo ma czarne tło.
   SCREEN powoduje, że czarne piksele wizualnie przepuszczają
   tło nagłówka, a złote elementy pozostają widoczne.
   ---------------------------------------------------------- */

html body.home-cinematic .site-header .brand img,
html body.home-cinematic .site-header img.brand-approved,
html body.home-cinematic .site-header .brand-approved {
    background: transparent !important;

    mix-blend-mode: screen !important;

    box-shadow: none !important;
    border: 0 !important;

    /*
     * zapobiega przypadkowemu filtrowaniu przez starsze reguły
     */
    filter: none !important;
}


/* sam link/logo również bez prostokątnego tła */
html body.home-cinematic .site-header .brand {
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
}


/* ----------------------------------------------------------
   3. HEADER
   Pozostawiamy obecny wygląd, ale usuwamy możliwość, że
   kontener logo ma własną nieprzezroczystą warstwę.
   ---------------------------------------------------------- */

html body.home-cinematic .site-header .header-shell {
    background: transparent !important;
}


/* ----------------------------------------------------------
   4. MOBILE
   Na telefonie zachowujemy prawie pełny ekran hero, ponieważ
   pionowy viewport działa inaczej.
   ---------------------------------------------------------- */

@media (max-width: 47.5rem) {

    html body.home-cinematic .hero {
        min-height: 88svh !important;
    }

    html body.home-cinematic .hero-content {
        padding-top: 28px !important;
        padding-bottom: 130px !important;
    }

    html body.home-cinematic .hero-features {
        bottom: 20px !important;
    }
}


/* MGE_V27_HERO_LOGO_FIX_END */

/* ==========================================================
   M&G Estate v2.8
   HEADER / HERO POSITION CORRECTIONS
   ========================================================== */


/* ----------------------------------------------------------
   1. LOGO
   Obecny asset ma czarne tło.
   Zamiast próbować usuwać je blend-mode, ustawiamy cały
   nagłówek w identycznej czerni. Prostokąt wizualnie znika.
   ---------------------------------------------------------- */

html body.home-cinematic .site-header {
    background: #000000 !important;
    background-color: #000000 !important;
    background-image: none !important;
}

html body.home-cinematic .site-header .header-shell,
html body.home-cinematic .site-header .brand,
html body.home-cinematic .site-header .brand a {
    background: #000000 !important;
    background-color: #000000 !important;
    background-image: none !important;
    box-shadow: none !important;
    border: 0 !important;
}

/*
 * Usuwamy poprzedni mix-blend-mode.
 * Przy jednolicie czarnym headerze jest zbędny i może
 * powodować różnice w renderowaniu złota.
 */
html body.home-cinematic .site-header .brand img,
html body.home-cinematic .site-header img.brand-approved,
html body.home-cinematic .site-header .brand-approved {
    mix-blend-mode: normal !important;
    background: #000000 !important;
    box-shadow: none !important;
    border: 0 !important;
    filter: none !important;
}


/* ----------------------------------------------------------
   2. ODRĘCZNY CYTAT W PRAWYM GÓRNYM ROGU
   Header nakłada się na hero, więc wcześniejsze top było
   liczone zbyt wysoko.
   ---------------------------------------------------------- */

@media (min-width: 47.51rem) {

    html body.home-cinematic .hero-quote {
        top: 96px !important;
        right: clamp(38px, 5vw, 92px) !important;

        margin-top: 0 !important;
        transform: none !important;

        z-index: 4 !important;
    }
}


/* ----------------------------------------------------------
   3. DOLNE ATUTY
   Strategia / Jeden opiekun / Informacja
   Podnosimy cały blok wyżej.
   ---------------------------------------------------------- */

@media (min-width: 47.51rem) {

    html body.home-cinematic .hero-features {
        bottom: clamp(72px, 8vh, 100px) !important;

        z-index: 4 !important;
    }
}


/* ----------------------------------------------------------
   4. MOBILE
   Na telefonie zachowujemy bezpieczne pozycje.
   ---------------------------------------------------------- */

@media (max-width: 47.5rem) {

    html body.home-cinematic .hero-quote {
        top: 92px !important;
        right: 18px !important;
    }

    html body.home-cinematic .hero-features {
        bottom: 36px !important;
    }
}


/* MGE_V28_HEADER_HERO_POSITION_END */

/* ==========================================================
   M&G Estate v2.8
   HEADER / HERO POSITION CORRECTIONS
   ========================================================== */


/* ----------------------------------------------------------
   1. LOGO
   Obecny asset ma czarne tło.
   Zamiast próbować usuwać je blend-mode, ustawiamy cały
   nagłówek w identycznej czerni. Prostokąt wizualnie znika.
   ---------------------------------------------------------- */

html body.home-cinematic .site-header {
    background: #000000 !important;
    background-color: #000000 !important;
    background-image: none !important;
}

html body.home-cinematic .site-header .header-shell,
html body.home-cinematic .site-header .brand,
html body.home-cinematic .site-header .brand a {
    background: #000000 !important;
    background-color: #000000 !important;
    background-image: none !important;
    box-shadow: none !important;
    border: 0 !important;
}

/*
 * Usuwamy poprzedni mix-blend-mode.
 * Przy jednolicie czarnym headerze jest zbędny i może
 * powodować różnice w renderowaniu złota.
 */
html body.home-cinematic .site-header .brand img,
html body.home-cinematic .site-header img.brand-approved,
html body.home-cinematic .site-header .brand-approved {
    mix-blend-mode: normal !important;
    background: #000000 !important;
    box-shadow: none !important;
    border: 0 !important;
    filter: none !important;
}


/* ----------------------------------------------------------
   2. ODRĘCZNY CYTAT W PRAWYM GÓRNYM ROGU
   Header nakłada się na hero, więc wcześniejsze top było
   liczone zbyt wysoko.
   ---------------------------------------------------------- */

@media (min-width: 47.51rem) {

    html body.home-cinematic .hero-quote {
        top: 96px !important;
        right: clamp(38px, 5vw, 92px) !important;

        margin-top: 0 !important;
        transform: none !important;

        z-index: 4 !important;
    }
}


/* ----------------------------------------------------------
   3. DOLNE ATUTY
   Strategia / Jeden opiekun / Informacja
   Podnosimy cały blok wyżej.
   ---------------------------------------------------------- */

@media (min-width: 47.51rem) {

    html body.home-cinematic .hero-features {
        bottom: clamp(72px, 8vh, 100px) !important;

        z-index: 4 !important;
    }
}


/* ----------------------------------------------------------
   4. MOBILE
   Na telefonie zachowujemy bezpieczne pozycje.
   ---------------------------------------------------------- */

@media (max-width: 47.5rem) {

    html body.home-cinematic .hero-quote {
        top: 92px !important;
        right: 18px !important;
    }

    html body.home-cinematic .hero-features {
        bottom: 36px !important;
    }
}


/* MGE_V28_HEADER_HERO_POSITION_END */