@charset "UTF-8";:root{--bg:#fff;--color-main:#3f626d;--color-text:#1a1a1a;--color-link:#347d56}img{max-width:100%}.overlay{background:rgba(0,0,0,.5);display:none;min-height:100vh;position:fixed;top:0;width:100vw}.overlay.active{display:block;z-index:8888}.book-search .custom-select{width:150px}.book-search .left,.book-search .right .top{display:none}.book-search .right{margin-top:30px}.book-search .right .list-book{list-style-type:none}.book-search .right .list-book li{border-bottom:1px solid #e2e2e2;margin-bottom:30px;padding-bottom:20px}.book-search .right .list-book li:last-child{border-bottom:0}.book-search .right .list-book li .btn-area{margin-top:12px}.book-search .right .list-book li .btn-area a:hover{text-decoration:none}.book-search .right .list-book li .btn-area .add-cart,.book-search .right .list-book li .btn-area .btn-view{border-radius:4px;color:#fff;display:block;font-weight:600;min-height:44px;padding:12px 0;text-align:center;transition:background-color .3s ease;width:100%}.book-search .right .list-book li .btn-area .add-cart{background-color:#3d6db5;margin-bottom:12px}.book-search .right .list-book li .btn-area .add-cart:hover{background-color:#365c93}.book-search .right .list-book li .btn-area .btn-view{align-items:center;background-color:#2b3764;display:flex;justify-content:center;text-decoration:none}.book-search .right .list-book li .btn-area .btn-view:hover{background-color:#414c7b}.book-search .right .list-book .book{display:flex;gap:20px}.book-search .right .list-book .book-content .btn-area{display:none}.book-search .right .list-book .no_data{color:red;font-weight:700;text-align:center}.book-search .entries{margin-bottom:20px}.book-search .bi-funnel{font-size:20px}.book-search .search-area{align-items:center;display:flex;justify-content:space-between}.book-search .btn-filter{align-items:center;background-color:#ddd;border:1px solid #e2e2e2;border-radius:4px;display:flex;font-weight:600;gap:10px;justify-content:center;min-height:44px;min-width:44px;padding:12px 24px;transition:background-color .3s ease}.book-search .btn-filter:hover{background-color:#ccc}.book-search .menu-search{background-color:#fff;height:100vh;left:-330px;min-height:100vh;overflow-y:auto;padding:50px 20px 20px;position:fixed;top:0;transition:all .3s ease-in-out;width:330px;z-index:9999}.book-search .menu-search.active{left:0;z-index:9999}.book-search .menu-search .menu-search-item{margin-bottom:30px}.book-search .menu-search .accordion{background-color:var(--color-main);color:#fff;font-size:18px;font-weight:600;padding:6px 15px;text-align:left;width:100%}.book-search .menu-search .accordion:after{content:"+";float:right;font-weight:700}.book-search .menu-search .accordion.active:after{content:"−"}.book-search .menu-search .panel{margin-bottom:10px;margin-top:5px;max-height:0;overflow:hidden;transition:max-height .2s ease-out}.book-search .menu-search .btn-close{align-items:center;background-color:hsla(0,0%,100%,.9);border-radius:50%;display:flex;font-size:32px;justify-content:center;min-height:44px;min-width:44px;position:absolute;right:10px;top:10px;transition:background-color .3s ease}.book-search .menu-search .btn-close:hover{background-color:#fff}.book-search .menu-search ul{list-style-type:none}.book-search .menu-search ul li{border-bottom:1px solid #e2e2e2;padding:6px 15px}.book-search .menu-search ul li.active{background-color:#c8e3cf}.book-search .menu-search ul li a{display:flex}.book-search .book-image{position:relative}.book-search .book-image button{align-items:center;background-color:#fff;border:1px solid #e2e2e2;border-radius:50%;display:flex;height:44px;justify-content:center;overflow:hidden;position:absolute;right:8px;top:8px;transition:background-color .3s ease;width:44px}.book-search .book-image button:hover{background-color:#f5f5f5}.book-search .book-image button:hover i{color:#ff0020}.book-search .book-image img{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);height:243px;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;width:150px}.book-search .book-image a{display:flex}.book-search .book-image i{margin-top:3px}.book-search .b_title{font-size:16px!important}.book-search .book-author a{color:#666;font-weight:600;text-decoration:underline}.book-search .book-price{font-size:18px;font-weight:700}.book-search .book-price span{color:#027a36}.book-search .book-desc p{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#333;display:-webkit-box;overflow:hidden}.book-search .book-desc p a{color:#027a36}.book-search .book-author,.book-search .book-desc,.book-search .book-title{margin-bottom:8px}.book-search .book-title a{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:16px;line-height:19px;overflow:hidden}@media screen and (min-width:575px){.book-search{padding:20px 20px 40px}.book-search .right .list-book li .btn-area{display:none}.book-search .right .list-book .book-content{display:flex;flex:1;flex-direction:column}.book-search .right .list-book .book-content .btn-area{align-items:center;display:flex;gap:10px;justify-content:end;margin-top:auto}.book-search .right .list-book .book-content .btn-area .add-cart,.book-search .right .list-book .book-content .btn-area .btn-view{width:150px}.book-search .right .list-book .book-content .btn-area .add-cart{margin-bottom:0}}@media screen and (min-width:768px){.book-search .right .book-image img{max-width:160px;min-width:150px}}@media screen and (min-width:1024px){.book-search{display:flex;gap:30px}.book-search ul{list-style-type:none}.book-search .custom-select{width:250px}.book-search .btn-filter,.book-search .entries,.book-search .search-area{display:none}.book-search .left{display:block;max-width:30%;min-width:22%}.book-search .right{display:block;margin-top:0;width:100%}.book-search .right .empty{font-size:16px;padding-top:50px}.book-search .right .top{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.book-search .right .list-book .book-title a{font-size:1.375rem;line-height:normal}.book-search .right .list-book .book-desc p{font-size:16px}.book-search .card{border:1px solid #e2e2e2;margin-bottom:10px}.book-search .card .accordion{background-color:var(--color-main);color:#fff;font-size:18px;font-weight:600;padding:10px 15px;text-align:left;width:100%}.book-search .card .accordion:after{content:"+";float:right;font-weight:700}.book-search .card .accordion.active:after{content:"−"}.book-search .card .panel{max-height:0;overflow:hidden;transition:max-height .2s ease-out}.book-search .card .panel ul{padding:10px 8px}.book-search .card .panel ul li{border-bottom:1px solid #e2e2e2;margin:1px 0;padding:3px 7px}.book-search .card .panel ul li:last-child{border-bottom:0}.book-search .card .panel ul li.active,.book-search .card .panel ul li:hover{background-color:#c8e3cf}.book-search .card .panel ul li a{display:flex;text-decoration:none}}