@charset "UTF-8";.product_item{border:1px solid #ddd;padding:1rem;border-radius:5px;text-align:center;width:200px;box-shadow:0 2px 4px #f703031a;transition:transform .2s,box-shadow .2s;cursor:pointer;background-color:#fff}.product_item>a{text-decoration:none;color:#000;display:flex;flex-direction:column;height:100%}.product_item>a>.price{margin-top:auto}@media screen and (min-width: 768px){.product_item:hover{transform:translateY(-4px);box-shadow:0 4px 8px #0003;-webkit-transform:translateY(-4px);-moz-transform:translateY(-4px);-ms-transform:translateY(-4px);-o-transform:translateY(-4px)}}.product_item:has(.product-cover>img:nth-child(2)) .product-cover:hover{transform:translate(-100%)}.product-cover-wrapper{overflow:hidden;position:relative}.product-cover-wrapper:has(:first-child.unloaded):after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;border:3px solid #f3f3f3;border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;z-index:10}.product-cover-wrapper:has(:first-child.unloaded):before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fffc;z-index:9}.product_item .product-cover{display:flex;transition:transform .4s ease-in-out;width:100%;height:auto;aspect-ratio:1}.product-image{height:auto;flex-shrink:0;-o-object-fit:cover;object-fit:cover;position:relative}.product_item img{max-width:100%;width:100%;aspect-ratio:1/1;height:auto;border-radius:5px;border:1px #eee solid;opacity:1;transition:.1s}.product_item img.unloaded{opacity:0}.product_item h3{margin:1rem 0 .5rem;font-size:1rem;flex:1;align-content:center;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.product_item .sku{color:gray;font-size:.8em;line-height:.5em;margin-top:-1em;font-style:italic}.product_item .price,.product_item .stock{margin:.5rem 0;font-size:1rem;color:#555}.product_item p{margin:.5rem 0 1rem}@media screen and (max-width: 768px){.product_item{min-width:125px;max-width:150px;padding:.5rem}.product_item h3{font-size:1rem;line-height:1.2rem;line-clamp:3;-webkit-line-clamp:3;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}}.product-detail{display:flex;gap:2rem;margin-bottom:3rem;flex-flow:wrap;flex-direction:column;align-content:center}@media screen and (min-width: 768px){.product-detail{flex-direction:row;flex-wrap:nowrap}}.product_item:not(:has(.unloaded)){cursor:default}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}