:root{--bg: #f6f7fb;--card: #ffffff;--text: #111827;--muted: #6b7280;--line: #e5e7eb;--primary: #407EC9;--success: #16a34a;--shadow: 0 12px 30px rgba(17, 24, 39, .08);--radius: 16px;--radius-sm: 12px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}.topbar{top:0;z-index:10;background:transparent}.topbar-inner{margin:0 auto;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;position:relative}.back_btn{display:inline-flex;align-items:center;gap:10px;background:#407ec9;color:#fff;padding:10px 16px;border-radius:22px;text-decoration:none;font-weight:500;font-size:14px}.back_icon{height:14px;width:14px;line-height:1}.payment-title{position:absolute;left:50%;transform:translate(-50%);margin:0;font-size:32px;font-weight:700;text-align:center;color:#0f172a}.wrap{max-width:1120px;margin:18px auto 60px;padding:0 20px}.grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}@media(max-width:960px){.grid{grid-template-columns:1fr}}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.pad{padding:18px}.payment{margin-top:8px}.section-title{margin:0 0 12px;font-size:18px;font-weight:500}.muted{color:var(--muted)}.summary{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px;border-radius:var(--radius-sm);border:1px solid var(--line)}.summary-left{display:flex;gap:12px;align-items:center;min-width:0}.flag{width:50px;height:50px;border-radius:100px;border:1px solid var(--line);overflow:hidden;flex-shrink:0}.flag img{width:100%;height:100%;object-fit:cover;border-radius:10px}.country-row{display:flex;align-items:center;gap:10px;margin-bottom:6px}.country-name{font-size:13px;color:var(--muted);max-width:360px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bundle-name{font-size:16px;font-weight:500}.pill{padding:5px 10px;font-size:12px;font-weight:800;border-radius:999px;color:var(--success);background:#eaf7ee;border:1px solid rgba(22,163,74,.18)}.price{font-size:18px;font-weight:950;color:var(--primary);text-align:right}.bundle-id{font-size:12px;margin-top:6px;color:var(--muted);text-align:right}.methods{display:flex;flex-direction:column;gap:10px}.method{display:flex;justify-content:space-between;align-items:center;padding:14px;border-radius:14px;border:1px solid var(--line);cursor:pointer;transition:all .15s ease}.method:hover{box-shadow:none}.method.selected{border-color:#407ec9;box-shadow:none}.method-left{display:flex;gap:12px;align-items:center}.methods .icon{width:42px;height:42px;border-radius:12px;border:none;display:grid;place-items:center;font-weight:950}.method-title{font-size:14px;font-weight:500;margin:0}.method-sub{font-size:12px;color:var(--muted)}.badge{margin-left:8px;padding:4px 8px;font-size:11px;font-weight:900;border-radius:999px;background:#eef2ff;color:#3730a3;border:1px solid rgba(55,48,163,.12);display:inline-flex;align-items:center;--badge-float-amount: -4px;animation:badgeFloat 7.5s ease-in-out infinite;will-change:transform}.radio{width:18px;height:18px;border-radius:50%;border:2px solid #cbd5e1;display:grid;place-items:center}.dot{width:10px;height:10px;border-radius:50%;background:transparent}.method.selected .radio{border-color:#2563ebcc}.method.selected .dot{background:var(--primary)}.form{margin-top:14px;padding-top:14px;border-top:1px dashed rgba(229,231,235,.9)}.inputs{display:grid;grid-template-columns:1fr 160px;gap:12px}.inputs2{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media(max-width:560px){.inputs,.inputs2{grid-template-columns:1fr}}label{display:block;margin:8px 0 6px;font-size:12px;font-weight:900}input{width:100%;padding:12px;border-radius:12px;border:1px solid var(--line);font-size:14px}input:focus{outline:none;border-color:#2563eb99;box-shadow:none}.side{position:sticky;top:86px}@media(max-width:960px){.side{position:static}}.meta-row{display:flex;justify-content:space-between;padding:10px 0;font-size:14px;border-bottom:1px solid rgba(229,231,235,.8)}.meta-row:last-child{border-bottom:none}.meta-row--referral{display:none;align-items:center;gap:12px}.meta-row--dest{align-items:flex-start;gap:10px;flex-wrap:wrap}.meta-row__left{display:flex;flex-direction:column;gap:4px}.price-new{display:none;font-weight:700;color:#407ec9;margin-left:8px}.dest-summary{font-weight:600}.card-input{width:100%;height:52px;padding:0 14px;font-size:15px;border:1px solid #e5e5e5;border-radius:12px;outline:none;box-sizing:border-box}.card-input::placeholder{color:#b0b0b0}.card-input:focus{border-color:#7b61ff}.card-field--group{border:1px solid #e5e5e5;border-radius:14px;overflow:hidden;margin-bottom:16px}.card-field--group .card-input{border:none;border-radius:0}.card-input--full{border-bottom:1px solid #e5e5e5}.card-row{display:flex}.card-input--half{flex:1}.card-input--half:first-child{border-right:1px solid #e5e5e5}#cardForm>.card-input:last-child{margin-top:4px}.dest-toggle{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:10px;border:1px solid var(--line);background:#f9fafb;color:#407ec9;font-size:12px;cursor:pointer}.dest-toggle__chevron{display:inline-block;transition:transform .2s ease}.dest-toggle.is-open .dest-toggle__chevron{transform:rotate(180deg)}.dest-list{margin-top:-4px;padding:10px;border-radius:10px;border:1px solid var(--line);background:#f9fafb;display:flex;flex-wrap:wrap;gap:8px;font-size:13px}.dest-badge{padding:6px 10px;background:#f5f6ff;border:1px solid #dbeafe;border-radius:10px;color:#407ec9;white-space:nowrap;display:inline-flex;align-items:center;--badge-float-amount: -6px;animation:badgeFloat 8.5s ease-in-out infinite;will-change:transform}.dest-badge:nth-child(odd){animation-delay:-1.2s}.total{font-size:16px;font-weight:950}.btn{width:100%;margin-top:14px;padding:12px 14px;border-radius:14px;border:1px solid rgba(37,99,235,.2);background:var(--primary);color:#fff;font-size:14px;font-weight:950;cursor:pointer;box-shadow:none}.btn:active{transform:translateY(1px)}.fineprint{margin-top:10px;font-size:12px;color:var(--muted);line-height:1.35}.referral{margin-top:8px;padding-top:18px}.referral-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.referral-title{margin:10px 0 0;font-weight:600}.referral-sub{font-size:13px;opacity:.75;margin-top:2px}.referral-msg{margin-top:8px;font-size:12px;display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;color:var(--muted)}.referral-msg a{color:#2f7be5;text-decoration:underline;font-weight:600}.referral-breakdown{margin-top:12px}.referral-code{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.referral-code-right{display:flex;align-items:center;gap:8px}#referralCodeValue{font-size:12px;color:var(--muted);cursor:pointer;text-decoration:underline}.referral-copy{padding:6px 9px;border-radius:8px;border:1px solid rgba(0,0,0,.12);background:#fff;font-size:12px}.switch{position:relative;display:inline-block;width:44px;height:26px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;border-radius:999px;background:#0000002e;transition:.2s}.slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.2s}.switch input:checked+.slider{background:#3b82f6}.switch input:checked+.slider:before{transform:translate(18px)}.switch input:disabled+.slider{opacity:.5;cursor:not-allowed}.mobile{display:none}.referral-popup-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px}.referral-popup{background:#fff;border-radius:14px;padding:16px 18px;box-shadow:0 10px 26px #00000029;width:min(360px,90vw);color:#111827}.referral-popup__title{margin:0 0 10px;font-size:16px;font-weight:600}.referral-popup__row{display:flex;justify-content:space-between;align-items:center;font-size:14px;margin:6px 0}.referral-popup__close{margin-top:14px;width:100%;border:none;background:#407ec9;color:#fff;border-radius:10px;padding:10px 0;font-weight:600;cursor:pointer}@media(max-width:768px){.payment-title{font-size:22px;font-weight:600}.back_btn{background:transparent;content:url(/assets/icons/black_back_arrow.svg)}.topbar-inner{padding:18px 2%}.panel{margin-bottom:0;background:transparent;border:1px solid transparent;border-radius:var(--radius);box-shadow:none}.pad{padding:14px 0}.summary,.method{background-color:var(--card)}.referral-title{font-size:18px;font-weight:500;color:#000}.referral{padding:14px 0;display:none}.meta_rows{background-color:var(--card);padding:14px;border-radius:14px}.mobile{display:flex;justify-content:space-between;padding:10px 0;font-size:14px;border-bottom:1px solid rgba(229,231,235,.8)}.meta-row--referral{display:flex}#paymentOrderPrice.price-old{text-decoration:line-through;color:#6b7280}.price-new{display:inline-block}.grid{display:grid;gap:0}.wrap{margin-top:0}.referral-popup-overlay{display:flex}.payment{margin-top:0}}