:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#a5bca5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--header-color:rgb(244, 241, 241) }*{margin:0;padding:0;scrollbar-width:none}html,body #root{min-height:100vh;width:100vw;margin:0;padding:0}button{padding:10px;border-radius:5px;background:#117a11;color:var(--header-color);font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;cursor:pointer}.homeMainDiv{height:100%;display:flex;flex-direction:column;gap:10px}.home-card-div{display:flex;flex-wrap:wrap;width:100%;gap:10px}.card-cont{width:49%;display:flex;gap:10px;box-sizing:border-box}.card-cont>*{flex:1}@media(max-width:768px){.home-card-div{flex-direction:column}.home-card-div .card-cont{width:100%}}.header{display:flex;justify-content:space-between;align-items:center;max-height:73px;width:100vw;max-width:100%;position:sticky;top:0;left:0;z-index:1000;overflow:hidden;background:var(--header-color)}.header .leftH img{height:100px;cursor:pointer}.header .rightH{display:flex;flex-direction:row-reverse;align-items:center;width:60%}.header .cart-div{position:absolute;height:100%;width:100px;right:20px}.header p{color:red;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:large}.header .cart-btn{top:30px;width:34px;height:34px;cursor:pointer}.rightH .menu-btn{height:60px;width:60px;cursor:pointer}.book-card{width:260px;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 6px 18px #0000001a;transition:.3s}.book-card:hover{transform:translateY(-6px)}.book-img{position:relative;height:180px}.bookImg{width:100%;height:100%;object-fit:cover}.book-card .cart-btn{position:absolute;top:10px;right:10px;width:34px;height:34px;cursor:pointer}.book-content{padding:12px}.book-content h3{margin:0;font-size:18px;color:#333}.price{color:#1abc9c;font-weight:700;margin:6px 0}.desc{font-size:13px;color:#666;height:38px;overflow:hidden}.btn-group{margin-top:10px}.contact-btn{width:100%;padding:8px;background:linear-gradient(135deg,#1abc9c,#16a085);color:#fff;border:none;border-radius:8px;cursor:pointer}.menu-box{height:100vh;width:300px;position:absolute;z-index:99}.menu-box{position:fixed;top:0;left:0;height:100%;width:250px;background-color:var(--header-color);border-right:2px solid #ddd;color:#000;box-shadow:2px 0 5px #0000001a;padding:20px 0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;overflow-y:auto;transition:left .3s ease-in-out}.menu-btn{height:30px;width:30px;position:relative;left:0;top:10px;cursor:pointer;margin-right:10px}.menu-box h2{font-size:1.5em;color:#333;margin-bottom:20px;padding-left:20px}.menu-box ul{padding:0;margin:0;list-style:none;width:100%}.menu-box ul li{display:flex;align-items:center;padding:10px 20px;cursor:pointer;transition:background-color .3s ease;width:100%}#menu-box ul li:hover{background-color:#f4f4f4}#menu-box ul li div{display:flex;align-items:center;width:100%}#menu-box ul li img.menu-btn{height:24px;width:24px;margin-right:15px}#menu-box ul li span{font-size:1.1em;color:#333;font-weight:500}a{text-decoration:none;color:#333}.top-hero-div{background:linear-gradient(#000,#00000073),url(/home-hero-img.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative;height:392px;width:100%;border-radius:10px;gap:20px}.top-hero-content{display:flex;justify-content:center;flex-direction:column;height:80%;position:absolute;left:0;width:60%;padding:20px;gap:15px}.top-hero-div h1{color:#1abc9c;font-family:Arial,Helvetica Neue,Helvetica,sans-serif}.top-hero-content h1 strong{color:#ff512f;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.top-hero-div p{color:#1abc9c;font-family:Rubik,sans-serif}.top-hero-div .searchBox{display:flex;align-items:center;flex-direction:column;width:230px;position:relative}.searchBox img{height:30px;cursor:pointer;position:absolute;top:7%;right:0%}.searchBox input{padding:10px;width:100%;border-radius:10px;outline:none;border:2px solid;font-size:large;text-transform:capitalize;background:#fff;border:none;box-shadow:0 8px 20px #000000b3;color:#117a11}@media(max-width:359px){.top-hero-content h1{font-size:18px}.top-hero-content p{font-size:14px}.searchBox{width:150px}}@media(min-width:750px){.top-hero-div{height:675px;background-position:top}}.loading-box{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;margin:0 auto;color:green}.cart-page{max-width:700px;margin:40px auto;background:#fff;border-radius:12px;box-shadow:0 4px 16px #00000014;padding:24px}.cart-page h2{text-align:center;margin-bottom:24px;color:#1abc9c}.empty-cart{text-align:center;color:#888;font-size:18px;margin-top:40px}.cart-items{display:flex;flex-direction:column;gap:18px}.cart-item{display:flex;gap:16px;background:#f9f9f9;border-radius:8px;padding:16px;align-items:center;box-shadow:0 2px 8px #0000000a}.cart-item-img{width:90px;height:120px;object-fit:cover;border-radius:6px}.cart-item-info{flex:1}.cart-item-info h3{margin:0 0 8px;color:#333}.cart-item-info p{margin:0 0 8px;color:#666;font-size:14px}.cart-item-info span{color:#1abc9c;font-weight:700;font-size:16px}.remove-btn{margin-top:8px;margin-left:10px;padding:6px 16px;background:#e74c3c;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background .2s}.remove-btn:hover{background:#c0392b}.cart-total{text-align:right;margin-top:18px;font-size:18px;color:#333;font-weight:700}