.container-loyalty{margin:auto;max-width:1600px;padding-left:15px;padding-right:15px}.ldp-container{background:radial-gradient(81.23% 67.44% at 50% 50%,#eefbff 0,#c1f0ff 33.65%,#eefbff 66.83%,#c1f0ff 100%);position:relative}.bg-section2-3{background-image:url(/image/loyalty/07-2025/bg-section2.png);background-position:50%;background-size:100%}.bg-section2-3:before{background-image:url(/image/loyalty/07-2025/bg-section1.png);background-position:50%;background-repeat:no-repeat;content:"";height:100%;left:0;min-height:100vh;position:absolute;top:0;width:100%;z-index:0}.banner-bottom-bg{background-size:cover;background:none;padding:41px 0 51px;position:relative;text-align:center}.banner-bottom-bg img{max-width:100%}.banner-bottom-bg .poster-mobile{display:none}.banner-bottom-bg .banner-container{border-radius:20px;overflow:hidden}.receiving-gifts-container{margin-bottom:50px;padding:0}.receiving-gifts-container .gifts--container{max-width:unset;padding:0;width:100%}.receiving-gifts-container .gifts-title{margin:40px auto 30px;max-width:577px;width:100%}.receiving-gifts-container .gifts-title img{max-width:100%}.receiving-gifts-container .gift-item{padding:0}.receiving-gifts-container .gift-item .gift-thumbnail{border-radius:4px;max-width:371px}.receiving-gifts-container .gift-item .gift-thumbnail img{max-width:100%}.receiving-gifts-container .gifts-list{background:linear-gradient(92.93deg,#65bcff .95%,#3647ff 102.67%);border-radius:8px;flex-wrap:unset;gap:20px;padding:20px 22.5px}.poster-tap_box{padding:35px 0}.poster-tap__list--item-thumbnail{border-radius:20px;overflow:hidden}.poster-tap__list--item-thumbnail img{max-width:100%}.discount{background:linear-gradient(92.93deg,#fa0 .95%,#f50 102.67%)!important;color:#fff!important}.content-sale{align-items:center;background-size:cover;bottom:2px!important;display:flex;height:65px;justify-content:center;left:7px!important;line-height:1.2;position:absolute;top:auto!important;width:205px;z-index:1}.content-sale img{aspect-ratio:0!important;border-radius:0!important;height:100%;max-width:100%;-o-object-fit:cover;object-fit:cover;width:100%}.content-sale div{align-items:center;bottom:0;color:#121212;display:flex;font-size:11px;height:100%;justify-content:center;left:0;line-height:1.2;position:absolute;right:0;text-align:left;top:0;width:100%}.content-sale div span{color:#fff!important;font-family:SVN-Zona Pro,serif;font-size:10px}.content-sale div strong{font-size:14px;font-weight:700}.phu-kien-sale-container{background:none;padding:0 0 50px}.phu-kien-sale-container .products-list .product-item{overflow:hidden;padding:0}.phu-kien-sale-container .products-list .product-item .product-thumbnail{max-height:359px;min-height:170px;overflow:unset}.phu-kien-sale-container .products-list .product-item .product-thumbnail a{display:block;max-height:359px;overflow:hidden;width:100%}.phu-kien-sale-container .products-list .product-item .product-thumbnail .content-sale span{color:#fff;font-size:10px;transform:translateY(-1px)}.phu-kien-sale-container .products-list .product-item .product-info{background:#fff;border-radius:0 0 16px 16px}.phu-kien-sale-container .products-list .product-item .product-price{margin:10px 0}.phu-kien-sale-container .products-list .product-item .product-price .price{color:#609cff}.error-message{color:red!important;display:none;font-size:12px;margin-top:5px}.btn-card,.primary-btn{background:linear-gradient(92.93deg,#fa0 .95%,#f50 102.67%);border:1px solid hsla(0,0%,100%,.84);border-radius:30px;box-shadow:0 4px 4px 0 #b8b8b847;color:#fff;display:block;margin:0 auto;overflow:hidden;padding:16px 32px;position:relative;text-align:center;width:-moz-max-content;width:max-content}.btn-card{background:linear-gradient(92.93deg,#65bcff .95%,#3647ff 102.67%);border:1px solid #00aeff;box-shadow:0 4px 4px 0 #b8b8b847}.btn-card:before{content:unset}.primary-btn{padding:5px 20px}.card-container .heading-container{align-items:center;display:flex;justify-content:center}.card-container .heading-container .heading-img{margin:auto}.card-container .heading-container .heading-img img{max-width:100%}.card-container .heading-container h2{color:#fff;font-size:28px}.card-container .heading-container .heading{margin:70px 0}.card-container .heading-container .heading .bg-title{position:relative;z-index:1}.card-container{background:none;padding:0;position:relative;z-index:0}.card-container .box-card{background:transparent;padding:0;position:relative;z-index:1}.card-container .card-list-container{padding:20px 0}.card-box{background:linear-gradient(92.93deg,#65bcff .95%,#d7f2ff 37.14%,#65bcff 69.41%,#d7f2ff 102.67%);border:none;box-shadow:none;max-width:unset;padding:32px 28px;z-index:-1}@media screen and (max-width:1600px){.receiving-gifts-container .gifts--container{max-width:unset}}@media screen and (max-width:1200px){.receiving-gifts-container .gifts--container{max-width:unset}.receiving-gifts-container .gifts-list{flex-wrap:wrap}}@media (max-width:768px){.card-box{border-radius:20px;padding:10px}.product-list.swiper-wrapper{padding-bottom:0}.banner-section{display:block}.card-container{background-position:bottom;background-repeat:no-repeat;background-size:766px;padding:0}.card-container .container-loyalty{padding:0}.card-container:after,.card-container:before{background-repeat:no-repeat}.card-container .heading-container{padding:0 15px}.card-container .heading-container .heading-img{text-align:center}.card-container .heading-container .heading-img img{margin-bottom:10px;max-width:80%}.card-container .heading-container h2{font-size:22px}.card-container .box-card{padding:0}.card-container .btn-card{display:none}.card-container .card-list-container{padding:0}.banner-bottom-bg{padding:20px 0}.banner-bottom-bg .poster{display:none}.banner-bottom-bg .poster-mobile{display:block}.content-sale div strong{font-size:13px}.receiving-gifts-container{margin-bottom:28px;padding:20px 0 0}.receiving-gifts-container .gifts-title{margin:0 auto 15px;width:70%}.receiving-gifts-container .gifts-list{gap:5px;padding:10px 7.5px}.receiving-gifts-container .gift-item{width:48%}.receiving-gifts-container .gift-item .gift-thumbnail{border-radius:11px}.poster-tap_box{padding:20px 0 0}.banner-section{margin:0 auto 15px 0}.phu-kien-sale-container{margin-bottom:28px;padding:0}.phu-kien-sale-container .products-list .product-item .product-info{padding:5px}.phu-kien-sale-container .products-list .product-item .product-title{-webkit-line-clamp:3;font-size:14px;line-height:16px}.phu-kien-sale-container .products-list .product-item .product-price{flex-wrap:wrap;gap:0;margin:2px 0}.phu-kien-sale-container .products-list .product-item .product-price .price{font-size:16px;line-height:22px}.phu-kien-sale-container .products-list .product-item .product-price .old-price{font-size:12px}.phu-kien-sale-container .products-list .product-item .product-thumbnail .discount{font-size:11px;height:35px;width:35px}.btn-card,.primary-btn{font-size:14px}.button-container{margin-top:0}.content-sale{width:188px}.content-sale div,.content-sale span{font-size:9px}}.form-loyalty{padding-top:26px}.form-loyalty .form-container{background:#fff;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(140.32deg,#65bcff,#0076d1) border-box;border:10px solid transparent;border-radius:20px;box-shadow:0 4px 40px 0 #00000040;color:#646464;margin:auto;max-width:941px;padding:40px 30px;position:relative;width:100%}.form-loyalty .form-container:after{background:url(/image/loyalty/07-2025/bg-gift.png) no-repeat 50%;background-size:cover;bottom:-32px;content:"";height:268px;position:absolute;right:-299px;width:397px;z-index:1}.form-loyalty form{margin:auto;max-width:673px;width:100%}.form-loyalty .title{color:#ff6b35;font-size:32px;font-weight:700;margin-bottom:15px;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.form-loyalty .title img{margin:auto}.form-loyalty .subtitle{color:#4a9eff;font-size:18px;font-weight:600;margin-bottom:30px;text-align:center}.form-loyalty .form-group{margin-bottom:20px}.form-loyalty .form-input{border:1px solid #0076d1;border-radius:8px;color:#646464;font-family:SVN-Zona Pro,serif;font-size:16px;outline:none;padding:15px 20px;transition:border-color .3s;width:100%}.form-loyalty .form-input::-moz-placeholder{color:#646464}.form-loyalty .form-input::placeholder{color:#646464}.form-loyalty .form-input:focus{border-color:#2980ff;box-shadow:0 0 10px rgba(74,158,255,.3)}.form-loyalty .form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230076D1' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-position:right 15px center;background-repeat:no-repeat;background-size:16px;border:1px solid #0076d1;border-radius:8px;cursor:pointer;font-family:SVN-Zona Pro,serif;font-size:16px;outline:none;padding:15px 20px;width:100%}.form-loyalty .radio-group{margin-top:20px}.form-loyalty .radio-label{color:#646464;display:block;font-family:SVN-Zona Pro,serif;font-size:16px;font-weight:500;margin-bottom:15px}.form-loyalty .radio-options{display:flex;flex-wrap:wrap;gap:30px}.form-loyalty .radio-option{align-items:center;cursor:pointer;display:flex}.form-loyalty .radio-input{accent-color:#133ebf;cursor:pointer;height:20px;margin-right:10px;width:20px}.form-loyalty .radio-text{color:#646464;cursor:pointer;font-family:SVN-Zona Pro,serif;font-size:16px}.form-loyalty .submit-btn{background:linear-gradient(92.93deg,#65bcff .95%,#3647ff 102.67%);border:1px solid #00aeff;border-radius:100px;box-shadow:0 4px 4px 0 #b8b8b847;color:#fff;cursor:pointer;font-size:18px;font-weight:700;margin-top:30px;padding:18px;text-transform:uppercase;transition:all .3s;width:100%}.form-loyalty .submit-btn:hover{background:linear-gradient(135deg,#2980ff,#1e6fff);box-shadow:0 8px 20px rgba(74,158,255,.4);transform:translateY(-2px)}.form-loyalty .submit-btn:active{transform:translateY(0)}.form-loyalty .required{color:#ff6b35}.form-loyalty .modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(0,0,0,.6);display:none;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.form-loyalty .modal-overlay.show{display:flex}.form-loyalty .modal-content{background:#fff;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.3);max-width:824px;opacity:0;padding:40px 30px;text-align:center;transform:scale(.7);transition:all .3s ease;width:90%}.form-loyalty .modal-overlay.show .modal-content{opacity:1;transform:scale(1)}.form-loyalty .modal-title{color:#003fb4;font-size:24px;font-weight:700;margin-bottom:20px}.form-loyalty .gift-container-form{align-items:center;display:flex;justify-content:center;margin:30px 0;position:relative}.form-loyalty .gift-container-form img{max-width:100%}.form-loyalty .gift-box{animation:bounce 2s infinite;font-size:60px;position:relative;z-index:2}.form-loyalty .decoration{animation:float 3s ease-in-out infinite;font-size:20px;position:absolute}.form-loyalty .star1{animation-delay:0s;left:20px;top:10px}.form-loyalty .star2{animation-delay:.5s;right:30px;top:30px}.form-loyalty .star3{animation-delay:1s;bottom:20px;left:40px}.form-loyalty .heart1{animation-delay:.3s;right:60px;top:20px}.form-loyalty .heart2{animation-delay:.8s;bottom:30px;right:20px}.form-loyalty .circle1{animation-delay:.6s;left:10px;top:50px}.form-loyalty .circle2{animation-delay:1.2s;bottom:10px;right:50px}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(180deg)}}.form-loyalty .modal-text{color:#343434;font-size:16px;line-height:1.6;margin-bottom:30px}.form-loyalty .date-text,.form-loyalty .gift-text,.form-loyalty .voucher-text{color:#003fb4;font-weight:700}.form-loyalty .modal-close-btn{background:linear-gradient(135deg,#4a9eff,#2980ff);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px 30px;transition:all .3s}.form-loyalty .modal-close-btn:hover{background:linear-gradient(135deg,#2980ff,#1e6fff);box-shadow:0 8px 20px rgba(74,158,255,.4);transform:translateY(-2px)}@media (max-width:480px){.form-container{padding:30px 20px}.title{font-size:28px}.subtitle{font-size:16px}.radio-options{flex-direction:column;gap:15px}.form-loyalty .modal-content{margin:20px;padding:30px 20px}.form-loyalty .modal-title{font-size:20px}.form-loyalty .gift-box{font-size:50px}.form-loyalty .modal-text{font-size:14px}.form-loyalty .form-container:after{display:none}}
