.elementor-2 .elementor-element.elementor-element-52a47fb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-19366e5 *//* ================================
   GLOBAL – NAPRAWA WIDOCZNOŚCI
================================ */

/* ZMIENNE (bez zmian) */
:root{
  --gold:#E6C36A;
  --gold2:#FFD978;
  --bg:#0B0B0B;
  --card:#161616;
  --text:#FFFFFF;
  --muted:#CFCFCF;
  --line:rgba(255,255,255,.15);
  --max:1100px;
}

/* ================================
   SEKCJE – TŁO + ODSTĘPY
================================ */
.section{
  background:#0B0B0B !important;
  border-radius:24px;
  max-width:var(--max);
  margin:0 auto 48px !important;
  padding:56px 28px !important;
}

/* USUŃ DZIWNE BIAŁE PRZESTRZENIE ELEMENTORA */
.section:empty{
  display:none !important;
}

/* ================================
   NAGŁÓWKI – CZYTELNE, BEZ TŁA
================================ */
.section h2,
.section h3{
  color:var(--gold) !important;
  background:transparent !important;
  box-shadow:none !important;
  padding:0 !important;
  margin-bottom:22px !important;
}

/* ZABIJ <mark> / <span> z tłem */
.section h2 mark,
.section h3 mark,
.section h2 span,
.section h3 span{
  background:transparent !important;
  color:var(--gold) !important;
}

/* ================================
   KARTY
================================ */
.cards{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:22px !important;
  margin-top:20px !important;
}

.card{
  background:var(--card) !important;
  border:1px solid var(--line);
  border-radius:20px;
  padding:26px !important;
  color:#FFFFFF;
}

/* ================================
   FAQ
================================ */
details{
  background:var(--card) !important;
  border:1px solid var(--line);
  border-radius:18px;
  padding:18px 20px !important;
  margin-bottom:14px !important;
}

summary{
  color:#FFFFFF !important;
  font-weight:800;
  cursor:pointer;
}

details p{
  color:#EAEAEA !important;
  margin-top:10px;
}

/* ================================
   KONTAKT
================================ */
#kontakt{
  margin-bottom:32px !important;
}

#kontakt p{
  color:#FFFFFF !important;
  margin-bottom:10px;
}

#kontakt a{
  color:var(--gold2) !important;
  text-decoration:underline;
  text-underline-offset:4px;
}

#kontakt a:hover{
  color:#FFFFFF !important;
}

/* ================================
   ZAZNACZANIE TEKSTU
================================ */
::selection{
  background:var(--gold);
  color:#111;
}
/* ===== HERO – USUNIĘCIE ODSTĘPU U GÓRY ===== */
.hero{
  margin-top:-72px !important; /* dopasowane pod wysokość headera */
  padding-top:120px !important;
}
/* ===== HERO – KOLOR TEKSTU ===== */
.hero h1{
  color:#FFFFFF !important;
  text-shadow: 0 4px 24px rgba(0,0,0,.85);
}

.hero p{
  color:#F1F1F1 !important;
  text-shadow: 0 2px 16px rgba(0,0,0,.75);
}
/* ===== PRZERWA POD BANEREM ===== */
.hero{
  margin-bottom:30px !important;
}
/* ===== SOCIAL MEDIA – IKONY ===== */
.social-card{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.social-link{
  display:flex;
  align-items:center;
  gap:14px;
  padding:14px 18px;
  border-radius:14px;
  background:#0f0f0f;
  border:1px solid var(--line);
  color:#ffffff;
  font-weight:700;
  transition:all .25s ease;
}

.social-link i{
  width:36px;
  height:36px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  font-size:18px;
  color:#fff;
}

/* Kolory brandów */
.social-link.fb i{background:#1877F2;}
.social-link.ig i{background:#E4405F;}
.social-link.tt i{background:#000000; border:1px solid #333;}

.social-link:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 22px rgba(0,0,0,.4);
}/* End custom CSS */