.payment_popup{font-family:var(--font-poppins);position:fixed;inset:0;background-color:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;justify-content:center;align-items:center;animation:fadeIn .3s ease}.payment_popup .have_location,.payment_popup .payment_body{background:#fff;border-radius:15px;width:450px;padding:0;box-shadow:0 20px 60px rgba(26,26,46,.12);overflow:hidden;animation:scaleIn .4s cubic-bezier(.175,.885,.32,1.275);position:relative}.payment_popup .have_location:before,.payment_popup .payment_body:before{top:0;left:0;right:0;height:120px;z-index:0}.payment_popup .have_location .payment_header,.payment_popup .payment_body .payment_header{background:linear-gradient(63deg,#5138c3 10%,#271b5e 83%);padding:22px;display:flex;justify-content:space-between;align-items:center;z-index:2}.payment_popup .have_location .payment_header .payment_title,.payment_popup .payment_body .payment_header .payment_title{color:#fff;font-size:22px;font-weight:700}.payment_popup .have_location .payment_header .cross,.payment_popup .payment_body .payment_header .cross{right:20px;top:14px;width:36px;height:36px;border-radius:50%;background:hsla(0,0%,100%,.25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;border:2px solid hsla(0,0%,100%,.3)}.payment_popup .have_location .payment_header .cross svg,.payment_popup .payment_body .payment_header .cross svg{color:#fff;font-size:18px}.payment_popup .have_location .payment_header .cross:hover,.payment_popup .payment_body .payment_header .cross:hover{background:hsla(0,0%,100%,.4);transform:rotate(90deg)}.payment_popup .have_location .header_content_container,.payment_popup .payment_body .header_content_container{margin-top:10px;padding:0 32px 10px;z-index:3}.payment_popup .have_location .popup_header,.payment_popup .payment_body .popup_header{padding:20px 0 12px;position:relative}.payment_popup .have_location .popup_header h3,.payment_popup .payment_body .popup_header h3{color:#1a1a2e;font-size:18px;font-weight:700}.payment_popup .have_location .popup_header h3 span,.payment_popup .payment_body .popup_header h3 span{font-size:14px;font-weight:400;opacity:.8}.payment_popup .have_location .popup_header .place_container,.payment_popup .payment_body .popup_header .place_container{position:relative;display:inline-block;width:100%}.payment_popup .have_location .popup_header .place_container .place_items,.payment_popup .payment_body .popup_header .place_container .place_items{position:absolute;width:100%;background:#fff;padding:10px;margin-top:10px;border:1px solid #7a86a1;box-shadow:-5px 10px 18px rgba(0,0,0,.11);border-radius:16px;z-index:10;font-style:normal;font-weight:700}.payment_popup .have_location .popup_header .place_container .place_items span,.payment_popup .payment_body .popup_header .place_container .place_items span{color:#7a86a1}.payment_popup .have_location .popup_header .place_container .place_items .place_item,.payment_popup .payment_body .popup_header .place_container .place_items .place_item{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.payment_popup .have_location .popup_header .place_container .place_items .focus,.payment_popup .have_location .popup_header .place_container .place_items .place_item:hover,.payment_popup .payment_body .popup_header .place_container .place_items .focus,.payment_popup .payment_body .popup_header .place_container .place_items .place_item:hover{cursor:pointer}.payment_popup .have_location .popup_header .place_container .place_items .focus span,.payment_popup .have_location .popup_header .place_container .place_items .place_item:hover span,.payment_popup .payment_body .popup_header .place_container .place_items .focus span,.payment_popup .payment_body .popup_header .place_container .place_items .place_item:hover span{color:#000;cursor:pointer}.payment_popup .have_location .popup_header .place_container .place_items img,.payment_popup .have_location .popup_header .place_container .place_items input,.payment_popup .payment_body .popup_header .place_container .place_items img,.payment_popup .payment_body .popup_header .place_container .place_items input{padding:0 5px}.payment_popup .have_location .popup_header .coupon_input,.payment_popup .payment_body .popup_header .coupon_input{position:relative;margin-top:12px}.payment_popup .have_location .popup_header .coupon_input input,.payment_popup .payment_body .popup_header .coupon_input input{width:100%;padding:14px 110px 14px 16px;background:#f7f8fb;border:1px solid #ddd;border-radius:12px;font-size:14px;color:#1a1a2e}.payment_popup .have_location .popup_header .coupon_input input:focus,.payment_popup .payment_body .popup_header .coupon_input input:focus{outline:none;background:#fff;border-color:#00d4aa}.payment_popup .have_location .popup_header .coupon_input span,.payment_popup .payment_body .popup_header .coupon_input span{position:absolute;right:6px;top:50%;transform:translateY(-50%);padding:9px 18px;background:linear-gradient(135deg,#00d4aa,#00ab89);color:#fff;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:.2s}.payment_popup .have_location .popup_header .coupon_input span:hover,.payment_popup .payment_body .popup_header .coupon_input span:hover{transform:translateY(-50%) scale(1.05)}.payment_popup .have_location .price_breakdown,.payment_popup .payment_body .price_breakdown{padding:24px 32px;background:#f5f7fa;display:flex;flex-direction:column;gap:16px}.payment_popup .have_location .price_breakdown .item,.payment_popup .payment_body .price_breakdown .item{display:flex;justify-content:space-between;font-size:14px;color:#1a1a2e}.payment_popup .have_location .price_breakdown .item span:first-child,.payment_popup .payment_body .price_breakdown .item span:first-child{opacity:.7}.payment_popup .have_location .price_breakdown .item span:last-child,.payment_popup .payment_body .price_breakdown .item span:last-child{font-weight:600}.payment_popup .have_location .price_breakdown .divider,.payment_popup .payment_body .price_breakdown .divider{height:2px;background:#ddd}.payment_popup .have_location .final_amount,.payment_popup .payment_body .final_amount{padding:20px 32px 0;display:flex;justify-content:space-between;align-items:center}.payment_popup .have_location .final_amount span:first-child,.payment_popup .payment_body .final_amount span:first-child{font-size:18px;font-weight:600}.payment_popup .have_location .final_amount span:nth-child(2),.payment_popup .payment_body .final_amount span:nth-child(2){font-size:28px;font-weight:800;background:linear-gradient(63deg,#5138c3 10%,#271b5e 83%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.payment_popup .have_location .payment_btn,.payment_popup .payment_body .payment_btn{padding:0 32px 32px}.payment_popup .have_location .payment_btn button,.payment_popup .payment_body .payment_btn button{width:100%;padding:18px;background:linear-gradient(63deg,#5138c3 10%,#271b5e 83%);color:#fff;border:none;border-radius:16px;font-size:16px;font-weight:700;cursor:pointer;transition:.3s}.payment_popup .have_location .payment_btn button:hover,.payment_popup .payment_body .payment_btn button:hover{transform:translateY(-2px)}.payment_popup .have_location,.payment_popup .payment_body{min-height:450px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:480px){.payment_popup .have_location,.payment_popup .payment_body{width:90%;margin:20px}}