/* PROTON Hero 3D v1.3.6 */
.pxh{--ink:#1f1f22;--mut:#6b6b72;--mut2:#5d5d64;--line:#ececee;--y:#FFDD00;--f1:8px;--f2:13px;--f3:21px;--f4:34px;--f5:55px;--f6:89px;--pxh-h:calc(100vh - var(--pxh-top,110px));font-family:'Geist',system-ui,sans-serif;color:var(--ink);background:#fff;height:var(--pxh-h);min-height:540px;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;-webkit-font-smoothing:antialiased}
@supports (height:100svh){.pxh{--pxh-h:calc(100svh - var(--pxh-top,110px))}}
.pxh *{box-sizing:border-box}
.pxh a,.pxh a:hover,.pxh a:focus{color:var(--ink);text-decoration:none}
.pxh-wrap{flex:1 1 auto;min-height:0;width:100%;max-width:1480px;margin:0 auto;padding:clamp(var(--f2),3vh,var(--f5)) clamp(var(--f3),4vw,var(--f6)) clamp(var(--f2),2.4vh,var(--f4));display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(var(--f4),3.4vw,var(--f5));align-items:center}
.pxh-copy{display:flex;flex-direction:column;gap:clamp(var(--f1),1.6vh,var(--f4));position:relative;z-index:2}
.pxh-chip{align-self:flex-start;display:inline-flex;align-items:center;gap:12px;padding:6px 16px 6px 6px;border-radius:999px;background:#f4f4f5;font-size:14px;transition:background .2s}
.pxh-chip:hover{background:#ececee}
.pxh-chip b{background:var(--y);border-radius:999px;padding:5px 11px;font-weight:600;font-size:12px;letter-spacing:.02em}
.pxh h1{margin:0;font-weight:700;font-size:clamp(38px,min(5.4vw,8vh),104px);line-height:.95;letter-spacing:-.055em;text-wrap:balance;color:var(--ink)}
.pxh h1 span{display:block}.pxh h1 .g{color:#a3a3a9}
.pxh h1 em{font-style:normal;color:var(--ink);background:linear-gradient(transparent 72%,var(--y) 72%,var(--y) 90%,transparent 90%)}
.pxh-lead{margin:0;font-size:clamp(15px,min(1.3vw,2.3vh),20px);line-height:1.5;color:var(--mut2);max-width:44ch;text-wrap:pretty}
.pxh-mono{font-family:'Geist Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.pxh-uses{display:flex;flex-direction:column;gap:clamp(8px,1.4vh,14px)}
.pxh-uses div{display:flex;flex-wrap:wrap;gap:8px}
.pxh-uses a{padding:clamp(6px,1.1vh,11px) clamp(12px,1.1vw,16px);border:1.5px solid #e4e4e7;border-radius:12px;font-size:clamp(13px,min(1vw,2vh),15px);font-weight:500;transition:all .2s}
.pxh-uses a:hover{background:var(--y);border-color:var(--y)}
.pxh-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--f2) var(--f4)}
.pxh-cta{display:inline-flex;align-items:center;gap:12px;background:var(--ink);color:#fff!important;font-size:clamp(14px,min(1.1vw,2.2vh),16px);font-weight:500;padding:clamp(10px,1.8vh,17px) clamp(18px,1.7vw,26px);border-radius:14px;transition:background .2s}
.pxh-cta:hover{background:#000}
.pxh-guide{display:inline-flex;align-items:center;gap:10px;background:var(--y);color:var(--ink)!important;text-decoration:none!important;font-size:clamp(14px,min(1.1vw,2.2vh),16px);font-weight:500;padding:clamp(10px,1.8vh,17px) clamp(18px,1.7vw,26px);border-radius:14px;transition:filter .2s}
.pxh-guide:hover{filter:brightness(.95)}
.pxh-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--y);box-shadow:0 0 0 1.5px var(--ink);margin-right:7px;vertical-align:1px}
.pxh-trust{display:flex;flex-wrap:wrap;gap:var(--f1) var(--f4);padding-top:clamp(var(--f2),1.8vh,var(--f3));border-top:1px solid var(--line);font-size:14px;color:var(--mut)}
.pxh-trust div{display:flex;align-items:center;gap:9px}
.pxh-stage{position:relative;align-self:stretch;min-height:0;height:100%;margin-left:calc(var(--f2) - clamp(var(--f4),3.4vw,var(--f5)));margin-right:calc(var(--f3) - clamp(var(--f3),4vw,var(--f6)))}
.pxh-grid{position:absolute;inset:0;background-image:radial-gradient(#d6d6da 1px,transparent 1.3px);background-size:22px 22px;-webkit-mask-image:radial-gradient(ellipse 55% 50% at 50% 52%,#000 20%,transparent 72%);mask-image:radial-gradient(ellipse 55% 50% at 50% 52%,#000 20%,transparent 72%);pointer-events:none}
.pxh-canvas{position:absolute;inset:0}
.pxh-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.pxh-lab{position:absolute;display:flex;flex-direction:column;gap:5px;max-width:48%;transition:opacity .35s;opacity:0}
.pxh-lab.l{left:0;align-items:flex-start}.pxh-lab.r{right:0;align-items:flex-end;text-align:right}
.pxh-lab.r .d{justify-content:flex-end}.pxh-lab.m{max-width:none}.pxh-lab.l.m{align-items:flex-end;text-align:right}.pxh-lab.l.m .d{justify-content:flex-end}.pxh-lab.r.m{align-items:flex-start;text-align:left}.pxh-lab.r.m .d{justify-content:flex-start}.pxh-lab .t{white-space:nowrap}.pxh-lab.b .d{order:-1}.pxh-lab.b.on .d{margin:0 0 6px}
.pxh-lab .t{font-size:clamp(15px,1.25vw,18px);font-weight:600;letter-spacing:-.01em}
.pxh-lab .d{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;max-height:0;opacity:0;overflow:hidden;transition:max-height .45s,opacity .3s,margin .45s}
.pxh-lab.on .d{max-height:89px;opacity:1;margin-top:6px}
.pxh-lab .d strong{font-size:14px;font-weight:600;white-space:nowrap}
.pxh-lab .d u{text-decoration:none;background:var(--y);border-radius:8px;padding:6px 11px;font-size:13px;font-weight:600;white-space:nowrap}
.pxh-cats{flex:none;width:100%;background:transparent}
.pxh-cats div{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:var(--f1);max-width:1480px;margin:0 auto;padding:clamp(var(--f1),1vh,var(--f2)) clamp(var(--f3),4vw,var(--f6))}
@media (min-width:1100px){.pxh-cats div{grid-template-columns:repeat(7,minmax(0,1fr))}}
.pxh-cats a{display:flex;flex-direction:column;align-items:center;gap:var(--f1);padding:var(--f1) 0;border-radius:12px;text-decoration:none;text-align:center}
.pxh-cats a,.pxh-cats a:hover,.pxh-cats a:focus{color:var(--ink)}
.pxh-cats a:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.pxh-cats img{display:block;width:100%;max-width:calc(clamp(55px,10vh,89px)*1.6);height:auto;aspect-ratio:8/5;object-fit:contain;mix-blend-mode:multiply;transition:transform .3s ease}
.pxh-cats a:hover img{transform:translateY(-2px) scale(1.04)}
.pxh-cats b{font-size:15px;font-weight:500;letter-spacing:-.01em;line-height:1.3;white-space:nowrap;padding-bottom:2px;background:linear-gradient(var(--y),var(--y)) no-repeat 50% 100%/0 2px;transition:background-size .25s}
.pxh-cats a:hover b,.pxh-cats a:focus-visible b{background-size:100% 2px}

@media (max-width:999px),(max-height:520px){.pxh{height:auto;min-height:0}.pxh-wrap{grid-template-columns:1fr}.pxh-stage{min-height:clamp(380px,70vw,560px);margin:0}.pxh h1{font-size:clamp(40px,9vw,72px)}}

.pxh-lab{display:grid;grid-template-areas:"d" "cap" "t";row-gap:5px}
.pxh-lab>.pxh-mono{grid-area:cap;align-self:end}.pxh-lab>.d{grid-area:d;align-self:end}.pxh-lab.b{grid-template-areas:"cap" "t" "d"}.pxh-lab.b>.d{align-self:start}
.pxh-lab>.t{grid-area:t}
.pxh-lab .d{max-height:none!important;margin:0!important;overflow:visible;opacity:0;pointer-events:none;transition:opacity .3s;flex-wrap:nowrap;gap:8px}
.pxh-lab.on .d{opacity:1;pointer-events:auto}
.pxh-lab>.pxh-mono{transition:opacity .3s}.pxh-lab.on>.pxh-mono{opacity:1}
.pxh-lab .d strong{font-size:13px}
.pxh-lab .d u{font-size:11px;padding:3px 9px;border-radius:6px}
.pxh-lab.l{justify-items:start}.pxh-lab.r{justify-items:end}
.pxh-lab.c{justify-items:center;text-align:center;max-width:none}.pxh-lab.c .d{justify-content:center}
.pxh-cats .pxh-help{display:none}
@media (max-width:999px){.pxh{padding:var(--f3) clamp(var(--f3),5vw,var(--f4)) var(--f4);gap:var(--f3)}.pxh-wrap,.pxh-copy{display:contents}.pxh-stage{display:none}.pxh h1{order:1}.pxh-lead{order:2;max-width:none}.pxh-cats{order:3}.pxh-uses{order:4}.pxh-row{order:5}.pxh-trust{order:6}.pxh-cats::before{content:"Wybierz kategorię";display:block;margin-bottom:var(--f2);font-family:"Geist Mono",monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}.pxh-cats div{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--f1);padding:0;max-width:none}.pxh-cats a{justify-content:center;gap:var(--f1);padding:var(--f2) var(--f1);background:#f7f7f8;border-radius:12px}.pxh-cats img{max-width:128px}.pxh-cats b{font-size:15px;font-weight:600}.pxh-cats .pxh-help{display:flex;background:var(--y)}.pxh-help i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ink);color:var(--y)}.pxh-help b{white-space:normal;line-height:1.25;background:none}.pxh-help small{font-size:13px;font-weight:500;color:var(--ink)}.pxh-uses div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.pxh-uses a{text-align:center;padding:11px 8px;font-size:14px}.pxh-row{flex-direction:column;align-items:stretch}.pxh-cta{justify-content:center;padding:15px 18px;font-size:16px}.pxh-row{min-width:0}.pxh-guide{justify-content:center;padding:15px 18px;font-size:16px}.pxh-trust{flex-direction:column}}
@media (min-width:600px) and (max-width:999px){.pxh-cats div{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Pomoc przy wyborze (strona /pomoc-przy-wyborze/) */
.pxd{--ink:#1f1f22;--y:#FFDD00;--line:#e6e6ea;--mut:#6e6e76;max-width:1180px;margin:0 auto;padding:34px 0 55px;font-family:Geist,system-ui,-apple-system,sans-serif;color:var(--ink);scroll-margin-top:89px}
.pxd *{box-sizing:border-box}
.pxd-mono{font-family:"Geist Mono",ui-monospace,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.pxd-head{display:flex;flex-direction:column;gap:13px;max-width:560px}
.pxd-bar{height:4px;border-radius:4px;background:#efeff2;overflow:hidden}.pxd-bar i{display:block;height:100%;background:var(--y);transition:width .35s}
.pxd .pxd-q{font-family:inherit;font-size:clamp(26px,3.4vw,44px);font-weight:600;line-height:1.1;letter-spacing:-.02em;margin:21px 0 34px;color:var(--ink)}
.pxd-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:13px}
.pxd .pxd-opt{display:flex;flex-direction:column;align-items:flex-start;gap:5px;text-align:left;padding:21px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);font:inherit;cursor:pointer;transition:border-color .2s,transform .2s,box-shadow .2s}
.pxd-opt b{font-size:18px;font-weight:600}.pxd-opt small{font-size:14px;color:var(--mut);line-height:1.4}
.pxd .pxd-opt:hover{border-color:var(--ink);background:#fff;color:var(--ink);transform:translateY(-2px);box-shadow:0 8px 21px rgba(0,0,0,.06)}
.pxd .pxd-opt.on{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.pxd button:focus-visible,.pxd a:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.pxd-nav{margin-top:21px;min-height:34px}
.pxd .pxd-back,.pxd .pxd-reset,.pxd .pxd-more{font:inherit;font-size:15px;font-weight:500;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 18px;color:var(--ink);cursor:pointer;transition:border-color .2s}
.pxd .pxd-back:hover,.pxd .pxd-reset:hover,.pxd .pxd-more:hover{border-color:var(--ink);background:#fff;color:var(--ink)}
.pxd-res-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:13px}
.pxd-sum{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.pxd-sum span{background:#f7f7f8;border-radius:999px;padding:6px 13px;font-size:14px;font-weight:500}
.pxd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:21px}
.pxd .pxd-card{display:flex;flex-direction:column;gap:8px;min-width:0;padding:13px 13px 21px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);text-decoration:none;transition:border-color .2s,transform .2s}
.pxd .pxd-card:hover{border-color:var(--ink);color:var(--ink);transform:translateY(-2px)}
.pxd-img{display:grid;place-items:center;aspect-ratio:1;border-radius:10px;overflow:hidden;background:#fff}.pxd-img img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.pxd-tags{display:flex;flex-wrap:wrap;gap:5px}.pxd-tags em{font-style:normal;font-size:12px;font-weight:500;line-height:1.3;padding:3px 8px;border-radius:6px;background:#f2f2f4;color:var(--ink)}.pxd-tags .pxd-best{background:var(--y)}
.pxd-name{font-size:15px;font-weight:500;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pxd-price{font-size:18px;font-weight:600;margin-top:auto}
.pxd-go{font-size:14px;color:var(--mut)}
.pxd .pxd-more{display:block;margin:34px auto 0}
.pxd .pxd-call{display:flex;flex-wrap:wrap;gap:5px 8px;align-items:center;justify-content:center;margin-top:34px;padding:21px;border-radius:14px;background:var(--y);color:var(--ink);text-decoration:none;font-size:16px;text-align:center}
.pxd .pxd-call:hover{color:var(--ink);filter:brightness(.96)}
.pxd-err{font-size:16px;color:var(--mut);margin:0}
.pxd-load{display:flex;align-items:center;gap:13px;padding:55px 0;font-size:16px;color:var(--mut)}
.pxd-spin{width:21px;height:21px;flex:none;border:2px solid var(--line);border-top-color:var(--ink);border-radius:50%;animation:pxd-r .8s linear infinite}
@keyframes pxd-r{to{transform:rotate(1turn)}}
@media (max-width:599px){.pxd{padding:21px 0 34px}.pxd .pxd-q{margin:13px 0 21px}.pxd-opts{grid-template-columns:1fr;gap:8px}.pxd .pxd-opt{padding:16px 18px}.pxd-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.pxd .pxd-card{padding:8px 8px 13px}.pxd-name{font-size:14px}.pxd-price{font-size:16px}.pxd-res-head{flex-direction:column;align-items:flex-start}}

/* Pomoc przy wyborze – sortowanie wyników */
.pxd-sort{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:-8px 0 21px}
.pxd-sort .pxd-mono{margin-right:5px}
.pxd .pxd-sb{font:inherit;font-size:14px;font-weight:500;line-height:1.2;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);cursor:pointer;transition:border-color .2s,background .2s,color .2s}
.pxd .pxd-sb:hover{border-color:var(--ink);background:#fff;color:var(--ink)}
.pxd .pxd-sb.on,.pxd .pxd-sb.on:hover{background:var(--ink);border-color:var(--ink);color:#fff}
@media (max-width:689px){.pxd-sort{flex-wrap:nowrap;overflow-x:auto;margin:0 0 13px;padding-bottom:4px;scrollbar-width:none}.pxd-sort::-webkit-scrollbar{display:none}.pxd-sort .pxd-mono{flex:none}.pxd .pxd-sb{flex:none;white-space:nowrap}}
