/* ===== I$ PARTY - baza strony (wspolna dla wszystkich imprez). Wyglad konkretnej imprezy: motywy/<motyw>.css ===== */
@property --ang{syntax:"<angle>";initial-value:0deg;inherits:false}
:root{
  --bg:#0c0a09; --bg2:#16110f; --cream:#efe6d2; --cream2:#bdb3a0; --red:#e3361f; --red2:#ff5a2a; --grey:#cfccc4;
  --gold:#f2c14e; --akcent3:#2fa36b;
  --line:rgba(239,230,210,.14);
  --f-big:"Anton",Impact,"Arial Narrow",sans-serif; --f:"Archivo",system-ui,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:clip}
main,footer,.ticker{max-width:100vw}
body{margin:0;background:var(--bg);color:var(--cream);font-family:var(--f);font-size:16px;line-height:1.55;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit}
main,footer{position:relative;z-index:1}
/* wiszace bombki (kilka sztuk w gornej czesci strony) */
.wiszace{position:absolute;inset:0;z-index:0;pointer-events:none}
.wisi{position:absolute;top:0;display:flex;flex-direction:column;align-items:center;transform-origin:50% 0;animation:buja 4s ease-in-out infinite alternate}
@keyframes buja{from{transform:rotate(-6deg)}to{transform:rotate(6deg)}}
.wisi .nitka{width:1px;background:linear-gradient(rgba(239,230,210,.1),rgba(242,193,78,.7))}
.bombka{position:relative;display:block;border-radius:50%}
.bombka::before{content:"";position:absolute;left:50%;top:-9%;width:28%;height:13%;transform:translateX(-50%);border-radius:3px 3px 1px 1px;
  background:linear-gradient(90deg,#8a6a2a,#f6dc8c,#8a6a2a)}
.fx{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.fx-top{z-index:35}
.grain{position:fixed;inset:-50%;pointer-events:none;z-index:50;opacity:.08;mix-blend-mode:overlay;animation:grain 1s steps(4) infinite;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
@keyframes grain{25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-2%,-1%)}}

/* ===== gora ===== */
.top{position:sticky;top:0;z-index:40;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:8px clamp(16px,4vw,40px);
  background:linear-gradient(180deg,rgba(12,10,9,.92),rgba(12,10,9,.7));backdrop-filter:blur(8px)}
.top::after{content:"";position:absolute;left:0;right:0;top:100%;height:30px;pointer-events:none;background:linear-gradient(180deg,rgba(12,10,9,.7),rgba(12,10,9,0))}
.top-logo{perspective:400px;display:block;order:2;justify-self:center}
.top nav{order:1;justify-self:start}
.top>.btn{order:3;justify-self:end}
.top-logo img{width:72px;height:auto;animation:obrot 5s cubic-bezier(.65,0,.25,1) infinite;filter:drop-shadow(0 0 8px rgba(242,193,78,.35))}
@keyframes krec{to{transform:rotateY(360deg)}}
.top nav{display:flex;gap:22px;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.06em}
.top nav a{text-decoration:none;color:var(--cream2);position:relative}
.top nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-4px;height:2px;background:var(--red);transition:right .25s}
.top nav a:hover{color:var(--cream)} .top nav a:hover::after{right:0}
.lampki{position:absolute;left:0;right:0;top:calc(100% - 6px);height:40px;pointer-events:none}
.lampki svg{width:100%;height:40px;display:block;overflow:visible}
.lampki .zar{animation:mrug 1.6s ease-in-out infinite}
@keyframes mrug{0%,100%{opacity:1}50%{opacity:.25}}

/* ===== przyciski ===== */
.btn{position:relative;overflow:hidden;display:inline-block;background:var(--red);color:#fff;text-decoration:none;font-family:var(--f-big);text-transform:uppercase;
  letter-spacing:.04em;font-size:20px;padding:14px 28px;border-radius:4px;transition:transform .15s,background .15s,box-shadow .2s;border:0;cursor:pointer}
.btn::after{content:"";position:absolute;top:0;bottom:0;width:40%;left:-60%;transform:skewX(-20deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);animation:blysk 3.2s ease-in-out infinite}
@keyframes blysk{0%,60%{left:-60%}100%{left:130%}}
.btn:hover{background:var(--red2);transform:translateY(-3px) scale(1.03);box-shadow:0 10px 30px rgba(227,54,31,.45)}
.btn-sm{font-size:15px;padding:9px 16px}
.btn-big{font-size:28px;padding:18px 44px;animation:puls-btn 2s ease-in-out infinite}
@keyframes puls-btn{0%,100%{box-shadow:0 0 0 0 rgba(227,54,31,.55)}50%{box-shadow:0 0 0 16px rgba(227,54,31,0)}}
.btn.off{background:transparent;color:var(--cream2);border:1px dashed var(--cream2);transform:none;cursor:default;box-shadow:none}
.btn.off::after{display:none}

/* ===== hero ===== */
.hero{position:relative;min-height:calc(100vh - 75px);display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto auto auto;
  column-gap:clamp(16px,4vw,48px);padding:clamp(40px,5vw,64px) clamp(16px,5vw,64px) 48px;overflow:hidden}
.halftone{position:absolute;width:min(70vw,760px);aspect-ratio:1;right:-8%;top:6%;border-radius:50%;z-index:0;
  background:radial-gradient(circle,var(--red) 32%,transparent 34%) 0 0/12px 12px;
  -webkit-mask:radial-gradient(circle,#000 30%,transparent 70%);mask:radial-gradient(circle,#000 30%,transparent 70%);opacity:.75;
  animation:puls 6s ease-in-out infinite}
@keyframes puls{0%,100%{transform:scale(1) rotate(0)}50%{transform:scale(1.08) rotate(8deg);opacity:.95}}








.hero>*:not(.halftone):not(.wiszace){position:relative;z-index:1}
.sec-jasna .wzor{opacity:.05}
.edition{grid-column:2;grid-row:1;margin:0;text-align:right;font-family:var(--f-big);text-transform:uppercase;color:var(--red2);font-size:clamp(18px,2.2vw,26px);line-height:1.1;letter-spacing:.05em;
  animation:wjazd-p .9s .2s both}
.hero-logo{grid-column:1;grid-row:1/3;margin:0;align-self:center;animation:wjazd-l 1.1s cubic-bezier(.2,1.4,.4,1) both}
.logo-scena{display:inline-block;perspective:1400px;animation:unos 4s ease-in-out infinite}
.logo-obrot{display:inline-block;position:relative;transform-style:preserve-3d;animation:obrot 9s cubic-bezier(.65,0,.25,1) 1.5s infinite}
.logo-obrot.stale{animation:krec 6s linear infinite}
.hero-logo img{width:min(100%,680px);max-height:56vh;object-fit:contain;filter:drop-shadow(0 8px 34px rgba(0,0,0,.6))}
@keyframes unos{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes obrot{0%,72%{transform:rotateY(0)}86%{transform:rotateY(200deg)}92%{transform:rotateY(350deg)}100%{transform:rotateY(360deg)}}
@keyframes wjazd-l{from{opacity:0;transform:scale(.6) rotate(-8deg)}to{opacity:1;transform:none}}
@keyframes wjazd-p{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:none}}
.czapka{display:none}
.z-czapka .hero{padding-top:clamp(70px,8vw,104px)}
.hero-date{grid-column:2;grid-row:2;align-self:center;display:flex;flex-direction:column;align-items:flex-end;font-family:var(--f-big);line-height:.85}
.hero-date span,.hero-date small{display:block;animation:spad .8s cubic-bezier(.2,1.5,.4,1) both}
.hero-date span{font-size:clamp(90px,14vw,210px)} .hero-date small{font-size:clamp(34px,4.5vw,64px);margin-top:6px}
.hero-date span:nth-child(1){animation-delay:.35s} .hero-date span:nth-child(2){animation-delay:.5s} .hero-date small{animation-delay:.65s}
@keyframes spad{from{opacity:0;transform:translateY(-80px) rotate(-6deg)}to{opacity:1;transform:none}}
.hero-meta{grid-column:1/3;font-weight:600;font-size:clamp(16px,1.6vw,20px);text-transform:uppercase;letter-spacing:.04em;margin-top:18px;animation:wjazd-d .8s .7s both}
.hero-meta p{margin:2px 0}
@keyframes wjazd-d{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
.countdown{grid-column:1/3;display:flex;gap:10px;margin:18px 0 24px;animation:wjazd-d .8s .85s both}
.countdown div{background:rgba(22,17,15,.8);border:1px solid var(--line);border-radius:6px;padding:10px 12px;min-width:76px;text-align:center;backdrop-filter:blur(4px)}
.countdown b{display:block;font-family:var(--f-big);font-weight:400;font-size:clamp(32px,4vw,48px);line-height:1}
.countdown b.flip{animation:flip .45s ease}
@keyframes flip{0%{transform:translateY(-40%) scale(1.25);color:var(--gold);opacity:.2}100%{transform:none;opacity:1}}
.countdown span{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--cream2)}
.hero-akcje{grid-column:1/3;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.btn-alt{background:transparent;border:2px solid var(--line);color:var(--cream);animation:none}
.btn-alt::after{display:none}
.btn-alt:hover{background:rgba(239,230,210,.08);border-color:var(--cream);box-shadow:none}
.edition-miejsce{color:var(--cream);font-size:.8em;letter-spacing:.12em}
.by{font-size:15px;color:var(--cream2);margin:16px 0 0;grid-column:1/3}
.by em{font-family:"Brush Script MT","Segoe Script",cursive;font-style:italic;font-size:1.5em;color:var(--cream)}

/* ===== paski ===== */
.ticker{position:relative;z-index:2;border-block:1px solid var(--line);background:var(--red);color:#fff;overflow:hidden;white-space:nowrap;transform:rotate(-1.5deg) scale(1.03);margin:10px 0}
.ticker-rev{transform:rotate(1.5deg) scale(1.03);background:var(--cream);color:var(--bg)}
.ticker-in{display:inline-block;padding:10px 0;font-family:var(--f-big);font-size:22px;letter-spacing:.06em;animation:tick 35s linear infinite}
.ticker-rev .ticker-in{animation-direction:reverse}
.ticker-in span{margin:0 18px} .ticker-in i{font-style:normal;display:inline-block;animation:krec2 3s linear infinite}
@keyframes tick{to{transform:translateX(-50%)}}
@keyframes krec2{to{transform:rotate(360deg)}}

/* ===== czat ===== */
.chat-sec{position:relative;padding:90px clamp(16px,5vw,64px)}
.chat-sec .wzor{inset:0}
.wzor{position:absolute;inset:-40px;opacity:.07;animation:wzor 30s linear infinite;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='60'%3E%3Ctext x='8' y='42' font-family='Arial Black,Arial' font-weight='900' font-size='34' fill='%23efe6d2'%3EI$%3C/text%3E%3C/svg%3E")}
@keyframes wzor{to{background-position:180px 120px}}
.chat{position:relative;max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:14px;min-height:420px}
.b{margin:0;font-family:var(--f-big);text-transform:uppercase;font-size:clamp(26px,5vw,44px);line-height:1.05;padding:14px 26px;border-radius:22px;
  width:fit-content;max-width:100%;position:relative;transform-origin:left bottom;animation:dymek .45s cubic-bezier(.2,1.6,.4,1) both}
.b.right{transform-origin:right bottom}
@keyframes dymek{from{opacity:0;transform:scale(.3) translateY(20px)}to{opacity:1;transform:none}}
.b-grey{background:var(--grey);color:#111;border-bottom-left-radius:4px}
.b-red{background:var(--red);color:#fff;border-bottom-right-radius:4px}
.b-cream{background:var(--cream);color:#111}
.b.big{font-size:clamp(46px,10vw,92px);align-self:center;padding:16px 36px;transform-origin:center;animation:dymek .5s cubic-bezier(.2,1.6,.4,1) both,trzes 2.4s 1s ease-in-out infinite}
@keyframes trzes{0%,90%,100%{transform:none}92%{transform:rotate(-3deg) scale(1.04)}95%{transform:rotate(3deg) scale(1.04)}}
.right{align-self:flex-end}
.b.pisze{padding:16px 22px;display:flex;gap:6px}
.b.pisze i{width:10px;height:10px;border-radius:50%;background:currentColor;opacity:.5;animation:kropka 1s infinite}
.b.pisze i:nth-child(2){animation-delay:.15s} .b.pisze i:nth-child(3){animation-delay:.3s}
@keyframes kropka{0%,100%{transform:none;opacity:.35}40%{transform:translateY(-6px);opacity:1}}

/* ===== sekcje ===== */
.sec{scroll-margin-top:90px;padding:96px max(clamp(16px,5vw,64px),calc((100% - 1200px) / 2));position:relative}
.nadtytul{margin:0 0 10px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.22em;color:var(--red2);display:flex;align-items:center;gap:12px}
.nadtytul::before{content:"";width:34px;height:2px;background:currentColor}

/* ----- warianty sekcji: kazda sekcja ma inne tlo, zeby strona byla przejrzysta ----- */
.sec-jasna{background:#efe6d2;--cream:#16110f;--cream2:#5a4f45;--line:rgba(22,17,15,.16);--red2:#c42a17;color:var(--cream)}
/* FAQ jako choinka: kazde pytanie to pietro, gwiazda na czubku, pien na dole */
.sec-choinka{text-align:center;background:radial-gradient(ellipse 45% 55% at 50% 58%,rgba(22,84,55,.28),transparent 70%)}
.sec-choinka .nadtytul{justify-content:center}
.sec-choinka .lead{margin:26px auto 0;text-align:center}
.choinka{position:relative;max-width:760px;margin:30px auto 0;display:flex;flex-direction:column;align-items:center}
.gwiazda{width:58px;height:58px;margin-bottom:-6px;position:relative;z-index:2;filter:drop-shadow(0 0 14px rgba(242,193,78,.8));animation:gwiazda 6s ease-in-out infinite}
@keyframes gwiazda{0%,100%{transform:rotate(-8deg) scale(1)}50%{transform:rotate(8deg) scale(1.08)}}
/* choinka: kazde pietro to "spodniczka" - waska gora, rozlozone ostre rogi, wkleslony dol; pietra nachodza na siebie */
.choinka{filter:drop-shadow(0 0 1px rgba(242,193,78,.5)) drop-shadow(0 12px 18px rgba(0,0,0,.5))}
.choinka .gwiazda{position:relative;z-index:30;width:76px;height:76px;margin-bottom:-38px;filter:drop-shadow(0 0 14px rgba(242,193,78,.8))}
.czubek{position:relative;z-index:20;width:min(36%,270px);padding:70px 62px 34px;
  clip-path:polygon(50% 0,100% 100%,90% calc(100% - 8px),75% calc(100% - 14px),50% calc(100% - 17px),25% calc(100% - 14px),10% calc(100% - 8px),0 100%);
  background:linear-gradient(180deg,#2a8058,#155a3b 60%,#0f4430)}
.czubek img{width:100%;height:auto;filter:drop-shadow(0 3px 8px rgba(0,0,0,.45))}
.czubek::before,.czubek::after{content:"";position:absolute;bottom:12px;width:9px;height:9px;border-radius:50%;background:#e3361f;box-shadow:0 0 8px #e3361f;animation:mrug 1.8s ease-in-out infinite}
.czubek::before{left:14%} .czubek::after{right:14%;background:#f2c14e;box-shadow:0 0 8px #f2c14e;animation-delay:-.9s}
@media (min-width:761px){
  .choinka .faq summary{cursor:default;pointer-events:none}
  .choinka .faq summary::after{display:none}
  .choinka .faq details:hover summary{color:#efe6d2}
}
.choinka .faq{width:100%;display:flex;flex-direction:column;align-items:center}
.choinka .faq details{--t:22%;position:relative;width:var(--w,100%);margin-top:-30px;padding:0;border:0;border-radius:0;clip-path:polygon(var(--t) 0,calc(100% - var(--t)) 0,100% 100%,90% calc(100% - 8px),75% calc(100% - 14px),50% calc(100% - 17px),25% calc(100% - 14px),10% calc(100% - 8px),0 100%);
  background:linear-gradient(180deg,#0c3523 0,#1b6141 46px,#155a3b 70%,#0f4430);transition:opacity .8s,transform .8s}
.choinka .faq details:nth-child(1){z-index:15} .choinka .faq details:nth-child(2){z-index:14} .choinka .faq details:nth-child(3){z-index:13}
.choinka .faq details:nth-child(4){z-index:12} .choinka .faq details:nth-child(5){z-index:11} .choinka .faq details:nth-child(6){z-index:10}
.choinka .faq summary{justify-content:center;padding:44px 15% 10px;font-size:clamp(15px,1.6vw,18px);color:#efe6d2;position:relative}
.choinka .faq summary:hover{color:var(--gold);padding-left:15%}
.choinka .faq summary::after{position:absolute;right:20%;top:50%;margin-top:-6px;color:var(--gold)}
.choinka .faq p{margin:0 auto;padding:0 15% 34px;color:rgba(239,230,210,.84);font-size:15px}
.choinka .faq details:not([open]) summary{padding-bottom:30px}
.choinka .faq details::before,.choinka .faq details::after{content:"";position:absolute;bottom:13px;width:10px;height:10px;border-radius:50%;
  background:var(--bombka,#e3361f);box-shadow:0 0 10px var(--bombka,#e3361f);animation:mrug 1.8s ease-in-out infinite}
.choinka .faq details::before{left:9%} .choinka .faq details::after{right:9%;animation-delay:-.9s}
.choinka .faq details:nth-child(2){--bombka:#f2c14e} .choinka .faq details:nth-child(3){--bombka:#efe6d2}
.choinka .faq details:nth-child(4){--bombka:#e3361f} .choinka .faq details:nth-child(5){--bombka:#f2c14e}
.pien{width:70px;height:46px;margin-top:-14px;background:linear-gradient(90deg,#3b2417,#6b4329,#3b2417)}
@media (max-width:760px){
  .czubek{width:56%;padding:58px 44px 30px}
  .choinka .faq details{--t:16%;width:calc(64% + (var(--w) - 52%) * .75)}
  .choinka .faq summary{padding:40px 15% 10px;font-size:15px}
  .choinka .faq summary:hover{padding-left:15%}
  .choinka .faq summary::after{right:13%}
  .choinka .faq p{padding:0 11% 32px;font-size:14px}
}
.sec-cieplejsza{background:linear-gradient(180deg,rgba(26,18,15,0),#1a120f 140px,#1a120f calc(100% - 140px),rgba(26,18,15,0))}
.sec-ciemna#bilety{background:radial-gradient(ellipse 60% 50% at 50% 70%,rgba(227,54,31,.14),transparent 70%)}
.sec-jasna .wzor{filter:invert(1)}
.sec-jasna .b-cream{background:var(--bg);color:#efe6d2}
.sec-jasna .b-grey{background:#fff;color:#111;box-shadow:0 6px 20px rgba(0,0,0,.08)}











.sec-2kol{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,6vw,80px);align-items:start}
.sec-2kol .kol-lewa{position:sticky;top:120px}
.sec-2kol .h2{font-size:clamp(48px,6.5vw,92px)}
.sec-2kol .faq details:first-child{border-top:1px solid var(--line)}
@media (max-width:760px){.sec-2kol{grid-template-columns:1fr}.sec-2kol .kol-lewa{position:static}}
.h2{font-family:var(--f-big);font-weight:400;text-transform:uppercase;font-size:clamp(54px,9vw,120px);line-height:.9;margin:0 0 16px}

@keyframes zapal{0%{opacity:.1}10%{opacity:1}14%{opacity:.2}20%{opacity:1}26%{opacity:.4}30%,100%{opacity:1}}
.reveal{opacity:0;transform:translateY(46px);transition:opacity .8s,transform .8s cubic-bezier(.2,1,.3,1)}
.reveal.in{opacity:1;transform:none}
.lead{font-size:18px;color:var(--cream2);max-width:560px;margin:0 0 28px}
.note{color:var(--cream2);font-size:14px;margin-top:18px}
.link{color:var(--red2);text-decoration:none;font-weight:600} .link:hover{text-decoration:underline}

.pule{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.pula{isolation:isolate;border:1px solid var(--line);background:rgba(22,17,15,.85);border-radius:10px;padding:22px;display:flex;flex-direction:column;gap:6px;position:relative;
  transition:transform .3s cubic-bezier(.2,1.4,.4,1),box-shadow .3s,opacity .8s}
.pula:hover{transform:translateY(-8px) rotate(-1deg);box-shadow:0 20px 40px rgba(0,0,0,.5)}
.pula h3{margin:0;font-family:var(--f-big);font-weight:400;text-transform:uppercase;font-size:28px;letter-spacing:.02em}
.pula .opis{color:var(--cream2);font-size:14px;margin:0}
.pula .cena{font-family:var(--f-big);font-size:56px;line-height:1;margin:10px 0}
.pula .cena small{font-size:20px}
.pula .stan{position:absolute;top:16px;right:16px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;padding:4px 8px;border-radius:3px}
.pula.dostepna{border-color:transparent}
.pula.dostepna::before{content:"";position:absolute;inset:-2px;border-radius:12px;z-index:-1;
  background:conic-gradient(from var(--ang),var(--red),var(--gold),var(--akcent3),var(--cream),var(--red));animation:obwod 4s linear infinite}
.pula.dostepna::after{content:"";position:absolute;inset:0;border-radius:10px;background:var(--bg2);z-index:-1}
@keyframes obwod{to{--ang:360deg}}
.pula.dostepna .stan{background:var(--red);color:#fff;animation:mrug 1.2s ease-in-out infinite}
.pula.dostepna .cena{animation:cena 2.5s ease-in-out infinite}
@keyframes cena{0%,100%{transform:none}50%{transform:scale(1.06)}}
.pula.wyprzedana{opacity:.5} .pula.wyprzedana .cena{text-decoration:line-through}
.pula.wyprzedana .stan,.pula.wkrotce .stan{border:1px solid var(--cream2);color:var(--cream2)}
.pula .btn{margin-top:auto;text-align:center}

.info-lista{margin:0;border-top:1px solid var(--line)}
.info-lista div{display:grid;grid-template-columns:130px 1fr;gap:16px;align-items:baseline;padding:22px 0;border-bottom:1px solid var(--line)}
.info-lista dt{font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:var(--cream2);font-weight:800}
.info-lista dd{margin:0;font-size:clamp(18px,2vw,24px);font-weight:600;line-height:1.35}
.miejsce-karta{display:flex;flex-direction:column;gap:4px;margin-top:28px;padding:24px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--cream);
  background:radial-gradient(circle,rgba(227,54,31,.35) 1.2px,transparent 1.6px) 0 0/12px 12px,rgba(22,17,15,.6);transition:border-color .25s,transform .25s}
.miejsce-karta:hover{border-color:var(--red);transform:translateY(-4px)}
.mk-nazwa{font-family:var(--f-big);text-transform:uppercase;font-size:clamp(56px,7vw,96px);line-height:.9}
.mk-adres{font-weight:800;font-size:18px} .mk-opis{color:var(--cream2);font-size:14px}
.mk-link{margin-top:10px;color:var(--red2);font-weight:800;font-size:14px;text-transform:uppercase;letter-spacing:.08em}






.kolejne{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.zdrapka{position:relative;min-height:230px;border-radius:14px;overflow:hidden;background:rgba(22,17,15,.9);border:1px solid var(--line);
  box-shadow:0 14px 40px rgba(0,0,0,.45);transition:transform .35s cubic-bezier(.2,1.4,.4,1),opacity .8s}
.zdrapka:nth-child(1){--tilt:-2deg} .zdrapka:nth-child(2){--tilt:1.5deg} .zdrapka:nth-child(3){--tilt:-1deg}
.zdrapka.in{transform:rotate(var(--tilt))}
.zdrapka:hover{transform:rotate(0) translateY(-6px) scale(1.02)}
.zd-pod{padding:24px;display:flex;flex-direction:column;gap:6px;height:100%}
.zd-pod b{font-family:var(--f-big);font-weight:400;font-size:64px;line-height:1;color:var(--gold)}
.zd-pod span{font-family:var(--f-big);text-transform:uppercase;font-size:26px;letter-spacing:.04em}
.zd-pod p{margin:4px 0 8px;color:var(--cream);font-size:15px;line-height:1.45}
.zd-pod .link{margin-top:auto;font-size:14px}
.glitch{font-style:normal;display:inline-block;animation:glitch 1.6s steps(2) infinite}
.glitch:nth-child(2){animation-delay:-.4s}
@keyframes glitch{0%,100%{transform:none;color:var(--gold)}25%{transform:translate(-3px,2px) skewX(10deg);color:var(--red2)}50%{transform:translate(2px,-2px);color:var(--cream)}75%{transform:translate(1px,3px) skewX(-8deg)}}
.zd-warstwa{position:absolute;inset:0;width:100%;height:100%;cursor:grab;touch-action:none;transition:opacity .6s,transform .6s}
.zd-warstwa:active{cursor:grabbing}
.zdrapka:not(.odkryta) .zd-warstwa{animation:kusi 3s ease-in-out infinite}
@keyframes kusi{0%,85%,100%{filter:none}90%{filter:brightness(1.25)}}
.zdrapka.odkryta .zd-warstwa{opacity:0;transform:scale(1.1);pointer-events:none}
.zdrapka.odkryta{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 14px 50px rgba(242,193,78,.25)}
.konf{position:fixed;z-index:70;width:9px;height:14px;border-radius:2px;pointer-events:none;animation:konf 1.3s cubic-bezier(.2,.7,.4,1) forwards}
@keyframes konf{to{transform:translate(var(--dx),calc(var(--dy) + 260px)) rotate(var(--r));opacity:0}}

#tak-bylo{text-align:center}
#tak-bylo .nadtytul{justify-content:center}
#tak-bylo .ig{text-align:left}
.ig{max-width:900px;margin-inline:auto;border:1px solid var(--line);border-radius:16px;background:rgba(12,10,9,.7);overflow:hidden}
.ig-head{display:flex;align-items:center;gap:16px;padding:18px 20px;text-decoration:none;color:var(--cream);border-bottom:1px solid var(--line)}
.ig-avatar{flex:0 0 auto;width:62px;height:62px;border-radius:50%;padding:3px;background:conic-gradient(from 200deg,var(--gold),var(--red),#c13584,var(--gold));animation:obwod 6s linear infinite}
.ig-avatar img{width:100%;height:100%;border-radius:50%;border:3px solid var(--bg);object-fit:cover}
.ig-dane{display:flex;flex-direction:column;min-width:0;flex:1} .ig-dane b{font-size:18px} .ig-dane span{color:var(--cream2);font-size:14px}
.ig-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}
.ig-kafel{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:var(--bg2)}
.ig-kafel img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.ig-nakladka{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;padding:14px;color:#fff;text-decoration:none;
  background:linear-gradient(transparent 40%,rgba(0,0,0,.85));opacity:0;transition:opacity .3s}
.ig-nakladka b{font-size:14px;text-transform:uppercase;letter-spacing:.04em} .ig-nakladka span{font-size:12px;opacity:.8} .ig-nakladka i{font-style:normal;font-size:12px;font-weight:800;color:var(--gold);margin-top:6px}
.ig-kafel:hover img{transform:scale(1.06)} .ig-kafel:hover .ig-nakladka{opacity:1}
.ig-wiecej{display:block;padding:16px 20px;text-align:center;font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:14px;color:var(--red2);text-decoration:none}
.ig-wiecej:hover{background:rgba(227,54,31,.08)}
@media (hover:none){.ig-nakladka{opacity:1;background:linear-gradient(transparent 60%,rgba(0,0,0,.8))}.ig-nakladka i{display:none}}







.faq details{border-bottom:1px solid var(--line);padding:16px 0}
.faq summary{cursor:pointer;font-weight:800;font-size:19px;list-style:none;display:flex;justify-content:space-between;gap:12px;transition:color .2s,padding .2s}
.faq summary:hover{color:var(--gold);padding-left:8px}
.faq summary::after{content:"+";font-family:var(--f-big);color:var(--red2);font-size:26px;line-height:1;transition:transform .3s}
.faq details[open] summary::after{transform:rotate(135deg)}
.faq p{color:var(--cream2);margin:10px 0 0;max-width:720px;animation:wjazd-d .4s both}

.foot{text-align:center;padding:70px 16px 110px}
.pula .cena.cena-wkrotce{font-size:34px;color:var(--cream2);animation:none}
.foot-logo{width:min(300px,70%)}
.foot .by{margin-top:6px}
.small{font-size:12px;color:var(--cream2)}

.iskra{position:fixed;z-index:60;pointer-events:none;font-size:14px;color:var(--gold);animation:iskra .9s ease-out forwards;text-shadow:0 0 8px currentColor}
@keyframes iskra{to{transform:translate(var(--dx),var(--dy)) rotate(180deg) scale(.2);opacity:0}}

.sticky-buy{display:none}

@media (max-width:760px){
  .top nav{display:block;visibility:hidden;width:0}
  .hero{grid-template-columns:1fr;min-height:auto}
  .edition{grid-column:1;text-align:left}
  .hero-logo{grid-column:1;grid-row:auto;margin-top:16px}
  .z-czapka .hero-logo{margin-top:48px}
  .hero-date{grid-column:1;grid-row:auto;flex-direction:row;align-items:baseline;gap:12px;margin-top:10px}
  .hero-date span{font-size:96px} .hero-date small{font-size:40px}
  .hero-meta,.countdown,.hero-akcje,.by{grid-column:1}
  .halftone{width:120vw;right:-40%;top:2%}

  .countdown div{min-width:0;flex:1;padding:8px 4px}
  .hero-akcje>.btn{flex:1 1 100%;text-align:center}
  .chat{min-height:360px}
  .ig-head .btn{display:none}

  .sticky-buy{display:block;position:fixed;left:12px;right:12px;bottom:12px;z-index:45;transition:transform .3s}
  .sticky-buy .btn{display:block;text-align:center;box-shadow:0 8px 30px rgba(0,0,0,.6)}
  .sticky-buy.hide{transform:translateY(140%)}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}