*{box-sizing:border-box;margin:0;padding:0}body{flex-flow:column;align-items:center;padding:16px;font-family:Inter,Roboto,Helvetica Neue,Arial Nova,Nimbus Sans,Arial,sans-serif;font-weight:400;display:flex}body main{flex:0 0 800px}h1,h2,h3{margin-bottom:12px}nav{gap:16px;display:flex}nav #cart-badge:before{content:"("}nav #cart-badge:after{content:")"}.grid{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.grid .item{text-align:center;border:1px solid #f0f;border-radius:8px;flex-flow:column;flex:0 0 calc(25% - 48px);gap:8px;padding:16px;display:flex}.grid .item img{width:100%}.cart-item-list{flex-flow:column;display:flex}.cart-item-list .cart-item{flex-flow:row;gap:8px;display:flex}.cart-item-list .cart-item .image{flex:0 0 100px}.cart-item-list .cart-item .image img{width:100%}.cart-item-list .cart-item .infos{flex:1 0}.cart-item-list .cart-item .buttons{flex:0 0}form{max-width:500px}form .form-row,form .form-group{margin-bottom:12px}form .form-row{gap:8px;display:flex}form .form-row .form-group{flex:0 0 calc(50% - 4px);margin:0!important}form .form-group{flex-flow:column;gap:8px;display:flex}form input{padding:4px}