.flex{display:flex}.order-heading{font-size:30px;margin:0 0 1rem;text-align:center}@media(max-width:991px){.order-heading{margin-top:0}}@media(min-width:991px){.on-mobile .order-heading{margin-top:0}}.order-title{color:#000;display:block;font-size:1.75rem;font-weight:400;margin-top:2rem}.order-title span{font-weight:500}.order-date{align-items:center;display:flex;font-size:1rem;height:100%;justify-content:flex-end}.order-note{margin-top:1rem;text-align:left}.thank-box{padding:2rem 0}.thank-box h1{margin-bottom:3rem;margin-top:2rem}.thank-box .btn{margin-top:1rem}.thank-box .box{border-radius:16px}.thank-box .table{background-color:#fff;margin:1rem 0}.thank-box .table td{padding:10px}.thank-box .table td:last-child{text-align:right}.thank-box .table thead{position:relative;z-index:1}.thank-box .table tbody{position:relative}.thank-box .table tbody:after,.thank-box .table tbody:before{background-color:#d9d9d9;bottom:100%;content:"";height:2rem;left:0;position:absolute;width:2rem}.thank-box .table tbody:after{left:auto;right:0}.thank-box .table tbody tr:last-child td{overflow:hidden}.thank-box .table tbody tr:last-child td:first-child{border-radius:0 0 0 8px}.thank-box .table tbody tr:last-child td:last-child{border-radius:0 0 8px 0}.thank-box .table tfoot td{background-color:#fff!important;border-bottom:1px solid #d9d9d9;padding:21px 0;text-align:left}.thank-box .table tfoot tr:last-child td{border-bottom:1px solid #d9d9d9!important}.thank-box .table tfoot tr:last-child td:first-child{border-radius:0 0 0 16px}.thank-box .table tfoot tr:last-child td:last-child{border-radius:0 0 16px 0}.thank-box .table tfoot tr.total_payment td{background-color:#000!important;color:#fff;padding:.875rem 1.5rem}.thank-box .table .coolsub-item-row td{background-color:#fff!important}.thank-box .table .coolsub-item-row td:first-child{border-left:2px solid #2f5acf}.thank-box .table .coolsub-item-row td:last-child{border-right:2px solid #2f5acf}.thank-box .table .coolsub-item-row:nth-child(2) td{border-top:2px solid #2f5acf}.thank-box .table .coolsub-item-row:last-child td{border-bottom:2px solid #2f5acf}.thank-box .total_payment{font-size:1.1rem;font-weight:700}.thank-box .total_payment__cash-icon{position:relative}.thank-box .total_payment__cash-icon:hover .total_payment__tooltip{opacity:1;pointer-events:visible}.thank-box .total_payment__tooltip{background-color:#fff;border:1px solid #f1f1f1;border-radius:.75rem;box-shadow:0 0 5px rgba(0,0,0,.251);box-sizing:border-box;color:#000;font-weight:400;margin-top:10px;opacity:0;padding:6px 10px;pointer-events:none;position:absolute;right:-18px;text-align:right;top:100%;transition:all .3s;width:300px;z-index:1}@media(max-width:991px){.thank-box .total_payment__tooltip{bottom:10%;right:20px;top:unset;width:200px}}@media(min-width:991px){.on-mobile .thank-box .total_payment__tooltip{bottom:10%;right:20px;top:unset;width:200px}}.thank-box .total_payment__tooltip p{margin:0}.thank-box .ending-text{color:#2f5acf;font-size:30px;margin:3rem 0 0}.thank-box .coolclub-entrance{position:relative}.thank-box .coolclub-entrance__background{background-image:url(https://mcdn.coolmate.me/image/March2024/mceclip0_166.png);background-repeat:no-repeat;background-size:contain;height:55px;padding:5rem 0;width:100%}@media(max-width:991px){.thank-box .coolclub-entrance__background{background-image:url(https://mcdn.coolmate.me/image/March2024/mceclip1_15.png);padding:10rem 0}}@media(min-width:991px){.on-mobile .thank-box .coolclub-entrance__background{background-image:url(https://mcdn.coolmate.me/image/March2024/mceclip1_15.png);padding:10rem 0}}.thank-box .coolclub-entrance__info{color:#fff;display:flex;justify-content:space-between;left:-8px;padding:0 2rem;position:absolute;top:40%;width:100%}.thank-box .coolclub-entrance__info .btn{align-items:center;border-radius:50px;font-family:CriteriaCF;font-size:1rem;height:54px;margin:0;text-transform:uppercase}@media(max-width:991px){.thank-box .coolclub-entrance__info .btn{width:200px}}@media(min-width:991px){.on-mobile .thank-box .coolclub-entrance__info .btn{width:200px}}@media(max-width:991px){.thank-box .coolclub-entrance__info{flex-flow:column;font-size:1rem;left:0;padding:0 1rem;top:20%;width:unset}}@media(min-width:991px){.on-mobile .thank-box .coolclub-entrance__info{flex-flow:column;font-size:1rem;left:0;padding:0 1rem;top:20%;width:unset}}.detail-order{align-items:center;display:flex;gap:10px;margin-bottom:1rem}.detail-order-info{display:flex}@media(max-width:991px){.detail-order-info{justify-content:space-between}}@media(min-width:991px){.on-mobile .detail-order-info{justify-content:space-between}}@media(max-width:991px){.detail-order-info__detail{width:50%}}@media(min-width:991px){.on-mobile .detail-order-info__detail{width:50%}}.detail-order-info__list{line-height:1.8em;list-style-type:none;margin:0;padding:0}.detail-order-info__list li{display:flex}.detail-order-info__list li .detail-order-info__title{width:30%}.detail-order-info__list li .detail-order-info__content{width:70%}@media(max-width:991px){.detail-order-info__list li .detail-order-info__title{width:50%}.detail-order-info__list li .detail-order-info__content{width:40%}}@media(min-width:991px){.on-mobile .detail-order-info__list li .detail-order-info__title{width:50%}.on-mobile .detail-order-info__list li .detail-order-info__content{width:40%}}.detail-order-item__thumbnail{border:1px solid #9fb1e1;border-radius:10px;margin-right:10px;max-height:110px;max-width:70px;overflow:hidden;position:relative}@media(max-width:991px){.detail-order-item__thumbnail{width:100%}}@media(min-width:991px){.on-mobile .detail-order-item__thumbnail{width:100%}}.detail-order-item__thumbnail img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.detail-order-heading{font-size:1.875rem;font-weight:700;margin-bottom:0;margin-top:0}@media(max-width:991px){.detail-order-heading{font-size:1.375rem;margin-top:0}}@media(min-width:991px){.on-mobile .detail-order-heading{font-size:1.375rem;margin-top:0}}.detail-order-status{background-color:hsla(0,0%,100%,0);border:1px solid #2f5acf;border-radius:23px;color:#2f5acf;font-size:14px;font-weight:400;padding:5px 12px;white-space:nowrap;width:-moz-fit-content;width:fit-content}.qr-pay{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem;margin-top:2rem}@media(max-width:991px){.qr-pay{align-items:center;flex-flow:column;gap:2rem}}@media(min-width:991px){.on-mobile .qr-pay{align-items:center;flex-flow:column;gap:2rem}}.qr-pay_left{background:linear-gradient(90deg,#9529ce,#ff4476 97.46%);border-radius:10px;padding:6px;width:228px}.qr-pay_left span{background:#fff;border-radius:6px 6px 0 0;display:flex;justify-content:center;padding:6px}.qr-pay_left span canvas{border:1px solid #dbdbdb}.qr-pay_left_logo_footer{background:#fff;border-radius:0 0 6px 6px;display:grid;grid-template-columns:auto auto;padding:0 6px 6px}.qr-pay_left_logo_footer img{aspect-ratio:2;-o-object-fit:contain;object-fit:contain}.qr-pay_right{width:400px}@media(max-width:991px){.qr-pay_right{width:unset}}@media(min-width:991px){.on-mobile .qr-pay_right{width:unset}}.qr-pay_right dl{display:flex;margin:0;text-align:left}.qr-pay_right dl dt{color:#333;font-size:14px;font-weight:400;width:100px}@media(max-width:991px){.qr-pay_right dl dd{margin-inline-start:10px}}@media(min-width:991px){.on-mobile .qr-pay_right dl dd{margin-inline-start:10px}}.qr-pay_copy-btn{cursor:pointer;margin-left:4px;max-height:24px;width:24px}.thankyou__info{margin-bottom:2rem}.thank-box-point{color:#2f5acf}.order-box-shipping{background-color:#f1f1f1;border-radius:.5rem;padding:1rem 2rem}@media(max-width:991px){.order-box-shipping{padding:1rem}}@media(min-width:991px){.on-mobile .order-box-shipping{padding:1rem}}.order-box-shipping__item{display:flex;margin:.5rem 0}@media(max-width:991px){.order-box-shipping__item{flex-flow:column}}@media(min-width:991px){.on-mobile .order-box-shipping__item{flex-flow:column}}.order-box-shipping__label{width:200px}@media(max-width:991px){.order-box-shipping__label{opacity:.8;width:100%}}@media(min-width:991px){.on-mobile .order-box-shipping__label{opacity:.8;width:100%}}@media(max-width:991px){.order-box-shipping__value{font-size:1rem}}@media(min-width:991px){.on-mobile .order-box-shipping__value{font-size:1rem}}.box-btn{background-color:#000!important;border-radius:100vmax;font-family:CriteriaCF;font-size:16px;height:65px;letter-spacing:.03rem;margin-bottom:1rem;margin-top:2rem;padding-left:3rem;padding-right:3rem}.box-btn:hover{background-color:#2f5acf!important}