.addToCart{position: relative; outline: 0; height: 48px; padding: 10px; overflow: hidden;}.addToCart:focus{outline: none !important}.addToCart .fa-shopping-cart{position: absolute;z-index: 2;top: 50%; left: -20%; font-size: 1.8em; transform: translate(-50%, -50%)}.addToCart .fa-square{position: absolute; z-index: 1; top: -20%; left: 51%; font-size: 0.8em; transform: translate(-50%, -50%)}.addToCart span{position: absolute; left: 50%; top: 50%; color: #fff; transform: translate(-50%, -50%)}.addToCart span.added{opacity: 0}.addToCart.clicked .fa-shopping-cart{animation: cart 2s ease-in forwards}.addToCart.clicked .fa-square{animation: box 2s ease-in forwards}.addToCart.clicked span.add-to-cart{animation: addcart 2s ease-in forwards}.addToCart.clicked span.added{animation: added 2s ease-in forwards}@keyframes cart{0%{left: -10%}40%, 60%{left: 50%}100%{left: 110%}}@keyframes box{0%, 40%{top: -20%}60%{top: 36%;left: 51%}100%{top: 40%;left: 112%}}@keyframes addcart{0%, 30%{opacity: 1}30%, 100%{opacity: 0}}@keyframes added{0%, 80%{opacity: 0}100%{opacity: 1}}.picture>img{margin: 5px; width: 90px; height: 90px; cursor: pointer;}.mainPicture{min-height: min(500px, calc(100vw - 40px));}.product-main-image{display: block; aspect-ratio: 1 / 1; object-fit: contain; background: #fff;}.gridItem{min-height: 200px;}.quantity{line-height: 26px;}.qty{width: 40px; height: 30px; text-align: center;}.qtyplus{width: 30px; height: 30px; cursor: pointer;}.qtyminus{width: 30px; height: 30px; cursor: pointer;}.name{margin: 5px 0; color: #5d3895; font-weight: bold; font-size: 24px;}