html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
:root{--lime:#A7E8BD;--orange:#006633;--grey:#eaeaea;--ink:#0c0c0c}
*{box-sizing:border-box}
body{margin:0;font-family:Montserrat,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.5}
img{max-width:100%;display:block}
a{color:inherit}
.wrap{max-width:820px;margin:0 auto 72px;padding:0 20px}
section{margin:0 auto 64px}
.hl{background:#006633;color:#fff;border-radius:999px;padding:.02em .3em .12em;line-height:1.12;display:inline-block}
h1{font-size:clamp(34px,6vw,52px);line-height:1.1;font-weight:800;margin:0 0 20px}
.h2{text-align:center;font-size:clamp(24px,4vw,32px);font-weight:800;margin:0 0 32px}
.btn{display:inline-block;background:var(--lime);color:#000;font-weight:700;font-size:15px;text-decoration:none;padding:14px 34px;border-radius:999px;box-shadow:0 6px 16px rgba(80,170,110,.35);transition:transform .15s}
.btn:hover{transform:translateY(-2px)}
.btn.sm{font-size:14px;padding:9px 22px;border-radius:8px;box-shadow:none}
.small{font-size:13px}
.hero{text-align:center;padding:72px 20px 8px;max-width:640px;margin-bottom:40px}
.hero p{max-width:320px;margin:0 auto 28px;font-size:15px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.stat{border-radius:8px;padding:18px 16px;box-shadow:0 4px 14px rgba(0,0,0,.14);background:#fff;min-height:170px;display:flex;flex-direction:column}
.stat.grey{background:var(--grey)}
.stat b{font-size:30px;font-weight:800}
.stat p{font-size:13px;margin:auto 0 0;white-space:pre-line}
.cards{display:flex;flex-direction:column;gap:56px}
.pcard{display:grid;grid-template-columns:1fr 1fr;border-radius:8px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.18);background:#fff;min-height:370px}
.pcard-img{position:relative;display:flex;align-items:center;justify-content:center;padding:40px 18px}
.pcard-img.orange{background:var(--orange)}
.pcard-img.grey{background:var(--grey);flex-direction:column;gap:30px}
.badge{position:absolute;top:0;left:0;background:var(--lime);font-size:12px;font-weight:700;padding:8px 22px;border-radius:0 0 10px 0;box-shadow:0 4px 10px rgba(0,0,0,.15)}
.pcard-body{padding:40px 34px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.pcard-body h3{font-size:26px;font-weight:500;margin:0 0 10px}
.pcard-body .sub{font-weight:700;font-size:14px;margin:0 0 18px}
.pcard-body p{font-size:15px;margin:0 0 22px}
.single{border:2px solid #111;border-radius:10px;width:90%;background:#fff}
.price{font-size:30px;font-weight:700}
.price s{font-size:.55em;color:var(--ink);font-weight:600;text-decoration-color:#e53935;text-decoration-thickness:2px}
.prow{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;flex-wrap:wrap}
.stack{position:relative;width:100%;aspect-ratio:1.45}
.stack img{position:absolute;width:62%;border:2px solid #111;border-radius:10px;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.25)}
.stack.n4 img{left:calc(var(--i)*11%);top:calc(var(--i)*10%)}
.stack.n3 img{left:calc(var(--i)*16%);top:calc(var(--i)*16%)}
.stack.n2 img{left:calc(var(--i)*30%);top:calc(var(--i)*26%);width:68%}
.stack img.dc{width:24%;right:4%;top:8%;left:auto;border:none;border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,.3)}
.reviews{background:var(--grey);border-radius:6px;display:grid;grid-template-columns:1fr 1fr;gap:26px;padding:28px 40px;align-items:center}
.op{border-radius:14px;box-shadow:0 3px 10px rgba(0,0,0,.15);background:#fff}
.op1{margin-left:20%}.op2{margin-top:30px}.op3{margin-top:-10px}.op4{margin-left:15%;margin-top:20px}
.faq-list{max-width:520px;margin:0 auto;display:flex;flex-direction:column;gap:14px}
details{background:#fff;border-radius:8px;box-shadow:0 3px 10px rgba(0,0,0,.1)}
summary{list-style:none;cursor:pointer;padding:18px 54px 18px 22px;position:relative;font-size:15px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";position:absolute;right:22px;top:12px;font-size:26px;font-weight:300;transition:transform .2s}
details[open] summary::after{transform:rotate(45deg)}
details p{margin:0;padding:0 22px 18px;font-size:14px}
.cta{text-align:center;padding:40px 20px 80px}
.cta p{margin:16px 0 0;font-size:13px}
.phero{text-align:center;padding:64px 20px 0;max-width:760px}
.phero h1{font-size:clamp(30px,5vw,40px);font-weight:500;margin-bottom:12px}
.phero .sub{font-weight:700;font-size:15px}
.phero p{max-width:520px;margin:0 auto 18px;font-size:15px}
.phero .stack{max-width:560px;margin:10px auto 0}
.hero-single{max-width:620px;width:100%;margin:10px auto 0;border:2px solid #111;border-radius:12px}
.buy{margin-top:24px}
.price.lg{font-size:36px}
.buy .small{margin:0 0 18px}
.timer-label{font-weight:600;margin:30px 0 4px}
.timer{font-size:clamp(44px,9vw,64px);font-weight:700;color:#ff6a1a;letter-spacing:1px}
.nums{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}
.num{flex:0 1 230px;min-height:180px;border-radius:8px;padding:16px;background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.14);display:flex;flex-direction:column}
.num.alt{background:var(--grey)}
.num b{font-size:30px;font-weight:800}
.num p{margin:auto 0 0;font-size:14px}
.gal .slider{border-radius:6px}
.gal .track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.gal .track::-webkit-scrollbar{display:none}
.gal .track img{flex:0 0 100%;object-fit:contain;max-height:520px;scroll-snap-align:start}
.gnav{display:flex;justify-content:center;gap:12px;margin-top:12px}
.gnav button{width:34px;height:34px;border-radius:50%;border:none;background:var(--grey);font-size:20px;cursor:pointer}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.steps div{display:flex;gap:12px;align-items:center}
.steps b{font-size:34px;font-weight:800}
.steps p{margin:0;font-size:14px}
.legal{padding-top:60px;font-size:15px}
.legal h1{font-size:34px}
@media (max-width:720px){
.stats{grid-template-columns:1fr 1fr}
.pcard{grid-template-columns:1fr}
.pcard-body{padding:28px 24px}
.reviews{grid-template-columns:1fr;padding:20px}
.op1,.op2,.op3,.op4{margin:0}
.steps{grid-template-columns:1fr}
.wrap{margin-bottom:52px}
.hero{padding-top:48px}
.phero{padding-top:44px}
.pcard{min-height:0}
.pcard-img{padding:34px 16px 22px}
.pcard-img.grey{gap:14px;padding:24px 16px}
.single{width:82%}
.price{font-size:26px}
.pcard-body h3{font-size:24px}
.cards{gap:36px}
.nums{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.num{min-height:0;padding:14px}
.num b{font-size:24px}
.num p{margin-top:10px;font-size:13px}
.stat{min-height:140px}
.timer-label{margin-top:22px}
.faq-list{gap:10px}
.cta{padding-bottom:56px}
/* 1:1 z oryginałem (telefon) */
body{background:#f2f2f2}
.hero{padding:38px 20px 0;margin-bottom:35px}
.hero h1{font-size:28px;margin-bottom:18px}
.hero p{max-width:200px;font-size:12px;line-height:1.58;margin-bottom:18px}
.hero .hl{line-height:1.06;padding:.02em .25em .1em}
.hero .btn{font-size:11px;padding:8px 28px;box-shadow:0 3px 8px rgba(80,170,110,.35)}
.stats{max-width:296px;padding:0;gap:10px 11px;margin-bottom:38px}
.stat{min-height:91px;padding:4px 6px 8px 8px;border-radius:6px;box-shadow:0 3px 8px rgba(0,0,0,.18)}
.stat b{font-size:24px;line-height:1.2;padding-left:2px}
.stat p{font-size:10px;line-height:1.6}
.wrap{margin-bottom:30px}
.cards{max-width:260px;margin:0 auto}
.cards{gap:29px}
.pcard{border-radius:6px;box-shadow:0 4px 10px rgba(0,0,0,.2)}
.pcard-img{height:139px;padding:16px 20px 8px}
.pcard-img .stack{height:100%;aspect-ratio:auto}
.badge{left:auto;right:0;font-size:8px;padding:6px 20px;border-radius:0 6px 0 12px}
.pcard-body{padding:15px 33px 16px 8px}
.pcard-body .prow{width:auto;margin-right:-18px}
.pcard-body h3{font-size:18px;margin:0 0 6px}
.pcard-body h3.big{font-weight:600}
.pcard-body .sub{font-size:9.75px;line-height:1.64;margin:0 0 8px}
.pcard-body p{font-size:9.75px;line-height:1.64;margin:0 0 14px}
.pcard-body>.btn.sm{align-self:center}
.btn.sm{font-size:11px;padding:6px 14px;border-radius:6px}
.pcard-img.grey{height:138px;padding:6px 10px}
.single{width:auto;max-width:94%;max-height:126px}
.prow{padding:0 0 0 20px;flex-wrap:nowrap}
.price,.btn.sm{white-space:nowrap}
.pcard-body .prow{margin-top:-4px}
.price{font-size:21px}
.price s{font-size:11px}
.h2{font-size:16.5px;margin:0 0 30px}
.h2 .hl{line-height:1.14;padding:.05em .14em .13em}
.reviews{background:none;display:flex;flex-direction:column;padding:0;gap:0;max-width:319px;margin:0 auto}
.op{width:166px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.op{margin:0}
.op2,.op3,.op4{margin-top:-5px}
.reviews .op:nth-child(even){align-self:flex-end;width:154px}
.reviews .op:nth-child(odd){align-self:flex-start}
.faq-list{max-width:295px;gap:13px}
details{border-radius:5px;box-shadow:0 2px 6px rgba(0,0,0,.06)}
summary{font-size:15px;line-height:1.27;padding:19px 54px 19px 18px}
summary::after{top:50%;transform:translateY(-50%);right:22px;font-size:30px;font-weight:400;line-height:1}
details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
details p{padding:0 18px 16px;font-size:13px}
.cta{padding:6px 20px 47px}
.cta .btn{font-size:12px;padding:11px 45px;box-shadow:0 3px 8px rgba(80,170,110,.35)}
.cta p{margin-top:8px;font-size:9.5px}
}
/* Strona główna na telefonie – wymiary 1:1 z oryginału */
br.m{display:none}
@media (max-width:720px){
br.m{display:inline}
.home{background:#f2f2f2;color:#1a1a1a;--orange:#006633;--lime:#A7E8BD;--grey:#ebebeb}
.home main>section{margin-left:auto;margin-right:auto}
.home .hero{padding:40px 16px 0;margin:0 auto;max-width:none}
.home .hero h1{font-size:27px;line-height:32px;margin:0}
.home .hero .hl{line-height:33px;height:33px;padding:0 8px;display:inline-block}
.home .hero .lead{max-width:none;font-size:12.5px;line-height:19px;margin:22px auto 0}
.home .hero .btn{display:inline-flex;align-items:center;justify-content:center;width:166px;height:30px;padding:0;margin-top:22px;font-size:11px;font-weight:700;letter-spacing:0;box-shadow:0 3px 6px rgba(0,0,0,.15)}
.home .stats{width:297px;max-width:none;padding:0;margin:30px auto 0;display:grid;grid-template-columns:143px 143px;gap:10px 11px}
.home .stat{height:92px;min-height:0;padding:11px 6px 6px 10px;border-radius:12px;box-shadow:0 5px 10px rgba(0,0,0,.25);display:flex;flex-direction:column;justify-content:space-between}
.home .stat.grey{background:#ebebeb}
.home .stat b{font-size:21px;line-height:1;font-weight:800;padding:0}
.home .stat p{font-size:10px;line-height:14px;margin:0 0 0 -3px;white-space:nowrap}
.home .h2{font-size:16.5px;line-height:24px;font-weight:800;white-space:nowrap}
.home .h2 .hl{height:24px;line-height:24px;padding:0 4px;display:inline-block}
.home .wrap{padding:0;margin-bottom:0}
.home .combos{margin-top:39px}
.home .cards{width:260px;max-width:none;margin:0 auto;display:flex;flex-direction:column;gap:30px}
.home .pcard{display:flex;flex-direction:column;height:330px;min-height:0;border-radius:13px;overflow:hidden;background:#fff;box-shadow:0 8px 18px rgba(0,0,0,.18)}
.home .pcard-img{flex:0 0 139px;height:139px;padding:0;display:block;position:relative}
.home .pcard-img.orange{background:#006633}
.home .badge{position:absolute;top:0;right:0;left:auto;z-index:5;height:22px;min-width:114px;padding:0 8px;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;border-radius:999px;box-shadow:0 3px 6px rgba(0,0,0,.2);background:#A7E8BD}
.home .stack{position:absolute;inset:0;height:auto;width:auto;aspect-ratio:auto}
.home .stack img{position:absolute;width:var(--w);height:var(--h);left:calc(var(--x) + var(--i)*var(--dx));top:calc(var(--y) + var(--i)*var(--dy));object-fit:cover;object-position:left top;border:2px solid #000;border-radius:5px;background:#fff;box-shadow:none}
.home .stack.n4{--w:120px;--h:66px;--x:20px;--y:17px;--dx:31.5px;--dy:16px}
.home .stack.n3{--w:132px;--h:77px;--x:2px;--y:5px;--dx:60.5px;--dy:24px}
.home .stack.n3 img:first-child{width:126px}
.home .badge.b2{left:auto;right:0;width:122px;min-width:0;padding:0;font-size:7.5px;letter-spacing:0;white-space:nowrap;overflow:hidden}
.home .stack.n2{--w:140px;--h:84px;--x:9px;--y:27px;--dx:104px;--dy:20px}
.home .stack img.dc{width:46px;height:46px;left:194px;right:auto;top:35px;border:0;border-radius:50%;z-index:4;background:none;box-shadow:none;object-fit:contain}
.home .pcard-body{flex:1;position:relative;padding:22px 7px 0;display:block;text-align:left}
.home .pcard-body h3{font-size:20px;line-height:1;font-weight:500;margin:0}
.home .pcard-body .sub{font-size:10px;line-height:16px;font-weight:600;margin:12px 0 0}
.home .pcard-body p{font-size:10px;line-height:16px;margin:10px 0 0}
.home .pcard-body>.btn.sm{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);width:123px;height:27px}
.home .btn.sm{display:inline-flex;align-items:center;justify-content:center;padding:0;font-size:10px;font-weight:600;border-radius:999px;box-shadow:none;background:#A7E8BD;white-space:nowrap}
.home .btn.sm:hover{transform:none}
.home .pcard-body>.btn.sm:hover{transform:translateX(-50%)}
.home .singles{margin-top:34px}
.home .singles .h2{margin:0 0 33px}
.home .singles .cards{gap:38px}
.home .singles .pcard{height:300px}
.home .pcard-img.grey{background:#ebebeb;display:flex;align-items:center;justify-content:center;padding:0}
.home .single{border:2px solid #000;border-radius:8px;object-fit:cover;object-position:left top;max-width:none;max-height:none;background:#fff}
.home .s-planner{width:234px;height:127px}
.home .s-nawyki{width:199px;height:127px}
.home .s-zadania{width:224px;height:116px}
.home .singles .pcard-body{padding-top:18px}
.home .singles .pcard-body p{margin-top:8px}
.home .pcard-body .prow{position:absolute;left:28px;right:16px;bottom:16px;width:auto;margin:0;padding:0;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap}
.home .prow .btn.sm{width:112px;height:28px}
.home .price{font-size:20px;line-height:1;font-weight:700;color:#000;white-space:nowrap}
.home .price s{font-size:14px;font-weight:400;color:#444;text-decoration:none;position:relative;margin-left:2px}
.home .price s::after{content:"";position:absolute;left:-2px;right:-2px;top:50%;height:1.5px;background:#e53935;transform:rotate(-20deg)}
.home .opinions{margin-top:42px}
.home .opinions .h2{margin:0 0 23px}
.home .reviews{width:320px;max-width:none;margin:0 auto;padding:0;background:none;display:flex;flex-direction:column;gap:0}
.home .op{margin:0;border-radius:13px;background:#fff;box-shadow:0 3px 8px rgba(0,0,0,.15)}
.home .op+.op{margin-top:-5px}
.home .reviews .op:nth-child(odd){align-self:flex-start}
.home .reviews .op:nth-child(even){align-self:flex-end}
.home .reviews .op4{width:167px}.home .reviews .op1{width:153px}.home .reviews .op2{width:161px}.home .reviews .op3{width:159px}
.home .faq{margin-top:45px}
.home .faq .h2{margin:0 0 19px}
.home .faq .hl{background:#006633;color:#fff}
.home .faq-list{width:296px;max-width:none;margin:0 auto;gap:14px}
.home details{border-radius:13px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.07)}
.home summary{display:flex;align-items:center;min-height:60px;padding:19px 52px 19px 18px;font-size:13px;line-height:18px;font-weight:400;color:#000}
.home summary::after{content:"";position:absolute;right:25px;top:50%;width:14px;height:14px;margin-top:-7px;transform:none;background:linear-gradient(#000,#000) center/14px 1.6px no-repeat,linear-gradient(#000,#000) center/1.6px 14px no-repeat;font-size:0}
.home details[open] summary::after{transform:rotate(45deg)}
.home details p{padding:0 18px 18px;font-size:12px;line-height:18px}
.home .cta{padding:0 16px;margin:19px auto 0;text-align:center}
.home .cta .btn{display:inline-flex;align-items:center;justify-content:center;width:204px;height:36px;padding:0;font-size:12px;font-weight:700;background:#A7E8BD;box-shadow:0 3px 6px rgba(0,0,0,.15)}
.home .cta p{font-size:10px;line-height:14px;margin:8px 0 0;color:#000}
}
/* Combo #1 na telefonie – wymiary 1:1 z oryginału */
@media (max-width:720px){
:is(.c1,.cx) .phero{padding:27px 0 0;max-width:none;margin:0 auto}
:is(.c1,.cx) .phero h1{font-size:21px;font-weight:500;line-height:33px;margin:0 0 10px}
:is(.c1,.cx) .phero .sub{font-size:12px;font-weight:600;line-height:19px;max-width:255px;margin:0 auto 9px}
:is(.c1,.cx) .phero p{font-size:11px;line-height:17px;max-width:317px;margin:0 auto}
:is(.c1,.cx) .phero .stack{position:relative;width:390px;max-width:none;height:189px;aspect-ratio:auto;margin:24px 0 0 calc(50% - 195px)}
:is(.c1,.cx) .phero .stack img{border:2px solid #111;border-radius:8px;object-fit:cover;box-shadow:0 3px 8px rgba(0,0,0,.25)}
:is(.c1,.cx) .phero .stack img:nth-child(1){left:37px;top:0;width:198px;height:106px}
:is(.c1,.cx) .phero .stack img:nth-child(2){left:81px;top:25px;width:175px;height:101px}
:is(.c1,.cx) .phero .stack img:nth-child(3){left:127px;top:51px;width:183px;height:95px}
:is(.c1,.cx) .phero .stack img:nth-child(4){left:178px;top:77px;width:175px;height:112px}
:is(.c1,.cx) .phero .stack img.dc{left:279px;top:8px;right:auto;width:92px;height:92px;border:none;border-radius:0;background:none;box-shadow:none;object-fit:contain;filter:drop-shadow(0 0 1.5px rgba(0,0,0,.7)) drop-shadow(0 3px 5px rgba(0,0,0,.3))}
:is(.c1,.cx) .buy{margin-top:8px}
:is(.c1,.cx) .price.lg{display:flex;justify-content:center;align-items:baseline;gap:5px;font-size:28px;font-weight:600;line-height:32px}
:is(.c1,.cx) .price.lg s{font-size:18px;font-weight:600;line-height:21px}
:is(.c1,.cx) .buy .small{font-size:10px;font-weight:500;line-height:16px;margin:3px 0 0}
:is(.c1,.cx) .buy .btn{display:inline-flex;align-items:center;justify-content:center;width:172px;height:40px;padding:0;margin-top:13px;font-size:14px;font-weight:600}
:is(.c1,.cx) .phero .timer-label{font-size:13px;font-weight:500;line-height:20px;margin:23px 0 0}
:is(.c1,.cx) .timer{font-family:Arial,sans-serif;font-size:34px;font-weight:700;line-height:39px;margin-top:14px;letter-spacing:0;color:#ff6a22}
:is(.c1,.cx) .wrap{max-width:300px;margin:0 auto;padding:0}
:is(.c1,.cx) .h2{font-size:24px;font-weight:900;line-height:37px;margin:0;text-align:center}
:is(.c1,.cx) [data-section=inside]{margin-top:20px}
:is(.c1,.cx) [data-section=inside] .h2{font-size:22px;line-height:34px}
:is(.c1,.cx) .nums{display:grid;grid-template-columns:143px 143px;gap:19px 11px;justify-content:center;margin-top:17px}
:is(.c1,.cx) .num{display:block;min-height:111px;padding:0 10px 6px;border-radius:6px;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.2)}
:is(.c1,.cx) .num:nth-child(2){background:#ebebeb}
:is(.c1,.cx) .num:nth-child(4){background:#fff}
:is(.c1,.cx) .num:nth-child(5){grid-column:1/-1}
:is(.c1,.cx) .num:nth-child(n+3) p{margin-top:0}
:is(.c1,.cx) .num p{max-width:126px}
:is(.c1,.cx) .num:nth-child(5){padding-right:6px}
:is(.c1,.cx) .num:nth-child(5) p{max-width:none}
:is(.c1,.cx) br.m{display:inline}
:is(.c1,.cx) .num b{display:block;font-size:26px;font-weight:800;line-height:40px}
:is(.c1,.cx) .num p{margin:10px 0 0;font-size:11px;line-height:17px;color:#0c0c0c}
:is(.c1,.cx) .gal .slider{width:300px;margin:6px auto 0;border-radius:0}
:is(.c1,.cx) .gal .track img{height:165px;object-fit:cover;max-height:none}
.c1 [data-section=galeria-nawyki]{margin-top:39px}
.c1 [data-section=galeria-nawyki] .slider{width:295px}
.c1 [data-section=galeria-nawyki] .track img{height:190px}
.c1 [data-section=galeria-planner]{margin-top:31px}
.c1 [data-section=galeria-planner] .slider{margin-top:12px}
.c1 [data-section=galeria-finanse]{margin-top:29px}
.c1 [data-section=galeria-zadania]{margin-top:28px}
.c1 [data-section=galeria-zadania] .slider{margin-top:16px}
.c1 [data-section=galeria-discord]{margin-top:23px}
.c1 [data-section=galeria-discord] .slider{width:292px;margin-top:17px}
.c1 [data-section=galeria-discord] .track img{height:183px}
:is(.c1,.cx) .gnav{gap:10px;margin-top:11px}
:is(.c1,.cx) .gnav button{width:30px;height:30px;font-size:22px;line-height:1;color:#222;background:#e9e9e9;padding:0}
:is(.c1,.cx) [data-section=jak-to-dziala]{max-width:none;margin-top:37px}
:is(.c1,.cx) [data-section=jak-to-dziala] .h2{font-weight:800;color:#2c2c2c}
:is(.c1,.cx) .steps{display:flex;flex-direction:column;gap:12px;width:275px;margin:7px 0 0 calc(50% - 134px)}
:is(.c1,.cx) .steps div{display:flex;align-items:center;gap:0}
:is(.c1,.cx) .steps b{flex:0 0 25px;font-size:24px;font-weight:800;line-height:37px;color:#2c2c2c}
:is(.c1,.cx) .steps p{margin:0;max-width:250px;font-size:12px;line-height:19px;color:#0c0c0c}
.c1 .others{margin-top:31px}
.c1 .others .h2{font-size:20px;font-weight:900;line-height:31px}
.c1 .others .cards{margin-top:20px}
:is(.c1,.cx) .faq{margin-top:72px}
:is(.c1,.cx) .faq .h2{font-size:17px;font-weight:800;line-height:20px;max-width:none}
:is(.c1,.cx) .faq-list{max-width:297px;margin-top:21px;gap:13px}
:is(.c1,.cx) summary{padding:19px 52px 19px 18px;font-size:13px;line-height:18px;font-weight:400;color:#000}
:is(.c1,.cx) details p{padding:0 18px 18px;font-size:12px;line-height:18px}
:is(.c1,.cx) .cta{padding:63px 20px 40px}
:is(.c1,.cx) .cta .btn{display:inline-flex;align-items:center;justify-content:center;width:204px;height:36px;padding:0;font-size:11px;font-weight:700}
:is(.c1,.cx) .cta p{margin-top:9px;font-size:9px;line-height:14px}
}
/* Combo #1 – poprawki */
.c1 .phero .timer-label{margin-left:auto;margin-right:auto;text-align:center}
.c1 .timer{color:#006633}
.c1 .num:nth-child(2){background:#fff}
.c1 .buy .btn{margin-top:16px}
.c1 .h2 .hl{padding-left:.32em;padding-right:.32em}
.c1 .hl.hl-dc{background:#7986CB}
.c1 .cta{padding-bottom:23px;margin-bottom:0}
/* Combo #2 i #3 – te same poprawki co na Combo #1 */
.cx .phero .timer-label{margin-left:auto;margin-right:auto;text-align:center}
.cx .timer{color:#006633}
.cx .num.alt{background:#fff}
.cx .buy .btn{margin-top:16px}
.cx .h2 .hl{padding-left:.32em;padding-right:.32em}
.cx .cta{padding-bottom:23px;margin-bottom:0}
@media (max-width:720px){
.cx summary{padding:19px 52px 19px 18px;font-size:13px;line-height:18px;font-weight:400;color:#000}
.cx details p{padding:0 18px 18px;font-size:12px;line-height:18px}
}
/* Combo #2 i #3 na telefonie – układ 1:1 z oryginału */
@media (max-width:720px){
.c2 .phero p:not(.sub){max-width:287px}
.c3 .phero p:not(.sub){max-width:253px}
.c2 .phero .stack{height:167px;margin-top:14px}
.c2 .phero .stack img:nth-child(1){left:37px;top:0;width:198px;height:106px}
.c2 .phero .stack img:nth-child(2){left:94px;top:28px;width:198px;height:103px}
.c2 .phero .stack img:nth-child(3){left:178px;top:55px;width:175px;height:112px}
.c3 .phero .stack{height:179px;margin-top:16px}
.c3 .phero .stack img:nth-child(1){left:37px;top:0;width:235px;height:126px}
.c3 .phero .stack img:nth-child(2){left:138px;top:36px;width:215px;height:137px}
.c2 .num:nth-child(3){grid-column:1/-1;justify-self:center;width:143px}
.cx .gal .slider{width:300px}
.cx .gal .track img{height:165px}
.cx [data-section=galeria-nawyki] .slider{width:295px}
.cx [data-section=galeria-nawyki] .track img{height:190px}
.c3 [data-section=galeria-nawyki] .slider{width:304px}
.c3 [data-section=galeria-nawyki] .track img{height:204px}
.cx [data-section=galeria-planner] .slider{margin-top:12px}
.cx [data-section=galeria-nawyki] .slider{margin-top:6px}
.cx [data-section=galeria-zadania] .slider{margin-top:16px}
.cx [data-section=galeria-planner]{margin-top:24px}
.cx [data-section=galeria-nawyki]{margin-top:17px}
.cx [data-section=galeria-zadania]{margin-top:15px}
.cx [data-section=jak-to-dziala]{margin-top:20px}
.cx .faq{margin-top:45px}
.c2 [data-section=osobno] .pcard:nth-child(3){margin-top:3px}
.cx [data-section=osobno] .pcard:nth-child(n+2) .pcard-body p{margin-top:5px}
.c3 [data-section=galeria-planner]{margin-top:28px}
.c3 [data-section=galeria-nawyki]{margin-top:26px}
.c3 [data-section=jak-to-dziala]{margin-top:35px}
.c3 .faq{margin-top:49px}
/* Lub Kup Osobno – karty jak w oryginale */
.cx [data-section=osobno]{max-width:none;margin-top:38px}
.cx [data-section=osobno] .h2{margin:0}
.cx [data-section=osobno] .cards{width:260px;max-width:none;margin:24px auto 0;display:flex;flex-direction:column;gap:38px}
.cx [data-section=osobno] .pcard{display:flex;flex-direction:column;height:300px;min-height:0;border-radius:10px;overflow:hidden;background:#fff;box-shadow:5px 5px 5px rgba(0,0,0,.3)}
.cx [data-section=osobno] .pcard-img{flex:0 0 139px;height:139px;padding:0;display:flex;align-items:center;justify-content:center;background:#eaeaea;gap:0}
.cx [data-section=osobno] .single{border:2px solid #000;border-radius:8px;object-fit:cover;object-position:left top;max-width:none;max-height:none;background:#fff}
.c2 [data-section=osobno] .pcard:nth-child(1) .single{width:200px;height:110px}
.c2 [data-section=osobno] .pcard:nth-child(2) .single{width:181px;height:115px}
.c2 [data-section=osobno] .pcard:nth-child(3) .single{width:199px;height:105px}
.c3 [data-section=osobno] .pcard:nth-child(1) .single{width:210px;height:112px}
.c3 [data-section=osobno] .pcard:nth-child(2) .single{width:201px;height:130px}
.cx [data-section=osobno] .pcard-body{flex:1;position:relative;padding:17px 7px 0;display:block;text-align:left}
.cx [data-section=osobno] .pcard-body h3{font-size:18px;line-height:21px;font-weight:600;margin:0}
.cx [data-section=osobno] .pcard-body p{font-size:10px;line-height:16px;margin:9px 0 0;max-width:230px;color:#0c0c0c}
.cx [data-section=osobno] .prow{position:absolute;left:28px;right:16px;bottom:16px;width:auto;margin:0;padding:0;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap}
.cx [data-section=osobno] .prow .btn.sm{display:inline-flex;align-items:center;justify-content:center;width:112px;height:28px;padding:0;font-size:11px;font-weight:600;border-radius:10px;box-shadow:none;white-space:nowrap}
.cx [data-section=osobno] .price{font-size:20px;line-height:23px;font-weight:600;color:#000;white-space:nowrap}
.cx [data-section=osobno] .price s{font-size:12px;line-height:14px;font-weight:600;color:#000;margin-left:3px}
}
/* Strona główna – odstęp na końcu po usunięciu stopki */
.home main{padding-bottom:23px}
/* Tygodniowy Planner, Tracker Nawyków, Tracker Zadań na telefonie – układ 1:1 z oryginału (body.cx.px) */
@media (max-width:720px){
.px .phero h1{margin-bottom:6px}
.px .phero p{max-width:287px}
.px .phero .hero-single{display:block;width:303px;height:164px;max-width:none;margin:16px auto 0;border:2px solid #000;border-radius:15px;object-fit:cover;object-position:left top;box-shadow:none}
.px .buy{margin-top:23px}
.px .gal .h2{display:none}
.px .gal{margin-top:37px}
.px .gal .slider{width:320px;margin:0 auto}
.px .gal .track img{height:170px}
.px [data-section=combo]{max-width:none;margin-top:28px}
.px [data-section=combo] .h2{font-size:20px;line-height:31px;font-weight:900;max-width:300px;margin:0 auto}
.px [data-section=combo] .cards{width:260px;max-width:none;margin:0 auto;display:flex;flex-direction:column;gap:30px}
.px [data-section=combo] .pcard{display:flex;flex-direction:column;height:330px;min-height:0;border-radius:13px;overflow:hidden;background:#fff;box-shadow:0 8px 18px rgba(0,0,0,.18)}
.px [data-section=combo] .pcard-img{flex:0 0 139px;height:139px;padding:0;display:block;position:relative}
.px [data-section=combo] .pcard-img.orange{background:#006633}
.px [data-section=combo] .badge{position:absolute;top:0;right:0;left:auto;z-index:5;height:22px;min-width:114px;padding:0 8px;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;border-radius:999px;box-shadow:0 3px 6px rgba(0,0,0,.2);background:#A7E8BD}
.px [data-section=combo] .stack{position:absolute;inset:0;height:auto;width:auto;aspect-ratio:auto}
.px [data-section=combo] .stack img{position:absolute;width:var(--w);height:var(--h);left:calc(var(--x) + var(--i)*var(--dx));top:calc(var(--y) + var(--i)*var(--dy));object-fit:cover;object-position:left top;border:2px solid #000;border-radius:5px;background:#fff;box-shadow:none}
.px [data-section=combo] .stack.n4{--w:120px;--h:66px;--x:20px;--y:17px;--dx:31.5px;--dy:16px}
.px [data-section=combo] .stack.n3{--w:132px;--h:77px;--x:2px;--y:5px;--dx:60.5px;--dy:24px}
.px [data-section=combo] .stack.n3 img:first-child{width:126px}
.px [data-section=combo] .badge.b2{left:auto;right:0;width:122px;min-width:0;padding:0;font-size:7.5px;letter-spacing:0;white-space:nowrap;overflow:hidden}
.px [data-section=combo] .stack.n2{--w:140px;--h:84px;--x:9px;--y:27px;--dx:104px;--dy:20px}
.px [data-section=combo] .stack img.dc{width:46px;height:46px;left:194px;right:auto;top:35px;border:0;border-radius:50%;z-index:4;background:none;box-shadow:none;object-fit:contain}
.px [data-section=combo] .pcard-body{flex:1;position:relative;padding:22px 7px 0;display:block;text-align:left}
.px [data-section=combo] .pcard-body h3{font-size:20px;line-height:1;font-weight:500;margin:0}
.px [data-section=combo] .pcard-body .sub{font-size:10px;line-height:16px;font-weight:600;margin:12px 0 0}
.px [data-section=combo] .pcard-body p{font-size:10px;line-height:16px;margin:10px 0 0}
.px [data-section=combo] .pcard-body>.btn.sm{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);width:123px;height:27px}
.px [data-section=combo] .btn.sm{display:inline-flex;align-items:center;justify-content:center;padding:0;font-size:10px;font-weight:600;border-radius:999px;box-shadow:none;background:#A7E8BD;white-space:nowrap}
.px [data-section=combo] .btn.sm:hover{transform:none}
.px [data-section=combo] .pcard-body>.btn.sm:hover{transform:translateX(-50%)}
.px [data-section=combo] .cards{margin-top:28px}
.px .faq{margin-top:56px}
.px [data-section=combo] .pcard-body{padding-top:18px}
.px [data-section=combo] .pcard-body h3{font-size:18px;line-height:21px;font-weight:600}
.px [data-section=combo] .pcard-body .sub{margin-top:10px;max-width:213px}
.px [data-section=combo] .pcard-body p:not(.sub){margin-top:8px;max-width:226px}
.px [data-section=combo] .pcard:nth-child(3) .pcard-body p:not(.sub){margin-top:15px;max-width:246px}
.px [data-section=combo] .btn.sm{font-weight:700}
.pn .phero h1{margin-bottom:10px}
:is(.pn,.pz) .phero p{max-width:246px}
.pz .phero h1{margin-bottom:7px}
.pn .phero .hero-single{height:194px}
.pz .phero .hero-single{height:159px}
:is(.pn,.pz) .gal .slider{width:310px}
.pn .gal{margin-top:24px}
.pn .gal .track img{height:200px}
.pz .gal{margin-top:43px}
.px .num{padding-right:4px}
.px .num p{max-width:127px}
.pn [data-section=combo] .cards{margin-top:22px}
.pz [data-section=combo] .cards{margin-top:21px}
.pn .faq{margin-top:38px}
.pz .faq{margin-top:52px}
.pn .buy{margin-top:9px}
.pz .buy{margin-top:27px}
.pn [data-section=jak-to-dziala]{margin-top:4px}
.pz [data-section=jak-to-dziala]{margin-top:31px}
.pl [data-section=jak-to-dziala]{margin-top:35px}
}
/* Home page card headings 25% bolder (500 -> 625), owner request */
body.home .pcard-body h3{font-weight:625}
/* Desktop: space between "Trackery w" and the pill; Discord logo without white ring */
@media (min-width:721px){
.hero h1 .hl{margin-top:.18em}
.stack img.dc{background:none;box-shadow:none}
}
/* Phone: 4px more space between "Trackery w" and the pill, owner request */
@media (max-width:720px){
.home .hero h1 .hl{margin-top:4px}
}