/*
 * PIONA Studio – CSS z selektorami po ID Elementora
 * Zastąp stary piona-style.css tym plikiem na serwerze.
 * Ścieżka: /wp-content/themes/blocksy/piona/piona-style.css
 */

/* ── ZMIENNE ─────────────────────────────────────────── */
:root {
  --pl: #B4F95A;
  --pi: #0E0E0E;
  --pd: #050505;
  --pc: #F5F5F3;
  --pm: #8a8a8a;
  --pg: rgba(255,255,255,0.08);
  --ph: rgba(180,249,90,0.38);
  --pglow: rgba(180,249,90,0.16);
}

/* ── GLASS CARD MIXIN ────────────────────────────────── */
/* Karty scenariuszy: Startujesz / Przebudowujesz / Skalujesz */
.elementor-element-37460613,
.elementor-element-73af8f37,
.elementor-element-771fd666,
/* Nowe karty na /strony-www-i-seo/ */
.elementor-element-cf64ba3,
.elementor-element-acae394,
/* Karty Why: 01-04 */
.elementor-element-5ad1e16e,
.elementor-element-563b279,
.elementor-element-39d770c3,
.elementor-element-241e697e
/* Karty Case Studies */
/* CTA kolumny */
 {
  background: linear-gradient(135deg,
    rgba(20,20,20,0.92) 0%,
    rgba(28,28,28,0.78) 100%) !important;
  border: 1px solid var(--pg) !important;
  border-radius: 20px !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  overflow: hidden !important;
  transition: border-color 350ms ease, transform 350ms ease, box-shadow 350ms ease !important;
}
.elementor-element-37460613:hover,
.elementor-element-73af8f37:hover,
.elementor-element-771fd666:hover,
.elementor-element-cf64ba3:hover,
.elementor-element-acae394:hover,
.elementor-element-5ad1e16e:hover,
.elementor-element-563b279:hover,
.elementor-element-39d770c3:hover,
.elementor-element-241e697e:hover {
  border-color: var(--ph) !important;
  transform: translateY(-5px) !important;
  box-shadow: 0 22px 64px var(--pglow) !important;
  background: linear-gradient(135deg,
    rgba(180,249,90,0.08) 0%,
    rgba(20,20,20,0.60) 100%) !important;
}

/* Padding na e-con-inner kart */
.elementor-element-37460613 > .e-con-inner,
.elementor-element-73af8f37 > .e-con-inner,
.elementor-element-771fd666 > .e-con-inner,
.elementor-element-5ad1e16e > .e-con-inner,
.elementor-element-563b279 > .e-con-inner,
.elementor-element-39d770c3 > .e-con-inner,
.elementor-element-241e697e > .e-con-inner {
  padding: 36px 32px !important;
}

/* ── HERO – statystyki w rzędzie ─────────────────────── */
/* Kontener statystyk (e-con z 3 dziećmi: 10+, 33%, 24h) */
.elementor-element-4fb50701,
.elementor-element-10d6c903,
.elementor-element-4148cf2e,
.elementor-element-2eecb584,
.elementor-element-55b25a02 {
  flex: 1 !important;
  min-width: 120px !important;
  align-items: center !important;
  text-align: center !important;
}

/* Wrapper statystyk – zmień na row */
.elementor-element-39f0955e .e-con.e-child:has(> .e-con-inner > .elementor-widget-heading + .elementor-widget-text-editor) {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 48px !important;
}

/* ── SCOPE ROWS ──────────────────────────────────────────── */
/* Elementor uzywa --flex-basis CSS variable na .elementor-element.
   Nadpisujemy ja + width + flex-basis bezposrednio. */
/* ── HERO TŁO — globalny gradient dla wszystkich podstron ── */
/* Dodane globalnie zeby nie trzeba bylo ustawiac w Elementorze
   na kazdej powielanej podstronie ofertowej */
.elementor-element-39f0955e {
  background: radial-gradient(
    50% 100% at 50% 100%,
    rgba(180,249,90,0.45) 0%,
    rgba(180,249,90,0.08) 35%,
    rgba(0,0,0,0) 70%
  ) !important;
}


.elementor-element-61932ba6,
.elementor-element-3bab9a1,
.elementor-element-5550e24f,
.elementor-element-54ff26ec {
  background: transparent !important;
  border-bottom: 1px solid var(--pg) !important;
  border-top: none !important; border-left: none !important; border-right: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  transition: background 340ms ease, border-color 340ms ease !important;
}
.elementor-element-61932ba6 > .e-con-inner,
.elementor-element-3bab9a1 > .e-con-inner,
.elementor-element-5550e24f > .e-con-inner,
.elementor-element-54ff26ec > .e-con-inner {
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 2.5rem !important;
  padding: 2rem 1rem !important;
}
/* NUMER – nadpisz --flex-basis + width */
.elementor-element-61932ba6 > .e-con-inner > *:first-child,
.elementor-element-3bab9a1 > .e-con-inner > *:first-child,
.elementor-element-5550e24f > .e-con-inner > *:first-child,
.elementor-element-54ff26ec > .e-con-inner > *:first-child {
  --flex-basis: 52px;
  flex-basis: 52px !important;
  flex-grow: 0 !important; flex-shrink: 0 !important;
  width: 52px !important;
  max-width: 52px !important; min-width: 52px !important;
}
/* TYTUL */
.elementor-element-61932ba6 > .e-con-inner > *:nth-child(2),
.elementor-element-3bab9a1 > .e-con-inner > *:nth-child(2),
.elementor-element-5550e24f > .e-con-inner > *:nth-child(2),
.elementor-element-54ff26ec > .e-con-inner > *:nth-child(2) {
  --flex-basis: 38%;
  flex-basis: 38% !important;
  flex-grow: 0 !important; flex-shrink: 0 !important;
  max-width: 38% !important; min-width: 0 !important;
}
/* OPIS */
.elementor-element-61932ba6 > .e-con-inner > *:nth-child(3),
.elementor-element-3bab9a1 > .e-con-inner > *:nth-child(3),
.elementor-element-5550e24f > .e-con-inner > *:nth-child(3),
.elementor-element-54ff26ec > .e-con-inner > *:nth-child(3) {
  --flex-basis: auto;
  flex: 1 1 auto !important; min-width: 0 !important;
}
/* HOVER */
.elementor-element-61932ba6:hover,
.elementor-element-3bab9a1:hover,
.elementor-element-5550e24f:hover,
.elementor-element-54ff26ec:hover {
  background: linear-gradient(90deg, rgba(180,249,90,0.05), transparent) !important;
  border-bottom-color: var(--ph) !important;
}
.elementor-element-61932ba6:hover .elementor-heading-title,
.elementor-element-3bab9a1:hover .elementor-heading-title,
.elementor-element-5550e24f:hover .elementor-heading-title,
.elementor-element-54ff26ec:hover .elementor-heading-title {
  color: var(--pl) !important;
}

/* ── TIMELINE ────────────────────────────────────────── */
/* Wrapper timeline */
/* Kroki timeline – karty + kropka */
/* Linia pionowa timeline */
/* Kropki timeline */
/* ── PILL ────────────────────────────────────────────── */
.piona-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.55rem !important;
  padding: 0.42rem 1rem !important;
  background: rgba(180,249,90,0.07) !important;
  border: 1px solid rgba(180,249,90,0.22) !important;
  border-radius: 999px !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  color: var(--pl) !important;
  text-transform: uppercase !important;
}
.piona-pill::before {
  content: '';
  display: inline-block !important;
  width: 6px !important; height: 6px !important;
  background: var(--pl) !important;
  border-radius: 50% !important;
  box-shadow: 0 0 8px var(--pl) !important;
  animation: piona-pulse 2.2s ease-in-out infinite !important;
  flex-shrink: 0 !important;
}
@keyframes piona-pulse {
  0%,100% { transform: scale(1); opacity: 1; }
  50%      { transform: scale(1.7); opacity: 0.4; }
}

/* ── SECTION LABEL ───────────────────────────────────── */
.piona-section-label {
  display: flex !important;
  align-items: center !important;
  gap: 0.9rem !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.26em !important;
  text-transform: uppercase !important;
  color: var(--pm) !important;
  margin-bottom: 1.4rem !important;
}
.piona-section-label .num { color: var(--pl) !important; }
.piona-section-label::after {
  content: '' !important;
  display: inline-block !important;
  width: 52px !important; height: 1px !important;
  background: linear-gradient(90deg, var(--pl), transparent) !important;
}

/* ── NAGŁÓWKI em = lime italic ───────────────────────── */
.elementor-heading-title em,
h1 em, h2 em, h3 em {
  color: var(--pl) !important;
  font-style: italic !important;
  font-family: inherit !important;
  font-weight: inherit !important;
}

/* ── REVEAL ON SCROLL ────────────────────────────────── */
.piona-reveal {
  opacity: 0 !important;
  transform: translateY(26px) !important;
  transition: opacity 700ms ease-out, transform 700ms ease-out !important;
}
.piona-reveal.visible {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

/* ── PRZYCISKI ───────────────────────────────────────── */
/* .piona-btn-lime / .piona-btn-ghost (Elementor) usuniete 2026-06-09 — dead po cutoverze na piona-theme (zero uzycia w markupie). */

/* ── ACCORDION ───────────────────────────────────────── */
.elementor-accordion .elementor-accordion-item {
  background: rgba(20,20,20,0.88) !important;
  border: 1px solid var(--pg) !important;
  border-radius: 14px !important;
  margin-bottom: 10px !important;
  overflow: hidden !important;
}
.elementor-accordion .elementor-tab-title {
  background: transparent !important;
  color: var(--pc) !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  padding: 20px 26px !important;
  border: none !important;
}
.elementor-accordion .elementor-tab-title.elementor-active {
  color: var(--pl) !important;
}
.elementor-accordion .elementor-accordion-icon { color: var(--pl) !important; }
.elementor-accordion .elementor-tab-content {
  color: var(--pm) !important;
  font-size: 0.94rem !important;
  line-height: 1.65 !important;
  padding: 0 26px 22px !important;
  border: none !important;
  background: transparent;
}

/* ── TICKER ──────────────────────────────────────────── */
.piona-ticker {
  overflow: hidden !important;
  white-space: nowrap !important;
  padding: 1.3rem 0 !important;
  border-top: 1px solid var(--pg) !important;
  border-bottom: 1px solid var(--pg) !important;
}
.piona-ticker__track {
  display: inline-flex !important;
  gap: 3rem !important;
  animation: ticker-left 55s linear infinite !important;
}
.piona-ticker--reverse .piona-ticker__track {
  animation-name: ticker-right !important;
}
.piona-ticker__track span {
  font-size: 1.2rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  color: var(--pc) !important;
}
.piona-ticker__track .piona-dot { color: var(--pl) !important; }
@keyframes ticker-left {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
@keyframes ticker-right {
  0%   { transform: translateX(-50%); }
  100% { transform: translateX(0); }
}

/* ── CURSOR ──────────────────────────────────────────── */
/* ── MOBILE ──────────────────────────────────────────── */
@media (max-width: 767px) {

  /* SCOPE ROWS – mobile: numer + tytuł w jednej linii, opis pod spodem */
  .elementor-element-61932ba6 > .e-con-inner,
  .elementor-element-3bab9a1 > .e-con-inner,
  .elementor-element-5550e24f > .e-con-inner,
  .elementor-element-54ff26ec > .e-con-inner,
  .elementor-element-a01cfda > .e-con-inner {
    display: grid !important;
    grid-template-columns: 44px 1fr !important;
    grid-template-rows: auto auto !important;
    gap: 0.5rem 1rem !important;
    padding: 1.5rem 0.5rem !important;
    flex-direction: unset !important;
  }

  /* Numer - lewa kolumna, oba wiersze */
  .elementor-element-61932ba6 > .e-con-inner > *:first-child,
  .elementor-element-3bab9a1 > .e-con-inner > *:first-child,
  .elementor-element-5550e24f > .e-con-inner > *:first-child,
  .elementor-element-54ff26ec > .e-con-inner > *:first-child,
  .elementor-element-a01cfda > .e-con-inner > *:first-child {
    grid-column: 1 !important;
    grid-row: 1 !important;
    flex: unset !important;
    max-width: unset !important;
    padding-top: 4px !important;
  }

  /* Tytuł - prawa kolumna, pierwszy wiersz */
  .elementor-element-61932ba6 > .e-con-inner > *:nth-child(2),
  .elementor-element-3bab9a1 > .e-con-inner > *:nth-child(2),
  .elementor-element-5550e24f > .e-con-inner > *:nth-child(2),
  .elementor-element-54ff26ec > .e-con-inner > *:nth-child(2),
  .elementor-element-a01cfda > .e-con-inner > *:nth-child(2) {
    grid-column: 2 !important;
    grid-row: 1 !important;
    flex: unset !important;
  }

  /* Opis - rozpina się przez obie kolumny, drugi wiersz */
  .elementor-element-61932ba6 > .e-con-inner > *:nth-child(3),
  .elementor-element-3bab9a1 > .e-con-inner > *:nth-child(3),
  .elementor-element-5550e24f > .e-con-inner > *:nth-child(3),
  .elementor-element-54ff26ec > .e-con-inner > *:nth-child(3),
  .elementor-element-a01cfda > .e-con-inner > *:nth-child(3) {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    flex: unset !important;
    padding-left: 0 !important;
    padding-top: 0.25rem !important;
  }

  /* Zmniejsz font nagłówka w scope na mobile */
  .elementor-element-61932ba6 .elementor-heading-title,
  .elementor-element-3bab9a1 .elementor-heading-title,
  .elementor-element-5550e24f .elementor-heading-title,
  .elementor-element-54ff26ec .elementor-heading-title,
  .elementor-element-a01cfda .elementor-heading-title {
    font-size: clamp(1.1rem, 4vw, 1.5rem) !important;
    line-height: 1.2 !important;
    word-break: normal !important;
    hyphens: none !important;
  }

  /* Numer w scope – mniejszy na mobile */
  .elementor-element-61932ba6 .elementor-widget-text-editor p,
  .elementor-element-3bab9a1 .elementor-widget-text-editor p,
  .elementor-element-5550e24f .elementor-widget-text-editor p,
  .elementor-element-54ff26ec .elementor-widget-text-editor p,
  .elementor-element-a01cfda .elementor-widget-text-editor p {
    font-size: 0.7rem !important;
    padding-top: 6px !important;
  }

  /* TIMELINE na mobile */
  /* KARTY – mniejszy padding na mobile */
  .elementor-element-37460613 > .e-con-inner,
  .elementor-element-73af8f37 > .e-con-inner,
  .elementor-element-771fd666 > .e-con-inner,
  .elementor-element-5ad1e16e > .e-con-inner,
  .elementor-element-563b279 > .e-con-inner,
  .elementor-element-39d770c3 > .e-con-inner,
  .elementor-element-241e697e > .e-con-inner {
    padding: 26px 22px !important;
  }

  /* Wyłącz hover transform na mobile (niepotrzebny) */
  .elementor-element-37460613:hover,
  .elementor-element-73af8f37:hover,
  .elementor-element-771fd666:hover,
  .elementor-element-5ad1e16e:hover,
  .elementor-element-563b279:hover,
  .elementor-element-39d770c3:hover,
  .elementor-element-241e697e:hover {
    transform: none !important;
  }
}

/* ── KROK 05 BRAND BOOK – e-con-full (brak e-con-inner) ─ */
/* e-con-full: dzieci sa bezposrednio w kontenerze (nie przez .e-con-inner).
   Elementor uzywa --flex-basis variable - nadpisujemy ja + width. */
.elementor-element-a01cfda {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 2.5rem !important;
  padding: 2rem 1rem !important;
  background: transparent !important;
  border-bottom: 1px solid var(--pg) !important;
  border-top: none !important; border-left: none !important; border-right: none !important;
  border-radius: 0 !important;
  transition: background 340ms ease, border-color 340ms ease !important;
}
.elementor-element-a01cfda:hover {
  background: linear-gradient(90deg, rgba(180,249,90,0.05), transparent) !important;
  border-bottom-color: var(--ph) !important;
}
.elementor-element-a01cfda:hover .elementor-heading-title {
  color: var(--pl) !important;
}
/* Numer 05 */
.elementor-element-a01cfda > .elementor-element-f8db004 {
  --flex-basis: 52px !important;
  flex-basis: 52px !important;
  flex-grow: 0 !important; flex-shrink: 0 !important;
  width: 52px !important;
  max-width: 52px !important; min-width: 52px !important;
}
/* Tytul Brand Book */
.elementor-element-a01cfda > .elementor-element-001b10c {
  --flex-basis: 38% !important;
  flex-basis: 38% !important;
  flex-grow: 0 !important; flex-shrink: 0 !important;
  max-width: 38% !important; min-width: 0 !important;
}
.elementor-element-a01cfda > .elementor-element-001b10c .elementor-heading-title {
  white-space: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}
/* Opis */
.elementor-element-a01cfda > .elementor-element-cd2ca07 {
  --flex-basis: auto !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

/* Mobile dla Brand Book */
@media (max-width: 767px) {
  .elementor-element-a01cfda {
    display: grid !important;
    grid-template-columns: 44px 1fr !important;
    grid-template-rows: auto auto !important;
    gap: 0.5rem 1rem !important;
    flex-direction: unset !important;
    padding: 1.5rem 0.5rem !important;
  }
  .elementor-element-a01cfda > .elementor-element-f8db004 {
    grid-column: 1 !important;
    grid-row: 1 !important;
    flex: unset !important;
    min-width: unset !important;
    max-width: unset !important;
    padding-top: 4px !important;
  }
  .elementor-element-a01cfda > .elementor-element-001b10c {
    grid-column: 2 !important;
    grid-row: 1 !important;
    flex: unset !important;
  }
  .elementor-element-a01cfda > .elementor-element-001b10c .elementor-heading-title {
    font-size: clamp(1.1rem, 4vw, 1.5rem) !important;
    line-height: 1.2 !important;
  }
  .elementor-element-a01cfda > .elementor-element-cd2ca07 {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    flex: unset !important;
  }
}

/* ── STAT BOX – ramka "2,4x szybciej" ────────────────── */
.elementor-element-c99b91f {
  position: relative !important;
  background: linear-gradient(135deg,
    rgba(180,249,90,0.07) 0%,
    rgba(20,20,20,0.85) 60%) !important;
  border: 1px solid rgba(180,249,90,0.25) !important;
  border-left: 4px solid var(--pl) !important;
  border-radius: 16px !important;
  padding: 28px 28px 28px 110px !important;
  margin-top: 40px !important;
  backdrop-filter: blur(10px) !important;
  overflow: visible !important;
}
/* Liczba 2,4x jako ozdobnik */
.elementor-element-c99b91f::before {
  content: "2,4×" !important;
  position: absolute !important;
  left: 24px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  font-family: 'Onest', sans-serif !important;
  font-size: 2rem !important;
  font-weight: 800 !important;
  color: var(--pl) !important;
  line-height: 1 !important;
  letter-spacing: -0.04em !important;
  white-space: nowrap !important;
}
/* Tekst w srodku */
.elementor-element-c99b91f p {
  color: var(--pc) !important;
  font-size: 0.95rem !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}
.elementor-element-c99b91f a {
  color: var(--pl) !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}
.elementor-element-c99b91f a:hover {
  opacity: 0.8 !important;
}

/* Mobile – mniejszy padding, liczba nad tekstem */
@media (max-width: 767px) {
  .elementor-element-c99b91f {
    padding: 72px 20px 24px 20px !important;
  }
  .elementor-element-c99b91f::before {
    top: 24px !important;
    left: 20px !important;
    transform: none !important;
    font-size: 1.75rem !important;
  }
}

/* ── INVESTMENT BOX (sekcja cennik) ──────────────────── */
/* Glow w prawym gornym rogu */
/* em w naglowku ceny - lime kolor */
/* Przycisk CTA - pelna szerokosc na desktop */
/* Mobile */
@media (max-width: 767px) {
    }

/* ── INVESTMENT BOX – selektory po ID (klasa nie importuje się) ── */
/* Box glowny */
.elementor-element-f437f58 {
  background: linear-gradient(135deg,
    rgba(180,249,90,0.10) 0%,
    rgba(22,22,22,0.55) 60%,
    rgba(14,14,14,0.80) 100%) !important;
  border: 1px solid rgba(180,249,90,0.30) !important;
  border-radius: 28px !important;
  backdrop-filter: blur(20px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
  position: relative !important;
  overflow: hidden !important;
  transition: border-color 400ms ease, box-shadow 400ms ease !important;
}
/* Glow w prawym gornym rogu */
.elementor-element-f437f58::before {
  content: '' !important;
  position: absolute !important;
  top: -100px !important; right: -100px !important;
  width: 420px !important; height: 420px !important;
  background: radial-gradient(circle, rgba(180,249,90,0.30), transparent 70%) !important;
  filter: blur(60px) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}
.elementor-element-f437f58 > .e-con-inner {
  flex-direction: row !important;
  align-items: center !important;
  gap: 3.5rem !important;
  padding: 52px 52px !important;
  position: relative !important;
  z-index: 1 !important;
}
.elementor-element-f437f58:hover {
  border-color: rgba(180,249,90,0.55) !important;
  box-shadow: 0 30px 100px rgba(180,249,90,0.22) !important;
}
/* Lewa kolumna – flex grow */
.elementor-element-d403bfc {
  --flex-basis: 0px;
  flex: 1 1 300px !important;
  min-width: 280px !important;
}
/* em w naglowku ceny */
.elementor-element-f437f58 .elementor-heading-title em {
  color: var(--pl) !important;
  font-style: italic !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  text-shadow: 0 0 40px rgba(180,249,90,0.45) !important;
}
/* Prawa kolumna – CTA */
/* Mobile */
/* ── CROSSLINK CARDS — gradient przez ID ─────────────── */
.elementor-element-1ecd473b,
.elementor-element-72a3cef6 {
  overflow: hidden !important;
  position: relative !important;
  cursor: pointer !important;
}
.elementor-element-1ecd473b::before,
.elementor-element-72a3cef6::before {
  content: '' !important;
  position: absolute !important;
  top: -80px !important; left: -80px !important;
  width: 250px !important; height: 250px !important;
  background: radial-gradient(circle, rgba(180,249,90,0.18), transparent 65%) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}
.elementor-element-1ecd473b > .e-con-inner,
.elementor-element-72a3cef6 > .e-con-inner {
  position: relative !important;
  z-index: 1 !important;
}
/* ── CROSSLINK – selektory po ID (klasy nie importuja sie) ── */
/* Karty */
.elementor-element-1ecd473b,
.elementor-element-72a3cef6 {
  background: linear-gradient(135deg,
    rgba(22,22,22,0.75) 0%,
    rgba(28,28,28,0.55) 100%) !important;
  border: 1px solid rgba(255,255,255,0.07) !important;
  border-radius: 18px !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  transition: all 380ms cubic-bezier(0.4,0,0.2,1) !important;
  /* Flex – polowa szerokosci gridu */
  --flex-basis: calc(50% - 12px);
  flex-basis: calc(50% - 12px) !important;
  flex-grow: 1 !important;
  flex-shrink: 0 !important;
  min-width: 280px !important;
}
.elementor-element-1ecd473b > .e-con-inner,
.elementor-element-72a3cef6 > .e-con-inner {
  padding: 40px !important;
  flex-direction: column !important;
}
.elementor-element-1ecd473b:hover,
.elementor-element-72a3cef6:hover {
  border-color: rgba(180,249,90,0.42) !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 20px 60px rgba(180,249,90,0.22) !important;
  background: linear-gradient(135deg,
    rgba(180,249,90,0.08) 0%,
    rgba(22,22,22,0.45) 100%) !important;
}
.elementor-element-1ecd473b:hover .elementor-heading-title,
.elementor-element-72a3cef6:hover .elementor-heading-title {
  color: var(--pl) !important;
}
/* Grid – wymuszamy row */
.elementor-element-1c45e68 > .e-con-inner {
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 24px !important;
  align-items: stretch !important;
}
/* Mobile */
@media (max-width: 767px) {
  .elementor-element-1ecd473b,
  .elementor-element-72a3cef6 {
    flex-basis: 100% !important;
    min-width: unset !important;
  }
}

/* Animations CSS moved to JS-injected styles */

/* ── REVEAL ─────────────────────────────────────────── */
/* Stan poczatkowy - JS nadpisuje transition per-element */
.piona-reveal {
  opacity: 0;
  transform: translateY(32px);
  filter: blur(10px);
}
.piona-reveal.visible,
.piona-reveal[style*="opacity: 1"] {
  opacity: 1 !important;
  transform: translateY(0) !important;
  filter: blur(0px) !important;
}
/* Wyjscie gora */
@media (prefers-reduced-motion: reduce) {
  .piona-reveal {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
  }
}

/* ── INVESTMENT BOX MOBILE ───────────────────────────── */
@media (max-width: 767px) {
  .elementor-element-f437f58 > .e-con-inner {
    flex-direction: column !important;
    padding: 32px 24px !important;
    gap: 2rem !important;
  }
  .elementor-element-d403bfc {
    flex: 0 0 100% !important;
    min-width: unset !important;
    width: 100% !important;
  }
  .elementor-element-f437f58 .elementor-button {
    width: 100% !important;
  }
  .elementor-element-f437f58 {
    border-radius: 18px !important;
  }
}

/* ── MOBILE — hero stats na podstronie (jedno pod drugim) ── */
@media (max-width: 767px) {
  /* Kontener ze statystykami w hero podstrony */
  .elementor-element-4148cf2e > .e-con-inner {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 12px !important;
  }
  /* Każda statystyka zajmuje pełną szerokość */
  .elementor-element-4fb50701,
  .elementor-element-2eecb584,
  .elementor-element-55b25a02 {
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: unset !important;
  }
  /* Wrappper statystyk - kolumna */
  .elementor-element-4148cf2e {
    flex-direction: column !important;
  }
}

/* ── MOBILE — stats hero podstrony (jedno pod drugim) ── */
@media (max-width: 767px) {
  /* Kontener 3 statystyk */
  /* Kazda statystyka - pełna szerokosc */
  .elementor-element-4148cf2e,
  .elementor-element-2eecb584,
  .elementor-element-55b25a02 {
    --flex-basis: 100% !important;
    flex-basis: 100% !important;
    flex-grow: 1 !important;
    width: 100% !important;
    min-width: unset !important;
    max-width: 100% !important;
    text-align: center !important;
    padding: 12px 0 !important;
    border-bottom: 1px solid rgba(255,255,255,0.06) !important;
  }
  .elementor-element-55b25a02 {
    border-bottom: none !important;
  }
  .elementor-element-4148cf2e .elementor-heading-title,
  .elementor-element-2eecb584 .elementor-heading-title,
  .elementor-element-55b25a02 .elementor-heading-title {
    font-size: 2.2rem !important;
  }
}

/* ── CURSOR CONFLICT FIX ─────────────────────────────── */
/* Ukryj stare kursory z wtyczek które kolidują z naszym */
/* ── SCOPE ROWS 06 + 07 — nowe wiersze na /projektowanie-logo/ ── */
/* Identyczne style jak a01cfda (05 - Styl graficzny) */
.elementor-element-952ce28,
.elementor-element-55ba1a8 {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 2.5rem !important;
  padding: 2rem 1rem !important;
  background: transparent !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
  border-top: none !important; border-left: none !important; border-right: none !important;
  border-radius: 0 !important;
  transition: background 340ms ease, border-color 340ms ease !important;
}
.elementor-element-952ce28:hover,
.elementor-element-55ba1a8:hover {
  background: linear-gradient(90deg, rgba(180,249,90,0.05), transparent) !important;
  border-bottom-color: rgba(180,249,90,0.38) !important;
}
.elementor-element-952ce28:hover .elementor-heading-title,
.elementor-element-55ba1a8:hover .elementor-heading-title {
  color: var(--pl) !important;
}
/* Numer 06 */
.elementor-element-b939007 {
  --flex-basis: 52px;
  flex-basis: 52px !important;
  flex-grow: 0 !important; flex-shrink: 0 !important;
  width: 52px !important;
  max-width: 52px !important; min-width: 52px !important;
}
/* Tytuł 06 */
.elementor-element-ebc24a4 {
  --flex-basis: 38%;
  flex-basis: 38% !important;
  flex-grow: 0 !important; flex-shrink: 0 !important;
  max-width: 38% !important; min-width: 0 !important;
}
.elementor-element-ebc24a4 .elementor-heading-title {
  white-space: normal !important;
  word-break: normal !important;
}
/* Opis 06 */
.elementor-element-b8ce570 {
  --flex-basis: auto;
  flex: 1 1 auto !important; min-width: 0 !important;
}
/* Numer 07 */
.elementor-element-bd96f88 {
  --flex-basis: 52px;
  flex-basis: 52px !important;
  flex-grow: 0 !important; flex-shrink: 0 !important;
  width: 52px !important;
  max-width: 52px !important; min-width: 52px !important;
}
/* Tytuł 07 */
.elementor-element-5509b65 {
  --flex-basis: 38%;
  flex-basis: 38% !important;
  flex-grow: 0 !important; flex-shrink: 0 !important;
  max-width: 38% !important; min-width: 0 !important;
}
.elementor-element-5509b65 .elementor-heading-title {
  white-space: normal !important;
  word-break: normal !important;
}
/* Opis 07 */
.elementor-element-e95415a {
  --flex-basis: auto;
  flex: 1 1 auto !important; min-width: 0 !important;
}
/* Mobile — jedno pod drugim */
@media (max-width: 767px) {
  .elementor-element-952ce28,
  .elementor-element-55ba1a8 {
    display: grid !important;
    grid-template-columns: 44px 1fr !important;
    grid-template-rows: auto auto !important;
    gap: 0.5rem 1rem !important;
    flex-direction: unset !important;
    padding: 1.5rem 0.5rem !important;
  }
  .elementor-element-b939007,
  .elementor-element-bd96f88 {
    grid-column: 1 !important; grid-row: 1 !important;
    flex: unset !important; min-width: unset !important; max-width: unset !important; width: unset !important;
    padding-top: 4px !important;
  }
  .elementor-element-ebc24a4,
  .elementor-element-5509b65 {
    grid-column: 2 !important; grid-row: 1 !important;
    flex: unset !important; max-width: unset !important;
  }
  .elementor-element-b8ce570,
  .elementor-element-e95415a {
    grid-column: 1 / -1 !important; grid-row: 2 !important;
    flex: unset !important;
  }
}


.elementor-element-cf64ba3:hover .elementor-heading-title,
.elementor-element-acae394:hover .elementor-heading-title {
  color: var(--pl) !important;
}

/* ── WYROWNANIE BOXOW na /strony-www-i-seo/ ──────────── */
/* Wrappery rzedow - stretch wyrownuje kolumny do tej samej wysokosci */
.elementor-element-496382f {
  align-items: stretch !important;
}
/* Kolumny wypelniaja cala wysokosc rzedu */
.elementor-element-e5fdda5,
.elementor-element-b227272 {
  flex: 1 1 0 !important;
  min-height: 0 !important;
}
/* Karty wypelniaja cala wysokosc kolumny */
.elementor-element-37460613,
.elementor-element-73af8f37,
.elementor-element-cf64ba3,
.elementor-element-acae394 {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  height: 100% !important;
}