/* LSquare – CSS master */ body{ margin:0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; } .container{ max-width:1100px; margin:0 auto; padding:40px 20px; } /* immagini */ .cover{ max-width:420px; width:100%; height:auto; margin-bottom:24px; } .catalog-cover{ display:block; max-width:220px; height:auto; } /* bottoni (un solo stile) */ .btn, .buy-btn{ display:inline-block; padding:12px 16px; border-radius:10px; text-decoration:none; font-weight:700; background:#000; color:#fff; border:1px solid #000; } .btn:hover, .buy-btn:hover{opacity:.9;} .btn:visited, .buy-btn:visited{color:#fff;} .buy-buttons{ display:flex; gap:12px; flex-wrap:wrap; margin:16px 0 32px; } .footer{ margin-top:40px; font-size:14px; opacity:.6; } /* layout desktop */ @media (min-width:900px){ .container{ display:flex; gap:60px; align-items:flex-start; } .book-content{ max-width:600px; } } /* miglior leggibilità sinossi */
.book-content{
  font-size: 17px;
  line-height: 1.65;
}

.book-content p{
  margin-bottom: 1em;
}
 .book-content .sinossi{
  font-size: 18px;
  line-height: 1.7;
}
/* FORCE SINOSSI SIZE – override finale */
.book-content .sinossi{
  font-size: 19px;
  line-height: 1.7;
}
.book .buy-buttons .buy-btn {
  display: inline-block !important;
}
 .buy-group {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 20px 0;
}

.buy-btn.paper {
  background: #222;
  color: #fff;
  padding: 10px 18px;
  text-decoration: none;
  border-radius: 4px;
  font-size: 0.95em;
}

.buy-btn.paper:hover {
  background: #444;
}

.buy-btn.disabled {
  background: #bbb;
  color: #666;
  cursor: not-allowed;
  pointer-events: none;
}

.fallback {
  font-size: 0.9em;
  color: #555;
  margin-top: 10px;
}