/* ProcureBooks - styl v0.2 (paleta i typografia spójne z andrzejstaniucha.pl:
   ciemna zieleń #002B1C / #17251F, złoty piasek #CCBF90,
   naglowki Playfair Display SC, tekst Montserrat, ostre narożniki) */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&family=Playfair+Display+SC:wght@700&display=swap');

:root {
  --akcent:#002B1C;        /* ciemna zieleń marki */
  --ziel-tekst:#17251F;    /* zieleń tekstowa */
  --zloto:#CCBF90;         /* złoty piasek */
  --tlo:#ffffff;
  --tekst:#17251F;
  --szary:#5f6b64;
}
* { box-sizing:border-box; }
body { margin:0; font:16px/1.7 Montserrat, -apple-system, "Segoe UI", sans-serif; color:var(--tekst); background:var(--tlo); }

h1, h2, h3 { font-family:"Playfair Display SC", serif; color:var(--ziel-tekst); line-height:1.2; }

.naglowek { display:flex; justify-content:space-between; align-items:center; padding:16px 28px; background:var(--akcent); border-bottom:3px solid var(--zloto); }
.logo { font-family:"Playfair Display SC", serif; font-weight:700; font-size:22px; color:#fff; text-decoration:none; letter-spacing:0.5px; }
.logo span { font-family:Montserrat, sans-serif; font-weight:400; color:var(--zloto); margin-left:8px; font-size:13px; letter-spacing:1.2px; text-transform:uppercase; }
.naglowek nav a { margin-left:20px; color:#fff; text-decoration:none; font-size:13px; font-weight:600; letter-spacing:1.2px; text-transform:uppercase; }
.naglowek nav a:hover { color:var(--zloto); }

main.siatka { max-width:1000px; margin:0 auto; padding:32px 24px; display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:20px; }
main.siatka h1 { grid-column:1/-1; }
main.waska { max-width:640px; margin:0 auto; padding:36px 20px; }

.karta { background:#fff; border:1px solid #e4e1d5; border-top:3px solid var(--zloto); border-radius:0; padding:24px; }
.karta h2 { margin-top:0; font-size:20px; } .karta h2 a { color:var(--ziel-tekst); text-decoration:none; }
.karta h2 a:hover { color:var(--akcent); }

.cena { font-weight:700; font-size:18px; color:var(--ziel-tekst); }
.cena-duza { font-weight:800; font-size:26px; color:var(--akcent); }
.omnibus { display:block; font-weight:400; font-size:13px; color:var(--szary); }

.przycisk { display:inline-block; background:var(--zloto); color:var(--akcent); padding:13px 26px; border:1.5px solid var(--akcent); border-radius:0; font-family:Montserrat, sans-serif; font-size:13px; font-weight:700; letter-spacing:1.2px; text-transform:uppercase; text-decoration:none; cursor:pointer; transition:background .2s, color .2s; }
.przycisk:hover { background:var(--akcent); color:var(--zloto); border-color:var(--zloto); }

.link-b2b { display:block; margin-top:12px; font-size:13.5px; color:var(--szary); }

form label { display:block; margin:14px 0; }
form input, form textarea { width:100%; padding:11px; border:1px solid #c9c5b8; border-radius:0; font-family:Montserrat, sans-serif; font-size:16px; margin-top:4px; background:#fff; }
form input:focus, form textarea:focus { outline:2px solid var(--zloto); border-color:var(--akcent); }
.zgoda { font-size:14.5px; } .zgoda input { width:auto; margin-right:8px; }
.zgoda em { display:block; color:var(--szary); font-style:normal; font-size:13px; margin-left:24px; }

.blad { background:#fdecea; border:1px solid #e5b6b0; padding:10px 14px; border-radius:0; }
.drobne { font-size:13px; color:var(--szary); }

.stopka { text-align:center; padding:30px 26px; font-size:13.5px; background:var(--akcent); color:#d9d6c8; }
.stopka a { color:var(--zloto); }

details summary { cursor:pointer; color:var(--akcent); font-weight:600; margin:10px 0; }