*{margin:0;font-family:Verdana,Geneva,Tahoma,sans-serif}section{background-color:#633939;height:100px;width:100%;margin-bottom:20px;justify-content:space-around;align-items:center;display:flex;position:fixed;z-index:999}section h1{color:#fff}.input{padding:15px;font-size:16px;border:2px solid #ccc;border-radius:8px;transition:border-color .3s ease,box-shadow .3s ease;outline:none;box-shadow:0 2px 5px #0000001a}.input::placeholder{color:#aaa}.input:focus{border-color:#36ff04;box-shadow:0 0 8px #007bff80}.input.disabled{background-color:#d3d3d3;cursor:not-allowed;color:#888}.img-hcontainer{position:relative;display:inline-block}.img-hcontainer img{filter:invert(1);width:60px}.img-hcontainer .overlay-text{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);color:gold;font-size:18px;text-align:center;z-index:1}.img-hcontainer:hover{cursor:pointer}@media (max-width: 500px){h1{font-size:13px}.input{width:50px}}.book-container{width:800px;height:220px;display:flex;border:1px solid grey;border-radius:32px;transition:transform .2s ease;box-shadow:0 10px 20px #82828299}.book-container h1{font-size:16px;font-weight:700}.book-container:hover{background-color:#ebebe9;cursor:pointer;transform:translateY(-2px)}.description{width:100%;display:flex;flex-direction:column;padding:5px 10px;justify-content:center;gap:15px}.price{display:flex;flex-direction:column;justify-content:center;gap:15px;padding:15px}.img-container{display:flex;align-items:center;width:150px;justify-content:center}.img-container img{height:165px;width:100px}.seperator{display:flex;width:100%;justify-content:space-between}.order{display:flex;flex-direction:column;gap:8px;padding:150px 10px 0 50px}.btn-basket{background-color:gold;border:1px solid;border:1px solid black;border-radius:10px}.btn-basket:hover{cursor:pointer;background-color:#d5b402}.load-more-button{padding:10px 20px;font-size:16px;color:#fff;background-color:#007bff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease;margin-top:50px;margin-bottom:50px}.load-more-button:hover{background-color:#0056b3}.load-more-button:focus{outline:none;box-shadow:0 0 0 2px #007bff80}.btn-load{display:flex;justify-content:center}.no-book{display:flex}.popup-container{position:fixed;z-index:3;top:40vh;left:40vw;width:600px;height:80px;background-color:#633939;display:flex;flex-direction:column;justify-content:center;transform:translate(-10%,-40%) scale(1)}.popup{display:flex;align-items:center;flex-direction:column;gap:20px}.popup p{color:#fff}.popup button{width:100px;cursor:pointer}@media (max-width: 900px){.popup-container{transform:translate(-40%,-50%) scale(1);width:405px}}@media (max-width: 860px){.book-container{width:auto}}@media (max-width: 500px){.description{gap:0;justify-content:flex-start}.book-container h1{font-size:13px}.book-container p{font-size:11px}.seperator{flex-direction:column}}@media (max-width: 390px){.popup-container{width:300px}.popup p{font-size:12px}}.basket{padding:150px 10px 0 50px;display:flex;flex-direction:column;gap:30px}.basket-item{display:flex;width:500px;flex-direction:column}.buy{width:100%;display:flex;justify-content:center;align-items:center;gap:100px}.buy p{font-size:15px;font-weight:700}.btn-buy{background-color:gold;border:1px solid;border-radius:10px;width:200px;height:50px;font-size:20px}.btn-buy:hover{cursor:pointer;background-color:#d5b402}.btn-buy.disabled{background-color:#d3d3d3;color:#888;cursor:not-allowed}.align{display:flex;gap:20px}.options{display:flex;align-items:center;gap:50px}.options img{width:20px}.options img:hover{cursor:pointer}.options h3{margin-left:40px}@media (max-width: 900px){.basket{padding:150px 0 0}.align{flex-direction:column}}@media (max-width: 700px){.basket{width:80vw}.basket-item{width:auto}.align{flex-direction:column}}@media (max-width: 600px){.basket-item h2{font-size:12px;width:50vw}.buy{gap:30px}}