/* ====== USTAWIENIA ====== */
:root{
  --bg: #0a0a0a;
  --text: #cde6ff;
  --muted: #8db8d6;
  --brand: #1a6bff;
  --shadow: 0 10px 30px rgba(0,0,0,.4);
  --radius: 16px;
}

/* ====== TŁO ====== */
body{
  margin:0; padding:0;
  font-family:'Segoe UI',sans-serif;
  background:url('ebooki.jpg') no-repeat center center fixed;
  background-size:cover;
  color:var(--text);
}

/* ====== OVERLAY ====== */
body::before{
  content:"";
  position:fixed; inset:0;
  background:rgba(0,0,0,.55);
  pointer-events:none;
  z-index:-1;
}

/* ====== KONTENER ====== */
.wrap{max-width:1200px;margin:0 auto;padding:24px;}
.lead{color:var(--muted);max-width:900px;}
.back{color:var(--muted);text-decoration:none;}
.back:hover{color:var(--text);}
h1{
  font-size:clamp(28px,4vw,48px);
  text-shadow:0 0 10px rgba(26,107,255,0.5);
  letter-spacing:1px;
  margin:8px 0 12px;
}

/* ====== GRID KSIĄŻEK ====== */
.books-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin:24px 0 8px;
}
@media (max-width:900px){.books-grid{grid-template-columns:1fr;}}

/* ====== KARTA KSIĄŻKI ====== */
.book{
  display:grid;
  grid-template-columns:220px 1fr;
  gap:16px;
  background:rgba(10,15,20,0.78);
  border:1px solid rgba(26,107,255,.4);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  overflow:hidden;
}
@media (max-width:640px){.book{grid-template-columns:1fr;}}

.book img{
  width:100%;height:100%;max-height:320px;object-fit:cover;display:block;
}
.meta{padding:14px 14px 12px 0;}
.meta h2{margin:4px 0 8px 0;font-size:20px;}
.meta p{margin:0 0 12px 0;color:var(--muted);line-height:1.6;}

/* ====== PRZYCISKI ====== */
.actions{display:flex;gap:10px;flex-wrap:wrap;}
.btn{
  display:inline-block;
  text-decoration:none;
  color:var(--text);
  background:rgba(20,30,40,.9);
  border:1px solid var(--brand);
  border-radius:12px;
  padding:8px 14px;
  transition:.2s;
}
.btn:hover{background:rgba(30,45,60,.95);}
.btn.ghost{
  background:transparent;
  border-color:rgba(26,107,255,.5);
}

/* ====== LINKI POWIĄZANE / STOPKA ====== */
.related{
  display:flex;
  gap:12px;
  margin-top:20px;
  flex-wrap:wrap;
}
.related a{
  text-decoration:none;
  color:var(--text);
  background:rgba(20,30,40,.8);
  border:1px solid var(--brand);
  border-radius:12px;
  padding:8px 14px;
  transition:.2s;
}
.related a:hover{background:rgba(30,45,60,.9);}
.footer{margin-top:28px;color:var(--muted);font-size:14px;}