.elementor-2 .elementor-element.elementor-element-a147895{padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-167e8fd > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-2204254{width:100%;max-width:100%;}.elementor-2 .elementor-element.elementor-element-2204254 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-5f1946b > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-bed9b5a{width:100%;max-width:100%;}.elementor-2 .elementor-element.elementor-element-b72afdd > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-14cd132{width:100%;max-width:100%;}.elementor-2 .elementor-element.elementor-element-35a1822 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-fa8aca6 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-f902333 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-8935dde{width:100%;max-width:100%;}.elementor-2 .elementor-element.elementor-element-79d0992 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-f1982fc{width:100%;max-width:100%;}.elementor-2 .elementor-element.elementor-element-c9bd90e > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-639b0bd{width:100%;max-width:100%;}.elementor-2 .elementor-element.elementor-element-d744920 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-1e5cc3f{width:100%;max-width:100%;}.elementor-2 .elementor-element.elementor-element-8746185 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-074038f{width:100%;max-width:100%;}.elementor-2 .elementor-element.elementor-element-e990e9a > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-c62fef9{width:100%;max-width:100%;}.elementor-2 .elementor-element.elementor-element-255ea15{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-e8dd532 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-442bcbf{width:100%;max-width:100%;align-self:center;}.elementor-2 .elementor-element.elementor-element-442bcbf > .elementor-widget-container{padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-2 .elementor-element.elementor-element-167e8fd{width:100%;}.elementor-2 .elementor-element.elementor-element-f902333{width:100%;}.elementor-2 .elementor-element.elementor-element-79d0992{width:100%;}.elementor-2 .elementor-element.elementor-element-c9bd90e{width:100%;}.elementor-2 .elementor-element.elementor-element-d744920{width:100%;}.elementor-2 .elementor-element.elementor-element-8746185{width:100%;}.elementor-2 .elementor-element.elementor-element-e990e9a{width:100%;}.elementor-2 .elementor-element.elementor-element-e8dd532{width:100%;}}/* Start custom CSS for html, class: .elementor-element-2204254 */: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-bed9b5a */.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;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-14cd132 */.ml2-why{
  padding: 64px 0;
  background: #f5f6f8;
}

.ml2-why-head{
  text-align: center;
  max-width: 720px;
  margin: 0 auto 36px;
}

.ml2-h2{
  font-size: clamp(28px, 3vw, 40px);
  font-weight: 950;
  letter-spacing: -.3px;
  margin-bottom: 10px;
  color: #0b0d12;
}

.ml2-why-lead{
  font-size: 16px;
  color: #555;
  line-height: 1.6;
}

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

.ml2-why-card{
  background: #ffffff;
  border-radius: 18px;
  padding: 26px 22px;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
  border: 1px solid rgba(0,0,0,.05);
}

.ml2-why-icon{
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #d6b36a;
  color: #0b0d12;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight: 900;
  margin-bottom: 14px;
}

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

.ml2-why-card p{
  font-size: 14px;
  color: #555;
  line-height: 1.55;
}

@media (max-width: 980px){
  .ml2-why-grid{
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 560px){
  .ml2-why-grid{
    grid-template-columns: 1fr;
  }
}
.ml2-section-h2::after{
  content:"";
  display:block;
  width:74px;
  height:3px;
  margin:14px auto 0;
  background:#d6b36a;
  border-radius:99px;
}
/* ===== ML2: ZŁOTA KRESKA (GRADIENT + GLOW) – WSPÓLNY FIX ===== */
:root{
  --ml2-gold: #d6b36a;
}

/* uniwersalna „ładna” kreska */
.ml2-section-h2::after,
.ml2-localfaq-h2::after,
.ml2-why-head .ml2-section-h2::after,
.ml2-cities .ml2-section-h2::after,
.ml2-seo-time-h2::after{
  content: "" !important;
  display: block !important;
  width: 84px !important;
  height: 4px !important;
  margin: 12px auto 0 !important;
  border-radius: 999px !important;

  /* cieniowane końce + środek złoty */
  background: linear-gradient(
    90deg,
    rgba(214,179,106,.12),
    rgba(214,179,106,.55),
    var(--ml2-gold),
    rgba(214,179,106,.55),
    rgba(214,179,106,.12)
  ) !important;

  /* miękki „premium glow” */
  box-shadow:
    0 10px 22px rgba(214,179,106,.22),
    0 2px 6px rgba(214,179,106,.18) !important;
}

/* jeśli gdzieś była ustawiona jednolita kreska (np. background: #d6b36a), to ją neutralizujemy */
.ml2-localfaq-h2::after,
.ml2-seo-time-h2::after{
  background-color: transparent !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-86fcc97 */.ml2-process{
  padding: 72px 0;
  background: #0b0d12;
}

.ml2-process-head{
  max-width: 860px;
  margin: 0 auto 28px;
  text-align: center;
}

.ml2-process-h2{
  color: #ffffff;
  font-weight: 950;
  letter-spacing: -.3px;
  font-size: clamp(26px, 2.6vw, 40px);
  margin: 0 0 10px;
}

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

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

.ml2-step{
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  padding: 18px 18px;
}

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

.ml2-step-num{
  width: 34px;
  height: 34px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 950;
  color: #0b0d12;
  background: #d6b36a;
  flex: 0 0 auto;
}

.ml2-step-h3{
  margin: 0;
  color: #ffffff;
  font-weight: 900;
  font-size: 15px;
  line-height: 1.25;
}

.ml2-step-p{
  margin: 0;
  color: rgba(244,246,251,.70);
  font-size: 14px;
  line-height: 1.55;
}

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

.ml2-process-cta-title{
  color: #ffffff;
  font-weight: 950;
  font-size: 16px;
}

.ml2-process-cta-sub{
  margin-top: 6px;
  color: rgba(244,246,251,.72);
  font-size: 14px;
  line-height: 1.5;
}

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

.ml2-process-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,.12);
  transition: transform .15s ease, background .15s ease, color .15s ease, border-color .15s ease;
}

.ml2-process-btn-primary{
  background: #d6b36a;
  color: #0b0d12;
  border-color: rgba(0,0,0,.18);
}

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

.ml2-process-btn-ghost{
  background: rgba(255,255,255,.04);
  color: #ffffff;
}

.ml2-process-btn-ghost:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.08);
}

@media (max-width: 980px){
  .ml2-process{ padding: 52px 0; }
  .ml2-process-grid{ grid-template-columns: 1fr; }
  .ml2-process-cta{ flex-direction: column; align-items: stretch; }
  .ml2-process-cta-actions{ justify-content: flex-start; }
}
/* === POPRAWKA CZYTELNOŚCI NAGŁÓWKÓW KROKÓW === */
.ml2-step-h3{
  color: #ffffff !important;
  text-shadow:
    0 1px 6px rgba(0,0,0,.6);
}
/* === POPRAWKA NAGŁÓWKA BLOKU PROCESU (H2) === */
.ml2-process-h2{
  color: #ffffff !important;
  background: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  text-shadow:
    0 2px 10px rgba(0,0,0,.6);
}
.ml2-process-h2::after{
  content: "";
  display: block;
  width: 64px;
  height: 3px;
  margin: 14px auto 0;
  background: #d6b36a;
  border-radius: 99px;
}
/* === ML2 PROCESS: naprawa hover dla czarnego przycisku (ghost) === */
.ml2-process .ml2-process-btn-ghost{
  color: rgba(244,246,251,.92);
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.14);
}

.ml2-process .ml2-process-btn-ghost:hover,
.ml2-process .ml2-process-btn-ghost:focus{
  background: #d6b36a;                 /* złoty */
  color: #0b0d12;                       /* czarny tekst */
  border-color: rgba(0,0,0,.18);
  transform: translateY(-1px);
  box-shadow: 0 14px 28px rgba(214,179,106,.18);
}

.ml2-process .ml2-process-btn-ghost:active{
  transform: translateY(0);
}
/* ===== ML2 PROCESS: złota kreska jak „premium” (gradient + glow) ===== */
.ml2-process-h2::after{
  content: "" !important;
  display: block !important;
  width: 84px !important;        /* możesz zostawić 64px jeśli wolisz */
  height: 4px !important;
  margin: 14px auto 0 !important;
  border-radius: 999px !important;

  background: linear-gradient(
    90deg,
    rgba(214,179,106,.12),
    rgba(214,179,106,.55),
    #d6b36a,
    rgba(214,179,106,.55),
    rgba(214,179,106,.12)
  ) !important;

  box-shadow:
    0 10px 22px rgba(214,179,106,.22),
    0 2px 6px rgba(214,179,106,.18) !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ed2f6fe *//* ===== BLOK 3 (spójny, premium, jasny) ===== */
.ml2-branches{
  background: #f5f6f8 !important;
  padding: 78px 0 !important;
  border-top: 1px solid rgba(0,0,0,.06) !important;
  border-bottom: 1px solid rgba(0,0,0,.06) !important;
}

.ml2-branches .ml2-branches-head{
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto 28px !important;
}

.ml2-branches .ml2-branches-h2{
  color: #0b0d12 !important;
  font-weight: 950 !important;
  letter-spacing: -.3px !important;
  font-size: clamp(28px, 2.8vw, 44px) !important;
  margin: 0 0 10px !important;
}

.ml2-branches .ml2-branches-h2::after{
  content: "" !important;
  display: block !important;
  width: 74px !important;
  height: 3px !important;
  margin: 14px auto 0 !important;
  background: #d6b36a !important;
  border-radius: 99px !important;
}

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

.ml2-branches .ml2-branches-grid{
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 16px !important;
  margin-top: 26px !important;
}

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

.ml2-branches .ml2-branch-tag{
  display: inline-flex !important;
  align-items: center !important;
  padding: 7px 10px !important;
  border-radius: 999px !important;
  background: rgba(214,179,106,.16) !important;
  border: 1px solid rgba(214,179,106,.35) !important;
  color: #0b0d12 !important;
  font-weight: 900 !important;
  font-size: 12px !important;
}

.ml2-branches .ml2-branch-h3{
  margin: 12px 0 8px !important;
  color: #0b0d12 !important;
  font-weight: 950 !important;
  font-size: 18px !important;
  line-height: 1.25 !important;
}

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

.ml2-branches .ml2-branch-list{
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 16px !important;
  display: grid !important;
  gap: 10px !important;
}

.ml2-branches .ml2-branch-list li{
  margin: 0 !important;
  padding: 0 !important;
}

.ml2-branches .ml2-branch-list a{
  display: block !important;
  text-decoration: none !important;
  color: rgba(11,13,18,.86) !important;
  font-weight: 850 !important;
  font-size: 14px !important;
  padding: 10px 12px !important;
  border-radius: 14px !important;
  background: #f6f7f9 !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  transition: transform .15s ease, background .15s ease, border-color .15s ease !important;
}

.ml2-branches .ml2-branch-list a:hover{
  transform: translateY(-1px) !important;
  background: #ffffff !important;
  border-color: rgba(214,179,106,.30) !important;
}

.ml2-branches .ml2-branch-actions{
  display: flex !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  margin-top: 10px !important;
}

.ml2-branches .ml2-branch-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;
  font-size: 14px !important;
  border: 1px solid rgba(0,0,0,.12) !important;
  transition: transform .15s ease, background .15s ease !important;
}

.ml2-branches .ml2-branch-btn-primary{
  background: #d6b36a !important;
  color: #0b0d12 !important;
  border-color: rgba(0,0,0,.12) !important;
}

.ml2-branches .ml2-branch-btn-primary:hover{
  transform: translateY(-1px) !important;
  background: #caa55b !important;
}

.ml2-branches .ml2-branch-btn-ghost{
  background: #ffffff !important;
  color: #0b0d12 !important;
}

.ml2-branches .ml2-branch-btn-ghost:hover{
  transform: translateY(-1px) !important;
  background: #f6f7f9 !important;
}

.ml2-branches .ml2-branches-note{
  margin: 16px auto 0 !important;
  max-width: 980px !important;
  text-align: center !important;
  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  border-radius: 16px !important;
  padding: 12px 14px !important;
  color: rgba(11,13,18,.68) !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}

@media (max-width: 980px){
  .ml2-branches .ml2-branches-grid{
    grid-template-columns: 1fr !important;
  }
}
/* ===== ML2 BRANCHES: premium kreska + żywe hovery (PATCH na koniec) ===== */

/* 1) Premium kreska pod H2 (gradient + glow) */
.ml2-branches .ml2-branches-h2::after{
  content: "" !important;
  display: block !important;
  width: 84px !important;
  height: 4px !important;
  margin: 14px auto 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(
    90deg,
    rgba(214,179,106,.12),
    rgba(214,179,106,.55),
    #d6b36a,
    rgba(214,179,106,.55),
    rgba(214,179,106,.12)
  ) !important;
  box-shadow:
    0 10px 22px rgba(214,179,106,.22),
    0 2px 6px rgba(214,179,106,.16) !important;
}

/* 2) Linki na liście – bardziej “żywe” */
.ml2-branches .ml2-branch-list a{
  transition: transform .15s ease, background .15s ease, border-color .15s ease, box-shadow .15s ease !important;
}
.ml2-branches .ml2-branch-list a:hover{
  transform: translateY(-1px) !important;
  background: #ffffff !important;
  border-color: rgba(214,179,106,.30) !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.08) !important;
}

/* 3) Przyciski – hover ma “drgnąć” + cień (złoty ciemniejszy, biały jaśniejszy) */
.ml2-branches .ml2-branch-btn{
  transition: transform .15s ease, background .15s ease, border-color .15s ease, box-shadow .15s ease, filter .15s ease !important;
  will-change: transform;
}

/* PRIMARY */
.ml2-branches .ml2-branch-btn-primary:hover{
  transform: translateY(-1px) !important;
  background: #caa55b !important;
  box-shadow: 0 14px 28px rgba(214,179,106,.18) !important;
}

/* GHOST */
.ml2-branches .ml2-branch-btn-ghost:hover{
  transform: translateY(-1px) !important;
  background: #f6f7f9 !important;
  border-color: rgba(0,0,0,.14) !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.08) !important;
}

/* 4) Ubijamy “dziwne” efekty hover z tematu/Elementora */
.elementor .ml2-branches a,
.elementor .ml2-branches a:hover,
.elementor .ml2-branches a:focus,
.elementor .ml2-branches a:active{
  filter: none !important;
  opacity: 1 !important;
  text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8935dde *//* ===== ML2: Obsługiwane miasta (SEO lokalne) ===== */
.ml2-cities{
  padding: 54px 0;
  background:
    radial-gradient(700px 280px at 15% 20%, rgba(214,179,106,.14), transparent 60%),
    radial-gradient(600px 260px at 85% 30%, rgba(255,255,255,.06), transparent 60%),
    #10141f; /* jaśniejsze niż stopka – NIE zlewa się */
  border-top: 1px solid rgba(255,255,255,.10);
  border-bottom: 1px solid rgba(255,255,255,.10);
}

/* ===== HEAD ===== */
.ml2-cities-head{
  text-align: center;
  margin-bottom: 18px;
}

.ml2-cities .ml2-h2{
  margin: 0;
  color: #f4f6fb;
  font-weight: 950;
  letter-spacing: -.4px;
}

/* złota kreska pod tytułem */
.ml2-cities .ml2-h2::after{
  content: "";
  display: block;
  width: 72px;
  height: 3px;
  margin: 12px auto 0;
  border-radius: 99px;
  background: linear-gradient(
    90deg,
    rgba(214,179,106,.25),
    #d6b36a,
    rgba(214,179,106,.25)
  );
}

.ml2-cities-lead{
  margin: 12px auto 0;
  max-width: 70ch;
  text-align: center;
  color: rgba(244,246,251,.75);
  font-weight: 700;
  line-height: 1.65;
}

/* ===== BOX Z MIASTAMI ===== */
.ml2-cities-box{
  margin: 20px auto 0;
  max-width: 980px;
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.045);
  box-shadow: 0 18px 40px rgba(0,0,0,.35);
  padding: 18px 20px;
  text-align: center;
}

.ml2-cities-list{
  margin: 0;
  color: rgba(244,246,251,.88);
  line-height: 1.8;
  font-weight: 800;
}

.ml2-cities-list strong{
  color: #d6b36a;
  font-weight: 950;
}

.ml2-cities-note{
  margin-top: 12px;
  color: rgba(244,246,251,.65);
  line-height: 1.6;
  font-weight: 700;
  text-align: center;
}

/* ===== MOBILE ===== */
@media (max-width: 980px){
  .ml2-cities{ padding: 38px 0; }
  .ml2-cities-box{ padding: 14px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f1982fc *//* ===== ML2: Lokalne FAQ (Tychy / Katowice / Gliwice) — WERSJA JASNO-SZARA ===== */
:root{
  --ml2-gold: #d6b36a;
  --ml2-gray: #f2f3f5;            /* szary jak w Twoim jasnym bloku */
  --ml2-card: #ffffff;
  --ml2-text: #0b0d12;
  --ml2-muted: rgba(11,13,18,.72);
  --ml2-border: rgba(11,13,18,.10);
  --ml2-border-2: rgba(11,13,18,.14);
  --ml2-shadow: 0 18px 40px rgba(0,0,0,.12);
}

.ml2-local-faq{
  padding: 54px 0;
  background:
    radial-gradient(900px 380px at 15% 10%, rgba(214,179,106,.18), transparent 60%),
    radial-gradient(700px 320px at 85% 20%, rgba(0,0,0,.06), transparent 60%),
    var(--ml2-gray) !important;
  border-top: 1px solid rgba(0,0,0,.08) !important;
  color: var(--ml2-text) !important;
}

.ml2-local-faq-head{
  text-align: center;
  margin-bottom: 18px;
}

.ml2-local-faq-lead{
  margin: 12px auto 0;
  max-width: 80ch;
  color: var(--ml2-muted) !important;
  line-height: 1.65;
  font-weight: 700;
}

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

.ml2-local-faq-city{
  border-radius: 20px;
  border: 1px solid var(--ml2-border) !important;
  background: var(--ml2-card) !important;
  box-shadow: var(--ml2-shadow);
  padding: 14px;
}

.ml2-local-faq-city-title{
  margin: 4px 0 10px;
  font-weight: 950;
  color: var(--ml2-text) !important;
  letter-spacing: -.2px;
  position: relative;
  padding-bottom: 10px;
}

.ml2-local-faq-city-title::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width: 58px;
  height: 3px;
  border-radius: 99px;
  background: linear-gradient(
    90deg,
    rgba(214,179,106,.25),
    var(--ml2-gold),
    rgba(214,179,106,.25)
  );
}

/* kafelki FAQ */
.ml2-local-faq .ml2-faq-item{
  border-radius: 16px;
  border: 1px solid var(--ml2-border) !important;
  background: rgba(11,13,18,.03) !important; /* delikatnie, żeby nie było czarne */
  margin-top: 10px;
  overflow: hidden;
}

.ml2-local-faq .ml2-faq-q{
  cursor: pointer;
  padding: 12px 12px;
  color: rgba(11,13,18,.92) !important;
  font-weight: 900;
  list-style: none;
}

.ml2-local-faq .ml2-faq-q::-webkit-details-marker{ display:none; }

.ml2-local-faq .ml2-faq-a{
  padding: 0 12px 12px;
  color: var(--ml2-muted) !important;
  line-height: 1.65;
  font-weight: 700;
}

.ml2-local-faq .ml2-faq-item[open]{
  border-color: rgba(214,179,106,.55) !important;
  background: rgba(214,179,106,.12) !important;
}

/* CTA na dole */
.ml2-local-faq-cta{
  margin-top: 18px;
  border-radius: 22px;
  border: 1px solid var(--ml2-border-2) !important;
  background: var(--ml2-card) !important;
  box-shadow: var(--ml2-shadow);
  padding: 16px;
  display:flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.ml2-local-faq-cta-title{
  font-weight: 950;
  color: var(--ml2-text) !important;
}
.ml2-local-faq-cta-sub{
  margin-top: 6px;
  color: var(--ml2-muted) !important;
  font-weight: 700;
  line-height: 1.6;
}

.ml2-local-faq-cta-actions{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
}

/* mobile */
@media (max-width: 980px){
  .ml2-local-faq{ padding: 38px 0; }
  .ml2-local-faq-grid{ grid-template-columns: 1fr; }
  .ml2-local-faq-cta{ flex-direction: column; align-items: stretch; }
  .ml2-local-faq-cta-actions{ justify-content: flex-start; }
}

/* ===== FIX: Tytuł lokalnego FAQ (na jasnym tle) ===== */
.ml2-local-faq-head h2{
  text-align: center;
  color: var(--ml2-text) !important;  /* WAŻNE: czarny, żeby nie znikał */
  font-weight: 950;
  letter-spacing: -0.4px;
  position: relative;
  padding-bottom: 14px;
  margin-bottom: 12px;
}

.ml2-local-faq-head h2::after{
  content: "";
  display: block;
  width: 72px;
  height: 4px;
  margin: 12px auto 0;
  border-radius: 99px;
  background: linear-gradient(
    90deg,
    rgba(214,179,106,.20),
    var(--ml2-gold),
    rgba(214,179,106,.20)
  );
}
/* ===== ML2: HOVER jak na screenach (drgnięcie + zmiana koloru) ===== */
:root{
  --ml2-gold: #d6b36a;
  --ml2-gold-hover: #caa85e; /* ciemniejsze złoto na hover */
  --ml2-ink:  #0b0d12;
  --ml2-line: rgba(11,13,18,.18);
  --ml2-gray-hover: #f2f3f5; /* jasny szary na hover dla białych */
}

/* baza + animacja */
.elementor a.ml2-btn-primary,
.elementor button.ml2-btn-primary,
.elementor a.ml2-btn-secondary,
.elementor button.ml2-btn-secondary{
  transition: transform .16s ease, background-color .16s ease, border-color .16s ease, box-shadow .16s ease, color .16s ease;
  will-change: transform;
}

/* PRIMARY – normal */
.elementor a.ml2-btn-primary,
.elementor button.ml2-btn-primary{
  background: var(--ml2-gold) !important;
  color: var(--ml2-ink) !important;
  border: 2px solid rgba(0,0,0,.15) !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.10) !important;
  text-decoration: none !important;
}

/* PRIMARY – hover */
.elementor a.ml2-btn-primary:hover,
.elementor button.ml2-btn-primary:hover{
  background: var(--ml2-gold-hover) !important;
  color: var(--ml2-ink) !important;
  border-color: rgba(0,0,0,.18) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 24px rgba(0,0,0,.14) !important;
}

/* SECONDARY – normal */
.elementor a.ml2-btn-secondary,
.elementor button.ml2-btn-secondary{
  background: #fff !important;
  color: var(--ml2-ink) !important;
  border: 2px solid var(--ml2-line) !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.08) !important;
  text-decoration: none !important;
}

/* SECONDARY – hover */
.elementor a.ml2-btn-secondary:hover,
.elementor button.ml2-btn-secondary:hover{
  background: var(--ml2-gray-hover) !important;
  color: var(--ml2-ink) !important;
  border-color: rgba(11,13,18,.22) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 24px rgba(0,0,0,.12) !important;
}

/* ubij overlay/efekty, które potrafią psuć hover */
.elementor a.ml2-btn-primary::before,
.elementor a.ml2-btn-primary::after,
.elementor a.ml2-btn-secondary::before,
.elementor a.ml2-btn-secondary::after{
  content: none !important;
  display: none !important;
}

/* żeby tekst w środku nie zmieniał koloru osobno */
.elementor a.ml2-btn-primary *,
.elementor a.ml2-btn-secondary *,
.elementor button.ml2-btn-primary *,
.elementor button.ml2-btn-secondary *{
  color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-639b0bd *//* =========================================================
   ML2 – SEO TIME (CIEMNA WERSJA) – JEDYNY KOD
   - czarne tło sekcji
   - ciemne karty + czytelne teksty
   - 2gi przycisk (secondary) na hover -> ZŁOTY
   Wklej NA SAM KONIEC i usuń inne CSS .ml2-seo-time
========================================================= */

#ile-trwa-naprawa-oc-tychy.ml2-seo-time,
section#ile-trwa-naprawa-oc-tychy.ml2-seo-time,
.elementor section#ile-trwa-naprawa-oc-tychy.ml2-seo-time{
  padding: 54px 0 !important;
  background:
    radial-gradient(760px 320px at 20% 15%, rgba(214,179,106,.12), transparent 60%),
    radial-gradient(620px 280px at 85% 30%, rgba(255,255,255,.05), transparent 60%),
    #10141f !important;
  border-top: 1px solid rgba(255,255,255,.10) !important;
  border-bottom: 1px solid rgba(255,255,255,.10) !important;
  color: rgba(244,246,251,.86) !important;
}

/* Header */
#ile-trwa-naprawa-oc-tychy .ml2-seo-time-head{
  text-align: center;
  margin-bottom: 18px;
}

#ile-trwa-naprawa-oc-tychy .ml2-seo-time-head h2,
#ile-trwa-naprawa-oc-tychy .ml2-seo-time-h2{
  color: #f4f6fb !important;
  font-weight: 950 !important;
  letter-spacing: -0.4px !important;
  position: relative !important;
  padding-bottom: 14px !important;
  margin-bottom: 12px !important;
  opacity: 1 !important;
}

#ile-trwa-naprawa-oc-tychy .ml2-seo-time-head h2::after,
#ile-trwa-naprawa-oc-tychy .ml2-seo-time-h2::after{
  content: "" !important;
  display: block !important;
  width: 72px !important;
  height: 4px !important;
  margin: 12px auto 0 !important;
  border-radius: 99px !important;
  background: linear-gradient(90deg, rgba(214,179,106,.15), #d6b36a, rgba(214,179,106,.15)) !important;
}

#ile-trwa-naprawa-oc-tychy .ml2-seo-time-lead{
  margin: 12px auto 0 !important;
  max-width: 85ch !important;
  color: rgba(244,246,251,.78) !important;
  line-height: 1.65 !important;
  font-weight: 700 !important;
}

/* Grid */
#ile-trwa-naprawa-oc-tychy .ml2-seo-time-grid{
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 14px !important;
  margin-top: 18px !important;
}

/* Cards */
#ile-trwa-naprawa-oc-tychy .ml2-seo-time-card{
  border-radius: 20px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  background: rgba(255,255,255,.045) !important;
  box-shadow: 0 18px 40px rgba(0,0,0,.35) !important;
  padding: 16px !important;
}

#ile-trwa-naprawa-oc-tychy .ml2-seo-time-h3{
  margin: 0 0 10px !important;
  color: #f4f6fb !important;
  font-weight: 950 !important;
  letter-spacing: -.2px !important;
  position: relative !important;
  padding-bottom: 10px !important;
}

#ile-trwa-naprawa-oc-tychy .ml2-seo-time-h3::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  bottom:0 !important;
  width: 58px !important;
  height: 3px !important;
  border-radius: 99px !important;
  background: linear-gradient(90deg, rgba(214,179,106,.2), #d6b36a, rgba(214,179,106,.2)) !important;
}

#ile-trwa-naprawa-oc-tychy .ml2-seo-time-list,
#ile-trwa-naprawa-oc-tychy .ml2-seo-time-card ul,
#ile-trwa-naprawa-oc-tychy .ml2-seo-time-card li,
#ile-trwa-naprawa-oc-tychy .ml2-seo-time-p,
#ile-trwa-naprawa-oc-tychy .ml2-seo-time-card p{
  color: rgba(244,246,251,.80) !important;
  line-height: 1.75 !important;
  font-weight: 700 !important;
}

#ile-trwa-naprawa-oc-tychy .ml2-seo-time-list{
  margin: 0 !important;
  padding-left: 18px !important;
}

#ile-trwa-naprawa-oc-tychy .ml2-seo-time-list strong{
  color:#d6b36a !important;
  font-weight: 950 !important;
}

/* CTA */
#ile-trwa-naprawa-oc-tychy .ml2-seo-time-cta{
  margin-top: 18px !important;
  border-radius: 20px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  background: rgba(255,255,255,.045) !important;
  box-shadow: 0 18px 40px rgba(0,0,0,.35) !important;
  padding: 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
}

#ile-trwa-naprawa-oc-tychy .ml2-seo-time-cta-title{
  color: #f4f6fb !important;
  font-weight: 950 !important;
}

#ile-trwa-naprawa-oc-tychy .ml2-seo-time-cta-sub{
  margin-top: 6px !important;
  color: rgba(244,246,251,.78) !important;
  font-weight: 700 !important;
  line-height: 1.6 !important;
}

#ile-trwa-naprawa-oc-tychy .ml2-seo-time-cta-actions{
  display:flex !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

/* Buttons – baza */
#ile-trwa-naprawa-oc-tychy 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;
  font-size: 14px !important;
  transition: transform .15s ease, background .15s ease, color .15s ease, border-color .15s ease, box-shadow .15s ease !important;
  opacity: 1 !important;
  filter: none !important;
}
#ile-trwa-naprawa-oc-tychy a.ml2-btn *{ color: inherit !important; }

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

/* Secondary (ciemny) -> HOVER ZŁOTY (TAK JAK CHCESZ) */
#ile-trwa-naprawa-oc-tychy a.ml2-btn-secondary{
  background: rgba(255,255,255,.06) !important;
  color: rgba(244,246,251,.92) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
}
#ile-trwa-naprawa-oc-tychy a.ml2-btn-secondary:hover,
#ile-trwa-naprawa-oc-tychy a.ml2-btn-secondary:focus{
  transform: translateY(-1px) !important;
  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;
}

/* Ghost (jeśli jest) */
#ile-trwa-naprawa-oc-tychy a.ml2-btn-ghost{
  background: transparent !important;
  color: rgba(244,246,251,.88) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
}
#ile-trwa-naprawa-oc-tychy a.ml2-btn-ghost:hover{
  transform: translateY(-1px) !important;
  background: rgba(255,255,255,.08) !important;
}

/* Mobile */
@media (max-width: 980px){
  #ile-trwa-naprawa-oc-tychy .ml2-seo-time-grid{ grid-template-columns: 1fr !important; }
  #ile-trwa-naprawa-oc-tychy .ml2-seo-time-cta{
    flex-direction: column !important;
    align-items: stretch !important;
  }
  #ile-trwa-naprawa-oc-tychy .ml2-seo-time-cta-actions{ justify-content: flex-start !important; }
}
/* =========================================================
   ML2 – SEO TIME (CIEMNA WERSJA) – JEDYNY KOD (NAPRAWIONY ID)
   - czarne tło sekcji
   - ciemne karty + czytelne teksty
   - 2gi przycisk (secondary) na hover -> ZŁOTY
   Wklej NA SAM KONIEC i usuń inne CSS .ml2-seo-time
========================================================= */

/* UWAGA: poprawione ID -> #ile-trwa-naprawa-z-oc-w-tychach */
#ile-trwa-naprawa-z-oc-w-tychach.ml2-seo-time,
section#ile-trwa-naprawa-z-oc-w-tychach.ml2-seo-time,
.elementor section#ile-trwa-naprawa-z-oc-w-tychach.ml2-seo-time,
.ml2-seo-time{
  padding: 54px 0 !important;
  background:
    radial-gradient(760px 320px at 20% 15%, rgba(214,179,106,.12), transparent 60%),
    radial-gradient(620px 280px at 85% 30%, rgba(255,255,255,.05), transparent 60%),
    #10141f !important;
  border-top: 1px solid rgba(255,255,255,.10) !important;
  border-bottom: 1px solid rgba(255,255,255,.10) !important;
  color: rgba(244,246,251,.86) !important;
}

/* Header */
#ile-trwa-naprawa-z-oc-w-tychach .ml2-seo-time-head{
  text-align: center;
  margin-bottom: 18px;
}

#ile-trwa-naprawa-z-oc-w-tychach .ml2-seo-time-head h2,
#ile-trwa-naprawa-z-oc-w-tychach .ml2-seo-time-h2,
#ile-trwa-naprawa-z-oc-w-tychach h2#ml2-seo-time-title{
  color: #f4f6fb !important;
  font-weight: 950 !important;
  letter-spacing: -0.4px !important;
  position: relative !important;
  padding-bottom: 14px !important;
  margin-bottom: 12px !important;
  opacity: 1 !important;
}

#ile-trwa-naprawa-z-oc-w-tychach .ml2-seo-time-head h2::after,
#ile-trwa-naprawa-z-oc-w-tychach .ml2-seo-time-h2::after,
#ile-trwa-naprawa-z-oc-w-tychach h2#ml2-seo-time-title::after{
  content: "" !important;
  display: block !important;
  width: 72px !important;
  height: 4px !important;
  margin: 12px auto 0 !important;
  border-radius: 99px !important;
  background: linear-gradient(90deg, rgba(214,179,106,.15), #d6b36a, rgba(214,179,106,.15)) !important;
}

#ile-trwa-naprawa-z-oc-w-tychach .ml2-seo-time-lead{
  margin: 12px auto 0 !important;
  max-width: 85ch !important;
  color: rgba(244,246,251,.78) !important;
  line-height: 1.65 !important;
  font-weight: 700 !important;
}

/* Grid */
#ile-trwa-naprawa-z-oc-w-tychach .ml2-seo-time-grid{
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 14px !important;
  margin-top: 18px !important;
}

/* Cards */
#ile-trwa-naprawa-z-oc-w-tychach .ml2-seo-time-card{
  border-radius: 20px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  background: rgba(255,255,255,.045) !important;
  box-shadow: 0 18px 40px rgba(0,0,0,.35) !important;
  padding: 16px !important;
}

#ile-trwa-naprawa-z-oc-w-tychach .ml2-seo-time-h3{
  margin: 0 0 10px !important;
  color: #f4f6fb !important;
  font-weight: 950 !important;
  letter-spacing: -.2px !important;
  position: relative !important;
  padding-bottom: 10px !important;
}

#ile-trwa-naprawa-z-oc-w-tychach .ml2-seo-time-h3::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  bottom:0 !important;
  width: 58px !important;
  height: 3px !important;
  border-radius: 99px !important;
  background: linear-gradient(90deg, rgba(214,179,106,.2), #d6b36a, rgba(214,179,106,.2)) !important;
}

#ile-trwa-naprawa-z-oc-w-tychach .ml2-seo-time-list,
#ile-trwa-naprawa-z-oc-w-tychach .ml2-seo-time-card ul,
#ile-trwa-naprawa-z-oc-w-tychach .ml2-seo-time-card li,
#ile-trwa-naprawa-z-oc-w-tychach .ml2-seo-time-p,
#ile-trwa-naprawa-z-oc-w-tychach .ml2-seo-time-card p{
  color: rgba(244,246,251,.80) !important;
  line-height: 1.75 !important;
  font-weight: 700 !important;
}

#ile-trwa-naprawa-z-oc-w-tychach .ml2-seo-time-list{
  margin: 0 !important;
  padding-left: 18px !important;
}

#ile-trwa-naprawa-z-oc-w-tychach .ml2-seo-time-list strong{
  color:#d6b36a !important;
  font-weight: 950 !important;
}

/* Buttons – baza */
#ile-trwa-naprawa-z-oc-w-tychach 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;
  font-size: 14px !important;
  transition: transform .15s ease, background .15s ease, color .15s ease, border-color .15s ease, box-shadow .15s ease !important;
  opacity: 1 !important;
  filter: none !important;
}
#ile-trwa-naprawa-z-oc-w-tychach a.ml2-btn *{ color: inherit !important; }

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

/* Secondary -> HOVER ZŁOTY */
#ile-trwa-naprawa-z-oc-w-tychach a.ml2-btn-secondary{
  background: rgba(255,255,255,.06) !important;
  color: rgba(244,246,251,.92) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
}
#ile-trwa-naprawa-z-oc-w-tychach a.ml2-btn-secondary:hover,
#ile-trwa-naprawa-z-oc-w-tychach a.ml2-btn-secondary:focus{
  transform: translateY(-1px) !important;
  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;
}

/* Mobile */
@media (max-width: 980px){
  #ile-trwa-naprawa-z-oc-w-tychach .ml2-seo-time-grid{ grid-template-columns: 1fr !important; }
}
/* ===== ML2 SEO TIME – FIX: odstęp między przyciskami (działa zawsze) ===== */

/* 1) Upewnij się, że kontener przycisków jest flex i ma gap */
.ml2-seo-time .ml2-seo-time-actions{
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 14px !important;   /* zmień na 12px / 16px jeśli chcesz */
}

/* 2) Fallback, gdyby gap był ignorowany / nadpisany */
.ml2-seo-time .ml2-seo-time-actions > a.ml2-btn{
  margin: 0 !important;
}
.ml2-seo-time .ml2-seo-time-actions > a.ml2-btn + a.ml2-btn{
  margin-left: 14px !important;
}

/* 3) Gdy Elementor “psuje” inline/width */
.ml2-seo-time .ml2-seo-time-actions > a.ml2-btn{
  display: inline-flex !important;
  width: auto !important;
}
/* ===== ML2 SEO TIME – FIX ODSTĘPU PRZYCISKÓW (DZIAŁA NA TWOIM ID) ===== */
#ile-trwa-naprawa-z-oc-w-tychach .ml2-seo-time-actions{
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 14px !important;          /* główny odstęp */
  column-gap: 14px !important;    /* dla pewności */
}

/* backup, gdyby gdzieś gap był ignorowany / Elementor mieszał */
#ile-trwa-naprawa-z-oc-w-tychach .ml2-seo-time-actions > a.ml2-btn{
  margin: 0 !important;
}

#ile-trwa-naprawa-z-oc-w-tychach .ml2-seo-time-actions > a.ml2-btn:not(:last-child){
  margin-right: 14px !important;  /* twardy odstęp między 1 i 2 */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1e5cc3f *//* ===== LOKALNE FAQ (Tychy / Katowice / Gliwice) — WERSJA JASNA ===== */
:root{
  --ml2-gold: #d6b36a;
  --ml2-ink:  #0b0d12;
  --ml2-muted: rgba(11,13,18,.72);
  --ml2-soft: rgba(11,13,18,.56);
  --ml2-line: rgba(11,13,18,.14);
  --ml2-bg:   #f2f3f5;      /* tło sekcji */
  --ml2-card: #ffffff;      /* tło kart */
  --ml2-chip: rgba(214,179,106,.16);
}

/* sekcja */
.ml2-localfaq{
  padding: 56px 0;
  background:
    radial-gradient(800px 320px at 20% 0%, rgba(214,179,106,.18), transparent 60%),
    var(--ml2-bg);
  border-bottom: 1px solid var(--ml2-line);
}

/* nagłówek */
.ml2-localfaq-head{
  text-align: center;
  margin-bottom: 18px;
}

.ml2-localfaq-h2{
  color: var(--ml2-ink);
  font-weight: 950;
  letter-spacing: -.3px;
  margin: 0;
}

.ml2-localfaq-h2::after{
  content:"";
  display:block;
  width: 84px;
  height: 3px;
  margin: 12px auto 0;
  border-radius: 999px;
  background: var(--ml2-gold);
  box-shadow: 0 10px 24px rgba(214,179,106,.18);
}

.ml2-localfaq-lead{
  margin: 10px auto 0;
  max-width: 72ch;
  color: var(--ml2-muted);
  line-height: 1.6;
  font-weight: 800;
}

/* grid */
.ml2-localfaq-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-top: 22px;
}

/* karta miasta */
.ml2-localfaq-card{
  border-radius: 18px;
  border: 1px solid var(--ml2-line);
  background: var(--ml2-card);
  box-shadow: 0 16px 34px rgba(0,0,0,.12);
  padding: 14px;
}

/* chip "Tychy/Katowice/Gliwice" */
.ml2-localfaq-city{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(214,179,106,.35);
  background: var(--ml2-chip);
  color: var(--ml2-ink);
  font-weight: 900;
  font-size: 12px;
}

/* tytuł karty */
.ml2-localfaq-h3{
  margin: 10px 0 8px;
  color: var(--ml2-ink);
  font-weight: 950;
  font-size: 15px;
  line-height: 1.25;
}

/* pojedyncze pytanie */
.ml2-localfaq-item{
  border-top: 1px solid rgba(11,13,18,.10);
  padding-top: 10px;
  margin-top: 10px;
}

.ml2-localfaq-q{
  cursor: pointer;
  list-style: none;
  color: rgba(11,13,18,.92);
  font-weight: 900;
  font-size: 13px;
}

.ml2-localfaq-q::-webkit-details-marker{ display:none; }

.ml2-localfaq-q::after{
  content:"＋";
  float: right;
  color: rgba(214,179,106,.95);
  font-weight: 900;
}

.ml2-localfaq-item[open] .ml2-localfaq-q::after{
  content:"—";
}

.ml2-localfaq-a{
  margin-top: 8px;
  color: var(--ml2-soft);
  line-height: 1.6;
  font-weight: 800;
  font-size: 13px;
}

/* CTA na dole */
.ml2-localfaq-cta{
  margin-top: 18px;
  border-radius: 18px;
  border: 1px solid var(--ml2-line);
  background: var(--ml2-card);
  box-shadow: 0 16px 34px rgba(0,0,0,.12);
  padding: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.ml2-localfaq-cta-title{
  color: var(--ml2-ink);
  font-weight: 950;
}

.ml2-localfaq-cta-sub{
  margin-top: 6px;
  color: var(--ml2-muted);
  font-weight: 800;
}

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

/* mobile */
@media (max-width: 980px){
  .ml2-localfaq-grid{ grid-template-columns: 1fr; }
  .ml2-localfaq-cta{ flex-direction: column; align-items: stretch; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-074038f *//* ===== OBSŁUGIWANE MIASTA (LOCAL SEO) ===== */
.ml2-cities{
  padding: 52px 0;
  background:
    radial-gradient(900px 380px at 15% 10%, rgba(214,179,106,.14), transparent 60%),
    radial-gradient(700px 320px at 85% 20%, rgba(255,255,255,.06), transparent 60%),
    #0d1017; /* lekko inny niż stopka, żeby się nie zlewało */
  border-top: 1px solid rgba(255,255,255,.08);
  border-bottom: 1px solid rgba(255,255,255,.08);
}

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

.ml2-cities-h2{
  margin: 0;
  color: #f4f6fb;
  font-weight: 950;
  letter-spacing: -.3px;
  font-size: clamp(22px, 2.2vw, 34px);
  position: relative;
  display: inline-block;
  padding-bottom: 12px;
}

.ml2-cities-h2::after{
  content:"";
  position:absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 86px;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(214,179,106,.15), rgba(214,179,106,1), rgba(214,179,106,.15));
  box-shadow: 0 10px 22px rgba(214,179,106,.12);
}

.ml2-cities-lead{
  margin: 12px auto 0;
  color: rgba(244,246,251,.72);
  line-height: 1.6;
  max-width: 70ch;
}

.ml2-cities-grid{
  margin-top: 18px;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}

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

.ml2-city:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.06);
  border-color: rgba(214,179,106,.28);
  color: #f4f6fb;
}

.ml2-cities-note{
  margin: 16px auto 0;
  max-width: 80ch;
  text-align: center;
  color: rgba(244,246,251,.62);
  font-weight: 700;
  font-size: 13px;
}

.ml2-cities-cta{
  margin-top: 18px;
  display:flex;
  gap: 10px;
  justify-content: center;
  flex-wrap: wrap;
}

/* responsywność */
@media (max-width: 980px){
  .ml2-cities{ padding: 38px 0; }
  .ml2-cities-grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 520px){
  .ml2-cities-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c62fef9 *//* ===== ML2 SEO TIME – WERSJA JASNA ===== */
:root{
  --ml2-gold: #d6b36a;
  --ml2-ink: #0b0d12;
  --ml2-muted: rgba(11,13,18,.72);
  --ml2-soft: rgba(11,13,18,.58);
  --ml2-line: rgba(11,13,18,.14);
  --ml2-bg: #f2f3f5;
  --ml2-card: #ffffff;
}

/* SEKCJA */
.ml2-seo-time{
  padding: 56px 0;
  background:
    radial-gradient(900px 360px at 20% 0%, rgba(214,179,106,.18), transparent 60%),
    var(--ml2-bg);
  border-top: 1px solid var(--ml2-line);
  border-bottom: 1px solid var(--ml2-line);
}

/* HEADER */
.ml2-seo-time-head{
  text-align: center;
  margin-bottom: 22px;
}

.ml2-seo-time-h2{
  color: var(--ml2-ink);
  font-weight: 950;
  letter-spacing: -.3px;
  margin: 0;
  position: relative;
  padding-bottom: 12px;
}

.ml2-seo-time-h2::after{
  content:"";
  display:block;
  width: 78px;
  height: 3px;
  margin: 12px auto 0;
  border-radius: 999px;
  background: var(--ml2-gold);
}

.ml2-seo-time-lead{
  margin: 10px auto 0;
  max-width: 70ch;
  color: var(--ml2-muted);
  font-weight: 800;
  line-height: 1.6;
}

/* GRID */
.ml2-seo-time-grid{
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 16px;
  margin-top: 24px;
}

/* KARTY */
.ml2-seo-time-card{
  background: var(--ml2-card);
  border: 1px solid var(--ml2-line);
  border-radius: 18px;
  padding: 16px;
  box-shadow: 0 16px 34px rgba(0,0,0,.12);
}

.ml2-seo-time-h3{
  margin: 0 0 10px;
  color: var(--ml2-ink);
  font-weight: 950;
  font-size: 15px;
}

/* LISTA */
.ml2-seo-time-list{
  padding-left: 18px;
  margin: 0;
  color: var(--ml2-soft);
  font-weight: 800;
  line-height: 1.6;
}

.ml2-seo-time-list li{
  margin-bottom: 6px;
}

/* CTA */
.ml2-seo-time-cta{
  margin-top: 22px;
  background: var(--ml2-card);
  border: 1px solid var(--ml2-line);
  border-radius: 18px;
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  box-shadow: 0 16px 34px rgba(0,0,0,.12);
}

.ml2-seo-time-cta-title{
  color: var(--ml2-ink);
  font-weight: 950;
}

.ml2-seo-time-cta-sub{
  margin-top: 6px;
  color: var(--ml2-muted);
  font-weight: 800;
}

/* MOBILE */
@media (max-width: 980px){
  .ml2-seo-time-grid{ grid-template-columns: 1fr; }
  .ml2-seo-time-cta{
    flex-direction: column;
    align-items: stretch;
  }
}
/* ===== FIX: kolor nagłówka – jasne tło ===== */
.ml2-seo-time-h2{
  color: #0b0d12 !important; /* głęboka czerń – czytelna na jasnym */
}

/* lead pod nagłówkiem (lekko przyciemnić) */
.ml2-seo-time-lead{
  color: rgba(11,13,18,.75) !important;
}

/* złota kreska pod tytułem – trochę mocniejsza */
.ml2-seo-time-h2::after{
  background: linear-gradient(
    90deg,
    rgba(214,179,106,.25),
    #d6b36a,
    rgba(214,179,106,.25)
  ) !important;
  box-shadow: 0 6px 18px rgba(214,179,106,.35) !important;
}
/* ================================
   ML2 SEO TIME – WERSJA JASNA (FORCE)
   Wklej NA SAM DÓŁ CSS
================================ */

/* Kolory */
:root{
  --ml2-gold: #d6b36a;
  --ml2-gold-2: #caa55b;
  --ml2-ink: #0b0d12;
  --ml2-muted: rgba(11,13,18,.72);
  --ml2-soft: rgba(11,13,18,.62);
  --ml2-line: rgba(11,13,18,.14);
  --ml2-bg: #f2f3f5;
  --ml2-card: #ffffff;
}

/* 1) FORCE tło sekcji (na wszystkich możliwych wrapperach Elementora) */
#ile-trwa-naprawa-oc-tychy,
section#ile-trwa-naprawa-oc-tychy,
#ile-trwa-naprawa-oc-tychy.ml2-seo-time,
section.ml2-seo-time,
.elementor section.ml2-seo-time,
.elementor .elementor-section.ml2-seo-time,
.elementor .elementor-top-section.ml2-seo-time{
  background-color: var(--ml2-bg) !important;
  background-image:
    radial-gradient(900px 360px at 20% 0%, rgba(214,179,106,.18), transparent 60%) !important;
  background-repeat: no-repeat !important;
  border-top: 1px solid var(--ml2-line) !important;
  border-bottom: 1px solid var(--ml2-line) !important;
  color: var(--ml2-ink) !important;
}

/* 2) Jak Elementor trzyma tło na wewnętrznym kontenerze */
#ile-trwa-naprawa-oc-tychy > .elementor-container,
#ile-trwa-naprawa-oc-tychy .elementor-container,
#ile-trwa-naprawa-oc-tychy .elementor-widget-wrap{
  background: transparent !important;
}

/* 3) Header – tytuł i opis */
.ml2-seo-time .ml2-seo-time-head,
#ile-trwa-naprawa-oc-tychy .ml2-seo-time-head{
  text-align: center !important;
  margin-bottom: 22px !important;
}

.ml2-seo-time .ml2-seo-time-h2,
.ml2-seo-time .ml2-seo-time-head h2,
#ile-trwa-naprawa-oc-tychy .ml2-seo-time-h2,
#ile-trwa-naprawa-oc-tychy .ml2-seo-time-head h2{
  color: var(--ml2-ink) !important;
  font-weight: 950 !important;
  letter-spacing: -.3px !important;
  margin: 0 !important;
  position: relative !important;
  padding-bottom: 12px !important;
}

.ml2-seo-time .ml2-seo-time-h2::after,
.ml2-seo-time .ml2-seo-time-head h2::after,
#ile-trwa-naprawa-oc-tychy .ml2-seo-time-h2::after,
#ile-trwa-naprawa-oc-tychy .ml2-seo-time-head h2::after{
  content:"" !important;
  display:block !important;
  width: 78px !important;
  height: 3px !important;
  margin: 12px auto 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, rgba(214,179,106,.25), #d6b36a, rgba(214,179,106,.25)) !important;
  box-shadow: 0 6px 18px rgba(214,179,106,.35) !important;
}

.ml2-seo-time .ml2-seo-time-lead,
#ile-trwa-naprawa-oc-tychy .ml2-seo-time-lead{
  margin: 10px auto 0 !important;
  max-width: 70ch !important;
  color: rgba(11,13,18,.75) !important;
  font-weight: 800 !important;
  line-height: 1.6 !important;
}

/* 4) Grid */
.ml2-seo-time .ml2-seo-time-grid,
#ile-trwa-naprawa-oc-tychy .ml2-seo-time-grid{
  display: grid !important;
  grid-template-columns: repeat(2,1fr) !important;
  gap: 16px !important;
  margin-top: 24px !important;
}

/* 5) Karty – pełna czytelność */
.ml2-seo-time .ml2-seo-time-card,
#ile-trwa-naprawa-oc-tychy .ml2-seo-time-card{
  background: var(--ml2-card) !important;
  border: 1px solid var(--ml2-line) !important;
  border-radius: 18px !important;
  padding: 16px !important;
  box-shadow: 0 16px 34px rgba(0,0,0,.12) !important;
}

.ml2-seo-time .ml2-seo-time-h3,
#ile-trwa-naprawa-oc-tychy .ml2-seo-time-h3{
  margin: 0 0 10px !important;
  color: var(--ml2-ink) !important;
  font-weight: 950 !important;
  font-size: 15px !important;
}

.ml2-seo-time .ml2-seo-time-list,
#ile-trwa-naprawa-oc-tychy .ml2-seo-time-list,
.ml2-seo-time .ml2-seo-time-card p,
#ile-trwa-naprawa-oc-tychy .ml2-seo-time-card p{
  color: var(--ml2-soft) !important;
  font-weight: 800 !important;
  line-height: 1.6 !important;
}

.ml2-seo-time .ml2-seo-time-list strong{
  color: var(--ml2-gold) !important;
  font-weight: 950 !important;
}

/* 6) CTA (dolne okienko) */
.ml2-seo-time .ml2-seo-time-cta,
#ile-trwa-naprawa-oc-tychy .ml2-seo-time-cta{
  margin-top: 22px !important;
  background: var(--ml2-card) !important;
  border: 1px solid var(--ml2-line) !important;
  border-radius: 18px !important;
  padding: 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  box-shadow: 0 16px 34px rgba(0,0,0,.12) !important;
}

.ml2-seo-time .ml2-seo-time-cta-title,
#ile-trwa-naprawa-oc-tychy .ml2-seo-time-cta-title{
  color: var(--ml2-ink) !important;
  font-weight: 950 !important;
}

.ml2-seo-time .ml2-seo-time-cta-sub,
#ile-trwa-naprawa-oc-tychy .ml2-seo-time-cta-sub{
  margin-top: 6px !important;
  color: var(--ml2-muted) !important;
  font-weight: 800 !important;
}

/* 7) PRZYCISKI – mają „żyć” + hover złoty na drugim */
.ml2-seo-time a.ml2-btn,
#ile-trwa-naprawa-oc-tychy 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;
  font-size: 14px !important;
  border: 1px solid rgba(0,0,0,.12) !important;
  transition: transform .15s ease, background .15s ease, color .15s ease, border-color .15s ease, box-shadow .15s ease !important;
  filter: none !important;
  opacity: 1 !important;
}

.ml2-seo-time a.ml2-btn-primary{
  background: var(--ml2-gold) !important;
  color: var(--ml2-ink) !important;
  border-color: rgba(0,0,0,.12) !important;
}
.ml2-seo-time a.ml2-btn-primary:hover{
  transform: translateY(-1px) !important;
  background: var(--ml2-gold-2) !important;
  box-shadow: 0 14px 28px rgba(214,179,106,.22) !important;
}

/* TO JEST TEN DRUGI – ma robić się „złotawy” na hover */
.ml2-seo-time a.ml2-btn-secondary{
  background: #ffffff !important;
  color: var(--ml2-ink) !important;
  border-color: rgba(0,0,0,.14) !important;
}
.ml2-seo-time a.ml2-btn-secondary:hover,
.ml2-seo-time a.ml2-btn-secondary:focus{
  transform: translateY(-1px) !important;
  background: rgba(214,179,106,.22) !important;     /* złotawy */
  color: var(--ml2-ink) !important;
  border-color: rgba(214,179,106,.55) !important;
  box-shadow: 0 14px 28px rgba(214,179,106,.18) !important;
}

/* trzeci (ghost) – delikatny szary hover */
.ml2-seo-time a.ml2-btn-ghost{
  background: #ffffff !important;
  color: var(--ml2-ink) !important;
  border-color: rgba(0,0,0,.14) !important;
  opacity: .92 !important;
}
.ml2-seo-time a.ml2-btn-ghost:hover{
  transform: translateY(-1px) !important;
  background: #f4f5f7 !important;
}

/* jeśli Elementor trzyma kolor w środku w span */
.ml2-seo-time a.ml2-btn *{
  color: inherit !important;
}

/* 8) Mobile */
@media (max-width: 980px){
  .ml2-seo-time .ml2-seo-time-grid{ grid-template-columns: 1fr !important; }
  .ml2-seo-time .ml2-seo-time-cta{
    flex-direction: column !important;
    align-items: stretch !important;
  }
}
/* =========================================
   ML2 SEO TIME – WERSJA JASNA (NAPRAWA 100%)
   - tekst w białych kartach MA BYĆ CIEMNY
   - biały przycisk hover MA BYĆ SZARY (NIE ZŁOTY)
   Wklej NA SAM DÓŁ CSS
========================================= */

:root{
  --ml2-gold: #d6b36a;
  --ml2-gold-2: #caa55b;
  --ml2-ink: #0b0d12;
  --ml2-muted: rgba(11,13,18,.72);
  --ml2-soft: rgba(11,13,18,.62);
  --ml2-line: rgba(11,13,18,.14);
  --ml2-bg: #f2f3f5;
  --ml2-card: #ffffff;
  --ml2-hover-gray: #f4f5f7;
}

/* FORCE tło sekcji (Elementor lub inne reguły) */
#ile-trwa-naprawa-oc-tychy.ml2-seo-time,
section#ile-trwa-naprawa-oc-tychy.ml2-seo-time,
.elementor section#ile-trwa-naprawa-oc-tychy.ml2-seo-time{
  background:
    radial-gradient(900px 360px at 20% 0%, rgba(214,179,106,.18), transparent 60%),
    var(--ml2-bg) !important;
  border-top: 1px solid var(--ml2-line) !important;
  border-bottom: 1px solid var(--ml2-line) !important;
  color: var(--ml2-ink) !important;
}

/* Nagłówek */
#ile-trwa-naprawa-oc-tychy .ml2-seo-time-h2,
#ile-trwa-naprawa-oc-tychy .ml2-seo-time-head h2{
  color: var(--ml2-ink) !important;
  opacity: 1 !important;
  filter: none !important;
}

#ile-trwa-naprawa-oc-tychy .ml2-seo-time-lead{
  color: rgba(11,13,18,.75) !important;
  opacity: 1 !important;
  filter: none !important;
}

/* KARTY – najważniejsze: wymuś ciemny tekst, bo teraz masz “biały na białym” */
#ile-trwa-naprawa-oc-tychy .ml2-seo-time-card{
  background: var(--ml2-card) !important;
  border: 1px solid var(--ml2-line) !important;
  box-shadow: 0 16px 34px rgba(0,0,0,.12) !important;
}

/* Tytuły w kartach */
#ile-trwa-naprawa-oc-tychy .ml2-seo-time-card .ml2-seo-time-h3,
#ile-trwa-naprawa-oc-tychy .ml2-seo-time-card h3{
  color: var(--ml2-ink) !important;
  opacity: 1 !important;
}

/* Teksty / listy w kartach */
#ile-trwa-naprawa-oc-tychy .ml2-seo-time-card p,
#ile-trwa-naprawa-oc-tychy .ml2-seo-time-card .ml2-seo-time-p,
#ile-trwa-naprawa-oc-tychy .ml2-seo-time-card ul,
#ile-trwa-naprawa-oc-tychy .ml2-seo-time-card li,
#ile-trwa-naprawa-oc-tychy .ml2-seo-time-list{
  color: var(--ml2-soft) !important;
  opacity: 1 !important;
  filter: none !important;
}

#ile-trwa-naprawa-oc-tychy .ml2-seo-time-list strong{
  color: var(--ml2-gold) !important;
  font-weight: 950 !important;
}

/* CTA – dolne okienko */
#ile-trwa-naprawa-oc-tychy .ml2-seo-time-cta{
  background: var(--ml2-card) !important;
  border: 1px solid var(--ml2-line) !important;
  box-shadow: 0 16px 34px rgba(0,0,0,.12) !important;
}

#ile-trwa-naprawa-oc-tychy .ml2-seo-time-cta-title{
  color: var(--ml2-ink) !important;
}
#ile-trwa-naprawa-oc-tychy .ml2-seo-time-cta-sub{
  color: var(--ml2-muted) !important;
}

/* PRZYCISKI – baza */
#ile-trwa-naprawa-oc-tychy a.ml2-btn{
  border: 1px solid rgba(0,0,0,.14) !important;
  transition: transform .15s ease, background .15s ease, color .15s ease, border-color .15s ease, box-shadow .15s ease !important;
  opacity: 1 !important;
  filter: none !important;
}

/* ZŁOTY (primary) */
#ile-trwa-naprawa-oc-tychy a.ml2-btn-primary{
  background: var(--ml2-gold) !important;
  color: var(--ml2-ink) !important;
  border-color: rgba(0,0,0,.12) !important;
}
#ile-trwa-naprawa-oc-tychy a.ml2-btn-primary:hover{
  transform: translateY(-1px) !important;
  background: var(--ml2-gold-2) !important;
  box-shadow: 0 14px 28px rgba(214,179,106,.22) !important;
}

/* BIAŁY (secondary) – hover MA BYĆ SZARY, NIE ZŁOTY */
#ile-trwa-naprawa-oc-tychy a.ml2-btn-secondary{
  background: #ffffff !important;
  color: var(--ml2-ink) !important;
  border-color: rgba(0,0,0,.14) !important;
}
#ile-trwa-naprawa-oc-tychy a.ml2-btn-secondary:hover,
#ile-trwa-naprawa-oc-tychy a.ml2-btn-secondary:focus{
  transform: translateY(-1px) !important;
  background: var(--ml2-hover-gray) !important;     /* SZARY */
  color: var(--ml2-ink) !important;
  border-color: rgba(0,0,0,.18) !important;         /* SZARY obrys */
  box-shadow: 0 12px 24px rgba(0,0,0,.10) !important;
}

/* (opcjonalnie) ghost – też szary hover */
#ile-trwa-naprawa-oc-tychy a.ml2-btn-ghost{
  background: #ffffff !important;
  color: var(--ml2-ink) !important;
  border-color: rgba(0,0,0,.14) !important;
  opacity: .92 !important;
}
#ile-trwa-naprawa-oc-tychy a.ml2-btn-ghost:hover{
  transform: translateY(-1px) !important;
  background: var(--ml2-hover-gray) !important;
}

/* Jeśli Elementor trzyma kolor w środku w span */
#ile-trwa-naprawa-oc-tychy a.ml2-btn *{
  color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-442bcbf */.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 */