*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:Montserrat,sans-serif;background-color:#f9f9f9;color:#333}button{font-family:inherit;cursor:pointer;outline:none;border:none}img{display:block;max-width:100%;height:auto}.app{display:flex;flex-direction:column;min-height:100vh}.content{flex:1}.header{display:flex;align-items:center;justify-content:space-between;padding:15px 25px;background-color:#036;color:#fff;box-shadow:0 3px 6px #0000001a;position:sticky;top:0;z-index:100}.logo{width:100px;height:100px;cursor:pointer}.header h1{font-size:2.2rem;font-weight:700;text-align:center;flex-grow:1}.cart-btn{position:relative;font-size:1.5rem;color:#fff;cursor:pointer}.cart-popup{display:none;position:absolute;top:35px;right:0;width:280px;max-height:350px;background:#fff;color:#333;box-shadow:0 5px 15px #0003;border-radius:10px;padding:10px;overflow-y:auto;z-index:100;flex-direction:column}.cart-btn:hover .cart-popup{display:flex}.cart-item{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:.85rem}.cart-item-img{width:40px;height:40px;object-fit:cover;border-radius:5px}.checkout-btn{margin-top:10px;padding:8px;background-color:#39f;color:#fff;font-weight:700;border-radius:5px;cursor:pointer;transition:.3s}.checkout-btn:hover{background-color:#05a}.cart-empty{font-size:.9rem;text-align:center;color:#555}.categories{display:flex;justify-content:space-around;margin:15px 0}.categories span{font-size:1rem;padding:8px 0;cursor:pointer;transition:all .2s;font-weight:500}.categories span:hover{border-bottom:3px solid #3399ff;font-weight:700;color:#036}.button-row{display:flex;justify-content:flex-end;gap:10px;margin:10px 25px}.search-btn{font-size:1.2rem;background:none;color:#036}.search-btn:hover{color:#05a}.all-btn{padding:6px 12px;border-radius:5px;font-weight:700;color:#fff;background-color:#036;transition:.2s}.all-btn:hover{background-color:#05a}.search-input{padding:5px 8px;margin-left:5px;border-radius:5px;border:1px solid #ccc;font-size:.9rem}.book-cards{display:grid;grid-template-columns:repeat(6,1fr);gap:25px;padding:20px 25px}.book-card-container{display:flex;flex-direction:column;align-items:center}.book-card{position:relative;display:flex;flex-direction:column;height:280px;width:180px;border-radius:10px;overflow:hidden;background-color:#fff;transition:transform .3s,box-shadow .3s}.book-card:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 5px 12px #00000026}.book-name{width:100%;text-align:center;font-weight:600;color:#fff;background:#003366d9;padding:5px 0;font-size:.95rem;z-index:2}.book-img{flex:1 1 auto;overflow:hidden}.book-img img{width:100%;height:100%;object-fit:cover}.view-btn{margin-top:8px;padding:6px 14px;font-size:.85rem;font-weight:700;background:#39f;color:#fff;border-radius:5px;cursor:pointer;transition:all .3s ease}.view-btn:hover{background:#05a;transform:scale(1.05)}.book-price{margin-top:5px;font-weight:600;color:#036;font-size:1rem;text-align:center}.store-footer{background-color:#e6f0ff;padding:25px;text-align:center}.store-description{max-width:900px;margin:0 auto 15px;font-size:1rem;line-height:1.6;color:#333}.footer-text{font-size:.9rem;color:#555}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000bf;display:flex;justify-content:center;align-items:center;z-index:1000;padding:30px}.modal-content{display:flex;width:85%;height:80%;background:#fff;border-radius:15px;overflow:hidden;position:relative}.modal-x{position:absolute;top:10px;right:15px;font-size:1.8rem;font-weight:700;background:none;color:#333;cursor:pointer;border:none;z-index:10}.modal-left{width:45%;background:#f5f5f5;display:flex;align-items:center;justify-content:center;padding:15px}.modal-left img{max-width:100%;max-height:100%;object-fit:contain}.modal-right{width:55%;padding:25px;overflow-y:auto;font-size:.95rem}.modal-right h2{font-size:1.8rem;margin-bottom:10px}.modal-author{margin-bottom:5px;font-weight:500;color:#036}.modal-category{margin-bottom:15px;font-style:italic;color:#555}.modal-description{margin-top:5px;font-size:.95rem;line-height:1.5}.modal-price{margin-top:15px;font-size:1.1rem;font-weight:700;color:#036}.modal-add-btn{margin-top:15px;padding:10px 20px;font-weight:700;background-color:#39f;color:#fff;border-radius:8px;cursor:pointer;transition:.3s}.modal-add-btn:hover{background-color:#05a;transform:scale(1.05)}.placeholder-img{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#ddd;color:#555;font-size:.9rem}@media(max-width:1200px){.book-cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.header h1{font-size:1.8rem}.book-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.header{flex-direction:column;gap:10px}.categories{flex-direction:column;align-items:center}.book-cards{grid-template-columns:1fr}.button-row{flex-direction:column;align-items:flex-end}.modal-content{flex-direction:column;height:90%}.modal-left,.modal-right{width:100%}.modal-left img{max-height:300px}.modal-x{top:5px;right:10px}}.book-card-container{width:220px;margin:26px;display:flex;flex-direction:column;align-items:center}.book-card{width:100%;height:320px;position:relative;border-radius:8px;overflow:hidden;box-shadow:0 4px 10px #0000001a}.book-cover{width:100%;height:100%;object-fit:cover;display:block}.placeholder-img{width:100%;height:100%;background-color:#eee;color:#999;font-size:14px;display:flex;align-items:center;justify-content:center}.book-name-overlay{position:absolute;bottom:0;width:100%;background:#0009;color:#fff;font-weight:600;font-size:14px;text-align:center;padding:6px;box-sizing:border-box}.book-meta{margin-top:8px;text-align:center}.book-price{font-size:14px;color:#333;margin-bottom:6px}.view-btn{background-color:#007bff;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer}.view-btn:hover{background-color:#0056b3}.categories{background-color:#fff;padding:12px 16px;display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:10px;border-bottom:1px solid #ddd}.category-tab{flex:0 0 auto;min-width:100px;padding:10px 16px;background-color:#f0f0f0;color:#333;border:none;border-radius:6px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .2s ease}.category-tab:hover{background-color:#e0e0e0}.category-tab.active{background-color:#007bff;color:#fff;font-weight:600}.desktop-only{display:flex;gap:10px}.mobile-only{display:none}@media(max-width:768px){.desktop-only{display:none}.mobile-only{display:block;margin:12px 0}.category-dropdown{width:100%;padding:10px;font-size:16px;border-radius:6px;border:1px solid #ccc}}.button-row{display:flex;gap:10px;margin:16px 0;flex-wrap:wrap}.button-row{display:flex;align-items:center;gap:10px;margin:16px 0;width:100%;flex-wrap:nowrap}.search-section{background-color:#fff;padding:16px;border-bottom:1px solid #ddd}.search-row{display:flex;gap:10px;align-items:center;margin-bottom:12px}.all-btn{flex:0 0 auto;padding:10px 16px;background-color:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer;white-space:nowrap}.search-input{flex:1;padding:12px;border-radius:6px;border:1px solid #ccc;font-size:16px}.categories.desktop-only{display:flex;gap:10px;flex-wrap:wrap}.category-tab{padding:10px 16px;background-color:#f0f0f0;border:none;border-radius:6px;font-weight:500;cursor:pointer}.category-tab.active{background-color:#007bff;color:#fff}.categories.mobile-only{display:none}.category-dropdown{width:100%;padding:10px;font-size:16px;border-radius:6px;border:1px solid #ccc}@media(max-width:768px){.categories.desktop-only{display:none}.categories.mobile-only{display:block}.search-row{flex-direction:row;flex-wrap:nowrap}.search-input{min-width:0}}.modal-left{flex:1;display:flex;align-items:center;justify-content:center;background:#f9f9f9}.modal-left img{width:100%;max-width:300px;height:400px;object-fit:cover;border-radius:6px}.modal-right{flex:2;padding:20px;display:flex;flex-direction:column;justify-content:center}.modal-add-btn{margin-top:16px;padding:10px 16px;background-color:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer;width:120px}.modal-content{background:#fff;border-radius:8px;max-width:800px;width:90%;display:flex;flex-direction:row;overflow:hidden;position:relative}@media(max-width:768px){.modal-add-btn.mobile-top-left{position:absolute;top:10px;left:10px;z-index:1000;margin-top:0;font-size:14px;padding:8px 12px}}.modal-add-btn:hover{background-color:#0056b3}@media(max-width:768px){.modal-content{flex-direction:column;max-width:95%}.modal-left img{max-width:100%;height:300px}.modal-left{flex:1;display:flex;align-items:center;justify-content:center;background:#f9f9f9}.modal-right{padding:16px}.mobile-top-left{position:absolute;top:10px;left:10px;z-index:1000;font-size:14px;padding:8px 12px}}.cart-btn{position:relative;cursor:pointer}.cart-icon{font-size:24px}.cart-count{position:absolute;top:-6px;right:-6px;background-color:red;color:#fff;font-size:12px;padding:2px 6px;border-radius:50%}.cart-drawer-overlay{position:fixed;inset:0;background:#00000080;z-index:999}.cart-drawer{position:fixed;top:0;right:0;width:320px;height:100%;background:#fff;display:flex;flex-direction:column;padding:16px;box-shadow:-2px 0 8px #0003}.cart-items-scroll{flex:1;overflow-y:auto;margin-bottom:0}.cart-item{display:flex;gap:10px;margin-bottom:16px;margin-top:16px}.cart-item-img{width:60px;height:60px;object-fit:cover;border-radius:4px}.cart-item-details{flex:1;display:flex;flex-direction:column;justify-content:space-between}.cart-footer{position:sticky;bottom:0;background:#fff;padding:12px 16px;border-top:1px solid #ddd;display:flex;flex-direction:column;gap:10px}.cart-subtotal{display:flex;justify-content:space-between;font-size:16px;font-weight:600}.subtotal-price{color:#000;font-weight:700}.cart-actions{display:flex;justify-content:space-between;gap:10px}.checkout-btn{background-color:#007bff;color:#fff}.close-cart-btn{background-color:#007bff;color:#fff;margin-top:10px;padding:8px;width:90px;font-weight:700;border-radius:5px;cursor:pointer;transition:.3s}.cart-item-row{display:flex;justify-content:space-between;align-items:center}.cart-item-price{font-weight:700;color:#000}.cart-qty{display:flex;align-items:center;gap:6px}.cart-qty button{padding:4px 8px;font-size:14px}.delete-btn{background:none;border:none;padding:4px;cursor:pointer;color:#d9534f;display:inline-flex;align-items:center;justify-content:center}.delete-btn:hover{color:#c9302c}.icon-trash{display:block;width:20px;height:20px}.cart-notification{position:fixed;top:20px;right:20px;background:#28a745;color:#fff;padding:10px 16px;border-radius:6px;box-shadow:0 2px 6px #0003;z-index:1000;font-size:14px;animation:fadeInOut 2s ease forwards}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-10px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1}to{opacity:0;transform:translateY(-10px)}}.main-content{display:flex;justify-content:center;padding:1rem;width:100%}.form-container{width:100%;max-width:900px;padding:1.5rem;background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000001a}@media(max-width:768px){.form-container{padding:1rem;box-shadow:none}.page-title{font-size:1.5rem;text-align:center;margin:1rem 0}}@media(max-width:480px){.form-container{padding:.75rem}.page-title{font-size:1.2rem}}.confirm-btn{background-color:#359647;color:#fff;margin-top:10px;padding:8px;width:90px;font-weight:700;border-radius:5px;cursor:pointer;transition:.3s}.confirm-btny{background-color:#359647;color:#fff;margin-top:10px;padding:8px;width:100px;font-weight:700;border-radius:5px;cursor:pointer;margin-left:5px;transition:.3s}.nexty-btn{background-color:#007bff;color:#fff;margin-top:10px;padding:8px;width:90px;font-weight:700;border-radius:5px;cursor:pointer;transition:.3s}.button-row{display:flex;gap:1rem;margin-top:1.5rem}.button-row button{padding:.75rem 1.5rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;font-weight:700;cursor:pointer}.form-container{background:#fff;padding:20px;border-radius:8px}.step-header{font-size:18px;font-weight:600;margin-bottom:16px;color:#007bff}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px;margin-bottom:20px}label{display:flex;flex-direction:column;font-weight:500;color:#333}.form-input{width:100%;padding:10px 12px;margin-top:6px;border:1px solid #ccc;border-radius:6px;font-size:14px;transition:border-color .3s ease}.form-input:focus{border-color:#007bff;outline:none;box-shadow:0 0 4px #007bff66}.thankyou-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:#f9f9f9;font-family:Arial,sans-serif}.thankyou-header{text-align:center;margin-bottom:40px}.logo{height:80px;margin-bottom:10px}.thankyou-main{background:#fff;padding:40px;border-radius:8px;box-shadow:0 4px 12px #0000001a;text-align:center}.thankyou-main h2{font-size:28px;color:#007bff;margin-bottom:16px}.thankyou-main p{font-size:18px;color:#333}