/* ecomcalc — CSS paczki zawężony do .pk-ecomcalc + motyw webp.pl. Źródło: new-tools/paczki/ecomcalc. Generowane: buduj.mjs */
.pk-ecomcalc{ --bg:#ffffff; --surface:#1b2438; --surface2:#243050; --text:#e8edf6; --muted:#98a4bd; --accent:#f9c94a; --ok:#7fd6a4; }
.pk-ecomcalc, .pk-ecomcalc *{ box-sizing:border-box; }
.pk-ecomcalc{ margin:0; font-family:system-ui,"Segoe UI",sans-serif; background:radial-gradient(900px 500px at 80% -10%, #f8fafc 0%, var(--bg) 55%); color:var(--text); }
.pk-ecomcalc .top{ display:flex; gap:16px; align-items:center; padding:12px 20px; border-bottom:1px solid #e2e8f0; position:sticky; top:0; background:rgba(15,23,42,.94); backdrop-filter:blur(6px); z-index:40; }
.pk-ecomcalc .brand{ font-weight:800; font-size:21px; text-decoration:none; color:var(--text); }
.pk-ecomcalc .brand span{ color:var(--accent); }
.pk-ecomcalc .brand small{ color:var(--muted); font-weight:400; font-size:10px; }
.pk-ecomcalc .search{ margin-left:auto; display:flex; gap:6px; }
.pk-ecomcalc .search input{ width:min(260px,50vw); padding:10px 14px; border-radius:10px; border:1px solid #e2e8f0; background:var(--surface); color:var(--text); }
.pk-ecomcalc .search button{ padding:10px 16px; border:0; border-radius:10px; background:var(--accent); color:#fff; font-weight:700; cursor:pointer; }
.pk-ecomcalc main{ max-width:980px; margin:28px auto 60px; padding:0 16px; }
.pk-ecomcalc .hero h1{ font-size:34px; margin:8px 0; }
.pk-ecomcalc .lede{ color:var(--muted); }
.pk-ecomcalc .lede.small{ font-size:12px; margin-top:14px; }
.pk-ecomcalc h2{ font-size:20px; margin:26px 0 10px; }
.pk-ecomcalc h2 small{ color:var(--muted); font-weight:400; }
.pk-ecomcalc .cat h2 small{ opacity:.7; }
.pk-ecomcalc .grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:10px; }
.pk-ecomcalc .tool{ display:flex; flex-direction:column; gap:3px; background:var(--surface); border:1px solid #e2e8f0; border-radius:12px; padding:13px; text-decoration:none; color:var(--text); }
.pk-ecomcalc .tool:hover{ border-color:var(--accent); }
.pk-ecomcalc .tool b{ font-size:15px; }
.pk-ecomcalc .tool span{ color:var(--muted); font-size:12.5px; }
.pk-ecomcalc .back{ color:var(--muted); text-decoration:none; font-size:13px; }
.pk-ecomcalc .panel{ background:var(--surface); border:1px solid #e2e8f0; border-radius:14px; padding:18px; margin-top:16px; }
.pk-ecomcalc .fields{ display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:10px; }
.pk-ecomcalc .fields label{ display:flex; flex-direction:column; gap:4px; font-size:13px; color:var(--muted); }
.pk-ecomcalc .fields input{ padding:11px; border-radius:10px; border:1px solid #e2e8f0; background:var(--surface2); color:var(--text); font-size:16px; }
.pk-ecomcalc .row{ display:flex; gap:10px; align-items:center; margin-top:14px; flex-wrap:wrap; }
.pk-ecomcalc .cta{ padding:10px 20px; border:0; border-radius:10px; background:var(--accent); color:#fff; font-weight:700; cursor:pointer; }
.pk-ecomcalc .cta.ghosted{ background:transparent; border:1px solid #e2e8f0; color:var(--muted); }
.pk-ecomcalc .hint{ color:var(--muted); font-size:12px; }
.pk-ecomcalc .results{ margin-top:16px; display:grid; gap:6px; }
.pk-ecomcalc .res{ display:flex; justify-content:space-between; align-items:center; background:var(--surface2); border:1px solid #e2e8f0; border-radius:10px; padding:10px 14px; }
.pk-ecomcalc .res b{ color:var(--accent); font-size:17px; font-variant-numeric:tabular-nums; }
.pk-ecomcalc .empty{ color:var(--muted); padding:30px; text-align:center; }
.pk-ecomcalc .foot{ color:var(--muted); font-size:12px; text-align:center; padding:20px; border-top:1px solid #e2e8f0; }
@media print{.pk-ecomcalc .top,.pk-ecomcalc .foot,.pk-ecomcalc .row,.pk-ecomcalc .back{ display:none !important; }
.pk-ecomcalc{ background:#fff; color:#000; }
.pk-ecomcalc .panel{ border-color:#cbd5e1; }
}

/* === motyw webp.pl (nadpisuje ciemny motyw paczki) === */
.pk-ecomcalc{--bg:#ffffff;--surface:#ffffff;--surface2:#f8fafc;--text:#0f172a;--muted:#64748b;--accent:#4f46e5;--accent2:#7c3aed;--gold:#4f46e5;--danger:#dc2626;--ok:#059669;
  color-scheme:light;color:var(--text);background:none!important;min-height:0!important;font-family:'Inter',system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.55}
.pk-ecomcalc .top,.pk-ecomcalc .foot,.pk-ecomcalc .back,.pk-ecomcalc #view>h1,.pk-ecomcalc #view>.lede:first-of-type{display:none!important}
.pk-ecomcalc .panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 2px rgba(15,23,42,.04),0 10px 30px -18px rgba(15,23,42,.25)}
.pk-ecomcalc input,.pk-ecomcalc select,.pk-ecomcalc textarea{background:#f8fafc;color:#0f172a;border:1.5px solid #e2e8f0;border-radius:10px}
.pk-ecomcalc .fields select,.pk-ecomcalc label select{display:block;width:100%;min-height:42px;padding:9px 12px;font:inherit;font-size:15px;appearance:auto}
.pk-ecomcalc input:focus,.pk-ecomcalc select:focus,.pk-ecomcalc textarea:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px rgba(79,70,229,.15);background:#fff}
.pk-ecomcalc .cta{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff}
.pk-ecomcalc .cta.ghost,.pk-ecomcalc .cta.ghosted,.pk-ecomcalc .cta[data-rot],.pk-ecomcalc .row .cta{background:#fff;color:#4f46e5;border:1px solid #e2e8f0}
.pk-ecomcalc #go.cta,.pk-ecomcalc .row #go.cta{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:0}
.pk-ecomcalc .res{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px}
.pk-ecomcalc .res b{color:#0f172a}
.pk-ecomcalc a{color:#4f46e5}
.pk-ecomcalc .err{color:#dc2626}
.pk-ecomcalc ::placeholder{color:#94a3b8}
.pk-ecomcalc [data-mode="photo"],.pk-ecomcalc #photoBlock{display:none!important}
.pk-ecomcalc .orbit{background:linear-gradient(135deg,#eef2ff,#f5f3ff)!important;border:1px solid #e0e7ff!important}
.pk-ecomcalc .orbit h1,.pk-ecomcalc .orbit .lede{color:#0f172a}
.pk-ecomcalc .player{background:rgba(255,255,255,.97)!important;border-top:1px solid #e2e8f0!important;box-shadow:0 -8px 30px -12px rgba(15,23,42,.25);color:#0f172a}
.pk-ecomcalc .player #p-sub,.pk-ecomcalc .player #p-state{color:#64748b}
.pk-ecomcalc .przyklady{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:12px;font-size:13px;color:#64748b}
.pk-ecomcalc .przyklady .chip{border:1px solid #e2e8f0;background:#fff;color:#334155;border-radius:999px;padding:5px 11px;cursor:pointer;font-size:13px}
.pk-ecomcalc .przyklady .chip:hover{border-color:#4f46e5;color:#4f46e5}
.pk-ecomcalc .res b.err{text-align:left}
.pk-ecomcalc textarea,.pk-ecomcalc textarea.mono{word-break:normal!important;overflow-wrap:break-word;white-space:pre-wrap}
.pk-ecomcalc label.inline:has(> input[type=checkbox]){display:flex!important;gap:8px;align-items:center}
.pk-ecomcalc label.inline > input[type=checkbox]{width:auto!important;margin:0!important;display:inline-block!important}
@media (max-width:600px){.pk-ecomcalc label.inline{display:block;margin:8px 0}.pk-ecomcalc label.inline input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),.pk-ecomcalc label.inline select,.pk-ecomcalc label.inline textarea{display:block;width:100%!important;max-width:100%;margin-top:4px;box-sizing:border-box}}
.pk-ecomcalc .pk-zakladki{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px;padding:6px;background:#f1f5f9;border-radius:14px}
.pk-ecomcalc .pk-zakladki a{flex:1 1 auto;text-align:center;padding:9px 14px;border-radius:10px;color:#334155;font-weight:600;text-decoration:none;white-space:nowrap}
.pk-ecomcalc .pk-zakladki a.on{background:#fff;color:#4f46e5;box-shadow:0 1px 3px rgba(15,23,42,.12)}
.pk-ecomcalc .drop{display:flex;align-items:center;justify-content:center;gap:8px;min-height:120px;padding:18px;margin:0 0 14px;border:2px dashed #c7d2fe;border-radius:14px;background:#f5f7ff;color:#334155;text-align:center;cursor:pointer;transition:.15s}
.pk-ecomcalc .drop:hover,.pk-ecomcalc .drop.nad{border-color:#4f46e5;background:#eef2ff}
.pk-ecomcalc .drop b{color:#4f46e5}