body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}.header{font-size:calc(20px + 2vmin)}.navbar{background-color:#fff;box-shadow:0 2px 4px #0000001a;justify-content:space-between;padding:10px 20px}.nav-logo,.navbar{align-items:center;display:flex}.nav-logo img{margin-right:10px;width:50px}.nav-logo p{color:#171717;font-size:24px;font-weight:600}.nav-menu{display:flex;gap:30px;list-style:none;margin:0;padding:0}.nav-menu li{transition:color .3s ease}.nav-menu li:hover{color:#333}.nav-login-cart{align-items:center;display:flex}.nav-login-cart button{background-color:#f0f0f0;border:none;border-radius:24px;color:#515151;cursor:pointer;font-size:16px;font-weight:500;height:48px;transition:background-color .3s ease;width:150px}.nav-login-cart button:hover{background-color:#e0e0e0}.nav-login-cart img{margin-left:8px;width:25px}.popup{background-color:#fff;border-radius:5px;box-shadow:0 0 10px #00000040;left:50%;max-height:80%;max-width:80%;overflow-y:auto;padding:40px;position:fixed;top:50%;transform:translate(-50%,-50%);width:400px;z-index:1000}.popup img{margin-right:10px;max-height:1%;max-width:70%;object-fit:cover}.popup-divider{border-bottom:1px solid #ccc;margin-bottom:20px}.popup h2{color:#333;font-size:24px;margin-top:0}.popup p{color:#333;margin:0}.popup button{background-color:#007bff;border:none;border-radius:30px;color:#fff;cursor:pointer;margin-left:10px;margin-right:10px;margin-top:10px;padding:8px 16px;transition:background-color .3s ease}.popup button:hover{background-color:#0056b3}.popupclosed{background-color:#00000080;cursor:pointer;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}.shop-container{margin:0 auto;max-width:1024px;padding:20px}.shop-container h2{margin-bottom:20px;text-align:center}.items-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.item{background-color:#fff;border-radius:4px;box-shadow:0 2px 4px #0000001a;padding:10px;text-align:center;width:calc(33% - 40px)}.item img{object-fit:cover;width:100%}.item h3{margin:10px 0}.item p{margin-bottom:10px}.item button,.item span{background-color:#333;border:none;color:#fff;cursor:pointer;font-size:16px;padding:10px;transition:background-color .3s ease;width:100%}.item button:hover{background-color:#222}.quantity-buttons{align-items:center;display:flex}@media (max-width:768px){.items-container{flex-direction:column}.item{width:100%}}.card{display:flex;margin-bottom:10px;padding:10px;width:172%}.card-item{background-color:#fff;border:1px solid #ccc;border-radius:5px;box-shadow:0 2px 4px #0000001a;margin-bottom:5px;margin-right:10px;padding:10px}.card-item img{height:auto;max-width:100%}.card-item h3{white-space:wrap}.scrolling-wrapper{overflow-x:scroll;overflow-y:hidden;text-align:center;white-space:nowrap;&::-webkit-scrollbar{display:none}}#drag{cursor:move;cursor:grab;cursor:-webkit-grab;width:100%}#drag:active{cursor:grabbing;cursor:-webkit-grabbing}.card-item button{background-color:#333;border:none;color:#fff;cursor:pointer;font-size:16px;padding:10px;transition:background-color .3s ease;width:100%}.card-item button:hover{background-color:#555}.container{align-items:center;display:flex;height:100vh;justify-content:center}.selected{background-color:#add8e6;cursor:pointer}.content{border:2px solid #ccc;display:flex;flex-direction:column;gap:10px;padding:20px}.button{align-items:center;background-color:#007bff;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;width:50px}.button:hover{background-color:#0056b3}form{display:flex;flex-direction:column;margin:10% auto;width:300px}input{padding:8px}button,input{font-size:16px;margin-bottom:10px}button{background-color:#007bff;border:none;color:#fff;cursor:pointer;padding:10px 20px}button:hover{background-color:#0056b3}#text{align-items:center;color:#007bff;cursor:pointer;display:flex;flex-direction:column;font-size:14px;margin-top:10px;text-align:center}#text:hover{text-decoration:underline}#loginRed{align-items:center;display:flex;justify-content:center}
/*# sourceMappingURL=main.ed9edda1.css.map*/