@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.book-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1111111111rem}.book-list.fallback{margin-top:1.1111111111rem}@media (max-width: 991px){.book-list{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.book-list{grid-template-columns:repeat(1,1fr)}}.book-card{display:flex;gap:.8333333333rem;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 10px #0003;transition:.3s ease-in-out}.book-card:hover{box-shadow:0 8px 20px #0000004d}.book-card img{display:block;width:8.3333333333rem;height:auto;aspect-ratio:2/3}.book-card .content{padding:.8333333333rem .8333333333rem .8333333333rem 0;display:flex;flex-direction:column;justify-content:space-between;width:100%}.book-card .content .title{font-size:1.3888888889rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:3.8888888889rem}.book-card .content .author,.book-card .content .publisher,.book-card .content .categories{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-bottom:.2777777778rem}@media (max-width: 640px){.book-card img{width:6.875rem}.book-card .content .title{font-size:1.125rem;line-height:1.3;min-height:unset;margin-bottom:.8333333333rem}.book-card .content .author,.book-card .content .publisher,.book-card .content .categories{font-size:.875rem;line-height:1.5}.book-card.skeleton-loading .img-box .react-loading-skeleton{width:6.875rem!important;max-height:10.3125rem!important}}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var( --custom-highlight-background, linear-gradient( 90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100% ) );transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}.home-sec{padding:3.8888888889rem 0}.books-wrapper .cta-wrapper{display:flex;justify-content:center;margin:3.8888888889rem auto 0}.books-wrapper .cta-wrapper .load-more-btn{display:inline-block;padding:.8333333333rem 1.9444444444rem;font-size:1rem;font-weight:var(--font-sb);color:#fff;border:none;border-radius:.5555555556rem;cursor:pointer;animation:googleColors 3s infinite linear;transition:background-color .3s ease,transform .2s ease}.books-wrapper .cta-wrapper .load-more-btn:active{transform:scale(.95)}.books-wrapper .cta-wrapper .load-more-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes googleColors{0%{background-color:#4285f4}25%{background-color:#ea4335}50%{background-color:#fbbc05}75%{background-color:#34a853}to{background-color:#4285f4}}@media (max-width: 640px){.home-sec{padding:3.125rem 0}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}.book-wrapper{padding:3.8888888889rem 0}.book-wrapper .main-wrapper{display:flex;align-items:flex-start;gap:3.8888888889rem}.book-wrapper .main-wrapper .img-wrapper{width:30%;flex:0 0 30%;background:linear-gradient(90deg,#e0e0e0 25%,#f5f5f5,#e0e0e0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite linear;border-radius:4px}.book-wrapper .main-wrapper .img-wrapper img{width:100%;height:auto;aspect-ratio:575/889}.book-wrapper .main-wrapper .content-wrapper{width:calc(70% - 3.8888888889rem);flex:0 0 calc(70% - 3.8888888889rem)}.book-wrapper .main-wrapper .content-wrapper h1{margin-bottom:1.1111111111rem}.book-wrapper .main-wrapper .content-wrapper .price-wrapper p{font-size:1.4444444444rem;display:flex;gap:.5555555556rem}.book-wrapper .main-wrapper .content-wrapper .price-wrapper p .currency-code{font-weight:var(--font-sb)}.book-wrapper .main-wrapper .content-wrapper .price-wrapper p del{opacity:.5}.book-wrapper .main-wrapper .content-wrapper .price-wrapper p .current-price{font-weight:var(--font-b)}.book-wrapper .main-wrapper .content-wrapper .other-detail p{font-weight:var(--font-sb)}.book-wrapper .main-wrapper .content-wrapper .other-detail p span{font-weight:var(--font-r)}.book-wrapper .main-wrapper .content-wrapper .cta-wrapper{display:flex;justify-content:flex-start;gap:1.1111111111rem;margin-top:1.875rem}.book-wrapper .main-wrapper .content-wrapper .cta-wrapper a{display:inline-flex;padding:1rem 2.7777777778rem;border-radius:5.5555555556rem;color:var(--white)}.book-wrapper .main-wrapper .content-wrapper .cta-wrapper a.buy-now{background:#34a853}.book-wrapper .main-wrapper .content-wrapper .cta-wrapper a.preview{background:#4285f4}.book-wrapper .main-wrapper .content-wrapper .cta-wrapper a:hover{opacity:.8}@media (max-width: 1024px){.book-wrapper.skeleton-loading .main-wrapper .img-wrapper{max-height:31.6666666667rem;overflow:hidden}}@media (max-width: 640px){.book-wrapper{padding:3.125rem 0}.book-wrapper .main-wrapper{flex-direction:column;gap:1.875rem}.book-wrapper .main-wrapper .img-wrapper,.book-wrapper .main-wrapper .content-wrapper{width:100%;flex:0 0 100%}.book-wrapper .main-wrapper .img-wrapper{max-height:34.375rem;width:60%;margin:0 auto}.book-wrapper .main-wrapper .content-wrapper .cta-wrapper a{padding:.9375rem 1.875rem}.book-wrapper.skeleton-loading .main-wrapper .img-wrapper{width:60%;max-height:21.875rem;overflow:hidden;margin:0 auto}.book-wrapper.skeleton-loading .main-wrapper .content-wrapper .cta-wrapper{display:grid;grid-template-columns:repeat(2,1fr)}.book-wrapper.skeleton-loading .main-wrapper .content-wrapper .cta-wrapper span{width:100%!important;overflow:hidden}}.search-page{padding:3.8888888889rem 0;min-height:calc(100vh - 7.7777777778rem)}.search-page form{display:flex;gap:.5555555556rem;background:#fff3;padding:.8333333333rem;border-radius:.5555555556rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 5px 15px #0003;width:50%;margin:0 auto 2.7777777778rem}.search-page form input[type=text]{flex:1;padding:.6666666667rem;border-radius:.2777777778rem;font-size:1rem;outline:none;background:#ffffffb3;border:1px solid #e3e3e3;width:100%;transition:background .3s ease}.search-page form input[type=text]::placeholder{color:#555}.search-page form input[type=text]:focus{background:#fff}.search-page form button{padding:.6666666667rem 1.1111111111rem;border:none;border-radius:.2777777778rem;background:var(--pc);color:#fff;font-size:1rem;font-weight:var(--font-b);cursor:pointer;transition:background .3s ease,transform .2s ease}.search-page form button:hover{background:var(--pc);transform:scale(1.05)}.search-page form button:active{transform:scale(.98)}@media (max-width: 640px){.search-page form{flex-direction:column;align-items:center;justify-content:center;width:100%}.search-page form button{font-size:1rem;width:fit-content}.search-page form input[type=text]{font-size:1rem}}header{position:sticky;top:0;left:0;width:100%;z-index:9999999;padding:.5555555556rem 0;box-shadow:0 4px 19.8px #2a2a2a40;background:var(--white)}header .logo-div{width:3.3333333333rem}header .logo-div img{width:100%;height:auto}header nav{display:flex;justify-content:space-between;align-items:center}header nav .nav-links ul{display:flex;gap:1.3888888889rem}header nav .nav-links ul li{font-size:1rem;color:var(--black)}header nav .nav-links ul li:hover{color:var(--pc)}@media (max-width: 640px){header nav{gap:1rem}header nav .logo-div{width:3.125rem}header nav .nav-links ul li{font-size:.875rem;line-height:1.5;text-align:center}}footer{padding:.8333333333rem 0;background:var(--black)}footer p{font-size:1.1111111111rem;text-align:center;color:var(--white);margin:0}@media (max-width: 640px){footer p{font-size:1rem}}:root{--pc: #DB4437;--sc: #F4B400;--tc: #4285F4;--hcolor: #000;--body-color: #000;--gray-bg: #F1F3F5;--footer-bg: #000000;--white: #FFFFFF;--black: #000;--tf: transparent;--p-color: #000F1B;--h1toh6: #000;--line-light: #D9D9D9;--btn-hover: red;--op-thr: .3;--op-n: .9;--op-e: .8;--op-f: .5;--font-t: 100;--font-el: 200;--font-l: 300;--font-r: 400;--font-m: 500;--font-sb: 600;--font-b: 700;--font-eb: 800;--font-black: 900;--font-eblack: 950}body,html{font-family:Poppins,sans-serif;line-height:1;font-size:18px;font-weight:var(--font-r);color:var(--body-color);margin:0;padding:0}body.scroll-hidden{overflow:hidden}*{font-family:Poppins,sans-serif;box-sizing:border-box}.h1,h1,.h2,h2,.h3,h3,.h4,h4,.h5,h5,.h6,h6{line-height:1.25;color:var(--h1toh6);margin:0}.h1,h1{font-weight:var(--font-b);font-size:2.7777777778rem}.h2,h2{font-weight:var(--font-b);font-size:2.2222222222rem}.h3,h3{font-weight:var(--font-b);font-size:2rem}.h4,h4{font-weight:var(--font-b);font-size:1.6666666667rem}.h5,h5{font-weight:var(--font-m);font-size:1.3333333333rem}.h6,h6{font-weight:var(--font-b);font-size:1rem}p{color:var(--p-color);font-weight:var(--font-r);line-height:1.5;margin:0 0 .5555555556rem}a{text-decoration:none;color:inherit}a:hover{color:var(--pc)}button{cursor:pointer;appearance:none;-moz-appearance:none;-webkit-appearance:none}ul,li{list-style:none;padding:0;margin:0}img{display:block}svg{width:100%;height:auto}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none}::-webkit-scrollbar{display:none}@media (max-width: 1920px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:93.3333333333rem;margin:0 auto}}@media (max-width: 1680px){html,body{font-size:16px}}@media (max-width: 1440px){html,body{font-size:14px}}@media (max-width: 1399px){html,body{font-size:13px}}@media (max-width: 1280px){html,body{font-size:12px}.container{padding-inline:50px;max-width:100%}}@media (max-width: 1024px){html,body{font-size:14px}.container{padding-inline:50px;max-width:100%}}@media (max-width: 820px){html,body{font-size:12px}}@media (max-width: 600px){html,body{font-size:16px}.container{padding-inline:16px;max-width:100%}.h1,h1,.h2,h2{font-weight:var(--font-b);font-size:1.875rem}.h3,h3{font-weight:var(--font-b);font-size:1.625rem}.h4,h4{font-weight:var(--font-b);font-size:1.375rem}.h5,h5{font-weight:var(--font-m);font-size:1.125rem}.h6,h6{font-weight:var(--font-b);font-size:1rem}}
