.topup-region{display:inline-flex;align-items:center;gap:8px;vertical-align:middle}.topup-region img,.topup-country-picker summary img{width:24px;height:18px;object-fit:cover;flex:none;border-radius:2px;box-shadow:0 0 0 1px #00000010}.topup-media{aspect-ratio:5/3;position:relative;overflow:hidden;background:#fff;border-bottom:1px solid #e7efeb;display:grid;place-items:center}.topup-media>img{display:block;width:100%;height:100%;object-fit:contain}.topup-media>img[hidden],.topup-cover-fallback[hidden]{display:none}.topup-cover-fallback{width:100%;height:100%;padding:28px;display:flex;flex-direction:column;justify-content:center;gap:24px;background:linear-gradient(125deg,#e0eee8,#edf4ed);overflow-wrap:anywhere}.topup-cover-fallback>span{font-size:11px;letter-spacing:2px;color:#247761}.topup-cover-fallback>strong{font-size:24px}.topup-detail{align-items:start}.topup-detail .topup-media{border:1px solid #e7efeb;border-radius:12px;width:100%}.topup-card-heading h3{margin:0 0 10px}.topup-recommended{display:inline-block;color:#17604e;background:#e6f2eb;padding:4px 8px;border-radius:6px;font-size:11px}.topup-filters{position:relative;align-items:end}.topup-filters .topup-sort{flex:0 0 160px}.topup-field-label{display:block;margin-bottom:8px}.topup-country-field{min-width:0}.topup-country-picker{position:relative}.topup-country-picker[hidden]{display:none}.topup-country-picker summary{display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;min-height:48px;padding:12px;border:1px solid #d6e2df;border-radius:10px;background:#fff;line-height:22px}.topup-country-picker summary::-webkit-details-marker{display:none}.topup-picker-arrow{margin-left:auto}.topup-country-panel{position:absolute;z-index:30;top:calc(100% + 8px);left:0;width:max(100%,280px);max-width:min(440px,calc(100vw - 56px));padding:12px;background:#fff;border:1px solid #d6e2df;border-radius:12px;box-shadow:0 12px 32px #203d4220}.topup-country-options{max-height:300px;overflow:auto;margin-top:8px}.topup-country-options button{display:block;width:100%;padding:10px 8px;background:#fff;border:0;border-radius:6px;text-align:left;color:#203d42;font:inherit;cursor:pointer}.topup-country-options button[hidden]{display:none}.topup-country-options button:hover,.topup-country-options button:focus-visible{background:#e9f4ee;outline:2px solid #247761;outline-offset:-2px}.topup-country-picker summary:focus-visible{outline:2px solid #247761;outline-offset:2px}@media(max-width:850px){.topup-filters{flex-wrap:wrap}.topup-filters>div{flex:1 1 220px}.topup-filters .topup-sort{flex:1 1 160px}}@media(max-width:700px){.topup-filters>div,.topup-filters .topup-sort{flex:auto;width:100%}.topup-country-panel{width:100%;max-width:100%}}

.topup-content{margin-top:20px;overflow-wrap:anywhere}.topup-content-section{border-top:1px solid #d6e2df;padding:16px 0}.topup-content-section summary{cursor:pointer;font-weight:700;font-size:16px;padding:4px 0}.topup-content-section p{white-space:pre-wrap;line-height:1.8;margin:12px 0}.topup-content-section small{display:block;margin-top:12px}.topup-content-section .topup-payment{color:#17604e;font-weight:700}.topup-overview{min-width:0}

.topup-detail>div{min-width:0}.topup-selection{margin:24px 0}.topup-control{margin:20px 0;min-width:0}.topup-control label{display:block;font-weight:600;margin-bottom:8px}.topup-control select,.topup-control input{width:100%;max-width:100%;min-height:48px;padding:12px;border:1px solid #d6e2df;border-radius:10px;background:#fff;color:inherit;font:inherit}.topup-control select{white-space:normal}.topup-control input:focus-visible,.topup-control select:focus-visible{outline:2px solid #247761;outline-offset:2px}.topup-control small{display:block;margin-top:8px;color:#617570;line-height:1.7}.topup-package-detail{overflow-wrap:anywhere;white-space:pre-wrap;line-height:1.7;margin:10px 0 0}.topup-package-detail:empty{display:none}.topup-control[hidden]{display:none}