.product-card{user-select:none;display:flex;flex-direction:column;width:300px;background-color:var(--background);border:2px solid var(--foreground);border-radius:8px;margin:10px;overflow:hidden;cursor:pointer}.product-card:hover .product-title img{transform:scale(1.1)}.product-card .product-title{position:relative;height:200px;overflow:hidden}.product-card .product-title img{width:100%;height:100%;object-fit:cover}.product-card .product-title h3{width:100%;position:absolute;bottom:0;left:0;padding:5px;border-bottom:2px solid var(--support);color:var(--foreground);background:linear-gradient(to top, var(--background), transparent)}.product-card .product-info{display:flex;flex-direction:column;height:200px;padding:10px}.product-card .product-info p{height:100%;padding:5px;width:100%}.product-card .product-info .product-price{display:flex;flex-direction:row;align-items:center;justify-content:right;width:100%}.product-card .product-info .product-price span{padding:5px;font-size:18px}.product-card .product-info .product-price span.price{font-weight:bolder;color:crimson}.product-card .product-info .product-price span.price.prod-discounted{color:var(--foreground);font-weight:normal;text-decoration:line-through}.product-card .product-info .product-price span.price-discount{color:crimson;font-weight:bolder}@media(max-width: 800px){.product-card{width:100%;max-width:90%;margin:10px 0}.product-card .product-title{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;position:relative;height:auto;border-bottom:1px solid var(--support)}.product-card .product-title img{width:100%;height:100%;object-fit:cover;border-bottom-right-radius:8px}.product-card .product-title h3{width:100%;color:var(--foreground);background:none;position:relative;border:none}.product-card .product-info{height:100%;width:100%;text-overflow:ellipsis}.product-card .product-info h3{padding:5px;border-bottom:1px solid var(--support)}.product-card .product-info p{height:100%;width:90%;padding:5px;text-overflow:ellipsis}.product-card .product-info .product-price{display:flex;flex-direction:row;align-items:center;justify-content:right;width:90%}.product-card .product-info .product-price span{padding:5px;font-size:18px}.product-card .product-info .product-price span.price{font-weight:bolder;color:crimson}.product-card .product-info .product-price span.price.prod-discounted{color:var(--foreground);font-weight:normal;text-decoration:line-through}.product-card .product-info .product-price span.price-discount{color:crimson;font-weight:bolder}}@media(min-width: 800px)and (max-width: 1200px){.product-card{width:300px}}.product-view-dialog{padding:20px;user-select:none;cursor:auto;align-self:center;justify-self:center;border-radius:8px;border:2px solid var(--primary);background:var(--background);color:var(--foreground)}.product-view-dialog::backdrop{background:rgba(0,0,0,.8)}.product-view-dialog .product-view-dialog-wrapper{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.product-view-dialog .product-view-dialog-wrapper .product-dialog-header{display:flex;width:100%;flex-direction:row;align-items:center;justify-content:space-between;padding:10px;border-bottom:2px solid var(--primary)}.product-view-dialog .product-view-dialog-wrapper .product-dialog-header button{background:none;border:none;outline:none;color:var(--primary);padding:10px;font-size:24px;cursor:pointer}.product-view-dialog .product-view-dialog-wrapper img{border-radius:8px;max-height:200px;margin:20px 0}.product-view-dialog .product-view-dialog-wrapper .product-description{width:100%;padding:10px}.product-view-dialog .product-view-dialog-wrapper .product-price{display:flex;flex-direction:row;align-items:center;justify-content:right;width:100%}.product-view-dialog .product-view-dialog-wrapper .product-price span{padding:5px;font-size:24px}.product-view-dialog .product-view-dialog-wrapper .product-price span.price{font-weight:bolder;color:crimson}.product-view-dialog .product-view-dialog-wrapper .product-price span.price.prod-discounted{color:var(--foreground);font-weight:normal;text-decoration:line-through}.product-view-dialog .product-view-dialog-wrapper .product-price span.price-discount{color:crimson;font-weight:bolder}