/* Wspolne style stron prawnych (regulamin, polityka prywatnosci).
   Jeden plik zamiast kopiowania CSS do dwoch dokumentow - zmiana wyglądu w jednym
   miejscu. Ten sam swiat co landing: czern, zloto, Fraunces + Inter.
   Dokument prawny ma byc CZYTELNY, nie efektowny: zero animacji, zero ozdob,
   szeroki interlinia i wyrazna numeracja. */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600&family=Inter:wght@400;600&display=swap');

:root{
  --bg:#0b0906; --ink:#ece6d9; --ink2:#9a9083; --ink3:#6f6759;
  --gold:#d9b447; --gold-dim:#8a6f2c; --line:#2b2419;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink2);
     font-family:'Inter',ui-sans-serif,-apple-system,"Segoe UI",Roboto,sans-serif;
     font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased}
.plocha{max-width:800px;margin:0 auto;padding:56px 24px 90px}

.gora{display:flex;align-items:center;gap:14px;margin-bottom:38px}
.gora img{width:44px;height:44px;filter:drop-shadow(0 0 14px rgba(217,180,71,.28))}
.marka{font-family:ui-monospace,monospace;font-size:11px;letter-spacing:.28em;
     text-transform:uppercase;color:var(--ink3)}
.marka i{color:var(--gold);font-style:normal}

h1{font-family:'Fraunces',Georgia,serif;font-weight:600;color:var(--ink);
   font-size:clamp(28px,4vw,38px);line-height:1.15;margin:0 0 8px}
.data{font-family:ui-monospace,monospace;font-size:11px;letter-spacing:.12em;
     text-transform:uppercase;color:var(--ink3);margin-bottom:40px}

h2{font-family:'Fraunces',Georgia,serif;font-weight:600;color:var(--ink);
   font-size:20px;line-height:1.3;margin:44px 0 14px;padding-top:22px;
   border-top:1px solid var(--line)}
h2:first-of-type{border-top:0;padding-top:0}
h3{font-family:'Inter',sans-serif;font-weight:600;color:var(--ink);font-size:16px;margin:26px 0 8px}
p{margin:0 0 12px}
b,strong{color:var(--ink)}
a{color:var(--gold)}
ol,ul{margin:0 0 14px;padding-left:22px}
li{margin-bottom:8px}
ol li::marker{color:var(--gold-dim)}
ul li::marker{color:var(--gold-dim)}

/* Ramka na rzeczy, ktorych klient NIE MOZE przeoczyc - np. utrata prawa zwrotu.
   Nie chowamy tego w gaszczu paragrafow: zapis, ktorego nikt nie zauwazyl, jest
   przy sporze wart tyle, co jego brak. */
.uwaga{border:1px solid var(--gold-dim);background:rgba(40,32,16,.4);
     padding:20px 22px;margin:20px 0}
.uwaga p:last-child{margin-bottom:0}

table{width:100%;border-collapse:collapse;margin:0 0 16px;font-size:15px}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
th{color:var(--ink3);font-family:ui-monospace,monospace;font-size:10px;
   letter-spacing:.12em;text-transform:uppercase;font-weight:400}
td b{color:var(--ink)}

.dol{margin-top:54px;padding-top:24px;border-top:1px solid var(--line);
     font-size:14px;color:var(--ink3);display:flex;gap:20px;flex-wrap:wrap}
@media (max-width:600px){ .plocha{padding:40px 18px 70px} h2{font-size:18px} }