:root{--bg:#07100c;--panel:#101814;--panel2:#151f1a;--ink:#f4f8f5;--muted:#aebbb3;--line:rgba(255,255,255,.10);--green:#39c77b;--green2:#1d8e54;--soft:rgba(57,199,123,.12);--gold:#ffd87d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 85% 4%,rgba(32,128,75,.28),transparent 25%),linear-gradient(180deg,#07100c,#0b140f 65%,#08110c);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.45;min-height:100vh}.compare-shell{width:min(1080px,calc(100% - 28px));margin-inline:auto}.compare-hero{padding:32px 0 28px;border-bottom:1px solid var(--line)}.back-link{display:inline-flex;color:#c9d6ce;text-decoration:none;font-weight:750;font-size:13px;margin-bottom:24px}.compare-eyebrow{font-size:10px;letter-spacing:.14em;font-weight:900;color:#8cb29c}.compare-hero h1{margin:7px 0 10px;max-width:820px;font-size:clamp(34px,6vw,62px);line-height:1;letter-spacing:-.045em}.compare-hero h1 span{color:#78dda4}.compare-hero p{max-width:760px;margin:0;color:#c1cec6;font-size:16px}.compare-main{padding:22px 0 70px}.compare-controls{position:sticky;top:8px;z-index:20;display:grid;grid-template-columns:1fr 180px 1fr;gap:12px;padding:14px;border:1px solid var(--line);border-radius:20px;background:rgba(14,22,18,.94);backdrop-filter:blur(16px);box-shadow:0 16px 45px rgba(0,0,0,.28)}.control-field label{display:block;margin:0 0 6px 2px;color:#b7c5bd;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.input-unit{display:flex;align-items:center;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.05);overflow:hidden}.input-unit input{min-width:0;width:100%;height:48px;padding:0 12px;border:0;outline:0;background:transparent;color:#fff;font:inherit;font-size:18px;font-weight:800}.input-unit span{padding:0 13px;color:#9fb0a6;font-weight:800}.control-summary{display:flex;flex-direction:column;justify-content:center;padding:5px 12px;border-left:1px solid var(--line)}.control-summary span{font-size:11px;color:#9fb0a6}.control-summary strong{font-size:21px;margin-top:1px}.control-summary small{font-size:10px;color:#7f9789;margin-top:2px}.compare-explain{margin:14px 0 22px;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,216,125,.13);background:rgba(255,216,125,.06);color:#ddd2b1;font-size:12px}.empty-state{text-align:center;padding:70px 20px;color:#b6c3bb}.empty-icon{width:62px;height:62px;display:grid;place-items:center;margin:0 auto 14px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.04);font-size:30px}.empty-state h2{margin:0 0 6px;color:#eef5f0}.empty-state p{max-width:540px;margin:0 auto}.results-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:30px 2px 12px}.results-head h2{margin:3px 0 0;font-size:26px;letter-spacing:-.025em}.results-count{color:#9db0a5;font-size:12px;font-weight:800}.section-note{margin:-3px 2px 14px;color:#9fb0a6;font-size:12px}.cost-results{display:grid;gap:12px}.cost-card{display:grid;grid-template-columns:54px 118px minmax(0,1fr) 215px;gap:14px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,rgba(21,31,26,.96),rgba(14,22,18,.96));box-shadow:0 12px 32px rgba(0,0,0,.18)}.cost-card--first{border-color:rgba(57,199,123,.32);box-shadow:0 16px 40px rgba(24,112,64,.16)}.cost-rank{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:rgba(255,255,255,.06);font-weight:950;font-size:18px}.cost-card--first .cost-rank{background:linear-gradient(180deg,#39c77b,#208f55)}.cost-image{width:118px;height:88px;border-radius:14px;overflow:hidden;background:#202a24}.cost-image img{width:100%;height:100%;object-fit:cover;display:block}.cost-main{min-width:0}.cost-main h3{margin:0;font-size:17px;line-height:1.15}.cost-shop{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:6px;color:#a9b9b0;font-size:11px}.shop-pill{padding:3px 7px;border-radius:999px;background:var(--soft);color:#8ce3b0;font-weight:850}.cost-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.cost-meta span{padding:4px 7px;border-radius:8px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.06);color:#c8d3cc;font-size:10px}.cost-total{text-align:right}.cost-total small{display:block;color:#94a69c;font-size:10px;text-transform:uppercase;letter-spacing:.05em}.cost-total strong{display:block;margin-top:1px;color:#fff;font-size:23px;line-height:1.08}.cost-total em{display:block;margin-top:4px;color:#8ce3b0;font-size:11px;font-style:normal;font-weight:800}.cost-breakdown{grid-column:3 / -1;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:-3px}.cost-breakdown div{padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.055)}.cost-breakdown span{display:block;color:#899b91;font-size:9px;text-transform:uppercase;letter-spacing:.05em}.cost-breakdown strong{display:block;margin-top:2px;font-size:12px}.offer-details{grid-column:3 / -1;margin-top:-2px}.offer-details summary{cursor:pointer;color:#a6b8ad;font-size:11px;font-weight:800;list-style:none}.offer-details summary::-webkit-details-marker{display:none}.offer-details summary::before{content:'＋';margin-right:5px;color:#63d594}.offer-details[open] summary::before{content:'−'}.other-offers{display:grid;gap:5px;margin-top:8px}.other-offer{display:grid;grid-template-columns:1fr auto;gap:10px;padding:7px 9px;border-radius:9px;background:rgba(255,255,255,.025);font-size:10px}.other-offer span{color:#b1c0b7}.other-offer b{color:#e9f2ec}.other-offer i{display:block;color:#7f9186;font-style:normal;margin-top:1px}.unknown-section{margin-top:36px;padding-top:2px;border-top:1px solid var(--line)}.cost-card--unknown .cost-rank{background:rgba(255,216,125,.10);color:var(--gold)}.cost-card--unknown .cost-total strong{font-size:18px;color:#d5dfd8}.cost-card--unknown .cost-total em{color:#d9c786}
@media(max-width:760px){.compare-hero{padding:22px 0 20px}.back-link{margin-bottom:17px}.compare-hero h1{font-size:35px}.compare-hero p{font-size:13px}.compare-main{padding-top:14px}.compare-controls{top:5px;grid-template-columns:1fr 112px;padding:10px;gap:8px;border-radius:16px}.control-summary{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:1px 10px;border-left:0;border-top:1px solid var(--line);padding:8px 3px 0}.control-summary strong{text-align:right;font-size:17px}.control-summary small{grid-column:1/-1}.input-unit input{height:43px;font-size:16px}.input-unit span{padding:0 9px}.compare-explain{font-size:10.5px;margin:10px 0 17px}.results-head{margin-top:22px}.results-head h2{font-size:21px}.cost-card{grid-template-columns:38px 92px minmax(0,1fr);gap:10px;padding:10px;border-radius:17px}.cost-rank{width:34px;height:34px;border-radius:10px;font-size:15px}.cost-image{width:92px;height:76px;border-radius:11px}.cost-main h3{font-size:14px}.cost-shop{font-size:9.5px}.cost-meta{gap:4px;margin-top:6px}.cost-meta span{padding:3px 5px;font-size:8.5px}.cost-total{grid-column:1/-1;display:flex;align-items:end;justify-content:space-between;text-align:left;padding:9px 10px;border-radius:11px;background:rgba(57,199,123,.07);border:1px solid rgba(57,199,123,.11)}.cost-total strong{font-size:20px}.cost-total em{text-align:right;font-size:9.5px}.cost-breakdown{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:5px;margin:0}.cost-breakdown div{padding:7px}.cost-breakdown span{font-size:8px}.cost-breakdown strong{font-size:10.5px}.offer-details{grid-column:1/-1}.other-offer{font-size:9px}.cost-card--unknown .cost-total strong{font-size:16px}}
@media(max-width:390px){.compare-shell{width:calc(100% - 18px)}.compare-hero h1{font-size:31px}.cost-card{grid-template-columns:34px 78px minmax(0,1fr)}.cost-image{width:78px;height:72px}.cost-main h3{font-size:13px}.cost-breakdown{grid-template-columns:1fr 1fr}.cost-breakdown div:last-child{grid-column:1/-1}}


/* v61 — galerie zdjęć na rankingu kosztu końcowego */
.cost-image--gallery{position:relative;padding:0;border:0;cursor:zoom-in;color:inherit;font:inherit;text-align:left}.cost-image--gallery:hover img{transform:scale(1.035)}.cost-image--gallery img{transition:transform .2s ease}.cost-gallery-badge{position:absolute;right:6px;bottom:6px;padding:4px 6px;border-radius:8px;background:rgba(7,12,9,.78);color:#fff;font-size:8px;font-weight:850;backdrop-filter:blur(5px)}
.compare-gallery-modal{position:fixed;inset:0;z-index:9999;display:none;padding:24px;background:rgba(3,7,5,.90);backdrop-filter:blur(10px)}.compare-gallery-modal.is-open{display:grid;place-items:center}.compare-gallery-panel{width:min(1120px,100%);max-height:calc(100vh - 48px);overflow:auto;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:#101613;box-shadow:0 30px 90px rgba(0,0,0,.48)}.compare-gallery-close{position:fixed;top:20px;right:24px;z-index:10001;width:46px;height:46px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(20,25,22,.90);color:#fff;font-size:31px;line-height:1;cursor:pointer}.compare-gallery-header{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:22px 24px 16px}.compare-gallery-header h2{margin:4px 0 0;font-size:clamp(22px,3vw,36px);line-height:1.08}.compare-gallery-count{color:#b7c4bc;font-weight:800;white-space:nowrap}.compare-gallery-stage{position:relative;display:grid;place-items:center;min-height:min(68vh,720px);background:#080b09;overflow:hidden}.compare-gallery-stage img{width:100%;height:min(68vh,720px);object-fit:contain;display:block}.compare-gallery-nav{position:absolute;top:50%;z-index:2;transform:translateY(-50%);width:50px;height:58px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:rgba(15,20,17,.72);color:#fff;font-size:36px;cursor:pointer;backdrop-filter:blur(6px)}.compare-gallery-nav--prev{left:14px}.compare-gallery-nav--next{right:14px}.compare-gallery-nav[disabled]{opacity:.28;cursor:default}.compare-gallery-thumbs{display:flex;gap:9px;overflow-x:auto;padding:13px 18px;background:#0e1310}.compare-gallery-thumb{flex:0 0 88px;width:88px;height:66px;padding:0;border:2px solid transparent;border-radius:9px;overflow:hidden;background:#222;cursor:pointer}.compare-gallery-thumb.is-active{border-color:#8bd0a9}.compare-gallery-thumb img{width:100%;height:100%;object-fit:cover;display:block}.compare-gallery-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px 18px;color:#aebbb3;font-size:13px}.compare-gallery-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.compare-gallery-actions button{border:1px solid rgba(174,227,195,.38);border-radius:10px;background:#193124;color:#d8f6e4;padding:9px 12px;font:inherit;font-size:13px;font-weight:850;cursor:pointer}.compare-gallery-actions a{color:#aee3c3;font-weight:850;text-decoration:none}body.gallery-open{overflow:hidden}
@media(max-width:760px){.cost-gallery-badge{font-size:7.5px}.compare-gallery-modal{padding:0}.compare-gallery-panel{width:100%;height:100vh;max-height:100vh;border-radius:0}.compare-gallery-close{top:10px;right:10px}.compare-gallery-header{padding:18px 60px 12px 16px;align-items:flex-start;flex-direction:column;gap:4px}.compare-gallery-stage{min-height:58vh}.compare-gallery-stage img{height:58vh}.compare-gallery-nav{width:42px;height:52px}.compare-gallery-nav--prev{left:8px}.compare-gallery-nav--next{right:8px}.compare-gallery-footer{flex-direction:column;align-items:stretch;gap:10px}.compare-gallery-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.compare-gallery-actions a{grid-column:1/-1;text-align:center;padding:6px}.compare-gallery-actions button{width:100%}}