/* Fonty hostowane lokalnie (SIL Open Font License 1.1). Jeden plik na krój: Basic Latin, Latin-1 i Latin Extended-A (polskie znaki), interpunkcja, strzałki, kształty. */
@font-face{font-family:'Anton';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/anton-400.woff2) format('woff2');unicode-range:U+0000-00FF,U+0100-017F,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2190-2199,U+2212,U+25A0-25FF,U+2715,U+FEFF,U+FFFD}
@font-face{font-family:'Barlow';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/barlow-400.woff2) format('woff2');unicode-range:U+0000-00FF,U+0100-017F,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2190-2199,U+2212,U+25A0-25FF,U+2715,U+FEFF,U+FFFD}
@font-face{font-family:'Barlow';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/barlow-600.woff2) format('woff2');unicode-range:U+0000-00FF,U+0100-017F,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2190-2199,U+2212,U+25A0-25FF,U+2715,U+FEFF,U+FFFD}
@font-face{font-family:'Barlow';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/barlow-700.woff2) format('woff2');unicode-range:U+0000-00FF,U+0100-017F,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2190-2199,U+2212,U+25A0-25FF,U+2715,U+FEFF,U+FFFD}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/barlow-condensed-700.woff2) format('woff2');unicode-range:U+0000-00FF,U+0100-017F,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2190-2199,U+2212,U+25A0-25FF,U+2715,U+FEFF,U+FFFD}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/barlow-condensed-800.woff2) format('woff2');unicode-range:U+0000-00FF,U+0100-017F,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2190-2199,U+2212,U+25A0-25FF,U+2715,U+FEFF,U+FFFD}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/jetbrains-mono-500.woff2) format('woff2');unicode-range:U+0000-00FF,U+0100-017F,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2190-2199,U+2212,U+25A0-25FF,U+2715,U+FEFF,U+FFFD}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/jetbrains-mono-700.woff2) format('woff2');unicode-range:U+0000-00FF,U+0100-017F,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2190-2199,U+2212,U+25A0-25FF,U+2715,U+FEFF,U+FFFD}
@font-face{font-family:'Mrs Saint Delafield';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/mrs-saint-delafield-400.woff2) format('woff2');unicode-range:U+0000-00FF,U+0100-017F,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2190-2199,U+2212,U+25A0-25FF,U+2715,U+FEFF,U+FFFD}
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/source-serif-4-400.woff2) format('woff2');unicode-range:U+0000-00FF,U+0100-017F,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2190-2199,U+2212,U+25A0-25FF,U+2715,U+FEFF,U+FFFD}

/* Podstawa */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:#f4f1e9;color:#101217}
picture{display:contents}
[hidden]{display:none !important}
summary::-webkit-details-marker{display:none}
button,input{font:inherit}
@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}

/* Uzupełnienia do interakcji z JS */
.pz-shelf.is-drag{cursor:grabbing !important}
.pz-shelf.is-drag .pz-shelf-item{pointer-events:none}
.pz-hs.is-open .pz-tip{opacity:1 !important;transform:none !important}
.pz-hs.is-open{z-index:6}
.pz-hs.is-open .pz-hs-label{opacity:0}
#zoom button:focus-visible{outline:3px solid #ff5a1f;outline-offset:3px}
#light,#kup{scroll-margin-top:88px}

/* Projekt z Claude Design (Main.dc.html) */
body{margin:0}
a{color:#bb3100}a:hover{color:#8a2400}
@keyframes pz-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes pz-blink{0%,55%{opacity:1}56%,100%{opacity:.15}}
@keyframes pz-load{0%{background-position:0 0}100%{background-position:48px 0}}
@keyframes pz-ping{0%{box-shadow:0 0 0 0 rgba(255,90,31,.55)}100%{box-shadow:0 0 0 14px rgba(255,90,31,0)}}
@keyframes pz-read-page{0%{opacity:0;transform:translateY(120px) scale(.78) rotate(4deg)}18%{opacity:1;transform:none}82%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-120px) scale(.9) rotate(-3deg)}}
@keyframes pz-read-cap{0%,8%{opacity:0;transform:translateY(16px)}22%,80%{opacity:1;transform:none}94%,100%{opacity:0;transform:translateY(-16px)}}
@keyframes pz-read-bar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@supports not (animation-timeline: view()){.pz-read-wrap{height:auto !important}.pz-read-stage{position:static !important;height:auto !important}.pz-read-page{position:static !important;opacity:1 !important;margin-bottom:24px}.pz-read-cap{position:static !important;opacity:1 !important}.pz-read-caps{min-height:0 !important}}
.pz-shelf-item:hover,.pz-shelf-item:focus-visible{transform:scale(1.5);position:relative;z-index:3;box-shadow:0 30px 70px rgba(0,0,0,.7);outline:2px solid #ff5a1f;outline-offset:2px}
@keyframes pz-seg{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes pz-feed{from{translate:0 0}to{translate:0 -50px}}
@keyframes pz-pop{0%,70%,100%{transform:scale(1)}82%{transform:scale(1.25)}}
@keyframes pz-tab{0%{background:#ff5a1f;color:#101217}16.6%,100%{background:#1a1d24;color:#b9b6ad}}
@keyframes pz-prog{from{width:4%}to{width:22%}}
@keyframes pz-head{from{left:4%}to{left:22%}}
@keyframes pz-swing{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}
@keyframes pz-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes pz-glow{0%{box-shadow:0 0 0 0 rgba(255,90,31,.65)}100%{box-shadow:0 0 0 10px rgba(255,90,31,0)}}
.pz-hs:hover .pz-tip,.pz-hs:focus-visible .pz-tip{opacity:1 !important;transform:none !important}
.pz-hs:hover,.pz-hs:focus-visible{z-index:6}
.pz-hs:hover .pz-hs-label,.pz-hs:focus-visible .pz-hs-label{opacity:0}
@keyframes pz-spin{to{transform:rotate(360deg)}}
@keyframes pz-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes pz-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
@keyframes pz-gridmove{from{transform:translateY(0)}to{transform:translateY(12px)}}
@keyframes pz-draw{0%,12%{stroke-dashoffset:40}35%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:40}}
@keyframes pz-wave{0%,100%{transform:skewY(0deg)}50%{transform:skewY(-7deg)}}
@keyframes pz-twinkle{0%,100%{opacity:.15}50%{opacity:.95}}
@keyframes pz-scrollx{from{transform:translateX(0)}to{transform:translateX(-160px)}}
@keyframes pz-popout{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-1.2%,-2.2%) scale(1.045)}}
@keyframes pz-shadowpulse{0%,100%{box-shadow:0 34px 70px rgba(0,0,0,.65)}50%{box-shadow:0 44px 90px rgba(0,0,0,.75),0 0 0 2px rgba(255,90,31,.35)}}
@keyframes pz-hdr{from{padding-top:14px;padding-bottom:14px;box-shadow:none}to{padding-top:6px;padding-bottom:6px;box-shadow:0 8px 24px rgba(0,0,0,.45)}}
@keyframes pz-logo{from{transform:scale(1)}to{transform:scale(.82)}}
section[id]{scroll-margin-top:72px}
@container (max-width: 820px){.pz-navlink{display:none !important}}
@keyframes pz-fly{0%,100%{transform:translate(0,0) rotate(-4deg)}50%{transform:translate(4%,-7%) rotate(2deg)}}
@keyframes pz-ollie{0%,55%,100%{transform:translate(0,0) rotate(0deg)}70%{transform:translate(-4px,-22px) rotate(-14deg)}85%{transform:translate(0,-8px) rotate(6deg)}}
@keyframes pz-navbtn{from{min-height:44px;padding:0 20px;font-size:17px}to{min-height:34px;padding:0 14px;font-size:15px}}
@keyframes pz-shine{0%,30%{transform:translateX(0)}70%,100%{transform:translateX(260px)}}
@keyframes pz-saving{0%{transform:scaleX(0)}70%,85%{transform:scaleX(1)}100%{transform:scaleX(1);opacity:0}}
@keyframes pz-par-slow{from{translate:0 60px}to{translate:0 -60px}}
@keyframes pz-par-mid{from{translate:0 140px}to{translate:0 -140px}}
@keyframes pz-par-fast{from{translate:0 240px}to{translate:0 -240px}}
/* Wejście strony */
@keyframes pz-rise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes pz-deal{from{opacity:0;transform:translate(70px,30px) rotate(9deg) scale(.9)}to{opacity:1;transform:none}}
@keyframes pz-stamp{0%{opacity:0;scale:1.9}60%{opacity:1;scale:.9}100%{opacity:1;scale:1}}
@keyframes pz-boot{0%{transform:translateY(0);opacity:1}85%{opacity:1}100%{transform:translateY(100%);opacity:0}}
@keyframes pz-zoomin{from{opacity:0;transform:translateY(48px) scale(.92)}to{opacity:1;transform:none}}
@keyframes pz-type{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
.pz-in{animation:pz-rise .8s cubic-bezier(.2,.7,.2,1) var(--d,0s) both}
.pz-deal{animation:pz-deal 1s cubic-bezier(.2,.7,.2,1) .3s both}
.pz-stamp{animation:pz-stamp .55s cubic-bezier(.3,1.4,.5,1) 1.1s both}
/* Na stronie: linia jedzie przez transform zamiast top, żeby nie przesuwać układu (CLS). Wygląd jak w projekcie. */
.pz-bootline{position:absolute;left:0;right:0;top:0;height:100%;z-index:1;pointer-events:none;background:linear-gradient(90deg,transparent,#ff5a1f 30%,#ff5a1f 70%,transparent) 0 0/100% 2px no-repeat,linear-gradient(180deg,rgba(255,90,31,.32),rgba(255,90,31,0) 24px) 0 0/100% 24px no-repeat;animation:pz-boot 1.2s cubic-bezier(.6,0,.4,1) .05s both}
/* Odsłanianie przy przewijaniu (bez wsparcia: treść stoi od razu) */
@supports (animation-timeline: view()){
.pz-rv{animation:pz-rise linear both;animation-timeline:view();animation-range:entry 0% entry 45%}
.pz-rv-zoom{animation:pz-zoomin linear both;animation-timeline:view();animation-range:entry 0% entry 60%}
.pz-cp{animation:pz-type steps(9,end) both;animation-timeline:view();animation-range:entry 30% entry 80%}
}
/* Telefon */
@container (max-width: 640px){
.pz-sticker{zoom:.76;top:-34px !important;right:-14px !important}
.pz-hs-label,.pz-tip{display:none !important}
.pz-hs-list{display:grid !important}
.pz-stack,.pz-stack-sm{display:none !important}
.pz-yr{flex-direction:column !important;align-items:flex-start !important;gap:8px !important}
.pz-tl{min-width:0 !important;grid-template-columns:34px minmax(0,1fr) !important;grid-template-rows:none !important;gap:14px 14px !important}
.pz-tl-line{grid-column:1 !important;grid-row:1 / 7 !important;width:3px !important;height:auto !important;justify-self:center !important;align-self:stretch !important;background:linear-gradient(180deg,#c9c2b2,#ff5a1f) !important}
.pz-tl-step{grid-column:1 !important;grid-row:var(--i) !important;align-self:start !important;margin-top:10px}
.pz-tl-step > span + span{display:none}
.pz-tl-card{grid-column:2 !important;grid-row:var(--i) !important}
.pz-sk{height:450px !important;flex-basis:auto !important;width:100%}
.pz-sk-main{left:13% !important;top:5% !important;width:74% !important}
.pz-sk-1,.pz-sk-2,.pz-sk-3,.pz-sk-4{width:42% !important;animation-name:pz-par-slow !important;filter:brightness(.55) saturate(.85) !important}
.pz-sk-1{left:-6% !important;top:9% !important;rotate:-13deg !important}
.pz-sk-2{left:64% !important;top:2% !important;rotate:11deg !important}
.pz-sk-3{left:-4% !important;top:46% !important;rotate:-6deg !important}
.pz-sk-4{left:62% !important;top:50% !important;rotate:8deg !important}
[id="faq"]{padding-bottom:236px !important}
.pz-kuba{flex:1 1 100% !important;rotate:0deg !important}
.pz-kuba-ph{height:340px !important}
.pz-kuba-img{width:100% !important;max-width:380px}
.pz-segbar{order:-1;overflow:visible !important;padding:0 !important}
.pz-segs{min-width:0 !important;gap:4px !important}
.pz-segs > button{gap:0 !important;min-height:24px;justify-content:center}
.pz-segs > button > span + span{display:none}
.pz-slide{transition:transform .55s cubic-bezier(.3,.7,.2,1), opacity .55s ease, visibility .55s !important}
.pz-slide-prev{transform:translateX(-100%) !important;opacity:1 !important}
.pz-slide-next{transform:translateX(100%) !important;opacity:1 !important}
.pz-plan-d,.pz-plan-note{display:none !important}
.pz-plan-m{display:flex !important}
[id="kup"]{order:-1}
.pz-cta{display:flex !important;width:100%;justify-content:center}
.pz-floppy{order:-1;flex:0 0 auto !important;width:min(78%,300px);margin:-190px auto 24px !important}
}
@media (prefers-reduced-motion: reduce){*{animation:none !important}}

/* Strony tekstowe: polityka prywatności, regulamin */
.pz-doc{max-width:720px;margin:0 auto;font-size:18px;line-height:1.6;color:#22252c}
.pz-doc h1{margin:0 0 8px;font-family:'Anton',Impact,sans-serif;font-weight:400;font-size:clamp(40px,6cqi,64px);line-height:1;text-transform:uppercase;color:#101217}
.pz-doc h2{margin:40px 0 10px;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:24px;letter-spacing:.02em;text-transform:uppercase;color:#101217}
.pz-doc p,.pz-doc ul{margin:0 0 14px}
.pz-doc ul{padding-left:22px}
.pz-doc li{margin-bottom:6px}
.pz-doc .pz-meta{font-family:'JetBrains Mono',monospace;font-weight:700;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#bb3100;margin:0 0 24px}
.pz-doc .pz-lead{background:#e8e3d6;border-radius:6px;padding:18px 22px;margin:0 0 8px}
.pz-doc .pz-lead ul{margin:0}
.pz-doc table{width:100%;border-collapse:collapse;font-size:16px;margin:0 0 14px}
.pz-doc th,.pz-doc td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid #c9c2b2}
.pz-doc th{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#3a3e47}
.pz-doc .pz-table{overflow-x:auto}
/* Do usunięcia po akceptacji wydawcy */
.pz-draft{margin:0 0 28px;padding:12px 16px;border:2px dashed #ff5a1f;border-radius:4px;background:#ffe9df;font-size:16px;line-height:1.45;color:#101217}
.pz-todo{background:#ffe9df;color:#8a2400;padding:0 3px;border-radius:2px}

/* Wydajność: sekcje pod zgięciem renderują się, gdy się do nich zbliżasz (fonty z dołu strony nie blokują startu).
   Bez sekcji, z których coś wystaje: półka, skład (paralaksa) i finał (dyskietka). */
.pz-lazy{content-visibility:auto;contain-intrinsic-size:auto 1200px}

/* Lista oczekujących: pytanie o plan */
.pz-chips{display:flex;flex-wrap:wrap;gap:8px}
.pz-chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;box-sizing:border-box;padding:0 14px;border:2px solid #353a45;border-radius:4px;font-weight:600;font-size:16px;cursor:pointer}
.pz-chip:has(input:checked){border-color:#ff5a1f;background:rgba(255,90,31,.12)}
.pz-chip input{margin:0;accent-color:#ff5a1f;width:18px;height:18px}
.pz-chip:has(input:focus-visible){outline:2px solid #ff5a1f;outline-offset:2px}

/* Okienko pełnej subskrypcji (lista oczekujących) */
.pz-okno{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:16px;overflow-y:auto}
.pz-okno:target,.pz-okno.pz-otwarte{display:flex}
.pz-okno-tlo{position:fixed;inset:0;background:rgba(12,13,16,.78);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.pz-okno-karta{font-family:'Barlow','Helvetica Neue',sans-serif;position:relative;box-sizing:border-box;width:min(100%,560px);max-height:calc(100svh - 32px);overflow-y:auto;margin:auto;padding:28px;border:2px solid #ff5a1f;border-radius:8px;background:#0c0d10;color:#f4f1e9;display:flex;flex-direction:column;gap:16px;box-shadow:0 40px 100px rgba(0,0,0,.6);animation:pz-rise .35s cubic-bezier(.2,.7,.2,1) both}
.pz-okno-x{position:absolute;top:12px;right:12px;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;color:#f4f1e9;text-decoration:none;font-size:20px}
.pz-okno-x:hover,.pz-okno-x:focus-visible{background:#23262e}