.elementor-268 .elementor-element.elementor-element-9144238 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-268 .elementor-element.elementor-element-072d178{width:100%;max-width:100%;}.elementor-268 .elementor-element.elementor-element-072d178 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-268 .elementor-element.elementor-element-5caf762 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-268 .elementor-element.elementor-element-b559aba > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-268 .elementor-element.elementor-element-112e47e > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-268 .elementor-element.elementor-element-1ff55e3 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-268 .elementor-element.elementor-element-b65fe2d > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-268 .elementor-element.elementor-element-3ec989d > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-268 .elementor-element.elementor-element-0afc753 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-268 .elementor-element.elementor-element-0a1b4cd > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-268 .elementor-element.elementor-element-2514d21 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-268 .elementor-element.elementor-element-86af8ef > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-268 .elementor-element.elementor-element-bd1ffe5 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-268 .elementor-element.elementor-element-f0fddb1{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-268 .elementor-element.elementor-element-107e6b3 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-268 .elementor-element.elementor-element-b26f90a{width:100%;max-width:100%;align-self:center;}.elementor-268 .elementor-element.elementor-element-b26f90a > .elementor-widget-container{padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-268 .elementor-element.elementor-element-107e6b3{width:100%;}}/* Start custom CSS for html, class: .elementor-element-072d178 */: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-7e3a9ec *//* === HERO PODSTRONY: wymuszenie zwężenia (jeśli motyw/Elementor rozciąga) === */
.ml2-hero--oc .ml2-wrap{
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 18px !important;
  padding-right: 18px !important;
}

/* === Zdjęcie tylko dla tej podstrony (OC) === */
.ml2-hero-media--oc{
  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-Bezgotowkowa-naprawa-z-OC-sprawcy-Tychy-i-Slask.jpg")
    center / cover no-repeat !important;
}

/* (opcjonalnie) trochę niższa karta na podstronie, żeby było zgrabniej */
.ml2-hero--oc .ml2-hero-media{ min-height: 320px; }

@media (max-width: 980px){
  .ml2-hero--oc .ml2-hero-media{ min-height: 220px; }
}
/* =========================================================
   ML2 – HERO PODSTRONY /naprawy-z-oc-sprawcy/
   - 1) PRIMARY zostaje ZŁOTY
   - 2) pozostałe (SECONDARY/GHOST) są BIAŁE
   - 3) hover dla białych: tylko lekko SZARY (bez złota)
   Wklej NA SAM KONIEC CSS
========================================================= */

/* bazowo – niech CTA mają odstępy */
.ml2-hero--oc .ml2-hero-ctas{
  gap: 12px !important;
}

/* PRIMARY (złoty) – zostaje jak na stronie głównej */
.ml2-hero--oc a.ml2-btn-primary,
.ml2-hero--oc a.ml2-btn-primary.elementor-button{
  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;
}
.ml2-hero--oc a.ml2-btn-primary:hover,
.ml2-hero--oc a.ml2-btn-primary:focus{
  background: #caa55b !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 14px 28px rgba(214,179,106,.18) !important;
}

/* BIAŁE (secondary / ghost) – stan normalny */
.ml2-hero--oc a.ml2-btn-secondary,
.ml2-hero--oc a.ml2-btn-ghost,
.ml2-hero--oc a.ml2-btn-secondary.elementor-button,
.ml2-hero--oc a.ml2-btn-ghost.elementor-button{
  background: #ffffff !important;
  color: #0b0d12 !important;
  border: 1px solid rgba(0,0,0,.14) !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.10) !important;
  filter: none !important;
  opacity: 1 !important;
}

/* HOVER białych: TYLKO lekko szare (bez złota) */
.ml2-hero--oc a.ml2-btn-secondary:hover,
.ml2-hero--oc a.ml2-btn-secondary:focus,
.ml2-hero--oc a.ml2-btn-ghost:hover,
.ml2-hero--oc a.ml2-btn-ghost:focus,
.ml2-hero--oc a.ml2-btn-secondary.elementor-button:hover,
.ml2-hero--oc a.ml2-btn-secondary.elementor-button:focus,
.ml2-hero--oc a.ml2-btn-ghost.elementor-button:hover,
.ml2-hero--oc a.ml2-btn-ghost.elementor-button:focus{
  background: #f2f3f5 !important;       /* lekki szary */
  color: #0b0d12 !important;
  border-color: rgba(0,0,0,.18) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 12px 26px rgba(0,0,0,.14) !important;
}

/* gdy Elementor trzyma kolor w środku (span) */
.ml2-hero--oc a.ml2-btn-primary *,
.ml2-hero--oc a.ml2-btn-secondary *,
.ml2-hero--oc a.ml2-btn-ghost *{
  color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a8a36b8 *//* ===== BREADCRUMBS – JASNA WERSJA (SEO / UX) ===== */
/* Wklej NA SAM KONIEC CSS */

.ml2-bc{
  background: #f2f3f5 !important;
  border-bottom: 1px solid rgba(11,13,18,.12) !important;
}

.ml2-bc-list{
  list-style: none;
  padding: 12px 0 !important;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;

  color: rgba(11,13,18,.70) !important;
  font-weight: 800;
  font-size: 13px;
}

/* linki */
.ml2-bc-list a{
  color: #d6b36a !important;
  text-decoration: none;
  font-weight: 900;
  transition: color .15s ease;
}

.ml2-bc-list a:hover{
  color: #0b0d12 !important;
}

/* aktualna strona */
.ml2-bc-list li[aria-current="page"]{
  color: rgba(11,13,18,.85) !important;
  font-weight: 900;
}

/* separator */
.ml2-bc-sep{
  opacity: .35 !important;
  color: rgba(11,13,18,.55) !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e13a69b *//* ===== KROK 12: Co zrobić po kolizji (timeline) ===== */
.ml2-steps12{
  padding: 78px 0;
  background:
    radial-gradient(900px 380px at 15% 10%, rgba(214,179,106,.12), transparent 60%),
    #0b0d12;
  border-top: 1px solid rgba(255,255,255,.08);
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.ml2-steps12-head{
  text-align:center;
  max-width: 920px;
  margin: 0 auto 26px;
}

.ml2-steps12-lead{
  margin: 10px 0 0;
  color: rgba(244,246,251,.72);
  font-size: 16px;
  line-height: 1.6;
}

.ml2-steps12-grid{
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 16px;
  align-items: start;
  margin-top: 18px;
}

/* Timeline */
.ml2-steps12-timeline{
  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);
  padding: 14px;
  position: relative;
}

.ml2-step12{
  display:flex;
  gap: 12px;
  padding: 14px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.03);
  margin: 10px 0;
  position: relative;
}

.ml2-step12-n{
  width: 36px;
  height: 36px;
  border-radius: 14px;
  display:grid;
  place-items:center;
  background: rgba(214,179,106,.16);
  border: 1px solid rgba(214,179,106,.35);
  color: #f4f6fb;
  font-weight: 950;
  flex: 0 0 36px;
}

.ml2-step12-title{
  color:#fff;
  font-weight: 950;
  font-size: 15px;
  line-height: 1.25;
}

.ml2-step12-text{
  margin-top: 6px;
  color: rgba(244,246,251,.72);
  font-size: 14px;
  line-height: 1.6;
}

/* Panel po prawej */
.ml2-steps12-side{
  border-radius: 22px;
  border: 1px solid rgba(214,179,106,.22);
  background: rgba(214,179,106,.10);
  box-shadow: 0 18px 40px rgba(0,0,0,.25);
  padding: 18px;
  position: sticky;
  top: 90px;
}

.ml2-steps12-side-badge{
  display:inline-flex;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(11,13,18,.35);
  border: 1px solid rgba(255,255,255,.10);
  color: rgba(244,246,251,.86);
  font-weight: 900;
  font-size: 12px;
}

.ml2-steps12-side-title{
  margin-top: 12px;
  color:#fff;
  font-weight: 950;
  font-size: 18px;
}

.ml2-steps12-side-sub{
  margin-top: 8px;
  color: rgba(244,246,251,.72);
  font-size: 14px;
  line-height: 1.55;
}

.ml2-steps12-actions{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 14px;
}

.ml2-steps12-mini{
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(255,255,255,.10);
  color: rgba(244,246,251,.70);
  font-size: 13px;
  line-height: 1.55;
}

.ml2-steps12-mini a{
  color: rgba(244,246,251,.92);
  text-decoration: none;
  border-bottom: 1px dashed rgba(214,179,106,.45);
}
.ml2-steps12-mini a:hover{ color:#fff; }

@media (max-width: 980px){
  .ml2-steps12-grid{ grid-template-columns: 1fr; }
  .ml2-steps12-side{ position: static; top:auto; }
}
/* ===== FIX: biały przycisk "Umów oględziny" ===== */
.ml2-kolizja .ml2-kbtn-ghost,
.ml2-kolizja .ml2-kbtn-ghost:visited{
  background: #ffffff !important;
  color: #0b0d12 !important;
  border-color: rgba(11,13,18,.18) !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.12) !important;
  background-image: none !important;
  filter: none !important;
  opacity: 1 !important;
}

.ml2-kolizja .ml2-kbtn-ghost:hover,
.ml2-kolizja .ml2-kbtn-ghost:focus,
.ml2-kolizja .ml2-kbtn-ghost:focus-visible{
  background: #f2f3f5 !important;  /* lekko szary */
  color: #0b0d12 !important;
  border-color: rgba(11,13,18,.28) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 14px 28px rgba(0,0,0,.16) !important;
}

/* gdyby tekst był w środku w <span> */
.ml2-kolizja .ml2-kbtn-ghost *{
  color: inherit !important;
}
/* ===== ZŁOTA KRESKA POD GŁÓWNYM TYTUŁEM (KROK 12 / KOLIZJA) ===== */

/* Upewniamy się, że tytuł jest "pozycjonowalny" */
:where(.ml2-steps12, .ml2-kolizja) :where(.elementor-heading-title, h1, h2):first-of-type{
  position: relative !important;
  display: inline-block;          /* ważne, bo czasem heading jest inline */
  padding-bottom: 14px !important;
}

/* Kreska */
:where(.ml2-steps12, .ml2-kolizja) :where(.elementor-heading-title, h1, h2):first-of-type::after{
  content: "" !important;
  display: block !important;
  width: 96px !important;
  height: 4px !important;
  margin: 12px auto 0 !important;
  border-radius: 999px !important;

  background: linear-gradient(
    90deg,
    rgba(214,179,106,0),
    rgba(214,179,106,.95),
    rgba(214,179,106,0)
  ) !important;

  box-shadow:
    0 2px 10px rgba(214,179,106,.35),
    0 0 0 1px rgba(214,179,106,.22) !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-474d7fe *//* ===== OC – PROCES (4 kroki) ===== */
.ml2-steps-sec{
  padding: 68px 0;
  background: #f5f6f8;
  border-top: 1px solid rgba(0,0,0,.06);
  border-bottom: 1px solid rgba(0,0,0,.06);
}

.ml2-steps-head{
  text-align:center;
  max-width: 900px;
  margin: 0 auto 26px;
}

.ml2-steps-lead{
  margin: 10px 0 0;
  color: rgba(11,13,18,.72);
  font-size: 16px;
  line-height: 1.6;
}

.ml2-steps-grid{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin-top: 22px;
}

.ml2-step-card{
  background:#fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 22px;
  padding: 18px 18px;
  box-shadow: 0 16px 40px rgba(0,0,0,.10);
  display:flex;
  flex-direction: column;
  min-height: 260px;
}

.ml2-step-top{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}

.ml2-step-icon{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#0b0d12;
  background: rgba(214,179,106,.18);
  border: 1px solid rgba(214,179,106,.35);
}

.ml2-step-icon svg{ width: 22px; height: 22px; }

.ml2-step-badge{
  font-weight: 900;
  font-size: 12px;
  color: rgba(11,13,18,.78);
  background: #f6f7f9;
  border: 1px solid rgba(0,0,0,.08);
  padding: 7px 10px;
  border-radius: 999px;
}

.ml2-step-h3{
  margin: 6px 0 8px;
  font-weight: 950;
  color:#0b0d12;
  font-size: 16px;
  line-height: 1.25;
}

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

.ml2-step-actions{
  margin-top: auto;
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
}

.ml2-step-foot{
  margin-top: auto;
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
}

.ml2-step-chip{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 9px 10px;
  border-radius: 999px;
  background: #f6f7f9;
  border: 1px solid rgba(0,0,0,.08);
  color: rgba(11,13,18,.78);
  font-weight: 800;
  font-size: 12px;
}

/* jeśli nie masz już .ml2-dot na tej stronie */
.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,.14);
}

@media (max-width: 1100px){
  .ml2-steps-grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 680px){
  .ml2-steps-sec{ padding: 52px 0; }
  .ml2-steps-grid{ grid-template-columns: 1fr; }
}
/* ===== FIX: ML2 PROCES (badge zawsze widoczny + spójny hover linków) ===== */

/* 1) Badge "Krok X" – zawsze widoczny (niezależnie od hover/opacity z motywu) */
.ml2-steps-sec .ml2-step-badge{
  opacity: 1 !important;
  visibility: visible !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  background: #f6f7f9 !important;
  color: rgba(11,13,18,.78) !important;
  border: 1px solid rgba(0,0,0,.08) !important;

  position: relative !important;
  z-index: 2 !important;
  filter: none !important;
}

/* 2) Zdejmij "żółte podświetlenie" – styluj wszystkie linki w stopce/akcjach jako pill */
.ml2-steps-sec .ml2-step-actions a,
.ml2-steps-sec .ml2-step-foot a{
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;

  padding: 9px 12px !important;
  border-radius: 999px !important;

  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,.10) !important;

  color: rgba(11,13,18,.88) !important;
  font-weight: 900 !important;
  text-decoration: none !important;

  transition: transform .15s ease, background .15s ease, border-color .15s ease, color .15s ease !important;
}

/* Hover ma być TYLKO lekko szary (bez złota) */
.ml2-steps-sec .ml2-step-actions a:hover,
.ml2-steps-sec .ml2-step-foot a:hover,
.ml2-steps-sec .ml2-step-actions a:focus,
.ml2-steps-sec .ml2-step-foot a:focus{
  background: #f2f3f5 !important;
  border-color: rgba(0,0,0,.14) !important;
  color: #0b0d12 !important;
  transform: translateY(-1px) !important;
}

/* 3) Jeśli Elementor/motyw trzyma kolor w <span> */
.ml2-steps-sec .ml2-step-actions a *,
.ml2-steps-sec .ml2-step-foot a *{
  color: inherit !important;
}
/* ===== ZŁOTA KRESKA POD TYTUŁEM (ML2 PROCES / 4 KROKI) ===== */
.ml2-steps-head :is(h1,h2,h3,.elementor-heading-title){
  position: relative !important;
  display: inline-block !important;
  padding-bottom: 14px !important;
}

.ml2-steps-head :is(h1,h2,h3,.elementor-heading-title)::after{
  content: "" !important;
  display: block !important;
  width: 96px !important;
  height: 4px !important;
  margin: 12px auto 0 !important;
  border-radius: 999px !important;

  background: linear-gradient(
    90deg,
    rgba(214,179,106,0),
    rgba(214,179,106,.95),
    rgba(214,179,106,0)
  ) !important;

  box-shadow:
    0 2px 10px rgba(214,179,106,.28),
    0 0 0 1px rgba(214,179,106,.18) !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-644a975 *//* ===== OC – KROK 2: ZAUFANIE / KORZYŚCI ===== */
.ml2-oc-proof{
  padding: 64px 0;
  background: #f5f6f8;
}

.ml2-oc-proof-head{
  text-align:center;
  max-width: 920px;
  margin: 0 auto 18px;
}

.ml2-oc-proof-lead{
  margin: 10px 0 0;
  color: rgba(11,13,18,.72);
  font-size: 16px;
  line-height: 1.6;
}

.ml2-oc-proof-chips{
  display:flex;
  flex-wrap: wrap;
  justify-content:center;
  gap: 10px;
  margin: 18px auto 22px;
  max-width: 1050px;
}

.ml2-proof-chip{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 9px 12px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.08);
  background: #ffffff;
  color: rgba(11,13,18,.78);
  font-weight: 850;
  font-size: 13px;
}

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

.ml2-oc-proof-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-top: 10px;
}

.ml2-proof-card{
  background:#fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 22px;
  padding: 18px;
  box-shadow: 0 16px 40px rgba(0,0,0,.10);
}

.ml2-proof-card-accent{
  border-color: rgba(214,179,106,.28);
  background:
    radial-gradient(700px 260px at 20% 0%, rgba(214,179,106,.16), transparent 60%),
    #ffffff;
}

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

.ml2-proof-icon{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(214,179,106,.18);
  border: 1px solid rgba(214,179,106,.35);
  font-size: 18px;
}

.ml2-proof-title{
  font-weight: 950;
  color:#0b0d12;
  font-size: 16px;
}

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

.ml2-proof-actions{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
}

/* Pasek CTA jak na home */
.ml2-oc-proof-strip{
  margin-top: 16px;
  border-radius: 22px;
  border: 1px solid rgba(214,179,106,.22);
  background: rgba(214,179,106,.10);
  padding: 18px;
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 14px;
}

.ml2-strip-title{
  color:#0b0d12;
  font-weight: 950;
  font-size: 16px;
}

.ml2-strip-sub{
  margin-top: 6px;
  color: rgba(11,13,18,.70);
  font-size: 14px;
  line-height: 1.5;
}

.ml2-strip-actions{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
}

@media (max-width: 980px){
  .ml2-oc-proof-grid{ grid-template-columns: 1fr; }
  .ml2-oc-proof-strip{ flex-direction: column; align-items: stretch; }
}
/* =====================================================
   FIX – BLOK: "Bez stresu. Bez kombinowania. Konkret."
   - karty na ciemne (glass), żeby tekst nie znikał
   - dolny pasek/strip: jasne teksty + białe CTA
   - linki w kartach jako białe pille (hover szary)
   Wklej NA SAM KONIEC CSS
===================================================== */

/* 1) Sekcja (zostaje ciemna) */
.ml2-oc-proof{
  background:
    radial-gradient(900px 420px at 18% 10%, rgba(214,179,106,.14), transparent 60%),
    radial-gradient(700px 360px at 86% 18%, rgba(255,255,255,.06), transparent 60%),
    #0b0d12 !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  color: rgba(244,246,251,.86) !important;
}

/* 2) Tytuł + lead */
.ml2-oc-proof h2,
.ml2-oc-proof .ml2-section-h2{
  color:#fff !important;
  text-shadow: 0 2px 10px rgba(0,0,0,.55), 0 1px 2px rgba(0,0,0,.9);
}
.ml2-oc-proof p,
.ml2-oc-proof .ml2-oc-proof-lead{
  color: rgba(244,246,251,.72) !important;
}

/* 3) KARTY – wymuszenie CIEMNEGO tła i jasnych tekstów (tu Ci znikał opis) */
.ml2-oc-proof .ml2-oc-proof-card,
.ml2-oc-proof .ml2-oc-proof-grid > *{
  background: rgba(255,255,255,.05) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow: 0 18px 40px rgba(0,0,0,.35) !important;
  border-radius: 22px !important;
}

.ml2-oc-proof .ml2-oc-proof-card h3,
.ml2-oc-proof .ml2-oc-proof-grid > * h3{
  color:#fff !important;
}

.ml2-oc-proof .ml2-oc-proof-card p,
.ml2-oc-proof .ml2-oc-proof-grid > * p{
  color: rgba(244,246,251,.72) !important;
}

/* 4) Linki/CTA wewnątrz kart – jako białe przyciski (hover TYLKO szary) */
.ml2-oc-proof .ml2-oc-proof-card a,
.ml2-oc-proof .ml2-oc-proof-grid > * a{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px 14px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #0b0d12 !important;
  border: 1px solid rgba(11,13,18,.18) !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.18) !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  transition: transform .15s ease, background .15s ease, border-color .15s ease, box-shadow .15s ease !important;
}

.ml2-oc-proof .ml2-oc-proof-card a:hover,
.ml2-oc-proof .ml2-oc-proof-grid > * a:hover,
.ml2-oc-proof .ml2-oc-proof-card a:focus,
.ml2-oc-proof .ml2-oc-proof-grid > * a:focus{
  background: #f2f3f5 !important;
  border-color: rgba(11,13,18,.28) !important;
  color: #0b0d12 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 14px 28px rgba(0,0,0,.22) !important;
}

/* jeśli motyw trzyma kolor w środku */
.ml2-oc-proof .ml2-oc-proof-card a *,
.ml2-oc-proof .ml2-oc-proof-grid > * a *{
  color: inherit !important;
}

/* 5) Dolny pasek (strip) – u Ciebie był ciemny tekst na ciemnym */
.ml2-oc-proof .ml2-oc-proof-strip,
.ml2-oc-proof .ml2-strip{
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  color: rgba(244,246,251,.86) !important;
  box-shadow: 0 18px 40px rgba(0,0,0,.35) !important;
}

/* tytuł i opis na stripie */
.ml2-oc-proof .ml2-strip-title{
  color:#f4f6fb !important;
}
.ml2-oc-proof .ml2-strip-sub{
  color: rgba(244,246,251,.72) !important;
}

/* linki na stripie – białe pille (hover szary) */
.ml2-oc-proof .ml2-strip-actions a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding: 10px 14px !important;
  border-radius: 999px !important;
  background:#ffffff !important;
  color:#0b0d12 !important;
  border: 1px solid rgba(11,13,18,.18) !important;
  font-weight: 900 !important;
  text-decoration:none !important;
  transition: transform .15s ease, background .15s ease, border-color .15s ease !important;
}
.ml2-oc-proof .ml2-strip-actions a:hover{
  background:#f2f3f5 !important;
  border-color: rgba(11,13,18,.28) !important;
  transform: translateY(-1px) !important;
}
.ml2-oc-proof .ml2-strip-actions a *{ color: inherit !important; }
/* ===== ZŁOTA KRESKA POD TYTUŁEM – OC PROOF ===== */
.ml2-oc-proof-head :is(h1,h2,h3,.elementor-heading-title){
  position: relative !important;
  display: inline-block !important;
  padding-bottom: 14px !important;
}

.ml2-oc-proof-head :is(h1,h2,h3,.elementor-heading-title)::after{
  content: "" !important;
  display: block !important;
  width: 96px !important;
  height: 4px !important;
  margin: 12px auto 0 !important;

  border-radius: 999px !important;

  background: linear-gradient(
    90deg,
    rgba(214,179,106,0),
    rgba(214,179,106,.95),
    rgba(214,179,106,0)
  ) !important;

  box-shadow:
    0 2px 10px rgba(214,179,106,.35),
    0 0 0 1px rgba(214,179,106,.22) !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-26c6c4e *//* =====================================================
   KROK 4: MAPA + OBSZAR DZIAŁANIA (PODSTRONY) – FINAL
   (jasne tło + czytelne teksty + złota kreska)
===================================================== */

.ml2-area2{
  padding: 64px 0;
  background: #f5f6f8 !important;
  border-top: 1px solid rgba(0,0,0,.06) !important;
  border-bottom: 1px solid rgba(0,0,0,.06) !important;
}

/* HEAD */
.ml2-area2-head{
  text-align:center;
  max-width: 920px;
  margin: 0 auto 18px;
}

/* tytuł – czarny + kreska */
.ml2-area2-head :is(h1,h2,h3,.elementor-heading-title){
  color:#0b0d12 !important;
  text-shadow:none !important;
  position: relative !important;
  display:inline-block !important;
  padding-bottom: 14px !important;
}

.ml2-area2-head :is(h1,h2,h3,.elementor-heading-title)::after{
  content:"" !important;
  display:block !important;
  width: 96px !important;
  height: 4px !important;
  margin: 12px auto 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg,
    rgba(214,179,106,0),
    rgba(214,179,106,.95),
    rgba(214,179,106,0)
  ) !important;
  box-shadow:
    0 2px 10px rgba(214,179,106,.30),
    0 0 0 1px rgba(214,179,106,.18) !important;
}

.ml2-area2-lead{
  margin: 10px 0 0;
  color: rgba(11,13,18,.72) !important;
  font-size: 16px;
  line-height: 1.6;
}

/* GRID */
.ml2-area2-grid{
  display:grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 14px;
  margin-top: 18px;
  align-items: start;
}

/* KARTY – białe, czytelne */
.ml2-area2-card{
  border-radius: 22px;
  border: 1px solid rgba(0,0,0,.10) !important;
  background: #ffffff !important;
  box-shadow: 0 18px 40px rgba(0,0,0,.10) !important;
  padding: 18px;
}

.ml2-area2-title{
  color:#0b0d12 !important;
  font-weight: 950;
  font-size: 14px;
  letter-spacing: .2px;
  margin-bottom: 12px;
}

/* CHIPS */
.ml2-area2-chips{
  display:flex;
  flex-wrap: wrap;
  gap: 10px;
}

.ml2-area2-chip{
  display:inline-flex;
  padding: 9px 12px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.08) !important;
  background: #f6f7f9 !important;
  color: rgba(11,13,18,.82) !important;
  font-weight: 800;
  font-size: 13px;
}

.ml2-area2-note{
  margin: 12px 0 0;
  color: rgba(11,13,18,.68) !important;
  font-size: 13px;
  line-height: 1.6;
}

/* ROWS */
.ml2-area2-rows{ margin-top: 12px; display:flex; flex-direction:column; gap: 10px; }
.ml2-area2-row{
  display:flex;
  gap: 10px;
  align-items:flex-start;
  padding: 10px 12px;
  border-radius: 16px;
  border: 1px solid rgba(0,0,0,.08) !important;
  background: #f6f7f9 !important;
  color: rgba(11,13,18,.78) !important;
  font-size: 13px;
  line-height: 1.5;
}
.ml2-area2-ico{ width: 22px; text-align:center; opacity:.95; }

/* CTA box w karcie – dalej białe, ale z delikatnym złotym akcentem */
.ml2-area2-cta{
  margin-top: 14px;
  border-radius: 22px;
  border: 1px solid rgba(214,179,106,.26) !important;
  background: rgba(214,179,106,.08) !important;
  padding: 18px;
}

.ml2-area2-cta-title{
  color:#0b0d12 !important;
  font-weight: 950;
  font-size: 16px;
}

.ml2-area2-cta-sub{
  margin-top: 8px;
  color: rgba(11,13,18,.72) !important;
  font-size: 14px;
  line-height: 1.55;
}

.ml2-area2-actions{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 14px;
}

/* MAPA – rama jasna */
.ml2-area2-mapframe{
  border-radius: 22px;
  overflow:hidden;
  border: 1px solid rgba(0,0,0,.10) !important;
  box-shadow: 0 18px 40px rgba(0,0,0,.10) !important;
  background: #ffffff !important;
}
.ml2-area2-mapframe iframe{
  width: 100%;
  height: 420px;
  border: 0;
  display:block;
}

/* MAPA – dolny box */
.ml2-area2-mapbottom{
  margin-top: 14px;
  border-radius: 22px;
  border: 1px solid rgba(0,0,0,.10) !important;
  background: #ffffff !important;
  box-shadow: 0 18px 40px rgba(0,0,0,.10) !important;
  padding: 18px;
}

.ml2-area2-mapbottom-title{
  color:#0b0d12 !important;
  font-weight: 950;
  font-size: 16px;
}

.ml2-area2-mapbottom-sub{
  margin-top: 8px;
  color: rgba(11,13,18,.72) !important;
  font-size: 14px;
  line-height: 1.55;
}

/* PRZYCISKI (spójne) */
.ml2-area2 a.ml2-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding: 12px 14px !important;
  border-radius: 14px !important;
  font-weight: 900 !important;
  text-decoration:none !important;
  background-image:none !important;
  filter:none !important;
  opacity:1 !important;
  transition: transform .15s ease, background .15s ease, border-color .15s ease, box-shadow .15s ease !important;
}
.ml2-area2 a.ml2-btn::before,
.ml2-area2 a.ml2-btn::after{ content:none !important; display:none !important; }
.ml2-area2 a.ml2-btn *{ color: inherit !important; }

/* Primary – złoty */
.ml2-area2 a.ml2-btn-primary{
  background:#d6b36a !important;
  color:#0b0d12 !important;
  border: 1px solid rgba(0,0,0,.18) !important;
  box-shadow: 0 14px 28px rgba(214,179,106,.18) !important;
}
.ml2-area2 a.ml2-btn-primary:hover{
  transform: translateY(-1px) !important;
  background:#caa55b !important;
}

/* Secondary – biały */
.ml2-area2 a.ml2-btn-secondary{
  background:#ffffff !important;
  color:#0b0d12 !important;
  border: 1px solid rgba(11,13,18,.18) !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.10) !important;
}
.ml2-area2 a.ml2-btn-secondary:hover{
  transform: translateY(-1px) !important;
  background:#f2f3f5 !important;
  border-color: rgba(11,13,18,.28) !important;
  box-shadow: 0 14px 28px rgba(0,0,0,.14) !important;
}

/* Ghost – jasnoszary */
.ml2-area2 a.ml2-btn-ghost{
  background:#f6f7f9 !important;
  color:#0b0d12 !important;
  border: 1px solid rgba(0,0,0,.10) !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.08) !important;
}
.ml2-area2 a.ml2-btn-ghost:hover{
  transform: translateY(-1px) !important;
  background:#eef0f2 !important;
  border-color: rgba(0,0,0,.14) !important;
}

/* RWD */
@media (max-width: 980px){
  .ml2-area2-grid{ grid-template-columns: 1fr; }
  .ml2-area2-mapframe iframe{ height: 320px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-585b44a *//* =====================================================
   KROK 5: Dokumenty/OC – FINAL (czarne tło + złota kreska)
   Podmień CAŁY poprzedni blok .ml2-docs + FIX-y
===================================================== */

.ml2-docs{
  padding: 78px 0;
  background:
    radial-gradient(900px 420px at 18% 10%, rgba(214,179,106,.14), transparent 60%),
    radial-gradient(700px 360px at 86% 18%, rgba(255,255,255,.06), transparent 60%),
    #0b0d12 !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  color: rgba(244,246,251,.86) !important;
}

/* HEAD */
.ml2-docs .ml2-docs-head{
  text-align:center;
  max-width: 920px;
  margin: 0 auto 28px;
}

/* Tytuł – biały + kreska */
.ml2-docs .ml2-docs-head :is(h1,h2,h3,.elementor-heading-title){
  color:#fff !important;
  text-shadow: 0 2px 10px rgba(0,0,0,.55), 0 1px 2px rgba(0,0,0,.9) !important;
  position: relative !important;
  display:inline-block !important;
  padding-bottom: 14px !important;
}

.ml2-docs .ml2-docs-head :is(h1,h2,h3,.elementor-heading-title)::after{
  content:"" !important;
  display:block !important;
  width: 96px !important;
  height: 4px !important;
  margin: 12px auto 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg,
    rgba(214,179,106,0),
    rgba(214,179,106,.95),
    rgba(214,179,106,0)
  ) !important;
  box-shadow:
    0 2px 10px rgba(214,179,106,.30),
    0 0 0 1px rgba(214,179,106,.18) !important;
}

.ml2-docs .ml2-docs-lead{
  color: rgba(244,246,251,.72) !important;
  font-size: 16px;
  line-height: 1.6;
  margin: 10px 0 0;
}

/* GRID */
.ml2-docs-grid{
  display:grid;
  grid-template-columns: 1.25fr .85fr;
  gap: 16px;
  align-items: start;
  margin-top: 22px;
}

/* KAFLE (lewa strona) – glass na czarnym */
.ml2-docs-cards{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.ml2-doc-card{
  background: rgba(255,255,255,.05) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 20px;
  padding: 16px 16px;
  display:flex;
  gap: 12px;
  box-shadow: 0 18px 40px rgba(0,0,0,.35) !important;
  transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease;
}

.ml2-doc-card:hover{
  transform: translateY(-2px);
  border-color: rgba(214,179,106,.28) !important;
  box-shadow: 0 22px 48px rgba(0,0,0,.40) !important;
}

.ml2-doc-ico{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display:grid;
  place-items:center;
  color:#f4f6fb !important;
  background: rgba(214,179,106,.16);
  border: 1px solid rgba(214,179,106,.35);
  flex: 0 0 44px;
}

.ml2-doc-ico svg{ width: 22px; height: 22px; }

.ml2-doc-title{
  font-weight: 950;
  color:#fff !important;
  font-size: 14px;
  line-height: 1.2;
}

.ml2-doc-text{
  margin-top: 6px;
  color: rgba(244,246,251,.72) !important;
  font-size: 13px;
  line-height: 1.55;
}

/* PANEL po prawej – spójny "premium" */
.ml2-docs-side{
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 22px;
  padding: 18px;
  box-shadow: 0 18px 40px rgba(0,0,0,.35) !important;
  position: sticky;
  top: 90px;
}

.ml2-docs-side-kicker{
  display:inline-flex;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(11,13,18,.35);
  border: 1px solid rgba(255,255,255,.10);
  font-weight: 900;
  font-size: 12px;
  color: rgba(244,246,251,.86) !important;
}

.ml2-docs-side-title{
  margin-top: 12px;
  font-weight: 950;
  font-size: 16px;
  color:#fff !important;
}

.ml2-docs-side-sub{
  margin-top: 8px;
  color: rgba(244,246,251,.72) !important;
  font-size: 13px;
  line-height: 1.55;
}

/* LISTA – jasna, czytelna */
.ml2-docs-list{
  list-style:none;
  padding: 0;
  margin: 14px 0 14px;
  display:grid;
  gap: 10px;
}

.ml2-docs-list li{
  display:flex;
  align-items:flex-start;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  color: rgba(244,246,251,.82) !important;
  font-weight: 800;
  font-size: 13px;
}

.ml2-docs-tick{
  width: 18px;
  height: 18px;
  border-radius: 6px;
  display:grid;
  place-items:center;
  background: #d6b36a;
  color:#0b0d12;
  font-weight: 950;
  line-height: 1;
  flex: 0 0 18px;
  margin-top: 1px;
}

/* PRZYCISKI w panelu (2 szt.) */
.ml2-docs .ml2-docs-side .ml2-docs-actions{
  display:flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px;
}

.ml2-docs .ml2-docs-side .ml2-docs-actions > a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  padding: 12px 14px !important;
  border-radius: 14px !important;
  font-weight: 900 !important;
  font-size: 14px !important;
  line-height: 1 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  background-image:none !important;
  filter:none !important;
  opacity:1 !important;
  transition: transform .15s ease, background .15s ease, border-color .15s ease, box-shadow .15s ease !important;
}
.ml2-docs .ml2-docs-side .ml2-docs-actions > a::before,
.ml2-docs .ml2-docs-side .ml2-docs-actions > a::after{ content:none !important; display:none !important; }
.ml2-docs .ml2-docs-side .ml2-docs-actions > a *{ color: inherit !important; }

/* 1) Zadzwoń – biały */
.ml2-docs .ml2-docs-side .ml2-docs-actions > a:first-child{
  background:#ffffff !important;
  color:#0b0d12 !important;
  border: 1px solid rgba(11,13,18,.18) !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.18) !important;
}
.ml2-docs .ml2-docs-side .ml2-docs-actions > a:first-child:hover{
  transform: translateY(-1px) !important;
  background:#f2f3f5 !important;
  border-color: rgba(11,13,18,.28) !important;
  box-shadow: 0 14px 28px rgba(0,0,0,.22) !important;
}

/* 2) Umów oględziny – złoty */
.ml2-docs .ml2-docs-side .ml2-docs-actions > a:nth-child(2){
  background:#d6b36a !important;
  color:#0b0d12 !important;
  border: 1px solid rgba(0,0,0,.14) !important;
  box-shadow: 0 14px 28px rgba(214,179,106,.18) !important;
}
.ml2-docs .ml2-docs-side .ml2-docs-actions > a:nth-child(2):hover{
  transform: translateY(-1px) !important;
  background:#caa55b !important;
}

/* GODZINY */
.ml2-docs-hours{
  margin-top: 12px;
  color: rgba(244,246,251,.60) !important;
  font-size: 12px;
  line-height: 1.45;
}

/* Responsive */
@media (max-width: 980px){
  .ml2-docs-grid{ grid-template-columns: 1fr; }
  .ml2-docs-cards{ grid-template-columns: 1fr; }
  .ml2-docs-side{ position: static; top: auto; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b4ca59a *//* =====================================================
   KROK 10: Opinie Google – FINAL (JASNA SEKCJA + kreska)
   Podmień CAŁY poprzedni blok .ml2-grev
===================================================== */

.ml2-grev{
  padding: 78px 0;
  background:
    radial-gradient(900px 360px at 18% 15%, rgba(214,179,106,.14), transparent 60%),
    radial-gradient(700px 300px at 82% 25%, rgba(0,0,0,.03), transparent 60%),
    #f5f6f8 !important;
  border-top: 1px solid rgba(0,0,0,.06) !important;
  border-bottom: 1px solid rgba(0,0,0,.06) !important;
}

/* ===== nagłówek ===== */
.ml2-grev-head{
  text-align:center;
  max-width: 920px;
  margin: 0 auto 26px;
}

/* Tytuł: ciemny + złota kreska */
.ml2-grev-head :is(h1,h2,h3,.elementor-heading-title){
  color:#0b0d12 !important;
  position: relative !important;
  display: inline-block !important;
  padding-bottom: 14px !important;
}

.ml2-grev-head :is(h1,h2,h3,.elementor-heading-title)::after{
  content:"" !important;
  display:block !important;
  width: 96px !important;
  height: 4px !important;
  margin: 12px auto 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg,
    rgba(214,179,106,0),
    rgba(214,179,106,.95),
    rgba(214,179,106,0)
  ) !important;
  box-shadow:
    0 2px 10px rgba(214,179,106,.25),
    0 0 0 1px rgba(214,179,106,.18) !important;
}

.ml2-grev-lead{
  margin: 10px 0 0;
  color: rgba(11,13,18,.72) !important;
  font-size: 16px;
  line-height: 1.6;
}

/* ===== układ ===== */
.ml2-grev-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-top: 18px;
}

/* ===== karty (jasne) ===== */
.ml2-grev-card{
  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  border-radius: 22px;
  padding: 18px;
  box-shadow: 0 16px 40px rgba(0,0,0,.10) !important;
}

.ml2-grev-card2{
  border-color: rgba(214,179,106,.28) !important;
  background:
    radial-gradient(700px 260px at 20% 0%, rgba(214,179,106,.18), transparent 60%),
    #ffffff !important;
}

/* ===== góra karty ===== */
.ml2-grev-top{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}

.ml2-grev-stars{
  color:#d6b36a;
  font-weight: 950;
  letter-spacing: 1px;
}

.ml2-grev-note{
  color: rgba(11,13,18,.60) !important;
  font-weight: 800;
  font-size: 12px;
}

/* ===== treść ===== */
.ml2-grev-title{
  font-weight: 950;
  color:#0b0d12 !important;
  font-size: 16px;
  margin: 2px 0 6px;
}

.ml2-grev-p{
  margin: 0 0 12px;
  color: rgba(11,13,18,.72) !important;
  font-size: 14px;
  line-height: 1.6;
}

/* ===== akcje ===== */
.ml2-grev-actions{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
}

/* =====================================================
   PRZYCISKI – LOGIKA
   1 = ZŁOTY (PRIMARY)
   2 = BIAŁY (SECONDARY)
===================================================== */

/* baza */
.ml2-grev .ml2-grev-actions > a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;

  padding:12px 14px !important;
  border-radius:14px !important;

  font-weight:900 !important;
  font-size:14px !important;
  text-decoration:none !important;
  white-space:nowrap !important;

  background-image:none !important;
  filter:none !important;
  opacity:1 !important;

  transition:
    transform .15s ease,
    background-color .15s ease,
    color .15s ease,
    border-color .15s ease,
    box-shadow .15s ease !important;
}

.ml2-grev .ml2-grev-actions > a::before,
.ml2-grev .ml2-grev-actions > a::after{ content:none !important; display:none !important; }
.ml2-grev .ml2-grev-actions > a *{ color: inherit !important; }

/* PRIMARY – pierwszy */
.ml2-grev .ml2-grev-card .ml2-grev-actions > a:first-child{
  background:#d6b36a !important;
  color:#0b0d12 !important;
  border:1px solid rgba(0,0,0,.14) !important;
  box-shadow:0 14px 28px rgba(214,179,106,.18) !important;
}
.ml2-grev .ml2-grev-card .ml2-grev-actions > a:first-child:hover{
  transform:translateY(-1px) !important;
  background:#caa55b !important;
}

/* SECONDARY – drugi */
.ml2-grev .ml2-grev-card .ml2-grev-actions > a:nth-child(2){
  background:#ffffff !important;
  color:#0b0d12 !important;
  border:1px solid rgba(11,13,18,.18) !important;
  box-shadow:0 10px 22px rgba(0,0,0,.12) !important;
}
.ml2-grev .ml2-grev-card .ml2-grev-actions > a:nth-child(2):hover{
  transform:translateY(-1px) !important;
  background:#f2f3f5 !important;
  border-color: rgba(11,13,18,.28) !important;
}

/* ===== RWD ===== */
@media (max-width: 980px){
  .ml2-grev-grid{ grid-template-columns: 1fr; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dbca1b0 *//* =====================================================
   CTA7 – FINAL (CIEMNA + NAGŁÓWEK SEKCJI + ZŁOTA KRESKA)
   Wklej NA SAM KONIEC CSS
===================================================== */

/* 0) ZABIJ „wersję jasną”, jeśli gdzieś została */
.ml2-cta7{
  background:
    radial-gradient(900px 360px at 18% 15%, rgba(214,179,106,.14), transparent 60%),
    radial-gradient(700px 300px at 82% 25%, rgba(255,255,255,.06), transparent 60%),
    #0b0d12 !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  padding: 72px 0 !important;
}

/* 1) NOWY nagłówek nad kartą */
.ml2-cta7-head{
  text-align: center;
  max-width: 920px;
  margin: 0 auto 22px;
}

.ml2-cta7-head-title{
  color:#fff !important;
  font-weight: 950 !important;
  letter-spacing: -.3px !important;
  line-height: 1.08 !important;
  font-size: clamp(24px, 2.6vw, 38px) !important;
  margin: 0 !important;

  /* ważne: motyw czasem „przycina”/ustawia display */
  display: inline-block !important;
  position: relative !important;
  padding-bottom: 14px !important;
}

/* ZŁOTA kreska pod nagłówkiem */
.ml2-cta7-head-title::after{
  content:"" !important;
  display:block !important;
  width: 110px !important;
  height: 4px !important;
  margin: 12px auto 0 !important;
  border-radius: 999px !important;

  background: linear-gradient(90deg,
    rgba(214,179,106,0),
    rgba(214,179,106,.95),
    rgba(214,179,106,0)
  ) !important;

  box-shadow:
    0 2px 10px rgba(214,179,106,.30),
    0 0 0 1px rgba(214,179,106,.18) !important;
}

.ml2-cta7-head-lead{
  margin: 10px auto 0 !important;
  color: rgba(244,246,251,.72) !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  max-width: 70ch;
}

/* 2) karta */
.ml2-cta7-card{
  display:grid !important;
  grid-template-columns: 1.25fr .9fr !important;
  gap: 16px !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  background: rgba(255,255,255,.04) !important;
  box-shadow: 0 20px 50px rgba(0,0,0,.35) !important;
  overflow:hidden !important;
}

/* 3) lewa strona */
.ml2-cta7-left{ padding: 22px !important; }

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

/* tytuł w lewej kolumnie jako mniejszy */
.ml2-cta7-title{
  margin: 14px 0 10px !important;
  color:#fff !important;
  font-weight: 950 !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
  text-shadow: 0 2px 10px rgba(0,0,0,.45) !important;
}

/* punkty */
.ml2-cta7-point{
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  color: rgba(244,246,251,.72) !important;
}

.ml2-cta7-hours{
  margin-top: 12px !important;
  color: rgba(244,246,251,.60) !important;
}

/* 4) prawa strona */
.ml2-cta7-right{
  padding: 22px !important;
  background: linear-gradient(180deg, rgba(214,179,106,.10), rgba(255,255,255,.02)) !important;
  border-left: 1px solid rgba(255,255,255,.08) !important;
}

.ml2-cta7-right-top{
  color:#fff !important;
  font-weight: 950 !important;
  font-size: 16px !important;
  margin-bottom: 12px !important;
}

/* 5) przyciski – zostaje Twoja logika tel=gold, drugi=white */
.ml2-cta7 .ml2-cta7-right a.ml2-cta7-btn{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  padding: 12px 14px !important;
  border-radius: 14px !important;
  text-decoration:none !important;
  font-weight: 950 !important;
  background-image:none !important;
  filter:none !important;
  opacity:1 !important;
}

.ml2-cta7 .ml2-cta7-right a.ml2-cta7-btn[href^="tel:"]{
  background:#d6b36a !important;
  color:#0b0d12 !important;
  border:1px solid rgba(0,0,0,.18) !important;
  box-shadow: 0 14px 28px rgba(214,179,106,.18) !important;
}

.ml2-cta7 .ml2-cta7-right a.ml2-cta7-btn:not([href^="tel:"]){
  background:#ffffff !important;
  color:#0b0d12 !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow: 0 12px 26px rgba(0,0,0,.28) !important;
}

.ml2-cta7 .ml2-cta7-right a.ml2-cta7-btn *{ color: inherit !important; }

/* mini box */
.ml2-cta7-mini{
  background: rgba(255,255,255,.03) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  color: rgba(244,246,251,.72) !important;
}
.ml2-cta7-mini-k{ color: rgba(244,246,251,.55) !important; }
.ml2-cta7-mini-v a{
  color: rgba(244,246,251,.86) !important;
  border-bottom: 1px dashed rgba(214,179,106,.45) !important;
}
.ml2-cta7-mini-v a:hover{ color:#fff !important; }

.ml2-cta7-map{ color: rgba(214,179,106,.95) !important; }
.ml2-cta7-map:hover{ color:#fff !important; }

/* RWD */
@media (max-width: 980px){
  .ml2-cta7-card{ grid-template-columns: 1fr !important; }
  .ml2-cta7-right{
    border-left: 0 !important;
    border-top: 1px solid rgba(255,255,255,.08) !important;
  }
}
/* =====================================================
   CTA7 – CLEAN PREMIUM FIX (ODDECH + KONTRAST)
===================================================== */

/* 1️⃣ sekcja – delikatniejsze tło */
.ml2-cta7{
  background:
    radial-gradient(1000px 420px at 50% 0%, rgba(214,179,106,.10), transparent 60%),
    #0b0d12 !important;
}

/* 2️⃣ nagłówek – więcej powietrza */
.ml2-cta7-head{
  margin-bottom: 36px !important;
}

.ml2-cta7-head-title{
  padding-bottom: 18px !important;
}

.ml2-cta7-head-title::after{
  margin-top: 16px !important;
  width: 140px !important;
  height: 3px !important;
}

/* 3️⃣ karta – jaśniejsza i „pływająca” */
.ml2-cta7-card{
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  box-shadow: 0 30px 80px rgba(0,0,0,.55) !important;
}

/* 4️⃣ lewa kolumna – oddychająca */
.ml2-cta7-left{
  padding: 28px !important;
}

/* mniejszy tytuł */
.ml2-cta7-title{
  margin-bottom: 14px !important;
}

/* 5️⃣ punkty – NIE tabela, tylko soft cards */
.ml2-cta7-point{
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  padding: 12px 14px !important;
  border-radius: 16px !important;
}

/* 6️⃣ prawa kolumna – WYRAŹNIE jaśniejsza */
.ml2-cta7-right{
  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.10),
      rgba(255,255,255,.04)
    ) !important;
  border-left: 1px solid rgba(255,255,255,.18) !important;
}

/* 7️⃣ nagłówek prawej kolumny */
.ml2-cta7-right-top{
  font-size: 17px !important;
  margin-bottom: 14px !important;
}

/* 8️⃣ mini box – jak karta info */
.ml2-cta7-mini{
  background: rgba(0,0,0,.35) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
}

/* 9️⃣ link do mapy – WYRAŹNY CTA */
.ml2-cta7-map{
  display: inline-flex !important;
  margin-top: 14px !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

.ml2-cta7-map:hover{
  text-decoration: underline !important;
}
/* =====================================================
   CTA7 – LINK MAPY JAKO PRZYCISK
===================================================== */

.ml2-cta7-map{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin-top: 16px !important;
  padding: 12px 16px !important;

  border-radius: 14px !important;
  border: 1px solid rgba(214,179,106,.45) !important;
  background: rgba(214,179,106,.08) !important;

  color: rgba(214,179,106,.95) !important;
  font-weight: 900 !important;
  font-size: 14px !important;

  text-decoration: none !important;
  transition: all .15s ease !important;
}

.ml2-cta7-map:hover{
  background: rgba(214,179,106,.18) !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
}
/* =====================================================
   CTA7 – FINAL PATCH (LEWA SZEROKO + PRAWA JEDEN STYL + MAPA ZŁOTA)
   Wklej NA SAM KONIEC CSS
===================================================== */

/* 1) LEWA: punkty jako pełnoszerokie soft-kafelki */
.ml2-cta7-points{
  display: grid !important;
  gap: 12px !important;
  margin-top: 14px !important;
}

.ml2-cta7-point{
  width: 100% !important;                 /* to jest klucz */
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;

  padding: 14px 18px !important;          /* większy “klik” */
  border-radius: 18px !important;

  background: rgba(255,255,255,.07) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  color: rgba(244,246,251,.84) !important;

  box-shadow: inset 0 0 0 1px rgba(0,0,0,.18) !important;
}

/* 2) PRAWA: mini box (Adres/E-mail) – jeden spójny styl (bez “pól”) */
.ml2-cta7-mini{
  margin-top: 14px !important;
  padding: 14px 14px !important;
  border-radius: 16px !important;

  background: rgba(0,0,0,.30) !important;      /* spójne z premium */
  border: 1px solid rgba(255,255,255,.18) !important;

  color: rgba(244,246,251,.78) !important;
}

.ml2-cta7-mini-row{
  margin: 8px 0 !important;
}

.ml2-cta7-mini-k{
  color: rgba(244,246,251,.55) !important;
}

/* mail – czytelny jak link premium */
.ml2-cta7-mini-v a{
  color: rgba(244,246,251,.92) !important;
  border-bottom: 1px dashed rgba(214,179,106,.55) !important;
  text-decoration: none !important;
}
.ml2-cta7-mini-v a:hover{
  color: #fff !important;
}

/* 3) MAPA: ZŁOTY przycisk (nie czarny) */
.ml2-cta7-map{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  margin-top: 12px !important;
  padding: 12px 14px !important;

  border-radius: 14px !important;

  background: #d6b36a !important;               /* ZŁOTY */
  color: #0b0d12 !important;
  border: 1px solid rgba(0,0,0,.18) !important;

  font-weight: 950 !important;
  font-size: 14px !important;
  text-decoration: none !important;

  box-shadow: 0 14px 28px rgba(214,179,106,.18) !important;
  transition: transform .15s ease, background-color .15s ease, box-shadow .15s ease !important;
}

.ml2-cta7-map:hover{
  transform: translateY(-1px) !important;
  background: #caa55b !important;
  box-shadow: 0 18px 34px rgba(214,179,106,.22) !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2ed22a5 *//* ===== KROK 8: Powiązane usługi (linkowanie wewnętrzne SEO) ===== */
.ml2-related{
  padding: 78px 0;
  background: #f5f6f8;
  border-top: 1px solid rgba(0,0,0,.06);
  border-bottom: 1px solid rgba(0,0,0,.06);
}

.ml2-related-head{
  text-align:center;
  max-width: 920px;
  margin: 0 auto 26px;
}

.ml2-related-lead{
  margin: 10px 0 0;
  color: rgba(11,13,18,.72);
  font-size: 16px;
  line-height: 1.6;
}

.ml2-related-grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-top: 18px;
}

.ml2-related-card{
  display:block;
  text-decoration:none;
  background:#fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 22px;
  padding: 18px;
  box-shadow: 0 16px 40px rgba(0,0,0,.10);
  transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease;
  color: inherit;
}

.ml2-related-card:hover{
  transform: translateY(-2px);
  border-color: rgba(214,179,106,.30);
  box-shadow: 0 18px 44px rgba(0,0,0,.12);
}

.ml2-related-card-accent{
  border-color: rgba(214,179,106,.28);
  background:
    radial-gradient(700px 260px at 20% 0%, rgba(214,179,106,.16), transparent 60%),
    #ffffff;
}

.ml2-related-top{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}

.ml2-related-ico{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(214,179,106,.18);
  border: 1px solid rgba(214,179,106,.35);
  font-size: 18px;
}

.ml2-related-tag{
  display:inline-flex;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(214,179,106,.14);
  border: 1px solid rgba(214,179,106,.30);
  color:#0b0d12;
  font-weight: 900;
  font-size: 12px;
}

.ml2-related-title{
  font-weight: 950;
  color:#0b0d12;
  font-size: 16px;
  margin: 2px 0 6px;
}

.ml2-related-sub{
  color: rgba(11,13,18,.72);
  font-size: 14px;
  line-height: 1.55;
  margin: 0 0 10px;
}

.ml2-related-more{
  color: rgba(214,179,106,.95);
  font-weight: 950;
  font-size: 13px;
}

.ml2-related-strip{
  margin-top: 16px;
  border-radius: 22px;
  border: 1px solid rgba(214,179,106,.22);
  background: rgba(214,179,106,.10);
  padding: 18px;
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 14px;
}

.ml2-related-strip-title{
  color:#0b0d12;
  font-weight: 950;
  font-size: 16px;
}

.ml2-related-strip-sub{
  margin-top: 6px;
  color: rgba(11,13,18,.70);
  font-size: 14px;
  line-height: 1.5;
}

.ml2-related-strip-actions{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
}

@media (max-width: 1100px){
  .ml2-related-grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 680px){
  .ml2-related{ padding: 56px 0; }
  .ml2-related-grid{ grid-template-columns: 1fr; }
  .ml2-related-strip{ flex-direction: column; align-items: stretch; }
}
/* =====================================================
   ML2 RELATED – UPIĘKSZENIE KART + PRZYCISKI
   Dotyczy TYLKO: .ml2-related
===================================================== */

/* 1) Karty – delikatnie premium + ładniejszy hover */
.ml2-related .ml2-related-card{
  position: relative !important;
  overflow: hidden !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.08) !important;
}

.ml2-related .ml2-related-card::after{
  content:"" !important;
  position:absolute !important;
  inset: -2px !important;
  border-radius: 24px !important;
  pointer-events:none !important;
  opacity: 0 !important;
  transition: opacity .18s ease !important;
  background: radial-gradient(650px 240px at 20% 0%, rgba(214,179,106,.18), transparent 60%) !important;
}

.ml2-related .ml2-related-card:hover{
  transform: translateY(-3px) !important;
  border-color: rgba(214,179,106,.34) !important;
  box-shadow: 0 18px 46px rgba(0,0,0,.12) !important;
}
.ml2-related .ml2-related-card:hover::after{ opacity: 1 !important; }

/* 2) Ikona – trochę bardziej “mięsista” */
.ml2-related .ml2-related-ico{
  box-shadow: 0 10px 18px rgba(0,0,0,.08) !important;
}

/* 3) "Zobacz →" – zamień w przycisk (secondary) */
.ml2-related .ml2-related-more{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;

  padding: 10px 12px !important;
  border-radius: 999px !important;

  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,.10) !important;

  color: #0b0d12 !important;
  font-weight: 950 !important;
  text-decoration: none !important;

  box-shadow: 0 10px 22px rgba(0,0,0,.08) !important;
  transition: transform .15s ease, background-color .15s ease, border-color .15s ease, box-shadow .15s ease !important;
}

.ml2-related .ml2-related-card:hover .ml2-related-more{
  transform: translateY(-1px) !important;
  background: #f2f3f5 !important;
  border-color: rgba(0,0,0,.14) !important;
  box-shadow: 0 12px 26px rgba(0,0,0,.10) !important;
}

/* 4) Dół: pasek – z linków zrób 2 przyciski premium */
.ml2-related .ml2-related-strip-actions > a{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;

  padding: 12px 14px !important;
  border-radius: 14px !important;

  font-weight: 950 !important;
  font-size: 14px !important;
  line-height: 1 !important;

  text-decoration: none !important;
  white-space: nowrap !important;

  transition: transform .15s ease, background-color .15s ease, border-color .15s ease, box-shadow .15s ease !important;
}

/* tel = PRIMARY (złoty) */
.ml2-related .ml2-related-strip-actions > a[href^="tel:"]{
  background: #d6b36a !important;
  color: #0b0d12 !important;
  border: 1px solid rgba(0,0,0,.18) !important;
  box-shadow: 0 14px 28px rgba(214,179,106,.18) !important;
}
.ml2-related .ml2-related-strip-actions > a[href^="tel:"]:hover,
.ml2-related .ml2-related-strip-actions > a[href^="tel:"]:focus{
  transform: translateY(-1px) !important;
  background: #caa55b !important;
}

/* drugi link = SECONDARY (biały) */
.ml2-related .ml2-related-strip-actions > a:not([href^="tel:"]){
  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;
}
.ml2-related .ml2-related-strip-actions > a:not([href^="tel:"]):hover,
.ml2-related .ml2-related-strip-actions > a:not([href^="tel:"]):focus{
  transform: translateY(-1px) !important;
  background: #f2f3f5 !important;
  border-color: rgba(0,0,0,.18) !important;
}

/* safety: jeśli Elementor wrzuca span */
.ml2-related .ml2-related-more *,
.ml2-related .ml2-related-strip-actions > a *{
  color: inherit !important;
}
/* =====================================================
   ML2 RELATED – WERSJA CIEMNA SEKCJI
   (karty jasne, tło ciemne – premium kontrast)
===================================================== */

/* SEKCJA */
.ml2-related{
  background:
    radial-gradient(900px 360px at 20% 10%, rgba(214,179,106,.12), transparent 60%),
    #0b0d12 !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
}

/* nagłówki */
.ml2-related-head h2{
  color:#ffffff !important;
}
.ml2-related-lead{
  color: rgba(244,246,251,.72) !important;
}

/* =====================================================
   KARTY – JASNE NA CIEMNYM TLE
===================================================== */
.ml2-related-card{
  background:#ffffff !important;
  border: 1px solid rgba(0,0,0,.10) !important;
  box-shadow: 0 20px 46px rgba(0,0,0,.35) !important;
}

.ml2-related-card:hover{
  border-color: rgba(214,179,106,.40) !important;
  box-shadow: 0 26px 60px rgba(0,0,0,.45) !important;
}

/* karta wyróżniona */
.ml2-related-card-accent{
  background:
    radial-gradient(700px 260px at 20% 0%, rgba(214,179,106,.18), transparent 60%),
    #ffffff !important;
}

/* =====================================================
   TEKSTY W KARTACH
===================================================== */
.ml2-related-title{
  color:#0b0d12 !important;
}
.ml2-related-sub{
  color: rgba(11,13,18,.72) !important;
}

/* tag */
.ml2-related-tag{
  background: rgba(214,179,106,.18) !important;
  border-color: rgba(214,179,106,.40) !important;
  color:#0b0d12 !important;
}

/* ikona */
.ml2-related-ico{
  background: rgba(214,179,106,.20) !important;
  border-color: rgba(214,179,106,.45) !important;
}

/* =====================================================
   „ZOBACZ →” – SECONDARY (BIAŁY)
===================================================== */
.ml2-related-more{
  background:#ffffff !important;
  color:#0b0d12 !important;
  border:1px solid rgba(0,0,0,.14) !important;
}
.ml2-related-card:hover .ml2-related-more{
  background:#f2f3f5 !important;
}

/* =====================================================
   DOLNY PASEK – NA CIEMNYM TLE
===================================================== */
.ml2-related-strip{
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
}

.ml2-related-strip-title{
  color:#ffffff !important;
}
.ml2-related-strip-sub{
  color: rgba(244,246,251,.72) !important;
}

/* =====================================================
   PRZYCISKI W PASKU
===================================================== */

/* TEL – ZŁOTY PRIMARY */
.ml2-related-strip-actions > a[href^="tel:"]{
  background:#d6b36a !important;
  color:#0b0d12 !important;
  border:1px solid rgba(0,0,0,.18) !important;
}
.ml2-related-strip-actions > a[href^="tel:"]:hover{
  background:#caa55b !important;
}

/* DRUGI – BIAŁY SECONDARY */
.ml2-related-strip-actions > a:not([href^="tel:"]){
  background:#ffffff !important;
  color:#0b0d12 !important;
  border:1px solid rgba(0,0,0,.14) !important;
}
.ml2-related-strip-actions > a:not([href^="tel:"]):hover{
  background:#f2f3f5 !important;
}

/* safety */
.ml2-related *{
  color: inherit;
}
/* =====================================================
   ML2 RELATED – FINAL WHITE + GOLD LINE
   Wklej NA SAM KONIEC CSS
===================================================== */

/* SEKCJA – BIAŁE TŁO */
.ml2-related{
  background:#ffffff !important;
  border-top: 1px solid rgba(0,0,0,.06) !important;
  border-bottom: 1px solid rgba(0,0,0,.06) !important;
  padding: 78px 0 !important;
}

/* NAGŁÓWEK */
.ml2-related-head h2{
  color:#0b0d12 !important;
  font-weight: 950 !important;
  position: relative !important;
  display: inline-block !important;
  padding-bottom: 16px !important;
}

/* ZŁOTA KRESKA */
.ml2-related-head h2::after{
  content:"" !important;
  display:block !important;
  width: 120px !important;
  height: 4px !important;
  margin: 14px auto 0 !important;
  border-radius: 999px !important;

  background: linear-gradient(
    90deg,
    rgba(214,179,106,0),
    rgba(214,179,106,.95),
    rgba(214,179,106,0)
  ) !important;

  box-shadow: 0 2px 10px rgba(214,179,106,.35) !important;
}

/* OPIS POD NAGŁÓWKIEM */
.ml2-related-lead{
  color: rgba(11,13,18,.70) !important;
}

/* =====================================================
   KARTY – PREMIUM JASNE
===================================================== */

.ml2-related-card{
  background:#ffffff !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  box-shadow: 0 16px 40px rgba(0,0,0,.10) !important;
}

.ml2-related-card:hover{
  transform: translateY(-3px) !important;
  border-color: rgba(214,179,106,.35) !important;
  box-shadow: 0 22px 50px rgba(0,0,0,.14) !important;
}

/* TYTUŁ + TEKST */
.ml2-related-title{
  color:#0b0d12 !important;
}
.ml2-related-sub{
  color: rgba(11,13,18,.70) !important;
}

/* TAG */
.ml2-related-tag{
  background: rgba(214,179,106,.18) !important;
  border: 1px solid rgba(214,179,106,.40) !important;
  color:#0b0d12 !important;
}

/* IKONA */
.ml2-related-ico{
  background: rgba(214,179,106,.22) !important;
  border-color: rgba(214,179,106,.45) !important;
}

/* =====================================================
   „ZOBACZ →” JAKO PRZYCISK
===================================================== */

.ml2-related-more{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  padding: 10px 14px !important;
  border-radius: 999px !important;

  background:#ffffff !important;
  border:1px solid rgba(0,0,0,.14) !important;

  color:#0b0d12 !important;
  font-weight: 950 !important;

  box-shadow: 0 10px 22px rgba(0,0,0,.08) !important;
}

.ml2-related-card:hover .ml2-related-more{
  background:#f2f3f5 !important;
  transform: translateY(-1px) !important;
}

/* =====================================================
   DOLNY PASEK – JASNY PREMIUM
===================================================== */

.ml2-related-strip{
  background:#f6f7f9 !important;
  border:1px solid rgba(0,0,0,.08) !important;
}

.ml2-related-strip-title{
  color:#0b0d12 !important;
}
.ml2-related-strip-sub{
  color: rgba(11,13,18,.70) !important;
}

/* PRZYCISKI */
.ml2-related-strip-actions > a[href^="tel:"]{
  background:#d6b36a !important;
  color:#0b0d12 !important;
}
.ml2-related-strip-actions > a[href^="tel:"]:hover{
  background:#caa55b !important;
}

.ml2-related-strip-actions > a:not([href^="tel:"]){
  background:#ffffff !important;
  color:#0b0d12 !important;
  border:1px solid rgba(0,0,0,.14) !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f2d7a84 *//* ===== KROK 11: Spis treści / szybka nawigacja ===== */
.ml2-toc{
  background: rgba(11,13,18,.92);
  border-bottom: 1px solid rgba(255,255,255,.08);
}

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

.ml2-toc-title{
  color: rgba(244,246,251,.70);
  font-weight: 900;
  font-size: 13px;
  white-space: nowrap;
}

.ml2-toc-links{
  display:flex;
  flex-wrap: wrap;
  gap: 10px;
}

.ml2-toc-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  color: rgba(244,246,251,.78);
  text-decoration:none;
  font-weight: 900;
  font-size: 13px;
  transition: transform .15s ease, background .15s ease, border-color .15s ease, color .15s ease;
}

.ml2-toc-chip:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.06);
  color: #fff;
}

.ml2-toc-chip-accent{
  border-color: rgba(214,179,106,.28);
  background: rgba(214,179,106,.10);
  color: rgba(244,246,251,.92);
}

.ml2-toc-chip-accent:hover{
  border-color: rgba(214,179,106,.38);
  background: rgba(214,179,106,.14);
}

html{ scroll-behavior: smooth; }

@media (max-width: 980px){
  .ml2-toc-inner{ align-items:flex-start; }
}
/* =====================================================
   ML2 TOC – FIX: pierwszy chip ZŁOTY, reszta BIAŁA
   Dotyczy TYLKO: .ml2-toc
===================================================== */

/* baza – wszystkie chipsy na BIAŁO */
.ml2-toc .ml2-toc-links .ml2-toc-chip{
  background: #ffffff !important;
  color: #0b0d12 !important;
  border: 1px solid rgba(11,13,18,.12) !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.18) !important;
  text-decoration: none !important;
}

/* hover białych – lekko szary */
.ml2-toc .ml2-toc-links .ml2-toc-chip:hover,
.ml2-toc .ml2-toc-links .ml2-toc-chip:focus{
  background: #f2f3f5 !important;
  border-color: rgba(11,13,18,.18) !important;
  color: #0b0d12 !important;
  transform: translateY(-1px) !important;
}

/* 1) PIERWSZY chip – ZŁOTY (primary) */
.ml2-toc .ml2-toc-links .ml2-toc-chip:first-child{
  background: #d6b36a !important;
  color: #0b0d12 !important;
  border: 1px solid rgba(0,0,0,.18) !important;
  box-shadow: 0 14px 28px rgba(214,179,106,.18) !important;
}

/* hover złotego – ciemniejszy złoty */
.ml2-toc .ml2-toc-links .ml2-toc-chip:first-child:hover,
.ml2-toc .ml2-toc-links .ml2-toc-chip:first-child:focus{
  background: #caa55b !important;
  border-color: rgba(0,0,0,.22) !important;
  color: #0b0d12 !important;
}

/* jeśli masz gdzieś .ml2-toc-chip-accent – zabijamy, żeby nie mieszał */
.ml2-toc .ml2-toc-chip-accent{
  background: #ffffff !important;
  color: #0b0d12 !important;
  border-color: rgba(11,13,18,.12) !important;
}

/* safety: gdy tekst w środku w span */
.ml2-toc .ml2-toc-chip *{
  color: inherit !important;
}
/* =====================================================
   ML2 TOC – WERSJA JASNA (BIAŁA)
   1. chip = ZŁOTY (primary)
   reszta = BIAŁE (secondary)
===================================================== */

/* CAŁA SEKCJA TOC – BIAŁE TŁO */
.ml2-toc{
  background: #ffffff !important;
  border-bottom: 1px solid rgba(0,0,0,.08) !important;
}

/* tytuł */
.ml2-toc-title{
  color: rgba(11,13,18,.70) !important;
}

/* =====================================================
   CHIPSY – BAZA (BIAŁE)
===================================================== */
.ml2-toc .ml2-toc-links .ml2-toc-chip{
  background: #ffffff !important;
  color: #0b0d12 !important;
  border: 1px solid rgba(11,13,18,.14) !important;

  font-weight: 900 !important;
  font-size: 13px !important;

  box-shadow: 0 10px 22px rgba(0,0,0,.12) !important;
  transition:
    transform .15s ease,
    background-color .15s ease,
    border-color .15s ease,
    box-shadow .15s ease !important;
}

/* hover białych */
.ml2-toc .ml2-toc-links .ml2-toc-chip:hover,
.ml2-toc .ml2-toc-links .ml2-toc-chip:focus{
  background: #f2f3f5 !important;
  border-color: rgba(11,13,18,.22) !important;
  transform: translateY(-1px) !important;
}

/* =====================================================
   1. CHIP – ZŁOTY (PRIMARY)
===================================================== */
.ml2-toc .ml2-toc-links .ml2-toc-chip:first-child{
  background: #d6b36a !important;
  color: #0b0d12 !important;
  border: 1px solid rgba(0,0,0,.18) !important;
  box-shadow: 0 14px 28px rgba(214,179,106,.18) !important;
}

/* hover złotego */
.ml2-toc .ml2-toc-links .ml2-toc-chip:first-child:hover,
.ml2-toc .ml2-toc-links .ml2-toc-chip:first-child:focus{
  background: #caa55b !important;
  border-color: rgba(0,0,0,.22) !important;
}

/* =====================================================
   KILL SWITCH – jeśli gdzieś został accent
===================================================== */
.ml2-toc .ml2-toc-chip-accent{
  background: #ffffff !important;
  color: #0b0d12 !important;
  border-color: rgba(11,13,18,.14) !important;
}

/* safety – gdy Elementor wrzuca span */
.ml2-toc .ml2-toc-chip *{
  color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b26f90a */.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 */