.elementor-533 .elementor-element.elementor-element-e59fbc8 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-533 .elementor-element.elementor-element-2a5206d{width:100%;max-width:100%;}.elementor-533 .elementor-element.elementor-element-2a5206d > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-533 .elementor-element.elementor-element-d8d94dd > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-533 .elementor-element.elementor-element-cd4e50e{width:100%;max-width:100%;}.elementor-533 .elementor-element.elementor-element-785f420 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-533 .elementor-element.elementor-element-5499cfc > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-533 .elementor-element.elementor-element-3efcd5f > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-533 .elementor-element.elementor-element-6a3cd75 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-533 .elementor-element.elementor-element-896343e > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-533 .elementor-element.elementor-element-5ca95c9{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-533 .elementor-element.elementor-element-5be78a4 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-533 .elementor-element.elementor-element-aaa7915{width:100%;max-width:100%;align-self:center;}.elementor-533 .elementor-element.elementor-element-aaa7915 > .elementor-widget-container{padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-533 .elementor-element.elementor-element-e59fbc8{width:100%;}.elementor-533 .elementor-element.elementor-element-785f420{width:100%;}.elementor-533 .elementor-element.elementor-element-5499cfc{width:100%;}.elementor-533 .elementor-element.elementor-element-3efcd5f{width:100%;}.elementor-533 .elementor-element.elementor-element-6a3cd75{width:100%;}.elementor-533 .elementor-element.elementor-element-896343e{width:100%;}.elementor-533 .elementor-element.elementor-element-5be78a4{width:100%;}}/* Start custom CSS for html, class: .elementor-element-2a5206d */:root{
  --ml2-bg: #0b0d12;          /* tło header */
  --ml2-surface: #111521;     /* dropdown mobile */
  --ml2-text: #f4f6fb;        /* biel */
  --ml2-muted: rgba(244,246,251,.72);
  --ml2-border: rgba(255,255,255,.10);

  --ml2-accent: #d6b36a;      /* złoty akcent (premium) */
  --ml2-accent-2: #b9954f;

  --ml2-radius: 16px;
  --ml2-shadow: 0 10px 30px rgba(0,0,0,.35);
}

.ml2-header{
  position: sticky;
  top: 0;
  z-index: 9999;
  background: rgba(11,13,18,.86);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--ml2-border);
}

.ml2-wrap{ max-width: 1200px; margin: 0 auto; padding: 0 18px; }

.ml2-header-inner{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 12px 0;
}

.ml2-brand{
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  color: var(--ml2-text);
}

.ml2-logo{
  width: 48px;
  height: 48px;
  border-radius: 50%;
  box-shadow: 0 8px 18px rgba(0,0,0,.28);
}

.ml2-brand-text{ display:flex; flex-direction:column; line-height:1.1; }
.ml2-name{ font-weight: 900; letter-spacing: .4px; font-size: 16px; }
.ml2-sub{ margin-top: 4px; font-size: 12px; color: var(--ml2-muted); }

.ml2-menu{
  display: flex;
  align-items: center;
  gap: 8px;
}

.ml2-menu a{
  color: var(--ml2-muted);
  text-decoration: none;
  font-weight: 800;
  font-size: 14px;
  padding: 10px 12px;
  border-radius: 12px;
  transition: background .15s ease, color .15s ease, transform .15s ease;
}

.ml2-menu a:hover{
  color: var(--ml2-text);
  background: rgba(255,255,255,.06);
}

.ml2-strong{
  color: var(--ml2-text) !important;
  border: 1px solid rgba(214,179,106,.25);
  background: rgba(214,179,106,.10);
}

.ml2-ghost{
  border: 1px solid var(--ml2-border);
  background: rgba(255,255,255,.03);
  color: var(--ml2-text) !important;
}

/* CTA: Zadzwoń */
.ml2-menu a.ml2-cta,
.ml2-menu a.ml2-cta:visited{
  background: var(--ml2-accent) !important;
  color: #0b0d12 !important;
  border: 1px solid rgba(0,0,0,.15) !important;
  box-shadow: 0 10px 20px rgba(214,179,106,.18) !important;
}

.ml2-menu a.ml2-cta:hover,
.ml2-menu a.ml2-cta:focus,
.ml2-menu a.ml2-cta:active{
  background: var(--ml2-accent-2) !important;
  color: #0b0d12 !important;
  text-decoration: none !important;
  opacity: 1 !important;
  filter: none !important;
  transform: translateY(-1px);
}

.ml2-burger{
  display: none;
  width: 44px;
  height: 44px;
  border-radius: 14px;
  border: 1px solid var(--ml2-border);
  background: rgba(255,255,255,.04);
  padding: 10px;
  cursor: pointer;
}
.ml2-burger span{
  display:block;
  height:2px;
  background: var(--ml2-text);
  margin: 6px 0;
  border-radius: 2px;
  opacity:.9;
}

@media (max-width: 980px){
  .ml2-brand-text{ display:none; } /* czyściej na mobile */
  .ml2-burger{ display:block; }

  .ml2-menu{
    position: absolute;
    left: 12px;
    right: 12px;
    top: 100%;
    margin-top: 10px;
    background: var(--ml2-surface);
    border: 1px solid var(--ml2-border);
    border-radius: var(--ml2-radius);
    padding: 10px;
    display: none;
    flex-direction: column;
    align-items: stretch;
    box-shadow: var(--ml2-shadow);
  }

  .ml2-menu a{ padding: 12px 12px; }
  .ml2-header.ml2-open .ml2-menu{ display:flex; }
}
/* ===== ML2 HEADER – FIX WIDOCZNOŚCI MENU (FINAL) ===== */

/* 1) Header zawsze czytelny (mniej przezroczysty) */
.ml2-header{
  background: rgba(11,13,18,.96) !important;
  border-bottom: 1px solid rgba(255,255,255,.12) !important;
}

/* 2) Wymuszenie kolorów TYLKO w headerze (nie da się nadpisać „jasnymi” sekcjami) */
.ml2-header,
.ml2-header *{
  --ml2-text: #f4f6fb;
  --ml2-muted: rgba(244,246,251,.86);
  --ml2-border: rgba(255,255,255,.12);
}

/* 3) Linki w menu – widoczne zawsze */
.ml2-header .ml2-menu a,
.ml2-header .ml2-menu a:visited{
  color: rgba(244,246,251,.86) !important;
  background: transparent !important;
}

/* hover / focus */
.ml2-header .ml2-menu a:hover,
.ml2-header .ml2-menu a:focus{
  color: #ffffff !important;
  background: rgba(255,255,255,.08) !important;
}

/* 4) Aktywny/strong */
.ml2-header .ml2-menu a.ml2-strong{
  color: #f4f6fb !important;
  border: 1px solid rgba(214,179,106,.35) !important;
  background: rgba(214,179,106,.14) !important;
}

/* 5) Ghost */
.ml2-header .ml2-menu a.ml2-ghost{
  color: #f4f6fb !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  background: rgba(255,255,255,.05) !important;
}
.ml2-header .ml2-menu a.ml2-ghost:hover{
  background: rgba(255,255,255,.10) !important;
}

/* 6) CTA Zadzwoń – zostaje złote i zawsze widoczne */
.ml2-header .ml2-menu a.ml2-cta,
.ml2-header .ml2-menu a.ml2-cta:visited{
  background: #d6b36a !important;
  color: #0b0d12 !important;
  border: 1px solid rgba(0,0,0,.15) !important;
}
.ml2-header .ml2-menu a.ml2-cta:hover,
.ml2-header .ml2-menu a.ml2-cta:focus{
  background: #b9954f !important;
  color: #0b0d12 !important;
}

/* 7) Mobile dropdown – tło i linki też wymuszone */
@media (max-width: 980px){
  .ml2-header .ml2-menu{
    background: #111521 !important;
    border: 1px solid rgba(255,255,255,.14) !important;
  }
  .ml2-header .ml2-menu a{
    color: rgba(244,246,251,.90) !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cd4e50e */.ml2-hero{
  padding: 54px 0;
  background:
    radial-gradient(900px 380px at 15% 10%, rgba(214,179,106,.16), transparent 60%),
    radial-gradient(700px 320px at 85% 20%, rgba(255,255,255,.06), transparent 60%),
    #0b0d12;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.ml2-hero-grid{
  display: grid;
  grid-template-columns: 1.25fr 1fr;
  gap: 26px;
  align-items: stretch;
}

.ml2-badge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(214,179,106,.28);
  background: rgba(214,179,106,.10);
  color: rgba(244,246,251,.86);
  font-weight: 800;
  font-size: 13px;
  width: fit-content;

  /* dla długiej listy miast */
  line-height: 1.4;
  max-width: 100%;
}

.ml2-hero-h1{
  margin: 14px 0 10px;
  font-weight: 950;
  letter-spacing: -.4px;
  line-height: 1.06;
  font-size: clamp(30px, 3.2vw, 54px);

  /* czytelność na każdym tle */
  color: #ffffff !important;
  text-shadow:
    0 2px 10px rgba(0,0,0,.55),
    0 1px 2px rgba(0,0,0,.9);
}

.ml2-hero-h1 span{
  color: #d6b36a !important;
  text-shadow:
    0 2px 10px rgba(0,0,0,.55),
    0 1px 2px rgba(0,0,0,.9);
}

.ml2-hero-p{
  color: rgba(244,246,251,.72);
  font-size: 16px;
  line-height: 1.6;
  max-width: 62ch;
  margin: 0 0 18px;
}

.ml2-hero-ctas{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 18px;
}

.ml2-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 12px 14px;
  border-radius: 14px;
  font-weight: 900;
  text-decoration:none;
  font-size: 14px;
  border: 1px solid rgba(255,255,255,.10);
  transition: transform .15s ease, background .15s ease, color .15s ease, border-color .15s ease;
}

.ml2-btn-primary{
  background: #d6b36a;
  color: #0b0d12;
  border-color: rgba(0,0,0,.18);
  box-shadow: 0 14px 28px rgba(214,179,106,.16);
}
.ml2-btn-primary:hover{ transform: translateY(-1px); background:#caa55b; }

.ml2-btn-secondary{
  background: rgba(255,255,255,.06);
  color: #f4f6fb;
}
.ml2-btn-secondary:hover{ transform: translateY(-1px); background: rgba(255,255,255,.10); }

.ml2-btn-ghost{
  background: transparent;
  color: rgba(244,246,251,.84);
}
.ml2-btn-ghost:hover{ transform: translateY(-1px); background: rgba(255,255,255,.06); }

.ml2-hero-trust{
  display:flex;
  gap: 12px;
  flex-wrap: wrap;
  color: rgba(244,246,251,.65);
  font-weight: 700;
  font-size: 13px;
}

.ml2-trust-item{
  display:flex;
  align-items:center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: 12px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
}

.ml2-dot{
  width: 8px;
  height: 8px;
  border-radius: 99px;
  background: rgba(214,179,106,.95);
  box-shadow: 0 0 0 4px rgba(214,179,106,.18);
}

.ml2-hero-card{
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  box-shadow: 0 18px 40px rgba(0,0,0,.35);
  overflow: hidden;
  display:flex;
  flex-direction: column;
}

.ml2-hero-media{
  position: relative;
  min-height: 360px;
  background:
    linear-gradient(
      180deg,
      rgba(11,13,18,.18) 0%,
      rgba(11,13,18,.55) 55%,
      rgba(11,13,18,.92) 100%
    ),
    url("https://miro-lak2.pl/wp-content/uploads/2025/12/Miro-Lak-2-naprawy-blacharsko-lakiernicze.webp")
    center / cover no-repeat;
}

/* jeśli w HTML nadal jest div .ml2-hero-media-overlay, to go ukrywamy */
.ml2-hero-media-overlay{ display:none; }

.ml2-hero-mini{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  padding: 14px;
}

.ml2-mini{
  text-decoration:none;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  padding: 12px 12px;
  transition: transform .15s ease, background .15s ease, border-color .15s ease;
}

.ml2-mini:hover{
  transform: translateY(-2px);
  background: rgba(255,255,255,.06);
  border-color: rgba(214,179,106,.22);
}

.ml2-mini-top{
  color: #f4f6fb;
  font-weight: 950;
  font-size: 14px;
}

.ml2-mini-sub{
  margin-top: 6px;
  color: rgba(244,246,251,.68);
  font-weight: 700;
  font-size: 12px;
}

@media (max-width: 980px){
  .ml2-hero{ padding: 34px 0; }
  .ml2-hero-grid{ grid-template-columns: 1fr; }
  .ml2-hero-media{ min-height: 240px; }
  .ml2-hero-mini{ grid-template-columns: 1fr; }
}

/* ===== HERO: wariant B – hover/focus złoty (Cennik + Telefon) ===== */
/* MUSI być na samym końcu */

html[data-ml2-hero="B"] .ml2-hero #ml2Btn2:hover,
html[data-ml2-hero="B"] .ml2-hero #ml2Btn2:focus,
html[data-ml2-hero="B"] .ml2-hero #ml2Btn2:focus-visible,
html[data-ml2-hero="B"] .ml2-hero #ml2Btn3:hover,
html[data-ml2-hero="B"] .ml2-hero #ml2Btn3:focus,
html[data-ml2-hero="B"] .ml2-hero #ml2Btn3:focus-visible{
  background: #d6b36a !important;
  color: #0b0d12 !important;
  border-color: rgba(0,0,0,.18) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 14px 28px rgba(214,179,106,.16) !important;
  text-decoration: none !important;
}

/* focus ring (klawiatura / dostępność) */
html[data-ml2-hero="B"] .ml2-hero #ml2Btn2:focus-visible,
html[data-ml2-hero="B"] .ml2-hero #ml2Btn3:focus-visible{
  outline: 2px solid rgba(214,179,106,.55) !important;
  outline-offset: 2px !important;
}
/* ===== ML2 HERO – #ml2Btn3 MA BYĆ JAK PRIMARY (ZŁOTY) ===== */
/* Wklej NA SAM KONIEC */

.ml2-hero #ml2Btn3,
.ml2-hero a#ml2Btn3,
.ml2-hero a.ml2-btn-ghost[href^="tel:"]{
  background: #d6b36a !important;
  color: #0b0d12 !important;
  border-color: rgba(0,0,0,.18) !important;
  box-shadow: 0 14px 28px rgba(214,179,106,.16) !important;
  text-decoration: none !important;
}

.ml2-hero #ml2Btn3:hover,
.ml2-hero #ml2Btn3:focus{
  transform: translateY(-1px) !important;
  background: #caa55b !important; /* ciemniejszy złoty na hover */
  color: #0b0d12 !important;
}

/* jeśli Elementor trzyma kolor w środku */
.ml2-hero #ml2Btn3 *,
.ml2-hero a.ml2-btn-ghost[href^="tel:"] *{
  color: inherit !important;
}
/* ===== ML2 HERO – 3. PRZYCISK: BIAŁY → LEKKO SZARY (BEZ ZŁOTA) ===== */

/* stan normalny */
.ml2-hero #ml2Btn3,
.ml2-hero a#ml2Btn3{
  background: #ffffff !important;
  color: #0b0d12 !important;
  border: 1px solid rgba(0,0,0,.12) !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.10) !important;
  text-decoration: none !important;
}

/* hover / focus – LEKKO SZARY */
.ml2-hero #ml2Btn3:hover,
.ml2-hero #ml2Btn3:focus{
  background: #f1f2f4 !important;   /* jasny szary */
  color: #0b0d12 !important;
  border-color: rgba(0,0,0,.16) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 12px 24px rgba(0,0,0,.14) !important;
}

/* zabezpieczenie na span (Elementor) */
.ml2-hero #ml2Btn3 *,
.ml2-hero #ml2Btn3:hover *{
  color: inherit !important;
}
.ml2-hero-media {
  background:
    linear-gradient(
      180deg,
      rgba(11,13,18,.22) 0%,
      rgba(11,13,18,.72) 75%,
      rgba(11,13,18,.92) 100%
    ),
    url("https://miro-lak2.pl/wp-content/uploads/2025/12/Miro-Lak-2-Naprawy-Powypadkowe.webp")
    center / cover no-repeat;
  min-height: 380px;
}
/* ===== ML2 HERO – ŚRODKOWY PRZYCISK (FORMULARZ) – BIAŁY ===== */
/* NA SAM KONIEC */

.ml2-hero #ml2Btn2{
  background: #ffffff !important;
  color: #0b0d12 !important;
  border: 1px solid rgba(0,0,0,.12) !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.10) !important;
  text-decoration: none !important;
}

.ml2-hero #ml2Btn2:hover,
.ml2-hero #ml2Btn2:focus{
  background: #f1f2f4 !important;
  color: #0b0d12 !important;
  border-color: rgba(0,0,0,.16) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 12px 24px rgba(0,0,0,.14) !important;
}

/* zabezpieczenie na span (Elementor) */
.ml2-hero #ml2Btn2 *,
.ml2-hero #ml2Btn2:hover *{
  color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-63d7064 *//* ===== ML2 – SEKCJA NAPRAWY POWYPADKOWE ===== */

.ml2-service{
  padding: 80px 0;
  background: #0b0d12;
}

.ml2-service-head{
  max-width: 720px;
  margin-bottom: 46px;
}

.ml2-service-h2{
  color: #ffffff;
  font-size: clamp(26px, 2.6vw, 38px);
  font-weight: 950;
  margin-bottom: 12px;
}

.ml2-service-p{
  color: rgba(244,246,251,.72);
  font-size: 16px;
  line-height: 1.6;
}

.ml2-service-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

.ml2-service-item{
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 18px;
  padding: 22px;
  transition: transform .15s ease, border-color .15s ease;
}

.ml2-service-item:hover{
  transform: translateY(-2px);
  border-color: rgba(214,179,106,.35);
}

.ml2-service-icon{
  display:inline-flex;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  align-items:center;
  justify-content:center;
  background: rgba(214,179,106,.18);
  color: #d6b36a;
  font-weight: 900;
  margin-bottom: 10px;
}

.ml2-service-item h3{
  color: #ffffff;
  font-size: 16px;
  font-weight: 900;
  margin-bottom: 6px;
}

.ml2-service-item p{
  color: rgba(244,246,251,.68);
  font-size: 14px;
  line-height: 1.5;
}

.ml2-service-cta{
  margin-top: 42px;
}

@media (max-width: 980px){
  .ml2-service-grid{
    grid-template-columns: 1fr;
  }
}
/* ===== ML2 – SEKCJA NAPRAWY POWYPADKOWE (BIAŁE TŁO / CENTER) ===== */
/* WERSJA FINALNA – NA SAM KONIEC */

/* tło sekcji */
.ml2-service{
  padding: 80px 0;
  background: #ffffff !important;
}

/* nagłówek + opis WYŚRODKOWANE */
.ml2-service-head{
  max-width: 760px;
  margin: 0 auto 56px;
  text-align: center;
}

.ml2-service-h2{
  color: #0b0d12 !important;
  font-size: clamp(26px, 2.6vw, 38px);
  font-weight: 950;
  margin-bottom: 18px;
  position: relative;
  padding-bottom: 18px;
}

/* ZŁOTA KRESKA – CIENIOWANA JAK NA INNYCH STRONACH */
.ml2-service-h2::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  transform: translateX(-50%);
  width: 92px;
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(
    90deg,
    rgba(214,179,106,0),
    rgba(214,179,106,1),
    rgba(214,179,106,0)
  );
  box-shadow:
    0 0 0 1px rgba(214,179,106,.18),
    0 4px 14px rgba(214,179,106,.45);
}

.ml2-service-p{
  color: rgba(11,13,18,.75) !important;
  font-size: 16px;
  line-height: 1.6;
}

/* kafelki – jasne, premium */
.ml2-service-item{
  background: #ffffff !important;
  border: 1px solid rgba(11,13,18,.12) !important;
  border-radius: 18px;
  padding: 22px;
  box-shadow: 0 16px 36px rgba(11,13,18,.08);
  transition: transform .15s ease, border-color .15s ease;
}

.ml2-service-item:hover{
  transform: translateY(-2px);
  border-color: rgba(214,179,106,.55) !important;
}

/* numerki */
.ml2-service-icon{
  background: linear-gradient(
    180deg,
    rgba(214,179,106,.35),
    rgba(214,179,106,.15)
  ) !important;
  color: #b88f3d !important;
  box-shadow: 0 6px 16px rgba(214,179,106,.35);
}

/* teksty w kafelkach */
.ml2-service-item h3{
  color: #0b0d12 !important;
}

.ml2-service-item p{
  color: rgba(11,13,18,.72) !important;
}

/* CTA – ZŁOTY PRZYCISK JAK W HERO */
.ml2-service-cta{
  margin-top: 46px;
  text-align: center;
}

.ml2-service-cta .ml2-btn-primary{
  background: #d6b36a !important;
  color: #0b0d12 !important;
  border-color: rgba(0,0,0,.18) !important;
  box-shadow: 0 14px 28px rgba(214,179,106,.18) !important;
}

.ml2-service-cta .ml2-btn-primary:hover,
.ml2-service-cta .ml2-btn-primary:focus{
  background: #caa55b !important; /* identyczny hover jak w hero */
  transform: translateY(-1px) !important;
}

/* zabezpieczenie Elementora */
.ml2-service-cta .ml2-btn-primary *,
.ml2-service-cta .ml2-btn-primary:hover *{
  color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8dad9e4 *//* ===== ML2 – PROCES NAPRAWY (CIEMNE TŁO) – FIX H2 ===== */

.ml2-process{
  padding: 90px 0;
  background:
    radial-gradient(900px 380px at 15% 10%, rgba(214,179,106,.14), transparent 60%),
    #0b0d12;
}

/* wyśrodkowanie */
.ml2-process-head{
  max-width: 760px;
  margin: 0 auto 56px;
  text-align: center;
}

/* HARD FIX: przebija Elementor/global H2 */
section.ml2-process h2.ml2-process-h2,
.ml2-process .ml2-process-h2,
.ml2-process h2{
  color: #ffffff !important;
  font-size: clamp(26px, 2.6vw, 38px);
  font-weight: 950;
  margin-bottom: 18px;
  position: relative;
  padding-bottom: 18px;
  text-shadow: 0 2px 10px rgba(0,0,0,.55); /* żeby zawsze było czytelne */
}

/* złota kreska – cieniowana */
section.ml2-process h2.ml2-process-h2::after,
.ml2-process .ml2-process-h2::after,
.ml2-process h2::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  transform: translateX(-50%);
  width: 92px;
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(
    90deg,
    rgba(214,179,106,0),
    rgba(214,179,106,1),
    rgba(214,179,106,0)
  );
  box-shadow:
    0 0 0 1px rgba(214,179,106,.18),
    0 4px 14px rgba(214,179,106,.45);
}

/* opis */
.ml2-process-p{
  color: rgba(244,246,251,.75) !important;
  font-size: 16px;
  line-height: 1.6;
}

/* grid kroków */
.ml2-process-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px;
}

/* pojedynczy krok */
.ml2-process-step{
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 18px;
  padding: 26px;
  transition: transform .15s ease, border-color .15s ease;
}

.ml2-process-step:hover{
  transform: translateY(-2px);
  border-color: rgba(214,179,106,.45);
}

/* numer kroku */
.ml2-process-num{
  display:inline-flex;
  width: 36px;
  height: 36px;
  align-items:center;
  justify-content:center;
  border-radius: 50%;
  background: rgba(214,179,106,.18);
  color: #d6b36a;
  font-weight: 900;
  margin-bottom: 12px;
}

/* teksty */
.ml2-process-step h3{
  color: #ffffff !important;
  font-size: 16px;
  font-weight: 900;
  margin-bottom: 8px;
}

.ml2-process-step p{
  color: rgba(244,246,251,.72) !important;
  font-size: 14px;
  line-height: 1.5;
}

/* CTA */
.ml2-process-cta{
  margin-top: 52px;
  text-align: center;
}

.ml2-process-cta .ml2-btn-primary{
  background: #d6b36a;
  color: #0b0d12;
  box-shadow: 0 14px 28px rgba(214,179,106,.18);
}

.ml2-process-cta .ml2-btn-primary:hover{
  background: #caa55b;
  transform: translateY(-1px);
}

/* mobile */
@media (max-width: 980px){
  .ml2-process-grid{
    grid-template-columns: 1fr;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7aafdb1 *//* ===== ML2 – AUTO ZASTĘPCZE I FORMALNOŚCI (BIAŁE TŁO) ===== */

.ml2-assistance{
  padding: 90px 0;
  background: #ffffff;
}

/* nagłówek – center + złota kreska */
.ml2-assistance-head{
  max-width: 760px;
  margin: 0 auto 56px;
  text-align: center;
}

.ml2-assistance-h2{
  color: #0b0d12;
  font-size: clamp(26px, 2.6vw, 38px);
  font-weight: 950;
  margin-bottom: 18px;
  position: relative;
  padding-bottom: 18px;
}

.ml2-assistance-h2::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  transform: translateX(-50%);
  width: 92px;
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(
    90deg,
    rgba(214,179,106,0),
    rgba(214,179,106,1),
    rgba(214,179,106,0)
  );
  box-shadow:
    0 0 0 1px rgba(214,179,106,.18),
    0 4px 14px rgba(214,179,106,.45);
}

.ml2-assistance-p{
  color: rgba(11,13,18,.75);
  font-size: 16px;
  line-height: 1.6;
}

/* grid */
.ml2-assistance-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px;
}

/* kafelki */
.ml2-assistance-item{
  background: #ffffff;
  border: 1px solid rgba(11,13,18,.12);
  border-radius: 18px;
  padding: 26px;
  box-shadow: 0 16px 36px rgba(11,13,18,.08);
  transition: transform .15s ease, border-color .15s ease;
}

.ml2-assistance-item:hover{
  transform: translateY(-2px);
  border-color: rgba(214,179,106,.55);
}

.ml2-assistance-item h3{
  color: #0b0d12;
  font-size: 16px;
  font-weight: 900;
  margin-bottom: 8px;
}

.ml2-assistance-item p{
  color: rgba(11,13,18,.72);
  font-size: 14px;
  line-height: 1.5;
}

/* CTA */
.ml2-assistance-cta{
  margin-top: 52px;
  text-align: center;
}

.ml2-assistance-cta .ml2-btn-primary{
  background: #d6b36a;
  color: #0b0d12;
  box-shadow: 0 14px 28px rgba(214,179,106,.18);
}

.ml2-assistance-cta .ml2-btn-primary:hover{
  background: #caa55b;
  transform: translateY(-1px);
}

/* mobile */
@media (max-width: 980px){
  .ml2-assistance-grid{
    grid-template-columns: 1fr;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-af8309f *//* ===== ML2 – DLACZEGO MY (CIEMNE TŁO) ===== */

.ml2-trust{
  padding: 90px 0;
  background:
    radial-gradient(900px 380px at 85% 10%, rgba(214,179,106,.14), transparent 60%),
    #0b0d12;
}

/* nagłówek */
.ml2-trust-head{
  max-width: 760px;
  margin: 0 auto 56px;
  text-align: center;
}

section.ml2-trust h2.ml2-trust-h2{
  color: #ffffff !important;
  font-size: clamp(26px, 2.6vw, 38px);
  font-weight: 950;
  margin-bottom: 18px;
  position: relative;
  padding-bottom: 18px;
}

/* złota kreska – cieniowana */
section.ml2-trust h2.ml2-trust-h2::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  transform: translateX(-50%);
  width: 92px;
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(
    90deg,
    rgba(214,179,106,0),
    rgba(214,179,106,1),
    rgba(214,179,106,0)
  );
  box-shadow:
    0 0 0 1px rgba(214,179,106,.18),
    0 4px 14px rgba(214,179,106,.45);
}

.ml2-trust-p{
  color: rgba(244,246,251,.75);
  font-size: 16px;
  line-height: 1.6;
}

/* grid */
.ml2-trust-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px;
}

/* kafelki */
.ml2-trust-item{
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 18px;
  padding: 26px;
  transition: transform .15s ease, border-color .15s ease;
}

.ml2-trust-item:hover{
  transform: translateY(-2px);
  border-color: rgba(214,179,106,.45);
}

.ml2-trust-icon{
  display:inline-flex;
  width: 34px;
  height: 34px;
  align-items:center;
  justify-content:center;
  border-radius: 50%;
  background: rgba(214,179,106,.18);
  color: #d6b36a;
  font-weight: 900;
  margin-bottom: 12px;
}

.ml2-trust-item h3{
  color: #ffffff;
  font-size: 16px;
  font-weight: 900;
  margin-bottom: 8px;
}

.ml2-trust-item p{
  color: rgba(244,246,251,.72);
  font-size: 14px;
  line-height: 1.5;
}

/* mobile */
@media (max-width: 980px){
  .ml2-trust-grid{
    grid-template-columns: 1fr;
  }
}
/* ===== ML2 – DLACZEGO MY (CIEMNE TŁO / KROPKI JAK NA INNYCH STRONACH) ===== */

.ml2-trust{
  padding: 90px 0;
  background:
    radial-gradient(900px 380px at 85% 10%, rgba(214,179,106,.14), transparent 60%),
    #0b0d12;
}

/* nagłówek */
.ml2-trust-head{
  max-width: 760px;
  margin: 0 auto 56px;
  text-align: center;
}

.ml2-trust-h2{
  color: #ffffff !important;
  font-size: clamp(26px, 2.6vw, 38px);
  font-weight: 950;
  margin-bottom: 18px;
  position: relative;
  padding-bottom: 18px;
}

/* złota, cieniowana kreska */
.ml2-trust-h2::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  transform: translateX(-50%);
  width: 92px;
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(
    90deg,
    rgba(214,179,106,0),
    rgba(214,179,106,1),
    rgba(214,179,106,0)
  );
  box-shadow:
    0 0 0 1px rgba(214,179,106,.18),
    0 4px 14px rgba(214,179,106,.45);
}

.ml2-trust-p{
  color: rgba(244,246,251,.75);
  font-size: 16px;
  line-height: 1.6;
}

/* grid */
.ml2-trust-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px;
}

/* kafelek */
.ml2-trust-item{
  display: grid;
  grid-template-columns: 22px 1fr;
  column-gap: 14px;
  align-items: start;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 18px;
  padding: 26px;
  transition: transform .15s ease, border-color .15s ease;
}

.ml2-trust-item:hover{
  transform: translateY(-2px);
  border-color: rgba(214,179,106,.45);
}

/* ZŁOTA KROPKA – JAK NA INNYCH SEKCJACH */
.ml2-trust-dot{
  width: 10px;
  height: 10px;
  margin-top: 7px;
  border-radius: 999px;
  background: rgba(214,179,106,.95);
  box-shadow: 0 0 0 4px rgba(214,179,106,.18);
}

/* tekst */
.ml2-trust-item h3{
  color: #ffffff;
  font-size: 16px;
  font-weight: 900;
  margin: 0 0 8px;
}

.ml2-trust-item p{
  color: rgba(244,246,251,.72);
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
}

/* mobile */
@media (max-width: 980px){
  .ml2-trust-grid{
    grid-template-columns: 1fr;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0bd7f95 *//* ===== ML2 – FINAL CTA (LEAN) ===== */

.ml2-final{
  padding: 90px 0;
  background:#fff;
}

/* nagłówek */
.ml2-final-head{
  max-width:820px;
  margin:0 auto 52px;
  text-align:center;
}

.ml2-final-h2{
  color:#0b0d12;
  font-size:clamp(26px,2.6vw,40px);
  font-weight:950;
  margin:0 0 18px;
  padding-bottom:18px;
  position:relative;
}

/* złota kreska */
.ml2-final-h2::after{
  content:"";
  position:absolute;
  left:50%; bottom:0;
  transform:translateX(-50%);
  width:92px; height:4px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(214,179,106,0),rgba(214,179,106,1),rgba(214,179,106,0));
  box-shadow:0 0 0 1px rgba(214,179,106,.18),0 4px 14px rgba(214,179,106,.45);
}

.ml2-final-p{
  color:rgba(11,13,18,.78);
  font-size:16px;
  line-height:1.6;
}

/* grid */
.ml2-final-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:26px;
}

/* karty */
.ml2-final-card{
  background:#fff;
  border:1px solid rgba(11,13,18,.12);
  border-radius:18px;
  padding:26px;
  box-shadow:0 16px 36px rgba(11,13,18,.08);
  transition:transform .15s,border-color .15s;
}

.ml2-final-card:hover{
  transform:translateY(-2px);
  border-color:rgba(214,179,106,.55);
}

.ml2-final-top{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:10px;
}

.ml2-final-dot{
  width:10px; height:10px;
  border-radius:50%;
  background:rgba(214,179,106,.95);
  box-shadow:0 0 0 4px rgba(214,179,106,.18);
}

.ml2-final-card h3{
  margin:0;
  color:#0b0d12;
  font-size:16px;
  font-weight:950;
}

.ml2-final-card p{
  margin:0 0 12px;
  color:rgba(11,13,18,.72);
  font-size:14px;
  line-height:1.5;
}

/* link w kartach */
.ml2-final-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border-radius:14px;
  font-weight:950;
  color:#0b0d12;
  text-decoration:none;
  background:rgba(214,179,106,.18);
  border:1px solid rgba(214,179,106,.28);
}

.ml2-final-link:hover{
  background:rgba(214,179,106,.26);
}

/* CTA */
.ml2-final-cta{
  margin-top:44px;
  display:flex;
  gap:12px;
  justify-content:center;
  flex-wrap:wrap;
}

.ml2-final-cta .ml2-btn{
  transition:all .18s cubic-bezier(.4,0,.2,1);
}

/* złoty przycisk */
.ml2-final-cta .ml2-btn-primary:hover{
  background:#caa55b !important;
  transform:translateY(-1px);
}

/* FORMULARZ – biały, bez złota */
.ml2-final-cta a.ml2-final-secondary{
  background:#fff !important;
  color:#0b0d12 !important;
  border:1px solid rgba(0,0,0,.12) !important;
  box-shadow:0 10px 22px rgba(0,0,0,.10) !important;
}

.ml2-final-cta a.ml2-final-secondary:hover,
.ml2-final-cta a.ml2-final-secondary:focus{
  background:#f1f2f4 !important;
  border-color:rgba(0,0,0,.18) !important;
  box-shadow:0 12px 24px rgba(0,0,0,.14) !important;
  transform:translateY(-1px);
}

/* mobile */
@media (max-width:980px){
  .ml2-final-grid{ grid-template-columns:1fr; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-aaa7915 */.ml2-footer{
  background: #070910;
  border-top: 1px solid var(--ml2-border);
  color: var(--ml2-text);
}

.ml2-footer-grid{
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr 1.2fr;
  gap: 22px;
  padding: 34px 0;
}

.ml2-foot-brand{
  display:flex;
  align-items:center;
  gap: 14px;
}

.ml2-foot-logo{
  width: 52px; height: 52px;
  border-radius: 50%;
  box-shadow: 0 10px 22px rgba(0,0,0,.30);
}

.ml2-foot-name{ font-weight: 950; letter-spacing: .4px; }
.ml2-foot-sub{ margin-top: 6px; color: var(--ml2-muted); font-size: 13px; line-height: 1.4; }

.ml2-foot-title{ font-weight: 950; margin-bottom: 12px; }
.ml2-foot-links{ list-style:none; padding:0; margin:0; display:grid; gap: 8px; }
.ml2-foot-links a, .ml2-footer a{ color: var(--ml2-muted); text-decoration:none; font-weight: 750; }
.ml2-foot-links a:hover, .ml2-footer a:hover{ color: var(--ml2-text); }

.ml2-foot-contact{ display:flex; gap:10px; flex-wrap: wrap; margin-bottom: 12px; }
.ml2-foot-btn{
  display:inline-block;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid var(--ml2-border);
  background: rgba(255,255,255,.04);
  color: var(--ml2-text);
  text-decoration:none;
  font-weight: 900;
  font-size: 14px;
}
.ml2-foot-btn2{
  background: rgba(214,179,106,.14);
  border: 1px solid rgba(214,179,106,.28);
  color: var(--ml2-text);
}

.ml2-foot-note{ color: var(--ml2-muted); font-size: 13px; line-height: 1.55; }

.ml2-footer-bottom{
  border-top: 1px solid var(--ml2-border);
  padding: 14px 0;
}
.ml2-footer-bottom-inner{
  display:flex;
  align-items:center;
  gap:10px;
  color: var(--ml2-muted);
  font-size: 13px;
}
.ml2-foot-dot{ opacity:.35; }

@media (max-width: 980px){
  .ml2-footer-grid{ grid-template-columns: 1fr; padding: 26px 0; }
  .ml2-footer-bottom-inner{ flex-wrap: wrap; }
}
.ml2-owner{
  color: rgba(244,246,251,.55);
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}
.ml2-owner a{
  color: rgba(214,179,106,.9);
  text-decoration: none;
  font-weight: 700;
}

.ml2-owner a:hover{
  color: #d6b36a;
  text-decoration: underline;
}
/* ===== ML2 FOOTER – FIX WIDOCZNOŚCI (FINAL) ===== */
.ml2-footer{
  /* tło OK, zostaje */
  background: #070910;

  /* NADPISANIE ZMIENNYCH – kluczowe */
  --ml2-text: #f4f6fb;
  --ml2-muted: rgba(244,246,251,.70);
  --ml2-border: rgba(255,255,255,.12);

  color: var(--ml2-text);
}

/* nagłówki kolumn */
.ml2-foot-title{
  color: #f4f6fb;
}

/* nazwa firmy */
.ml2-foot-name{
  color: #f4f6fb;
}

/* opisy / drobny tekst */
.ml2-foot-sub,
.ml2-foot-note,
.ml2-footer-bottom-inner{
  color: var(--ml2-muted);
}

/* linki */
.ml2-footer a,
.ml2-foot-links a{
  color: rgba(244,246,251,.75);
}

.ml2-footer a:hover,
.ml2-foot-links a:hover{
  color: #ffffff;
}

/* przyciski kontaktowe */
.ml2-foot-btn{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.18);
  color: #f4f6fb;
}

.ml2-foot-btn:hover{
  background: rgba(255,255,255,.12);
}

/* złoty wariant */
.ml2-foot-btn2{
  background: rgba(214,179,106,.18);
  border: 1px solid rgba(214,179,106,.45);
  color: #f4f6fb;
}

.ml2-foot-btn2:hover{
  background: rgba(214,179,106,.28);
}

/* dolna belka */
.ml2-footer-bottom{
  border-top: 1px solid rgba(255,255,255,.12);
}

/* podpis autora */
.ml2-owner{
  color: rgba(244,246,251,.65);
}

.ml2-owner a{
  color: #d6b36a;
}

.ml2-owner a:hover{
  color: #f0d38a;
}/* End custom CSS */