/* Wspólny styl koncepcji wielostronicowej — paleta 1:1 ze strony produkcyjnej. */
:root{
  --ink:#060607; --ink-2:#0c0b0b; --panel:#131211; --panel-2:#1b1917;
  --hair:rgba(236,231,222,.08); --hair2:rgba(236,231,222,.16);
  --bone:#f0ece6; --bone-2:#c5bcae; --muted:#988e7f;
  --red:#d02b22; --zloto:#c4a172; --zloto-br:#dcbd8c; --na-zlocie:#0b0a09; --sand:#b8996b; --green:#4cb87a;
  --d:'Big Shoulders Display',sans-serif; --b:'Archivo',system-ui,sans-serif; --m:'JetBrains Mono',ui-monospace,monospace;
  --ease:cubic-bezier(.16,1,.3,1); --lift:0 18px 40px -12px rgba(0,0,0,.7);
}
*{box-sizing:border-box}
body{margin:0;background:var(--ink);color:var(--bone);font-family:var(--b);line-height:1.6;-webkit-font-smoothing:antialiased}
button{font:inherit;cursor:pointer}
h1,h2,h3{font-family:var(--d);text-transform:uppercase;letter-spacing:.01em;margin:0}
a{color:var(--zloto-br)}
/* pełna szerokość: sekcje edge-to-edge, treść w szerokim pasie */
.wrap{max-width:1500px;margin:0 auto;padding:0 clamp(18px,3vw,48px)}
section{padding:58px 0}
.sh{font-size:clamp(30px,4.6vw,54px);font-weight:700;line-height:.98;margin-bottom:12px}
.sh em{font-style:normal;color:var(--zloto)}
.lead{color:var(--bone-2);max-width:680px}

/* nagłówek bez paska nawigacji: tylko para logo (strzelnica bez napisu CZACZ + medalion klubu) */
.glowa{position:absolute;top:0;left:0;right:0;z-index:40;display:flex;align-items:center;gap:16px;padding:18px clamp(18px,3vw,48px)}
.glowa img{height:84px;width:auto;display:block;filter:drop-shadow(0 4px 14px rgba(0,0,0,.6))}
.glowa img.klub{height:84px}
.glowa .powrot{margin-left:auto;font-family:var(--d);font-weight:600;letter-spacing:.07em;text-transform:uppercase;font-size:13px;color:var(--bone-2);text-decoration:none;border:1px solid var(--hair2);border-radius:999px;padding:9px 16px;background:rgba(6,6,7,.55);backdrop-filter:blur(8px)}
.glowa .powrot:hover{color:var(--bone);border-color:var(--zloto)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:var(--d);font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:14px;border-radius:9px;padding:14px 24px;transition:.2s var(--ease);border:1px solid var(--hair2);background:transparent;color:var(--bone);text-decoration:none}
.btn:hover{border-color:var(--zloto)}
.btn.fill{background:var(--zloto);color:var(--na-zlocie);border-color:var(--zloto)}
.btn.fill:hover{background:var(--zloto-br)}

/* hero podstrony */
.naglowek-pod{padding:120px 0 34px;background:linear-gradient(180deg,rgba(196,161,114,.08),transparent);border-bottom:1px solid var(--hair);position:relative}

/* KAFLE NAWIGACJI — zamiast górnego paska */
.kafle-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:0 clamp(14px,2vw,28px) 28px}
@media(max-width:980px){.kafle-nav{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.kafle-nav{grid-template-columns:1fr}}
.kafel-n{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:300px;border-radius:16px;overflow:hidden;border:1px solid var(--hair);text-decoration:none;color:var(--bone);transition:.25s var(--ease);background:var(--panel)}
.kafel-n img.tlo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55;transition:.4s var(--ease)}
.kafel-n::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(6,6,7,.88) 85%)}
.kafel-n:hover{transform:translateY(-3px);border-color:rgba(196,161,114,.5);box-shadow:var(--lift)}
.kafel-n:hover img.tlo{transform:scale(1.04);opacity:.7}
.kafel-n .t{position:relative;z-index:2;padding:22px}
.kafel-n .nad{font-family:var(--m);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--sand)}
.kafel-n h3{font-size:clamp(24px,2.4vw,32px);margin:4px 0 6px}
.kafel-n p{margin:0;color:var(--bone-2);font-size:14px;max-width:420px}
.kafel-n .cta{margin-top:12px;font-family:var(--d);font-weight:700;letter-spacing:.07em;text-transform:uppercase;font-size:13.5px;color:var(--zloto-br)}
.kafel-n.maly{min-height:210px}
.kafel-n.event{border-color:rgba(208,43,34,.5)}
.kafel-n.event .nad{color:#ff8a7a}

/* wspólne klocki treści */
.karty{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px;margin-top:30px}
.k{background:var(--panel);border:1px solid var(--hair);border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:10px}
.k h3{font-size:20px}
.k .cena{font-family:var(--d);font-size:30px;color:var(--zloto-br);font-weight:700}
.k .cena small{font-family:var(--b);font-size:13px;color:var(--muted);font-weight:400}
.k ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:7px;flex:1}
.k li{display:flex;gap:8px;color:var(--bone-2);font-size:13.5px}
.k li::before{content:"✔";color:var(--green)}
.k.abono{border-color:rgba(196,161,114,.35)}
.k .plakietka{align-self:flex-start;font-family:var(--m);font-size:10px;letter-spacing:.09em;background:var(--zloto);color:var(--na-zlocie);padding:3px 10px;border-radius:999px}
.do-potw{font-family:var(--m);font-size:10.5px;letter-spacing:.05em;color:var(--muted);border:1px dashed var(--hair2);border-radius:6px;padding:1px 7px}
.przypis{color:var(--muted);font-size:13px;margin-top:16px}

.sciezki{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:34px}
@media(max-width:860px){.sciezki{grid-template-columns:1fr}}
.sciezka{background:var(--panel);border:1px solid var(--hair2);border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:12px}
.sciezka.wyrozniona{border-color:rgba(196,161,114,.5);position:relative}
.sciezka.wyrozniona::before{content:"0 ZŁ WPISOWEGO";position:absolute;top:-11px;left:24px;font-family:var(--m);font-size:10px;letter-spacing:.09em;background:var(--green);color:#06130b;padding:3px 10px;border-radius:999px}
.sciezka h3{font-size:23px}
.sciezka .dla{font-family:var(--m);font-size:12px;color:var(--sand)}
.cennik-linie{border-top:1px solid var(--hair);margin-top:4px}
.cl{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--hair);font-size:14.5px}
.cl span{color:var(--muted)}
.cl.suma b{font-family:var(--d);font-size:20px;color:var(--zloto-br)}
.sciezka ul{margin:4px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.sciezka li{display:flex;gap:9px;color:var(--bone-2);font-size:14px}
.sciezka li::before{content:"—";color:var(--zloto)}
.sciezka .btn{margin-top:auto}

.zapis{background:linear-gradient(180deg,rgba(196,161,114,.09),transparent);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.zapis .wrap{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
@media(max-width:880px){.zapis .wrap{grid-template-columns:1fr}}
.zapis ul{margin:16px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.zapis li{display:flex;gap:10px;color:var(--bone-2);font-size:15px}
.zapis li::before{content:"✔";color:var(--green);font-weight:700}
.formularz{background:var(--panel);border:1px solid var(--hair2);border-radius:16px;padding:26px;box-shadow:var(--lift)}
.formularz h3{font-size:22px;margin-bottom:6px}
.formularz p{color:var(--muted);font-size:13.5px;margin:0 0 16px}
.formularz input{display:block;width:100%;background:var(--ink-2);border:1px solid var(--hair2);border-radius:9px;color:var(--bone);padding:13px;font:inherit;margin-bottom:10px}
.formularz label{display:flex;gap:9px;font-size:12px;color:var(--muted);margin:4px 0 14px}
.formularz .ok{display:none;color:var(--green);font-size:14px;margin-top:12px}

.event-pas{background:linear-gradient(135deg,rgba(208,43,34,.16),rgba(196,161,114,.08));border:1px solid rgba(208,43,34,.35);border-radius:18px;padding:30px;display:flex;gap:26px;align-items:center;flex-wrap:wrap}
.event-pas .dynia{font-size:54px}
.event-pas h3{font-size:26px}
.event-pas p{color:var(--bone-2);margin:6px 0 0;max-width:520px}
.event-pas .akcje{margin-left:auto;display:flex;gap:10px;flex-wrap:wrap}

.stopka{border-top:1px solid var(--hair);padding:26px 0;color:var(--muted);font-size:13px}
.koncept{position:fixed;right:14px;bottom:14px;z-index:99;font-family:var(--m);font-size:11px;letter-spacing:.07em;color:var(--na-zlocie);background:var(--zloto);border-radius:8px;padding:7px 12px;opacity:.93}

/* hero-slider aktualności */
.hero-slajdy{position:relative;min-height:290px}
.hs{position:absolute;inset:0;opacity:0;transform:translateX(26px);transition:opacity .5s var(--ease),transform .5s var(--ease);pointer-events:none}
.hs.on{position:relative;opacity:1;transform:none;pointer-events:auto}
.hs-nad{font-family:var(--m);font-size:12px;letter-spacing:.16em;color:var(--sand);text-transform:uppercase;margin-bottom:10px}
.hs-h{font-size:clamp(38px,6vw,78px);line-height:.95;font-family:var(--d);text-transform:uppercase}
.hs-h em{font-style:normal;color:var(--zloto)}
.hs-p{color:var(--bone-2);max-width:640px;margin:14px 0 22px;font-size:17px}
.hs-ster{display:flex;align-items:center;gap:14px;margin-top:26px}
.hs-strzalka{background:rgba(10,9,8,.55);border:1px solid var(--hair2);color:var(--bone);width:42px;height:42px;border-radius:50%;font-size:19px}
.hs-strzalka:hover{border-color:var(--zloto)}
.hs-kropki{display:flex;gap:8px}
.hs-kropka{width:30px;height:5px;border-radius:999px;background:var(--hair2);border:0;padding:0;transition:.25s}
.hs-kropka.on{background:var(--zloto)}

/* górny pasek: linki do podstron + DWA WIELKIE guziki (cała nawigacja pod nie) */
.pasek{position:sticky;top:0;z-index:70;background:rgba(6,6,7,.93);backdrop-filter:blur(10px);border-bottom:1px solid var(--hair)}
.pasek-w{max-width:none;margin:0 auto;padding:10px clamp(14px,2vw,34px);display:flex;align-items:center;gap:18px}
.loga{display:flex;align-items:center;gap:12px}
.loga img{height:62px;width:auto;display:block;filter:drop-shadow(0 3px 10px rgba(0,0,0,.6))}
.linki{display:flex;gap:clamp(14px,1.6vw,26px);align-items:center;flex-wrap:nowrap;white-space:nowrap;flex:1;justify-content:center}
.linki a{color:var(--bone-2);text-decoration:none;font-size:13.5px}
.linki a:hover{color:var(--bone)}
.akcje-glowne{display:flex;gap:10px}
.btn-wielki{font-family:var(--d);font-weight:800;letter-spacing:.05em;text-transform:uppercase;font-size:15px;padding:14px 20px;white-space:nowrap;border-radius:11px;text-decoration:none;transition:.2s var(--ease);box-shadow:0 8px 22px -8px rgba(0,0,0,.7)}
.btn-wielki.rez{background:var(--zloto);color:var(--na-zlocie)}
.btn-wielki.rez:hover{background:var(--zloto-br)}
.btn-wielki.klub{background:var(--red);color:#fff}
.btn-wielki.klub:hover{background:#e6392f}
@media(max-width:1480px){.linki{gap:11px}.linki a{font-size:12.5px}.linki a.nav-klub{padding:6px 11px}}
@media(max-width:1260px){.linki{display:none}}
@media(max-width:640px){.btn-wielki{font-size:13px;padding:12px 16px}.loga img{height:48px}}

/* hero: tła tematyczne per slajd (crossfade) */
.hero-tla{position:absolute;inset:0}
.hero-tla .tlo-s{position:absolute;inset:0;opacity:0;transition:opacity .7s var(--ease)}
.hero-tla .tlo-s.on{opacity:.55}
.hero-tla img,.hero-tla video{width:100%;height:100%;object-fit:cover;display:block}

/* stopka w stylu „logo nad blokiem" */
.stopka-blok{position:relative;margin:110px clamp(10px,2vw,26px) 22px;background:#0a0908;border:1px solid var(--hair);border-radius:26px;padding:90px 0 0}
.stopka-logo{position:absolute;top:-78px;left:50%;transform:translateX(-50%);height:156px;filter:drop-shadow(0 10px 26px rgba(0,0,0,.8))}
.stopka-kol{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding-bottom:30px}
@media(max-width:900px){.stopka-kol{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.stopka-kol{grid-template-columns:1fr}}
.stopka-kol h4{font-family:var(--d);font-size:19px;text-transform:uppercase;letter-spacing:.04em;color:var(--zloto-br);margin:0 0 6px;border-bottom:2px solid var(--zloto);display:inline-block;padding-bottom:4px}
.stopka-kol a,.stopka-kol p{display:block;color:var(--bone-2);text-decoration:none;font-size:14px;margin:9px 0;}
.stopka-kol a:hover{color:var(--bone)}
.stopka-dol{border-top:1px solid var(--hair);padding:16px 0 22px;color:var(--muted);font-size:13px}

.hero-tla .tlo-s.pelna.on{opacity:1}
.hero-tla .tlo-s.pelna img{object-fit:cover;object-position:center}

/* stopka 2.0: mapa z pinezką, ikonki FB/IG, prawdziwy formularz, szersza nawigacja */
.stopka-kol{grid-template-columns:1.15fr .75fr .85fr 1.25fr}
@media(max-width:900px){.stopka-kol{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.stopka-kol{grid-template-columns:1fr}}
.spol{display:flex;gap:10px;margin:12px 0 2px}
.spol a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;border:1px solid var(--hair2);color:var(--bone-2);margin:0}
.spol a:hover{border-color:var(--zloto);color:var(--bone)}
.spol svg{width:19px;height:19px;fill:currentColor}
.stopka-mapa{display:block;margin-top:14px;border-radius:12px;overflow:hidden;border:1px solid var(--hair2)}
.stopka-mapa iframe{display:block;width:100%;height:180px;border:0;filter:grayscale(.3) contrast(1.05)}
.stopka-form input,.stopka-form select,.stopka-form textarea{resize:vertical;font-family:var(--b);display:block;width:100%;background:var(--ink-2);border:1px solid var(--hair2);border-radius:9px;color:var(--bone);padding:11px 12px;font:inherit;font-size:14px;margin:0 0 9px}
.stopka-form select{appearance:none;-webkit-appearance:none}
.stopka-form .ok{display:none;color:var(--green);font-size:13.5px;margin:8px 0 0}
.stopka-form .btn{width:100%;margin-top:2px}

/* kafle: szeroki pas eventu + odznaka klubu na zdjęciu */
.kafel-n.szeroki{grid-column:1/-1;min-height:200px}
.kafel-n .odznaka{position:absolute;top:16px;right:16px;z-index:2;height:78px;width:auto;filter:drop-shadow(0 4px 12px rgba(0,0,0,.75))}
.kafel-n .nad.roz{color:#e8a2b8}

/* tabela cennika osi */
.cen-tab{width:100%;border-collapse:collapse;margin-top:26px;font-size:14.5px}
.cen-tab th{font-family:var(--m);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--sand);text-align:left;padding:10px 14px;border-bottom:1px solid var(--hair2)}
.cen-tab td{padding:11px 14px;border-bottom:1px solid var(--hair);color:var(--bone-2)}
.cen-tab td b{color:var(--bone)}
.cen-tab tr:hover td{background:rgba(196,161,114,.05)}


/* kreator vouchera (prezent.html): formularz + podgląd w barwach strony */
.vk2{display:grid;grid-template-columns:minmax(320px,.9fr) 1.1fr;gap:34px;margin-top:30px;align-items:start}
@media(max-width:960px){.vk2{grid-template-columns:1fr}}
.vk2 .formularz select{display:block;width:100%;background:var(--ink-2);border:1px solid var(--hair2);border-radius:9px;color:var(--bone);padding:13px;font:inherit;margin-bottom:10px}
.szybkie{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 4px}
.szybkie button,.szybkie label{font-family:var(--m);font-size:13px;border:1px solid var(--hair2);border-radius:9px;padding:9px 13px;background:var(--ink-2);color:var(--bone-2);display:inline-flex;gap:7px;align-items:center;cursor:pointer}
.szybkie button.on{border-color:var(--zloto);color:var(--zloto-br)}
.szybkie input[type=checkbox]{accent-color:var(--zloto);margin:0}
.szybkie input[type=number]{width:110px;background:var(--ink-2);border:1px solid var(--hair2);border-radius:9px;color:var(--bone);padding:9px 12px;font:inherit;margin:0}
.vou{background:#0b0a09;border:1px solid rgba(196,161,114,.55);border-radius:18px;padding:12px;box-shadow:var(--lift)}
.vou-ramka{border:1px dashed rgba(196,161,114,.5);border-radius:12px;padding:30px clamp(20px,4vw,44px);text-align:center;background:
  radial-gradient(circle at 50% 0%,rgba(196,161,114,.09),transparent 60%)}
.vou-top{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:18px}
.vou-top img{height:54px}
.vou-top span{font-family:var(--m);font-size:10.5px;letter-spacing:.22em;color:var(--muted)}
.vou-okazja{font-family:var(--m);font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--sand);min-height:16px}
.vou-tytul{font-family:var(--d);font-weight:900;font-size:clamp(44px,6vw,72px);line-height:1;letter-spacing:.04em;color:var(--bone);margin:4px 0 0}
.vou-kwota{display:flex;align-items:baseline;justify-content:center;gap:8px;color:var(--zloto-br);margin:6px 0 12px}
.vou-kwota b{font-family:var(--d);font-weight:800;font-size:clamp(40px,5vw,60px)}
.vou-kwota i{font-family:var(--d);font-style:normal;font-size:22px}
.vou-na{color:var(--bone-2);font-size:15px;border-top:2px solid var(--red);display:inline-block;padding-top:10px}
.vou-zyczenia{color:var(--muted);font-style:italic;font-size:14px;min-height:20px;margin-top:8px}
.vou-dol{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin-top:22px}
.vou-dol i{display:block;font-family:var(--m);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-style:normal;margin-bottom:4px}
.vou-dol b{font-family:var(--d);font-size:19px;letter-spacing:.02em;border-bottom:1px solid var(--hair2);padding:0 6px 3px;min-width:120px;display:inline-block}
.vou-pieczec img{height:74px;opacity:.95;filter:drop-shadow(0 4px 10px rgba(0,0,0,.6))}


/* karty wpisów z Facebooka */
.fbw{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--hair);border-radius:14px;overflow:hidden;text-decoration:none;color:var(--bone);transition:.2s var(--ease)}
.fbw:hover{border-color:rgba(196,161,114,.5);transform:translateY(-2px)}
.fbw img{width:100%;aspect-ratio:16/9;object-fit:cover}
.fbw .t{padding:16px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.fbw .kiedy{font-family:var(--m);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--sand)}
.fbw p{margin:0;color:var(--bone-2);font-size:14px;line-height:1.55;flex:1}
.fbw .dalej{font-family:var(--d);font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:13px;color:var(--zloto-br)}


/* klub: hero z pionowym filmem */
.klub-hero{position:relative;overflow:hidden;padding:110px 0 64px;border-bottom:1px solid var(--hair)}
.klub-hero img.tlo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.22;filter:saturate(.8)}
.klub-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,6,7,.25),var(--ink) 92%)}
.klub-hero-w{position:relative;z-index:2;display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(26px,4vw,60px);align-items:center}
@media(max-width:900px){.klub-hero-w{grid-template-columns:1fr}}
.klub-film{justify-self:end;display:flex;flex-direction:column;gap:10px;align-items:center}
.klub-film video{width:min(320px,80vw);aspect-ratio:9/16;object-fit:cover;border-radius:22px;border:1px solid rgba(196,161,114,.5);box-shadow:var(--lift)}
.klub-film span{font-family:var(--m);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.cena-linia{margin:6px 0 0;font-family:var(--d);font-size:24px;color:var(--zloto-br);border-top:1px solid var(--hair);padding-top:14px}
.cena-linia small{font-family:var(--b);font-size:13px;color:var(--muted)}

/* nawigacja: wyeksponowany klub */
.linki a.nav-klub{color:var(--zloto-br);border:1px solid rgba(196,161,114,.55);border-radius:999px;padding:7px 14px;font-weight:600}
.linki a.nav-klub:hover{background:rgba(196,161,114,.12);color:var(--zloto-br)}

/* grupy: bloki zdjęcie+treść */
.blok2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px);align-items:center;margin:34px 0}
.blok2 img{width:100%;border-radius:16px;aspect-ratio:4/3;object-fit:cover;border:1px solid var(--hair)}
@media(max-width:900px){.blok2{grid-template-columns:1fr}.blok2.odwrot div{order:1}.blok2.odwrot img{order:0}}
.lista-zl{margin:14px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px}
.lista-zl li{display:flex;gap:9px;color:var(--bone-2);font-size:14.5px}
.lista-zl li::before{content:"\2014";color:var(--zloto)}

/* abonamenty: tabliczki jak metalowe karty członkowskie — silver grafit, gold złoto, platinum jasny chrom */
.k.abono{position:relative;overflow:hidden;border-radius:18px;padding:28px 26px;transition:.25s var(--ease)}
.k.abono:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 26px 54px -18px rgba(0,0,0,.8)}
.k.abono::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.45;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.2'/%3E%3C/svg%3E"),
  repeating-linear-gradient(95deg,rgba(255,255,255,.045) 0 1px,transparent 1px 4px)}
.k.abono::after{content:"";position:absolute;inset:-40%;pointer-events:none;
  background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.17) 47%,rgba(255,255,255,.05) 52%,transparent 62%)}
.k.abono>*{position:relative;z-index:1}
.k.abono .plakietka{font-size:11px;letter-spacing:.22em;padding:5px 14px;border-radius:6px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -1px 2px rgba(0,0,0,.45),0 2px 6px rgba(0,0,0,.5)}
.k.abono .cena{font-size:34px;text-shadow:0 1px 0 rgba(0,0,0,.4)}

.k.abo-s{background:linear-gradient(155deg,#2b2e34 0%,#121316 40%,#23262c 62%,#0d0e10 100%);border:1px solid rgba(150,160,175,.4)}
.k.abo-s .plakietka{background:linear-gradient(120deg,#b9c2cf,#6e7684 55%,#9aa3b1);color:#101216}
.k.abo-s .cena{color:#c7d0dc}
.k.abo-s li::before{color:#8d97a6}

.k.abo-g{background:linear-gradient(155deg,#5d4a1e 0%,#201807 38%,#44351433 60%,#3a2d10 78%,#150f05 100%);
  border:1px solid rgba(220,189,140,.65);box-shadow:0 0 44px -16px rgba(196,161,114,.7)}
.k.abo-g .plakietka{background:linear-gradient(120deg,#f1d99c,#a87f3f 55%,#e3c182);color:#140f06}
.k.abo-g .cena{color:#eecf93}
.k.abo-g li::before{color:#d8b878}

.k.abo-p{background:linear-gradient(150deg,#eef1f5 0%,#b9c0c9 34%,#f6f8fa 50%,#9ba4af 72%,#dfe4ea 100%);
  border:1px solid #f2f5f8;box-shadow:0 0 44px -14px rgba(226,232,240,.5)}
.k.abo-p::before{opacity:.3}
.k.abo-p .plakietka{background:linear-gradient(120deg,#2a2d33,#0e1013 60%,#3a3e46);color:#eef1f5}
.k.abo-p .cena{color:#15171b;text-shadow:0 1px 0 rgba(255,255,255,.5)}
.k.abo-p .cena small{color:#4a505a}
.k.abo-p li{color:#272b31}
.k.abo-p li::before{color:#1d7a4b}
.k.abo-p .do-potw{color:#4a505a;border-color:rgba(20,22,26,.35)}



/* interaktywna mapa obiektu (osie.html) — przeniesiona z żywej strony */
.mapa-ukl{display:grid;grid-template-columns:1fr 262px;gap:20px;align-items:start;margin-top:22px}
.mapa-ukl .mapa{margin:0}
.mapa-obok{display:flex;flex-direction:column;gap:14px}
.mapa-legenda{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.mapa-legenda button{display:flex;align-items:baseline;gap:9px;width:100%;text-align:left;font:inherit;color:inherit;cursor:pointer;background:var(--panel);border:1px solid var(--hair);border-radius:9px;padding:8px 11px;transition:.18s var(--ease)}
.mapa-legenda button:hover,.mapa-legenda button.on{border-color:var(--zloto-br);background:var(--panel-2)}
.mapa-legenda .nm{font-family:var(--d);font-weight:600;font-size:14.5px;letter-spacing:.02em}
.mapa-legenda .tp{font-family:var(--b);font-size:11px;color:var(--muted)}
.mapa-legenda .dl{margin-left:auto;font-family:var(--m);font-size:12.5px;color:var(--sand);white-space:nowrap}
.mapa-nota{color:var(--muted);font-size:12px;line-height:1.5}
@media(max-width:900px){.mapa-ukl{grid-template-columns:1fr}}
.mapa-scena{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--hair);background:var(--panel);box-shadow:var(--lift);max-width:min(100%,calc(74vh * 1.179));margin-inline:auto}
.mapa-kadr{position:relative}
.mapa-kadr>img{width:100%;height:auto;display:block;filter:saturate(.94) contrast(1.03) brightness(.9)}
.mapa-obrysy{position:absolute;inset:0;width:100%;height:100%}
.mapa-obrysy .cien{fill:rgba(6,5,4,.46);pointer-events:none;transition:opacity .35s var(--ease)}
.mapa-obrysy.pusto .cien{opacity:0}
#mapaDziura{fill:#000}
.mapa-karta[hidden]{display:none}
.mapa-obrysy polygon[data-id]{fill:transparent;stroke:none;cursor:pointer;transition:stroke .28s var(--ease)}
.mapa-obrysy polygon.on{stroke:var(--bone);stroke-width:1.5px;stroke-linejoin:round}
.mapa-obrysy polygon.os.on{stroke:var(--zloto-br)}
.mapa-obrysy polygon.woda.on{stroke:rgba(140,205,225,.9)}
.pin{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;background:none;border:0;padding:0;cursor:pointer;z-index:2}
.pin.od-prawej{flex-direction:row-reverse;transform:translate(calc(-100% + 6px),-50%)}
.pin .kropka{width:11px;height:11px;border-radius:50%;background:var(--sand);box-shadow:0 0 0 4px rgba(201,168,106,.22);flex:none;transition:box-shadow .22s var(--ease)}
.pin.os .kropka{background:var(--zloto-br);box-shadow:0 0 0 4px rgba(196,161,114,.28)}
.pin b{font-family:var(--m);font-weight:500;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--bone);background:rgba(10,9,8,.72);border:1px solid rgba(236,231,222,.12);backdrop-filter:blur(6px);padding:4px 7px;border-radius:6px;white-space:nowrap}
.pin:hover .kropka,.pin.on .kropka{box-shadow:0 0 0 7px rgba(196,161,114,.3)}
.pin.on b{background:var(--zloto);border-color:var(--zloto);color:var(--na-zlocie)}
.pin .osetk{display:flex;flex-direction:column;align-items:center;gap:2px;font-family:var(--m);background:rgba(10,9,8,.8);border:1px solid rgba(196,161,114,.5);border-radius:8px;padding:5px 9px;backdrop-filter:blur(6px);white-space:nowrap;box-shadow:0 3px 12px rgba(0,0,0,.45);transition:.22s var(--ease)}
.pin .osetk .l1{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--zloto-br);line-height:1}
.pin .osetk .l2{font-size:10.5px;letter-spacing:.05em;color:var(--bone-2);line-height:1}
.pin:hover .osetk,.pin.on .osetk{background:var(--zloto);border-color:var(--zloto);transform:scale(1.07)}
.pin:hover .osetk .l1,.pin.on .osetk .l1,.pin:hover .osetk .l2,.pin.on .osetk .l2{color:var(--na-zlocie)}
.mapa-karta{position:absolute;right:18px;bottom:18px;width:min(310px,44%);background:rgba(10,9,8,.86);backdrop-filter:blur(10px);border:1px solid var(--hair2);border-radius:13px;padding:15px 17px;z-index:3}
.mapa-karta.u-gory{top:18px;bottom:auto}
.mapa-karta h4{font-family:var(--d);font-weight:700;font-size:23px;letter-spacing:.01em;text-transform:uppercase;line-height:1.05}
.mapa-karta h4 .dl{color:var(--zloto-br);white-space:nowrap}
.mapa-karta p{color:var(--bone-2);font-size:13.5px;line-height:1.5;margin-top:6px}
.mapa-karta .dane{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.mapa-karta .dane span{font-family:var(--m);font-size:11px;letter-spacing:.06em;color:var(--sand);border:1px solid var(--hair2);border-radius:6px;padding:4px 8px}
.mapa-karta a{display:inline-block;margin-top:12px;font-family:var(--m);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--zloto-br);border-bottom:1px solid currentColor;padding-bottom:2px}
@media(max-width:820px){.pin b{display:none}.pin .osetk{flex-direction:row;gap:5px;padding:3.5px 7px;border-radius:6px}.pin .osetk .l1{font-size:10.5px}.pin .osetk .l2{font-size:10px}.pin .osetk .l2::before{content:'· '}.mapa-karta{position:static;width:auto;margin-top:12px;backdrop-filter:none;background:var(--panel)}.mapa-scena{border-radius:14px;max-width:100%}}


/* mobil: kafle i wpisy FB jako karuzele lewo-prawo (karuzela mobilna) —
   zamiast tunelu 7 kafli w pionie; przyciąganie do karty jak w stories */
@media(max-width:700px){
  #hero{min-height:56vh !important}
  .kafle-nav{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:0 14px 10px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .kafle-nav::-webkit-scrollbar{display:none}
  .kafel-n,.kafel-n.maly{flex:0 0 80vw;scroll-snap-align:center;min-height:250px}
  .kafel-n.szeroki{flex:0 0 88vw;min-height:190px}
  .kafle-wskazowka{display:block;font-family:var(--m);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);text-align:center;margin:0 0 10px}
  #fb-wpisy{display:flex !important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:10px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  #fb-wpisy::-webkit-scrollbar{display:none}
  .fbw{flex:0 0 78vw;scroll-snap-align:center}
  .hero-slajdy{min-height:330px}
}
.kafle-wskazowka{display:none}


/* ogłoszenie nad nawigacją: otwarcie klubu — ma przyćmiewać resztę */
.oglos{display:block;text-align:center;background:linear-gradient(90deg,#8f7340,var(--zloto) 30%,var(--zloto-br) 50%,var(--zloto) 70%,#8f7340);color:var(--na-zlocie);text-decoration:none;font-size:16px;padding:16px clamp(12px,3vw,30px);border-top:1px solid rgba(0,0,0,.25);border-bottom:1px solid rgba(0,0,0,.25);box-shadow:0 6px 24px -8px rgba(196,161,114,.45)}
.oglos b{font-family:var(--d);letter-spacing:.05em;text-transform:uppercase;font-size:18px}
.oglos-cta{display:inline-block;margin-left:12px;font-family:var(--d);font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:15px;background:var(--red);color:#fff;border-radius:999px;padding:7px 18px;box-shadow:0 3px 10px rgba(0,0,0,.35)}
.oglos:hover .oglos-cta{background:#e6392f}
@media(max-width:700px){.oglos{font-size:14px;line-height:1.5;padding:13px 14px}.oglos b{font-size:15px}}


/* okienko „dołącz do klubu" — pojawia się raz na sesję */
.klub-okno-tlo[hidden]{display:none !important}
.klub-okno-tlo{position:fixed;inset:0;z-index:120;background:rgba(4,4,5,.72);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:18px}
.klub-okno{position:relative;max-width:430px;width:100%;background:linear-gradient(170deg,#191512,#0b0a09 70%);border:1px solid rgba(196,161,114,.55);border-radius:20px;padding:30px 28px 24px;text-align:center;box-shadow:0 30px 80px -20px rgba(0,0,0,.9);animation:klubOknoWjazd .45s var(--ease)}
@keyframes klubOknoWjazd{from{opacity:0;transform:translateY(26px) scale(.97)}to{opacity:1;transform:none}}
.klub-okno img{height:92px;margin:0 auto 10px;display:block;filter:drop-shadow(0 6px 18px rgba(0,0,0,.7))}
.klub-okno .nadt{font-family:var(--m);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#ff8a7a}
.klub-okno h3{font-size:26px;line-height:1.05;margin:8px 0 10px}
.klub-okno p{color:var(--bone-2);font-size:14px;margin:0 0 12px}
.klub-okno ul{list-style:none;margin:0 0 18px;padding:0;text-align:left;display:flex;flex-direction:column;gap:8px}
.klub-okno li{display:flex;gap:9px;color:var(--bone-2);font-size:13.5px}
.klub-okno li::before{content:"✔";color:var(--green);flex:none}
.klub-okno-x{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:50%;border:1px solid var(--hair2);background:rgba(6,6,7,.6);color:var(--bone-2);font-size:14px}
.klub-okno-x:hover{color:var(--bone);border-color:var(--zloto)}
.klub-okno .pozniej{display:block;margin:10px auto 0;background:none;border:0;color:var(--muted);font-size:12.5px;text-decoration:underline}


/* kafel kobiecy: NOWOŚĆ wyjebane mocno — wstęga + różowa poświata */
.kafel-n.kafel-nowosc{border-color:rgba(232,162,184,.65);box-shadow:0 0 38px -10px rgba(232,162,184,.45)}
.kafel-n.kafel-nowosc:hover{border-color:#e8a2b8}
.wstega-nowosc{position:absolute;top:22px;right:-44px;z-index:3;transform:rotate(38deg);
  font-family:var(--d);font-weight:900;font-size:19px;letter-spacing:.22em;text-align:center;
  background:linear-gradient(90deg,#c2334f,#e8547a 50%,#c2334f);color:#fff;
  padding:9px 60px;box-shadow:0 6px 18px rgba(0,0,0,.55);
  animation:wstegaPuls 1.8s ease-in-out infinite}
@keyframes wstegaPuls{0%,100%{filter:brightness(1)}50%{filter:brightness(1.25)}}
@media(max-width:700px){.wstega-nowosc{font-size:16px;top:18px;right:-48px;padding:7px 56px}}


/* kafel klubu: wstęga WIELKIE OTWARCIE + złota poświata (odpowiednik NOWOŚCI u kobiet) */
.kafel-n.kafel-otwarcie{border-color:rgba(196,161,114,.7);box-shadow:0 0 38px -10px rgba(196,161,114,.55)}
.kafel-n.kafel-otwarcie:hover{border-color:var(--zloto-br)}
.wstega-otwarcie{position:absolute;top:30px;right:-58px;z-index:3;transform:rotate(38deg);
  font-family:var(--d);font-weight:900;font-size:16px;letter-spacing:.14em;text-align:center;white-space:nowrap;
  background:linear-gradient(90deg,#a01b14,var(--red) 50%,#a01b14);color:#fff;
  border-top:1px solid rgba(255,255,255,.25);border-bottom:1px solid rgba(0,0,0,.3);
  padding:9px 64px;box-shadow:0 6px 18px rgba(0,0,0,.55);
  animation:wstegaPuls 1.8s ease-in-out infinite}
@media(max-width:700px){.wstega-otwarcie{font-size:13.5px;top:24px;right:-60px;padding:7px 58px}}


/* hero-promo: jedna wielka sekcja otwarcia klubu (czasowo zamiast slidera) */
.hero-promo{position:relative;min-height:calc(100vh - 86px);display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--hair)}
.hero-promo .tlo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.3;filter:saturate(.85)}
.hero-promo .grad{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 20%,rgba(196,161,114,.14),transparent 55%),linear-gradient(180deg,rgba(6,6,7,.4),var(--ink) 94%)}
.hero-promo .tresc{position:relative;z-index:2;text-align:center;padding-top:34px;padding-bottom:36px}
.hero-promo .medal{position:absolute;right:clamp(16px,6vw,110px);top:50%;transform:translateY(-50%);height:clamp(170px,19vw,280px);filter:drop-shadow(0 14px 40px rgba(0,0,0,.8));animation:wstegaPuls 2.4s ease-in-out infinite;z-index:0;opacity:.92}
.hero-promo .tresc>*:not(.medal){position:relative;z-index:2}
@media(max-width:980px){.hero-promo .medal{display:none}}
.hero-promo h1{display:inline-block;font-size:clamp(40px,6.8vw,94px);line-height:.95;margin:6px auto 22px;max-width:1100px;
  padding:clamp(14px,2vw,26px) clamp(20px,3.4vw,52px);border:3px solid var(--zloto);outline:2px solid rgba(196,161,114,.45);outline-offset:7px;
  background:rgba(10,9,8,.5);box-shadow:0 14px 44px -14px rgba(0,0,0,.7),inset 0 0 40px rgba(196,161,114,.07)}
.hero-promo h1 em{font-style:normal;color:var(--zloto)}
.hero-promo .duzy{color:var(--bone-2);font-size:clamp(18px,2vw,26px);max-width:960px;margin:0 auto 26px;line-height:1.5}
.hero-promo .duzy b{color:var(--zloto-br)}
.hero-promo .akcje{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.hero-promo .btn-wielki{font-size:17px;padding:17px 30px}
@media(max-width:700px){.hero-promo{min-height:calc(100svh - 70px)}.hero-promo .tresc{padding-top:84px}}

/* motto instruktorów */
.motto{font-family:var(--d);font-weight:700;font-size:clamp(24px,3vw,40px);color:var(--zloto-br);text-transform:uppercase;letter-spacing:.02em;margin:18px 0 0}


/* hero: pas patentu pod przyciskami — motto + widoczny złoty guzik, wszystko w jednym ekranie */
.patent-pas{margin:26px auto 0;max-width:720px;border:1px solid rgba(196,161,114,.4);border-radius:16px;padding:18px 24px 20px;background:rgba(10,9,8,.55);backdrop-filter:blur(4px);display:flex;flex-direction:column;gap:8px;align-items:center}
.patent-pas .motto{font-size:clamp(20px,2.2vw,30px)}
.patent-pas p{color:var(--bone-2);font-size:15px;margin:0}
.btn-wielki.patent{background:transparent;border:2px solid var(--zloto);color:var(--zloto-br);font-size:17px}
.btn-wielki.patent:hover{background:var(--zloto);color:var(--na-zlocie)}


/* taśma otwarcia: czerwony pas na pętli, jak baner LED */
.tasma{position:relative;z-index:2;width:100vw;margin:0 0 30px calc(50% - 50vw);
  background:linear-gradient(180deg,#c3261d,var(--red) 55%,#9a1a13);overflow:hidden;
  border-top:2px solid rgba(255,255,255,.3);border-bottom:2px solid rgba(0,0,0,.4);box-shadow:0 10px 30px rgba(0,0,0,.5)}
.tasma-tor{display:flex;white-space:nowrap;width:max-content;animation:tasmaJazda 38s linear infinite}
.tasma-tor span{display:inline-block;font-family:var(--d);font-weight:800;text-transform:uppercase;color:#fff;
  font-size:clamp(22px,2.6vw,34px);letter-spacing:.1em;padding:12px 0;text-shadow:0 2px 6px rgba(0,0,0,.35)}
@keyframes tasmaJazda{to{transform:translateX(-50%)}}
@media(max-width:700px){.tasma-tor span{font-size:19px;padding:9px 0}.tasma{margin-bottom:22px}}

/* znak promocji: dopisek o terminie */
.do-konca-roku{display:block;font-size:clamp(16px,1.8vw,24px);letter-spacing:.24em;color:#ff8a7a;margin-top:10px;border-top:1px solid rgba(196,161,114,.4);padding-top:10px}

/* szeroki pas eventu: czytelny opis na ciemnym podkładzie */
.kafel-n.szeroki::after{background:linear-gradient(90deg,rgba(6,6,7,.94) 0%,rgba(6,6,7,.72) 42%,rgba(6,6,7,.12) 72%,transparent)}
.kafel-n.szeroki .t{padding:30px 34px;max-width:720px}
.kafel-n.szeroki h3{font-size:clamp(28px,2.8vw,40px)}
.kafel-n.szeroki p{font-size:15.5px;max-width:560px;color:var(--bone)}
/* taśma: drugi komunikat w kontrze */
.tasma-tor i{font-style:normal;color:#ffd9e4;text-shadow:0 2px 6px rgba(0,0,0,.4)}


/* różowy pasek sekcji kobiecej + chip „ostatnie miejsca" */
.oglos.rozowy{background:linear-gradient(90deg,#8d2340,#d14b72 30%,#e8749b 50%,#d14b72 70%,#8d2340);color:#fff;box-shadow:0 6px 24px -8px rgba(232,116,155,.5)}
.oglos.rozowy .oglos-cta{background:#fff;color:#b23457}
.oglos.rozowy:hover .oglos-cta{background:var(--ink);color:#e8a2b8}
.chip-miejsca{display:inline-block;margin-left:10px;font-family:var(--d);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:13px;background:var(--red);color:#fff;border-radius:999px;padding:5px 14px;vertical-align:middle;animation:wstegaPuls 1.6s ease-in-out infinite;box-shadow:0 3px 10px rgba(0,0,0,.45)}

/* pas patentu pod Halloween: złota otoczka, tło z trenującym strzelcem */
.kafel-n.patent-kafel{border-color:rgba(196,161,114,.6);box-shadow:0 0 34px -12px rgba(196,161,114,.5)}
.kafel-n.patent-kafel:hover{border-color:var(--zloto-br)}
.kafel-n.patent-kafel img.tlo{opacity:.45}


/* mega CTA na szerokich pasach — najważniejsze przyciski */
.cta-mega{position:absolute;right:26px;bottom:22px;z-index:2;font-family:var(--d);font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  font-size:clamp(16px,1.5vw,20px);padding:16px 34px;border-radius:12px;box-shadow:0 10px 28px -8px rgba(0,0,0,.7);
  transition:.2s var(--ease);animation:wstegaPuls 2s ease-in-out infinite}
.kafel-n.szeroki .t{padding-right:clamp(30px,22vw,340px)}
@media(max-width:700px){.cta-mega{position:static;display:inline-block;margin-top:14px}.kafel-n.szeroki .t{padding-right:20px}}
.kafel-n:hover .cta-mega{transform:scale(1.05)}
.cta-mega.czerwony{background:linear-gradient(180deg,#e6392f,var(--red));color:#fff;border:1px solid rgba(255,255,255,.25)}
.cta-mega.zloty{background:linear-gradient(180deg,var(--zloto-br),var(--zloto));color:var(--na-zlocie);border:1px solid rgba(255,255,255,.3)}

.kafel-n.patent-kafel{min-height:200px}
.kafel-n.patent-kafel h3{font-size:clamp(22px,2.2vw,30px)}