*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}:root{font-family:Inter,system-ui,sans-serif,Avenir,Helvetica,Arial;line-height:1.5;color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input,button,textarea,select,dialog{font:inherit}a{font-weight:500;color:var(--text);text-decoration:inherit}a:hover{color:var(--text-muted)}body{display:flex;justify-content:center;align-items:center;min-height:100vh}h1{font-size:2.7em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-weight:500;color:var(--bg);background-color:var(--primary);cursor:pointer}button:hover{filter:brightness(.9)}button:active{filter:brightness(1.1)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}button:focus:not(:focus-visible){outline:none}#root{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;background-color:var(--bg-dark)}header{position:sticky;top:0;z-index:100;display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:10px 20px;background-color:var(--bg);box-shadow:0 4px 4px #00000030,0 12px 12px #00000015}header a{display:flex}header .logo{height:clamp(48px,6vw,72px);width:auto;margin-right:10px}header form{display:flex;width:100%;max-width:600px;margin-right:10px}header form input{width:100%;padding:5px 10px;border:var(--primary) solid 1px;border-radius:8px 0 0 8px}header form button{border:var(--primary) solid 1px;border-radius:0 8px 8px 0}.controls{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:10px}.controls a{display:flex}.controls svg{color:var(--primary)}main{display:flex;flex:1;flex-direction:column;justify-content:center;align-items:center;width:100%}main h1{padding:20px 20px 10px;text-align:center}@media (max-width: 750px){header{padding:10px}header .logo{display:none}}:root{--bg-dark: oklch(.92 0 264);--bg: oklch(.96 0 264);--bg-light: oklch(1 0 264);--bg-footer: oklch(.1 0 264);--text: oklch(.15 0 264);--text-muted: oklch(.4 0 264);--text-footer: oklch(.88 0 264);--highlight: oklch(1 0 264);--border: oklch(.6 0 264);--border-muted: oklch(.7 0 264);--primary: oklch(.4 .1 264);--secondary: oklch(.4 .1 84);--danger: oklch(.5 .05 30);--warning: oklch(.5 .05 100);--success: oklch(.5 .05 160);--info: oklch(.5 .05 260)}footer{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;padding:20px;gap:10px;color:var(--text-footer);background-color:var(--bg-footer)}footer a{font-weight:400;color:var(--text-footer);text-decoration:none}footer a:hover{color:var(--primary);text-decoration:underline}footer h2{font-weight:600}footer .footer-container{display:flex;flex:2;flex-direction:column;align-items:flex-start;gap:10px}footer .footer-container a{text-decoration:underline}footer .footer-container .footer-logo{height:48px;width:auto;filter:brightness(0) invert(92%)}footer .footer-links{display:flex;flex:1;flex-direction:column;gap:5px}footer .footer-contact{display:flex;flex:1;flex-direction:column;gap:5px}footer .footer-contact p{display:flex;gap:10px}@media (max-width: 750px){footer{justify-content:center}footer .footer-container{flex:none;width:100%;max-width:none;margin-bottom:10px}footer .footer-links,footer .footer-contact{flex:none;margin:10px}}.error-page{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}.error-page h1{font-size:48px;margin-bottom:20px}.error-page p{font-size:20px;margin:10px 0}.error-page button{margin-top:20px;padding:10px 20px;font-size:16px;cursor:pointer}.hero-container{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;padding:20px}.hero-container .hero-text{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.hero-container .hero-text h1{font-family:Orbitron,sans-serif;font-size:3em;padding:0}.hero-container .hero-text p{font-size:1.25em;font-weight:500;color:var(--text-muted)}.hero-container img{width:100%;max-width:40%;height:auto;max-height:500px;object-fit:contain}@media (max-width: 750px){.hero-container{flex-direction:column;text-align:center}.hero-container img{max-width:60%;margin-top:10px}.hero-container .hero-text h1{font-size:2.25em}}.card-container{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:20px;margin-top:20px}.card{display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;text-wrap:balance;width:100%;border-radius:8px;border:var(--border-muted) solid 1px;background-color:var(--bg)}.card img{max-width:100%;height:auto;object-fit:contain;padding:10px}.card-text{padding:0 10px}.card-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:20px}.card-controls>.qty-controls{font-size:20px;font-weight:500}.card-controls>.qty-controls button{padding:0 0 2px}.card-controls>.qty-controls input{padding-top:2px}.qty-controls,.add-to-cart{width:150px;height:45px}.add-to-cart{padding:0;font-size:20px;white-space:nowrap}.qty-controls{display:flex;flex-direction:row;justify-content:center}.qty-controls button{width:50px}.qty-controls button:first-child{border-radius:8px 0 0 8px}.qty-controls button:last-child{border-radius:0 8px 8px 0}.qty-controls input{display:flex;width:50px;text-align:center;border-radius:0;border:var(--primary) solid 1px}.qty-controls input[type=number]::-webkit-outer-spin-button,.qty-controls input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.qty-controls input[type=number]{-moz-appearance:textfield;appearance:textfield}@media (max-width: 1400px){.card-container{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1000px){.card-container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 500px){.card-container{grid-template-columns:1fr}}.cart-container{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;gap:20px;padding:20px;margin:20px 0;width:100%}.main-description{padding:0 20px;text-align:center;color:var(--text-muted)}.cart-items{display:flex;flex-direction:column;padding:0 20px;flex:1;max-width:900px;border-radius:8px;border:var(--border) solid 1px;background-color:var(--bg)}.cart-item{display:flex;gap:10px;width:100%;min-width:min(300px,100%);padding:20px;border-bottom:1px solid var(--border)}.cart-item:last-child{border-bottom:none}.cart-item .cart-item-details>p{color:var(--text-muted)}.cart-item img{max-width:100px;height:auto;object-fit:contain}.cart-item .cart-item-details{display:flex;flex-direction:column;justify-content:center;width:100%}.cart-item .cart-item-details .cart-item-total{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:10px}.cart-item .cart-item-details .cart-item-total h4{white-space:nowrap}.cart-item .cart-item-details .cart-item-total .qty-controls{width:120px;height:28px}.cart-item .cart-item-details .cart-item-total .qty-controls button{padding:0 0 1px}.cart-item .cart-item-details .cart-item-total .qty-controls button,.cart-item .cart-item-details .cart-item-total .qty-controls input{width:40px}.summary{display:flex;flex-direction:column;justify-content:flex-start;text-align:center;padding:20px;border-radius:8px;border:var(--border) solid 1px;background-color:var(--bg)}.summary hr{margin:10px 0}.summary .subtotal,.summary .shipping,.summary .total{display:flex;justify-content:space-between}.summary .total{font-size:1.2em}.summary button{margin-top:10px}@media (max-width: 750px){.cart-container{flex-direction:column;align-items:center}.cart-container .cart-items{width:100%}}@media (max-width: 500px){.cart-items,.cart-item,.summary{padding:10px}.cart-item img{max-width:80px}.summary{width:100%}}