.books-widget{background:#fff;border:1px solid #e5e5e5;max-width:320px;margin:0 auto;box-sizing:border-box}.books-widget *{box-sizing:border-box}.books-tabs{display:flex;width:100%;background:#1f1f1f}.books-tabs button{flex:1;border:0;background:#fff0;color:#fff;padding:13px 5px;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;transition:.25s}.books-tabs button.active,.books-tabs button:hover{background:#1668c9}.books-content{padding:14px;background:#fff}.tab-content{display:none;opacity:0;animation:islamiceboiFadeIn .25s ease forwards}.tab-content.active{display:block}@keyframes islamiceboiFadeIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.no-posts{font-size:13px;color:#777;text-align:center;padding:10px 0}.books-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 14px;min-width:0}.grid-book{text-align:left;min-width:0}.book-cover-link{position:relative;display:block;width:100%;aspect-ratio:2 / 3;overflow:hidden;background:#f4f4f4;box-shadow:0 2px 6px rgb(0 0 0 / .15)}.book-cover-link img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.book-cover-link:hover img{transform:scale(1.05)}.cover-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;background:rgb(255 255 255 / .9);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px rgb(0 0 0 / .25);pointer-events:none}.grid-title{display:block;margin-top:8px;font-size:12.5px;line-height:16px;color:#222;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grid-title:hover{color:#1668c9}.list-book{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.list-book:last-child{margin-bottom:0}.list-cover{flex:0 0 56px;width:56px;aspect-ratio:2 / 3;overflow:hidden;display:block;background:#f4f4f4;box-shadow:0 2px 5px rgb(0 0 0 / .15)}.list-cover img{width:100%;height:100%;object-fit:cover;display:block}.list-title{font-size:13px;line-height:19px;color:#1668c9;text-decoration:none;font-weight:500}.list-title:hover{text-decoration:underline}@media(max-width:768px){.books-grid{grid-template-columns:1fr 1fr}.books-tabs button{font-size:11px;padding:11px 4px}}