/* The owner's supplied cabinet artwork is a visual template, not a book catalog. */
.library-design[hidden] { display:none; }
.library-search-wrap { display:none; }
.page-library .library-search-wrap input { width:100%; height:38px; border:1px solid #c8b185; border-radius:20px; background:#07183b; color:#fff; padding:0 14px 0 36px; }
.page-library .library-search-wrap input::placeholder { color:#d5dce7; }
.page-library .library-search-icon { position:absolute; left:12px; top:6px; color:#f3dca9; font-size:22px; line-height:24px; }
.page-library .library-search-results:not([hidden]) { position:absolute; top:100%; inset-inline:0; background:#102d36; color:white; border:1px solid #b89a60; border-radius:8px; padding:8px; z-index:5; }
.page-library .library-search-results button { display:block; width:100%; padding:8px; color:inherit; text-align:right; background:transparent; border:0; }
@media(min-width:1001px) {
  .page-library .library-search-wrap { display:block; position:absolute; left:50%; bottom:10px; width:min(450px, 48%); transform:translateX(-50%); }
}
@media(max-width:1000px) {
  .page-library .library-search-wrap { display:block; position:absolute; left:50%; bottom:4px; width:min(450px, 65%); transform:translateX(-50%); z-index:4; }
}
.page-library .library-design { max-width:1335px; margin:0 auto; text-align:center; }
.page-library .library-design picture, .page-library .library-design img { display:block; width:100%; height:auto; }
.page-library .library-cabinet { position:relative; aspect-ratio:1336 / 942; }
.page-library .library-cabinet picture, .page-library .library-cabinet picture img { height:100%; }
.page-library .library-book-tadabbur, .page-library .library-book-mafatih, .page-library .library-book-mukhtasar { position:absolute; top:58.25%; width:18.4%; height:27.35%; display:flex; justify-content:center; background:url('assets/library-wood-desktop.webp') center / 100% 100%; }
.page-library .library-book-tadabbur { left:66.7%; }
.page-library .library-book-mafatih { left:41.4%; }
.page-library .library-book-mukhtasar { left:16.1%; }
.page-library .library-cabinet div img { width:auto; max-width:100%; height:100%; object-fit:contain; box-shadow:0 1px 5px #130901; transform:scale(.98); transform-origin:center bottom; }
.page-library .library-seerah { position:relative; margin-top:-3.8%; container-type:inline-size; }
.page-library .library-seerah h2 { position:absolute; margin:0; left:34%; width:32%; top:71.6%; height:10%; display:flex; align-items:center; justify-content:center; color:#160d02; font:bold 2.1cqw/1 Tahoma,Arial,sans-serif; white-space:nowrap; }

.page-library .library-notice { display:inline-block; margin:12px auto 4px; padding:8px 16px; color:#fff0cb; text-shadow:0 1px 3px #00171c; font-size:15px; }
@media(max-width:600px) {
  .page-library .site .topbar { height:calc(20cqw + 24px); }
  .page-library .library-search-wrap { width:min(450px, 85%); }
  .page-library .library-search-wrap input { font-size:12px; }
  .page-library .library-cabinet { aspect-ratio:916 / 1183; }
  .page-library .library-book-tadabbur, .page-library .library-book-mafatih, .page-library .library-book-mukhtasar { top:59.6%; width:23.9%; height:23.9%; background-image:url('assets/library-wood-mobile.webp'); }
  .page-library .library-cabinet div img { transform:scale(.845); }
  .page-library .library-seerah { margin-top:-5%; }
  .page-library .library-seerah h2 { left:29%; width:42%; top:69%; height:9%; font-size:3cqw; }
  .page-library .library-book-tadabbur { left:64.6%; }
  .page-library .library-book-mafatih { left:39.1%; }
  .page-library .library-book-mukhtasar { left:13.1%; }
}