/* ===== Books styles ===== */
.b-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.b-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.b-controls input,.b-controls select{padding:10px;border-radius:10px;border:1px solid rgba(0,0,0,.12);background:#fff;color:inherit;min-width:160px}

.b-actions{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}

.b-flip__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.b-flip__controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.b-spread{display:grid;grid-template-columns:1fr;gap:12px;min-height:60vh}
.b-page{width:100%;height:70vh;border:1px solid rgba(0,0,0,.12);border-radius:12px;background:#fff}
.b-spread[data-spread="2"]{grid-template-columns:1fr 1fr}
.b-spread[data-spread="2"] #p2{display:block}
@media (max-width:980px){
  .grid.cols-4{grid-template-columns:repeat(3,1fr)}
  .b-spread{grid-template-columns:1fr}
}
@media (max-width:640px){
  .grid.cols-4{grid-template-columns:1fr}
}