.modal-mask{background-color:rgba(0,0,0,.5);height:100%;left:0;top:0;position:fixed;width:100%;z-index:1000}.modal-mask .modal-content{border:none;box-shadow:0 0 4px 0 rgba(86,86,86,.5);left:50%;max-height:90%;padding:40px 20px;top:50%;transform:translate(-50%, -50%);width:900px}.modal-mask .modal-content .btn-close{background-color:#fff;border:none;border-radius:100%;box-shadow:0 0 4px 0 rgba(0,0,0,.5);padding-left:9px;position:absolute;top:-15px;opacity:1;right:-15px;height:40px;width:40px}.modal-mask .modal-content .btn-close:after{color:#a3a3a3;content:"×";left:50%;position:absolute;top:50%;transform:translate(-50%, -50%)}.modal-mask .modal-content .modal-body{margin-bottom:20px;max-height:calc(100vh - 120px);padding:0 20px;width:100%}.modal-mask .modal-content .modal-body .photos{list-style:none;border:1px solid #e6e6e6;padding:5px;position:relative}.modal-mask .modal-content .modal-body .photos .photo{align-items:center;display:flex;display:block\0 ;justify-content:center;padding-top:100%;text-align:center\0 ;vertical-align:text-top}.modal-mask .modal-content .modal-body .photos .photo img{left:50%;max-height:100%;max-width:100%;position:absolute;top:50%;transform:translate(-50%, -50%)}.modal-mask .modal-content .modal-body .photos .photo-button{background-color:rgba(255,255,255,.7);border-radius:100%;cursor:pointer;height:30px;position:absolute;top:50%;transform:translateY(-50%);width:30px;z-index:10}.modal-mask .modal-content .modal-body .photos .photo-button:after{border:0px solid #a3a3a3;border-width:2px 2px 0 0;content:"";display:block;height:30%;left:50%;position:absolute;top:50%;width:30%}.modal-mask .modal-content .modal-body .photos .photo-button.photo-prev{left:10px}.modal-mask .modal-content .modal-body .photos .photo-button.photo-prev:after{transform:translate(-35%, -50%) rotate(-135deg)}.modal-mask .modal-content .modal-body .photos .photo-button.photo-next{right:10px}.modal-mask .modal-content .modal-body .photos .photo-button.photo-next:after{transform:translate(-75%, -50%) rotate(45deg)}.modal-mask .modal-content .modal-body .title{font-size:20px;font-weight:500}.modal-mask .modal-content .modal-body .brief{font-size:14px;font-weight:500;letter-spacing:.3px;color:#9a9ea2}.modal-mask .modal-content .modal-body .price-title{font-size:14px;font-weight:500;letter-spacing:.26px;color:#9a9ea2}.modal-mask .modal-content .modal-body .variant-price{font-size:24px;font-weight:bold;color:#0077db}.modal-mask .modal-content .modal-body .variant-del-price{font-size:14px;font-weight:500;letter-spacing:.26px;color:#9a9ea2;margin:5px}.modal-mask .modal-content .modal-body .product_discounts_list{background-color:#f9f9f9;flex-direction:column;font-size:14px;max-height:160px;margin-bottom:10px;padding:22px 24px}.modal-mask .modal-content .modal-body .product_discounts_list.hide{display:none}.modal-mask .modal-content .modal-body .product_discounts_list .list_block{max-height:100px;overflow-x:hidden;overflow-y:auto;overflow-y:scroll \0 ;scrollbar-width:none}.modal-mask .modal-content .modal-body .product_discounts_list .list_block::-webkit-scrollbar{width:10px}.modal-mask .modal-content .modal-body .product_discounts_list .list_block::-webkit-scrollbar-track,.modal-mask .modal-content .modal-body .product_discounts_list .list_block::-webkit-scrollbar-corner{background-color:#fff}.modal-mask .modal-content .modal-body .product_discounts_list .list_block::-webkit-scrollbar-thumb{background-color:#7f7f7f;border:3px solid #fff;border-radius:6px}.modal-mask .modal-content .modal-body .product_discounts_list .list_block:not(.custom-scrollbar__always-show)::-webkit-scrollbar{display:none}.modal-mask .modal-content .modal-body .product_discounts_list .list_block:not(.custom-scrollbar__always-show).scrolling::-webkit-scrollbar{display:block}.modal-mask .modal-content .modal-body .product_discounts_list .list_block::-webkit-scrollbar{display:block}.modal-mask .modal-content .modal-body .product_discounts_list h4{border-left:3px solid #5f91dc;font-size:15px;margin-bottom:16px;padding-left:10px}.modal-mask .modal-content .modal-body .product_discounts_list .discount-list{padding:3px 0}.modal-mask .modal-content .modal-body .product_discounts_list .discount-list .discount-title{color:#5f91dc}.modal-mask .modal-content .modal-body .product_discounts_list .discount-list .discount-label{display:inline-block;padding:5px 8px;font-size:13px;color:#5f91dc;border:1px solid #5f91dc;border-radius:5px;background-color:#fff;margin-right:4px}.modal-mask .modal-content .modal-body .product_discounts_list .discount-list a:hover{text-decoration:underline}.modal-mask .modal-content .modal-body .product-thumbnail{width:76px;height:76px;padding:2px;overflow:hidden;display:inline-block;cursor:pointer;border:1px solid transparent}.modal-mask .modal-content .modal-body .product-thumbnail.focus{border:1px solid gray;border-radius:2px}.modal-mask .modal-content .modal-body .product-thumbnail img{object-fit:cover;width:100%;height:100%}.modal-mask .modal-content .modal-body .variant-quantity{display:flex;flex-direction:column}.modal-mask .modal-content .modal-body .variant-quantity .product-variant{display:flex;flex-direction:row;flex:1 0 0;margin-bottom:18px}.modal-mask .modal-content .modal-body .variant-quantity .product-variant.hide{display:none}.modal-mask .modal-content .modal-body .variant-quantity .product-variant.normal select{height:40px}.modal-mask .modal-content .modal-body .variant-quantity .product-variant-options .product-variant-option{margin:10px 0}.modal-mask .modal-content .modal-body .variant-quantity .product-variant-options .product-variant-option .title{flex:0 0 100%;margin-bottom:6px;color:#565656;font-size:14px}.modal-mask .modal-content .modal-body .variant-quantity .product-variant-options .product-variant-option .color-image{display:flex;flex:0 0 100%;flex-wrap:wrap;align-items:center}.modal-mask .modal-content .modal-body .variant-quantity .product-variant-options .product-variant-option .color-image .image-option{display:block;position:relative;justify-content:center;align-items:center;width:40px;height:40px;margin:0 3px}.modal-mask .modal-content .modal-body .variant-quantity .product-variant-options .product-variant-option .color-image .image-option.focus,.modal-mask .modal-content .modal-body .variant-quantity .product-variant-options .product-variant-option .color-image .image-option.selected{width:46px;height:46px;margin:0;padding:2px}.modal-mask .modal-content .modal-body .variant-quantity .product-variant-options .product-variant-option .color-image .image-option.focus{border:1px solid #e2e2e2}.modal-mask .modal-content .modal-body .variant-quantity .product-variant-options .product-variant-option .color-image .image-option.selected{border:1px solid #5f91dc}.modal-mask .modal-content .modal-body .variant-quantity .product-variant-options .product-variant-option .color-image .image-option.disabled{opacity:.2}.modal-mask .modal-content .modal-body .variant-quantity .product-variant-options .product-variant-option .color-image .image-option img{left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);width:calc(100% - 4px)}.modal-mask .modal-content .modal-body .variant-quantity .product-variant-options .product-variant-option .advance .option{display:inline-block;min-width:50px;margin-right:10px;margin-bottom:10px;padding:5px 24px;color:#5f91dc;border:1px solid #5f91dc;border-radius:5px;font-size:14px}.modal-mask .modal-content .modal-body .variant-quantity .product-variant-options .product-variant-option .advance .option.selected{color:#fff;background-color:#5f91dc}.modal-mask .modal-content .modal-body .variant-quantity .product-variant-options .product-variant-option .advance .option.disabled{color:#a3a3a3;background-color:#f9f9f9;border-color:#a3a3a3;opacity:.7}.modal-mask .modal-content .modal-body .variant-quantity .product-quantity{border-radius:5px;flex:1 0 0;height:40px}.modal-mask .modal-content .modal-body .variant-quantity .product-quantity .btn{border:1px solid #e2e2e2;height:40px}@media(min-width: 769px){.modal-mask .modal-content .modal-body .variant-quantity .product-quantity .btn.add-down:hover,.modal-mask .modal-content .modal-body .variant-quantity .product-quantity .btn.add-up:hover{border-color:#5f91dc;color:#5f91dc}}.modal-mask .modal-content .modal-body .add-button-wrapper{margin-top:10px}.modal-mask .modal-content .modal-body .product-others{padding:10px 0;font-size:14px}.modal-mask .modal-content .modal-body .product-others .product-love{padding-right:10px}.modal-mask .modal-content .modal-body .product-others .product-love .btn-love{background:#fff;border:1px solid #a3a3a3;color:#a3a3a3;transition:all ease-in-out .15s;text-align:center;border-radius:15px;cursor:pointer;display:inline-block;padding:4px 10px}.modal-mask .modal-content .modal-body .product-others .product-love .btn-love svg{margin-right:5px}.modal-mask .modal-content .modal-body .product-others .product-love .btn-love:hover{background:#fff;border-color:#5f91dc;color:#004e8d}.modal-mask .modal-content .modal-body .product-others .product_sold{color:#a3a3a3;padding-right:10px}.modal-mask .modal-content .modal-body .product-others .product_bonus .val{color:#0077db;font-size:1.3rem;font-weight:600}.modal-mask .modal-content .modal-body .section-heading{margin:50px 0 30px}.modal-mask .modal-content .modal-body .ckeditor img{max-width:100%}.modal-mask .modal-content .btn.add-button{background-color:#fff;border:solid 1px #5f91dc;border-radius:3px;color:#5f91dc;height:40px;cursor:pointer;width:100%}@media(min-width: 769px){.modal-mask .modal-content .btn.add-button:hover{background-color:#5f91dc;color:#fff}}.modal-mask .modal-content .btn.add-button.selected{background-color:#5f91dc;color:#fff}.modal-mask .modal-content .btn.add-button.adding{cursor:not-allowed}.modal-mask .modal-content .btn.add-button.secondary{background:#abb4bb;border:1px solid #abb4bb;border-radius:5px;color:#fff;transition:all ease-in-out .15s;text-align:center}.modal-mask .modal-content .btn.add-button.secondary:hover{background:#86919b;border-color:#86919b}.modal-mask .modal-content .btn.add-button:disabled{color:#a3a3a3;background:#f9f9f9;border-color:#e2e2e2;opacity:.7}.modal-mask .modal-content .btn.add-button.btn-default{display:block}.modal-mask .modal-content .btn.add-button.btn-mobile{display:none}@media(max-width: 991px){.modal-mask .modal-content{width:750px}}@media(max-width: 768px){.modal-mask .modal-content{width:90%}.modal-mask .modal-content .modal-body .variant-quantity{flex-wrap:wrap}.modal-mask .modal-content .modal-body .variant-quantity .product-variant{flex:0 0 100%;margin-bottom:15px}.modal-mask .modal-content .modal-body .variant-quantity .product-quantity{flex:0 0 100%}}@media(max-width: 576px){.modal-mask .modal-content{border-radius:10px 10px 0 0;height:calc(100% - 80px);padding:24px 0px 48px;top:80px;transform:translateX(-50%);width:101%}.modal-mask .modal-content.only-description{padding-bottom:0px}.modal-mask .modal-content .btn-close{right:10px;top:-55px}.modal-mask .modal-content .modal-body .section-heading{margin-top:30px}.modal-mask .modal-content .btn.add-button.btn-default{display:none}.modal-mask .modal-content .btn.add-button.btn-mobile{bottom:16px;display:block;margin:0 20px;position:fixed;width:calc(100% - 40px);z-index:100}}@media(min-width: 577px){.modal-enter-active,.modal-leave-active{transition:opacity .5s}.modal-enter,.modal-leave-to{opacity:0}}@media(max-width: 576px){.modal-enter-active,.modal-leave-active{transition:all .5s}.modal-enter,.modal-leave-to{padding-top:100vh;opacity:0}}