@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);
.main{background:url(/image/loyalty/12-2025-xa-kho/bg.png) no-repeat;background-size:100% 100%;padding-bottom:50px}@media screen and (max-width:1024px){.main{background:linear-gradient(163deg,#9d1121 .65%,#cc2424 25.75%,#9d1121 50.86%,#cc2424 75.96%,#9d1121 101.06%);padding-left:15px;padding-right:15px}}.main .header-xa-kho{padding-bottom:90px;padding-top:163px;text-align:center}@media screen and (max-width:1024px){.main .header-xa-kho{padding:50px 10px}}.main .header-xa-kho img{max-width:1082px;width:100%}.main .product-container{margin-bottom:32px}.main .product-container .product-title{margin-bottom:-75px;text-align:center}@media screen and (max-width:1024px){.main .product-container .product-title{margin-bottom:-30px}}.main .product-container .product-title img{max-width:1044px;width:100%}@media screen and (max-width:1024px){.main .product-container .product-title img{max-width:355px}}.main .product-container .product-border{background:radial-gradient(50% 50% at 50% 50%,#f65659 0,#fa4548 100%);border:8px solid #f5cf3d;border-radius:24px;box-shadow:inset 0 0 8px 12px rgba(0,0,0,.25);margin:auto;max-width:1500px;padding:112px 15px 32px}@media screen and (max-width:1024px){.main .product-container .product-border{padding:40px 15px 10px}}.main .product-container .product-border .product-list{margin-bottom:15px}@media screen and (min-width:1025px){.main .product-container .product-border .product-list.slider-action .swiper-wrapper{display:grid;gap:20px;grid-template-columns:repeat(4,1fr);justify-items:center}.main .product-container .product-border .product-list.slider-action .swiper-slide{max-width:348px;width:100%}}@media screen and (max-width:1024px){.main .product-container .product-border .product-list.slider-action{margin:0 -15px;overflow:hidden;padding:0 15px}.main .product-container .product-border .product-list.slider-action .swiper-wrapper{display:flex;flex-wrap:nowrap;padding-bottom:20px}.main .product-container .product-border .product-list.slider-action .swiper-slide{flex-shrink:0;height:auto;width:240px}}.main .product-container .product-border .product-list .product-item{background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.15);height:406px;margin:0 auto;max-width:348px;overflow:hidden;position:relative;width:100%}@media screen and (max-width:1024px){.main .product-container .product-border .product-list .product-item{height:260px;max-width:240px;width:240px}}.main .product-container .product-border .product-list .product-item .product-name{background:linear-gradient(180deg,#000 0,transparent);color:#fff;display:flex;font-size:16px;font-weight:600;height:130px;justify-content:center;line-height:1.3;min-height:70px;padding:16px 12px;position:absolute;text-align:center;top:0;width:100%;z-index:1}@media screen and (max-width:1024px){.main .product-container .product-border .product-list .product-item .product-name{font-size:14px;min-height:60px;padding:12px 8px}}.main .product-container .product-border .product-list .product-item .product-image{height:340px;overflow:hidden;padding-top:75%;position:relative;width:100%}@media screen and (max-width:1024px){.main .product-container .product-border .product-list .product-item .product-image{height:260px}}.main .product-container .product-border .product-list .product-item .product-image img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.main .product-container .product-border .product-list .product-item .product-price{align-items:flex-end;background:url(/image/loyalty/12-2025-xa-kho/product-label.png) no-repeat;background-size:100% 94px;bottom:0;display:flex;gap:20px;height:94px;padding:23px 0 10px;position:absolute;width:100%}@media screen and (max-width:1024px){.main .product-container .product-border .product-list .product-item .product-price{background-size:100% 70px;gap:10px;height:70px;padding:15px 0}}.main .product-container .product-border .product-list .product-item .product-price .price-tag{align-self:baseline;border-radius:4px;color:#fff;font-size:20px;font-weight:900;padding:6px 5px;text-align:center;width:100px}@media screen and (max-width:1024px){.main .product-container .product-border .product-list .product-item .product-price .price-tag{font-size:15px;padding:8px 2px;width:69px}}.main .product-container .product-border .product-list .product-item .product-price .price-info{flex-grow:1;line-height:1;margin-top:8px}@media screen and (max-width:1024px){.main .product-container .product-border .product-list .product-item .product-price .price-info{margin-top:4px}}.main .product-container .product-border .product-list .product-item .product-price .price-info .original-price{color:#4d4d4d;font-size:16px;margin-bottom:4px;text-align:center;text-decoration:line-through}@media screen and (max-width:1024px){.main .product-container .product-border .product-list .product-item .product-price .price-info .original-price{font-size:12px;margin-bottom:2px}}.main .product-container .product-border .product-list .product-item .product-price .price-info .sale-price{color:#c20a1e;font-size:24px;font-weight:700;text-align:center}@media screen and (max-width:1024px){.main .product-container .product-border .product-list .product-item .product-price .price-info .sale-price{font-size:18px}}.main .product-container .product-border .product-list .product-item .product-price .price-info .sale-price-text{color:#161616;font-size:18px;font-weight:500}@media screen and (max-width:1024px){.main .product-container .product-border .product-list .product-item .product-price .price-info .sale-price-text{font-size:14px}}.main .product-container .product-border .product-list .bottom-container .button-container{padding-bottom:6px;padding-top:20px;text-align:center}@media screen and (max-width:1024px){.main .product-container .product-border .product-list .bottom-container .button-container{padding-bottom:4px;padding-top:12px}}.main .product-container .product-border .product-list .advise-btn{align-items:center;background:#fcd84c;border:none;border-radius:8px;font-size:20px;font-weight:700;gap:10px;height:40px;justify-content:center;outline:none;padding:6px 28px;transition:background .2s,color .2s}@media screen and (max-width:1024px){.main .product-container .product-border .product-list .advise-btn{font-size:16px;height:32px;padding:4px 16px}}.main .product-container .product-border .product-list .advise-btn:hover{background:#d3b139;cursor:pointer}.main .product-container .product-border .product-list .product-stock{color:#fff;font-size:16px;font-weight:500;text-align:center}@media screen and (max-width:1024px){.main .product-container .product-border .product-list .product-stock{font-size:13px}}.main .deal-container .deal-block{background:radial-gradient(50% 50% at 50% 50%,#f65659 0,#fa4548 100%);border:8px solid #f5cf3d;border-radius:24px;box-shadow:inset 0 0 8px 12px rgba(0,0,0,.25);margin:auto;max-width:1092px}.main .deal-container .deal-block .deal-title{background:url(/image/loyalty/12-2025-xa-kho/gio-tot-bg.png) no-repeat;background-size:100% 100%;color:#c20a1e;font-size:40px;font-style:normal;font-weight:800;height:80px;left:calc(50% - 487px);line-height:normal;max-width:974px;padding:12px;position:relative;text-align:center;text-transform:uppercase;top:-22px}@media screen and (max-width:1024px){.main .deal-container .deal-block .deal-title{font-family:Inter;font-size:18px;left:calc(50% - 166px);line-height:1.4;max-width:332px;padding:17px 30px}}.main .deal-container .deal-block .voucher-list{display:grid;gap:20px;grid-template-columns:repeat(2,1fr);padding:0 20px 32px}@media (max-width:1024px){.main .deal-container .deal-block .voucher-list{grid-template-columns:1fr}}.main .deal-container .deal-block .voucher-list .voucher-item{font-family:Inter,sans-serif;margin:0 auto;max-height:206px;max-width:468px;text-align:center;width:100%}@media screen and (max-width:1024px){.main .deal-container .deal-block .voucher-list .voucher-item{height:143px;margin:auto;max-width:335px}}.main .deal-container .deal-block .voucher-list .voucher-item .voucher-value{color:#c20a1e;font-size:80px;font-weight:900;letter-spacing:4.8px;line-height:1.1}@media screen and (max-width:1024px){.main .deal-container .deal-block .voucher-list .voucher-item .voucher-value{font-size:50px;line-height:1}}.main .deal-container .deal-block .voucher-list .voucher-item .voucher-description{color:#161616;font-size:16px;font-weight:600;margin-bottom:10px}@media screen and (max-width:1024px){.main .deal-container .deal-block .voucher-list .voucher-item .voucher-description{font-size:12px;margin-bottom:0}}.main .deal-container .deal-block .voucher-list .voucher-item .voucher-coundown{color:#c20a1e;font-size:12px;margin-bottom:10px}@media screen and (max-width:1024px){.main .deal-container .deal-block .voucher-list .voucher-item .voucher-coundown{font-size:9px;margin-bottom:5px}}.main .deal-container .deal-block .voucher-list .voucher-item .voucher-coundown .end-text{font-weight:600}.main .deal-container .deal-block .voucher-list .voucher-item .voucher-coundown .number-text{color:#262626;font-weight:700}.main .deal-container .deal-block .voucher-list .voucher-item .voucher-btn{background:linear-gradient(180deg,#ff5c5c,#ff4244 48.08%,#ba0317);border:1px solid #f55;border-radius:8px;box-shadow:inset 0 -2px 4px 0 hsla(0,0%,100%,.25);color:#fff;font-size:20px;font-weight:700;height:40px;max-width:291px;outline:none;transition:background .2s;width:100%}.main .deal-container .deal-block .voucher-list .voucher-item .voucher-btn:hover{background:linear-gradient(180deg,#d13e3e,#ae1a1b 48.08%,#850613);cursor:pointer}.main .deal-container .deal-block .voucher-list .voucher-item .voucher-btn:disabled{background:#dedede;border-color:#d2d2d2;color:#c3c3c3;cursor:not-allowed}.main .deal-container .deal-block .voucher-list .voucher1{background:url(/image/loyalty/12-2025-xa-kho/voucher-bg.png) no-repeat 50%/100% 100%;padding:0 40px 20px 120px}@media screen and (max-width:1024px){.main .deal-container .deal-block .voucher-list .voucher1{padding:0 24px 0 74px}}.main .deal-container .deal-block .voucher-list .voucher2{background:url(/image/loyalty/12-2025-xa-kho/voucher2-bg.png) no-repeat 50%/100% 100%;padding:35px 0}@media screen and (max-width:1024px){.main .deal-container .deal-block .voucher-list .voucher2{padding:20px 0}}.main .deal-container .deal-block .voucher-list .voucher2 .voucher-value{font-size:36px}@media screen and (max-width:1024px){.main .deal-container .deal-block .voucher-list .voucher2 .voucher-value{font-size:26px;letter-spacing:normal}}.main .deal-container .deal-block .voucher-list .voucher2 .voucher-description{color:#525252;margin-top:15px}@media screen and (max-width:1024px){.main .deal-container .deal-block .voucher-list .voucher2 .voucher-description{font-size:13px;margin-top:5px}}.main .deal-container .deal-block .voucher-list .voucher2 .voucher-button-container{margin-top:15px}@media screen and (max-width:1024px){.main .deal-container .deal-block .voucher-list .voucher2 .voucher-button-container{margin-top:5px}.main .deal-container .deal-block .voucher-list .voucher2 .voucher-button-container .voucher-btn{max-width:224px}}#modalSuccessSaleCall .modal-content{border:none;box-shadow:0 4px 20px rgba(0,0,0,.3)}#modalSuccessSaleCall .description h3{color:#c20a1e;font-weight:800;margin-bottom:10px}#modalSuccessSaleCall .description p{color:#161616;font-size:16px;line-height:1.2}.modal-style .modal-dialog .modal-body .policy-modal--button button{background:linear-gradient(180deg,#ff5c5c,#ff4244 48.08%,#ba0317);border:1px solid #f55;border-radius:8px;box-shadow:inset 0 -2px 4px 0 hsla(0,0%,100%,.25)}.modal-style .modal-dialog .modal-body .policy-modal--button button:focus,.modal-style .modal-dialog .modal-body .policy-modal--button button:hover{background:linear-gradient(180deg,#e30023,#b00220 48.08%,#7a0010);border-color:#ff3032;color:#fff;transition:background .25s,border-color .25s}.modal-style .modal-dialog .modal-body .policy-modal--form input{border:1px solid #ff4749;color:#4d4d4d;outline:none}.modal-style .modal-dialog .modal-body{padding:50px 60px 20px}.modal-style .modal-dialog .modal-content .close{outline:none}.modal-style .modal-dialog .modal-content .close:hover{background:#b61e20;opacity:1}.modal-style .modal-dialog .modal-body .policy-modal--button button img{right:2px;top:10px}.product-interest{background:#f4ca2a;border-radius:4px;padding:4px 12px;text-align:left}.product-interest__title{color:#828282;font-size:12px;font-weight:600}.product-interest__item{color:#4d4d4d;font-family:Inter,sans-serif;font-size:12px;font-weight:400}
