:root{
  --bok:clamp(14px,4vw,28px);
  --ziemia:#2f2a20; --zboze:#c9a227; --zielen:#3f6b3f; --tlo:#faf8f3;
  --karta:#fff; --tekst:#211d16; --przygas:#6b6355; --linia:rgba(47,42,32,.14);
  --rad:14px;
}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;background:var(--tlo);color:var(--tekst);font-size:clamp(16px,4.2vw,17px);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:var(--zielen)}
img{max-width:100%;height:auto}
h1,h2,h3{line-height:1.2;letter-spacing:-.02em;margin:0 0 .5em}
h1{font-size:clamp(28px,7vw,42px)}
h2{font-size:clamp(23px,5.4vw,30px)}
h3{font-size:clamp(19px,4.6vw,22px)}
.pas{max-width:1080px;margin:0 auto;padding:0 var(--bok)}
.waski{max-width:760px;margin:0 auto;padding:0 var(--bok)}
header.top{background:var(--ziemia);color:#f5f2ea;padding:14px 0}
header.top a{color:#f5f2ea;text-decoration:none}
.logo{font-weight:800;font-size:20px;letter-spacing:-.03em}
.logo span{color:var(--zboze)}
nav.glowna{display:flex;gap:18px;flex-wrap:wrap;font-size:15px}
.karta{background:var(--karta);border:1px solid var(--linia);border-radius:var(--rad);padding:clamp(16px,4vw,24px)}
label{display:block;font-weight:600;font-size:15px;margin-bottom:6px}
input[type=number],input[type=text],select{width:100%;padding:13px 14px;border:1px solid var(--linia);border-radius:10px;font:inherit;background:#fff}
input:focus,select:focus{outline:2px solid var(--zielen);outline-offset:1px}
.pole{margin-bottom:16px}
.podpowiedz{font-size:13.5px;color:var(--przygas);margin-top:5px;line-height:1.45}
button.akcja{background:var(--zielen);color:#fff;border:0;border-radius:99px;padding:15px 26px;font:600 16px inherit;cursor:pointer;width:100%}
button.akcja:hover{filter:brightness(1.08)}
table{width:100%;border-collapse:collapse;font-size:15px}
th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--linia)}
th{font-weight:600;color:var(--przygas);font-size:13.5px}
td.liczba,th.liczba{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.wynik{background:#fff;border:2px solid var(--zielen);border-radius:var(--rad);padding:clamp(16px,4vw,24px);margin-top:22px}
.wielka{font-size:clamp(30px,8vw,42px);font-weight:800;color:var(--zielen);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.uwaga{background:#fff8e6;border-left:4px solid var(--zboze);padding:14px 16px;border-radius:0 10px 10px 0;font-size:15px;margin:20px 0}
footer.stopka{background:var(--ziemia);color:#cfc8ba;margin-top:56px;padding:28px 0;font-size:14px}
footer.stopka a{color:#e8e2d5}
.compliance{background:#f0ece2;border-top:3px solid var(--zboze);padding:16px 0;font-size:13.5px;color:var(--ziemia);line-height:1.5}
.siatka{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:16px}
.znacznik{display:inline-block;background:#eee9dc;color:var(--ziemia);border-radius:99px;padding:4px 12px;font-size:13px;font-weight:600}
@media (max-width:560px){ .ukryj-mobil{display:none} }