.cmp{overflow-x:clip}.cmp .faq{max-width:860px}.cmp .winner{isolation:isolate;border-radius:var(--radius-lg);background:var(--ink);color:#fff;box-shadow:10px 10px 0 var(--orange), var(--shadow-lg);padding:30px;position:relative;overflow:hidden;rotate:1.5deg}.cmp .winner:after{content:"";z-index:-1;background:radial-gradient(320px circle at var(--mx,80%) var(--my,10%), #ff5a1f59, transparent 60%);position:absolute;inset:0}.cmp .winner-kicker{text-transform:uppercase;letter-spacing:.14em;background:var(--butter);color:var(--ink);border-radius:999px;padding:4px 12px;font-size:.72rem;font-weight:800;display:inline-block}.cmp .winner-name{font-family:var(--font-display);letter-spacing:-.04em;margin:16px 0 0;font-size:1.5rem;font-weight:700}.cmp .winner-price{align-items:baseline;gap:8px;margin:4px 0;display:flex}.cmp .winner-price b{font-family:var(--font-display);letter-spacing:-.08em;color:var(--orange);font-variant-numeric:tabular-nums;font-size:clamp(3rem,6.5vw,4.8rem);font-weight:800;line-height:1}.cmp .winner-price span{color:#fff9;font-weight:700}.cmp .winner-meta{color:#ffffffb3;margin:0 0 20px;font-weight:600}.cmp .winner-code{border:2px dashed var(--orange);width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:14px;padding:0;display:flex;overflow:hidden}.cmp .winner-code code{text-align:left;font-family:var(--font-mono);letter-spacing:.08em;flex:1;padding:12px 14px;font-weight:800}.cmp .winner-code span{background:var(--orange);color:var(--ink);place-items:center;padding:0 16px;font-weight:800;display:grid}.cmp .winner-code.is-copied{border-color:var(--good)!important;background:0 0!important}.cmp .winner-code[hidden],.cmp .winner-auto[hidden]{display:none}.cmp .winner-auto{border:2px dashed var(--orange);color:#ffffffd9;border-radius:14px;margin:0;padding:12px 14px;font-weight:700}.cmp .winner-auto b{color:var(--orange);font-family:var(--font-display)}.cmp .winner-code.is-copied span{background:var(--good);color:#fff}.cmp .panel{z-index:2;border-radius:var(--radius-lg);background:var(--surface);border:2px solid var(--ink);box-shadow:8px 8px 0 var(--ink);flex-wrap:wrap;align-items:flex-end;gap:18px 28px;margin-top:-24px;padding:22px 24px;display:flex;position:relative}.cmp .panel-group{flex-direction:column;gap:8px;display:flex}.cmp .panel-label{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:.72rem;font-weight:800}.cmp .panel .switch{padding-bottom:6px}.cmp .results-head{color:var(--muted);margin:32px 0 12px;font-weight:600}.cmp .results-head b{font-family:var(--font-display);color:var(--ink)}.cmp .res-labels,.cmp .res{grid-template-columns:40px minmax(200px,1.5fr) 100px 120px 110px 100px minmax(150px,1fr) 96px;align-items:center;gap:14px;display:grid}.cmp .res-labels{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);padding:0 20px 8px;font-size:.7rem;font-weight:800}.cmp .r{text-align:right}.cmp .results{gap:12px;margin:0;padding:0;list-style:none;display:grid}.cmp .res{border-radius:var(--radius);background:var(--surface);border:2px solid var(--ink);transition:translate .3s var(--ease-spring), box-shadow .3s;font-variant-numeric:tabular-nums;padding:14px 20px;position:relative}.cmp .res:hover{box-shadow:6px 6px 0 var(--orange);translate:-3px -3px}.cmp .res:first-child{background:var(--orange)}.cmp .res:first-child:before{content:"Najlepszy wynik";background:var(--butter);border:2px solid var(--ink);text-transform:uppercase;letter-spacing:.1em;border-radius:999px;padding:2px 10px;font-size:.66rem;font-weight:800;position:absolute;top:-12px;left:18px}.cmp .res-pos{font-family:var(--font-display);letter-spacing:-.06em;font-size:1.4rem;font-weight:800}.cmp .res-name{align-items:center;gap:12px;min-width:0;display:flex}.cmp .res-name a{color:var(--ink);font-weight:800;text-decoration:none;display:block}.cmp .res-name a:hover{text-decoration:underline}.cmp .res-name small{color:var(--muted);font-size:.78rem;font-weight:600}.cmp .res:first-child .res-name small{color:var(--ink)}.cmp .res-base{color:var(--muted);font-size:.9rem}.cmp .res:first-child .res-base{color:var(--ink-2)}.cmp .res-final b{font-family:var(--font-display);letter-spacing:-.05em;font-size:1.3rem;font-weight:800}.cmp .res-month,.cmp .res-per{font-size:.92rem;font-weight:700}.cmp .res:first-child .code-chip{background:var(--surface)}.cmp .res-cta{text-align:right}.cmp .empty{text-align:center;border:2px dashed var(--ink);border-radius:var(--radius);padding:28px;font-weight:700}@media (width<=1080px){.cmp .res-labels{display:none}.cmp .res{grid-template-columns:34px 1fr auto;grid-template-areas:"pos name final""pos meta meta""pos code cta";row-gap:10px}.cmp .res-pos{grid-area:pos;align-self:start}.cmp .res-name{grid-area:name}.cmp .res-final{grid-area:final}.cmp .res-base,.cmp .res-month,.cmp .res-per{grid-row:2;display:none}.cmp .res-month{text-align:left;color:var(--muted);grid-area:meta;font-size:.82rem;display:block}.cmp .res-month:before{content:attr(data-l) ": "}.cmp .res-code{grid-area:code}.cmp .res-cta{grid-area:cta}}@media (width<=920px){.cmp .winner{rotate:0deg}.cmp .panel{margin-top:0}}@media (width<=640px){.cmp .winner{box-shadow:6px 6px 0 var(--orange);padding:22px}.cmp .panel{box-shadow:5px 5px 0 var(--ink);gap:16px;padding:18px 16px}.cmp .panel .seg{scrollbar-width:none;flex-wrap:nowrap;margin:0 -16px;padding:2px 16px 6px;overflow-x:auto}.cmp .panel-group{width:100%;min-width:0}.cmp .res{grid-template-columns:30px auto 1fr;grid-template-areas:"pos name name""pos final meta""pos code cta";column-gap:12px;padding:14px}.cmp .res-final{text-align:left}.cmp .res-final b{font-size:1.35rem}.cmp .res-month{align-self:center}.cmp .code-chip{text-overflow:ellipsis;max-width:160px;overflow:hidden}}
