*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}.navbar{top:0;width:100%;display:flex;flex-direction:row;justify-content:space-between;z-index:100;background-color:#fcf2f2}.logo{height:50px;width:auto;padding:.5rem}.navbar-left{display:flex;align-items:center;padding:.5rem}.navbar-center{flex:1;display:flex;justify-content:space-evenly;padding:1rem}.navbar-right{display:flex;align-items:center;padding-right:1rem}.nav-links{list-style:none;display:flex;flex-direction:row;justify-content:space-evenly;width:100%}.nav-links li{display:inline}.cart-badge{display:inline-block;background-color:#1a702d;color:#000;border-radius:50%;width:1.25rem;height:1.25rem;line-height:1.25rem;text-align:center;font-size:.75rem;font-weight:700}.footer{display:flex;flex-direction:column;padding:.75rem;background-color:#faebd7}.footer ul{list-style:none}html{scrollbar-gutter:stable}.layout{display:flex;flex-direction:column;min-height:100vh;width:100%}.layout-content{flex:1}.bg-homepage{background-image:url(/TheOdinProject-ShoppingCart/assets/homepage-background-DFAXXajq.jpg);background-position:center;background-attachment:fixed;background-size:cover}.bg-shopping-page{background-image:url(/TheOdinProject-ShoppingCart/assets/shoppingpage-background-Jco6toF4.jpg);background-position:center;background-attachment:fixed;background-size:cover}.bg-cart-page{background-image:url(/TheOdinProject-ShoppingCart/assets/cartpage-background-BGG3X3GD.png);background-position:center;background-attachment:fixed;background-size:cover}.homepage-container{max-width:1000px;margin:0 auto;padding:3rem 2rem;background-color:#faebd7d9;border-radius:12px;margin-top:2rem;margin-bottom:2rem;box-shadow:0 8px 16px #0003}.hero{text-align:center;margin-bottom:3rem}.hero h1{font-size:2.5rem;margin-bottom:1rem;color:#333}.tagline{font-size:1.2rem;color:#666;margin:0}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:3rem}.feature-card{background-color:#c76b6b4d;padding:1.5rem;border-radius:8px;border-left:4px solid rgba(199,107,107,.7);box-shadow:0 2px 8px #0000001a}.feature-card h2{margin-top:0;color:#333;font-size:1.3rem}.feature-card p{color:#555;line-height:1.6;margin-bottom:0}.how-it-works{margin-bottom:3rem;background-color:#faebd7cc;padding:2rem;border-radius:8px;border:1px solid rgba(199,107,107,.3)}.how-it-works h2{color:#333;margin-top:0;text-align:center}.steps{list-style:none;padding:0;counter-reset:step-counter}.steps li{counter-increment:step-counter;margin-bottom:1.5rem;padding-left:3rem;position:relative;color:#555;line-height:1.6}.steps li:before{content:counter(step-counter);position:absolute;left:0;top:-2px;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background-color:#c76b6bb3;color:#fff;border-radius:50%;font-weight:700}.cta{text-align:center;margin-top:3rem}.cta-button{display:inline-block;padding:1rem 2.5rem;background-color:#c76b6bb3;color:#fff;text-decoration:none;border-radius:6px;font-weight:700;font-size:1.1rem;transition:all .2s ease;box-shadow:0 4px 8px #c76b6b66}.cta-button:hover{background-color:#c76b6be6;transform:translateY(-2px);box-shadow:0 6px 12px #c76b6b80}@media(max-width:768px){.homepage-container{margin-top:1rem;margin-bottom:1rem;padding:1.5rem}.hero h1{font-size:1.8rem}.tagline{font-size:1rem}.features{grid-template-columns:1fr}.how-it-works{padding:1.5rem}}.card{display:flex;flex-direction:column;gap:.5rem;border-radius:15px;background-color:#faebd7;box-shadow:5px 5px 10px #0000004d;padding:.5rem}.card-title{font-size:1rem;font-weight:700;text-align:center}.card-footer{display:flex;flex-direction:column;background-color:#c76b6b80;padding:.75rem;border-radius:8px;gap:.5rem}.card-price{font-size:1.25rem;font-weight:700;text-align:center}.card img{width:100%;aspect-ratio:488 / 680;object-fit:cover;align-self:center;border-radius:8px}.quantity-selection{display:flex;gap:.5rem;justify-content:center;align-items:center}.quantity-selection button{width:2rem;height:2rem;background-color:#c94433;color:#000;border:none;border-radius:20px;cursor:pointer;font-weight:700;font-size:2rem;display:flex;align-items:center;justify-content:center}.quantity-selection input{width:60px;height:2.5rem;text-align:center;border:1px solid black;border-radius:4px;font-size:1rem}.quantity-selection input::-webkit-outer-spin-button,.quantity-selection input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.quantity-selection input[type=number]{-moz-appearance:textfield}.card>button{width:100%;padding:.75rem;background-color:#20c997;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700;font-size:1rem}.card>button:hover{background-color:#218838}.setSelector-container{display:flex;justify-content:center;padding:1.5rem 2rem;background-color:#faebd7b3;margin:0 2rem;border-radius:.5rem;box-shadow:0 .125rem .5rem #0000001a}.setSelector-container select{padding:.75rem 1rem;border:.125rem solid rgba(199,107,107,.5);border-radius:.375rem;font-size:1rem;cursor:pointer;background-color:#fff;color:#333;transition:all .2s ease;min-width:200px}.setSelector-container select:hover:not(:disabled){border-color:#c76b6bcc;box-shadow:0 .125rem .5rem #c76b6b33}.setSelector-container select:focus{outline:none;border-color:#c76b6be6;box-shadow:0 0 0 .1875rem #c76b6b1a}.setSelector-container select:disabled{opacity:.6;cursor:not-allowed;background-color:#f5f5f5}.setSelector-container select option{background-color:#fff;color:#333;padding:.5rem}.filterOptions{display:flex;flex-wrap:wrap;gap:1rem;max-width:1400px;margin:2rem auto;padding:0 2rem;background-color:#faebd7b3;padding:1.5rem;border-radius:.5rem;box-shadow:0 .125rem .5rem #0000001a}.filterColor,.filterTypes,.filterRarities,.filterPrice{display:flex;flex-direction:column;flex:1;min-width:200px}.filterOptions h3{margin:0 0 .5rem;color:#333;font-size:1rem;font-weight:600}.filterOptions label{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:#555;font-size:.95rem;transition:all .2s ease;padding-left:6rem}.filterOptions label:hover{color:#333}.filterOptions input[type=checkbox]{cursor:pointer;width:1.125rem;height:1.125rem;accent-color:rgba(199,107,107,.7)}.filterPrice input[type=number]{padding:.5rem;border:.0625rem solid #ddd;border-radius:.25rem;font-size:.95rem;width:7.5rem}.filterPrice input[type=number]:focus{outline:none;border-color:#c76b6bb3;box-shadow:0 0 0 .125rem #c76b6b1a}@media(max-width:768px){.filterOptions{flex-direction:column;gap:1rem}.filterColor,.filterTypes,.filterRarities,.filterPrice{min-width:auto}}.spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.spinner{width:60px;height:60px;border:5px solid rgba(199,107,107,.15);border-top:5px solid #20c997;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner-container p{color:#333;font-size:1.1rem;margin:0;font-weight:500}.error-display{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem;background-color:#fff0f0e6;border:2px solid #dc3545;border-radius:8px;padding:2rem;margin:2rem auto;max-width:600px}.error-icon{font-size:3rem}.error-display h2{color:#dc3545;margin:.5rem 0;font-size:1.5rem}.error-display p{color:#666;margin:.5rem 0 1rem;text-align:center;line-height:1.5}.error-retry-btn{padding:.75rem 2rem;background-color:#dc3545;color:#fff;border:none;border-radius:6px;font-weight:700;cursor:pointer;transition:all .2s ease}.error-retry-btn:hover{background-color:#c82333;transform:translateY(-2px);box-shadow:0 4px 8px #dc35454d}.cards-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;max-width:min(90%,1400px);margin:0 auto;padding:1.5rem;place-items:center}@media(min-width:768px){.cards-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.cards-grid{grid-template-columns:repeat(4,1fr)}}.cartItem{display:flex;flex-direction:column;background-color:#fcf2f2;border:1px solid #ddd;border-radius:.5rem;padding:.25rem;box-shadow:0 2px 4px #0000001a;transition:all .2s ease}.cartItem img{width:100%;aspect-ratio:488 / 680;object-fit:cover;border-radius:8px}.cartItem p{margin:0;font-size:.9rem;color:#333;text-align:center}.cartItem p:first-of-type{font-weight:700;font-size:1rem;margin-top:.5rem}.cartItem p:nth-of-type(2){color:#666;font-size:.85rem}.cartItem>div{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.9rem;background-color:#c76b6b80;padding:.75rem;border-radius:8px}.cartItem>div button{width:2rem;height:2rem;padding:0;border:none;border-radius:20px;background-color:#c94433;color:#000;cursor:pointer;font-weight:700;font-size:1.5rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.cartItem>div button:hover:not(:disabled){background-color:#a83528}.cartItem>div button:disabled{opacity:.5;cursor:not-allowed}.cartItem>p:last-of-type{font-weight:700;color:#000;margin-top:.5rem;background-color:#c76b6b80;padding:.5rem;border-radius:8px}.cartItem>button{width:100%;padding:.75rem;background-color:#dc3545;color:#fff;border:none;border-radius:4px;font-weight:700;cursor:pointer;transition:all .2s ease;margin-top:.5rem}.cartItem>button:hover{background-color:#c82333}.cart-page{display:flex;flex-direction:column;flex:1;width:100%}.cart-page h1{padding:2rem 2rem 0;color:#333;margin:0}.cart-wrapper{display:flex;gap:2rem;padding:2rem;max-width:1400px;margin:0 auto;flex:1}.cartItems{flex:1;display:grid;grid-template-columns:1fr;gap:1.5rem;align-items:start}@media(min-width:768px){.cartItems{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.cartItems{grid-template-columns:repeat(3,1fr)}}.cartSidebar{width:300px;background-color:#fcf2f2;border:1px solid #ddd;border-radius:.5rem;padding:1.5rem;height:fit-content;position:sticky;top:100px;box-shadow:0 .125rem .5rem #0000001a}.cartTotal{border-bottom:.125rem solid #ddd;padding-bottom:1rem;margin-bottom:1.5rem}.cartTotal h2{margin:0 0 .5rem;color:#333;font-size:1.5rem}.cartTotal p{margin:0;color:#666;font-size:.95rem}.cartActions{display:flex;flex-direction:column;gap:.75rem}.cartActions button{padding:.75rem 1rem;border:none;border-radius:.375rem;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:center}.btn-purchase{background-color:#28a745;color:#fff}.btn-purchase:hover{background-color:#218838;transform:translateY(-2px);box-shadow:0 4px 8px #28a7454d}.btn-export{background-color:#007bff;color:#fff}.btn-export:hover{background-color:#0056b3;transform:translateY(-2px);box-shadow:0 4px 8px #007bff4d}.btn-clear-cart{background-color:#dc3545;color:#fff}.btn-clear-cart:hover{background-color:#c82333;transform:translateY(-2px);box-shadow:0 4px 8px #dc35454d}@media(max-width:768px){.cart-wrapper{flex-direction:column;padding:1rem}.cartSidebar{width:100%;position:static}.cartItems{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}#root{margin:0 auto;text-align:center}