.product[data-v-cd87b5fa]{border:1px solid var(--el-border-color);border-radius:4px;box-shadow:var(--el-box-shadow-light);height:100%;overflow:hidden;position:relative}.product[data-v-cd87b5fa]:before{backface-visibility:hidden;background-image:var(--product-bg);background-position:50%;background-repeat:no-repeat;background-size:cover;content:"";top:0;right:0;bottom:0;left:0;position:absolute;transform:translateZ(0);transition:transform .4s ease;will-change:transform;z-index:0}.product[data-v-cd87b5fa]:hover:before{transform:scale(1.1)}.product-opacity-container[data-v-cd87b5fa]{background-color:#000;height:100%;left:0;opacity:.3333;position:absolute;top:0;transition:opacity .3s ease-in-out;width:100%;z-index:1}.product:hover .product-opacity-container[data-v-cd87b5fa]{opacity:.75}.product-text-container[data-v-cd87b5fa]{align-items:center;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:space-between;left:0;position:absolute;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.7);top:0;width:100%;z-index:2}.product-name[data-v-cd87b5fa]{padding:16px}.unavailable-product[data-v-cd87b5fa]{background-color:#000;color:var(--el-color-danger);opacity:.8;padding:8px 0;width:100%}.line-throuht-text[data-v-cd87b5fa]{text-decoration:line-through;text-decoration-thickness:3px}.datetime[data-v-cd87b5fa]{font-size:28px;font-weight:600}.datetime[data-v-cd87b5fa],h3[data-v-cd87b5fa]{font-size:20px}@media screen and (max-width:1025px){.datetime[data-v-cd87b5fa],h3[data-v-cd87b5fa]{font-size:18px}}