.elementor-35664 .elementor-element.elementor-element-374f4c3{--display:flex;}.elementor-35664 .elementor-element.elementor-element-341db15{--display:flex;}.elementor-35664 .elementor-element.elementor-element-3fa04a9{--display:flex;}.elementor-35664 .elementor-element.elementor-element-6fceed9{--display:flex;}.elementor-35664 .elementor-element.elementor-element-2905e36{--display:flex;}/* Start custom CSS for html, class: .elementor-element-921562f *//* ===========================
   MOBILE FIX — HERO SPACING
   =========================== */
@media (max-width: 768px) {

  /* zwiększamy wysokość hero */
  .fsHero11{
    min-height: 88vh;
  }

  /* odsuwamy content WYRAŹNIE pod zegarem */
  .fsHero11__wrap{
    padding-top: 140px; /* BYŁO ~86px */
  }

  /* countdown bardziej kompaktowy */
  .fsHero11__topbar{
    padding: 10px 12px;
  }

  .fsHero11__topbarInner{
    gap: 8px;
  }

  /* timer w jednej linii, mniejszy */
  .fsHero11__tBox{
    min-width: 48px;
    padding: 6px 8px;
  }

  .fsHero11__tBox b{
    font-size: 14px;
  }

  .fsHero11__tBox small{
    font-size: 11px;
  }

  /* headline: trochę mniejszy i ciaśniej */
  .fsHero11__h1{
    font-size: clamp(32px, 8.5vw, 44px);
    line-height: 1.05;
  }

  /* ramka "1 na 1" mniej agresywna */
  .fsHero11__hlWrap::before{
    inset: -6px -8px -4px -8px;
    border-width: 1.5px;
  }

  /* bullets ciaśniej */
  .fsHero11__bullets{
    gap: 8px;
  }

  .fsHero11__bullets li{
    font-size: 14px;
  }

  /* CTA większe pod kciuk */
  .fsHero11__cta{
    width: 100%;
    justify-content: center;
    padding: 16px 20px;
    font-size: 16px;
  }

  /* trust bary w 2 rzędy */
  .fsHero11__trust{
    gap: 10px;
  }

  .fsHero11__trustItem{
    font-size: 12px;
    padding: 8px 10px;
  }

  /* scroll hint niżej */
  .fsHero11__scroll{
    margin-top: 18px;
  }
}


/* ===========================
   MOBILE — CIEŃ + OBNIŻENIE TREŚCI
   (zostawiamy układ, usuwamy ciężkie przyciemnienie)
   =========================== */
@media (max-width: 768px) {

  /* 1️⃣ (było mocne przyciemnienie) — neutralizujemy */
  .fsHero11__overlay{
    background: none !important;
  }

  /* (była dodatkowa warstwa cienia) — wyłączamy */
  .fsHero11::after{
    content: none !important;
    display: none !important;
    background: none !important;
  }

  /* 2️⃣ OBNIŻAMY TREŚĆ POD ZEGAREM */
  .fsHero11__wrap{
    padding-top: 165px !important; /* BYŁO ~86–140px */
  }

  /* trochę więcej wysokości hero */
  .fsHero11{
    min-height: 90vh;
  }

  /* nagłówek czytelniejszy */
  .fsHero11__h1{
    text-shadow:
      0 8px 24px rgba(0,0,0,.75),
      0 24px 60px rgba(0,0,0,.65);
  }

  /* bullets też łapią cień */
  .fsHero11__bullets li{
    text-shadow: 0 6px 20px rgba(0,0,0,.7);
  }
}


/* =========================================
   MOBILE — BARDZO MOCNY CIEŃ / CINEMATIC
   (pierwotnie robił czarny dół) — wyłączamy te warstwy
   ========================================= */
@media (max-width: 768px) {

  /* było mocne przyciemnienie — wyłączamy */
  .fsHero11__overlay{
    background: none !important;
  }

  /* były dodatkowe warstwy cienia — wyłączamy */
  .fsHero11::before{
    content: none !important;
    display: none !important;
    background: none !important;
  }

  .fsHero11::after{
    content: none !important;
    display: none !important;
    background: none !important;
  }

  /* TEKST DOSTAJE CINEMATIC SHADOW (zostaje) */
  .fsHero11__h1{
    text-shadow:
      0 6px 18px rgba(0,0,0,.85),
      0 18px 50px rgba(0,0,0,.75),
      0 40px 90px rgba(0,0,0,.65);
  }

  .fsHero11__bullets li,
  .fsHero11__trust,
  .fsHero11__pill{
    text-shadow:
      0 4px 16px rgba(0,0,0,.75),
      0 12px 36px rgba(0,0,0,.65);
  }

  /* HERO JESZCZE WYŻSZE — WIĘCEJ POWIETRZA */
  .fsHero11{
    min-height: 92vh;
  }

  /* TREŚĆ JESZCZE NIŻEJ POD ZEGAREM */
  .fsHero11__wrap{
    padding-top: 185px !important;
  }
}


/* =====================================
   FORCE FIX — HACZYKI 100% ZIELONE
   ===================================== */
.fsHero11__check{
  background-color: #22c55e !important; /* ZIELONE TŁO */
  color: #ffffff !important;            /* BIAŁY ✔ */
  border: none !important;              /* ZERO OBRAMOWANIA */
  box-shadow:
    0 0 0 4px rgba(34,197,94,.35),
    0 8px 26px rgba(0,0,0,.45) !important;
}

/* na wszelki wypadek — reset pseudo */
.fsHero11__check::before,
.fsHero11__check::after{
  content: none !important;
}


/* =====================================
   FORCE FIX — "1 NA 1" = KOLOR CTA
   ===================================== */
.fsHero11__hlTxt{
  color: #7c3aed !important; /* IDENTYCZNY jak CTA */
  font-weight: 900;
  text-shadow:
    0 6px 18px rgba(0,0,0,.9),
    0 18px 50px rgba(0,0,0,.75),
    0 40px 90px rgba(0,0,0,.65) !important;
}

/* ramka + tło pod "1 na 1" też w kolorze CTA */
.fsHero11__hlWrap::before{
  background: rgba(124,58,237,.4) !important;
  border: 3px solid #7c3aed !important;
  box-shadow:
    0 0 0 6px rgba(124,58,237,.35),
    0 18px 60px rgba(0,0,0,.6) !important;
}

/* punkt dekoracyjny */
.fsHero11__hlWrap::after{
  background: #7c3aed !important;
  box-shadow:
    0 0 0 4px rgba(124,58,237,.4),
    0 12px 36px rgba(0,0,0,.6) !important;
}


/* =====================================================
   ✅ FINAL: LEKKO MOCNIEJSZY GRADIENT/CIEŃ (DESKTOP + MOBILE)
   WAŻNE: musi być NA KOŃCU, żeby nie zniknął na desktop
   ===================================================== */

/* DESKTOP: lekko mocniejszy */
.fsHero11__overlay{
  background:
    radial-gradient(980px 560px at 50% 60%, rgba(0,0,0,.20), transparent 72%),
    linear-gradient(
      180deg,
      rgba(0,0,0,.22) 0%,
      rgba(0,0,0,.12) 55%,
      rgba(0,0,0,.20) 100%
    ) !important;
}

/* MOBILE: lekko mocniejszy, bez czarnego dołu */
@media (max-width: 768px){
  .fsHero11__overlay{
    background:
      radial-gradient(860px 560px at 50% 62%, rgba(0,0,0,.22), transparent 74%),
      linear-gradient(
        180deg,
        rgba(0,0,0,.20) 0%,
        rgba(0,0,0,.10) 60%,
        rgba(0,0,0,.18) 100%
      ) !important;
  }

  /* nadal blokujemy pseudo-warstwy */
  .fsHero11::before,
  .fsHero11::after{
    content: none !important;
    display: none !important;
    background: none !important;
  }
}
padding: 70px 18px 26px;
padding: 70px 18px 26px;/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-34331c5 *//* =====================================
   MOBILE — CENTER CONTENT + TILE LEFT
   ===================================== */
@media (max-width: 768px){

  /* ===== CAŁA TREŚĆ NA ŚRODKU ===== */
  .fsAbout__header,
  .fsAbout__content,
  .fsAbout__badges,
  .fsAbout__list{
    text-align: center;
  }

  .fsAbout__content{
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .fsAbout__text{
    text-align: center;
  }

  .fsAbout__badges{
    justify-content: center;
  }

  .fsAbout__list{
    width: 100%;
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
  }

  .fsAbout__list li{
    padding-left: 0;
  }

  .fsAbout__list li::before{
    position: static;
    margin-right: 8px;
  }

  /* ===== ZDJĘCIE WYŚRODKOWANE ===== */
  .fsAbout__imageWrap{
    justify-content: center;
  }

  /* ===== CEGIEŁKA: LEWY DOLNY RÓG ZDJĘCIA ===== */
  .fsAbout__tile{
    left: 0 !important;
    bottom: 0 !important;
    transform: translate(-22%, 22%) !important;
  }
}
/* =========================
   MOBILE — MNIEJSZA CEGIEŁKA
   ========================= */
@media (max-width: 768px){

  .fsAbout__tile{
    width: 80px;     /* było ~110px */
    height: 80px;
    border-radius: 14px; /* delikatniej */
    transform: translate(-15%, 15%) !important;
  }
}/* End custom CSS */