.cardMd{background-color:#fff;border:1px solid #eaebed;border-radius:5px;cursor:pointer;transition:.3s;position:relative}@media screen and (max-width: 768px){.cardMd{padding-bottom:20px}}.cardMd .des .name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:20px;overflow:hidden;text-overflow:ellipsis}.cardMd .des .name h6{height:40px;display:block;line-height:20px;text-overflow:ellipsis}.cardMd hr{color:#a0a2a4}.cardMd .img{display:flex;align-items:center;justify-content:center;padding:30px 0;width:100%;aspect-ratio:1 / 1}.cardMd img{width:100%;height:100%;object-fit:contain;object-position:center;transition:.3s}.cardMd .des{padding:10px 30px 20px}@media screen and (max-width: 425px){.cardMd .des{padding:10px 5px 20px}.cardMd .des .name{font-size:14px}}.cardMd .des .category{font-size:12px;color:#55585b}.cardMd .des .name{font-size:1rem;font-weight:500}.cardMd .des .star{font-size:12px}.cardMd .des .star .number-star{padding-right:0;color:#ffb21d}.cardMd .des .star .number-rate{color:#55585b}.cardMd .des .price .old-price{text-decoration:line-through;color:#a0a2a4;font-size:12px}.cardMd .des .price .percent-sale{font-weight:500;position:absolute;top:.5rem;right:.3rem;border-radius:2px;font-size:.9rem;padding:0 2px;background-color:#e94560;color:#fff}.cardMd .des .price .percent-sale:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(-65deg,#0000 40%,#fff7 50%,#0000 70%);background-size:200% 100%;background-repeat:no-repeat;animation:thing 3s ease infinite}@keyframes thing{0%{background-position:130%;opacity:1}to{background-position:-166%;opacity:0}}.cardMd .des .price .price-current{color:var(--color-main);font-weight:600;font-size:1.2rem}.cardMd:hover{box-shadow:0 4px 10px #010f1c24;border-color:#fff;transition:.3s}.cardMd:hover img{transform:scale(1.1);transition:.3s}.cardMd .actions{position:absolute;top:35%;right:0;animation:fade-out-from-right .2s forwards}@keyframes fade-out-from-right{0%{opacity:1;transform:translate(0)}25%{opacity:.7;transform:translate(5px)}50%{opacity:.5;transform:translate(10px)}75%{opacity:.2;transform:translate(13px)}to{opacity:0;transform:translate(15px)}}@keyframes fade-in-from-right{0%{opacity:0;transform:translate(0)}25%{opacity:.2;transform:translate(-5px)}50%{opacity:.5;transform:translate(-10px)}75%{opacity:.7;transform:translate(-13px)}to{opacity:1;transform:translate(-15px)}}.cardMd .actions svg{font-size:1.1em}.cardMd .actions .action .icon{border:1px solid #dfe0e1;padding:.3em .4em;background-color:#fff}.cardMd .actions .action .icon svg{color:#000}.cardMd .actions .action .icon:hover{background-color:#0989ff;color:#fff;transition:.3s}.cardMd .actions .action .icon:hover svg{color:#fff}.cardMd .actions .action-view .icon:hover{background-color:var(--color-main);color:#fff;transition:.3s}.cardMd .actions .action-view .icon:hover svg{color:#fff}.cardMd .actions .title{opacity:0;transition:opacity 1s}.cardMd .actions .title .content{font-size:12px;color:#fff;background-color:#000;padding:.1em .3em;display:flex;align-items:center;border-radius:5px}.cardMd .actions .action:hover>.title{animation:fade-in .5s forwards}@keyframes fade-in{0%{opacity:0}50%{opacity:.5}to{opacity:1}}.cardMd .quick-view{min-width:70dvi}.cardMd .modal-dialog{display:flex;justify-content:center}.cardMd .modal-dialog .modal-content{width:70dvi!important}.modal-quick-view .modal-header{border:none!important}.modal-quick-view .modal-dialog{display:flex;justify-content:center}.modal-quick-view .modal-content{width:90dvi}.modal-quick-view .modal-content .modal-body{width:80vi}.modal-quick-view .des-right{padding:0 40px}.modal-quick-view .des-right .category{font-size:16px;color:#55585b}.modal-quick-view .des-right .name{font-size:32px;color:#010f1b;font-weight:600}.modal-quick-view .des-right .status{padding:.3em .5em;background-color:#0989ff0f;color:#0989ff}.modal-quick-view .des-right .star{color:#ffb21d;font-size:12px}.modal-quick-view .des-right .number-rate{font-size:14px;color:#55585b}.modal-quick-view .des-right .short-des{line-height:25px;font-size:14px;color:#55585b}.modal-quick-view .des-right .short-des .text-hidden{height:40px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:14px;line-height:20px;overflow:hidden;text-overflow:ellipsis}.modal-quick-view .des-right .short-des .text-show{height:auto;display:block;font-size:14px;line-height:20px}.modal-quick-view .des-right .short-des button{background-color:transparent;border:none;color:#0989ff;font-weight:500}.modal-quick-view .des-right .short-des .price{display:flex}.modal-quick-view .des-right .price .old-price{font-weight:400;font-size:16px;text-decoration-line:line-through;color:#767a7d}.modal-quick-view .des-right .price .current-price{font-weight:500;font-size:24px;letter-spacing:-.02em}.modal-quick-view .des-right .colors .list-colors{display:flex}.modal-quick-view .des-right .colors .color{margin-right:5px;background-color:var(--color-main);min-width:26px;min-height:26px;border-radius:50%;cursor:pointer}.modal-quick-view .des-right .colors .color-active{box-shadow:0 1px 2px #010f1c33;border:4px solid #fff}.modal-quick-view .des-right .action-top{display:flex;align-items:center;justify-content:space-between}.modal-quick-view .des-right .action-top button{border:none;background-color:transparent;transition:.3s}.modal-quick-view .des-right .action-top .quantity{width:25%;background-color:#f3f5f6;padding:10px;font-weight:400;display:flex;justify-content:space-between}.modal-quick-view .add-to-cart{border:1px solid #e0e2e3;padding:10px;width:70%;display:flex;justify-content:center;align-items:center;transition:.3s}.modal-quick-view .add-to-cart:hover{background-color:#000;transition:.3s}.modal-quick-view .add-to-cart:hover>button{color:#fff;transition:.3s}.modal-quick-view .des-right .action-bottom{padding:10px;width:100%;background-color:#0989ff;cursor:pointer;transition:.3s;display:flex;align-items:center;justify-content:center}.modal-quick-view .des-right .action-bottom button{background-color:transparent;border:none;transition:.3s;color:#fff}.modal-quick-view .des-right .action-bottom:hover{background-color:#000;transition:.3s}.modal-quick-view .des-right .action-bottom:hover>button{color:#fff;transition:.3s}@media screen and (max-width: 1500px){.modal-quick-view .des-right{padding:0}}@media screen and (max-width: 1300px){.modal-quick-view .des-right .action-top .quantity{width:35%;background-color:#f3f5f6;padding:10px;font-weight:400}.modal-quick-view .add-to-cart{border:1px solid #e0e2e3;padding:10px;width:60%;display:flex;justify-content:center;align-items:center;transition:.3s}}@media screen and (max-width: 1120px){.modal-quick-view .des-right .action-top .quantity{width:40%;background-color:#f3f5f6;padding:10px;font-weight:400}.modal-quick-view .add-to-cart{border:1px solid #e0e2e3;padding:10px;width:55%;display:flex;justify-content:center;align-items:center;transition:.3s}}.modal-quick-view .version{border:1px solid #ccc;padding:2px 5px;border-radius:2px;cursor:pointer;transition:.3s}.modal-quick-view .version:hover,.modal-quick-view .version-active{background-color:#0989ff;color:#fff}