#bookstore-app{max-width:1200px;margin:auto;color:#10172e}.book-hero{min-height:310px;border-radius:24px 24px 0 0;padding:38px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,#002c20df,#002c2040),url('/assets/landscape.png') center/cover;color:white}.book-hero h1{font-size:44px;line-height:1.12;margin:0 0 15px}.book-hero p{font-size:19px;line-height:1.5}.book-hero button{background:#e51e39;color:white}.book-stack{width:42%;padding:20px;transform:rotate(-5deg);display:grid}.book-stack span{padding:17px 20px;border-radius:5px;border-right:20px solid #e8d8b5;background:linear-gradient(100deg,#572633,#a6403e);box-shadow:0 6px 8px #0005;font:700 18px Georgia;color:#f5df92;letter-spacing:1px}.book-stack span:nth-child(2){background:#163342}.book-stack span:nth-child(3){background:#633d28}.book-stack span:nth-child(4){background:#315344}.book-panel{padding:24px;background:#fff;border-radius:20px;position:relative;margin-top:-10px}#bookstore-app button{cursor:pointer;border:0;border-radius:12px;padding:13px 18px;font:inherit;font-weight:600}#bookstore-app button:disabled{opacity:.5;cursor:wait}.book-categories{display:flex;gap:10px;overflow:auto;padding-bottom:14px}.book-categories button{min-width:108px;background:#f3f7f5;text-align:center;color:#14253a}.book-categories button.active{background:#ffe8ed;color:#bd1234}.book-categories b{display:block;font-size:25px;margin-bottom:10px;color:#005c3d}.book-search{display:flex;gap:12px;margin:10px 0}.book-search input{flex:1;min-width:0}.book-search input,.book-search select,#books-dialog input,#books-dialog select,#books-dialog textarea{box-sizing:border-box;background:#f8f9fb;border:1px solid #dee3eb;border-radius:12px;padding:13px;font:inherit;color:#182234}.book-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.book-toolbar button{background:#005c3d;color:white}.books-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.book-card{overflow:hidden;border-radius:14px;box-shadow:0 3px 15px #18223412;border:1px solid #edf0f4;background:white}.book-cover{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}.book-cover-art{position:relative;padding:25px 18px;background:linear-gradient(145deg,#005c3d,#002c29);color:#fff4c7;display:flex;flex-direction:column;justify-content:space-between;text-align:center;box-sizing:border-box;aspect-ratio:3/4;border-left:8px solid #ffffff33}.book-cover-art strong{font:700 23px Georgia;word-break:break-word}.book-cover-art small{font:italic 13px Georgia}.book-cover-art img{height:40%;object-fit:cover;border-radius:8px;opacity:.8}.book-card h3{font-size:17px;margin:0 0 7px;line-height:1.4}.book-info{padding:14px}.book-info p{font-size:13px;color:#6b7384;margin:6px 0}.book-cost{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:12px;color:#006c3f;font-weight:800;font-size:18px}.book-card .book-open{padding:0!important;width:100%;border-radius:0!important;text-align:left;background:transparent;color:inherit}.book-cost button{background:#eef4f1;padding:10px!important}.book-popular{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.book-popular button{background:linear-gradient(#003d2570,#003d25),url('/assets/landscape.png') center/cover;color:white;min-height:120px;display:flex;flex-direction:column;justify-content:flex-end}.book-popular small{display:block;margin-top:8px}#books-dialog{width:min(660px,calc(100vw - 44px));max-height:88vh;border:0;border-radius:20px;padding:24px;overflow:auto;color:#10172e}#books-dialog::backdrop{background:#0008}.book-close{float:right;background:#f0f3f6!important}#books-detail .book-cover,#books-detail .book-cover-art{width:180px;margin:0 auto 18px}#books-detail p{white-space:pre-wrap;line-height:1.6}#books-detail label{display:block;margin:13px 0;font-weight:600}#books-detail label input:not([type=checkbox]),#books-detail label textarea,#books-detail label select{display:block;width:100%;margin-top:7px}#books-detail input[type=checkbox]{margin-right:9px}#books-detail textarea{min-height:100px}#books-detail form>button,.book-actions button{background:#005c3d;color:white;margin:7px 7px 7px 0}.book-actions{display:flex;flex-wrap:wrap;gap:7px}.book-error{color:#b61532!important}.book-cart-line{border-bottom:1px solid #e6eaf0;padding:15px 0}.book-cart-line input{width:80px}.book-order{padding:15px 0;border-bottom:1px solid #e6eaf0}.book-order button{background:#edf4f0;margin:5px}.book-order a{display:inline-block;background:#005c3d;color:white;padding:13px;border-radius:10px}.book-note{font-size:13px;color:#626c7c}@media(max-width:800px){.books-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.book-stack{display:none}.book-hero{padding:28px}.book-popular{grid-template-columns:repeat(3,1fr)}}@media(max-width:540px){.books-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.book-hero h1{font-size:34px}.book-panel{padding:16px}.book-search{flex-direction:column}.book-cover-art{padding:18px 12px}.book-cover-art strong{font-size:19px}.book-cost{font-size:15px}.book-info{padding:10px}.book-popular{grid-template-columns:repeat(2,1fr)}#books-dialog{padding:18px;width:calc(100vw - 38px)}.book-categories button{min-width:94px}}

#bookstore-app .book-categories{gap:10px;padding:2px 2px 16px;scrollbar-width:thin;align-items:stretch}
#bookstore-app .book-categories button{display:inline-flex;align-items:center;justify-content:flex-start;gap:12px;flex:0 0 auto;min-width:142px;max-width:260px;min-height:66px;padding:12px 16px;border:1px solid #dce6df;border-radius:14px;background:#f8faf9;color:#334b40;text-align:left;transition:background .15s,border-color .15s,box-shadow .15s}
.book-category-icon{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:10px;background:#e8f1ec;color:#00734c}
.book-category-icon svg{width:23px;height:23px;display:block}
.book-category-label{font-size:14px;line-height:1.4;overflow-wrap:anywhere}
#bookstore-app .book-categories button:hover{border-color:#75a98d;background:#eff6f1}
#bookstore-app .book-categories button.active{background:#005c3d;color:#fff;border-color:#005c3d;box-shadow:0 3px 10px #005c3d1a}
.book-categories button.active .book-category-icon{background:#ffffff20;color:#fff}
#bookstore-app .book-categories button:focus-visible{outline:3px solid #d6a53c;outline-offset:2px}
@media(max-width:540px){#bookstore-app .book-categories button{min-width:130px;min-height:60px;padding:10px 12px;gap:10px}.book-category-label{font-size:13px}}