/*
* Lider theme - home v5 (deploy of mockup home-v5.html)
* Palette navy #04329d / red accent #e81c2e
*/
:root{
--red:#e81c2e;
--red-dk:#c3101f;
--navy:#014080;
--navy-dk:#021c5a;
--navy-deep:#011042;
--navy-lt:#1a4db8;
--gold:#dcc080;
--gold-lt:#f1d99a;
--gold-dk:#c89a4a;
--ink:#0a1738;
--ink-60:#374151;
--gray:#6b7280;
--gray-lt:#9ca3af;
--line:#e5e7eb;
--bg:#ffffff;
--bg-soft:#f5f7fb;
--lider-bg-dark:#014080;
--f-head:"Archivo Black","Archivo",system-ui,sans-serif;
--f-display:"Archivo","Inter",system-ui,sans-serif;
--f-body:"Inter",system-ui,-apple-system,sans-serif;
--maxw:1280px;
--gutter:clamp(20px,3vw,40px);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--f-body);font-size:1rem;line-height:1.6;color:var(--ink);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block;height:auto}
a{color:inherit;text-decoration:none}
@keyframes lider-pulse{0%,100%{opacity:1}50%{opacity:.35}}
/* ============== BUTTONS ============== */
.lider-btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--f-display);
font-weight:700;font-size:.875rem;letter-spacing:.02em;text-transform:uppercase;
padding:14px 24px;border-radius:3px;transition:all .18s;cursor:pointer;border:none;
white-space:nowrap;text-decoration:none}
.lider-btn-red{background:var(--red);color:#fff}
.lider-btn-red:hover{background:var(--red-dk);transform:translateY(-1px);color:#fff}
.lider-btn-navy{background:var(--navy);color:#fff}
.lider-btn-navy:hover{background:var(--navy-dk);transform:translateY(-1px);color:#fff}
.lider-btn-ghost-white{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.4)}
.lider-btn-ghost-white:hover{background:#fff;color:var(--navy);border-color:#fff}
.lider-btn-ghost-navy{background:transparent;color:var(--navy);border:1.5px solid var(--navy)}
.lider-btn-ghost-navy:hover{background:var(--navy);color:#fff}
.lider-btn-ghost-gold{background:transparent;color:var(--gold-lt);border:1.5px solid rgba(220,192,128,.5)}
.lider-btn-ghost-gold:hover{background:var(--gold);color:var(--navy-deep);border-color:var(--gold)}
.lider-btn-white{background:#fff;color:var(--navy)}
.lider-btn-white:hover{background:#fff;color:var(--navy);transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,.15)}
.lider-btn-lg{padding:16px 28px;font-size:.9375rem}
.wp-site-blocks > * + *{margin-block-start:0 !important}
/* ============== MOBILE ALERT (czerwony pasek "rekrutacja" — tylko mobile) ============== */
.lider-mobile-alert{display:none;background:var(--navy);color:#fff;text-align:center;
padding:9px 16px;font-family:var(--f-display);font-size:.8125rem;font-weight:600;
letter-spacing:.01em;line-height:1.3}
.lider-mobile-alert b{font-weight:800;letter-spacing:.02em}
.lider-mobile-alert-pulse{display:inline-block;width:7px;height:7px;border-radius:50%;
background:#fff;margin-right:9px;vertical-align:middle;
box-shadow:0 0 0 3px rgba(255,255,255,.3);animation:lider-pulse 1.6s infinite}
/* ============== TOPBAR (dark masthead — wariant D) ============== */
.lider-topbar{background:var(--navy-deep);color:rgba(255,255,255,.92);font-family:var(--f-body);
font-size:.8125rem;line-height:1.4;position:relative;overflow:hidden}
.lider-topbar::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
background:
radial-gradient(900px 540px at 8% 12%,rgba(96,165,250,.28),transparent 62%),
radial-gradient(900px 520px at 92% 82%,rgba(125,211,252,.24),transparent 62%),
radial-gradient(700px 420px at 50% -10%,rgba(255,255,255,.14),transparent 70%),
radial-gradient(900px 560px at 18% 92%,rgba(125,211,252,.24),transparent 68%),
radial-gradient(800px 520px at 50% 55%,rgba(147,197,253,.18),transparent 70%),
radial-gradient(900px 640px at 0% 50%,rgba(147,197,253,.22),transparent 72%);
mix-blend-mode:screen}
.lider-topbar-inner{max-width:var(--maxw);margin:0 auto;padding:12px var(--gutter);
display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;
position:relative;z-index:1}
.lider-topbar-info{color:rgba(255,255,255,.6);letter-spacing:.005em;display:inline-flex;align-items:center}
.lider-topbar-info b{color:#fff;font-weight:600;margin:0 4px}
.lider-topbar-info .lider-next-start{margin-right:0;color:#fff;font-weight:700;letter-spacing:.005em}
.lider-topbar-info .lider-next-status{color:#fff;font-weight:600;letter-spacing:.005em}
.lider-topbar-info .lider-topbar-sep{margin:0 10px;opacity:.4}
.lider-topbar-pulse{position:relative;display:inline-block;width:8px;height:8px;border-radius:50%;background:#4ade80;
margin-right:12px;box-shadow:0 0 0 0 rgba(74,222,128,.55);animation:lider-pulse-ring 1.8s ease-out infinite;
flex-shrink:0;vertical-align:middle}
.lider-topbar-pulse--inline{margin:0 14px}
@keyframes lider-pulse-ring{
0%{box-shadow:0 0 0 0 rgba(74,222,128,.6)}
70%{box-shadow:0 0 0 8px rgba(74,222,128,0)}
100%{box-shadow:0 0 0 0 rgba(74,222,128,0)}
}
.lider-topbar-contact{display:flex;gap:24px;align-items:center}
.lider-topbar-contact > a{display:inline-flex;align-items:center;gap:7px;color:#fff;opacity:.82;
white-space:nowrap;transition:opacity .2s}
.lider-topbar-contact > a:hover{opacity:1;color:#fff}
.lider-topbar-social{display:flex;gap:14px;border-left:1px solid rgba(255,255,255,.15);padding-left:22px;margin-left:2px}
.lider-topbar-social a{color:#fff;opacity:.68;display:inline-flex;transition:opacity .2s,transform .18s}
.lider-topbar-social a:hover{opacity:1;transform:translateY(-1px);color:#fff}
/* ============== HEADER (biały sticky) ============== */
.lider-hdr{background:#fff;position:sticky;top:0;z-index:60;box-shadow:0 1px 0 var(--line)}
.lider-hdr-inner{max-width:var(--maxw);margin:0 auto;padding:24px var(--gutter);
display:grid;grid-template-columns:auto 1fr auto;gap:48px;align-items:center}
.lider-brand{display:inline-flex;align-items:center}
.lider-brand img{height:52px;width:auto;max-width:none;display:block;object-fit:contain}
/* gap jako clamp: przy 1200-1330px pelna nawigacja + CTA nie miescily sie w 1rem/700 */
.lider-nav{display:flex;gap:clamp(20px,2vw,30px);justify-content:center;flex-wrap:nowrap;align-items:center;
font-family:var(--f-display);font-size:1rem;font-weight:700;letter-spacing:0}
/* czern (nie --ink #0a1738, ktore jest granatowe): na stronie zdominowanej navy menu ma kontrastowac, nie zlewac sie */
.lider-nav > a,.lider-nav-trigger{color:#111;transition:color .2s;padding:10px 0;white-space:nowrap;position:relative}
.lider-nav > a::after,.lider-nav-trigger::after{content:"";position:absolute;left:50%;right:50%;bottom:2px;height:2px;background:var(--red);border-radius:2px;transition:left .25s,right .25s}
.lider-nav > a:hover,.lider-nav-trigger:hover{color:var(--red)}
.lider-nav > a:hover::after,.lider-nav-trigger:hover::after,.lider-nav-group.is-open .lider-nav-trigger::after,.lider-nav-group:hover .lider-nav-trigger::after{left:0;right:0}
.lider-nav-group{position:relative}
.lider-nav-trigger{display:inline-flex;align-items:center;gap:6px;background:none;border:0;font:inherit;cursor:pointer}
.lider-nav-trigger svg{transition:transform .2s}
.lider-nav-group.is-open .lider-nav-trigger svg,.lider-nav-group:hover .lider-nav-trigger svg{transform:rotate(180deg)}
.lider-nav-sub{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(-6px);
min-width:220px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:10px;
box-shadow:0 12px 32px rgba(0,0,0,.12);padding:8px;display:flex;flex-direction:column;gap:2px;
opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s,transform .18s,visibility .18s;z-index:60}
/* niewidoczny "most" zapobiega zamykaniu menu gdy kursor zjeżdża z triggera przez 10px gap */
.lider-nav-sub::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.lider-nav-group.is-open .lider-nav-sub,
.lider-nav-group:hover .lider-nav-sub,
.lider-nav-group:focus-within .lider-nav-sub{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.lider-nav-sub a{display:block;padding:10px 14px;border-radius:6px;color:var(--ink);font-size:.9375rem;font-weight:600;white-space:nowrap;transition:background .15s,color .15s}
.lider-nav-sub a:hover{background:#f5f5f5;color:var(--navy)}
.lider-hdr-cta{padding:16px 28px !important;font-size:.8125rem !important;letter-spacing:.11em}
/* ============== MEGA-MENU (Prawo jazdy: 2 kolumny × 9 kategorii) ============== */
.lider-nav-group--mega .lider-nav-mega{position:absolute;top:calc(100% + 12px);left:0;transform:translateY(-6px);
background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:14px;
box-shadow:0 24px 60px rgba(2,28,90,.18),0 4px 12px rgba(0,0,0,.06);
padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:0;width:min(720px,calc(100vw - 32px));
opacity:0;visibility:hidden;pointer-events:none;
transition:opacity .2s,transform .2s,visibility 0s linear .2s;z-index:60}
/* niewidoczny "most" zapobiega zamykaniu menu gdy kursor zjeżdża z triggera przez 12px gap */
.lider-nav-group--mega .lider-nav-mega::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.lider-nav-group--mega.is-open .lider-nav-mega,
.lider-nav-group--mega:hover .lider-nav-mega,
.lider-nav-group--mega:focus-within .lider-nav-mega{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);
transition:opacity .2s,transform .2s,visibility 0s linear 0s}
.lider-nav-mega-col{display:flex;flex-direction:column;gap:10px;padding:8px 14px;position:relative}
.lider-nav-mega-col + .lider-nav-mega-col{border-left:1px solid var(--line)}
.lider-nav-mega-col--feat{background:linear-gradient(180deg,rgba(232,28,46,.04),rgba(232,28,46,0));border-radius:10px}
.lider-nav-mega-head{display:flex;flex-direction:column;gap:2px;text-decoration:none;padding:6px 10px 12px;
border-bottom:1px solid var(--line);margin-bottom:2px;transition:opacity .15s}
.lider-nav-mega-head:hover{opacity:.85}
.lider-nav-mega-eyebrow{font-family:var(--f-body);font-size:.6875rem;font-weight:700;letter-spacing:.12em;
text-transform:uppercase;color:var(--navy)}
.lider-nav-mega-col--feat .lider-nav-mega-eyebrow{color:var(--red)}
.lider-nav-mega-title{font-family:var(--f-display);font-size:1.0625rem;font-weight:800;color:var(--ink);line-height:1.25}
.lider-nav-mega-tagline{font-size:.75rem;color:var(--gray);font-weight:500;line-height:1.4;margin-top:2px}
.lider-nav-mega-list{display:flex;flex-direction:column;gap:1px}
.lider-nav-mega-list a{display:flex;align-items:center;gap:11px;padding:8px 10px;border-radius:6px;color:var(--ink);
font-size:.875rem;font-weight:600;white-space:nowrap;transition:background .15s,color .15s,padding .18s}
.lider-nav-mega-list a:hover{background:rgba(4,50,157,.07);color:var(--navy);padding-left:14px}
.lider-nav-mega-col--feat .lider-nav-mega-list a:hover{background:rgba(232,28,46,.07);color:var(--red-dk)}
.lider-nav-mega-list .lider-mega-ico{flex-shrink:0;width:26px;height:26px;display:inline-flex;align-items:center;
justify-content:center;background:rgba(4,50,157,.07);border-radius:6px;color:var(--navy);transition:background .15s,color .15s}
.lider-nav-mega-list a:hover .lider-mega-ico{background:rgba(4,50,157,.16);color:var(--navy-dk)}
.lider-nav-mega-col--feat .lider-nav-mega-list .lider-mega-ico{background:rgba(232,28,46,.08);color:var(--red-dk)}
.lider-nav-mega-col--feat .lider-nav-mega-list a:hover .lider-mega-ico{background:rgba(232,28,46,.18);color:var(--red-dk)}
/* na desktopie nie pokazuj kropki/podkreslenia pod triggerem mega — własny gradient w mega tail */
.lider-nav-group--mega .lider-nav-trigger::after{display:none}
.lider-nav-group--mega.is-open .lider-nav-trigger,
.lider-nav-group--mega:hover .lider-nav-trigger{color:var(--red)}
/* ============== MOBILE accordion groups ============== */
.lider-mobile-menu .lider-m-group{display:flex;flex-direction:column;border-bottom:1px solid var(--line)}
.lider-mobile-menu .lider-m-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;
background:none;border:0;font-family:var(--f-display);font-size:1.25rem;font-weight:700;color:var(--ink);
padding:16px 4px;text-transform:uppercase;letter-spacing:.02em;cursor:pointer;text-align:left}
.lider-mobile-menu .lider-m-trigger svg{transition:transform .2s;flex-shrink:0;color:var(--gray)}
.lider-mobile-menu .lider-m-trigger[aria-expanded="true"] svg{transform:rotate(180deg);color:var(--navy)}
.lider-mobile-menu .lider-m-group--accent .lider-m-trigger{color:var(--red)}
.lider-mobile-menu .lider-m-sub{display:flex;flex-direction:column;gap:0;padding:4px 0 12px;background:#faf9f7;
border-radius:8px;margin:0 -8px 12px}
.lider-mobile-menu .lider-m-sub[hidden]{display:none}
.lider-mobile-menu .lider-m-sub a{padding:11px 16px;font-family:var(--f-body);font-size:.9375rem;font-weight:600;
color:var(--ink);border-bottom:none;text-transform:none;letter-spacing:0}
.lider-mobile-menu .lider-m-sub a:hover{color:var(--navy);background:rgba(4,50,157,.05)}
.lider-mobile-menu .lider-m-sub-all{color:var(--navy)!important;font-weight:700!important;
border-bottom:1px solid rgba(0,0,0,.06)!important;margin-bottom:4px}
.lider-mobile-menu .lider-m-group--accent .lider-m-sub-all{color:var(--red)!important}
/* ============== HAMBURGER (mobile only) ============== */
.lider-burger{display:none;width:44px;height:44px;background:transparent;border:none;cursor:pointer;
padding:11px 10px;flex-direction:column;justify-content:space-between;align-items:stretch;
position:relative;z-index:101}
.lider-burger span{display:block;height:2px;background:var(--ink);border-radius:1px;
transition:transform .25s,opacity .2s}
.lider-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(9px) rotate(45deg)}
.lider-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.lider-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}
/* ============== MOBILE MENU OVERLAY ============== */
/* gdy menu otwarte, sticky header z burgerem musi być NAD overlayem */
body.lider-menu-open .lider-hdr{z-index:102}
.lider-mobile-menu{position:fixed;inset:0;background:#fff;z-index:100;padding:116px 28px 32px;
overflow-y:auto;-webkit-overflow-scrolling:touch}
.lider-mobile-menu nav{display:flex;flex-direction:column;gap:0;max-width:480px;margin:0 auto}
.lider-mobile-menu nav > a{font-family:var(--f-display);font-size:1.25rem;font-weight:700;color:var(--ink);
padding:16px 4px;border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.02em;
transition:color .2s}
.lider-mobile-menu nav > a:hover,.lider-mobile-menu nav > a:focus{color:var(--navy)}
.lider-mobile-menu nav > a.is-accent{color:var(--red)}
.lider-mobile-menu nav > a.is-accent:hover{color:var(--red-dk)}
.lider-mobile-menu hr{border:none;height:14px;margin:0}
.lider-mobile-menu nav > hr ~ a{font-size:.9375rem;font-weight:500;color:var(--gray);
border-bottom:none;padding:8px 4px;text-transform:none;letter-spacing:0}
.lider-mobile-menu nav > hr ~ a:hover{color:var(--navy)}
/* ============== HERO v6 (slider + kolaż) ============== */
@keyframes lider-slide-in{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}
.lider-hero{background:
linear-gradient(180deg,rgba(0,28,68,.975) 0%,rgba(1,52,104,.96) 55%,rgba(1,64,128,.95) 100%),
url('images/lider-01.jpg') center/cover no-repeat,
#014080;
color:#fff;position:relative;overflow:hidden}
/* Rozblyski (blekitny + czerwony + bialy) na navy — przelamuja monotonie
granatu, daja "zywsze" tlo. mix-blend-mode:screen rozjasnia bazowy gradient. */
.lider-hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
background:
radial-gradient(1300px 760px at 8% 12%,rgba(96,165,250,.32),transparent 62%),
radial-gradient(1200px 700px at 92% 82%,rgba(125,211,252,.18),transparent 62%),
radial-gradient(900px 540px at 50% -10%,rgba(255,255,255,.18),transparent 70%),
radial-gradient(1200px 720px at 18% 92%,rgba(125,211,252,.14),transparent 68%),
radial-gradient(1100px 660px at 50% 55%,rgba(147,197,253,.18),transparent 70%),
radial-gradient(900px 640px at 0% 50%,rgba(147,197,253,.22),transparent 72%);
mix-blend-mode:screen}
.lider-hero::after{content:"";position:absolute;inset:0;z-index:1;opacity:.22;pointer-events:none;
background-image:url("data:image/svg+xml;utf8,")}
.lider-hero-map{position:absolute;inset:0;z-index:1;pointer-events:none;
background-image:url("data:image/svg+xml;utf8,");
background-position:left -80px center;background-size:auto 110%;background-repeat:no-repeat;opacity:.14}
.lider-hero-wrap{max-width:var(--maxw);margin:0 auto;padding:clamp(1.5rem,2.5vw,2rem) var(--gutter) clamp(1rem,1.5vw,1.5rem);
position:relative;z-index:2}
.lider-hero-eyebrow{display:inline-flex;align-items:center;gap:10px;
font-family:var(--f-display);font-size:.6875rem;font-weight:700;letter-spacing:.2em;
text-transform:uppercase;color:var(--gold-lt);padding:7px 13px;border-radius:2px;
margin-bottom:14px;
background:linear-gradient(135deg,rgba(241,217,154,.10),rgba(212,168,84,.04));
border:1px solid rgba(220,192,128,.35)}
.lider-hero-eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold);
box-shadow:0 0 0 3px rgba(220,192,128,.25);animation:lider-pulse 1.8s infinite}
.lider-slider .lider-hero-eyebrow{color:var(--navy);
background:transparent;
border:none;
padding:0 0 0 30px;
position:relative;
letter-spacing:.18em}
.lider-slider .lider-hero-eyebrow::before{content:"";position:absolute;left:0;top:50%;
width:22px;height:1.5px;background:var(--red);transform:translateY(-50%);
border-radius:0;box-shadow:none;animation:none}
.lider-slider{position:absolute;left:var(--gutter);top:clamp(1.5rem,2.5vw,2rem);
width:clamp(380px,50%,540px);height:clamp(420px,42vw,500px);
z-index:3;
background:#fff;
border:1px solid rgba(10,23,56,.06);border-radius:6px;
padding:clamp(22px,2.6vw,30px) clamp(24px,2.8vw,32px) clamp(72px,8vw,90px);
box-shadow:0 30px 60px -20px rgba(1,16,66,.45)}
.lider-slide{display:none;animation:lider-slide-in .5s ease;flex-direction:column;align-items:flex-start;height:100%}
.lider-slide[data-active]{display:flex}
.lider-slide .lider-hero-eyebrow,
.lider-slide .lider-hero-meta{align-self:flex-start;width:auto;max-width:100%}
.lider-slide .lider-hero-sub{align-self:stretch}
.lider-slide .lider-hero-actions{margin-top:auto;align-self:stretch}
.lider-slide h1{margin:0 0 12px;line-height:1.05;font-weight:900;font-family:var(--f-head);text-transform:uppercase;color:var(--ink)}
.lider-h1-eyebrow{display:block;font-size:clamp(1.05rem,1.6vw,1.5rem);letter-spacing:.02em;
color:rgba(255,255,255,.78);font-weight:700;text-transform:uppercase;margin-bottom:6px}
/* Wczasy variant — premium gold accent (klasyczny granatowo-zloty duet hotelowy).
Cienka linia gradientowa + diament + small-caps gold tekst. Bez krzykliwych pilli. */
.lider-h1-eyebrow--wczasy{
display:inline-flex;align-items:center;gap:14px;
font-family:var(--f-display);
font-size:clamp(.78rem,1vw,.95rem);
font-weight:700;
letter-spacing:.26em;
color:#dcc080;
text-transform:uppercase;
background:transparent;
padding:0;
margin-bottom:18px;
text-shadow:0 1px 12px rgba(220,192,128,.18);
}
.lider-h1-eyebrow--wczasy .lider-eyebrow-mark{
position:relative;
display:inline-block;
width:46px;height:1px;
background:linear-gradient(90deg,transparent 0%,rgba(220,192,128,.35) 30%,#dcc080 100%);
}
.lider-h1-eyebrow--wczasy .lider-eyebrow-mark::after{
content:"";position:absolute;right:-3px;top:50%;
width:6px;height:6px;
background:#dcc080;
transform:translateY(-50%) rotate(45deg);
box-shadow:0 0 8px rgba(220,192,128,.5);
}
.lider-h1-eyebrow--wczasy .lider-eyebrow-text{
background:linear-gradient(180deg,#f1d99a 0%,#d4a854 100%);
-webkit-background-clip:text;background-clip:text;
-webkit-text-fill-color:transparent;color:transparent;
}
.lider-h1-main{display:block;font-size:clamp(1.75rem,3.2vw,2.75rem);letter-spacing:-.03em;color:var(--ink)}
.lider-h1-sub{display:block;font-size:clamp(1.125rem,2.2vw,1.75rem);letter-spacing:-.025em;margin-top:4px;color:var(--ink-60)}
.lider-h1-sub em{font-style:normal;color:var(--navy);font-weight:900;position:relative;display:inline-block}
.lider-h1-sub em::after{content:"";position:absolute;left:0;right:0;bottom:-.04em;height:3px;background:var(--red);opacity:.85;border-radius:1px}
.lider-hero-sub{font-family:var(--f-display);font-size:clamp(.9375rem,1.2vw,1.0625rem);line-height:1.45;
color:var(--ink-60);margin:0 0 16px;max-width:46ch;font-weight:400}
.lider-hero-sub b{color:var(--ink);font-weight:700}
.lider-hero-actions{display:flex;flex-direction:column;gap:10px;margin-bottom:14px;align-self:stretch}
.lider-hero-actions .lider-btn{width:100%;justify-content:center}
.lider-hero-meta{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-display);font-size:.75rem;
letter-spacing:.15em;text-transform:uppercase;color:var(--ink-60);padding:5px 10px;
background:var(--bg-soft);
border:1px solid rgba(10,23,56,.10);border-radius:2px}
.lider-hero-meta b{color:var(--ink);font-weight:800;letter-spacing:.02em;text-transform:none;font-family:var(--f-head)}
.lider-slider-ctrl{position:absolute;left:clamp(24px,2.8vw,32px);right:clamp(24px,2.8vw,32px);
bottom:clamp(20px,2.4vw,26px);
display:flex;align-items:center;gap:16px;padding-top:18px;border-top:1px solid rgba(10,23,56,.10)}
.lider-slider-dots{display:flex;gap:8px}
.lider-slider-dot{width:32px;height:3px;background:rgba(10,23,56,.18);border:none;border-radius:2px;cursor:pointer;
transition:background .2s;padding:0;position:relative;overflow:hidden}
.lider-slider-dot:hover{background:rgba(10,23,56,.32)}
.lider-slider-dot[aria-selected="true"]{background:var(--red)}
.lider-slider-arrows{display:flex;gap:6px;margin-left:auto}
.lider-slider-arrow{background:rgba(10,23,56,.04);border:1px solid rgba(10,23,56,.14);width:40px;height:40px;
border-radius:3px;display:grid;place-items:center;cursor:pointer;color:var(--ink);transition:all .2s}
.lider-slider-arrow:hover{background:rgba(10,23,56,.08);border-color:rgba(10,23,56,.30)}
.lider-slider-arrow svg{width:18px;height:18px}
.lider-slider-counter{font-family:var(--f-head);font-size:.875rem;color:var(--ink-60);letter-spacing:.02em}
.lider-slider-counter b{color:var(--ink);font-size:1.125rem}
.lider-hero-visual{position:relative;width:62%;margin-left:auto;height:clamp(420px,42vw,500px);border-radius:6px;overflow:hidden;
box-shadow:0 40px 100px rgba(0,0,0,.55)}
.lider-hero-visual-pic{position:relative;width:100%;height:100%;overflow:hidden}
.lider-hero-visual-pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .55s ease}
.lider-hero-visual-pic img[data-active]{opacity:1}
.lider-hero-visual::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;
background:linear-gradient(180deg,transparent 60%,rgba(1,16,66,.5) 100%)}
.lider-hero-visual-tag{position:absolute;left:20px;top:20px;z-index:3;background:#fff;color:var(--navy);font-family:var(--f-head);
font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;padding:8px 12px;border-radius:3px;
box-shadow:0 8px 24px rgba(0,0,0,.3);display:inline-flex;align-items:center;gap:8px}
.lider-collage-dot{width:8px;height:8px;background:var(--red);border-radius:50%;animation:lider-pulse 1.6s infinite}
/* ============== TRUST BAR (zintegrowany w hero) ============== */
.lider-hero-trust{background:#014080;
position:relative;z-index:1;overflow:hidden}
.lider-hero-trust::before{display:none}
.lider-hero-trust-wrap{max-width:var(--maxw);margin:0 auto;padding:18px var(--gutter);
display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:stretch;
position:relative;z-index:1}
.lider-ht-item,.lider-ht-goog{display:flex;align-items:center;gap:12px;
padding:14px 16px;background:rgba(255,255,255,.05);
border:1px solid rgba(220,192,128,.22);border-radius:6px;
backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);min-width:0}
.lider-ht-ico{width:38px;height:38px;flex-shrink:0;
background:linear-gradient(135deg,rgba(241,217,154,.14),rgba(212,168,84,.08));
color:#dcc080;border:1px solid rgba(220,192,128,.35);
border-radius:4px;display:flex;align-items:center;justify-content:center}
.lider-ht-ico svg{width:18px;height:18px}
.lider-ht-txt,.lider-ht-goog-txt{line-height:1.15;min-width:0}
.lider-ht-txt b,.lider-ht-goog-txt b{display:block;font-family:var(--f-head);font-size:1.0625rem;
color:#fff;letter-spacing:-.01em}
.lider-ht-txt span,.lider-ht-goog-txt span{display:block;font-family:var(--f-display);font-size:.6875rem;
font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.7);margin-top:2px}
.lider-ht-goog svg{width:32px;height:32px;flex-shrink:0}
.lider-ht-goog-txt .stars{color:#fbbc04;font-size:.7rem;letter-spacing:.04em;text-transform:none;margin-top:2px}
/* ============== HOME HERO v8 — full-bg advertising slider ==============
Outer .lider-hero zostaje (gradient navy + lider-01.jpg + radial-screens + map),
.lider-home-hero dodaje tylko hooki dla slidera. */
.lider-home-hero{position:relative}
.lider-home-slider{max-width:var(--maxw);margin:0 auto;padding:clamp(20px,2.4vw,32px) var(--gutter) clamp(16px,2vw,24px);position:relative;z-index:2}
.lider-home-slider-stage{position:relative;width:100%;height:clamp(440px,52vw,560px);border-radius:8px;overflow:hidden;background:#021c5a;box-shadow:0 30px 60px -24px rgba(1,16,66,.55)}
.lider-home-slide{position:absolute;inset:0;opacity:0;transition:opacity .6s ease;pointer-events:none}
.lider-home-slide[data-active]{opacity:1;pointer-events:auto;z-index:1}
.lider-home-slide-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;transform:scale(1.02)}
.lider-home-slide[data-active] .lider-home-slide-img{animation:lider-home-zoom 8s ease-out forwards}
@keyframes lider-home-zoom{from{transform:scale(1.02)}to{transform:scale(1.08)}}
.lider-home-slide-veil{position:absolute;inset:0;z-index:2;pointer-events:none;
background:linear-gradient(90deg,rgba(1,16,66,.85) 0%,rgba(1,16,66,.55) 45%,rgba(1,16,66,.05) 75%,transparent 100%)}
.lider-home-slide-body{position:relative;z-index:3;height:100%;display:flex;flex-direction:column;justify-content:center;
padding:clamp(28px,4vw,56px) clamp(28px,4vw,64px);max-width:64%;color:#fff}
.lider-home-eyebrow{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;
font-family:var(--f-display);font-size:.6875rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;
color:var(--gold-lt);margin-bottom:18px;opacity:0;transform:translateY(8px);transition:opacity .5s ease .15s,transform .5s ease .15s}
.lider-home-eyebrow::before{content:"";width:28px;height:1.5px;background:var(--red)}
.lider-home-title{font-family:var(--f-head);font-size:clamp(2rem,4vw,3.25rem);line-height:1.02;text-transform:uppercase;
margin:0 0 14px;font-weight:900;opacity:0;transform:translateY(12px);transition:opacity .55s ease .25s,transform .55s ease .25s}
.lider-home-title-main,.lider-home-title-sub{display:block}
.lider-home-title em{font-style:normal;color:var(--gold-lt)}
.lider-home-lead{font-family:var(--f-display);font-size:clamp(1rem,1.25vw,1.125rem);line-height:1.45;
color:rgba(255,255,255,.88);max-width:48ch;margin:0 0 22px;
opacity:0;transform:translateY(12px);transition:opacity .55s ease .35s,transform .55s ease .35s}
.lider-home-actions{display:flex;gap:12px;flex-wrap:wrap;
opacity:0;transform:translateY(12px);transition:opacity .55s ease .45s,transform .55s ease .45s}
.lider-home-actions .lider-btn{padding:14px 24px;font-size:.9375rem}
.lider-home-slide[data-active] .lider-home-eyebrow,
.lider-home-slide[data-active] .lider-home-title,
.lider-home-slide[data-active] .lider-home-lead,
.lider-home-slide[data-active] .lider-home-actions{opacity:1;transform:translateY(0)}
/* progress bar — restartowany przez animation na data-active */
.lider-home-slide-progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.1);z-index:4;pointer-events:none}
.lider-home-slide-progress span{display:block;height:100%;width:0;background:var(--red)}
.lider-home-slide[data-active] .lider-home-slide-progress span{animation:lider-home-progress 6s linear forwards}
@keyframes lider-home-progress{from{width:0}to{width:100%}}
/* kontrolki na dole stage */
.lider-home-ctrl{position:absolute;left:clamp(24px,3vw,48px);right:clamp(24px,3vw,48px);bottom:clamp(24px,2.6vw,32px);
z-index:5;display:flex;align-items:center;gap:18px;color:#fff;pointer-events:none}
.lider-home-ctrl > *{pointer-events:auto}
.lider-home-dots{display:flex;gap:8px}
.lider-home-dot{width:40px;height:3px;background:rgba(255,255,255,.32);border:none;border-radius:2px;cursor:pointer;padding:0;
transition:background .25s,width .25s}
.lider-home-dot:hover{background:rgba(255,255,255,.55)}
.lider-home-dot[aria-selected="true"]{background:var(--red);width:64px}
.lider-home-counter{font-family:var(--f-head);font-size:.875rem;letter-spacing:.04em;color:rgba(255,255,255,.7);margin-left:auto;display:flex;align-items:baseline;gap:4px}
.lider-home-counter b{color:#fff;font-size:1.125rem}
.lider-home-arrows{display:flex;gap:8px}
.lider-home-arrow{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.1);
border:1px solid rgba(255,255,255,.28);color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;
transition:background .2s,border-color .2s,transform .15s}
.lider-home-arrow:hover{background:rgba(255,255,255,.2);border-color:#fff;transform:translateY(-1px)}
.lider-home-arrow svg{width:18px;height:18px}
@media(max-width:900px){
.lider-home-slider-stage{height:clamp(420px,80vw,520px)}
.lider-home-slide-body{max-width:88%;padding:clamp(24px,4vw,36px) clamp(20px,3.5vw,32px)}
.lider-home-slide-veil{background:linear-gradient(180deg,rgba(1,16,66,.45) 0%,rgba(1,16,66,.75) 55%,rgba(1,16,66,.92) 100%)}
.lider-home-title{font-size:clamp(1.75rem,6vw,2.25rem)}
.lider-home-lead{font-size:.9375rem}
.lider-home-ctrl{bottom:14px;gap:12px}
.lider-home-counter{display:none}}
@media(max-width:640px){
.lider-home-slider{padding:14px 0 12px}
.lider-home-slider-stage{border-radius:0;height:clamp(420px,90vw,520px)}
.lider-home-slide-body{padding:24px 20px;max-width:100%}
.lider-home-actions{flex-direction:column;align-self:stretch}
.lider-home-actions .lider-btn{width:100%;justify-content:center}
.lider-home-dot{width:28px}
.lider-home-dot[aria-selected="true"]{width:48px}}
@media(prefers-reduced-motion:reduce){
.lider-home-slide,.lider-home-slide-img,.lider-home-slide-progress span,
.lider-home-eyebrow,.lider-home-title,.lider-home-lead,.lider-home-actions{
animation:none!important;transition:none!important;opacity:1;transform:none}}
/* ============== PATHS ============== */
.lider-paths{padding:clamp(4rem,7vw,7rem) 0;background:#fff}
.lider-paths-wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}
.lider-paths-head{text-align:center;margin-bottom:clamp(2.5rem,4vw,3.5rem)}
.lider-sec-tag{display:inline-block;font-family:var(--f-display);font-size:.6875rem;font-weight:700;
letter-spacing:.18em;text-transform:uppercase;color:var(--navy);margin-bottom:14px;
padding-left:32px;position:relative}
.lider-sec-tag::before{content:"";position:absolute;left:0;top:50%;width:22px;height:1.5px;
background:var(--red);transform:translateY(-50%)}
.lider-sec-h2{font-family:var(--f-head);font-size:clamp(1.875rem,4vw,3rem);line-height:1;
letter-spacing:-.025em;color:var(--ink);text-transform:uppercase;margin:0;max-width:22ch}
.lider-paths-head .lider-sec-h2{margin-left:auto;margin-right:auto}
.lider-sec-h2 em{font-style:normal;color:var(--navy);position:relative;display:inline-block;white-space:nowrap}
.lider-sec-h2 em::after{content:"";position:absolute;left:0;right:0;bottom:.06em;height:.09em;
background:var(--red);opacity:.8}
.lider-paths-head p{font-size:1rem;color:var(--gray);max-width:52ch;margin:12px auto 0;line-height:1.6}
.lider-paths-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.lider-path{display:grid;grid-template-columns:.85fr 1.15fr;background:#fff;border:1px solid var(--line);
border-radius:6px;overflow:hidden;transition:all .25s}
.lider-path:hover{transform:translateY(-3px);box-shadow:0 24px 48px rgba(10,23,56,.1);border-color:transparent}
.lider-path-img{position:relative;aspect-ratio:auto;overflow:hidden;background:var(--bg-soft)}
.lider-path-img img{width:100%;height:100%;object-fit:cover;min-height:280px}
.lider-path-badge{position:absolute;top:12px;left:12px;font-family:var(--f-display);
font-size:.625rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
padding:5px 10px;border-radius:2px}
.lider-path-badge.navy{background:var(--navy);color:#fff}
.lider-path-badge.red{background:var(--red);color:#fff}
.lider-path-body{padding:clamp(1.25rem,2vw,1.75rem);display:flex;flex-direction:column}
.lider-path-body h3{font-family:var(--f-head);font-size:clamp(1.25rem,1.8vw,1.5rem);line-height:1.05;
letter-spacing:-.015em;margin:0 0 10px;color:var(--ink);text-transform:uppercase}
.lider-path-body h3 em{font-style:normal;color:var(--navy);position:relative;display:inline-block;white-space:nowrap}
.lider-path-body h3 em::after{content:"";position:absolute;left:0;right:0;bottom:.04em;height:.09em;
background:var(--red);opacity:.8}
.lider-path-body > p{font-size:.9375rem;line-height:1.55;color:var(--ink-60);margin:0 0 16px}
.lider-path-feats{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-direction:column;gap:6px}
.lider-path-feats li{font-size:.8125rem;color:var(--ink);display:flex;gap:8px;align-items:flex-start;font-weight:500}
.lider-path-feats li::before{content:"";width:14px;height:14px;flex-shrink:0;margin-top:2px;
background:var(--red);-webkit-mask:url("data:image/svg+xml;utf8,") center/contain no-repeat;
mask:url("data:image/svg+xml;utf8,") center/contain no-repeat}
.lider-path-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;
padding-top:16px;border-top:1px solid var(--line)}
.lider-path-price{display:flex;flex-direction:column;line-height:1.1}
.lider-path-price small{font-family:var(--f-display);font-size:.625rem;font-weight:700;letter-spacing:.14em;
text-transform:uppercase;color:var(--gray);margin-bottom:2px}
.lider-path-price b{font-family:var(--f-head);font-size:1.375rem;color:var(--navy);letter-spacing:-.02em}
.lider-path-foot .lider-btn{padding:10px 16px;font-size:.75rem}
/* ============== KATEGORIE — "Wybierz kurs" ============== */
.lider-cats{padding:clamp(2.75rem,4.5vw,4.5rem) 0 clamp(3.5rem,6vw,6rem);background:#fff}
.lider-cats-wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}
.lider-cats-head{display:flex;align-items:flex-end;justify-content:space-between;gap:clamp(1.5rem,3vw,3rem);
margin-bottom:clamp(2rem,3.5vw,2.75rem);flex-wrap:wrap}
.lider-cats-head-copy{max-width:680px;flex:1 1 420px}
.lider-cats-all{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;
font-family:var(--f-display);font-weight:800;font-size:.75rem;letter-spacing:.14em;
text-transform:uppercase;color:var(--navy);background:#fff;border:1px solid var(--line);
border-radius:2px;transition:all .2s ease;white-space:nowrap;flex-shrink:0}
.lider-cats-all:hover{background:var(--navy);color:#fff;border-color:var(--navy);transform:translateY(-1px)}
.lider-cats-all svg{transition:transform .2s ease}
.lider-cats-all:hover svg{transform:translateX(3px)}
.lider-cats-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:24px}
.lider-cat{position:relative;display:flex;flex-direction:column;min-width:0;background:#fff;
border:1px solid var(--line);border-radius:6px;overflow:hidden;color:var(--navy);
box-shadow:0 1px 2px rgba(13,35,64,.04);
transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.lider-cat:hover{transform:translateY(-4px);border-color:rgba(4,50,157,.35);
box-shadow:0 24px 48px -20px rgba(13,35,64,.18),0 1px 2px rgba(13,35,64,.04)}
.lider-cat:hover .lider-cat-media img{transform:scale(1.05)}
.lider-cat-media{position:relative;aspect-ratio:2/1;overflow:hidden;background:var(--bg-soft)}
.lider-cat-media img{width:100%;height:100%;object-fit:cover;display:block;
transition:transform .55s ease,filter .35s ease;filter:saturate(1.15) brightness(1.14) contrast(1.0)}
.lider-cat:hover .lider-cat-media img{filter:saturate(1.22) brightness(1.18) contrast(1.02)}
.lider-cat-media::after{content:"";position:absolute;inset:0;pointer-events:none;
background:linear-gradient(180deg,transparent 75%,rgba(1,16,66,.2) 100%)}
.lider-cat-tag{position:absolute;top:14px;left:14px;z-index:2;
display:inline-flex;align-items:center;gap:8px;
font-family:var(--f-head);font-weight:800;font-size:.8125rem;letter-spacing:.08em;text-transform:uppercase;
color:var(--navy);background:#fff;
padding:8px 14px;border-radius:2px;
box-shadow:0 6px 18px rgba(1,16,66,.28),0 1px 0 rgba(13,35,64,.06)}
.lider-cat-tag::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--red);flex-shrink:0}
.lider-cat-flag{position:absolute;top:14px;right:14px;z-index:2;
display:inline-flex;align-items:center;gap:6px;
font-family:var(--f-head);font-weight:800;font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;color:#fff;
background:var(--red);padding:7px 12px;border-radius:2px;
box-shadow:0 6px 16px rgba(232,28,46,.4)}
.lider-cat-flag::before{content:"";width:5px;height:5px;border-radius:50%;background:#fff;animation:lider-pulse 1.6s infinite}
.lider-cat-head{display:flex;flex-direction:column;gap:6px;padding:22px 22px 0}
.lider-cat-name{font-family:var(--f-head);font-weight:800;font-size:1.3rem;
letter-spacing:-.015em;color:var(--navy);line-height:1.05;text-transform:uppercase;margin:0}
.lider-cat-body{padding:8px 22px 0;flex:1}
.lider-cat-desc{font-family:var(--f-display);font-size:.875rem;font-weight:500;
color:var(--ink-60);line-height:1.55;margin:0}
.lider-cat-foot{display:flex;gap:8px;padding:14px 22px 22px;margin-top:14px;
border-top:1px solid var(--line);padding-top:14px}
.lider-cat-cta{flex:1 1 0;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;
padding:13px 12px;font-family:var(--f-head);font-weight:800;font-size:.75rem;
letter-spacing:.04em;text-transform:uppercase;border-radius:2px;text-decoration:none;text-align:center;
line-height:1.15;
transition:background .2s ease,border-color .2s ease,color .2s ease;
border:1px solid transparent}
.lider-cat-cta span{min-width:0}
.lider-cat-cta svg{flex-shrink:0}
.lider-cat-cta svg{transition:transform .2s ease}
.lider-cat-cta:hover svg{transform:translateX(3px)}
.lider-cat-cta-navy{background:var(--red);color:#fff;border-color:var(--red)}
.lider-cat-cta-navy:hover{background:var(--red-dk);border-color:var(--red-dk);color:#fff}
.lider-cat-cta-ghost{background:transparent;color:var(--navy);border-color:var(--line)}
.lider-cat-cta-ghost:hover{background:var(--bg-soft);border-color:var(--navy);color:var(--navy)}
.lider-cat-cta-red{background:var(--red);color:#fff;border-color:var(--red)}
.lider-cat-cta-red:hover{background:var(--red-dk);border-color:var(--red-dk);color:#fff}
.lider-cat-cta-ghost-red{background:transparent;color:var(--red);border-color:rgba(232,28,46,.4)}
.lider-cat-cta-ghost-red:hover{background:rgba(232,28,46,.06);border-color:var(--red);color:var(--red)}
.lider-cat-cta-solo{flex:0 1 auto;padding:12px 26px}
.lider-cat-featured{border-color:rgba(232,28,46,.4)}
.lider-cat-featured:hover{border-color:var(--red);box-shadow:0 24px 48px -20px rgba(232,28,46,.28),0 1px 2px rgba(13,35,64,.04)}
/* ============== REVIEWS ============== */
.lider-rev{padding:clamp(4rem,7vw,7rem) 0;background:#fff}
.lider-rev-wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}
.lider-rev-head{text-align:center;margin-bottom:clamp(2.5rem,4vw,3.5rem)}
.lider-rev-head .lider-sec-h2{margin:0 auto 16px}
.lider-rev-goog{display:inline-flex;align-items:center;gap:14px;padding:10px 18px;background:#fff;
border:1px solid var(--line);border-radius:999px;margin-top:4px}
.lider-rev-goog svg{width:20px;height:20px}
.lider-rev-goog b{font-family:var(--f-head);font-size:.9375rem;color:var(--ink);letter-spacing:-.01em}
.lider-rev-goog .stars{color:#fbbc04;font-size:.8125rem;letter-spacing:.05em}
.lider-rev-goog small{font-family:var(--f-display);font-size:.75rem;font-weight:600;color:var(--gray)}
.lider-rev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.lider-rev-card{padding:24px;background:var(--bg-soft);border-radius:6px;display:flex;
flex-direction:column;gap:14px;border:1px solid transparent;transition:all .2s}
.lider-rev-card:hover{border-color:var(--navy);background:#fff;box-shadow:0 16px 32px rgba(10,23,56,.06)}
.lider-rev-stars{color:#fbbc04;font-size:.9375rem;letter-spacing:.05em}
.lider-rev-text{font-size:.9375rem;line-height:1.55;color:var(--ink);margin:0;flex:1}
.lider-rev-by{display:flex;align-items:center;gap:12px;padding-top:14px;border-top:1px solid var(--line)}
.lider-rev-av{width:40px;height:40px;border-radius:50%;background:var(--navy);color:#fff;
display:grid;place-items:center;font-family:var(--f-head);font-size:.9375rem;letter-spacing:-.01em}
.lider-rev-who b{display:block;font-family:var(--f-head);font-size:.875rem;color:var(--ink);letter-spacing:-.01em}
.lider-rev-who span{font-family:var(--f-display);font-size:.75rem;color:var(--gray);font-weight:500}
/* ============== WCZASY BIG BLOCK ============== */
.lider-big{padding:0;background:var(--navy);color:#fff;position:relative;overflow:hidden}
.lider-big-wrap{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;align-items:stretch}
.lider-big-img{position:relative;overflow:hidden;min-height:420px}
.lider-big-img img{width:100%;height:100%;object-fit:cover;min-height:420px}
.lider-big-body{padding:clamp(2.5rem,4vw,4rem) clamp(2rem,3vw,3.5rem);display:flex;
flex-direction:column;justify-content:center;position:relative}
.lider-big-tag{display:inline-block;font-family:var(--f-display);font-size:.6875rem;font-weight:800;
letter-spacing:.16em;text-transform:uppercase;color:#fff;padding:6px 12px;border-radius:2px;
margin-bottom:20px;background:var(--red);align-self:flex-start}
.lider-big h2{font-family:var(--f-head);font-size:clamp(1.875rem,3.5vw,2.75rem);line-height:1;
letter-spacing:-.025em;margin:0 0 18px;color:#fff;text-transform:uppercase}
.lider-big h2 em{font-style:normal;color:#fff;position:relative;display:inline-block;white-space:nowrap}
.lider-big h2 em::after{content:"";position:absolute;left:0;right:0;bottom:.06em;height:.08em;
background:var(--red);opacity:.85}
.lider-big-lead{font-family:var(--f-display);font-size:clamp(.9375rem,1.3vw,1.0625rem);line-height:1.55;
color:rgba(255,255,255,.85);margin:0 0 24px;max-width:46ch;font-weight:400}
.lider-big-lead b{color:#fff;font-weight:700}
.lider-big-dl{display:grid;grid-template-columns:auto 1fr;gap:10px 20px;margin:0 0 24px;
padding:18px 0;border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2)}
.lider-big-dl dt{font-family:var(--f-head);font-size:.75rem;color:var(--red);letter-spacing:.06em;
text-transform:uppercase;white-space:nowrap;padding-top:1px}
.lider-big-dl dd{margin:0;font-size:.875rem;color:rgba(255,255,255,.88);line-height:1.4}
.lider-big-foot{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.lider-big-price{margin-right:auto;line-height:1.1}
.lider-big-price small{display:block;font-family:var(--f-display);font-size:.625rem;font-weight:700;
letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.6);margin-bottom:3px}
.lider-big-price b{font-family:var(--f-head);font-size:1.75rem;color:#fff;letter-spacing:-.02em}
/* ============== FAQ ============== */
.lider-faq{padding:clamp(4rem,7vw,7rem) 0;background:var(--bg-soft);border-top:1px solid var(--line)}
.lider-faq-wrap{max-width:800px;margin:0 auto;padding:0 var(--gutter)}
.lider-faq-head{text-align:center;margin-bottom:clamp(2rem,3vw,2.5rem)}
.lider-faq-head .lider-sec-h2{margin:0 auto}
.lider-faq-item{background:#fff;border:1px solid var(--line);border-radius:4px;
margin-bottom:8px;overflow:hidden;transition:border-color .2s}
.lider-faq-item[open]{border-color:var(--navy)}
.lider-faq-q{font-family:var(--f-head);font-size:clamp(.9375rem,1.3vw,1.0625rem);letter-spacing:-.01em;
color:var(--ink);cursor:pointer;list-style:none;padding:18px 22px;
display:flex;justify-content:space-between;align-items:center;gap:16px;text-transform:uppercase;
line-height:1.2}
.lider-faq-q::-webkit-details-marker{display:none}
.lider-faq-q-plus{width:26px;height:26px;border:1.5px solid var(--ink);border-radius:50%;
display:grid;place-items:center;font-family:var(--f-head);font-size:.875rem;color:var(--ink);
transition:all .25s;flex-shrink:0}
.lider-faq-item[open] .lider-faq-q-plus{background:var(--navy);color:#fff;border-color:var(--navy);transform:rotate(45deg)}
.lider-faq-a{font-size:.9375rem;line-height:1.6;color:var(--ink-60);margin:0;padding:0 22px 20px;max-width:64ch}
/* ============== FINAL CTA ============== */
.lider-final{padding:clamp(3.5rem,5vw,5rem) 0;background:var(--red);color:#fff;position:relative;overflow:hidden}
.lider-final::before{content:"";position:absolute;right:-5%;top:-20%;width:60%;height:140%;
background:var(--navy);transform:skewX(-15deg);z-index:0}
.lider-final-wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter);position:relative;z-index:1;
display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.lider-final h2{font-family:var(--f-head);font-size:clamp(1.875rem,3.4vw,2.75rem);line-height:1;
letter-spacing:-.025em;margin:0 0 12px;color:#fff;text-transform:uppercase}
.lider-final p{font-family:var(--f-display);font-size:1.0625rem;line-height:1.5;margin:0;
color:rgba(255,255,255,.9);max-width:40ch}
.lider-final-actions{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.lider-final-actions .lider-btn{padding:18px 30px;font-size:1rem;min-width:280px;justify-content:center}
.lider-final-actions small{font-family:var(--f-display);font-size:.75rem;color:rgba(255,255,255,.7);
font-weight:500;letter-spacing:.04em;align-self:center;margin-top:4px}
/* ============== FOOTER ============== */
.lider-footer{background:var(--navy-deep);color:rgba(255,255,255,.7);padding:0;position:relative;overflow:hidden}
.lider-footer::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
background:radial-gradient(ellipse at 0% 0%,rgba(4,50,157,.3),transparent 50%)}
.lider-footer::after{content:"";position:absolute;inset:0;z-index:0;opacity:.08;pointer-events:none;
background-image:url("data:image/svg+xml;utf8,")}
.lider-footer-wrap{max-width:var(--maxw);margin:0 auto;padding:clamp(3.5rem,5vw,5rem) var(--gutter) clamp(1.5rem,2vw,2rem);
position:relative;z-index:1}
.lider-footer-main{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:clamp(2rem,4vw,3.5rem);
padding-bottom:clamp(2rem,4vw,3rem);border-bottom:1px solid rgba(255,255,255,.1)}
.lider-footer-brand{display:flex;flex-direction:column;gap:18px}
.lider-footer-logo img{height:44px;width:auto;max-width:200px}
.lider-footer-about{font-family:var(--f-body);font-size:.875rem;line-height:1.6;color:rgba(255,255,255,.7);margin:0;max-width:40ch}
.lider-footer-social{display:flex;gap:10px;margin-top:4px}
.lider-footer-social a{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;
background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#fff;
transition:all .2s ease}
.lider-footer-social a:hover{background:var(--red);border-color:var(--red);transform:translateY(-2px);color:#fff}
.lider-footer-h{font-family:var(--f-head);font-size:.8125rem;font-weight:800;color:#fff;
letter-spacing:.16em;text-transform:uppercase;margin:0 0 18px;padding-bottom:14px;
border-bottom:1px solid rgba(255,255,255,.08);position:relative}
.lider-footer-h::after{content:"";position:absolute;bottom:-1px;left:0;width:40px;height:1px;background:var(--red)}
.lider-footer-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;
font-family:var(--f-body);font-size:.875rem}
.lider-footer-col ul a{color:rgba(255,255,255,.72);transition:color .2s ease}
.lider-footer-col ul a:hover{color:#fff}
.lider-footer-col ul li{display:flex;flex-direction:column;gap:2px}
.lider-footer-col ul li b{font-family:var(--f-head);font-size:.9375rem;color:#fff;letter-spacing:-.01em}
.lider-footer-col ul li span{font-family:var(--f-display);font-size:.8125rem;color:rgba(255,255,255,.6)}
.lider-footer-link-highlight{color:var(--red) !important;font-weight:700}
.lider-footer-link-highlight:hover{color:#ff6b72 !important}
.lider-footer-col-contact{display:flex;flex-direction:column;gap:12px}
.lider-footer-col-contact .lider-footer-h{margin-bottom:10px}
.lider-footer-phone,.lider-footer-email{display:inline-flex;align-items:center;gap:10px;
font-family:var(--f-head);font-size:1rem;color:#fff;letter-spacing:-.01em;
padding:10px 0;transition:color .2s ease}
.lider-footer-phone{font-size:1.1875rem;font-weight:800}
.lider-footer-phone svg,.lider-footer-email svg{color:var(--red);flex-shrink:0}
.lider-footer-phone:hover,.lider-footer-email:hover{color:var(--red)}
.lider-footer-hours{display:flex;flex-direction:column;gap:2px;padding:12px 0;font-family:var(--f-display);font-size:.8125rem;
color:rgba(255,255,255,.7)}
.lider-footer-hours b{font-family:var(--f-head);font-size:.6875rem;font-weight:800;letter-spacing:.14em;
text-transform:uppercase;color:var(--red);margin-bottom:4px}
.lider-footer-col-contact .lider-btn{align-self:flex-start;margin-top:4px}
.lider-footer-bottom{padding-top:18px;display:flex;justify-content:space-between;align-items:center;
gap:14px;flex-wrap:wrap;font-family:var(--f-display);font-size:.75rem;color:rgba(255,255,255,.5)}
.lider-footer-copyright{margin:0}
.lider-footer-legal{display:flex;gap:16px}
.lider-footer-legal a{color:rgba(255,255,255,.6);transition:color .2s ease}
.lider-footer-legal a:hover{color:#fff}
/* ============== STICKY MOBILE (Zadzwoń + WhatsApp) ============== */
.lider-sticky-mob{display:none;position:fixed;bottom:0;left:0;right:0;z-index:70;
background:#fff;border-top:1px solid var(--line);padding:10px var(--gutter);
box-shadow:0 -6px 20px rgba(0,0,0,.08);gap:8px;grid-template-columns:1fr auto auto}
.lider-sticky-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
padding:13px 14px;border-radius:3px;font-family:var(--f-display);font-weight:700;
font-size:.875rem;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;
transition:background .18s,transform .15s;border:none;white-space:nowrap}
.lider-sticky-btn--call{background:var(--navy);color:#fff}
.lider-sticky-btn--call:hover{background:var(--navy-dk);color:#fff;transform:translateY(-1px)}
.lider-sticky-btn--wa{background:#25d366;color:#0b3d24}
.lider-sticky-btn--wa:hover{background:#1ebe5d;color:#0b3d24;transform:translateY(-1px)}
.lider-sticky-btn--form{background:var(--navy);color:#fff}
.lider-sticky-btn--form:hover{background:var(--navy-dk);color:#fff;transform:translateY(-1px)}
.lider-sticky-btn--icon{padding:0;width:48px;height:48px;gap:0}
.lider-sticky-btn svg{flex-shrink:0}
/* ============== RESPONSIVE ============== */
@media(max-width:1024px){
.lider-topbar-inner{grid-template-columns:1fr auto;gap:16px}
.lider-topbar-info{font-size:.75rem}
.lider-topbar-contact{gap:16px;font-size:.75rem}
.lider-topbar-social{padding-left:16px;gap:12px}
.lider-hero-wrap{display:flex;flex-direction:column-reverse;gap:1.5rem}
.lider-hero-visual{aspect-ratio:16/10;max-width:640px;margin:0 auto;width:100%;height:auto}
.lider-slider{position:static;width:100%;height:auto;min-height:auto;
background:#fff;padding:clamp(22px,4vw,32px);box-shadow:0 18px 40px -16px rgba(1,16,66,.18)}
.lider-slider-counter{display:none}
.lider-hero-trust-wrap{grid-template-columns:1fr 1fr;gap:10px}
.lider-paths-grid{grid-template-columns:1fr}
.lider-path{grid-template-columns:.7fr 1fr}
.lider-cats-grid{grid-template-columns:repeat(2,1fr);gap:20px}
.lider-cats-head{align-items:flex-start}
.lider-rev-grid{grid-template-columns:1fr}
.lider-big-wrap{grid-template-columns:1fr}
.lider-final-wrap{grid-template-columns:1fr;gap:24px}
.lider-final::before{display:none}
.lider-ft-wrap{grid-template-columns:1fr 1fr}
.lider-footer-main{grid-template-columns:1fr 1fr;gap:28px}
.lider-footer-brand,.lider-footer-col-contact{grid-column:1/-1}}
@media(max-width:1199px){
/* Header CTA "Wczasy z prawem jazdy" nie mieści się obok pełnej nawigacji w tym zakresie; nawigacja prowadzi do tej strony przez mega-menu, więc CTA jest redundantny */
.lider-hdr-cta{display:none}
.lider-hdr-inner{grid-template-columns:auto 1fr;gap:32px}
/* Closed mega-menu nie kontrybuuje do scroll width (visibility:hidden + 720px szerokość powodowało horyzontalny pasek) */
.lider-nav-group--mega .lider-nav-mega{display:none}
.lider-nav-group--mega.is-open .lider-nav-mega,
.lider-nav-group--mega:hover .lider-nav-mega,
.lider-nav-group--mega:focus-within .lider-nav-mega{display:grid}}
@media(max-width:900px){
/* Wariant D mobile: pokazać czerwony alert, ukryć topbar (kontakt -> sticky bottom CTA), ukryć nav, pokazać hamburger */
.lider-mobile-alert{display:block}
.lider-topbar{display:none}
.lider-nav{display:none}
.lider-burger{display:flex}
.lider-hdr-inner{grid-template-columns:auto auto;justify-content:space-between;gap:12px;padding:16px var(--gutter)}
.lider-brand img{height:44px}}
@media(max-width:640px){
.lider-brand img{height:40px}
.lider-mobile-menu{padding:116px 24px 32px}
.lider-mobile-menu nav > a{font-size:1.125rem;padding:14px 4px}
.lider-h1-main{font-size:2rem;letter-spacing:-.03em}
.lider-h1-sub{font-size:1.375rem}
.lider-hero-visual-tag{font-size:.65rem;padding:6px 10px;left:12px;top:12px}
.lider-slider-ctrl{flex-wrap:wrap}
.lider-hero-actions{flex-direction:column}
.lider-hero-actions .lider-btn{width:100%;justify-content:center}
.lider-hero-trust-wrap{grid-template-columns:1fr;gap:10px}
.lider-path{grid-template-columns:1fr}
.lider-path-img img{min-height:180px;aspect-ratio:16/10}
.lider-cats-grid{grid-template-columns:1fr;gap:16px}
.lider-cat-head{padding:18px 20px 0}
.lider-cat-body{padding:6px 20px 0}
.lider-cat-foot{flex-direction:column;padding:14px 20px 18px;margin-top:14px}
.lider-cat-name{font-size:1.125rem}
.lider-cat-cta{width:100%;padding:12px 14px}
.lider-cat-cta-solo{flex:1;padding:12px 14px}
.lider-cat-tag{top:12px;left:12px}
.lider-cat-flag{top:12px;right:12px}
.lider-ft-wrap{grid-template-columns:1fr}
.lider-footer-main{grid-template-columns:1fr}
.lider-footer-bottom{flex-direction:column;align-items:flex-start}
.lider-sticky-mob{display:grid}
body{padding-bottom:80px}}
/* Home v5: remove WP default main/site padding on homepage */
body.home main.wp-block-group,
body.home .wp-site-blocks{padding:0 !important;max-width:100%}
body.home main.wp-block-group > *{max-width:100%}
/* ============== SECTION BASE + HELPERS (shared by 7 sections) ============== */
.lider-section{padding:clamp(3rem,5vw,5rem) 0;background:#fff}
.lider-section--navy{background:var(--lider-bg-dark);color:#fff;position:relative;overflow:hidden}
.lider-section--navy > *{position:relative;z-index:2}
.lider-section--navy::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
background:
radial-gradient(900px 540px at 8% 12%,rgba(96,165,250,.32),transparent 62%),
radial-gradient(900px 520px at 92% 82%,rgba(232,28,46,.30),transparent 62%),
radial-gradient(700px 420px at 50% -10%,rgba(255,255,255,.22),transparent 70%),
radial-gradient(900px 560px at 18% 92%,rgba(125,211,252,.34),transparent 68%),
radial-gradient(800px 520px at 50% 55%,rgba(147,197,253,.22),transparent 70%);
mix-blend-mode:screen}
.lider-on-dark{color:#fff}
.lider-sec-lead{color:var(--gray);max-width:640px;font-size:1rem;margin:.25rem 0 0;line-height:1.55}
.lider-sec-lead.lider-on-dark{color:rgba(255,255,255,.72)}
.lider-sec-tag.lider-on-dark{color:rgba(255,255,255,.78)}
.lider-sec-tag.lider-on-dark::before{background:var(--red)}
.lider-sec-h2.lider-on-dark{color:#fff}
.lider-sec-h2.lider-on-dark em{color:var(--red)}
.lider-sec-h2.lider-on-dark em::after{background:var(--red)}
/* ============== USP — 4 filary (bento 2×2 ze zdjęciami w tle) ============== */
.lider-usp{background:var(--bg-soft);padding:clamp(3.5rem,5vw,5rem) 0;position:relative;overflow:hidden}
.lider-usp-wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter);position:relative;z-index:1}
/* head: tytuł po lewej + telefon CTA po prawej */
.lider-usp-head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;
margin-bottom:clamp(1.75rem,3vw,2.25rem);flex-wrap:wrap}
.lider-usp-head-l{flex:1 1 720px;max-width:880px}
.lider-usp-h2{margin:0 0 12px;max-width:none}
.lider-usp-lead{max-width:none}
.lider-usp-call{display:inline-flex;flex-direction:column;align-items:flex-start;gap:8px;
text-decoration:none;flex-shrink:0;margin-bottom:4px;padding:0;background:none;border:0}
.lider-usp-call-tag{display:inline-flex;align-items:center;gap:10px;
font-family:var(--f-display);font-weight:700;letter-spacing:.16em;
font-size:.75rem;text-transform:uppercase;color:var(--navy)}
.lider-usp-call-tag::before{content:"";display:block;width:36px;height:2px;background:var(--red)}
.lider-usp-call-num{display:inline-flex;align-items:center;gap:10px;
font-family:var(--f-head);font-size:clamp(1.5rem,2.4vw,1.875rem);font-weight:800;
letter-spacing:-.015em;color:var(--navy);line-height:1;
transition:color .2s ease}
.lider-usp-call-num svg{width:22px;height:22px;color:var(--red);transition:color .2s ease,transform .25s ease}
.lider-usp-call:hover .lider-usp-call-num{color:var(--red)}
.lider-usp-call:hover .lider-usp-call-num svg{transform:rotate(-12deg)}
.lider-usp-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:215px;gap:16px}
.lider-usp-tile{position:relative;border-radius:8px;overflow:hidden;background:var(--navy-deep);color:#fff;
box-shadow:0 8px 26px -10px rgba(13,35,64,.25);transition:transform .3s ease,box-shadow .3s ease;
text-decoration:none;cursor:default}
.lider-usp-tile:hover{transform:translateY(-4px);box-shadow:0 24px 48px -16px rgba(13,35,64,.45)}
.lider-usp-tile .lider-usp-bg{position:absolute;inset:0;background-size:cover;background-position:center;
transition:transform .6s ease;will-change:transform}
.lider-usp-tile:hover .lider-usp-bg{transform:scale(1.06)}
.lider-usp-tile .lider-usp-ovl{position:absolute;inset:0;
background:linear-gradient(180deg,rgba(1,16,66,.42) 0%,rgba(1,16,66,.22) 38%,rgba(1,16,66,.56) 65%,rgba(1,16,66,.85) 100%)}
.lider-usp-ico{position:absolute;top:18px;right:18px;width:40px;height:40px;border-radius:8px;
background:rgba(255,255,255,.18);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
border:1px solid rgba(255,255,255,.28);display:grid;place-items:center;color:#fff;z-index:2}
.lider-usp-ico svg{width:20px;height:20px}
.lider-usp-body{position:absolute;left:0;right:0;bottom:0;padding:26px 28px 22px;z-index:2;
display:flex;flex-direction:column;gap:6px}
.lider-usp-num{font-family:var(--f-head);font-size:3.25rem;font-weight:800;letter-spacing:-.03em;
line-height:.9;display:flex;align-items:baseline;gap:10px;margin:0;color:#fff}
.lider-usp-num small{font-family:var(--f-display);font-size:.75rem;font-weight:700;
letter-spacing:.18em;text-transform:uppercase;color:var(--gold-lt);margin:0}
.lider-usp-h{font-family:var(--f-head);font-size:1.0625rem;font-weight:700;color:#fff;
margin:6px 0 4px;line-height:1.25;text-transform:uppercase;letter-spacing:-.005em}
.lider-usp-p{font-family:var(--f-body);font-size:.875rem;color:rgba(255,255,255,.82);
margin:0;line-height:1.5;max-width:46ch}
.lider-usp-meta{font-family:var(--f-display);font-size:.6875rem;font-weight:700;letter-spacing:.14em;
text-transform:uppercase;color:var(--gold);margin-top:8px;border:none;padding:0}
/* bento layout */
.lider-usp-tile.t1{grid-column:1 / span 8;grid-row:1 / span 1}
.lider-usp-tile.t2{grid-column:9 / span 4;grid-row:1 / span 1}
.lider-usp-tile.t3{grid-column:1 / span 4;grid-row:2 / span 1}
.lider-usp-tile.t4{grid-column:5 / span 8;grid-row:2 / span 1}
.lider-usp-tile.t1 .lider-usp-num{font-size:4rem}
.lider-usp-tile.t1 .lider-usp-h{font-size:1.375rem}
.lider-usp-tile.t1 .lider-usp-p{font-size:.9375rem}
/* ============== WCZASY FLOW (3 sub-sections: navy intro + cream steps + red CTA strip) ============== */
/* ============== WCZASY FLOW — single navy block (pakiet 14 dni + 4 kroki) ==============
Jedna sekcja navy: header (tag + h2 z gold em + lead) → 4-kolumnowy timeline z gold numerami
01-04 (border-right separators) → CTA row. Bez beżu, bez podwojonych CTA, bez czerwonego stripa. */
.lider-flow{color:#fff;position:relative;overflow:hidden;
padding:clamp(2.75rem,4.5vw,4.25rem) 0;
background:
linear-gradient(110deg,rgba(1,16,66,.94) 0%,rgba(1,64,128,.86) 55%,rgba(1,64,128,.78) 100%),
url("images/hero-kat-b-2025.jpg") center 35%/cover no-repeat,
var(--lider-bg-dark)}
.lider-flow::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
background:
radial-gradient(900px 540px at 8% 12%,rgba(96,165,250,.22),transparent 62%),
radial-gradient(900px 520px at 92% 82%,rgba(125,211,252,.18),transparent 62%),
radial-gradient(700px 420px at 50% -10%,rgba(255,255,255,.10),transparent 70%);
mix-blend-mode:screen}
.lider-flow-wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter);position:relative;z-index:2}
.lider-flow-head{max-width:780px;margin:0 0 clamp(2rem,3.2vw,2.75rem)}
.lider-flow-head .lider-sec-tag{color:rgba(255,255,255,.85);margin-bottom:18px;
text-shadow:0 1px 2px rgba(1,16,66,.55)}
.lider-flow-head .lider-sec-tag::before{background:var(--gold)}
.lider-flow-head h2{font-family:var(--f-head);font-size:clamp(1.875rem,3.8vw,2.875rem);
line-height:1.05;margin:0 0 16px;color:#fff;letter-spacing:-.02em;text-transform:uppercase;
text-shadow:0 2px 12px rgba(1,16,66,.5),0 1px 2px rgba(1,16,66,.35)}
.lider-flow-head h2 em{font-style:normal;color:var(--gold-lt);position:relative;display:inline-block;white-space:nowrap}
.lider-flow-head h2 em::after{content:"";position:absolute;left:0;right:0;bottom:.06em;height:.09em;
background:var(--gold);opacity:.7}
.lider-flow-lead{font-family:var(--f-display);font-size:clamp(1rem,1.3vw,1.125rem);line-height:1.55;
color:rgba(255,255,255,.92);margin:0;max-width:62ch;font-weight:500;
text-shadow:0 1px 6px rgba(1,16,66,.55),0 1px 2px rgba(1,16,66,.4)}
.lider-flow-lead b{color:#fff;font-weight:700}
.lider-flow-steps{position:relative;list-style:none;padding:0;
margin:0 0 clamp(1.75rem,2.5vw,2.25rem);
display:grid;grid-template-columns:repeat(4,1fr);gap:0;
border-top:1px solid rgba(220,192,128,.32)}
.lider-flow-step{position:relative;
padding:clamp(1.25rem,2vw,1.75rem) clamp(1rem,1.6vw,1.5rem) 0;
border-right:1px solid rgba(255,255,255,.12)}
.lider-flow-step:last-child{border-right:0}
.lider-flow-step-num{font-family:var(--f-head);font-size:clamp(2rem,3.4vw,2.875rem);font-weight:800;
color:var(--gold-lt);letter-spacing:-.04em;line-height:1;display:block;margin:0 0 12px;
text-shadow:0 2px 14px rgba(1,16,66,.7),0 1px 2px rgba(1,16,66,.45)}
.lider-flow-step-when{font-family:var(--f-display);font-size:.6875rem;font-weight:700;
letter-spacing:.18em;text-transform:uppercase;color:var(--gold-lt);margin:0 0 6px;
text-shadow:0 1px 4px rgba(1,16,66,.65),0 1px 2px rgba(1,16,66,.4)}
.lider-flow-step h4{font-family:var(--f-head);font-size:clamp(1rem,1.3vw,1.125rem);font-weight:800;
letter-spacing:-.005em;color:#fff;margin:0 0 8px;text-transform:uppercase;line-height:1.15;
text-shadow:0 2px 8px rgba(1,16,66,.65),0 1px 2px rgba(1,16,66,.45)}
.lider-flow-step p{font-family:var(--f-body);font-size:.875rem;line-height:1.55;
color:rgba(255,255,255,.95);margin:0;font-weight:500;
text-shadow:0 1px 6px rgba(1,16,66,.7),0 1px 2px rgba(1,16,66,.5)}
.lider-flow-cta{display:flex;gap:12px;flex-wrap:wrap;
padding-top:clamp(1.25rem,2vw,1.75rem);
border-top:1px solid rgba(220,192,128,.22)}
/* ============== ZAWODOWI PRO (3 cards with image top + features) ============== */
.lider-pro{background:#fff;padding:clamp(4rem,6vw,6rem) 0}
.lider-pro-wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}
.lider-pro .lider-sec-head{text-align:left;margin-bottom:clamp(2.5rem,4vw,3rem);max-width:760px}
.lider-pro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.lider-pro-card{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;
display:flex;flex-direction:column;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;
position:relative}
.lider-pro-card:hover{transform:translateY(-5px);border-color:var(--navy);
box-shadow:0 30px 60px -28px rgba(4,50,157,.3)}
.lider-pro-img{position:relative;overflow:hidden}
.lider-pro-img img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;
transition:transform .5s ease}
.lider-pro-card:hover .lider-pro-img img{transform:scale(1.05)}
.lider-pro-badge{position:absolute;top:14px;left:14px;z-index:2;font-family:var(--f-head);
font-weight:800;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;
color:#fff;background:var(--navy);padding:6px 12px;border-radius:3px;
box-shadow:0 8px 20px rgba(4,50,157,.3)}
.lider-pro-hot{position:absolute;top:14px;right:14px;z-index:2;font-family:var(--f-display);
font-weight:800;font-size:.625rem;letter-spacing:.14em;text-transform:uppercase;
color:#fff;background:var(--red);padding:6px 12px;border-radius:3px;
box-shadow:0 8px 20px rgba(232,28,46,.4);display:inline-flex;align-items:center;gap:6px}
.lider-pro-hot::before{content:"";width:6px;height:6px;border-radius:50%;background:#fff;animation:lider-pulse 1.6s infinite}
.lider-pro-card-featured{border-color:rgba(232,28,46,.25);
box-shadow:0 22px 50px -26px rgba(232,28,46,.18)}
.lider-pro-card-featured:hover{border-color:var(--red);
box-shadow:0 32px 60px -28px rgba(232,28,46,.35)}
.lider-pro-body{padding:26px 26px 24px;display:flex;flex-direction:column;gap:10px;flex:1}
.lider-pro-cat{font-family:var(--f-display);font-size:.75rem;font-weight:800;letter-spacing:.12em;
text-transform:uppercase;color:var(--red);line-height:1.3}
.lider-pro-h{font-family:var(--f-head);font-size:1.5rem;font-weight:800;color:var(--navy);
margin:2px 0 0;letter-spacing:-.02em;text-transform:uppercase;line-height:1.1}
.lider-pro-p{font-family:var(--f-body);font-size:1rem;color:var(--ink);line-height:1.55;margin:4px 0 0;font-weight:400}
.lider-pro-feats{list-style:none;padding:14px 0 0;margin:10px 0 0;display:flex;flex-direction:column;gap:10px;flex:1;
border-top:1px solid var(--line)}
.lider-pro-feats li{display:flex;align-items:center;gap:12px;font-family:var(--f-body);
font-size:.9375rem;color:var(--ink);font-weight:500;line-height:1.35}
.lider-pro-feats svg{width:16px;height:16px;color:var(--red);flex-shrink:0}
.lider-pro-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:16px;
margin-top:14px;border-top:1px solid var(--line)}
.lider-pro-price{display:flex;flex-direction:column;gap:2px}
.lider-pro-price small{font-family:var(--f-display);font-size:.625rem;font-weight:700;letter-spacing:.12em;
text-transform:uppercase;color:var(--gray)}
.lider-pro-price b{font-family:var(--f-head);font-size:1.5rem;font-weight:800;color:var(--navy);letter-spacing:-.02em}
.lider-pro-arrow{width:44px;height:44px;border-radius:50%;background:var(--navy);color:#fff;
display:grid;place-items:center;transition:background .2s,transform .2s}
.lider-pro-arrow:hover{background:var(--red);transform:translateX(3px)}
.lider-pro-cta-row{margin-top:clamp(2.5rem,4vw,3rem);display:flex;align-items:center;justify-content:center;
gap:18px;flex-wrap:wrap}
.lider-pro-cta-note{font-family:var(--f-display);font-size:.8125rem;color:var(--gray);letter-spacing:.02em}
/* ============== REVIEWS (Google + Facebook tabs) ============== */
.lider-rev{background:#fff;padding:clamp(3.5rem,5vw,5rem) 0}
.lider-rev-wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}
.lider-rev-head{text-align:center;margin-bottom:clamp(2rem,3vw,2.5rem);max-width:760px;margin-left:auto;margin-right:auto}
.lider-rev-head .lider-sec-h2{margin-left:auto;margin-right:auto}
.lider-rev-head .lider-sec-tag{justify-content:center}
.lider-rev-head .lider-sec-lead{margin-left:auto;margin-right:auto}
.lider-rev-sources{display:grid;grid-template-columns:repeat(2,minmax(0,320px));gap:16px;
justify-content:center;margin-bottom:clamp(2.5rem,4vw,3.5rem)}
.lider-rev-source{background:#fff;border:1px solid var(--line);border-radius:4px;padding:18px 22px;
display:flex;align-items:center;gap:16px;position:relative;
transition:border-color .25s,box-shadow .25s,transform .25s}
.lider-rev-source:hover{transform:translateY(-2px);box-shadow:0 18px 36px -24px rgba(10,23,56,.18)}
.lider-rev-source[data-src="google"]:hover{border-color:#4285F4}
.lider-rev-source[data-src="facebook"]:hover{border-color:#1877F2}
.lider-rev-source-logo{flex-shrink:0}
.lider-rev-source-meta{display:flex;flex-direction:column;gap:2px;flex:1}
.lider-rev-source-meta b{font-family:var(--f-head);font-size:1.125rem;color:var(--navy);letter-spacing:-.02em}
.lider-rev-source-stars{font-family:var(--f-display);font-size:.75rem;color:#fbbc04;letter-spacing:.05em}
.lider-rev-source-stars b{font-family:var(--f-head);color:var(--ink);font-size:.875rem;margin-left:4px}
.lider-rev-source-label{font-family:var(--f-head);font-size:.6875rem;font-weight:800;letter-spacing:.14em;
text-transform:uppercase;color:var(--gray);align-self:flex-start;padding:4px 10px;
background:rgba(0,0,0,.04);border-radius:3px}
@media (max-width:600px){
.lider-rev-sources{grid-template-columns:1fr 1fr;gap:10px;max-width:none}
.lider-rev-source{padding:12px 12px;gap:10px;border-radius:6px}
.lider-rev-source-logo svg{width:22px;height:22px}
.lider-rev-source-meta b{font-size:1rem}
.lider-rev-source-stars{font-size:.6875rem}
.lider-rev-source-stars b{font-size:.8125rem}
.lider-rev-source-label{display:none}}
.lider-rev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.lider-rev-card{padding:26px 24px 22px;background:#fff;border:1px solid var(--line);border-radius:4px;
display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden;
transition:border-color .25s,box-shadow .25s,transform .25s}
.lider-rev-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;
background:var(--gray);opacity:.2}
.lider-rev-card[data-src="google"]::before{background:linear-gradient(90deg,#4285F4 0%,#34A853 33%,#FBBC04 66%,#EA4335 100%);opacity:1}
.lider-rev-card[data-src="facebook"]::before{background:#1877F2;opacity:1}
.lider-rev-card:hover{transform:translateY(-4px);border-color:var(--gold);box-shadow:0 24px 48px -22px rgba(220,192,128,.35)}
.lider-rev-src{position:absolute;top:18px;right:18px;width:32px;height:32px;
display:grid;place-items:center;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:50%;
box-shadow:0 6px 14px -6px rgba(10,23,56,.18)}
.lider-rev-src svg{width:18px;height:18px}
.lider-rev-stars{color:#fbbc04;font-size:1rem;letter-spacing:1px;margin-top:4px}
.lider-rev-text{font-family:var(--f-body);color:var(--ink);font-size:.9375rem;line-height:1.6;margin:0;flex:1}
.lider-rev-by{display:flex;align-items:center;gap:12px;padding-top:14px;border-top:1px solid var(--line);margin-top:2px}
.lider-rev-av{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;
font-family:var(--f-head);font-weight:800;color:#fff;font-size:.8125rem;letter-spacing:.02em;
background:var(--navy);flex-shrink:0}
.lider-rev-av-red{background:var(--red)}
.lider-rev-av-navy-dk{background:var(--navy-dk)}
.lider-rev-who{display:flex;flex-direction:column;gap:2px;min-width:0}
.lider-rev-who b{font-family:var(--f-head);font-size:.9375rem;color:var(--navy);letter-spacing:-.01em}
.lider-rev-who span{font-family:var(--f-display);font-size:.6875rem;font-weight:700;letter-spacing:.08em;
text-transform:uppercase;color:var(--gray)}
.lider-rev-cta{margin-top:clamp(2.5rem,4vw,3rem);display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}
.lider-rev-cta .lider-btn{display:inline-flex;align-items:center;gap:10px}
.lider-rev-cta .lider-btn svg{flex-shrink:0}
/* ============== LOCATIONS (dark, 4 offices + map + CTA) ============== */
.lider-loc{color:#fff;position:relative;overflow:hidden;
padding:clamp(3.5rem,5vw,5rem) 0;
background:
radial-gradient(70% 50% at 88% 10%,rgba(26,77,184,.22),transparent 65%),
radial-gradient(60% 50% at 6% 95%,rgba(1,16,66,.45),transparent 60%),
linear-gradient(180deg,var(--navy) 0%,var(--navy-dk) 55%,var(--navy-deep) 100%)}
.lider-loc::before,.lider-loc::after{display:none}
.lider-loc-wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter);position:relative;z-index:2}
.lider-loc-head{text-align:center;max-width:640px;margin:0 auto clamp(2rem,3vw,2.5rem)}
.lider-loc-head .lider-sec-tag{justify-content:center}
.lider-loc-body{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.25rem,2vw,1.75rem);align-items:center}
.lider-loc-col-left{display:flex;flex-direction:column;gap:14px;min-width:0}
.lider-loc-offices{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;align-content:start}
.lider-loc-card{background:rgba(255,255,255,.05);border:1px solid rgba(220,192,128,.22);
border-radius:6px;padding:14px 16px;display:flex;flex-direction:column;gap:3px;position:relative;
backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
transition:background .2s,border-color .2s,transform .2s}
.lider-loc-card:hover{background:rgba(255,255,255,.08);border-color:rgba(220,192,128,.45);transform:translateY(-2px)}
.lider-loc-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.lider-loc-card-tag{font-family:var(--f-display);font-size:.625rem;font-weight:800;letter-spacing:.14em;
text-transform:uppercase;color:var(--red);background:rgba(232,28,46,.14);border:1px solid rgba(232,28,46,.3);
padding:3px 9px;border-radius:2px}
.lider-loc-card-main{background:linear-gradient(180deg,rgba(232,28,46,.08) 0%,rgba(232,28,46,.02) 100%);
border-color:rgba(232,28,46,.25)}
.lider-loc-card-main:hover{border-color:rgba(232,28,46,.45);background:linear-gradient(180deg,rgba(232,28,46,.12) 0%,rgba(232,28,46,.04) 100%)}
.lider-loc-card h3{font-family:var(--f-head);font-size:1.0625rem;font-weight:700;color:#fff;margin:0;letter-spacing:-.01em;text-transform:uppercase}
.lider-loc-card p{font-family:var(--f-body);font-size:.875rem;color:rgba(255,255,255,.82);margin:0}
.lider-loc-card small{font-family:var(--f-display);font-size:.6875rem;font-weight:700;letter-spacing:.08em;
text-transform:uppercase;color:rgba(255,255,255,.6);margin-top:6px}
.lider-loc-card a{font-family:var(--f-head);font-size:.9375rem;color:#fff;margin-top:4px;letter-spacing:-.01em}
.lider-loc-card a:hover{color:var(--red)}
.lider-loc-map{background:transparent;border:0;padding:0;overflow:visible;width:100%}
.lider-loc-svg{width:100%;height:auto;max-height:460px;display:block}
.lider-loc-dist{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
.lider-loc-dist-head{flex:0 0 100%;font-family:var(--f-display);font-size:.625rem;font-weight:800;
letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:2px}
.lider-loc-dist-row{display:inline-flex;align-items:baseline;gap:6px;
background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:999px;
padding:4px 10px;font-family:var(--f-head);font-size:.8125rem;line-height:1}
.lider-loc-dist-row b{font-family:var(--f-head);font-weight:800;color:#fff;letter-spacing:-.01em}
.lider-loc-dist-row span{font-family:var(--f-display);font-size:.6875rem;color:rgba(255,255,255,.68);
font-weight:600;white-space:nowrap}
.lider-loc-cta{margin-top:clamp(1rem,1.75vw,1.5rem);display:flex;align-items:center;
justify-content:space-between;gap:1.5rem;flex-wrap:wrap;
background:#fff;
border:1px solid rgba(10,23,56,.10);border-radius:8px;
box-shadow:0 1px 2px rgba(10,23,56,.04);
padding:clamp(.75rem,1.25vw,1.125rem) clamp(1.25rem,2vw,1.75rem)}
.lider-loc-cta-phone{display:flex;align-items:center;gap:14px;min-width:0}
.lider-loc-cta-phone svg{width:30px;height:30px;color:var(--red);flex-shrink:0}
.lider-loc-cta-phone div{display:flex;flex-direction:column;gap:2px;min-width:0}
.lider-loc-cta-phone a{font-family:var(--f-display);font-size:clamp(1.375rem,2.2vw,1.75rem);font-weight:900;
color:var(--ink);letter-spacing:-.02em;line-height:1.05}
.lider-loc-cta-phone a:hover{color:var(--red)}
.lider-loc-cta-phone small{font-family:var(--f-display);font-size:.75rem;color:var(--ink-60);
font-weight:600}
.lider-loc-cta .lider-btn{flex-shrink:0}
/* ============== FAQ (kompakt, 1-kol, eyebrow labels) ============== */
.lider-faq{background:#fff;padding:clamp(3.5rem,5vw,5rem) 0}
.lider-faq-wrap{max-width:820px;margin:0 auto;padding:0 var(--gutter)}
.lider-faq-head{text-align:center;margin:0 auto clamp(2rem,3vw,2.5rem);max-width:640px}
.lider-faq-head .lider-sec-tag{justify-content:center}
.lider-faq-head .lider-sec-h2{font-size:clamp(1.625rem,2.6vw,2.125rem)}
.lider-faq-head .lider-sec-lead{font-size:.9375rem;line-height:1.55}
.lider-faq-groups{display:flex;flex-direction:column;gap:clamp(1.75rem,3vw,2.25rem)}
.lider-faq-group{display:flex;flex-direction:column;gap:14px}
.lider-faq-group-label{font-family:var(--f-head);font-size:clamp(1.125rem,1.6vw,1.375rem);
font-weight:800;letter-spacing:-.015em;text-transform:uppercase;color:var(--navy);line-height:1.15;
padding-bottom:10px;margin-bottom:2px;
border-bottom:2px solid rgba(232,28,46,.28);
display:flex;align-items:baseline;gap:12px}
.lider-faq-group-label::before{content:"";flex-shrink:0;width:10px;height:10px;
border-radius:50%;background:var(--red);transform:translateY(-1px)}
.lider-faq-list{display:flex;flex-direction:column;gap:8px}
.lider-faq-item{background:#fff;border:1px solid var(--line);border-radius:4px;
transition:border-color .25s,box-shadow .25s}
.lider-faq-item:hover{border-color:rgba(4,50,157,.25)}
.lider-faq-item[open]{border-color:var(--navy);box-shadow:0 14px 32px -24px rgba(4,50,157,.22)}
.lider-faq-q{font-family:var(--f-head);font-size:.9375rem;font-weight:700;color:var(--navy);cursor:pointer;
padding:16px 20px;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px;
letter-spacing:-.005em;line-height:1.3;text-transform:none}
.lider-faq-q::-webkit-details-marker{display:none}
.lider-faq-q-plus{width:28px;height:28px;border-radius:50%;border:1.5px solid var(--line);color:var(--navy);
position:relative;flex-shrink:0;background:#fff;font-size:0;
transition:border-color .25s,background .25s,color .25s}
.lider-faq-q-plus::before,.lider-faq-q-plus::after{content:"";position:absolute;
top:50%;left:50%;background:currentColor;border-radius:2px;transition:transform .3s}
.lider-faq-q-plus::before{width:11px;height:2px;transform:translate(-50%,-50%)}
.lider-faq-q-plus::after{width:2px;height:11px;transform:translate(-50%,-50%)}
.lider-faq-item:hover .lider-faq-q-plus{border-color:var(--navy);color:var(--navy)}
.lider-faq-item[open] .lider-faq-q-plus{background:var(--navy);color:#fff;border-color:var(--navy)}
.lider-faq-item[open] .lider-faq-q-plus::after{transform:translate(-50%,-50%) scaleY(0)}
.lider-faq-a{font-family:var(--f-body);color:var(--ink);font-size:.9375rem;line-height:1.65;margin:0;padding:0 20px 18px}
.lider-faq-a b{color:var(--navy);font-weight:700}
.lider-faq-foot{margin-top:clamp(2rem,3vw,2.5rem);padding:20px 24px;
background:linear-gradient(135deg,rgba(232,28,46,.06) 0%,rgba(4,50,157,.06) 100%);
border:1px solid rgba(4,50,157,.18);border-radius:4px;
display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:space-between}
.lider-faq-foot-text{display:flex;flex-direction:column;gap:4px}
.lider-faq-foot-text b{font-family:var(--f-head);font-size:1rem;color:var(--navy);letter-spacing:-.01em;text-transform:uppercase}
.lider-faq-foot-text span{font-family:var(--f-body);color:var(--ink-60);font-size:.875rem;line-height:1.5}
.lider-faq-foot-text a{color:var(--red);font-weight:700}
.lider-faq-foot-text a:hover{color:var(--red-dk)}
/* ============== FINAL CTA (dark, centered, seamless z footerem) ============== */
.lider-final{padding:clamp(4rem,7vw,7rem) 0 clamp(3.5rem,5vw,5rem);
background:var(--lider-bg-dark);color:#fff;position:relative;overflow:hidden}
.lider-final::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
background:
radial-gradient(900px 540px at 8% 12%,rgba(96,165,250,.28),transparent 62%),
radial-gradient(900px 520px at 92% 82%,rgba(125,211,252,.24),transparent 62%),
radial-gradient(700px 420px at 50% -10%,rgba(255,255,255,.14),transparent 70%),
radial-gradient(900px 560px at 18% 92%,rgba(125,211,252,.24),transparent 68%),
radial-gradient(800px 520px at 50% 55%,rgba(147,197,253,.18),transparent 70%),
radial-gradient(900px 640px at 0% 50%,rgba(147,197,253,.22),transparent 72%);
mix-blend-mode:screen}
.lider-final::after{content:"";position:absolute;inset:0;z-index:1;opacity:.12;pointer-events:none;
background-image:url("data:image/svg+xml;utf8,")}
.lider-final-wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter);position:relative;z-index:2;
display:flex;flex-direction:column;align-items:center;gap:clamp(1.75rem,3vw,2.25rem)}
.lider-final-head{text-align:center;max-width:720px}
.lider-final-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--f-display);
font-size:.75rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#fff;
background:rgba(232,28,46,.14);border:1px solid rgba(232,28,46,.38);padding:8px 14px;
border-radius:2px;margin-bottom:18px}
.lider-final-eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--red);
box-shadow:0 0 0 3px rgba(232,28,46,.25);animation:lider-pulse 1.6s infinite}
.lider-final .lider-sec-h2{color:#fff;margin:0 auto 16px}
.lider-final-lead{font-family:var(--f-display);font-size:1.0625rem;color:rgba(255,255,255,.78);
line-height:1.55;margin:0 auto;max-width:560px}
.lider-final-body{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.25rem,2vw,1.75rem);
width:100%;align-items:stretch;margin-top:clamp(.5rem,1vw,1rem)}
/* Wspólny panel dla lewej i prawej kolumny — taki sam skin, padding, radius */
.lider-final-panel{position:relative;
background:linear-gradient(180deg,rgba(255,255,255,.07) 0%,rgba(255,255,255,.02) 100%);
border:1px solid rgba(220,192,128,.22);border-radius:6px;
padding:clamp(1.5rem,2vw,1.75rem);
display:flex;flex-direction:column;
backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
box-shadow:0 40px 80px -40px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.05)}
/* Lewa: wewnętrzne sekcje oddzielone subtelnymi liniami, jednolity left-edge */
.lider-final-left{gap:clamp(1.25rem,1.75vw,1.5rem)}
.lider-final-left > .lider-final-actions,
.lider-final-left > .lider-final-guarantees{
padding-top:clamp(1.25rem,1.75vw,1.5rem);
border-top:1px solid rgba(255,255,255,.08)}
.lider-final-phone{display:flex;flex-direction:column;gap:10px}
.lider-final-phone-tag{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-display);
font-size:.6875rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;
color:#4ade80;align-self:flex-start}
.lider-final-phone-tag svg{width:10px;height:10px;animation:lider-pulse 1.8s infinite}
.lider-final-phone-num{display:flex;align-items:center;gap:14px}
.lider-final-phone-num svg{width:26px;height:26px;color:var(--red);flex-shrink:0}
.lider-final-phone-num a{font-family:var(--f-head);font-size:clamp(1.375rem,2.4vw,1.875rem);font-weight:800;
color:#fff;letter-spacing:-.02em;line-height:1}
.lider-final-phone-num a:hover{color:var(--red)}
.lider-final-phone-hours{font-family:var(--f-display);font-size:.8125rem;color:rgba(255,255,255,.65);
letter-spacing:.01em;line-height:1.4}
.lider-final-actions{display:flex;flex-direction:column;gap:10px}
.lider-final-actions .lider-btn{justify-content:center;padding:14px 22px;font-size:.9375rem;min-width:0}
.lider-final-guarantees{display:flex;flex-direction:column;gap:14px}
.lider-final-guarantee{display:flex;align-items:center;gap:14px}
.lider-final-guarantee svg{width:24px;height:24px;color:var(--gold);flex-shrink:0}
.lider-final-guarantee b{display:block;font-family:var(--f-head);font-size:.9375rem;color:#fff;
letter-spacing:-.01em;text-transform:uppercase}
.lider-final-guarantee span{display:block;font-family:var(--f-display);font-size:.75rem;
color:rgba(255,255,255,.62);letter-spacing:.02em;line-height:1.4;margin-top:2px}
/* Prawa: ten sam panel, wnętrze w 3 stref (tag, mapa flex:1, dystanse) */
.lider-final-map{gap:clamp(.75rem,1.25vw,1rem);overflow:hidden}
.lider-final-map-head{display:flex;flex-direction:column;gap:4px}
.lider-final-map-tag{font-family:var(--f-display);font-size:.625rem;font-weight:800;letter-spacing:.18em;
text-transform:uppercase;color:var(--red)}
.lider-final-map-head b{font-family:var(--f-head);font-size:.9375rem;color:#fff;letter-spacing:-.01em;text-transform:uppercase}
.lider-final-svg{width:100%;height:auto;max-height:560px;flex:1;min-height:0;display:block;
object-fit:contain}
.lider-final-dist{display:grid;grid-template-columns:repeat(2,1fr);gap:6px 18px;
padding-top:clamp(1rem,1.5vw,1.25rem);border-top:1px solid rgba(255,255,255,.08)}
.lider-final-dist-head{grid-column:1/-1;font-family:var(--f-display);font-size:.6875rem;font-weight:800;
letter-spacing:.16em;text-transform:uppercase;color:var(--red);margin-bottom:4px}
.lider-final-dist-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;
padding:3px 0;font-size:.8125rem;line-height:1.4}
.lider-final-dist-row b{font-family:var(--f-head);font-weight:800;color:#fff;letter-spacing:-.01em}
.lider-final-dist-row span{font-family:var(--f-display);font-size:.75rem;color:rgba(255,255,255,.68);
letter-spacing:.01em;text-align:right}
/* ============== RESPONSIVE ============== */
@media (max-width:900px){
.lider-usp-head{align-items:flex-start;gap:18px}
.lider-usp-call{align-self:stretch;justify-content:flex-start}
.lider-usp-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:220px}
.lider-usp-tile.t1,
.lider-usp-tile.t2,
.lider-usp-tile.t3,
.lider-usp-tile.t4{grid-column:auto;grid-row:auto}
.lider-usp-tile.t1 .lider-usp-num{font-size:3.25rem}
.lider-usp-tile.t1 .lider-usp-h{font-size:1.0625rem}
.lider-usp-tile.t1 .lider-usp-p{font-size:.875rem}
.lider-flow-steps{grid-template-columns:repeat(2,1fr)}
.lider-flow-step:nth-child(2){border-right:0}
.lider-flow-step:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:1.25rem}
.lider-pro-grid{grid-template-columns:1fr}
.lider-rev-grid{grid-template-columns:1fr}
.lider-loc-body{grid-template-columns:1fr;gap:1.5rem}
.lider-loc-offices{grid-template-columns:repeat(2,1fr)}
.lider-final-body{grid-template-columns:1fr}
.lider-faq-foot{flex-direction:column;align-items:flex-start;gap:12px}}
@media (max-width:600px){
.lider-usp-grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:14px}
.lider-usp-tile{min-height:280px;display:flex;flex-direction:column}
.lider-usp-tile .lider-usp-ovl{background:linear-gradient(180deg,rgba(1,16,66,.18) 0%,rgba(1,16,66,.05) 30%,rgba(1,16,66,.55) 60%,rgba(1,16,66,.92) 100%)}
.lider-usp-body{position:relative;left:auto;right:auto;bottom:auto;
margin-top:auto;padding:18px 22px 20px;gap:4px}
.lider-usp-num{font-size:2.5rem;line-height:1}
.lider-usp-num small{font-size:.65rem;letter-spacing:.12em}
.lider-usp-h{font-size:1rem;margin:4px 0 2px}
.lider-usp-p{font-size:.8125rem;line-height:1.5;margin-bottom:2px}
.lider-usp-meta{font-size:.625rem;letter-spacing:.06em;line-height:1.55;
text-transform:none;white-space:normal;margin-top:4px}
.lider-usp-tile.t1 .lider-usp-num{font-size:2.75rem}
.lider-usp-tile.t1 .lider-usp-h{font-size:1.125rem}
.lider-usp-tile.t1 .lider-usp-p{font-size:.875rem}
.lider-loc-offices{grid-template-columns:1fr}
.lider-loc-cta{flex-direction:column;align-items:stretch;text-align:center}
.lider-loc-cta-phone{justify-content:center}
.lider-loc-cta .lider-btn{width:100%;justify-content:center}
.lider-loc-dist{grid-template-columns:1fr}
.lider-flow-steps{grid-template-columns:1fr}
.lider-flow-step{border-right:0;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:1.25rem}
.lider-flow-step:last-child{border-bottom:0;padding-bottom:0}
.lider-flow-cta{flex-direction:column;align-items:stretch}
.lider-flow-cta .lider-btn{width:100%;justify-content:center}
.lider-final-actions .lider-btn{min-width:0;width:100%}
.lider-final-dist{grid-template-columns:1fr}}
/* ============== HOMEPAGE SECTION RHYTHM (clean) ============== */
/* Rytm jasne/ciemne: cats(w) → flow(navy, single block) → usp(w) → rev(soft) → faq(w) → loc(navy) → footer(navy) */
body.home .lider-cats-wrap,
body.home .lider-usp-wrap,
body.home .lider-pro-wrap,
body.home .lider-rev-wrap{
position:relative;
z-index:1;
}
body.home .lider-cats-head,
body.home .lider-usp .lider-sec-head,
body.home .lider-pro .lider-sec-head,
body.home .lider-rev-head{
margin-bottom:clamp(2rem,3vw,2.75rem);
}
body.home .lider-cats-head .lider-sec-tag,
body.home .lider-usp .lider-sec-tag,
body.home .lider-pro .lider-sec-tag,
body.home .lider-rev .lider-sec-tag,
body.home .lider-course-faq .lider-sec-tag{
letter-spacing:.2em;
margin-bottom:20px;
}
body.home .lider-cats-head .lider-sec-lead,
body.home .lider-usp .lider-sec-lead,
body.home .lider-pro .lider-sec-lead,
body.home .lider-rev .lider-sec-lead,
body.home .lider-course-faq .lider-sec-lead{
font-size:1.0625rem;
line-height:1.65;
color:var(--ink-60);
margin-top:1.1rem;
}
/* Sekcje jasne (cats, usp, pro, faq) — ustawione bezpośrednio w bazowych regułach */
/* Sekcje ciemne (flow, loc, final) — navy-deep z bazowych reguł */
body.home .lider-pro{background:#fff}
body.home .lider-pro-cta-row .lider-btn{background:var(--navy);color:#fff;border-color:var(--navy)}
body.home .lider-pro-cta-row .lider-btn:hover{background:var(--red);border-color:var(--red)}
body.home .lider-rev{background:#fff;padding:clamp(3.5rem,5vw,5rem) 0}
/* =================================================================
COURSE SUBPAGE — szablon page-kurs.html
Jaśniejszy hero (gradient navy-dk → navy → navy-lt) + 6 nowych
komponentów: spec, price, benefit, term, breadcrumb, final.
Tokeny (--red, --navy, --navy-deep, --f-head, itd.) dzielone z home.
================================================================= */
/* ---- BUTTON: WhatsApp zielony ---- */
.lider-btn-wa{background:var(--green,#25d366);color:#fff}
.lider-btn-wa:hover{background:#1da851;transform:translateY(-1px);color:#fff}
/* ---- BREADCRUMB ---- */
.lider-crumbs{background:var(--bg-soft);border-bottom:1px solid var(--line);padding:14px 0}
.lider-crumbs-inner{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter);font-size:.8125rem;color:var(--gray);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.lider-crumbs-inner a{color:var(--navy);font-weight:500;transition:color .18s}
.lider-crumbs-inner a:hover{color:var(--red)}
.lider-crumbs-inner .sep{color:var(--gray-lt);font-size:.9rem}
.lider-crumbs-inner .curr{color:var(--ink);font-weight:600}
/* ---- COURSE HERO (JAŚNIEJSZY niż home — request usera) ---- */
.lider-course-hero{color:#fff;position:relative;overflow:hidden;
background:linear-gradient(135deg,#021c5a 0%,#04329d 50%,#1a4db8 100%)}
.lider-course-hero::before{content:"";position:absolute;inset:0;z-index:0;opacity:.25;pointer-events:none;
background-image:url("data:image/svg+xml;utf8,")}
.lider-course-hero-wrap{max-width:var(--maxw);margin:0 auto;padding:clamp(3rem,5vw,4.5rem) var(--gutter) clamp(2.5rem,4vw,3.5rem);
position:relative;z-index:2;display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:center}
.lider-course-hero-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--f-display);font-size:.75rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#fff;padding:8px 14px;border-radius:2px;margin-bottom:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2)}
.lider-course-hero-eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--red);box-shadow:0 0 0 3px rgba(232,28,46,.3);animation:lider-pulse 1.8s infinite}
.lider-course-hero h1{font-family:var(--f-head);font-size:clamp(2.2rem,4.8vw,3.4rem);line-height:1.04;margin:0 0 20px;color:#fff;letter-spacing:-.02em;text-transform:uppercase}
.lider-course-hero h1 em{font-style:normal;color:#ff9d6b;position:relative;display:inline-block}
.lider-course-hero h1 em::after{content:"";position:absolute;left:.05em;right:.05em;bottom:.08em;height:4px;background:#ff9d6b;opacity:.5}
.lider-course-hero-lead{color:rgba(255,255,255,.85);font-size:clamp(1rem,1.3vw,1.0625rem);line-height:1.6;margin:0 0 28px;max-width:520px;font-family:var(--f-display)}
.lider-course-hero-lead b{color:#fff;font-weight:700}
.lider-course-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:22px}
.lider-course-hero-note{font-size:.8125rem;color:rgba(255,255,255,.7);display:flex;gap:18px;flex-wrap:wrap}
.lider-course-hero-note span{display:inline-flex;align-items:center;gap:6px}
.lider-course-hero-note svg{color:#4ade80;flex-shrink:0}
.lider-course-hero-visual{position:relative}
.lider-course-hero-img{aspect-ratio:4/3;border-radius:6px;overflow:hidden;background:#1a4db8 center/cover no-repeat;transform:rotate(-.5deg);box-shadow:0 24px 60px rgba(0,0,0,.4)}
.lider-course-hero-flag{position:absolute;top:18px;left:-6px;background:var(--red);color:#fff;padding:8px 16px;font-family:var(--f-display);font-size:.7rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;border-radius:3px;box-shadow:0 4px 12px rgba(0,0,0,.3);transform:rotate(-1deg);z-index:2}
/* ---- SECTION HEADERS (wspólne dla wszystkich course-*) ---- */
.lider-section.lider-course-specs,
.lider-section.lider-course-pricing,
.lider-section.lider-course-benefits,
.lider-section.lider-course-terms,
.lider-section.lider-course-faq{padding:clamp(3.5rem,5vw,5rem) 0}
.lider-section.lider-course-specs .lider-sec-inner,
.lider-section.lider-course-pricing .lider-sec-inner,
.lider-section.lider-course-benefits .lider-sec-inner,
.lider-section.lider-course-social .lider-sec-inner,
.lider-section.lider-course-terms .lider-sec-inner,
.lider-section.lider-course-faq .lider-sec-inner{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}
/* Ujednolicone nagłówki sekcji na stronach kursu — wszystkie sekcje z .lider-sec-head-center */
.lider-course-specs .lider-sec-head-center,
.lider-course-pricing .lider-sec-head-center,
.lider-course-benefits .lider-sec-head-center,
.lider-course-terms .lider-sec-head-center,
.lider-course-social .lider-sec-head-center,
.lider-course-gallery .lider-sec-head-center,
.lider-course-faq .lider-sec-head-center{text-align:center;margin-bottom:clamp(2rem,3vw,3rem)}
.lider-course-specs .lider-sec-head-center .lider-sec-tag,
.lider-course-specs .lider-sec-head-center .lider-sec-h2,
.lider-course-specs .lider-sec-head-center .lider-sec-lead,
.lider-course-pricing .lider-sec-head-center .lider-sec-tag,
.lider-course-pricing .lider-sec-head-center .lider-sec-h2,
.lider-course-pricing .lider-sec-head-center .lider-sec-lead,
.lider-course-benefits .lider-sec-head-center .lider-sec-tag,
.lider-course-benefits .lider-sec-head-center .lider-sec-h2,
.lider-course-benefits .lider-sec-head-center .lider-sec-lead,
.lider-course-terms .lider-sec-head-center .lider-sec-tag,
.lider-course-terms .lider-sec-head-center .lider-sec-h2,
.lider-course-terms .lider-sec-head-center .lider-sec-lead,
.lider-course-social .lider-sec-head-center .lider-sec-tag,
.lider-course-social .lider-sec-head-center .lider-sec-h2,
.lider-course-social .lider-sec-head-center .lider-sec-lead,
.lider-course-gallery .lider-sec-head-center .lider-sec-tag,
.lider-course-gallery .lider-sec-head-center .lider-sec-h2,
.lider-course-gallery .lider-sec-head-center .lider-sec-lead,
.lider-course-faq .lider-sec-head-center .lider-sec-tag,
.lider-course-faq .lider-sec-head-center .lider-sec-h2,
.lider-course-faq .lider-sec-head-center .lider-sec-lead{margin-left:auto;margin-right:auto}
.lider-course-specs .lider-sec-tag,
.lider-course-pricing .lider-sec-tag,
.lider-course-benefits .lider-sec-tag,
.lider-course-terms .lider-sec-tag,
.lider-course-social .lider-sec-tag,
.lider-course-gallery .lider-sec-tag,
.lider-course-faq .lider-sec-tag{display:inline-block;font-family:var(--f-display);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:var(--navy);margin-bottom:14px;position:relative;padding-left:32px}
.lider-course-specs .lider-sec-tag::before,
.lider-course-pricing .lider-sec-tag::before,
.lider-course-benefits .lider-sec-tag::before,
.lider-course-terms .lider-sec-tag::before,
.lider-course-social .lider-sec-tag::before,
.lider-course-gallery .lider-sec-tag::before,
.lider-course-faq .lider-sec-tag::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:22px;height:1.5px;background:var(--red)}
.lider-course-specs .lider-sec-h2,
.lider-course-pricing .lider-sec-h2,
.lider-course-benefits .lider-sec-h2,
.lider-course-terms .lider-sec-h2,
.lider-course-social .lider-sec-h2,
.lider-course-gallery .lider-sec-h2,
.lider-course-faq .lider-sec-h2{font-family:var(--f-head);font-size:clamp(1.875rem,3.2vw,2.5rem);line-height:1.1;color:var(--ink);margin:0 0 16px;max-width:740px;letter-spacing:-.015em;text-transform:uppercase}
.lider-course-specs .lider-sec-h2 em,
.lider-course-pricing .lider-sec-h2 em,
.lider-course-benefits .lider-sec-h2 em,
.lider-course-social .lider-sec-h2 em,
.lider-course-gallery .lider-sec-h2 em,
.lider-course-faq .lider-sec-h2 em{font-style:normal;color:var(--navy)}
.lider-course-specs .lider-sec-lead,
.lider-course-pricing .lider-sec-lead,
.lider-course-benefits .lider-sec-lead,
.lider-course-terms .lider-sec-lead,
.lider-course-social .lider-sec-lead,
.lider-course-gallery .lider-sec-lead,
.lider-course-faq .lider-sec-lead{color:var(--ink-60);font-size:1rem;line-height:1.6;max-width:680px;margin:0 0 36px}
/* Home — FAQ pattern dzieli klasę .lider-course-faq z podstronami kursów,
ale na home ma używać tego samego stylu co reszta sekcji home (V1):
navy eyebrow + navy em + 48px h2 z czerwonym akcentem podkreślenia. */
body.home .lider-course-faq .lider-sec-tag{font-size:.6875rem;letter-spacing:.18em;color:var(--navy);padding-left:32px}
body.home .lider-course-faq .lider-sec-tag::before{width:22px;height:1.5px}
body.home .lider-course-faq .lider-sec-h2{font-size:clamp(1.875rem,4vw,3rem);line-height:1;letter-spacing:-.025em;max-width:22ch}
body.home .lider-course-faq .lider-sec-h2 em{color:var(--navy)}
/* Cats home — em (highlighted tail) zawsze w nowej linii, żeby h2 czytało
się dwulinijkowo "Jaki kurs / Cię interesuje?" jak w zatwierdzonym mockupie V1.
Kontener .lider-cats-head-copy ma max-width:680px — w tej szerokości short text
"Jaki kurs Cię interesuje?" w Archivo Black 48px mieści się w 1 linii naturalnie. */
body.home .lider-cats-head .lider-sec-h2 em{display:block;width:fit-content}
/* ---- SPECS ---- */
.lider-course-specs{background:var(--bg-soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.lider-course-specs-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:8px}
.lider-course-spec{background:#fff;border:1px solid var(--line);border-radius:4px;padding:22px 18px;transition:all .2s}
.lider-course-spec:hover{border-color:rgba(232,28,46,.3);transform:translateY(-2px)}
.lider-course-spec-ico{width:36px;height:36px;background:rgba(232,28,46,.08);color:var(--red);border-radius:4px;display:grid;place-items:center;margin-bottom:14px}
.lider-course-spec-label{font-family:var(--f-display);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--gray);margin-bottom:6px}
.lider-course-spec-value{font-family:var(--f-head);font-size:clamp(1.1rem,1.5vw,1.3rem);color:var(--navy-deep);line-height:1.1}
.lider-course-spec-hint{font-size:.75rem;color:var(--gray);margin-top:6px}
/* ---- PRICING (grid adaptuje sie do liczby wariantow: 2 lub 4) ---- */
.lider-course-pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:8px;align-items:stretch}
.lider-course-pricing-grid--1{grid-template-columns:minmax(0,440px);justify-content:center;max-width:none}
.lider-course-pricing-grid--2{grid-template-columns:repeat(2,1fr);max-width:820px;margin-left:auto;margin-right:auto}
.lider-course-pricing-grid--3{grid-template-columns:repeat(3,1fr)}
.lider-course-price{background:#fff;border:1px solid var(--line);border-radius:4px;padding:28px 22px 30px;transition:all .2s;display:flex;flex-direction:column;position:relative}
.lider-course-price:hover{transform:translateY(-3px);border-color:rgba(232,28,46,.25)}
.lider-course-price--feat{border-color:var(--red);box-shadow:0 10px 30px -12px rgba(232,28,46,.35)}
.lider-course-price-badge{position:absolute;top:-11px;left:22px;background:var(--red);color:#fff;font-family:var(--f-display);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;padding:6px 12px;border-radius:3px}
.lider-course-price-name{font-family:var(--f-display);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--gray);margin-bottom:8px}
.lider-course-price-h{font-family:var(--f-head);font-size:1.125rem;color:var(--ink);line-height:1.15;margin:0 0 16px;text-transform:uppercase}
.lider-course-price-amount{display:baseline;margin-bottom:4px}
.lider-course-price-amount .num{font-family:var(--f-head);font-size:2.25rem;color:var(--navy-deep);line-height:1;letter-spacing:-.02em}
.lider-course-price-amount .cur{font-family:var(--f-display);font-weight:700;color:var(--navy-deep);font-size:.9375rem;margin-left:6px}
.lider-course-price-note{font-size:.8125rem;color:var(--gray);margin-bottom:20px}
.lider-course-price-feats{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-direction:column;gap:9px;flex:1}
.lider-course-price-feats li{display:flex;align-items:flex-start;gap:9px;font-size:.875rem;color:var(--ink-60);line-height:1.5}
.lider-course-price-feats svg{color:var(--red);flex-shrink:0;margin-top:3px}
.lider-course-price-cta{margin-top:auto}
.lider-course-price-cta .lider-btn{width:100%;justify-content:center}
.lider-course-pricing-note{text-align:center;margin-top:26px;font-size:.8125rem;color:var(--gray)}
.lider-course-pricing-note a{color:var(--navy);border-bottom:1px dashed var(--navy);font-weight:700}
.lider-course-pricing-note a:hover{color:var(--red);border-bottom-color:var(--red)}
/* ---- BENEFITS ---- */
.lider-course-benefits{background:var(--bg-soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.lider-course-benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:8px}
.lider-course-benefit{display:flex;gap:16px;align-items:flex-start;padding:22px;background:#fff;border:1px solid var(--line);border-radius:4px;transition:all .2s}
.lider-course-benefit:hover{border-color:rgba(232,28,46,.25);transform:translateY(-2px)}
.lider-course-benefit-ico{width:40px;height:40px;background:rgba(232,28,46,.08);color:var(--red);border-radius:4px;display:grid;place-items:center;flex-shrink:0}
.lider-course-benefit-txt strong{display:block;font-family:var(--f-display);font-weight:700;font-size:.9375rem;color:var(--ink);margin-bottom:4px}
.lider-course-benefit-txt span{font-size:.875rem;color:var(--ink-60);line-height:1.5}
/* ---- TERMS (navy-deep) ---- */
.lider-course-terms{background:var(--lider-bg-dark);color:#fff;position:relative;overflow:hidden}
.lider-course-terms > *{position:relative;z-index:2}
.lider-course-terms::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
background:
radial-gradient(900px 540px at 8% 12%,rgba(96,165,250,.32),transparent 62%),
radial-gradient(900px 520px at 92% 82%,rgba(232,28,46,.30),transparent 62%),
radial-gradient(700px 420px at 50% -10%,rgba(255,255,255,.22),transparent 70%),
radial-gradient(900px 560px at 18% 92%,rgba(125,211,252,.34),transparent 68%),
radial-gradient(800px 520px at 50% 55%,rgba(147,197,253,.22),transparent 70%);
mix-blend-mode:screen}
.lider-course-terms .lider-sec-tag{color:#ff9d6b}
.lider-course-terms .lider-sec-tag::before{background:#ff9d6b}
.lider-course-terms .lider-sec-h2{color:#fff}
.lider-course-terms .lider-sec-h2 em{color:#ff9d6b;font-style:normal}
.lider-course-terms .lider-sec-lead{color:rgba(255,255,255,.78)}
.lider-course-terms-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:8px}
.lider-course-term{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:20px 18px;transition:all .2s}
.lider-course-term:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22);transform:translateY(-2px)}
.lider-course-term-date{font-family:var(--f-head);font-size:1.35rem;color:#fff;line-height:1.1;margin-bottom:4px}
.lider-course-term-day{font-size:.75rem;color:rgba(255,255,255,.55);margin-bottom:12px;text-transform:uppercase;letter-spacing:.1em}
.lider-course-term-status{display:inline-flex;align-items:center;gap:8px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em}
.lider-course-term-status .pill{width:7px;height:7px;border-radius:50%;flex-shrink:0}
.lider-course-term-status.is-open{color:#4ade80}
.lider-course-term-status.is-open .pill{background:#4ade80;box-shadow:0 0 0 3px rgba(74,222,128,.18)}
.lider-course-term-status.is-few{color:#fbbf24}
.lider-course-term-status.is-few .pill{background:#fbbf24;box-shadow:0 0 0 3px rgba(251,191,36,.18)}
.lider-course-term-status.is-closed{color:rgba(255,255,255,.5)}
.lider-course-term-status.is-closed .pill{background:rgba(255,255,255,.4)}
.lider-course-terms-note{margin-top:28px;text-align:center;color:rgba(255,255,255,.85);font-size:.875rem}
.lider-course-terms-note b{color:#fff;font-weight:700}
.lider-course-terms-note a{color:#ff9d6b;border-bottom:1px solid rgba(255,157,107,.4);padding-bottom:1px}
.lider-course-terms-note a:hover{border-bottom-color:#ff9d6b}
/* ---- FAQ (bg-soft) ---- */
.lider-course-faq{background:var(--bg-soft)}
.lider-course-faq-wrap{max-width:820px;margin:8px auto 0}
.lider-course-faq-item{background:#fff;border:1px solid var(--line);border-radius:4px;margin-bottom:10px;overflow:hidden;transition:border-color .2s}
.lider-course-faq-item[open]{border-color:var(--red)}
.lider-course-faq-q{padding:20px 24px;font-family:var(--f-display);font-weight:700;font-size:.9375rem;color:var(--ink);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;list-style:none}
.lider-course-faq-q::-webkit-details-marker{display:none}
.lider-course-faq-q::after{content:"";width:12px;height:12px;border-right:2px solid var(--red);border-bottom:2px solid var(--red);transform:rotate(45deg);transition:transform .2s;flex-shrink:0;margin-right:4px}
.lider-course-faq-item[open] .lider-course-faq-q::after{transform:rotate(-135deg);margin-right:0;margin-top:4px}
.lider-course-faq-a{padding:0 24px 22px;color:var(--ink-60);font-size:.9375rem;line-height:1.65}
.lider-course-faq-a strong{color:var(--ink);font-weight:700}
/* ---- FINAL CTA (navy-deep) ---- */
.lider-course-final{background:var(--navy-deep);color:#fff;padding:clamp(3.5rem,5vw,5rem) 0;text-align:center;position:relative;border-top:1px solid rgba(255,255,255,.06)}
.lider-course-final .lider-sec-inner{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}
.lider-course-final h2{font-family:var(--f-head);font-size:clamp(2rem,3.5vw,2.75rem);color:#fff;margin:0 0 14px;line-height:1.1;text-transform:uppercase}
.lider-course-final h2 em{color:#ff9d6b;font-style:normal}
.lider-course-final p{color:rgba(255,255,255,.78);font-size:1rem;max-width:560px;margin:0 auto 28px;line-height:1.6}
.lider-course-final p strong{color:#fff;font-weight:700}
.lider-course-final-actions{display:inline-flex;gap:12px;flex-wrap:wrap;justify-content:center}
/* ---- COURSE mobile ---- */
/* ---- HUB HERO (top-level pages, simpler than course hero) ---- */
.lider-hub-hero{color:#fff;position:relative;overflow:hidden;
background:linear-gradient(135deg,#021c5a 0%,#04329d 50%,#1a4db8 100%)}
.lider-hub-hero::before{content:"";position:absolute;inset:0;z-index:1;opacity:.25;pointer-events:none;
background-image:url("data:image/svg+xml;utf8,")}
.lider-hub-hero.has-bg-image::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
background-image:var(--lider-hero-bg);background-size:cover;background-position:center;
opacity:.28;mix-blend-mode:luminosity;filter:saturate(.6)}
.lider-hub-hero-wrap{max-width:var(--maxw);margin:0 auto;padding:clamp(3rem,5vw,4.5rem) var(--gutter);position:relative;z-index:2;text-align:center;max-width:820px}
.lider-hub-hero-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--f-display);font-size:.75rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#fff;padding:8px 14px;border-radius:2px;margin-bottom:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2)}
.lider-hub-hero h1{font-family:var(--f-head);font-size:clamp(2.2rem,4.2vw,3.2rem);line-height:1.05;margin:0 auto 20px;color:#fff;letter-spacing:-.02em;text-transform:uppercase;max-width:12ch}
.lider-hub-hero h1 em{font-style:normal;color:#ff9d6b;display:block;font-size:.82em}
.lider-hub-hero-lead{color:rgba(255,255,255,.85);font-size:clamp(1rem,1.3vw,1.0625rem);line-height:1.6;margin:0 auto 28px;max-width:640px;font-family:var(--f-display)}
.lider-hub-hero-lead b{color:#fff;font-weight:700}
.lider-hub-hero-actions{display:inline-flex;gap:12px;flex-wrap:wrap;justify-content:center}
/* ---- HUB TILES ---- */
.lider-hub-tiles{background:#fff;padding:clamp(3.5rem,5vw,5rem) 0}
.lider-hub-tiles .lider-sec-inner{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}
.lider-hub-tiles .lider-sec-tag{display:inline-block;font-family:var(--f-display);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:var(--navy);margin-bottom:14px;position:relative;padding-left:32px}
.lider-hub-tiles .lider-sec-tag::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:22px;height:1.5px;background:var(--red)}
.lider-hub-tiles .lider-sec-h2{font-family:var(--f-head);font-size:clamp(1.875rem,3.2vw,2.5rem);line-height:1.1;color:var(--ink);margin:0 0 16px;letter-spacing:-.015em;text-transform:uppercase}
.lider-hub-tiles .lider-sec-h2 em{font-style:normal;color:var(--navy)}
.lider-hub-tiles .lider-sec-lead{color:var(--ink-60);font-size:1rem;line-height:1.6;max-width:720px;margin:0 0 36px}
.lider-hub-tiles .lider-sec-head-center{text-align:center;margin-bottom:clamp(2rem,3vw,3rem)}
.lider-hub-tiles .lider-sec-head-center .lider-sec-tag,
.lider-hub-tiles .lider-sec-head-center .lider-sec-h2,
.lider-hub-tiles .lider-sec-head-center .lider-sec-lead{margin-left:auto;margin-right:auto}
.lider-hub-tiles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:8px}
.lider-hub-tile-wrap{display:flex;flex-direction:column;gap:0}
.lider-hub-tile-wrap.has-wczasy .lider-hub-tile{border-bottom-left-radius:0;border-bottom-right-radius:0}
.lider-hub-tile{display:flex;flex-direction:column;padding:26px 24px;background:#fff;border:1px solid var(--line);border-radius:4px;text-decoration:none;color:inherit;position:relative;transition:all .2s;min-height:200px}
.lider-hub-tile:hover{transform:translateY(-3px);border-color:rgba(232,28,46,.4);box-shadow:0 16px 32px rgba(10,23,56,.08);color:inherit}
.lider-hub-tile--feat{border-color:var(--red);box-shadow:0 10px 30px -12px rgba(232,28,46,.35)}
.lider-hub-tile-flag{position:absolute;top:-11px;left:22px;background:var(--red);color:#fff;font-family:var(--f-display);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;padding:6px 12px;border-radius:3px}
.lider-hub-tile-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:8px;background:rgba(232,28,46,.08);color:var(--red);margin-bottom:16px;flex-shrink:0;transition:background .2s ease,color .2s ease}
.lider-hub-tile:hover .lider-hub-tile-icon{background:var(--red);color:#fff}
.lider-hub-tile-kat{font-family:var(--f-head);font-weight:800;font-size:1.25rem;color:var(--navy-deep);text-transform:uppercase;margin-bottom:8px;line-height:1.15;letter-spacing:-.01em}
.lider-hub-tile-desc{font-size:.875rem;color:var(--ink-60);line-height:1.5;margin:0 0 16px;flex:1}
.lider-hub-tile-meta{display:flex;justify-content:flex-start;align-items:center;padding-top:14px;margin-top:auto;border-top:1px solid var(--line);gap:10px}
.lider-hub-tile-duration{font-family:var(--f-display);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--gray)}
.lider-hub-tile-cta{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:11px 22px;background:var(--navy);color:#fff;font-family:var(--f-display);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--navy);border-radius:3px;transition:background .2s ease,border-color .2s ease,color .2s ease}
.lider-hub-tile-cta svg{transition:transform .2s ease}
.lider-hub-tile:hover .lider-hub-tile-cta{background:var(--navy-dk);border-color:var(--navy-dk);color:#fff}
.lider-hub-tile:hover .lider-hub-tile-cta svg{transform:translateX(3px)}
.lider-hub-tile--feat .lider-hub-tile-cta{background:var(--red);border-color:var(--red)}
.lider-hub-tile--feat:hover .lider-hub-tile-cta{background:var(--red-dk);border-color:var(--red-dk);color:#fff}
.lider-hub-tile--has-img{padding-top:0}
.lider-hub-tile--has-img .lider-hub-tile-img{display:block;margin:0 -24px 22px;aspect-ratio:16/10;overflow:hidden;background:#f4f5f8;border-top-left-radius:3px;border-top-right-radius:3px}
.lider-hub-tile--has-img .lider-hub-tile-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.lider-hub-tile--has-img:hover .lider-hub-tile-img img{transform:scale(1.05)}
.lider-hub-tile--has-img .lider-hub-tile-icon{width:40px;height:40px;margin-bottom:12px}
.lider-hub-tile--has-img .lider-hub-tile-icon svg{width:22px;height:22px}
/* ============== HUB PATHS — split-CTA Klasycznie vs Wczasy (tylko hub PJ) ============== */
.lider-hub-paths{background:#faf9f7;padding:clamp(3rem,4.5vw,4.5rem) 0}
.lider-hub-paths .lider-sec-inner{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}
.lider-hub-paths-head{text-align:center;max-width:760px;margin:0 auto clamp(2rem,3vw,2.75rem)}
.lider-hub-paths-tag{display:inline-block;font-family:var(--f-display);font-size:.6875rem;font-weight:700;
text-transform:uppercase;letter-spacing:.18em;color:var(--navy);margin-bottom:14px;position:relative;padding-left:32px}
.lider-hub-paths-tag::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
width:22px;height:1.5px;background:var(--red)}
.lider-hub-paths-h2{font-family:var(--f-head);font-size:clamp(1.875rem,3.2vw,2.5rem);line-height:1.1;color:var(--ink);
margin:0 0 14px;letter-spacing:-.015em;text-transform:uppercase}
.lider-hub-paths-h2 em{font-style:normal;color:var(--red)}
.lider-hub-paths-lead{color:var(--ink-60);font-size:1rem;line-height:1.6;margin:0}
.lider-hub-paths-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.lider-hub-path{position:relative;display:flex;gap:22px;padding:32px 30px;background:#fff;border:1px solid var(--line);
border-radius:8px;text-decoration:none;color:inherit;transition:transform .25s,box-shadow .25s,border-color .25s;
align-items:flex-start}
.lider-hub-path:hover{transform:translateY(-4px);box-shadow:0 24px 48px rgba(10,23,56,.10);color:inherit}
.lider-hub-path--std:hover{border-color:rgba(4,50,157,.4)}
.lider-hub-path--wcz{border-color:rgba(232,28,46,.35);
background:linear-gradient(180deg,#fff,rgba(232,28,46,.03))}
.lider-hub-path--wcz:hover{border-color:var(--red);box-shadow:0 24px 48px rgba(232,28,46,.18)}
.lider-hub-path-flag{position:absolute;top:-12px;right:24px;background:var(--red);color:#fff;
font-family:var(--f-display);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.10em;
padding:6px 14px;border-radius:3px}
.lider-hub-path-icon{flex-shrink:0;width:64px;height:64px;border-radius:12px;display:flex;align-items:center;justify-content:center;
background:rgba(4,50,157,.08);color:var(--navy)}
.lider-hub-path--wcz .lider-hub-path-icon{background:rgba(232,28,46,.10);color:var(--red-dk)}
.lider-hub-path-body{flex:1;display:flex;flex-direction:column;gap:8px}
.lider-hub-path-eyebrow{font-family:var(--f-display);font-size:.6875rem;font-weight:700;text-transform:uppercase;
letter-spacing:.14em;color:var(--navy)}
.lider-hub-path--wcz .lider-hub-path-eyebrow{color:var(--red)}
.lider-hub-path-title{font-family:var(--f-head);font-size:1.5rem;font-weight:800;color:var(--ink);
margin:0;letter-spacing:-.01em;line-height:1.15;text-transform:uppercase}
.lider-hub-path-desc{font-size:.9375rem;color:var(--ink-60);line-height:1.55;margin:4px 0 6px}
.lider-hub-path-meta{list-style:none;padding:0;margin:6px 0 14px;display:flex;flex-direction:column;gap:6px;
font-size:.875rem;color:var(--ink)}
.lider-hub-path-meta li{position:relative;padding-left:20px}
.lider-hub-path-meta li::before{content:"";position:absolute;left:0;top:9px;width:10px;height:2px;background:var(--red);border-radius:2px}
.lider-hub-path-cta{display:inline-flex;align-items:center;gap:8px;margin-top:6px;padding:11px 22px;
background:var(--navy);color:#fff;font-family:var(--f-display);font-size:.7rem;font-weight:700;
text-transform:uppercase;letter-spacing:.06em;border-radius:3px;align-self:flex-start;
transition:background .2s,gap .2s}
.lider-hub-path-cta svg{transition:transform .2s}
.lider-hub-path:hover .lider-hub-path-cta{background:var(--navy-dk)}
.lider-hub-path:hover .lider-hub-path-cta svg{transform:translateX(3px)}
.lider-hub-path--wcz .lider-hub-path-cta{background:var(--red)}
.lider-hub-path--wcz:hover .lider-hub-path-cta{background:var(--red-dk)}
@media (max-width:840px){
.lider-hub-paths-grid{grid-template-columns:1fr}
.lider-hub-path{padding:26px 22px;gap:16px}
.lider-hub-path-icon{width:52px;height:52px}
.lider-hub-path-title{font-size:1.25rem}}
/* Sub-link "wersja wczasowa" pod kafelkiem PJ */
.lider-hub-tile-wczasy{display:flex;align-items:center;gap:8px;padding:11px 18px;
background:linear-gradient(135deg,rgba(232,28,46,.06),rgba(232,28,46,.10));
color:var(--red-dk);font-family:var(--f-display);font-size:.78rem;font-weight:700;
text-transform:uppercase;letter-spacing:.04em;text-decoration:none;
border:1px solid rgba(232,28,46,.18);border-top:0;
border-bottom-left-radius:4px;border-bottom-right-radius:4px;
transition:background .2s,color .2s,padding .2s}
.lider-hub-tile-wczasy svg{flex-shrink:0;color:var(--red)}
.lider-hub-tile-wczasy-txt{flex:1;text-transform:none;font-weight:500;font-family:var(--f-body);font-size:.8125rem;letter-spacing:0;color:var(--ink)}
.lider-hub-tile-wczasy-txt b{color:var(--red-dk);font-weight:800;text-transform:uppercase;letter-spacing:.04em;font-size:.75rem}
.lider-hub-tile-wczasy-arr{transition:transform .2s}
.lider-hub-tile-wczasy:hover{background:linear-gradient(135deg,rgba(232,28,46,.10),rgba(232,28,46,.18));color:var(--red-dk);padding-left:22px}
.lider-hub-tile-wczasy:hover .lider-hub-tile-wczasy-arr{transform:translateX(3px)}
@media (max-width:1023px){
.lider-hub-tiles-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){
.lider-hub-tiles-grid{grid-template-columns:1fr}
.lider-hub-hero h1 em{display:inline}}
/* ---- ZAWODOWY SCOPE (numbered list) ---- */
.lider-zawodowy-scope{background:#fff;padding:clamp(3.5rem,5vw,5rem) 0}
.lider-zawodowy-scope .lider-sec-inner{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}
.lider-zawodowy-scope .lider-sec-tag{display:inline-block;font-family:var(--f-display);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:var(--navy);margin-bottom:14px;position:relative;padding-left:32px}
.lider-zawodowy-scope .lider-sec-tag::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:22px;height:1.5px;background:var(--red)}
.lider-zawodowy-scope .lider-sec-h2{font-family:var(--f-head);font-size:clamp(1.875rem,3.2vw,2.5rem);line-height:1.1;color:var(--ink);margin:0 0 16px;letter-spacing:-.015em;text-transform:uppercase}
.lider-zawodowy-scope .lider-sec-h2 em{font-style:normal;color:var(--navy)}
.lider-zawodowy-scope .lider-sec-lead{color:var(--ink-60);font-size:1rem;line-height:1.6;max-width:720px;margin:0 0 36px}
.lider-zawodowy-scope .lider-sec-head-center{text-align:center;margin-bottom:clamp(2rem,3vw,3rem)}
.lider-zawodowy-scope .lider-sec-head-center .lider-sec-tag,
.lider-zawodowy-scope .lider-sec-head-center .lider-sec-h2,
.lider-zawodowy-scope .lider-sec-head-center .lider-sec-lead{margin-left:auto;margin-right:auto}
.lider-zawodowy-scope-list{list-style:none;padding:0;margin:0;max-width:820px;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;gap:14px;counter-reset:scope}
.lider-zawodowy-scope-list li{display:flex;align-items:flex-start;gap:18px;padding:20px 24px;background:var(--bg-soft);border:1px solid var(--line);border-radius:4px;transition:all .2s}
.lider-zawodowy-scope-list li:hover{border-color:rgba(232,28,46,.3);background:#fff;transform:translateX(3px)}
.lider-zawodowy-scope-num{display:inline-flex;align-items:center;justify-content:center;font-family:var(--f-head);font-size:1.125rem;color:#fff;background:var(--red);border-radius:50%;width:36px;height:36px;flex-shrink:0;letter-spacing:-.02em}
.lider-zawodowy-scope-text{font-family:var(--f-display);font-weight:600;font-size:.9375rem;color:var(--ink);line-height:1.5;padding-top:6px}
/* ---- ZAWODOWY REQUIREMENTS (check list) ---- */
.lider-zawodowy-requirements{background:var(--bg-soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:clamp(3.5rem,5vw,5rem) 0}
.lider-zawodowy-requirements .lider-sec-inner{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}
.lider-zawodowy-requirements .lider-sec-tag{display:inline-block;font-family:var(--f-display);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:var(--navy);margin-bottom:14px;position:relative;padding-left:32px}
.lider-zawodowy-requirements .lider-sec-tag::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:22px;height:1.5px;background:var(--red)}
.lider-zawodowy-requirements .lider-sec-h2{font-family:var(--f-head);font-size:clamp(1.875rem,3.2vw,2.5rem);line-height:1.1;color:var(--ink);margin:0 0 16px;letter-spacing:-.015em;text-transform:uppercase}
.lider-zawodowy-requirements .lider-sec-h2 em{font-style:normal;color:var(--navy)}
.lider-zawodowy-requirements .lider-sec-lead{color:var(--ink-60);font-size:1rem;line-height:1.6;max-width:720px;margin:0 0 36px}
.lider-zawodowy-requirements .lider-sec-head-center{text-align:center;margin-bottom:clamp(2rem,3vw,3rem)}
.lider-zawodowy-requirements .lider-sec-head-center .lider-sec-tag,
.lider-zawodowy-requirements .lider-sec-head-center .lider-sec-h2,
.lider-zawodowy-requirements .lider-sec-head-center .lider-sec-lead{margin-left:auto;margin-right:auto}
.lider-zawodowy-requirements-list{list-style:none;padding:0;margin:0;max-width:720px;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;gap:12px}
.lider-zawodowy-requirements-list li{display:flex;align-items:center;gap:14px;padding:18px 22px;background:#fff;border:1px solid var(--line);border-radius:4px;font-family:var(--f-display);font-weight:600;font-size:.9375rem;color:var(--ink);line-height:1.4;transition:all .2s}
.lider-zawodowy-requirements-list li:hover{border-color:var(--red);transform:translateX(3px)}
.lider-zawodowy-requirements-list svg{color:var(--red);flex-shrink:0;background:rgba(232,28,46,.08);border-radius:50%;padding:4px;width:28px;height:28px}
/* ---- WCZASY PROGRAM (timeline 3 kroków) ---- */
.lider-wczasy-program{background:#fff;padding:clamp(3.5rem,5vw,5rem) 0}
.lider-wczasy-program .lider-sec-inner{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}
.lider-wczasy-program .lider-sec-tag{display:inline-block;font-family:var(--f-display);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:var(--navy);margin-bottom:14px;position:relative;padding-left:32px}
.lider-wczasy-program .lider-sec-tag::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:22px;height:1.5px;background:var(--red)}
.lider-wczasy-program .lider-sec-h2{font-family:var(--f-head);font-size:clamp(1.875rem,3.2vw,2.5rem);line-height:1.1;color:var(--ink);margin:0 0 16px;letter-spacing:-.015em;text-transform:uppercase}
.lider-wczasy-program .lider-sec-h2 em{font-style:normal;color:var(--navy)}
.lider-wczasy-program .lider-sec-lead{color:var(--ink-60);font-size:1rem;line-height:1.6;max-width:720px;margin:0 0 36px}
.lider-wczasy-program .lider-sec-head-center{text-align:center;margin-bottom:clamp(2rem,3vw,3rem)}
.lider-wczasy-program .lider-sec-head-center .lider-sec-tag,
.lider-wczasy-program .lider-sec-head-center .lider-sec-h2,
.lider-wczasy-program .lider-sec-head-center .lider-sec-lead{margin-left:auto;margin-right:auto}
/* Spojny ze styl flow-steps z wczasy-flow (4 tile w panel z gap 1px),
ale na jasnym tle. Czerwony top-accent + czerwony bold numer + czytelna hierarchia. */
.lider-wczasy-program-grid{
display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
margin-top:8px;
background:rgba(11,16,52,.1);
border:1px solid rgba(11,16,52,.1);
border-radius:6px;overflow:hidden;
position:relative;
}
.lider-wczasy-program-grid::before{display:none}
.lider-wczasy-program-step{
background:#fff;
padding:30px 28px 28px;
position:relative;z-index:1;
text-align:left;
border:none;border-radius:0;
border-top:3px solid var(--red);
display:flex;flex-direction:column;
transition:background .25s;
}
.lider-wczasy-program-step::after{display:none}
.lider-wczasy-program-step:hover{
background:#fafbfd;
transform:none;box-shadow:none;border-color:var(--red);
}
/* Glowka tile: ikona po lewej + numer/label po prawej w jednej linii. */
.lider-wczasy-program-step-head{
display:flex;align-items:center;gap:16px;
margin-bottom:18px;
}
.lider-wczasy-program-step-ico{
width:52px;height:52px;flex-shrink:0;
background:linear-gradient(135deg,rgba(232,28,46,.12),rgba(232,28,46,.04));
color:var(--red);
border:1px solid rgba(232,28,46,.18);
border-radius:8px;
display:grid;place-items:center;
}
.lider-wczasy-program-step-ico svg{width:26px;height:26px}
.lider-wczasy-program-step-meta{display:flex;flex-direction:column;gap:0;line-height:1}
.lider-wczasy-program-step-num{
display:inline-block;
font-family:var(--f-head);font-weight:900;
font-size:clamp(1.75rem,2.4vw,2.125rem);
color:var(--navy);
letter-spacing:-.03em;line-height:1;
margin:0;padding:0;background:none;
border-radius:0;height:auto;min-width:0;
white-space:nowrap;
}
.lider-wczasy-program-step-num::after{display:none}
.lider-wczasy-program-step-label{
display:inline-block;
font-family:var(--f-display);font-size:.625rem;font-weight:800;
text-transform:uppercase;letter-spacing:.2em;
color:var(--red);
margin:6px 0 0;
}
.lider-wczasy-program-step-title{
font-family:var(--f-head);font-size:1.125rem;font-weight:800;
color:var(--navy);text-transform:uppercase;letter-spacing:-.01em;line-height:1.2;
margin:0 0 10px;
}
.lider-wczasy-program-step-desc{
font-family:var(--f-body);
font-size:.9375rem;color:rgba(11,16,52,.65);
line-height:1.55;margin:0;
}
/* ---- WCZASY HOTEL ---- */
.lider-wczasy-hotel{background:var(--bg-soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:clamp(3.5rem,5vw,5rem) 0}
.lider-wczasy-hotel .lider-sec-inner{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}
.lider-wczasy-hotel .lider-sec-tag{display:inline-block;font-family:var(--f-display);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:var(--navy);margin-bottom:14px;position:relative;padding-left:32px}
.lider-wczasy-hotel .lider-sec-tag::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:22px;height:1.5px;background:var(--red)}
.lider-wczasy-hotel .lider-sec-h2{font-family:var(--f-head);font-size:clamp(1.875rem,3.2vw,2.5rem);line-height:1.1;color:var(--ink);margin:0 0 16px;letter-spacing:-.015em;text-transform:uppercase}
.lider-wczasy-hotel .lider-sec-lead{color:var(--ink-60);font-size:1rem;line-height:1.6;max-width:720px;margin:0 0 36px}
.lider-wczasy-hotel .lider-sec-head-center{text-align:center;margin-bottom:clamp(2rem,3vw,3rem)}
.lider-wczasy-hotel .lider-sec-head-center .lider-sec-tag,
.lider-wczasy-hotel .lider-sec-head-center .lider-sec-h2,
.lider-wczasy-hotel .lider-sec-head-center .lider-sec-lead{margin-left:auto;margin-right:auto}
.lider-wczasy-hotel-features{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;list-style:none;padding:0;margin:0 0 28px}
.lider-wczasy-hotel-features li{display:flex;align-items:center;gap:12px;padding:16px 18px;background:#fff;border:1px solid var(--line);border-radius:4px;font-size:.9375rem;color:var(--ink);font-family:var(--f-display);font-weight:600}
.lider-wczasy-hotel-features svg{color:var(--red);flex-shrink:0}
.lider-wczasy-hotel-more{text-align:center;font-size:.9375rem;color:var(--ink-60);margin:0}
.lider-wczasy-hotel-more a{color:var(--navy);font-weight:700;border-bottom:1px dashed var(--navy);padding-bottom:1px}
.lider-wczasy-hotel-more a:hover{color:var(--red);border-bottom-color:var(--red)}
@media (max-width:1023px){
.lider-wczasy-program-grid{grid-template-columns:1fr;gap:16px}
.lider-wczasy-program-grid::before{display:none}
.lider-wczasy-hotel-features{grid-template-columns:1fr 1fr}}
@media (max-width:640px){
.lider-wczasy-hotel-features{grid-template-columns:1fr}}
@media (max-width:1023px){
.lider-course-hero-wrap{grid-template-columns:1fr;gap:2rem}
.lider-course-hero-visual{order:-1;max-width:400px;margin:0 auto}
.lider-course-specs-grid{grid-template-columns:repeat(3,1fr)}
.lider-course-pricing-grid,.lider-course-pricing-grid--2,.lider-course-pricing-grid--3{grid-template-columns:repeat(2,1fr);max-width:none}
.lider-course-pricing-grid--1{grid-template-columns:minmax(0,440px);max-width:none;justify-content:center}
.lider-course-benefits-grid{grid-template-columns:1fr 1fr}
.lider-course-terms-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){
.lider-course-hero h1{font-size:2rem}
.lider-course-specs-grid{grid-template-columns:repeat(2,1fr)}
.lider-course-pricing-grid,.lider-course-pricing-grid--2,.lider-course-pricing-grid--3{grid-template-columns:1fr;gap:14px}
.lider-course-pricing-grid--1{grid-template-columns:1fr;gap:14px;justify-content:stretch}
.lider-course-benefits-grid{grid-template-columns:1fr}
.lider-course-terms-grid{grid-template-columns:repeat(2,1fr)}}
/* ============================================================ */
/* ---- KAT. B PREMIUM (single consolidated pass) ---- */
/* ============================================================ */
body.lider-course-page{overflow-x:hidden}
.lider-course-page .lider-crumbs{background:#f5f6fa;border-bottom:1px solid var(--line)}
/* ===== HERO (aligned to home .lider-hero design language) ===== */
.lider-course-page .lider-course-hero--premium{
position:relative;overflow:hidden;
background:#011042;color:#fff;
padding:0;
isolation:isolate;
}
.lider-course-page .lider-course-hero--premium::before{
content:"";position:absolute;inset:0;z-index:0;
background:
radial-gradient(ellipse at 50% 120%,rgba(4,50,157,.4),transparent 55%),
linear-gradient(180deg,rgba(1,11,50,.68) 0%,rgba(1,16,66,.55) 45%,rgba(1,5,31,.84) 100%),
url("../assets/images/hero-bg-kat-b.jpg") center/cover no-repeat;
display:block;
}
.lider-course-page .lider-course-hero--premium::after{
content:"";position:absolute;inset:0;z-index:1;opacity:.22;pointer-events:none;
background-image:url("data:image/svg+xml;utf8,");
display:block;
}
.lider-course-page .lider-course-hero--premium .lider-course-hero-wrap{
position:relative;z-index:2;
max-width:var(--maxw);margin:0 auto;
padding:clamp(2.5rem,5vw,4.5rem) var(--gutter) clamp(2rem,3vw,2.75rem);
display:grid;
grid-template-columns:1fr 1fr;
gap:clamp(2rem,5vw,5rem);
align-items:center;
background:none;
}
.lider-course-page .lider-course-hero--premium .lider-course-hero-copy{
max-width:none;padding:0;align-self:center;
}
/* Eyebrow — identyczna jak home .lider-hero-eyebrow */
.lider-course-page .lider-course-hero--premium .lider-course-hero-eyebrow{
display:inline-flex;align-items:center;gap:10px;
font-family:var(--f-display);font-size:.6875rem;font-weight:700;letter-spacing:.2em;
text-transform:uppercase;color:rgba(255,255,255,.85);
padding:8px 14px;border-radius:2px;margin-bottom:20px;
background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);
box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;
}
.lider-course-page .lider-course-hero--premium .lider-course-hero-eyebrow::before{
content:"";width:6px;height:6px;border-radius:50%;background:var(--red);
box-shadow:0 0 0 3px rgba(232,28,46,.25);animation:lider-pulse 1.8s infinite;
}
/* H1 — pattern home: main biały + sub pół-transparent + em czerwony z podkreśleniem .4 opacity */
.lider-course-page .lider-course-hero--premium h1{
margin:0 0 16px;line-height:1.05;font-weight:900;font-family:var(--f-head);
text-transform:uppercase;color:#fff;
font-size:clamp(2rem,4.2vw,3.5rem);letter-spacing:-.03em;
}
.lider-course-page .lider-course-hero--premium h1 .lider-course-hero-title-accent{
display:inline;font-style:normal;text-transform:uppercase;font-weight:900;
color:rgba(255,255,255,.78);background:none;
-webkit-text-fill-color:rgba(255,255,255,.78);
font-size:clamp(1.5rem,3vw,2.5rem);letter-spacing:-.025em;
}
.lider-course-page .lider-course-hero--premium h1 em{
font-style:normal;color:var(--red);position:relative;display:inline-block;
font-size:clamp(1.5rem,3vw,2.5rem);letter-spacing:-.025em;
text-transform:uppercase;font-weight:900;
}
.lider-course-page .lider-course-hero--premium h1 em::after{
content:"";position:absolute;left:.05em;right:.05em;bottom:.08em;
height:4px;background:var(--red);opacity:.4;border-radius:0;
}
/* "Egzamin WORD w cenie" — styl home .lider-hero-meta (mała kapitaliki z cienkim borderem) */
.lider-course-page .lider-course-hero-word{
display:inline-flex;align-items:center;gap:8px;
margin:0 0 20px;padding:5px 10px;
font-family:var(--f-display);font-size:.75rem;
letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.85);
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.12);
border-radius:2px;font-weight:700;line-height:1;
backdrop-filter:none;-webkit-backdrop-filter:none;
}
.lider-course-page .lider-course-hero-word::before{
content:"";flex-shrink:0;
width:14px;height:14px;border-radius:50%;
background:var(--red) url("data:image/svg+xml;utf8,") center/10px 10px no-repeat;
box-shadow:none;
}
.lider-course-page .lider-course-hero--premium .lider-course-hero-lead{display:none}
/* Buttons — lider-btn-red + WhatsApp jako ghost-white z zieloną ikonką (akcent) */
.lider-course-page .lider-course-hero--premium .lider-course-hero-actions{
gap:10px;margin-bottom:24px;
}
.lider-course-page .lider-course-hero--premium .lider-btn-lg{
padding:16px 28px;font-size:.9375rem;border-radius:3px;
min-height:0;box-shadow:none;transition:all .18s;
}
.lider-course-page .lider-course-hero--premium .lider-btn-red{background:var(--red);color:#fff}
.lider-course-page .lider-course-hero--premium .lider-btn-red:hover{
background:var(--red-dk);transform:translateY(-1px);color:#fff;box-shadow:none;
}
.lider-course-page .lider-course-hero--premium .lider-btn-wa{
background:transparent;color:#fff;
border:1.5px solid rgba(255,255,255,.4);
box-shadow:none;
}
.lider-course-page .lider-course-hero--premium .lider-btn-wa svg{
color:#25d366;width:16px;height:16px;
}
.lider-course-page .lider-course-hero--premium .lider-btn-wa:hover{
background:#25d366;color:#fff;border-color:#25d366;
transform:translateY(-1px);box-shadow:none;
}
.lider-course-page .lider-course-hero--premium .lider-btn-wa:hover svg{color:#fff}
/* Proof row — styl home .lider-ht-item (40×40 czerwony icon na rgba-white-08, Archivo Black) */
.lider-course-page .lider-course-hero-proof{
display:grid;grid-template-columns:repeat(3,auto);
justify-content:start;align-items:center;
gap:28px;margin:8px 0 0;max-width:none;
}
.lider-course-page .lider-course-hero-proof span{
display:flex;align-items:center;gap:14px;
padding:0;margin:0;
border:0;border-radius:0;background:transparent;
box-shadow:none;backdrop-filter:none;
color:inherit;font-size:inherit;line-height:inherit;min-height:0;
}
.lider-course-page .lider-course-hero-proof span > svg{
flex-shrink:0;
width:18px;height:18px;padding:11px;
color:var(--red);
background:rgba(255,255,255,.08);
border:0;border-radius:4px;
box-sizing:content-box;
}
.lider-course-page .lider-course-hero-proof span > div{display:flex;flex-direction:column;line-height:1.1}
.lider-course-page .lider-course-hero-proof b{
display:block;font-family:var(--f-head);font-size:1.25rem;color:#fff;
letter-spacing:-.01em;font-weight:normal;
}
.lider-course-page .lider-course-hero-proof small{
display:block;margin-top:3px;
font-family:var(--f-display);font-size:.6875rem;font-weight:600;
letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.65);
}
/* Hero visual — aspect 3/2 (DSC00099 native), border-radius 6px, bez clip-path */
.lider-course-page .lider-course-hero--premium .lider-course-hero-visual{
position:relative;display:block;
aspect-ratio:3/2;border-radius:6px;overflow:hidden;
box-shadow:0 40px 100px rgba(0,0,0,.55);
min-height:auto;align-self:center;
}
.lider-course-page .lider-course-hero--premium .lider-course-hero-img{
position:absolute;inset:0;width:100%;height:100%;
background-size:cover;background-position:center;
border-radius:0;aspect-ratio:auto;clip-path:none;
transform:none;box-shadow:none;
}
.lider-course-page .lider-course-hero--premium .lider-course-hero-img::after{
content:"";position:absolute;inset:0;pointer-events:none;
background:linear-gradient(180deg,transparent 60%,rgba(1,16,66,.5) 100%);
}
.lider-course-page .lider-course-hero--premium .lider-course-hero-visual::before,
.lider-course-page .lider-course-hero--premium .lider-course-hero-visual::after{display:none}
/* ===== TRUST BAR pod hero — styl home .lider-hero-trust (flat translucent pasek z 4 items + Google) ===== */
.lider-course-page .lider-course-trust{
position:relative;z-index:2;
max-width:none;margin:0;
background:rgba(1,16,66,.85);
border-top:1px solid rgba(255,255,255,.1);
border-radius:0;box-shadow:none;
padding:24px max(var(--gutter), calc((100% - var(--maxw)) / 2 + var(--gutter)));
display:flex;flex-wrap:wrap;
justify-content:space-between;align-items:center;
gap:20px 32px;
}
.lider-course-page .lider-course-trust-item{
display:flex;align-items:center;gap:14px;
padding:0;margin:0;
border:0;border-radius:0;background:transparent;
box-shadow:none;backdrop-filter:none;min-height:0;position:relative;
}
.lider-course-page .lider-course-trust-item + .lider-course-trust-item::before{display:none}
.lider-course-page .lider-course-trust-item > svg{
flex-shrink:0;
width:18px;height:18px;padding:11px;
color:var(--red);
background:rgba(255,255,255,.08);
border:0;border-radius:4px;
box-sizing:content-box;
}
.lider-course-page .lider-course-trust-item--rating > svg{
color:#fbbc04;background:rgba(255,255,255,.08);
}
.lider-course-page .lider-course-trust-item > div{display:flex;flex-direction:column;line-height:1.1}
.lider-course-page .lider-course-trust-item b{
display:block;margin:0;
font-family:var(--f-head);font-size:1.25rem;line-height:1.1;
color:#fff;letter-spacing:-.01em;font-weight:normal;
}
.lider-course-page .lider-course-trust-item span{
display:block;margin-top:3px;
font-family:var(--f-display);font-size:.6875rem;font-weight:600;
letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.65);
}
.lider-course-page .lider-course-trust-item--rating b{color:#fff}
/* Google + FB rating cards — jak home .lider-ht-goog */
.lider-course-page .lider-course-trust-item--google,
.lider-course-page .lider-course-trust-item--fb{
padding:10px 14px;
background:rgba(255,255,255,.06);
border:1px solid rgba(255,255,255,.15);
border-radius:4px;
gap:12px;
}
.lider-course-page .lider-course-trust-item--google > svg,
.lider-course-page .lider-course-trust-item--fb > svg{
width:24px;height:24px;padding:0;
background:transparent;border-radius:0;
flex-shrink:0;
}
.lider-course-page .lider-course-trust-item--google b,
.lider-course-page .lider-course-trust-item--fb b{
font-family:var(--f-head);font-size:1rem;color:#fff;
letter-spacing:-.01em;font-weight:normal;line-height:1.1;
}
.lider-course-page .lider-course-trust-item--google .stars{
display:block;margin-top:3px;
color:#fbbc04;font-family:var(--f-display);font-size:.75rem;
letter-spacing:.03em;text-transform:none;font-weight:600;
}
.lider-course-page .lider-course-trust-item--fb span{
margin-top:3px;font-size:.75rem;font-weight:600;
letter-spacing:.03em;text-transform:none;
color:rgba(255,255,255,.75);
}
/* ===== SPECS PREMIUM (board 3-col + 6 spec cards) ===== */
.lider-course-page .lider-course-specs--premium{
padding:clamp(3.5rem,5vw,4.5rem) 0 clamp(4rem,5vw,5rem);
background:#fff;
border:0;
}
.lider-course-page .lider-course-specs--premium .lider-sec-inner{
max-width:var(--maxw);
margin:0 auto;
padding:0 var(--gutter);
}
.lider-course-page .lider-course-specs--premium .lider-sec-head-center{
max-width:720px;
margin:0 auto clamp(2rem,3vw,2.5rem);
}
.lider-course-page .lider-course-specs--premium .lider-sec-h2{
font-family:var(--f-head);
font-size:clamp(1.9rem,3.2vw,2.5rem);
line-height:1.08;
color:var(--ink);
letter-spacing:-.015em;
text-transform:uppercase;
}
/* 2 kolumny: Warunki rozpoczęcia + Co dostajesz w cenie (1:1 z grupalider.pl) */
.lider-course-page .lider-course-info{
position:relative;
background:var(--bg-soft);
padding:clamp(3rem,4.5vw,4.5rem) 0;
}
.lider-course-page .lider-course-info::before,
.lider-course-page .lider-course-info::after{display:none}
.lider-course-page .lider-course-info-wrap{
position:relative;z-index:1;
max-width:var(--maxw);
margin:0 auto;
padding:0 var(--gutter);
}
.lider-course-page .lider-course-info-grid{
display:grid;
grid-template-columns:1fr 1fr 340px;
gap:clamp(18px,2vw,24px);
align-items:stretch;
}
.lider-course-page .lider-course-info-grid--no-media{
grid-template-columns:repeat(2,1fr);
}
/* 1 box + media — bez pustej środkowej kolumny. Stosowane np. dla kursów
zawodowych gdzie grupalider.pl nie pokazuje sekcji "Co dostajesz w cenie". */
.lider-course-page .lider-course-info-grid--single{
grid-template-columns:1fr 420px;
}
@media (max-width:1060px){
.lider-course-page .lider-course-info-grid--single{grid-template-columns:1fr 1fr}}
.lider-course-page .lider-course-info-card{
position:relative;
display:flex;flex-direction:column;
height:100%;
padding:clamp(1.7rem,2.2vw,2.1rem);
background:#fff;
border:1px solid var(--line);
border-radius:8px;
box-shadow:0 1px 2px rgba(13,35,64,.04);
transition:box-shadow .2s,border-color .2s;
}
.lider-course-page .lider-course-info-list{flex:1 0 auto}
.lider-course-page .lider-course-info-card:hover{
border-color:rgba(4,50,157,.25);
box-shadow:0 12px 32px rgba(13,35,64,.08);
}
.lider-course-page .lider-course-info-media{
position:relative;
min-height:320px;
border-radius:8px;
overflow:hidden;
border:1px solid var(--line);
box-shadow:0 1px 2px rgba(13,35,64,.04);
background:#0d2340;
}
.lider-course-page .lider-course-info-media img{
position:absolute;inset:0;
width:100%;height:100%;
object-fit:cover;
display:block;
}
.lider-course-page .lider-course-info-media::after{
content:"";
position:absolute;inset:0;
background:linear-gradient(180deg,rgba(1,16,66,0) 40%,rgba(1,16,66,.72) 100%);
}
.lider-course-page .lider-course-info-media-cap{
position:absolute;left:0;right:0;bottom:0;
padding:1.1rem 1.2rem;
color:#fff;
font-family:var(--f-display);
font-size:.92rem;
font-weight:600;
line-height:1.35;
z-index:1;
}
.lider-course-page .lider-course-info-media-cap b{
display:block;
font-family:var(--f-head);
font-size:1.05rem;
font-weight:400;
text-transform:uppercase;
letter-spacing:.04em;
margin-bottom:.15rem;
}
.lider-course-page .lider-course-info-head{
display:flex;align-items:center;gap:14px;
margin:0 0 1.3rem;
padding:0 0 1.1rem;
border-bottom:2px solid rgba(13,35,64,.08);
min-height:88px;
}
.lider-course-page .lider-course-info-head > div{flex:1;min-width:0}
.lider-course-page .lider-course-info-icon{
flex-shrink:0;
display:flex;align-items:center;justify-content:center;
width:44px;height:44px;
border-radius:6px;
background:var(--red);
color:#fff;
}
.lider-course-page .lider-course-info-card--price .lider-course-info-icon{
background:var(--navy);
}
.lider-course-page .lider-course-info-tag{
display:block;
margin:.15rem 0 .35rem;
font-family:var(--f-display);
font-size:.7rem;
font-weight:800;
letter-spacing:.14em;
text-transform:uppercase;
color:var(--red);
}
.lider-course-page .lider-course-info-card--price .lider-course-info-tag{color:var(--navy)}
.lider-course-page .lider-course-info-head h2{
margin:0;
font-family:var(--f-display);
font-size:clamp(1.25rem,1.55vw,1.45rem);
font-weight:800;
line-height:1.2;
color:var(--ink);
letter-spacing:-.015em;
text-transform:none;
}
.lider-course-page .lider-course-info-list{
list-style:none;
margin:0;padding:0;
display:flex;flex-direction:column;gap:13px;
}
.lider-course-page .lider-course-info-list li{
display:flex;align-items:flex-start;gap:11px;
font-family:var(--f-display);
font-size:.98rem;
font-weight:500;
line-height:1.5;
color:var(--ink);
}
.lider-course-page .lider-course-info-list svg{
flex-shrink:0;
width:20px;height:20px;
margin-top:2px;
padding:3px;
border-radius:4px;
background:rgba(232,28,46,.1);
color:var(--red);
box-sizing:border-box;
}
.lider-course-page .lider-course-info-list--price svg{
background:rgba(22,163,74,.12);
color:#16a34a;
}
.lider-course-page .lider-course-info-foot{
margin:1.3rem 0 0;
padding:12px 14px;
border-radius:4px;
background:var(--bg-soft);
border-left:3px solid var(--navy);
font-family:var(--f-display);
font-size:.85rem;
font-weight:500;
line-height:1.5;
color:var(--ink);
}
.lider-course-page .lider-course-info-foot b,
.lider-course-page .lider-course-info-foot strong{color:var(--navy);font-weight:700}
@media (max-width:1060px){
.lider-course-page .lider-course-info-grid{grid-template-columns:repeat(2,1fr)}
.lider-course-page .lider-course-info-media{grid-column:1 / -1;min-height:240px}}
@media (max-width:820px){
.lider-course-page .lider-course-info-grid{grid-template-columns:1fr}
.lider-course-page .lider-course-info-media{min-height:220px}}
/* ===== PRICING B — navy + delikatne prze swit hero-image kategorii ===== */
.lider-course-page .lider-course-pricing{
position:relative;
background:var(--lider-bg-dark);
color:#fff;
padding:clamp(4rem,5vw,5.5rem) 0 clamp(4rem,5vw,5rem);
overflow:hidden;
isolation:isolate;
}
/* Hero image kategorii jako delikatne tlo — overlay blend daje "klimat"
navy + zdjecie nie przykrywajac czytelnosci kart cen. */
.lider-course-page .lider-course-pricing--premium::before{
content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
background-image:var(--lider-pricing-bg);
background-size:cover;background-position:center;
opacity:.14;
mix-blend-mode:screen;
filter:saturate(.55) brightness(.8);
}
/* Vinieta — wyciemnia brzegi, srodek najjasniejszy → karty na srodku zostaja czytelne. */
.lider-course-page .lider-course-pricing--premium::after{
content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
background:
radial-gradient(120% 90% at 50% 50%,transparent 0%,rgba(1,28,76,.55) 70%,rgba(1,16,66,.85) 100%);
}
.lider-course-page .lider-course-pricing .lider-sec-inner{position:relative;z-index:2}
.lider-course-page .lider-course-pricing .lider-sec-tag{color:#fff;opacity:.88}
.lider-course-page .lider-course-pricing .lider-sec-tag::before{background:var(--red)}
.lider-course-page .lider-course-pricing .lider-sec-h2{color:#fff}
.lider-course-page .lider-course-pricing .lider-sec-h2 em{color:var(--red)}
.lider-course-page .lider-course-pricing .lider-sec-lead{color:rgba(255,255,255,.78)}
.lider-course-page .lider-course-pricing-grid{
gap:20px;
padding-top:22px;
align-items:stretch;
}
.lider-course-page .lider-course-pricing-grid--1{
grid-template-columns:minmax(0,460px);
justify-content:center;
max-width:none;
}
.lider-course-page .lider-course-price{
position:relative;
display:flex;flex-direction:column;align-items:center;text-align:center;
padding:clamp(2.4rem,3.2vw,3rem) clamp(1.6rem,2.2vw,2rem) clamp(1.8rem,2.4vw,2.2rem);
border-radius:10px;
background:rgba(255,255,255,.04);
border:1px solid rgba(255,255,255,.14);
backdrop-filter:blur(14px);
-webkit-backdrop-filter:blur(14px);
box-shadow:0 20px 50px rgba(0,0,0,.28);
transition:transform .2s,background .2s,border-color .2s,box-shadow .2s;
overflow:visible;
color:#fff;
}
.lider-course-page .lider-course-price:hover{
transform:translateY(-4px);
background:rgba(255,255,255,.06);
border-color:rgba(255,255,255,.24);
box-shadow:0 28px 60px rgba(0,0,0,.35);
}
.lider-course-page .lider-course-price--feat{
background:rgba(232,28,46,.1);
border:1px solid rgba(232,28,46,.45);
box-shadow:0 24px 55px rgba(232,28,46,.22);
}
.lider-course-page .lider-course-price--feat:hover{
background:rgba(232,28,46,.14);
border-color:rgba(232,28,46,.6);
box-shadow:0 30px 66px rgba(232,28,46,.32);
}
.lider-course-page .lider-course-price-badge{
position:absolute;
top:-13px;left:50%;transform:translateX(-50%);
padding:6px 14px;
border-radius:999px;
background:var(--red);
color:#fff;
font-family:var(--f-display);
font-size:.68rem;
font-weight:800;
letter-spacing:.14em;
text-transform:uppercase;
white-space:nowrap;
box-shadow:0 8px 20px rgba(232,28,46,.45);
}
.lider-course-page .lider-course-price-name{display:none}
.lider-course-page .lider-course-price-h{
font-family:var(--f-display);
font-size:1.35rem;
font-weight:800;
line-height:1.1;
color:#fff;
margin:0 0 10px;
text-transform:none;
letter-spacing:-.01em;
}
.lider-course-page .lider-course-price-sub{
display:inline-flex;align-items:center;justify-content:center;gap:6px;
margin:0 0 22px;
padding:6px 14px;
border-radius:999px;
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.14);
font-family:var(--f-display);
font-size:.82rem;
font-weight:600;
color:rgba(255,255,255,.9);
line-height:1;
}
.lider-course-page .lider-course-price-sub svg{flex-shrink:0;color:rgba(255,255,255,.75)}
.lider-course-page .lider-course-price--feat .lider-course-price-sub{
background:rgba(255,255,255,.12);
border-color:rgba(255,255,255,.22);
}
.lider-course-page .lider-course-price-amount{
display:flex;align-items:baseline;justify-content:center;gap:6px;
margin:6px 0 22px;
color:#fff;
}
.lider-course-page .lider-course-price-includes{
align-self:stretch;
display:flex;align-items:center;justify-content:center;gap:8px;
margin:0 0 26px;
padding:12px 14px;
border-radius:6px;
background:rgba(34,197,94,.12);
border:1px solid rgba(34,197,94,.28);
color:#86efac;
font-family:var(--f-display);
font-size:.85rem;
font-weight:700;
line-height:1.3;
}
.lider-course-page .lider-course-price-includes svg{flex-shrink:0}
.lider-course-page .lider-course-price-amount .cur-pre{
font-family:var(--f-display);
font-size:.72rem;
font-weight:700;
letter-spacing:.14em;
text-transform:uppercase;
color:rgba(255,255,255,.55);
align-self:center;
margin-right:2px;
}
.lider-course-page .lider-course-price-amount .num{
font-family:var(--f-display);
font-size:2.75rem;
font-weight:800;
line-height:1;
letter-spacing:-.02em;
color:#fff;
}
.lider-course-page .lider-course-price-amount .cur{
font-family:var(--f-display);
font-size:1rem;
font-weight:700;
color:rgba(255,255,255,.85);
letter-spacing:0;
}
.lider-course-page .lider-course-price-note{
font-family:var(--f-display);
font-weight:600;
font-size:.85rem;
color:var(--gray);
margin:0 0 22px;
padding-bottom:18px;
border-bottom:1px solid rgba(13,35,64,.08);
}
.lider-course-page .lider-course-price-feats{
list-style:none;
margin:0 0 26px;
padding:0;
display:flex;flex-direction:column;gap:12px;
}
.lider-course-page .lider-course-price-feats li{
display:flex;align-items:flex-start;gap:10px;
color:var(--ink);
font-size:.93rem;
line-height:1.45;
}
.lider-course-page .lider-course-price-feats svg{
color:#16a34a;
flex-shrink:0;
margin-top:3px;
}
.lider-course-page .lider-course-price-cta{
margin-top:auto;
align-self:stretch;
display:flex;flex-direction:column;align-items:stretch;gap:12px;
padding-top:4px;
}
.lider-course-page .lider-course-price-cta .lider-btn{
width:100%;
min-height:48px;
border-radius:3px;
justify-content:center;
gap:10px;
}
.lider-course-page .lider-course-price-cta .lider-btn svg{flex-shrink:0}
.lider-course-page .lider-course-price-cta-alt{
display:flex;align-items:center;justify-content:center;gap:12px;
margin-top:2px;
}
.lider-course-page .lider-course-price-cta-link{
display:inline-flex;align-items:center;gap:6px;
font-family:var(--f-display);
font-size:.82rem;
font-weight:700;
color:rgba(255,255,255,.7);
text-decoration:none;
transition:color .18s;
letter-spacing:0;
}
.lider-course-page .lider-course-price-cta-link svg{flex-shrink:0;opacity:.75;transition:opacity .18s}
.lider-course-page .lider-course-price-cta-link:hover{color:#fff}
.lider-course-page .lider-course-price-cta-link:hover svg{opacity:1}
.lider-course-page .lider-course-price-cta-link--wa:hover{color:#25D366}
.lider-course-page .lider-course-price-cta-link--wa:hover svg{color:#25D366;opacity:1}
.lider-course-page .lider-course-price-cta-sep{
width:1px;height:12px;
background:rgba(255,255,255,.2);
flex-shrink:0;
}
.lider-course-page .lider-course-pricing-note{
display:block;
margin:36px auto 0;padding:0;
max-width:720px;
background:none;border:0;box-shadow:none;
backdrop-filter:none;-webkit-backdrop-filter:none;
font-family:var(--f-display);
font-size:.88rem;
font-weight:500;
line-height:1.55;
text-align:center;
color:rgba(255,255,255,.62);
}
.lider-course-page .lider-course-pricing-note::before{content:none}
.lider-course-page .lider-course-pricing-note:hover{transform:none;box-shadow:none}
.lider-course-page .lider-course-pricing-note a{
color:#fff;
font-weight:700;
text-decoration:underline;
text-decoration-thickness:1px;
text-decoration-color:rgba(255,255,255,.45);
text-underline-offset:4px;
border-bottom:0;
transition:text-decoration-color .2s,color .2s;
}
.lider-course-page .lider-course-pricing-note a:hover{
color:#fff;
text-decoration-color:#fff;
}
/* Firma wykonująca + collapsible dane do przelewu (pod cennikiem, subtle) */
.lider-course-page .lider-course-pricing-legal{
margin:18px auto 0;
max-width:720px;
display:flex;flex-direction:column;gap:2px;
color:rgba(255,255,255,.5);
text-align:center;
}
.lider-course-page .lider-course-pricing-legal-info{
display:block;
padding:6px 0;
background:none;border:0;border-radius:0;
font-family:var(--f-display);
font-size:.78rem;
line-height:1.55;
color:rgba(255,255,255,.5);
}
.lider-course-page .lider-course-pricing-legal-info svg{display:none}
.lider-course-page .lider-course-pricing-legal-info b{
display:block;
margin-bottom:2px;
color:rgba(255,255,255,.72);
font-weight:600;
font-size:.72rem;
letter-spacing:.08em;
text-transform:uppercase;
}
.lider-course-page .lider-course-pricing-legal-bank{
background:none;border:0;border-radius:0;
}
.lider-course-page .lider-course-pricing-legal-bank summary{
display:inline-flex;align-items:center;justify-content:center;gap:6px;
padding:6px 0;
margin:0 auto;
cursor:pointer;
list-style:none;
font-family:var(--f-display);
font-size:.78rem;
font-weight:600;
color:rgba(255,255,255,.55);
user-select:none;
text-align:center;
transition:color .18s;
}
.lider-course-page .lider-course-pricing-legal-bank summary::-webkit-details-marker{display:none}
.lider-course-page .lider-course-pricing-legal-bank summary:hover{color:#fff;background:none}
.lider-course-page .lider-course-pricing-legal-bank summary svg:first-child{display:none}
.lider-course-page .lider-course-pricing-legal-toggle{flex:0 1 auto;text-decoration:underline;text-decoration-color:rgba(255,255,255,.25);text-underline-offset:3px}
.lider-course-page .lider-course-pricing-legal-bank summary:hover .lider-course-pricing-legal-toggle{text-decoration-color:rgba(255,255,255,.6)}
.lider-course-page .lider-course-pricing-legal-chev{color:currentColor;opacity:.7;transition:transform .2s}
.lider-course-page .lider-course-pricing-legal-bank[open] .lider-course-pricing-legal-chev{transform:rotate(180deg)}
.lider-course-page .lider-course-pricing-legal-list{
margin:10px 0 0;padding:14px 0 6px;
display:grid;
grid-template-columns:repeat(2,1fr);
gap:14px 24px;
border-top:1px solid rgba(255,255,255,.08);
text-align:left;
}
.lider-course-page .lider-course-pricing-legal-list > div{margin:0}
.lider-course-page .lider-course-pricing-legal-list dt{
display:block;
font-family:var(--f-display);
font-size:.66rem;
font-weight:700;
letter-spacing:.12em;
text-transform:uppercase;
color:rgba(255,255,255,.55);
margin:0 0 .3rem;
}
.lider-course-page .lider-course-pricing-legal-list dd{
margin:0;
font-family:var(--f-display);
font-size:.88rem;
font-weight:600;
color:#fff;
line-height:1.4;
}
.lider-course-page .lider-course-pricing-legal-acc{
font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;
font-variant-numeric:tabular-nums;
letter-spacing:.02em;
word-break:break-all;
}
.lider-course-page .lider-course-pricing-legal-swift{
margin-top:.3rem !important;
font-size:.72rem !important;
font-weight:500 !important;
color:rgba(255,255,255,.55) !important;
letter-spacing:.04em;
}
.lider-course-page .lider-course-pricing-legal-note{
margin:0;
padding:10px 20px 14px;
font-family:var(--f-display);
font-size:.76rem;
color:rgba(255,255,255,.6);
line-height:1.5;
}
@media (max-width:640px){
.lider-course-page .lider-course-pricing-legal-list{grid-template-columns:1fr}}
/* ===== SOCIAL PROOF B — flat navy jak pasek .lider-hero-trust na home ===== */
.lider-course-page .lider-course-social{
position:relative;
background:var(--lider-bg-dark);
color:#fff;
padding:clamp(4rem,6vw,6rem) 0;
overflow:hidden;
border-top:0;border-bottom:0;
}
.lider-course-page .lider-course-social::before{display:none}
.lider-course-page .lider-course-social::after{
content:"";position:absolute;inset:0;z-index:0;opacity:.35;
background-image:url("data:image/svg+xml;utf8,");
mix-blend-mode:overlay;pointer-events:none;
}
.lider-course-page .lider-course-social > .lider-sec-inner{position:relative;z-index:1}
.lider-course-page .lider-course-social .lider-sec-head-center{color:#fff;margin-bottom:clamp(2.5rem,4vw,3.5rem)}
.lider-course-page .lider-course-social .lider-sec-tag{color:#9bb6ff}
.lider-course-page .lider-course-social .lider-sec-h2{color:#fff}
.lider-course-page .lider-course-social .lider-sec-h2 em{color:#4d8bff}
.lider-course-page .lider-course-social .lider-sec-h2 em::after{background:rgba(77,139,255,.5)}
.lider-course-page .lider-course-social .lider-sec-lead{color:rgba(255,255,255,.72)}
.lider-course-page .lider-course-social-stats{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:18px;
margin-bottom:clamp(2.5rem,4vw,3.5rem);
}
.lider-course-page .lider-course-social-stat{
padding:clamp(1.4rem,2vw,1.8rem) clamp(1.2rem,1.8vw,1.6rem);
border-radius:6px;
background:rgba(255,255,255,.055);
border:1px solid rgba(255,255,255,.1);
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
transition:transform .22s,background .22s,border-color .22s;
}
.lider-course-page .lider-course-social-stat:hover{
transform:translateY(-3px);
background:rgba(255,255,255,.085);
border-color:rgba(255,255,255,.2);
}
.lider-course-page .lider-course-social-stat-num{
display:flex;align-items:flex-end;gap:4px;
color:#fff;
margin-bottom:10px;
}
.lider-course-page .lider-course-social-stat-num b{
font-family:var(--f-display);
font-size:clamp(1.9rem,2.6vw,2.3rem);
line-height:1;
letter-spacing:-.015em;
font-weight:800;
}
.lider-course-page .lider-course-social-stat-num .unit{
font-family:var(--f-display);
font-size:1rem;
font-weight:700;
line-height:1;
padding-bottom:3px;
color:#4d8bff;
letter-spacing:0;
}
.lider-course-page .lider-course-social-stat-label{
font-family:var(--f-display);
font-size:.88rem;
line-height:1.4;
color:rgba(255,255,255,.72);
}
.lider-course-page .lider-course-social-reviews{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:18px;
}
.lider-course-page .lider-course-social-review{
display:flex;flex-direction:column;gap:16px;
margin:0;
padding:clamp(1.5rem,2vw,1.8rem);
border-radius:6px;
background:rgba(255,255,255,.055);
border:1px solid rgba(255,255,255,.1);
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
}
.lider-course-page .lider-course-social-review-stars{
display:flex;gap:3px;color:#ffb800;
}
.lider-course-page .lider-course-social-review-text{
margin:0;
font-size:.95rem;
line-height:1.55;
color:rgba(255,255,255,.92);
quotes:"„" "" "\2018" "\2019";
}
.lider-course-page .lider-course-social-review-text::before{content:open-quote;color:#4d8bff;font-family:var(--f-head);font-size:1.4rem;line-height:0;margin-right:2px}
.lider-course-page .lider-course-social-review-text::after{content:close-quote;display:none}
.lider-course-page .lider-course-social-review-foot{
display:flex;flex-direction:column;gap:2px;
margin-top:auto;
padding-top:12px;
border-top:1px solid rgba(255,255,255,.12);
}
.lider-course-page .lider-course-social-review-foot strong{
font-family:var(--f-display);
font-size:.92rem;
color:#fff;
font-weight:700;
letter-spacing:-.005em;
}
.lider-course-page .lider-course-social-review-foot span{
font-family:var(--f-display);
font-size:.78rem;
color:#9bb6ff;
letter-spacing:.02em;
}
.lider-course-page .lider-course-social-foot{
display:flex;align-items:center;justify-content:center;gap:10px;
margin:clamp(2rem,3vw,2.5rem) auto 0;
padding:10px 18px;
border-radius:4px;
background:rgba(255,255,255,.065);
border:1px solid rgba(255,255,255,.1);
color:rgba(255,255,255,.75);
font-family:var(--f-display);
font-size:.82rem;
width:fit-content;
max-width:100%;
text-align:center;
}
.lider-course-page .lider-course-social-foot svg{flex-shrink:0}
/* ===== BENEFITS B ===== */
.lider-course-page .lider-course-benefits{
background:#fff;
border-top:0;
border-bottom:1px solid var(--line);
}
.lider-course-page .lider-course-benefit{
padding:22px;
border-radius:6px;
background:#f5f7fb;
border:1px solid rgba(13,35,64,.06);
box-shadow:none;
}
.lider-course-page .lider-course-benefit:hover{
background:#fff;
transform:translateY(-2px);
box-shadow:0 16px 32px rgba(13,35,64,.06);
}
.lider-course-page .lider-course-benefit-ico{
width:44px;height:44px;border-radius:4px;
}
/* ===== TERMS B (light) ===== */
.lider-course-page .lider-course-terms--light{
position:relative;
background:var(--bg-soft);
color:var(--ink);
padding:clamp(4rem,5vw,5rem) 0;
}
.lider-course-page .lider-course-terms--light::before,
.lider-course-page .lider-course-terms--light::after{display:none}
.lider-course-page .lider-course-terms--light .lider-sec-inner{position:relative;z-index:1}
.lider-course-page .lider-course-terms--light .lider-sec-tag{color:var(--navy)}
.lider-course-page .lider-course-terms--light .lider-sec-h2{color:var(--ink)}
.lider-course-page .lider-course-terms--light .lider-sec-h2 em{color:var(--navy)}
.lider-course-page .lider-course-terms--light .lider-sec-h2 em::after{background:var(--red);opacity:.8}
.lider-course-page .lider-course-terms--light .lider-sec-lead{color:var(--gray)}
.lider-course-page .lider-course-terms--light .lider-course-terms-grid{
gap:12px;
}
.lider-course-page .lider-course-terms--light .lider-course-term{
border-radius:6px;
background:#fff;
border:1px solid var(--line);
box-shadow:0 1px 2px rgba(13,35,64,.04);
color:var(--ink);
padding:18px 20px 16px;
transition:transform .2s,box-shadow .2s,border-color .2s;
}
.lider-course-page .lider-course-terms--light .lider-course-term:hover{
transform:translateY(-2px);
border-color:rgba(4,50,157,.25);
box-shadow:0 12px 32px rgba(13,35,64,.08);
}
.lider-course-page .lider-course-terms--light .lider-course-term-date{
color:var(--ink);
font-family:var(--f-display);
font-size:1.25rem;
font-weight:800;
line-height:1.1;
letter-spacing:-.01em;
margin-bottom:4px;
}
.lider-course-page .lider-course-terms--light .lider-course-term-day{
color:var(--gray);
font-family:var(--f-display);
font-size:.7rem;
font-weight:600;
letter-spacing:.14em;
text-transform:uppercase;
margin-bottom:12px;
}
.lider-course-page .lider-course-terms--light .lider-course-term-status.is-few{color:#b5841d}
.lider-course-page .lider-course-terms--light .lider-course-term-status.is-few .pill{background:#eab308}
.lider-course-page .lider-course-terms--light .lider-course-term-status.is-open{color:#16a34a}
.lider-course-page .lider-course-terms--light .lider-course-term-status.is-open .pill{background:#16a34a}
.lider-course-page .lider-course-terms--light .lider-course-term-status.is-closed{color:var(--gray)}
.lider-course-page .lider-course-terms--light .lider-course-term-status.is-closed .pill{background:var(--gray)}
.lider-course-page .lider-course-terms-foot{
margin-top:clamp(2rem,3vw,2.5rem);
padding:clamp(1.2rem,1.8vw,1.5rem) clamp(1.4rem,2vw,1.8rem);
border-radius:6px;
background:#fff;
border:1px solid var(--line);
box-shadow:0 1px 2px rgba(13,35,64,.04);
display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 28px;
}
.lider-course-page .lider-course-terms-foot-lead{
margin:0;
color:var(--ink);
font-size:.95rem;
line-height:1.5;
max-width:52ch;
}
.lider-course-page .lider-course-terms-foot-lead b{color:var(--red);font-weight:700}
.lider-course-page .lider-course-terms-foot-cta{
display:flex;align-items:center;gap:18px;flex-wrap:wrap;
}
.lider-course-page .lider-course-terms-foot-cta .lider-btn{
min-height:46px;
border-radius:3px;
gap:10px;
padding:0 22px;
}
.lider-course-page .lider-course-terms-foot-link{
display:inline-flex;align-items:center;gap:6px;
color:var(--navy);
font-family:var(--f-display);
font-weight:700;
font-size:.88rem;
text-decoration:none;
border-bottom:2px solid rgba(4,50,157,.15);
padding-bottom:3px;
transition:color .18s,border-color .18s,gap .18s;
}
.lider-course-page .lider-course-terms-foot-link:hover{
color:var(--red);
border-color:var(--red);
gap:8px;
}
/* ===== FAQ B (glassmorphism) ===== */
.lider-course-page .lider-course-faq{
position:relative;
background:var(--bg-soft);
}
.lider-course-page .lider-course-faq::before,
.lider-course-page .lider-course-faq::after{display:none}
.lider-course-page .lider-course-faq .lider-sec-inner{position:relative;z-index:1}
.lider-course-page .lider-course-faq-item{
border-radius:10px;
background:#fff;
border:1px solid var(--line);
box-shadow:0 1px 2px rgba(13,35,64,.04);
}
.lider-course-page .lider-course-faq-item[open]{
background:#fff;
border-color:rgba(4,50,157,.25);
}
/* ===== FINAL CTA B ===== */
.lider-course-page .lider-course-final{
background:linear-gradient(145deg,#021242 0%,#051b5c 55%,#07153d 100%);
}
/* ===== RESPONSIVE ===== */
@media (max-width:1100px){
.lider-course-page .lider-course-hero--premium .lider-course-hero-wrap{
grid-template-columns:1fr;
padding:2.5rem var(--gutter) 3rem;
gap:2.2rem;
}
.lider-course-page .lider-course-hero--premium .lider-course-hero-visual{
aspect-ratio:16/10;max-width:640px;margin:0 auto;width:100%;
}
.lider-course-page .lider-course-trust{gap:14px 28px}
.lider-course-page .lider-course-specs--premium .lider-course-specs-grid{grid-template-columns:repeat(2,1fr)}
.lider-course-page .lider-course-pricing-grid{grid-template-columns:repeat(2,1fr)}
.lider-course-page .lider-course-pricing-grid--1{grid-template-columns:minmax(0,460px);justify-content:center}
.lider-course-page .lider-course-social-stats{grid-template-columns:repeat(2,1fr)}
.lider-course-page .lider-course-social-reviews{grid-template-columns:1fr}}
@media (max-width:760px){
.lider-course-page .lider-course-hero--premium h1{font-size:clamp(2.2rem,7vw,2.8rem)}
.lider-course-page .lider-course-hero-proof{grid-template-columns:1fr;gap:14px}
.lider-course-page .lider-course-hero--premium .lider-course-hero-actions{display:grid;grid-template-columns:1fr;width:100%}
.lider-course-page .lider-course-hero--premium .lider-btn-lg{width:100%;justify-content:center}
.lider-course-page .lider-course-trust{gap:14px 20px;padding:20px var(--gutter);justify-content:flex-start}
.lider-course-page .lider-course-flow{grid-template-columns:repeat(2,1fr);gap:20px}
.lider-course-page .lider-course-flow::before{display:none}
.lider-course-page .lider-course-flow-step-badge{right:calc(50% - 40px)}
.lider-course-page .lider-course-specs--premium .lider-course-specs-grid{grid-template-columns:1fr}
.lider-course-page .lider-course-pricing-grid{grid-template-columns:1fr}
.lider-course-page .lider-course-pricing-grid--1{grid-template-columns:1fr;justify-content:stretch}
.lider-course-page .lider-course-pricing-note{width:100%;border-radius:10px}
.lider-course-page .lider-course-board-cta-row{text-align:center}
.lider-course-page .lider-course-social-stats{grid-template-columns:1fr}
.lider-course-page .lider-course-social-review-text{font-size:.9rem}
.lider-course-page .lider-course-terms-foot{flex-direction:column;align-items:stretch;text-align:center}
.lider-course-page .lider-course-terms-foot-cta{justify-content:center;flex-direction:column;align-items:stretch}
.lider-course-page .lider-course-terms-foot-link{justify-content:center}}
/* ===== GALERIA (patterns/gallery.php) ===== */
.lider-gallery{background:#fff;padding:clamp(3rem,5vw,5rem) 0}
.lider-gallery .lider-sec-inner,
.lider-course-gallery .lider-sec-inner,
.lider-hotels-gallery .lider-sec-inner{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}
.lider-gallery .lider-sec-head-center,
.lider-course-gallery .lider-sec-head-center,
.lider-hotels-gallery .lider-sec-head-center{
text-align:center;
max-width:760px;
margin:0 auto clamp(1.5rem,2.5vw,2.3rem);
}
.lider-gallery .lider-sec-head-center .lider-sec-tag,
.lider-course-gallery .lider-sec-head-center .lider-sec-tag,
.lider-hotels-gallery .lider-sec-head-center .lider-sec-tag{justify-content:center}
.lider-gallery .lider-sec-head-center .lider-sec-h2,
.lider-course-gallery .lider-sec-head-center .lider-sec-h2,
.lider-hotels-gallery .lider-sec-head-center .lider-sec-h2{margin-left:auto;margin-right:auto}
.lider-gallery .lider-sec-head-center .lider-sec-lead,
.lider-course-gallery .lider-sec-head-center .lider-sec-lead,
.lider-hotels-gallery .lider-sec-head-center .lider-sec-lead{margin:12px auto 0}
.lider-gallery-filters{
display:flex;flex-wrap:wrap;justify-content:center;gap:10px;
margin:2rem auto clamp(1.6rem,2.5vw,2.3rem);
max-width:1100px;
}
.lider-gallery-filter{
display:inline-flex;align-items:center;gap:8px;
padding:9px 16px;
border:1px solid rgba(13,35,64,.15);
border-radius:4px;
background:#fff;
font-family:var(--f-display);
font-size:.84rem;
font-weight:700;
color:var(--ink);
cursor:pointer;
transition:border-color .15s,background .15s,color .15s;
}
.lider-gallery-filter:hover{border-color:var(--navy);color:var(--navy)}
.lider-gallery-filter.is-active{background:var(--navy);color:#fff;border-color:var(--navy)}
.lider-gallery-filter-count{
display:inline-flex;align-items:center;justify-content:center;
min-width:22px;height:20px;padding:0 6px;
background:rgba(13,35,64,.08);
border-radius:3px;
font-size:.72rem;font-weight:800;
color:inherit;
opacity:.85;
}
.lider-gallery-filter.is-active .lider-gallery-filter-count{
background:rgba(255,255,255,.18);
opacity:1;
}
.lider-gallery-grid{
display:grid;
grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
gap:10px;
max-width:1400px;
margin:0 auto;
}
.lider-gallery-item{
position:relative;margin:0;
aspect-ratio:4/3;
overflow:hidden;
border-radius:4px;
background:var(--bg-soft);
cursor:zoom-in;
transition:transform .2s,box-shadow .2s;
}
.lider-gallery-item:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(13,35,64,.15)}
.lider-gallery-item img{
width:100%;height:100%;object-fit:cover;display:block;
transition:transform .35s ease;
}
.lider-gallery-item:hover img{transform:scale(1.05)}
/* Lightbox (natywny