.qbooks-shell{--qbooks-navy:#17364f;--qbooks-accent:#6c5ce7;--qbooks-teal:#079b88;--qbooks-muted:#66788b;max-width:1180px;margin:28px auto 70px;padding:0 18px;color:var(--qbooks-navy);font-family:Cairo,Tahoma,Arial,sans-serif;box-sizing:border-box}
.qbooks-shell *{box-sizing:border-box}
.qbooks-hero{padding:42px 44px;border-radius:24px;background:linear-gradient(125deg,#163b57,#0d7374 64%,#09a28a);color:#fff;box-shadow:0 18px 45px rgba(10,77,87,.13)}
.qbooks-hero>span{color:#ffdf85;font-size:12px;font-weight:800}
.qbooks-hero h1{margin:9px 0;color:#fff;font-size:32px;line-height:1.4}
.qbooks-hero p{max-width:640px;margin:0;color:rgba(255,255,255,.83);font-size:14px;line-height:1.9}
.qbooks-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:12px;align-items:end;margin:22px 0;padding:18px;border:1px solid #e2e9ef;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(23,54,79,.04)}
.qbooks-filters label{display:grid;gap:7px;color:#2b4256;font-size:12px;font-weight:800}
.qbooks-filters select{width:100%;min-height:46px;border:1px solid #d8e2e9;border-radius:10px;background:#fff;padding:9px 11px;color:#264056;font:600 13px Cairo,Tahoma,Arial,sans-serif}
.qbooks-filters select:disabled{background:#f2f5f7;color:#9aa5ae}
.qbooks-filters button,.qbooks-open{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border:0;border-radius:10px;padding:10px 18px;background:var(--qbooks-accent);color:#fff!important;font:800 13px Cairo,Tahoma,Arial,sans-serif;text-decoration:none!important;cursor:pointer}
.qbooks-count{margin:25px 0 15px;color:var(--qbooks-muted);font-size:13px}
.qbooks-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.qbooks-card{overflow:hidden;border:1px solid #e3e9ee;border-radius:17px;background:#fff;box-shadow:0 10px 25px rgba(23,54,79,.05)}
.qbooks-cover{height:230px;overflow:hidden;background:#edf3f7}
.qbooks-cover img{display:block;width:100%;height:100%;object-fit:contain;background:#f8fafb}
.qbooks-cover-fallback{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;gap:9px;background:linear-gradient(140deg,#eeeaff,#e8faf6);color:#66768b}
.qbooks-cover a.qbooks-cover-fallback{text-decoration:none;color:#66768b}
.qbooks-cover a.qbooks-cover-fallback:hover{color:#5546a5;background:linear-gradient(140deg,#e6ddff,#d9f5ed)}
.qbooks-cover-fallback .dashicons{width:55px;height:55px;color:#7c70c9;font-size:55px}
.qbooks-cover-fallback small{font-size:11px}
.qbooks-card-body{display:flex;min-height:175px;flex-direction:column;align-items:flex-start;padding:16px}
.qbooks-card-body>small{color:var(--qbooks-teal);font-size:11px;font-weight:800}
.qbooks-card h2{margin:7px 0 15px;color:var(--qbooks-navy);font-size:16px;line-height:1.6}
.qbooks-open{width:100%;margin-top:auto}
.qbooks-source{margin-top:10px;color:var(--qbooks-muted);font-size:11px;text-decoration:underline}
.qbooks-unavailable{margin-top:auto;color:#9a730e;font-size:11px}
.qbooks-empty{padding:36px 25px;border:1px dashed #cbd7df;border-radius:16px;background:#fff;text-align:center;color:#65788c;font-size:13px;line-height:1.9}
.qbooks-empty a{color:var(--qbooks-accent)}
@media(max-width:980px){.qbooks-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.qbooks-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.qbooks-shell{padding:0 12px}.qbooks-hero{padding:28px 22px}.qbooks-hero h1{font-size:25px}.qbooks-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.qbooks-filters{grid-template-columns:1fr}.qbooks-cover{height:175px}}
@media(max-width:390px){.qbooks-grid{grid-template-columns:1fr}}