*{margin:0;padding:0;box-sizing:border-box;color:#000;background-color:#f5f5f5;font-family:Poppins,sans-serif}.page{min-height:100vh;display:flex;flex-direction:column;color:#ffffffde}main{flex:1;padding:20px}header{text-align:center}#menu-btn{font-size:2rem;cursor:pointer;display:none;background-color:transparent;color:#fff}.header{display:flex;justify-content:space-between;align-items:center;padding:15px 40px;background-color:#5f9ea0;color:#fff}.logo{text-decoration:none;color:#fff;background-color:transparent;font-size:1.5rem;font-weight:700;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.nav{background-color:transparent}.nav a{color:#fff;text-decoration:none;margin-left:20px;font-size:1.2rem;transition:all .3s ease;background-color:transparent}.active{font-weight:700}@media(max-width:768px){#menu-btn{display:block}.nav{gap:20px;position:absolute;top:0;right:0;left:0;background-color:#5f9ea0;padding:20px;transform:translateY(-100%);transition:all .3s ease;z-index:10}.nav.active{display:flex;flex-direction:column;transform:translateY(50px)}}.home{text-align:center;padding:40px 20px}.hero{margin-bottom:50px;display:flex;flex-direction:column;align-items:center}.hero h1{font-size:2.5rem;color:#5f9ea0;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.hero p{color:#555;max-width:600px;margin:15px auto;line-height:1.6;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.btn{max-width:250px;width:100%;background-color:#5f9ea0;border:none;padding:12px 25px;border-radius:6px;font-size:1rem;color:#fff;cursor:pointer;margin-top:20px;transition:background-color .3s ease}.btn:hover{opacity:.8}.books{font-family:Poppins,sans-serif;display:flex;flex-wrap:wrap;justify-content:center}.book-card{max-width:370px;background-color:transparent;border-radius:12px;box-shadow:0 4px 10px #0000001a;transition:transform .3s ease,box-shadow .3s ease;margin:20px;display:flex;flex-direction:column}.book-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026}.book-image{width:100%;height:220px;object-fit:cover}.book-info{display:flex;flex-direction:column;padding:15px}.book-title{font-size:1.1rem;font-weight:700;color:#333;margin-bottom:5px}.book-author{font-size:.9rem;color:#666;font-style:italic;margin-bottom:8px}.book-details{display:flex;justify-content:space-between;font-size:.85rem;color:#777;margin-bottom:10px}.book-description{font-size:.9rem;color:#555;margin-bottom:12px;height:50px;overflow:hidden;text-overflow:ellipsis}.book-footer{display:flex;justify-content:space-between;align-items:center}.book-price{font-weight:700;color:#1e88e5;font-size:1rem}.book-category{background-color:#e3f2fd;color:#1565c0;font-size:.8rem;padding:4px 10px;border-radius:15px;font-weight:700}.btn-go-detail{margin:20px auto auto;text-decoration:none;text-align:center}.footer{background-color:#5f9ea0;color:#fff;padding:40px 0 10px;margin-top:40px}.footer-container{display:flex;justify-content:space-around;flex-wrap:wrap;text-align:left;max-width:1100px;margin:0 auto;background-color:#5f9ea0}.footer-section{background-color:#5f9ea0;flex:1 1 250px;margin:10px 20px;font-family:Poppins,sans-serif}.footer-title{background-color:#5f9ea0;font-size:22px;margin-bottom:10px;font-weight:700;color:#fff}.footer-subtitle{background-color:#5f9ea0;font-size:18px;margin-bottom:10px;color:#fff}.footer-text{background-color:#5f9ea0;font-size:14px;line-height:1.6;color:#ccc}li{background-color:transparent}.footer-list{background-color:#5f9ea0;list-style:none;padding:0}.footer-link{background-color:#5f9ea0;color:#ccc;text-decoration:none;font-size:14px}.footer-link:hover{color:#fff;text-decoration:underline}.footer-bottom{background-color:#5f9ea0;border-top:1px solid #444;margin-top:30px;text-align:center;padding-top:10px}.footer-bottom p{background-color:#5f9ea0;font-size:13px;color:#aaa}.detail{display:flex;justify-content:center;align-items:center}.category{display:flex;gap:30px}.category-container{height:fit-content;margin-bottom:30px;padding:20px;background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a}.category-title{font-family:Poppins,sans-serif;text-align:center;font-size:1.8rem;font-weight:700;color:#333;margin-bottom:24px}.category-nav{font-family:Poppins,sans-serif;display:flex;justify-content:center;gap:30px;margin-bottom:30px;border-bottom:2px solid #eee;padding-bottom:10px}.category-link{text-decoration:none;font-size:1.1rem;font-weight:500;color:#666;padding:8px 16px;border-radius:12px;transition:all .3s ease}.category-link:hover{background-color:#f3f3f3;color:#222}.category-link.active{color:#fff;background-color:#5f9ea0;box-shadow:0 2px 8px #007bff4d}.category-content{padding:20px;background-color:#fafafa;border-radius:12px;min-height:200px;transition:all .3s ease}.category-container{padding:20px;max-width:300px;min-width:300px;width:100%;background-color:transparent;border-radius:12px;box-shadow:0 4px 15px #00000026;color:#fff;font-family:Poppins,sans-serif}.category-container h5{font-size:20px;font-weight:600;margin-bottom:15px;padding-bottom:8px}.category-container ul{list-style:none;padding:0;margin:0}.category-container li{margin-bottom:12px;border:1px solid #5f9ea0;border-radius:10px;background-color:transparent}.category-container a{text-decoration:none;font-size:17px;color:#cfd3da;padding:10px 15px;display:block;border-radius:10px;transition:.25s ease}.category-container a:hover{background:#5f9ea0;color:#fff;padding-left:20px}.category-container a.active{background:#5f9ea0;color:#fff;font-weight:600;box-shadow:0 4px 10px #056bff59}.detail-page{max-width:1220px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;font-family:Poppins,sans-serif;padding:40px;color:#333}.detail-back-btn{margin-bottom:20px;padding:8px 16px;border-radius:6px;border:none;background-color:#5f9ea0;color:#fff;cursor:pointer;font-weight:500;transition:background .3s}.detail-back-btn:hover{background-color:#4a7c86}.detail-container{width:100%;display:flex;gap:40px;flex-wrap:wrap}.detail-book-image{max-width:500px;width:100%;border-radius:8px;object-fit:cover}.detail-book-info{padding:0;max-width:600px;flex:1}.detail-book-title{font-size:28px;font-weight:700;margin-bottom:10px;color:#5f9ea0}.detail-book-author{font-size:18px;color:#555;margin-bottom:15px}.detail-book-meta{display:flex;gap:15px;margin-bottom:15px;color:#555;flex-wrap:wrap}.detail-book-description{margin-bottom:20px;line-height:1.6;color:#333}.detail-book-price{font-size:22px;font-weight:600;margin-bottom:20px;color:#5f9ea0}.detail-add-cart-btn{padding:12px 24px;background-color:#5f9ea0;text-decoration:none;color:#fff;font-weight:600;border-radius:6px;border:none;cursor:pointer;transition:background .3s,transform .2s,box-shadow .2s}.detail-add-cart-btn:hover{background-color:#4a7c86;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}@media(max-width:768px){.category,.detail-container{flex-direction:column;align-items:center}.detail-book-info{max-width:100%}}.filter-wrapper{position:relative;font-family:Poppins,sans-serif;display:inline-block}.filter-toggle{display:flex;align-items:center;gap:6px;padding:10px 14px;background-color:#5f9ea0;color:#fff;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:background .3s}.filter-toggle:hover{background-color:#4a7c86}.filter-dropdown{position:absolute;top:100%;left:0;margin-top:6px;padding:12px;background-color:#f5f5f5;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:100}.filter-select{padding:10px 14px;border-radius:6px;border:1px solid #ccc;font-size:16px;outline:none;cursor:pointer;width:150px;transition:border .3s,box-shadow .3s}.filter-select:focus{border-color:#5f9ea0;box-shadow:0 0 5px #5f9ea080}.category-content{display:flex;justify-content:start;flex-wrap:wrap;gap:20px;padding:0}.cartContainer{width:100%;display:flex;flex-direction:column;align-items:center}.cartList{display:flex;align-items:center;flex-wrap:wrap}.cartSummary{max-width:400px;width:100%;display:flex;flex-direction:column;align-items:center;padding:20px;border-radius:12px;background-color:#f5f5f5}.cartSummaryContainer{display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:20px}.page{max-height:100vh;display:flex;flex-direction:column}main{flex:1}