:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border:1px solid transparent;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}body,html,#root{margin:0;padding:0;height:100%;width:100%;font-family:Segoe UI,sans-serif;background-color:#2d2a59;color:#fff;overflow-x:hidden}header{display:flex;align-items:center;justify-content:space-between;background-color:#1c1c1d;padding:10px 20px;border-bottom:2px solid #3a3a3a}.logo{width:160px}.toggle-cart-button{background-color:transparent;border:none;position:relative;border-radius:6px;cursor:pointer;margin-left:auto;display:flex;align-items:center;justify-content:center}.toggle-cart-button img{width:32px;height:32px}.toggle-cart-button.hidden{display:none}.item-count{position:absolute;top:-4px;right:-4px;background-color:red;color:#fff;font-size:12px;font-weight:700;border-radius:50%;width:15px;height:15px;display:flex;justify-content:center;align-items:center}.dropdowns{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:20px 0}.setDropdown{background-color:#1c1c1d;color:#fff;border:1px solid #444;border-radius:8px;padding:10px;font-size:16px;width:180px}.searchBar{margin:20px auto;display:block;width:80%;max-width:400px;padding:12px;border-radius:8px;border:none;font-size:16px;background-color:#1c1c1d;color:#fff;transition:opacity .3s ease}.searchBar::placeholder{color:#bbb}.searchBar.visible{opacity:1;pointer-events:auto}.searchBar.hidden{opacity:0;pointer-events:none}.cardList{display:flex;justify-content:center;padding:20px;overflow-y:auto;max-height:60vh}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));justify-content:center;align-items:start;width:100%}.card{background-color:#2d2a59;display:flex;flex-direction:column;align-items:center;transition:transform .2s ease;cursor:pointer;width:120px;height:160px}.card:hover{transform:scale(1.05)}.card img{width:100%;height:100%;border-radius:6px;box-shadow:0 0 10px #00000080}.prices{margin-top:8px;color:#2ec529;font-weight:700;font-size:14px;text-align:center}.cart-slide{position:fixed;top:0;right:0;height:70vh;width:35vh;background-color:#1c1c1d;transform:translate(100%);transition:transform .3s ease-in-out;z-index:999;padding:20px;display:flex;flex-direction:column;box-shadow:-2px 0 8px #00000080;color:#fff}.cart-slide.open{transform:translate(0)}.cart-header{justify-content:center;text-align:center}.closeCart{position:absolute;top:0;left:0;background:none;border:none;color:#fff;font-size:20px;font-weight:700;cursor:pointer;padding:5px 10px}.cart-items{overflow-y:auto;margin-bottom:20px}.cart-item{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;padding:10px 0;text-align:center}.cart-item.even{background-color:#2e2d2d}.cart-item.odd{background-color:#444}.item{width:70%;justify-content:center}.remove{width:20%;display:flex;align-items:center;justify-content:center;height:36px}.remove-button img{width:28px}.remove-button{background:transparent;border:none;padding:0;margin:0;cursor:pointer;width:100%;height:100%}.total{border-top:1px solid #444;padding-top:10px;font-size:16px;text-align:left}.clearCart{background-color:red;color:#fff;border:none;border-radius:6px;padding:10px;margin-top:10px;font-size:16px;cursor:pointer}.closeCart:hover{color:red}.clearCart:hover,.closeCart:hover{opacity:.9}