.roaming-grid.two{grid-template-columns:repeat(2,1fr)}
.package-amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:16px 0}
.package-amounts button{border:1px solid var(--line);background:var(--soft);color:var(--ink);border-radius:9px;padding:11px 4px;font-weight:800;cursor:pointer}
.package-amounts button.active{border-color:var(--blue);background:#eaf1ff;color:var(--blue)}
.currency-box{margin-top:22px;border:1px solid var(--line);border-radius:20px;padding:25px;display:grid;grid-template-columns:1fr auto;gap:18px 25px;align-items:end;background:linear-gradient(135deg,#f7faff,#fff)}
.currency-box h3{margin:8px 0;font-size:20px}.currency-box p{margin:0;color:var(--muted);font-size:13px}.currency-box label{font-size:12px;font-weight:800}
.currency-box input{display:block;margin-top:7px;border:1px solid var(--line);border-radius:9px;padding:11px;font:inherit}
.currency-values{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.currency-values span{background:#fff;border:1px solid var(--line);border-radius:11px;padding:13px}
.currency-values small,.currency-values b{display:block}.currency-values small{color:var(--muted);font-size:10px;margin-bottom:5px}.currency-values b{font-size:15px}.rate-note{grid-column:1/-1;color:var(--muted)}
@media(max-width:900px){.roaming-grid.two{grid-template-columns:1fr}.currency-values{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.currency-box{grid-template-columns:1fr}.currency-values{grid-template-columns:1fr 1fr}.package-amounts{grid-template-columns:1fr 1fr}}