.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Manrope";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Manrope";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ================================
   KONKRET 2026 — GLOBAL CSS (MERGED)
  Global Custom CSS
   ================================ */

/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Manrope:wght@600;700;800&display=swap');

/* Font Awesome */
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css');

:root{
  --primary:#0149A4;
  --accent:#FD751F;
  --white:#ffffff;
  --gray:#F2F2F2;

  --ink:#0B1630;
  --muted:#55657E;

  --line: rgba(1,73,164,.16);
  --line2: rgba(1,73,164,.10);

  --shadow: 0 18px 50px rgba(11,22,48,.10);
  --shadow2: 0 10px 26px rgba(11,22,48,.10);

  --r: 18px;
  --max: 1180px;

  /* wysokość sticky header do offsetu scrolla */
  --headerH: 76px;

  /* HERO BG (pod maską)*/
  --hero-bg: url('http://www.konkret2026.pl/wp-content/uploads/2026/02/konkret-hero-bg.webp');
}

/* Scope – wszystko pod klasą .k26 */
.k26{
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--ink);
  background:var(--white);
  overflow:hidden;
}
.k26 *{box-sizing:border-box;}
.k26 a{text-decoration:none;color:inherit;}

/* Zabezpieczenie: <i> nie robi kursywy (FontAwesome) */
.k26 i{font-style:normal !important;}

.k26-wrap{max-width:var(--max);margin:0 auto;padding:0 22px;}
.k26-sec{padding:92px 0;}
.k26-gray{background:var(--gray);}
.k26-center{text-align:center;}

.kicker{
  font-family:Manrope,system-ui;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  font-size:12px;
  color:var(--primary);
}

/* Headings — Manrope, bez przesady z wagą */
.k26 .h1,.k26 .h2,.k26 .h3{
  font-family:Manrope,system-ui;
  letter-spacing:-.02em;
}
.k26 .h1{font-weight:800;font-size:58px;line-height:1.02;margin:14px 0 10px;}
.k26 .h2{font-weight:800;font-size:44px;line-height:1.10;margin:10px 0 14px;}
.k26 .h3{font-weight:700;font-size:20px;line-height:1.25;margin:0 0 8px;}
.k26 .lead{font-size:18px;line-height:1.75;color:var(--muted);max-width:920px;margin:0 auto;}
.k26 .p{font-size:16.5px;line-height:1.7;color:var(--muted);margin:0;}

/* Layout grids */
.k26 .grid{display:grid;gap:18px;}
.k26 .g2{grid-template-columns:repeat(2,minmax(0,1fr));}
.k26 .g3{grid-template-columns:repeat(3,minmax(0,1fr));}
.k26 .g4{grid-template-columns:repeat(4,minmax(0,1fr));}

/* Cards */
.k26 .card{
  background:#fff;border:1px solid var(--line);
  border-radius:22px;box-shadow:var(--shadow2);
  padding:22px;
}

/* Reveal animation */
.k26 .reveal{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease;}
.k26 .reveal.in{opacity:1;transform:translateY(0);}
.k26 .d1{transition-delay:.08s}
.k26 .d2{transition-delay:.16s}
.k26 .d3{transition-delay:.24s}
.k26 .d4{transition-delay:.32s}

/* ================================
   Buttons — styl CTA (jak ustaliłeś)
   - pomarańczowy: białe litery
   - hover: białe tło, pomarańczowy obrys + tekst
   + strzałka w kółku (jak na screenie CTA)
   ================================ */
.k26 .kbtn{
  display:inline-flex;align-items:center;justify-content:center;gap:12px;
  padding:14px 18px;border-radius:999px;
  font-family:Manrope,system-ui;font-weight:700;
  border:2px solid transparent;
  transition:all .18s ease;
  user-select:none;
  line-height:1;
}
.k26 .kbtn__txt{display:inline-flex;align-items:center;gap:10px;}
.k26 .kbtn__arrow{
  width:34px;height:34px;border-radius:999px;
  display:inline-flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.18);
  border:1px solid rgba(255,255,255,.22);
  transition:all .18s ease;
}
.k26 .kbtn__arrow i{font-size:14px;}

.k26 .kbtn--accent{
  background:var(--accent) !important;
  color:#fff !important;
  box-shadow:0 14px 34px rgba(253,117,31,.22);
}
.k26 .kbtn--accent:hover{
  background:#fff !important;
  color:var(--accent) !important;
  border-color:var(--accent) !important;
  box-shadow:0 14px 34px rgba(253,117,31,.18);
}
.k26 .kbtn--accent:hover .kbtn__arrow{
  background:rgba(253,117,31,.10);
  border-color:rgba(253,117,31,.35);
}
.k26 .kbtn--accent:active{transform:translateY(1px);}

.k26 .kbtn--ghost{
  background:transparent;
  color:#fff !important;
  border-color:rgba(255,255,255,.34) !important;
}
.k26 .kbtn--ghost .kbtn__arrow{
  background:rgba(255,255,255,.12);
  border-color:rgba(255,255,255,.20);
}
.k26 .kbtn--ghost:hover{
  background:#fff !important;
  color:var(--accent) !important;
  border-color:var(--accent) !important;
}
.k26 .kbtn--ghost:hover .kbtn__arrow{
  background:rgba(253,117,31,.10);
  border-color:rgba(253,117,31,.35);
}

/* ================================
   HEADER (sticky + mobile hamburger)
   Uwaga: menu/hamburger zwykle robisz w Theme Builder,
   tu są tylko bezpieczne style pod klasą .k26
   ================================ */
/* Header stabilny na iOS: fixed + bez 100vw */
.k26-header{
  position: fixed;
  top: 0; left: 0; right: 0;
  width: auto;
  z-index: 9999;

  background: rgba(255,255,255,.88);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(1,73,164,.10);

  transform: translateZ(0);
  will-change: top;
}

/* żeby content nie wchodził pod header */
:root{ --headerH: 76px; } /* będzie nadpisane JS-em */
body{ padding-top: var(--headerH); }
.k26 .k26-header .k26-wrap{
  display:flex; align-items:center; justify-content:space-between;
  padding-top:15px; padding-bottom:15px; /* “więcej powietrza” */
}
.k26 .k26-nav{
  display:flex; align-items:center; gap:18px;
}
.k26 .k26-nav a{
  font-weight:500;
  color:var(--ink);
  font-size:clamp(13px, 0.95vw, 15px);
  opacity:.9;
}
.k26 .k26-nav a:hover{opacity:1;color:var(--primary);}

/* Hamburger (jeśli masz własny HTML header) */
.k26 .k26-burger{display:none;}
.k26 .k26-burger button{
  width:44px;height:44px;border-radius:14px;
  border:1px solid var(--line);
  background:#fff;
  display:flex;align-items:center;justify-content:center;
}
.k26 .k26-burger i{color:var(--primary);font-size:18px;}

@media (max-width: 860px){
  .k26 .k26-nav{display:none;}
  .k26 .k26-burger{display:block;}
}

/* ================================
   HERO — full viewport (1 ekran), maska + foto pod spodem
   ================================ */
.k26 .hero{
  min-height: calc(100svh - var(--headerH));
  display:flex;align-items:center;
  padding: 92px 0 106px;
  position:relative;
  color:#fff;

  background:
    linear-gradient(180deg, rgba(1,73,164,.92) 0%, rgba(1,73,164,.90) 55%, rgba(1,73,164,.86) 100%),
    radial-gradient(1200px 700px at 18% 10%, rgba(255,255,255,.14), transparent 55%),
    radial-gradient(1100px 700px at 82% 60%, rgba(253,117,31,.18), transparent 60%),
    var(--hero-bg);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
.k26 .hero::after{
  content:"";position:absolute;inset:0;
  background: linear-gradient(90deg, rgba(0,0,0,.18) 0%, rgba(0,0,0,.08) 40%, rgba(0,0,0,0) 74%);
  pointer-events:none;
}
.k26 .hero .k26-wrap{position:relative;z-index:2;}

.k26 .hero-kicker{
  font-family:Manrope,system-ui;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  font-size:12px;color:rgba(255,255,255,.90);
  display:inline-flex;align-items:center;gap:10px;
}
.k26 .hero-sub{font-size:18px;line-height:1.65;color:rgba(255,255,255,.84);max-width:860px;}

/* ikony w meta – FontAwesome białe */
.k26 .meta{
  display:flex;flex-wrap:wrap;gap:14px;margin-top:18px;
  color:rgba(255,255,255,.86);font-size:14.5px;
}
.k26 .metaItem{display:inline-flex;align-items:center;gap:8px;}
.k26 .metaItem i{color:#fff !important; opacity:.95;}
.k26 .sep{opacity:.35}
.k26 .hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px;}

/* ================================
   DLACZEGO — compare boxy + hover obrys
   ================================ */
.k26 .compare{max-width:980px;margin:26px auto 0;}
.k26 .compareGrid{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr));}

.k26 .box{
  padding:26px 24px;border-radius:22px;border:1px solid var(--line);
  box-shadow:var(--shadow2);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.k26 .bad{border-color:rgba(253,117,31,.30);background:rgba(253,117,31,.06);}
.k26 .good{border-color:rgba(1,73,164,.22);background:rgba(1,73,164,.05);}

.k26 .bad:hover{
  transform:translateY(-2px);
  box-shadow:var(--shadow);
  border-color:rgba(253,117,31,.60);
}
.k26 .good:hover{
  transform:translateY(-2px);
  box-shadow:var(--shadow);
  border-color:rgba(1,73,164,.42);
}

.k26 .boxtitle{display:flex;align-items:center;gap:10px;font-family:Manrope;font-weight:700;font-size:18px;margin:0 0 14px;}
.k26 .ul{margin:0;padding:0;list-style:none;color:var(--muted);}
.k26 .ul li{display:flex;gap:10px;align-items:flex-start;padding:10px 0;}
.k26 .ul li+li{border-top:1px solid rgba(0,0,0,.06);}
.k26 .bul{width:18px;height:18px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;margin-top:2px;flex:0 0 auto;}
.k26 .bul.x{background:rgba(253,117,31,.12);border:1px solid rgba(253,117,31,.26);color:var(--accent);}
.k26 .bul.v{background:rgba(1,73,164,.10);border:1px solid rgba(1,73,164,.20);color:var(--primary);}

/* ================================
   DLA KOGO — tło szare + 2 rzędy po 3 + ikona nad tekstem
   ================================ */
.k26 #dla-kogo{background:var(--gray);}
.k26 .forGrid{margin-top:26px;}
.k26 .forCard{
  padding:28px 26px;border-radius:22px;
  border:1px solid rgba(0,0,0,.04);
  background:#fff;
  box-shadow:0 10px 26px rgba(11,22,48,.08);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  text-align:left;
}
.k26 .forCard:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:rgba(1,73,164,.22);}
.k26 .forIco{
  width:56px;height:56px;border-radius:18px;
  display:flex;align-items:center;justify-content:center;
  margin:0 0 16px;
  background:rgba(1,73,164,.06);
  border:1px solid rgba(1,73,164,.18);
  color:var(--primary);
}
.k26 .forIco i{font-size:20px;color:var(--primary);}

/* ================================
   PROGRAM — timeline (kreska + 1 kropka per blok)
   ================================ */
.k26 .program{
  margin-top:28px;
  display:grid;gap:22px;
  grid-template-columns:44px 1fr;
  align-items:start;
}
.k26 .rail{position:relative;}
.k26 .rail::before{
  content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;
  background:rgba(1,73,164,.18);transform:translateX(-50%);border-radius:999px;
}
.k26 .pList{display:grid;gap:18px;}
.k26 .pWrap{position:relative;}
.k26 .dot{
  width:10px;height:10px;border-radius:999px;background:var(--accent);
  border:2px solid #fff;position:absolute;left:-34px;top:26px;
  box-shadow:0 10px 20px rgba(253,117,31,.20);
}
.k26 .pCard{
  border-radius:22px;border:1px solid var(--line);
  background:#fff;box-shadow:var(--shadow2);
  padding:24px;
  transition:transform .2s ease, box-shadow .2s ease;
}
.k26 .pCard:hover{transform:translateY(-2px);box-shadow:var(--shadow);}
.k26 .time{
  display:inline-flex;align-items:center;gap:10px;
  padding:10px 14px;border-radius:999px;
  background:rgba(253,117,31,.12);
  border:1px solid rgba(253,117,31,.28);
  color:var(--accent);
  font-family:Manrope;font-weight:800;font-size:14px;
  letter-spacing:.02em;
}
.k26 .speakers{font-size:13.5px;font-weight:600;color:var(--muted);margin:10px 0 12px;}
.k26 .bulList{margin:0;padding:0 0 0 18px;color:var(--muted);line-height:1.7;}
.k26 .bulList li{margin:6px 0;}

/* ================================
   PRELEGENCI — równe boxy + zdjęcie “nad” tłem, “pod” boxem
   ================================ */
.k26 .sGrid{margin-top:26px;align-items:end;}
.k26 .sCol{position:relative;text-align:center;padding-top:10px;}
.k26 .sStage{
  position:relative;width:100%;height:340px;
  display:flex;align-items:flex-end;justify-content:center;
  margin:0 auto -44px;z-index:1;
}
.k26 .sBack{
  position:absolute;
  width:min(520px, 92%);
  height:300px;
  border-radius:34px;
  background: linear-gradient(180deg, rgba(1,73,164,.10), rgba(253,117,31,.10));
  box-shadow:0 18px 60px rgba(11,22,48,.12);
  border:1px solid rgba(1,73,164,.12);
  bottom:10px;
  z-index:1;
}
.k26 .sCut{
  position:relative;
  width:min(520px, 92%);
  height:360px;
  display:flex;align-items:flex-end;justify-content:center;
  z-index:2;
  pointer-events:none;
}
.k26 .sCut img{
  max-height:360px;width:auto;max-width:100%;
  object-fit:contain;display:block;
  filter: drop-shadow(0 18px 50px rgba(11,22,48,.16));
}
.k26 .sBox{
  position:relative;z-index:3;
  margin:0 auto;width:100%;max-width:380px;
  padding:22px 22px 22px;
  border-radius:22px;border:1px solid var(--line);
  background:#fff;box-shadow:var(--shadow2);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  display:flex;flex-direction:column;
  min-height: 240px; /* równe wysokości */
}
.k26 .sCol:hover .sBox{transform:translateY(-2px);box-shadow:var(--shadow);border-color:rgba(1,73,164,.26);}

.k26 .sName{font-family:Manrope;font-weight:800;font-size:26px;margin:0 0 6px;}
.k26 .sRole{
  font-family:Manrope;font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--accent);margin-bottom:12px;
}
.k26 .sDesc{color:var(--muted);line-height:1.65;margin-top:auto;}

/* ================================
   “Z czym wyjdziesz…” — button ma być granatowy
   ================================ */
.k26 .kbtn--primary{
  background:var(--primary) !important;
  color:#fff !important;
  box-shadow:0 14px 34px rgba(1,73,164,.22);
}
.k26 .kbtn--primary:hover{
  background:#fff !important;
  color:var(--primary) !important;
  border-color:var(--primary) !important;
  box-shadow:0 14px 34px rgba(1,73,164,.18);
}
.k26 .kbtn--primary .kbtn__arrow{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.22);}
.k26 .kbtn--primary:hover .kbtn__arrow{background:rgba(1,73,164,.08);border-color:rgba(1,73,164,.25);}

/* ================================
   BILETY (pricing) — równe buttony, ceny w 1 linii
   ================================ */
.k26 .priceGrid{margin-top:26px;align-items:stretch;}
.k26 .priceCard{
  display:flex;flex-direction:column;
  padding:26px 22px 20px;
  border-radius:22px;border:1px solid var(--line);
  background:#fff;box-shadow:var(--shadow2);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  min-height: 520px;
}
.k26 .priceCard:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:rgba(1,73,164,.28);}
.k26 .priceCard.featured{background:rgba(253,117,31,.06);border-color:rgba(253,117,31,.34);}
.k26 .pTop{display:flex;flex-direction:column;align-items:flex-start;gap:10px;}
.k26 .pill{
  display:inline-flex;align-items:center;justify-content:center;
  padding:8px 14px;border-radius:999px;
  border:1px solid var(--line);
  background:rgba(1,73,164,.06);
  color:var(--primary);
  font-family:Manrope;font-weight:700;font-size:12px;
}
.k26 .pill.orange{border-color:rgba(253,117,31,.35);background:rgba(253,117,31,.12);color:var(--accent);}

.k26 .pName{font-family:Manrope;font-weight:700;font-size:22px;margin:0;}
.k26 .pSub{color:var(--muted);margin:2px 0 0;}

.k26 .pPriceLine{
  font-family:Manrope;font-weight:800;
  font-size:44px;line-height:1;
  margin:14px 0 0;
  white-space:nowrap;
}
.k26 .pVat{margin-top:10px;font-size:14px;color:var(--muted);line-height:1.35;}
.k26 .pVat .small{display:block;opacity:.9;margin-top:2px;}

.k26 .pList{margin:16px 0 0;padding:0;list-style:none;}
.k26 .pList li{
  display:flex;gap:10px;align-items:flex-start;
  padding:10px 0;color:var(--muted);text-align:left;
}
.k26 .pList li+li{border-top:1px solid rgba(0,0,0,.06);}
.k26 .tick{
  width:18px;height:18px;border-radius:8px;
  display:flex;align-items:center;justify-content:center;
  font-weight:700;font-size:12px;margin-top:2px;flex:0 0 auto;
  background:rgba(253,117,31,.12);
  border:1px solid rgba(253,117,31,.26);
  color:var(--accent);
}
.k26 .spacer{flex:1;}
.k26 .full{width:100%;margin-top:16px;}

/* “Pula biletów…” — ma być zegar */
.k26 .ticketNote{
  margin-top:18px;
  display:flex;align-items:center;justify-content:center;gap:10px;
  color:rgba(255,255,255,.85);
  font-size:14px;
}
.k26 .ticketNote i{color:rgba(255,255,255,.9);}

/* ================================
   INFO + FAQ (2 kolumny w jednej sekcji)
   FAQ: hover i open = pomarańczowy, bez “różu”, więcej oddechu
   ================================ */
.k26 .infoFaq{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:start;margin-top:26px;}
.k26 .infoCol h3, .k26 .faqCol h3{margin:0 0 16px;}

.k26 .infoRow{display:flex;gap:14px;align-items:flex-start;padding:16px 0;}
.k26 .infoRow + .infoRow{border-top:1px solid var(--line2);}
.k26 .infoIco{
  width:44px;height:44px;border-radius:999px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(1,73,164,.06);
  border:1px solid rgba(1,73,164,.16);
  color:var(--primary);flex:0 0 auto;margin-top:2px;
}
.k26 .infoIco i{font-size:18px;color:var(--primary);}
.k26 .infoRow strong{display:block;font-family:Manrope;font-weight:700;margin-bottom:4px;}
.k26 .infoRow span{display:block;color:var(--muted);line-height:1.6;}
.k26 .infoRow a{color:var(--primary);font-weight:600;}

.k26 .faq{max-width:none;margin:0;}
.k26 .faq details{
  background:#f3f3f3;
  border:1px solid rgba(0,0,0,.04);
  border-radius:14px;
  padding:0;
  overflow:hidden;
}
.k26 .faq details+details{margin-top:14px;}
.k26 .faq summary{
  cursor:pointer;list-style:none;
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:18px 18px;
  font-family:Manrope;font-weight:700;
  background:#f3f3f3;
}
.k26 .faq summary::-webkit-details-marker{display:none;}

.k26 .faq summary .chev{
  width:42px;height:42px;border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  background:transparent;
  border:1px solid rgba(0,0,0,.06);
}
.k26 .faq summary .chev i{transition:transform .22s ease;color:var(--ink);}

.k26 .faq details:hover summary{
  background:rgba(253,117,31,.12);
}
.k26 .faq details[open] summary{
  background:var(--accent);
  color:#fff;
}
.k26 .faq details[open] summary .chev{
  border-color:rgba(255,255,255,.25);
}
.k26 .faq details[open] summary .chev i{color:#fff;transform:rotate(180deg);}

.k26 .faq .faqBody{
  padding:16px 18px 18px;
  background:#fff;
  border-top:1px solid rgba(0,0,0,.06);
}
.k26 .faq .faqBody p{margin:0;color:var(--muted);line-height:1.75;}

/* ================================
   PARTNERZY — styl jak BILETY (2 kafle)
   ================================ */
.k26 .partGrid{margin-top:26px;max-width:980px;margin-left:auto;margin-right:auto;align-items:stretch;}
.k26 .partCard{
  padding:28px 24px;border-radius:22px;border:1px solid var(--line);
  background:#fff;box-shadow:var(--shadow2);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  text-align:left;
  display:flex;flex-direction:column;height:100%;
  min-height: 520px;
}
.k26 .partCard:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:rgba(1,73,164,.26);}
.k26 .partCard.featured{
  background:rgba(253,117,31,.10);
  border-color:rgba(253,117,31,.40);
}
.k26 .partIcon{
  width:56px;height:56px;border-radius:18px;
  display:flex;align-items:center;justify-content:center;
  border:1px solid rgba(253,117,31,.22);
  background:rgba(253,117,31,.10);
  color:var(--accent);
}
.k26 .partIcon i{font-size:20px;color:var(--accent);}
.k26 .partTitle{font-family:Manrope;font-weight:800;font-size:24px;margin:14px 0 6px;}
.k26 .partPrice{font-family:Manrope;font-weight:800;font-size:40px;margin:10px 0 0;white-space:nowrap;}
.k26 .partPrice small{font-family:Inter;font-weight:600;font-size:13.5px;color:var(--muted);display:block;margin-top:6px;}
.k26 .partList{margin-top:16px;flex:1;}
.k26 .partList ul{margin:0;padding:0;list-style:none;}
.k26 .partList li{display:flex;gap:10px;align-items:flex-start;padding:10px 0;color:var(--muted);}
.k26 .partList li+li{border-top:1px solid rgba(0,0,0,.06);}

/* ================================
   FINAL CTA — jak screen (ciemny granat, pomarańczowy akcent)
   ================================ */
.k26 .final{
  background:
    radial-gradient(900px 500px at 50% 20%, rgba(255,255,255,.12), transparent 60%),
    linear-gradient(180deg, rgba(11,22,48,.98) 0%, rgba(11,22,48,.92) 100%);
  color:#fff;
}
.k26 .final .h2{color:#fff;}
.k26 .final .h2 span{color:var(--accent);}
.k26 .final .lead{color:rgba(255,255,255,.86);}

/* ================================
   Floating BUY button (po przescrollowaniu hero)
   ================================ */
.k26 .float{
  position:fixed;right:18px;bottom:18px;z-index:1000;
  opacity:0;transform:translateY(14px) scale(.98);
  pointer-events:none;
  transition:opacity .22s ease, transform .22s ease;
}
.k26 .float.show{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;}
.k26 .float .kbtn{box-shadow:0 24px 70px rgba(0,0,0,.22);}

/* ================================
   Responsive
   ================================ */
@media (max-width:1024px){
  .k26 .h1{font-size:46px;}
  .k26 .h2{font-size:38px;}
  .k26 .g4{grid-template-columns:repeat(2,minmax(0,1fr));}
  .k26 .sStage{height:320px;}
  .k26 .sCut{height:340px;}
  .k26 .sCut img{max-height:340px;}
  .k26 .infoFaq{grid-template-columns:1fr;gap:26px;}
}
@media (max-width:720px){
  .k26 .k26-sec{padding:66px 0;}
  .k26 .h1{font-size:38px;}
  .k26 .hero{padding:78px 0 88px;}
  .k26 .g4,.k26 .g3,.k26 .g2{grid-template-columns:1fr;}
  .k26 .compareGrid{grid-template-columns:1fr;}
  .k26 .program{grid-template-columns:1fr;}
  .k26 .rail,.k26 .dot{display:none;}
  .k26 .sStage{height:340px;margin-bottom:-36px;}
  .k26 .sBox{max-width:420px;}
  .k26 .pPriceLine{font-size:40px;}
}
/* =========================
   PAKIETY PARTNERSKIE – styl jak BILETY
   (Dodaj wrapperowi sekcji ID: pakiety)
   ========================= */
.k26 #pakiety{
  background:
    radial-gradient(1100px 500px at 50% 0%, rgba(255,255,255,.10), rgba(255,255,255,0) 65%),
    linear-gradient(180deg, #0B4FB4 0%, #07439C 100%);
  color:#fff;
  padding:90px 0;
}
.k26 #pakiety .k26-partner-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
}
@media(max-width:900px){
  .k26 #pakiety .k26-partner-grid{ grid-template-columns:1fr; }
}

/* =========================
   FLOATING BUY BUTTON – hidden by default, shown via JS
   ========================= */
.k26-floatBuy{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:99999;
  opacity:0;
  transform:translateY(10px);
  pointer-events:none;
  transition:all .20s ease;
}
.k26-floatBuy.is-visible{
  opacity:1;
  transform:translateY(0);
  pointer-events:auto;
}
/* =========================
   BILETY – ikonka zegara w nocie
   ========================= */
.k26 .k26-tick-note i{
  opacity:.8;
}

/* =========================
   INFO/FAQ – aktywne i hover w pomarańcz (nie róż)
   ========================= */
.k26 .k26-faq-item .k26-faq-q:hover{
  background:rgba(253,117,31,.12);
}
.k26 .k26-faq-item.is-open .k26-faq-q{
  background:var(--accent);
  color:#fff;
}
.k26 .k26-faq-item.is-open .k26-faq-q i{
  color:#fff;
}
/* =========================
   PRELEGENCI – wyrównanie boksów
   ========================= */
.k26 .k26-speaker-card{
  display:flex;
  flex-direction:column;
  height:100%;
}
.k26 .k26-speaker-card .k26-speaker-top{ min-height:120px; } /* imię + subtitle */
.k26 .k26-speaker-card .k26-speaker-bottom{ margin-top:auto; } /* opis idzie na dół */

/* =========================
   Z CZYM WYJDZIESZ – naprawa przycisku (nie czarny)
   ========================= */
.k26 #korzysci .k26-out-btn{
  background:var(--primary);
  border-color:var(--primary);
  color:#fff !important;
  box-shadow:0 14px 34px rgba(1,73,164,.20);
}
.k26 #korzysci .k26-out-btn:hover{
  background:#fff;
  color:var(--primary) !important;
}
/* =========================
   DLA KOGO – tło #F2F2F2 i delikatne cienie
   ========================= */
.k26 #dla-kogo{
  background:var(--gray);
  padding:90px 0;
}
.k26 #dla-kogo .k26-audience-card{
  box-shadow:0 16px 44px rgba(15,23,42,.06);
  border:1px solid rgba(0,0,0,.05);
}
/* =========================
   DLACZEGO – hover border (granat/pomarańcz)
   ========================= */
.k26 .k26-why-card{
  border:2px solid rgba(1,73,164,.12);
  transition:all .18s ease;
}
.k26 .k26-why-card:hover{
  transform:translateY(-2px);
  box-shadow:0 22px 60px rgba(15,23,42,.10);
}

/* jeśli karta ma klasę "is-left" -> pomarańcz, "is-right" -> granat */
.k26 .k26-why-card.is-left:hover{ border-color:rgba(253,117,31,.70); }
.k26 .k26-why-card.is-right:hover{ border-color:rgba(1,73,164,.70); }
/* =========================
   HERO – łamanie tytułu, ikony FA białe, CTA style
   ========================= */
.k26 #hero h1{ line-height:1.03; }
.k26 .k26-heroBreak1{ display:block; }  /* po "Konferencja sprzedażowa" */
.k26 .k26-heroBreak2{ display:block; }  /* po "skuteczniej" w opisie */

@media(max-width:768px){
  .k26 .k26-heroBreak1,
  .k26 .k26-heroBreak2{ display:inline; }
}

/* detale z ikonami – białe font awesome */
.k26 .k26-hero-meta i{
  color:#fff;
  opacity:.95;
}
/* =========================
   HEADER – padding, sticky, menu scale, button arrow
   ========================= */

/* 1) Powietrze góra/dół */
.k26 header,
.k26 .elementor-location-header{
  padding:15px 0;
}

/* 2) Sticky header (dla Elementora) */
.k26 .elementor-location-header{
  position:sticky;
  top:0;
  z-index:9999;
  background:#fff;
  border-bottom:1px solid rgba(0,0,0,.06);
}

/* 3) Skalowalna czcionka menu */
.k26 .elementor-nav-menu--main .elementor-item{
  font-size:clamp(14px, 0.85vw, 18px);
  font-weight:700;
}

/* 4) Mobile: wymuś hamburger jeśli ginie */
@media (max-width:1024px){
  .k26 .elementor-nav-menu--main{ display:none !important; }
  .k26 .elementor-menu-toggle{ display:flex !important; }
}
/* =========================
   K26 – GLOBAL TOKENS
   ========================= */
:root{
  --primary:#0149A4;
  --accent:#FD751F;
  --white:#ffffff;
  --gray:#F2F2F2;
  --text:#0B1220;
  --muted:rgba(11,18,32,.72);
  --radius:14px;
}

/* (A) CTA – jeden styl dla całej strony */
.k26 .k26-btn,
.k26 a.k26-btn,
.k26 button.k26-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:14px 22px;
  border-radius:999px;
  background:var(--accent);
  color:#fff !important;
  font-weight:800;
  border:2px solid var(--accent);
  text-decoration:none !important;
  transition:all .18s ease;
  box-shadow:0 14px 32px rgba(253,117,31,.26);
}
.k26 .k26-btn i{ font-size:14px; }
.k26 .k26-btn:hover{
  background:#fff;
  color:var(--accent) !important;
  border-color:var(--accent);
  box-shadow:0 18px 44px rgba(253,117,31,.18);
}

/* wariant outline (np. w HERO „Zobacz program”) */
.k26 .k26-btn--outline{
  background:transparent;
  color:#fff !important;
  border-color:rgba(255,255,255,.40);
  box-shadow:none;
}
.k26 .k26-btn--outline:hover{
  background:#fff;
  color:var(--accent) !important;
  border-color:#fff;
}
/* =========================
   K26 – PRACTICAL + FAQ (1:1)
   ========================= */

.k26-prfaq{
  padding:90px 0;
  background:#fff;
}
.k26-prfaq-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:60px;
  align-items:start;
}

.k26-prfaq h2{
  margin:0 0 26px;
  font-size:36px;
  font-weight:800;
  letter-spacing:-.02em;
  color:#0B1220;
}

/* LEFT: Practical */
.k26-pr-list{
  display:grid;
  gap:28px;
}

.k26-pr-item{
  display:grid;
  grid-template-columns: 54px 1fr;
  gap:16px;
  align-items:start;
}

.k26-pr-ico{
  width:54px;height:54px;
  border-radius:999px;
  background:#F2F2F2;
  display:flex;align-items:center;justify-content:center;
  color:var(--primary);
  font-size:18px;
}

.k26-pr-title{
  margin:2px 0 6px;
  font-size:18px;
  font-weight:800;
  color:#0B1220;
}
.k26-pr-text{
  margin:0;
  color:var(--muted);
  font-size:15px;
  line-height:1.75;
}
.k26-pr-link{
  display:inline-flex;
  margin-top:6px;
  font-size:14px;
  font-weight:700;
  color:var(--primary);
  text-decoration:none;
}
.k26-pr-link:hover{ text-decoration:underline; }

/* RIGHT: FAQ */
.k26-faq{
  display:grid;
  gap:16px;
}

.k26-faq-item{
  background:#F2F2F2;
  border-radius:12px;
  overflow:hidden;
  border:1px solid rgba(0,0,0,.04);
}

.k26-faq-q{
  width:100%;
  border:0;
  background:transparent;
  padding:18px 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  cursor:pointer;
  font-size:16px;
  font-weight:800;
  color:#0B1220;
  text-align:left;
}

.k26-faq-q i{
  color:#0B1220;
  font-size:16px;
  transition: transform .18s ease;
}

.k26-faq-a{
  max-height:0;
  overflow:hidden;
  transition:max-height .25s ease;
  background:#F2F2F2;
  padding:0 18px;
}

.k26-faq-a p{
  margin:0;
  padding:0 0 18px;
  color:var(--muted);
  font-size:15px;
  line-height:1.75;
}

.k26-faq-item.is-open .k26-faq-a{ max-height:260px; }
.k26-faq-item.is-open .k26-faq-q i{ transform: rotate(180deg); }

/* responsive */
@media(max-width:1024px){
  .k26-prfaq-grid{ grid-template-columns:1fr; gap:40px; }
  .k26-prfaq h2{ font-size:32px; }
}
/* =========================
   K26 – OUTCOMES + TICKETS
   ========================= */

/* OUTCOMES */
.k26-outcomes{ padding:90px 0; background:#fff; }
.k26-out-head{ text-align:center; max-width:820px; margin:0 auto 38px; }
.k26-out-title{ margin:0; font-weight:700; font-size:44px; letter-spacing:-.02em; }
.k26-out-sub{ margin:12px auto 0; color:var(--muted); font-size:16px; line-height:1.7; }

.k26-out-grid{
  max-width:1100px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}

.k26-out-card{
  border-radius:18px;
  border:1px solid rgba(0,0,0,.06);
  box-shadow:0 18px 45px rgba(15,23,42,.06);
  padding:28px;
  min-height:240px;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.k26-out-card:hover{
  transform:translateY(-3px);
  box-shadow:0 26px 70px rgba(15,23,42,.10);
  border-color:rgba(1,73,164,.22);
}

.k26-out-ico{
  width:52px;height:52px;border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  font-size:18px;
  margin-bottom:18px;
}
.k26-out-h{ margin:0 0 14px; font-size:20px; font-weight:700; }
.k26-out-list{ margin:0; padding:0; list-style:none; display:grid; gap:14px; }
.k26-out-li{ display:flex; gap:12px; align-items:flex-start; color:#0B1220; }
.k26-out-li span{ color:var(--muted); line-height:1.7; font-size:15px; }
.k26-out-check{ width:18px; height:18px; margin-top:3px; display:inline-flex; align-items:center; justify-content:center; }

.k26-out-cta{ text-align:center; margin-top:28px; }
.k26-out-btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:14px 28px;border-radius:999px;
  background:#0B1220;color:#fff;
  font-weight:700;border:2px solid #0B1220;
  transition:all .18s ease;
}
.k26-out-btn:hover{ background:#fff; color:#0B1220; }

/* OUTCOMES variants (1:1) */
.k26-out--blue{ background:#EEF5FF; border-color:rgba(1,73,164,.18); }
.k26-out--blue .k26-out-ico{ background:var(--primary); color:#fff; }
.k26-out--blue .k26-out-check{ color:var(--accent); }

.k26-out--orange{ background:#FFF6EC; border-color:rgba(253,117,31,.20); }
.k26-out--orange .k26-out-ico{ background:var(--accent); color:#fff; }
.k26-out--orange .k26-out-h{ color:var(--accent); }
.k26-out--orange .k26-out-check{ color:var(--primary); }

.k26-out--white{ background:#fff; }
.k26-out--white .k26-out-ico{ background:#0B1220; color:#fff; }
.k26-out--white .k26-out-check{ color:var(--primary); }

/* TICKETS */
.k26-tickets{
  padding:90px 0;
  color:#fff;
  background:
    radial-gradient(1100px 500px at 50% 0%, rgba(255,255,255,.12), rgba(255,255,255,0) 65%),
    linear-gradient(180deg, #0B4FB4 0%, #07439C 100%);
  position:relative;
  overflow:hidden;
}
.k26-plusPattern:before{
  content:"";
  position:absolute; inset:0;
  opacity:.18;
  background-image:
    linear-gradient(rgba(255,255,255,.55) 0 0),
    linear-gradient(rgba(255,255,255,.55) 0 0);
  background-size: 10px 2px, 2px 10px;  /* plus */
  background-position: center;
  background-repeat:repeat;
  mask-image: radial-gradient(900px 450px at 50% 20%, #000 45%, transparent 78%);
  -webkit-mask-image: radial-gradient(900px 450px at 50% 20%, #000 45%, transparent 78%);
  pointer-events:none;
}

.k26-tick-head{ text-align:center; max-width:900px; margin:0 auto 34px; position:relative; }
.k26-tick-title{ margin:0; font-weight:800; font-size:52px; letter-spacing:-.02em; }
.k26-tick-sub{ margin:14px auto 0; color:rgba(255,255,255,.82); font-size:16px; line-height:1.75; max-width:700px; }

.k26-tick-grid{
  max-width:1180px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px;
  align-items:stretch;
  position:relative;
}

.k26-priceCard{
  border-radius:18px;
  padding:24px;
  min-height:430px;
  display:flex;
  flex-direction:column;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 24px 80px rgba(0,0,0,.25);
}

.k26-priceTop{ display:grid; gap:10px; }
.k26-badge{
  display:inline-flex; align-items:center;
  padding:6px 12px; border-radius:999px;
  font-size:12px; font-weight:800; letter-spacing:.03em;
  width:fit-content;
}
.k26-priceName{ font-size:22px; font-weight:800; margin:4px 0 0; }
.k26-priceMeta{ color:rgba(255,255,255,.78); font-size:14px; margin:0; }

.k26-priceLine{ margin-top:14px; display:flex; align-items:baseline; gap:10px; flex-wrap:wrap; }
.k26-priceBig{ font-size:44px; font-weight:900; letter-spacing:-.02em; line-height:1; }
.k26-priceVat{ font-size:14px; font-weight:800; opacity:.8; }
.k26-priceBrutto{ margin-top:6px; font-size:13px; opacity:.75; }

.k26-feats{ margin:18px 0 0; padding:0; list-style:none; display:grid; gap:12px; }
.k26-feat{ display:flex; gap:10px; align-items:flex-start; }
.k26-feat i{ margin-top:3px; }
.k26-feat span{ font-size:14px; line-height:1.6; opacity:.92; }

.k26-priceBtnWrap{ margin-top:auto; padding-top:18px; }
.k26-priceBtn{
  width:100%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  padding:14px 16px;
  font-weight:800;
  border:2px solid transparent;
  transition:all .18s ease;
}

/* variants like screenshot */
.k26-cardWhite{
  background:#fff; color:#0B1220;
  border-color:rgba(255,255,255,.30);
}
.k26-cardWhite .k26-priceMeta{ color:rgba(11,18,32,.70); }
.k26-cardWhite .k26-feat span{ color:rgba(11,18,32,.78); opacity:1; }
.k26-cardWhite .k26-feat i{ color:#16A34A; } /* green checks */
.k26-cardWhite .k26-priceBtn{ background:var(--primary); color:#fff; border-color:var(--primary); border-radius:12px; }
.k26-cardWhite .k26-priceBtn:hover{ background:#fff; color:var(--primary); }

.k26-cardBlue{
  background:rgba(5,35,86,.22);
  border-color:rgba(255,255,255,.12);
}
.k26-cardBlue .k26-badge{ background:rgba(255,255,255,.14); color:#fff; }
.k26-cardBlue .k26-feat i{ color:var(--accent); }
.k26-cardBlue .k26-priceBtn{ background:#fff; color:var(--primary); border-color:#fff; }
.k26-cardBlue .k26-priceBtn:hover{ background:transparent; color:#fff; border-color:#fff; }

.k26-cardWhiteOrange{
  background:#fff; color:#0B1220;
  border:2px solid rgba(253,117,31,.75);
}
.k26-cardWhiteOrange .k26-badge{ background:rgba(253,117,31,.16); color:var(--accent); }
.k26-cardWhiteOrange .k26-priceMeta{ color:rgba(11,18,32,.70); }
.k26-cardWhiteOrange .k26-feat span{ color:rgba(11,18,32,.78); opacity:1; }
.k26-cardWhiteOrange .k26-feat i{ color:#16A34A; }
.k26-cardWhiteOrange .k26-priceBtn{ background:var(--accent); color:#fff; border-color:var(--accent); }
.k26-cardWhiteOrange .k26-priceBtn:hover{ background:#fff; color:var(--accent); }

.k26-cardDark{
  background:rgba(7,12,20,.82);
  border-color:rgba(255,255,255,.10);
}
.k26-cardDark .k26-feat i{ color:#3B82F6; } /* blue checks */
.k26-cardDark .k26-priceBtn{
  background:transparent;
  color:#fff;
  border-color:rgba(255,255,255,.45);
}
.k26-cardDark .k26-priceBtn:hover{
  background:#fff; color:#0B1220; border-color:#fff;
}

.k26-tick-note{
  text-align:center;
  margin-top:18px;
  color:rgba(255,255,255,.72);
  font-size:13px;
  position:relative;
}

/* responsive */
@media(max-width:1100px){
  .k26-tick-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .k26-tick-title{ font-size:44px; }
}
@media(max-width:640px){
  .k26-out-grid{ grid-template-columns:1fr; }
  .k26-tick-grid{ grid-template-columns:1fr; }
  .k26-tick-title{ font-size:36px; }
}
/* === DLA KOGO – FA VERSION === */

.k26-audience{
  padding: 90px 0;
  background:#fff;
}

.k26-aud-head{
  text-align:center;
  max-width:820px;
  margin:0 auto 40px;
}

.k26-aud-title{
  margin:0;
  font-weight:700;
  font-size:44px;
  letter-spacing:-0.02em;
}

.k26-aud-sub{
  margin-top:12px;
  font-size:16px;
  color: var(--muted);
}

.k26-aud-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}

.k26-aud-card{
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  border-radius:18px;
  padding:30px;
  min-height:210px;
  box-shadow:0 18px 45px rgba(15,23,42,.06);
  transition: all .2s ease;
}

.k26-aud-card:hover{
  transform:translateY(-3px);
  box-shadow:0 24px 60px rgba(15,23,42,.10);
  border-color:rgba(1,73,164,.25);
}

.k26-aud-card.active{
  border-color:rgba(1,73,164,.45);
  box-shadow:0 25px 70px rgba(15,23,42,.12);
}

.k26-aud-icon{
  width:58px;
  height:58px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
  margin-bottom:18px;
  background:rgba(1,73,164,.08);
  color:var(--primary);
}

.k26-aud-card.active .k26-aud-icon{
  background:var(--primary);
  color:#fff;
  box-shadow:0 16px 35px rgba(1,73,164,.25);
}

.k26-aud-h{
  font-size:20px;
  font-weight:700;
  margin:0 0 10px;
}

.k26-aud-p{
  font-size:15px;
  color:var(--muted);
  line-height:1.7;
  margin:0;
}

/* responsive */
@media(max-width:1024px){
  .k26-aud-grid{grid-template-columns:repeat(2,1fr);}
  .k26-aud-title{font-size:38px;}
}
@media(max-width:640px){
  .k26-aud-grid{grid-template-columns:1fr;}
  .k26-aud-title{font-size:30px;}
}
/* === CTA + Footer (K26) === */
.k26-ctaDark{
  padding: 110px 0;
  color:#fff;
  background:
    radial-gradient(1200px 520px at 50% 40%, rgba(255,255,255,.10), rgba(255,255,255,0) 60%),
    radial-gradient(800px 380px at 50% 75%, rgba(253,117,31,.18), rgba(253,117,31,0) 62%),
    linear-gradient(180deg, #0A1427 0%, #071022 100%);
}

.k26-ctaTitle{
  font-weight:800;
  font-size:56px;
  line-height:1.06;
  letter-spacing:-.02em;
  margin:0 0 14px;
  color:#fff;
}
.k26-ctaTitle .accent{ color: var(--accent); }

.k26-ctaSub{
  margin:0 auto;
  max-width:780px;
  font-size:18px;
  line-height:1.7;
  color: rgba(255,255,255,.82);
}

.k26-btnPill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  padding:16px 26px;
  border-radius:999px;
  font-weight:800;
  font-size:16px;
  border:2px solid transparent;
  background: var(--accent);
  color:#fff;
  box-shadow:
    0 20px 60px rgba(0,0,0,.30),
    0 18px 40px rgba(253,117,31,.18);
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease, border-color .18s ease;
  will-change: transform;
}

.k26-btnPill:hover{
  background:#fff;
  color: var(--accent);
  border-color: var(--accent);
  transform: translateY(-1px);
  box-shadow:
    0 24px 70px rgba(0,0,0,.34),
    0 20px 44px rgba(253,117,31,.22);
}

.k26-btnPill:active{ transform: translateY(0px) scale(.99); }

.k26-btnPill .arr{
  width:28px;height:28px;
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:999px;
  background: rgba(255,255,255,.18);
  transition: background .18s ease;
}
.k26-btnPill:hover .arr{
  background: rgba(253,117,31,.12);
}

/* CTA button variant - blue like on your screenshot */
.k26-btnBlue{
  background: var(--primary);
  box-shadow:
    0 20px 60px rgba(0,0,0,.28),
    0 18px 40px rgba(1,73,164,.22);
}
.k26-btnBlue:hover{
  background:#fff;
  color: var(--accent);
  border-color: var(--accent);
}

/* Floating buy button – same pill style */
.k26-floatBuy{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:1000;
  opacity:0;
  transform: translateY(14px) scale(.98);
  pointer-events:none;
  transition: opacity .22s ease, transform .22s ease;
}
.k26-floatBuy.show{
  opacity:1;
  transform: translateY(0) scale(1);
  pointer-events:auto;
}

/* Footer */
.k26-footer{
  background:#010d21;
  color: rgba(255,255,255,.78);
  padding: 34px 0 26px;
}
.k26-footerTop{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  padding-bottom:18px;
  border-bottom:1px solid rgba(255,255,255,.12);
}
.k26-brand{
  display:flex;align-items:center;gap:12px;
  color:#fff;
}
.k26-logoBox{
  width:34px;height:34px;border-radius:6px;
  background: var(--primary);
  display:inline-flex;align-items:center;justify-content:center;
  font-weight:900;color:#fff;
}
.k26-brandName{
  font-weight:800;letter-spacing:.02em;
}
.k26-brandName span{ opacity:.65; font-weight:600; }

.k26-social{
  display:flex;gap:12px;align-items:center;
}
.k26-social a{
  width:34px;height:34px;border-radius:10px;
  border:1px solid rgba(255,255,255,.16);
  display:inline-flex;align-items:center;justify-content:center;
  color: rgba(255,255,255,.84);
  transition: all .16s ease;
}
.k26-social a:hover{
  border-color: rgba(253,117,31,.55);
  color:#fff;
  transform: translateY(-1px);
}

.k26-footerBottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding-top:18px;
  font-size:14px;
}
.k26-footerLinks{
  display:flex;gap:22px;flex-wrap:wrap;
}
.k26-footerLinks a{
  color: rgba(255,255,255,.74);
  transition: color .16s ease;
}
.k26-footerLinks a:hover{ color:#fff; }

@media (max-width:720px){
  .k26-ctaTitle{ font-size:40px; }
  .k26-footerTop, .k26-footerBottom{ flex-direction:column; align-items:flex-start; }
}
/* === Dla kogo (1:1) === */
.k26-audience{
  padding: 90px 0;
  background:#fff;
}
.k26-aud-head{
  text-align:center;
  max-width:820px;
  margin:0 auto 34px;
}
.k26-aud-title{
  margin:0;
  font-weight:800;
  font-size:44px;
  line-height:1.12;
  letter-spacing:-.02em;
}
.k26-aud-sub{
  margin:12px auto 0;
  font-size:16px;
  line-height:1.7;
  color: var(--muted);
}

.k26-aud-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
  align-items:stretch;
}

.k26-aud-card{
  position:relative;
  border-radius:18px;
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  box-shadow: 0 18px 45px rgba(11,22,48,.06);
  padding:28px 28px 26px;
  min-height: 200px;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.k26-aud-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 24px 60px rgba(11,22,48,.10);
  border-color: rgba(1,73,164,.20);
}

.k26-aud-card.is-active{
  border-color: rgba(1,73,164,.35);
  box-shadow: 0 24px 70px rgba(11,22,48,.10);
}

.k26-aud-ico{
  width:58px;height:58px;
  border-radius:14px;
  background: rgba(1,73,164,.06);
  display:flex;
  align-items:center;
  justify-content:center;
  color: var(--primary);
  margin-bottom:18px;
}
.k26-aud-card.is-active .k26-aud-ico{
  background: var(--primary);
  color:#fff;
  box-shadow: 0 14px 34px rgba(1,73,164,.22);
}

.k26-aud-h{
  margin:0 0 10px;
  font-weight:800;
  font-size:20px;
  line-height:1.25;
}
.k26-aud-p{
  margin:0;
  color: var(--muted);
  font-size:15px;
  line-height:1.75;
}

/* responsive */
@media (max-width:1024px){
  .k26-aud-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .k26-aud-title{ font-size:38px; }
}
@media (max-width:640px){
  .k26-aud-grid{ grid-template-columns:1fr; }
  .k26-aud-title{ font-size:32px; }
  .k26-aud-card{ padding:22px; }
}
/* ================================
   HEADER — poprawki wg uwag
   ================================ */

:root{ --headerH: 76px; } /* masz już, ale upewniamy się */



.k26-header__wrap{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding-top:15px;   /* powietrze góra */
  padding-bottom:15px;/* powietrze dół */
}

.k26-header__logo img{
  height:48px;
  width:auto;
  display:block;
}@media (max-width:640px){
.k26-header__logo img{
  height:38px;
  width:auto;
  display:block;
}}
.k26-header__nav{
  display:flex;
  align-items:center;
  gap:18px;
  flex-wrap:wrap;
  justify-content:center;
}

.k26-header__nav a{
  font-family:Manrope,system-ui;
  font-weight:600;
  /* skalowalna czcionka na dużych ekranach */
  font-size:clamp(14px, 0.95vw, 16px);
  color:rgba(11,22,48,.78);
  opacity:.95;
}

.k26-header__nav a:hover{
  color:var(--primary);
  opacity:1;
}

.k26-header__right{
  display:flex;
  align-items:center;
  gap:12px;
}

.k26-header__cta{
  border-radius:999px; /* CTA jak w reszcie */
  padding:14px 16px;
}

/* Burger */
.k26-burger{
  display:none;
  width:46px;
  height:46px;
  border-radius:14px;
  border:1px solid rgba(1,73,164,.16);
  background:#fff;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}
.k26-burger i{ color:var(--primary); font-size:18px; }

/* Mobile menu panel */
.k26-mobile{
  border-top:1px solid rgba(1,73,164,.10);
  background:rgba(255,255,255,.96);
  backdrop-filter: blur(12px);
}
.k26-mobile__inner{
  max-width:var(--max);
  margin:0 auto;
  padding:14px 22px 18px;
  display:grid;
  gap:10px;
}
.k26-mobile__inner a{
  font-family:Manrope,system-ui;
  font-weight:600;
  font-size:16px;
  color:rgba(11,22,48,.84);
  padding:10px 10px;
  border-radius:12px;
}
.k26-mobile__inner a:hover{
  background:rgba(1,73,164,.06);
  color:var(--primary);
}
.k26-mobile__cta{
  margin-top:8px;
  width:fit-content;
}

/* Responsive: na mobile chowamy nav i pokazujemy burger */
@media (max-width:1024px){
  .k26-header__nav{ display:none; }
  .k26-burger{ display:flex; }
}
/* =========================
   K26 PILL BUTTON (CTA STYLE)
   normal: filled + white text
   hover: white + colored border/text + arrow in circle
   ========================= */

.k26-btnPill{
  display:inline-flex;
  align-items:center;
  gap:14px;
  padding:18px 22px;
  border-radius:999px;
  border:2px solid transparent;
  text-decoration:none !important;

  font-family:Manrope, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight:700;
  font-size:16px;
  line-height:1;

  transition: background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease, transform .12s ease;
  box-shadow: 0 16px 38px rgba(11,22,48,.18);
}

.k26-btnPill .arr{
  flex:0 0 auto;
  width:34px;
  height:34px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;

  /* na normalnym stanie kółko jest “prawie niewidoczne” (jak na screenie) */
  background: rgba(255,255,255,.12);
  transition: background-color .18s ease, color .18s ease;
}

/* lekki klik */
.k26-btnPill:active{ transform: translateY(1px); }

/* focus dostępności */
.k26-btnPill:focus-visible{
  outline:none;
  box-shadow: 0 0 0 4px rgba(253,117,31,.25), 0 16px 38px rgba(11,22,48,.18);
}

/* ====== WARIANT: BLUE (CTA) ====== */
.k26-btnBlue{
  background: var(--primary, #0149A4);
  color:#fff;
}

.k26-btnBlue:hover{
  background:#fff;
  color: var(--primary, #0149A4);
  border-color: var(--primary, #0149A4);
  box-shadow: 0 18px 44px rgba(11,22,48,.14);
}
.k26-btnBlue:hover .arr{
  background: rgba(1,73,164,.10);   /* delikatne kółko na hover */
  color: var(--primary, #0149A4);   /* strzałka w kolorze */
}

/* ====== WARIANT: ORANGE (header i inne) ====== */
.k26-btnOrange{
  background: var(--accent, #FD751F);
  color:#fff;
  box-shadow: 0 16px 38px rgba(253,117,31,.22);
}
.k26-btnOrange:hover{
  background:#fff;
  color: var(--accent, #FD751F);
  border-color: var(--accent, #FD751F);
  box-shadow: 0 18px 44px rgba(253,117,31,.16);
}
.k26-btnOrange:hover .arr{
  background: rgba(253,117,31,.12);
  color: var(--accent, #FD751F);
}

/* Mobile trochę ciaśniej */
@media (max-width: 520px){
  .k26-btnPill{
    width:100%;
    justify-content:space-between;
    padding:16px 18px;
    font-size:15px;
  }
  .k26-btnPill .arr{ width:32px; height:32px; }
}
/* =========================
   HERO GHOST (Zobacz program)
   normal: transparent + white border/text
   hover: white bg + orange border/text
   ========================= */

.k26-btnGhostWhite{
  background: transparent;
  color:#fff;
  border-color: rgba(255,255,255,.85);
  box-shadow: 0 16px 38px rgba(11,22,48,.14);
}

.k26-btnGhostWhite .arr{
  background: rgba(255,255,255,.14);
  color:#fff;
}

.k26-btnGhostWhite:hover{
  background:#fff;
  color: var(--accent, #FD751F);
  border-color: var(--accent, #FD751F);
  box-shadow: 0 18px 44px rgba(253,117,31,.16);
}

.k26-btnGhostWhite:hover .arr{
  background: rgba(253,117,31,.12);
  color: var(--accent, #FD751F);
}

/* ==========================================
   SAFE FIX: motyw nie nadpisuje kolorów,
   ale hover działa (bez !important na hover)
   ========================================== */

/* Linki motywu często robią: a{color:#000}. Tu wygrywamy selektorem */
a.k26-btnPill,
.k26-header a.k26-btnPill{
  text-decoration:none !important;
}

/* Domyślne kolory wariantów (normal state) */
a.k26-btnPill.k26-btnOrange,
.k26-header a.k26-btnPill.k26-btnOrange{
  background: var(--accent, #FD751F);
  color:#fff;
  border-color: transparent;
}

a.k26-btnPill.k26-btnBlue,
.k26-header a.k26-btnPill.k26-btnBlue{
  background: var(--primary, #0149A4);
  color:#fff;
  border-color: transparent;
}

a.k26-btnPill.k26-btnGhostWhite,
.k26-hero a.k26-btnPill.k26-btnGhostWhite{
  background: transparent;
  color:#fff;
  border-color: rgba(255,255,255,.85);
}

/* Strzałka zawsze dziedziczy color z przycisku */
a.k26-btnPill .arr,
.k26-header a.k26-btnPill .arr{
  color:inherit;
}

/* --- Hovery: powtarzamy jawnie, żeby też wygrały z motywem --- */
a.k26-btnPill.k26-btnOrange:hover,
.k26-header a.k26-btnPill.k26-btnOrange:hover{
  background:#fff;
  color: var(--accent, #FD751F);
  border-color: var(--accent, #FD751F);
}
a.k26-btnPill.k26-btnOrange:hover .arr,
.k26-header a.k26-btnPill.k26-btnOrange:hover .arr{
  background: rgba(253,117,31,.12);
  color: var(--accent, #FD751F);
}

a.k26-btnPill.k26-btnBlue:hover,
.k26-header a.k26-btnPill.k26-btnBlue:hover{
  background:#fff;
  color: var(--primary, #0149A4);
  border-color: var(--primary, #0149A4);
}
a.k26-btnPill.k26-btnBlue:hover .arr,
.k26-header a.k26-btnPill.k26-btnBlue:hover .arr{
  background: rgba(1,73,164,.10);
  color: var(--primary, #0149A4);
}

a.k26-btnPill.k26-btnGhostWhite:hover,
.k26-hero a.k26-btnPill.k26-btnGhostWhite:hover{
  background:#fff;
  color: var(--accent, #FD751F);
  border-color: var(--accent, #FD751F);
}
a.k26-btnPill.k26-btnGhostWhite:hover .arr,
.k26-hero a.k26-btnPill.k26-btnGhostWhite:hover .arr{
  background: rgba(253,117,31,.12);
  color: var(--accent, #FD751F);
}
/* =========================
   PARTNERS – styl jak BILETY
   ========================= */

.k26-partners{
  background:
    linear-gradient(180deg, rgba(253,117,31,.95), rgba(253,117,31,.85));
  color:#fff;
}

.k26-partners .h2 span{
  color:#fff;
}

.k26-partGrid{
  margin-top:36px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
  align-items:stretch;
  max-width:980px;
  margin-left:auto;
  margin-right:auto;
}

.k26-partCard{
  display:flex;
  flex-direction:column;
  padding:32px 26px;
  border-radius:22px;
  background:#fff;
  color:var(--ink);
  border:2px solid rgba(253,117,31,.6);
  box-shadow:0 18px 44px rgba(0,0,0,.12);
  transition:.25s ease;
}

.k26-partCard:hover{
  transform:translateY(-6px);
  box-shadow:0 24px 60px rgba(0,0,0,.18);
}

.k26-partCard--featured{
  background:rgba(255,255,255,.08);
  border:2px solid #fff;
  color:#fff;
}

.k26-partCard--featured .k26-partPrice small{
  color:rgba(255,255,255,.8);
}

.k26-partTop{
  text-align:center;
}

.k26-partIcon{
  width:68px;
  height:68px;
  border-radius:20px;
  margin:0 auto 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.2);
  font-size:22px;
}

.k26-partIcon--blue{
  background:rgba(1,73,164,.1);
  color:var(--primary);
}

.k26-partTitle{
  font-family:Manrope;
  font-weight:800;
  font-size:24px;
  margin-bottom:10px;
}

.k26-partPrice{
  font-family:Manrope;
  font-weight:900;
  font-size:42px;
  line-height:1;
}

.k26-partPrice small{
  display:block;
  font-size:14px;
  font-weight:600;
  margin-top:8px;
  color:var(--muted);
}

.k26-partList{
  margin:24px 0;
  padding:0;
  list-style:none;
  flex:1;
}

.k26-partList li{
  display:flex;
  gap:10px;
  align-items:flex-start;
  padding:10px 0;
  border-top:1px solid rgba(0,0,0,.06);
}

.k26-partList li:first-child{
  border-top:none;
}

.k26-partList i{
  color:var(--accent);
  margin-top:3px;
}

.k26-partCard--featured .k26-partList li{
  border-top:1px solid rgba(255,255,255,.2);
}

.k26-partCard--featured .k26-partList i{
  color:#fff;
}

@media(max-width:900px){
  .k26-partGrid{
    grid-template-columns:1fr;
  }
}
.k26-partners::before{
  content:"";
  position:absolute;
  inset:0;
  background: radial-gradient(circle at center, transparent 40%, rgba(0,0,0,.25) 100%);
  pointer-events:none;
}
/* HERO – typografia (H1/H2) */
.hero .k26-heroH1{
  margin: 10px 0 6px;
  font-family: Manrope, system-ui;
  font-weight: 800;              /* nie BLACK */
  font-size: clamp(40px, 4.2vw, 62px);
  line-height: 1.05;
  letter-spacing: -0.02em;
  color:#fff;
}

.hero .k26-heroH2{
  margin: 0 0 18px;
  font-family: Manrope, system-ui;
  font-weight: 650;              /* lżej niż H1 */
  font-size: clamp(26px, 3.2vw, 46px);
  line-height: 1.18;             /* większa interlinia */
  letter-spacing: -0.015em;
  color:#fff;
}

/* opis pod tytułem – też delikatnie większa interlinia */
.hero .hero-sub{
  line-height: 1.65;
  max-width: 860px;
}

/* meta – zachowaj czytelność */
.hero .meta{
  margin-top: 18px;
}

/* na mobile oddech i łamanie */
@media (max-width: 720px){
  .hero .k26-heroH1{ margin-top: 6px; }
  .hero .k26-heroH2{ margin-bottom: 14px; }
}
/* ===== PRELEGENCI – równe boxy + hover ===== */
#prelegenci .speaker-card{
  position:relative;
  text-align:center;
  transition: transform .22s ease, filter .22s ease;
}

#prelegenci .speaker-visual{
  position:relative;
  height:360px;
  margin:0 auto -56px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
}

#prelegenci .speaker-bg{
  position:absolute;
  bottom:28px;
  width:min(520px,96%);
  height:320px;
  border-radius:40px;
  background:linear-gradient(180deg, rgba(1,73,164,.12), rgba(253,117,31,.10));
  border:1px solid rgba(1,73,164,.12);
  box-shadow:0 18px 60px rgba(11,22,48,.12);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

#prelegenci .speaker-photo{
  position:relative;
  z-index:2;
  max-height:360px;
  width:auto;
  max-width:96%;
  object-fit:contain;
  filter:drop-shadow(0 18px 50px rgba(11,22,48,.16));
  transition: transform .22s ease, filter .22s ease;
}

/* box opisowy: stała wysokość, równe karty */
#prelegenci .speaker-box{
  max-width:420px;
  margin:0 auto;
  position:relative;
  z-index:3;
  text-align:center;

  display:flex;
  flex-direction:column;
  min-height: 210px;            /* <<< to wyrównuje karty */
  padding: 22px 22px 22px;
}

#prelegenci .speaker-name{
  font-weight:800;
  font-size:26px;
  margin:0 0 6px;
}

#prelegenci .speaker-role{
  font-weight:700;
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--accent);
  margin:0 0 10px;
}

#prelegenci .speaker-desc{
  margin:0;
  color:var(--muted);
  line-height:1.65;
  flex:1;                       /* opis wypełnia miejsce */
  display:flex;
  align-items:flex-start;
  justify-content:center;
}

/* Hover: cała karta, nie tylko box */
@media (hover:hover){
  #prelegenci .speaker-card:hover{
    transform: translateY(-8px);
  }
  #prelegenci .speaker-card:hover .speaker-bg{
    transform: translateY(-6px);
    box-shadow: 0 26px 80px rgba(11,22,48,.16);
    border-color: rgba(253,117,31,.35);
  }
  #prelegenci .speaker-card:hover .speaker-photo{
    transform: translateY(-4px) scale(1.01);
    filter:drop-shadow(0 26px 70px rgba(11,22,48,.20));
  }
  #prelegenci .speaker-card:hover .speaker-box{
    box-shadow: 0 18px 50px rgba(11,22,48,.12);
  }
}

/* Mobile: oddech i bez "przeskoku" */
@media (max-width: 820px){
  #prelegenci .speaker-box{ min-height: unset; }
  #prelegenci .speaker-visual{ height:320px; }
  #prelegenci .speaker-photo{ max-height:320px; }
}
/* =========================
   HERO – layout & typography
   ========================= */

#hero.hero{
  position: relative;
  overflow: hidden;
}

/* klucz: container NIE może być centrowany tekstem ani mieć małego max-width */
#hero .k26-wrap{
  max-width: 1280px;          /* szeroko na desktop */
  margin: 0 auto;
  padding: 0 32px;            /* jak “oś logo” */
  text-align: left;
}

/* Kicker */
#hero .hero-kicker{
  font-family: Manrope, system-ui, -apple-system, Segoe UI, Roboto, Arial;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: 12px;
  opacity: .9;
  margin-bottom: 18px;
}

/* H1 = KONKRET. 2026 (większe) */
#hero .k26-heroH1{
  font-family: Manrope, system-ui, -apple-system, Segoe UI, Roboto, Arial;
  font-weight: 800; /* nie black */
  font-size: clamp(52px, 6vw, 92px);
  line-height: 1.02;
  letter-spacing: -0.02em;
  margin: 0 0 10px;
}

/* H2 = tytuł konferencji (mniejsze, lżejsze) */
#hero .k26-heroH2{
  font-family: Manrope, system-ui, -apple-system, Segoe UI, Roboto, Arial;
  font-weight: 700; /* lżej niż H1 */
  font-size: clamp(28px, 3.3vw, 54px);
  line-height: 1.12;
  letter-spacing: -0.01em;
  margin: 0 0 18px;
  max-width: 22ch; /* łamanie jak na screenie */
}

/* opis */
#hero .hero-sub{
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial;
  font-weight: 500;
  font-size: clamp(16px, 1.25vw, 20px);
  line-height: 1.6;
  margin: 0 0 18px;
  max-width: 72ch;
}

/* meta */
#hero .meta{
  display: flex;
  flex-wrap: wrap;
  gap: 10px 14px;
  align-items: center;
  margin: 10px 0 22px;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
}

#hero .meta .sep{
  opacity: .65;
}

#hero .meta .metaItem{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}

#hero .meta .ico{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
}

/* ikony w meta – białe jak chciałeś */
#hero .meta i{
  color: #ffffff;
  opacity: .95;
}

/* CTA */
#hero .hero-cta{
  display: flex;
  gap: 14px;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 6px;
}

/* jeśli gdzieś się rozjeżdża: dopnij równe wysokości */
#hero .hero-cta .k26-btnPill{
  min-height: 54px;
}

/* line-break helpers (Twoje spany) */
#hero .k26-heroBreak1,
#hero .k26-heroBreak2{
  display: inline;
}

@media (min-width: 900px){
  #hero .k26-heroBreak1,
  #hero .k26-heroBreak2{
    display: block;
    height: 0;
  }
}

/* Mobile */
@media (max-width: 767px){
  #hero .k26-wrap{
    padding: 0 18px;
  }
  #hero .k26-heroH2{
    max-width: 26ch;
  }
  #hero .meta .sep{
    display: none;
  }
}
/* =========================
   HERO – ALIGN LEFT + LESS AIR (FIX)
   ========================= */
#hero.hero{
  /* mniej powietrza; dopasuj jeśli chcesz jeszcze ciaśniej */
  padding: clamp(80px, 10vh, 120px) 0 clamp(56px, 8vh, 84px) !important;
  min-height: calc(100vh - var(--h, 76px)) !important; /* 1 ekran bez wpychania kolejnej sekcji */
}

/* To jest klucz: usuń centrowanie / flex-centrowanie w HERO */
#hero .k26-wrap{
  max-width: 1180px !important;     /* identycznie jak header */
  padding: 0 22px !important;       /* identycznie jak header */
  margin: 0 auto !important;

  text-align: left !important;
  display: block !important;
  justify-content: initial !important;
  align-items: initial !important;
}

/* Jeśli gdzieś masz globalnie centrowanie dla .hero-cta */
#hero .hero-cta{
  justify-content: flex-start !important;
}

/* Kicker / meta / cta żeby nie łapały centrowania */
#hero .hero-kicker,
#hero .hero-sub,
#hero .meta{
  text-align: left !important;
}

/* Delikatnie większa czytelność i interlinia dla H1/H2 jak chcesz */
#hero .k26-heroH1{
  line-height: 1.02 !important;
  letter-spacing: -0.02em;
}
#hero .k26-heroH2{
  line-height: 1.08 !important;
  font-weight: 700 !important;
  margin-top: 10px;
}

/* Na bardzo szerokich ekranach możesz dać większy kontener (opcjonalnie) */
@media (min-width: 1600px){
  #hero .k26-wrap{
    max-width: 1320px !important; /* jeśli nadal czujesz „powietrze” */
  }
}
/* =========================
   DLACZEGO – hover + motion jak inne boxy
   ========================= */

#dlaczego .card{
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background-color .18s ease;
  will-change: transform;
  box-shadow: 0 10px 28px rgba(11,22,48,.08);
}

#dlaczego .card:hover{
  transform: translateY(-6px);
  box-shadow: 0 18px 52px rgba(11,22,48,.14);
}

/* wersja "nie jest" – mocniejszy obrys na hover */
#dlaczego .card[style*="rgba(253,117,31"]{
  border-color: rgba(253,117,31,.30) !important;
}
#dlaczego .card[style*="rgba(253,117,31"]:hover{
  border-color: rgba(253,117,31,.65) !important;
  background: rgba(253,117,31,.08) !important;
}

/* wersja "jest" – mocniejszy obrys na hover */
#dlaczego .card[style*="rgba(1,73,164"]{
  border-color: rgba(1,73,164,.22) !important;
}
#dlaczego .card[style*="rgba(1,73,164"]:hover{
  border-color: rgba(1,73,164,.55) !important;
  background: rgba(1,73,164,.07) !important;
}

/* trochę “sprężystości” na mobile (żeby nie skakało) */
@media (max-width: 900px){
  #dlaczego .card:hover{ transform: translateY(-3px); }
}
/* =========================
   PROGRAM – hover + motion
   ========================= */

#program .card{
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    border-color .22s ease,
    background-color .22s ease;
  will-change: transform;
  box-shadow: 0 10px 28px rgba(11,22,48,.08);
}

#program .card:hover{
  transform: translateY(-6px);
  box-shadow: 0 20px 60px rgba(11,22,48,.16);
  border-color: rgba(1,73,164,.28);
}

/* timeline dot – subtelne wzmocnienie */
#program > .k26-wrap > div > div > div[style*="position:absolute"][style*="border-radius:999px"]{
  transition: transform .22s ease, box-shadow .22s ease;
}

#program > .k26-wrap > div > div:hover 
div[style*="position:absolute"][style*="border-radius:999px"]{
  transform: scale(1.15);
  box-shadow: 0 14px 28px rgba(253,117,31,.35);
}

/* lekko wzmocnij badge godziny na hover */
#program .card:hover div[style*="border-radius:999px"][style*="background:rgba(253,117,31"]{
  background: rgba(253,117,31,.18) !important;
  border-color: rgba(253,117,31,.45) !important;
}

/* mobile – mniejszy ruch */
@media (max-width: 900px){
  #program .card:hover{
    transform: translateY(-3px);
  }
}
/* ================================
   BASE – animowany gradient border
================================ */

.k26-priceCard{
  position:relative;
  border-radius:18px;
  overflow:hidden;
  transition:all .35s ease;
  z-index:1;
}

/* gradient border layer */
.k26-priceCard::before{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius:20px;
  padding:2px;
  background:linear-gradient(
    130deg,
    rgba(1,73,164,.0),
    rgba(1,73,164,.35),
    rgba(255,102,0,.35),
    rgba(1,73,164,.0)
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
          mask-composite:exclude;
  opacity:.4;
  transition:all .35s ease;
  z-index:-1;
}

/* hover effect */
.k26-priceCard:hover{
  transform:translateY(-6px);
  box-shadow:0 20px 60px rgba(0,0,0,.15);
}

.k26-priceCard:hover::before{
  opacity:1;
  filter:blur(2px);
}
.k26-partners{
  position:relative;
  overflow:hidden;
}

/* gradient w tle */
.k26-partners::before{
  content:"";
  position:absolute;
  inset:0;
  background: radial-gradient(circle at center, transparent 40%, rgba(0,0,0,.25) 100%);
  pointer-events:none;
  z-index:0;               /* <- klucz */
}

/* cała zawartość nad gradientem */
.k26-partners > .k26-wrap{
  position:relative;
  z-index:1;               /* <- klucz */
}

/* dodatkowo: same karty jako pewniak */
.k26-partCard{
  position:relative;
  z-index:1;
}
/* ===== FAQ HARD OVERRIDE (KONIEC CSS) ===== */

#informacje-faq .k26-faq-item{
  background: #f4f4f4 !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
}

/* button: brak własnego tła, bierze tło z item */
#informacje-faq .k26-faq-item > .k26-faq-q{
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;

  padding: 16px 18px !important;
  background: transparent !important;
  border: 0 !important;

  color: #111 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  filter: none !important;
}

/* dziedziczenie kolorów – ubija “różowe”/inne wynalazki z globalnych styli */
#informacje-faq .k26-faq-item > .k26-faq-q span,
#informacje-faq .k26-faq-item > .k26-faq-q i{
  color: inherit !important;
}

/* HOVER = 100% pomarańcz */
#informacje-faq .k26-faq-item:hover > .k26-faq-q{
  background: #ff6600 !important;
  color: #fff !important;
}

/* OPEN: tło zostaje szare, pomarańczowy tylko tekst + strzałka */
#informacje-faq .k26-faq-item.is-open > .k26-faq-q{
  background: transparent !important; /* szare jest na .k26-faq-item */
  color: #ff6600 !important;
}

/* OPEN + hover nie ma zmieniać tła (żadnego “bladnięcia”) */
#informacje-faq .k26-faq-item.is-open:hover > .k26-faq-q{
  background: transparent !important;
  color: #ff6600 !important;
}

/* odpowiedź “doklejona” bez optycznej przerwy */
#informacje-faq .k26-faq-item > .k26-faq-a{
  padding: 0 18px 16px !important;

  background: transparent !important;
  margin: 0 !important;
}

/* ukrywanie odpowiedzi, jeśli gdzieś nie masz */
#informacje-faq .k26-faq-item:not(.is-open) > .k26-faq-a{
  display: none !important;
}

/* strzałka w open */
#informacje-faq .k26-faq-item.is-open > .k26-faq-q i{
  transform: rotate(180deg) !important;
  transition: transform .18s ease !important;
}
/* =========================
   BURGER – tylko hover/active/open
========================= */

/* HOVER → niebieskie tło, biała ikonka */
header.k26-header .k26-burger:hover{
  background-color: #0149A4 !important;
  background-image: none !important;
}

header.k26-header .k26-burger:hover i{
  color: #ffffff !important;
}

/* ACTIVE (kliknięcie) */
header.k26-header .k26-burger:active{
  background-color: #0149A4 !important;
}

header.k26-header .k26-burger:active i{
  color: #ffffff !important;
}

/* OPEN (gdy menu rozwinięte) */
header.k26-header .k26-burger[aria-expanded="true"]{
  background-color: #0149A4 !important;
  background-image: none !important;
}

header.k26-header .k26-burger[aria-expanded="true"] i{
  color: #ffffff !important;
}

/* usuń ewentualne różowe focusy z motywu */
header.k26-header .k26-burger:focus,
header.k26-header .k26-burger:focus-visible{
  outline: none !important;
  box-shadow: none !important;
}
/* =========================
   BURGER – naprawa visited/active/focus (bez zmiany normalnego)
========================= */

/* (1) Ubij jakiekolwiek "linkowe" traktowanie + wymuś dziedziczenie ikony */
header.k26-header .k26-burger,
header.k26-header .k26-burger:link,
header.k26-header .k26-burger:visited{
  text-decoration: none !important;
}

/* (2) Ikona nigdy nie może przyjąć różowego z zewnątrz */
header.k26-header .k26-burger i{
  color: inherit !important;
}

/* (3) Każdy stan interakcji ma mieć tylko 2 warianty: hover/active/open = niebieski + biała ikonka */
header.k26-header .k26-burger:hover,
header.k26-header .k26-burger:active,
header.k26-header .k26-burger:focus,
header.k26-header .k26-burger:focus-visible,
header.k26-header .k26-burger[aria-expanded="true"]{
  background-color: #0149A4 !important;
  background-image: none !important;
  box-shadow: none !important;     /* często tu siedzi róż/fiolet */
  outline: none !important;
}

header.k26-header .k26-burger:hover i,
header.k26-header .k26-burger:active i,
header.k26-header .k26-burger:focus i,
header.k26-header .k26-burger:focus-visible i,
header.k26-header .k26-burger[aria-expanded="true"] i{
  color: #fff !important;
}
 /* =========================
   BURGER – fix: ikonka ma być NIEBIESKA w stanie normalnym
   (bez zmiany tła / outline)
========================= */

/* stan bazowy: ikonka niebieska, żadnych "visited" z motywu */
header.k26-header .k26-burger i{
  color: #0149A4 !important; /* NIEBIESKA w normalnym */
}

/* hover/active/open: tło niebieskie, ikonka biała */
header.k26-header .k26-burger:hover,
header.k26-header .k26-burger:active,
header.k26-header .k26-burger[aria-expanded="true"]{
  background-color: #0149A4 !important;
  background-image: none !important;
}

header.k26-header .k26-burger:hover i,
header.k26-header .k26-burger:active i,
header.k26-header .k26-burger[aria-expanded="true"] i{
  color: #ffffff !important;
}
/* iOS: pozwól JS sterować top bez konfliktu */
.elementor-element-a48783e.elementor-sticky--active{
  left: 0 !important;
  right: 0 !important;
  width: 100vw !important;
  max-width: 100vw !important;
  will-change: top;
}

/* ===== Floating CTA (prawy dolny róg) ===== */

#k26FloatBuy{
  position: fixed;
  right: 16px;
  bottom: 16px;
  left: auto;
  top: auto;

  transform: translateY(18px);
  opacity: 0;
  pointer-events: none;

  transition: opacity .2s ease, transform .2s ease;
  z-index: 2147483647; /* beton: nad overlayami */
}

#k26FloatBuy.show{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

#k26FloatBuy .k26-floatBuy__cta{
  box-shadow: 0 18px 40px rgba(0,0,0,.18);
}

/* safe-area na iPhone */
@supports (padding-bottom: env(safe-area-inset-bottom)){
  #k26FloatBuy{
    bottom: calc(16px + env(safe-area-inset-bottom));
    right: calc(16px + env(safe-area-inset-right));
  }
}
/* =========================
   HEADER – MOBILE CLEAN
========================= */

@media (max-width: 1024px){

  /* ukryj CTA w headerze */
  .k26-header__cta{
    display: none !important;
  }

  /* ukryj desktopową nawigację */
  .k26-header__nav{
    display: none !important;
  }

  /* layout: tylko logo + burger */
  .k26-header__wrap{
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  /* prawa strona ma zawierać tylko burger */
  .k26-header__right{
    display: flex;
    align-items: center;
    gap: 0;
  }

}
/* ==== iOS / WebKit: wyłącz Elementor sticky, bo powoduje jump ==== */
.k26 .elementor-location-header{
  position: static !important;
  top: auto !important;
}

/* jeśli Elementor nadaje sticky class */
.k26 .elementor-sticky--active{
  position: static !important;
  top: auto !important;
  transform: none !important;
}

/* usuń 100vw (to potrafi szarpać na iOS) */
.elementor-element-a48783e.elementor-sticky--active{
  width: auto !important;
  max-width: none !important;
}

/* ==== Jedyna prawda: header ma być fixed (JS stabilizuje top na iOS) ==== */
header.k26-header{
  position: fixed !important;
  left: 0; right: 0;
}
/* =========================
   iOS Chrome FIX: header bez skakania
   (wklej NA KONIEC CSS)
========================= */

/* zabij wszystkie "sticky" na k26-header – ma być fixed */
header.k26-header{
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: auto !important;
  z-index: 9999 !important;

  /* przesuwamy tylko transformem */
  transform: translate3d(0, var(--vvTop, 0px), 0) !important;
  will-change: transform;

  /* (opcjonalnie) stabilizacja GPU */
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

/* body offset tylko raz (JS ustawi --headerH) */
body{
  padding-top: var(--headerH, 76px) !important;
}

/* Elementor sticky potrafi mieszać — wyłączamy jego "sticky-active" wpływ */
.k26 .elementor-location-header,
.k26 .elementor-sticky--active{
  position: static !important;
  top: auto !important;
  transform: none !important;
}

/* usuń 100vw z elementor sticky (częsty winowajca na iOS) */
.elementor-sticky--active{
  width: auto !important;
  max-width: none !important;
}/* End custom CSS */