.browsing-intro { align-items:start; flex-direction:column; gap:14px; }
.browsing-countries { display:flex; gap:18px; flex-wrap:wrap; }
.browsing-countries>span { display:inline-flex; align-items:center; gap:7px; }
.browsing-plans { grid-template-columns:repeat(4,minmax(0,1fr)); }
.browsing-plans .plan-card { padding-inline:20px; }
.browsing-plans .plan-number { font-size:62px; }
.browsing-plans .plan-price { flex-wrap:wrap; }
.browsing-plans .plan-price strong { font-size:29px; }
.browsing-plans .plan-price del { flex-basis:100%; font-size:14px; color:#c9b5d9; min-height:24px; }
.browsing-plans .plan-price:not(:has(del)) { padding-top:24px; }
.browsing-connections { margin-top:24px; border-top:1px solid #c8b8d8; padding-top:20px; min-width:0; }
.browsing-connections[hidden] { display:none; }
.browsing-connections label { display:block; font-weight:700; margin-bottom:8px; }
.subscription-copy { display:flex; align-items:center; gap:10px; }
.subscription-copy input { min-width:0; flex:1; width:100%; min-height:48px; font-size:14px; padding:10px; border:1px solid #867098; border-radius:10px; background:#fff; color:#281a3c; }
.subscription-copy input:focus { outline:3px solid #a274ee; outline-offset:3px; }
.config-details { margin-top:20px; }
.config-details summary { cursor:pointer; min-height:48px; padding-block:12px; font-weight:700; }
.config-list { list-style:none; padding:0; margin:0; }
.config-list li { display:flex; justify-content:space-between; align-items:center; gap:12px; border-bottom:1px solid #c8b8d8; padding-block:10px; }
.config-list li:has(.manual-config){flex-wrap:wrap;}
.manual-config{width:100%;min-width:0;font-size:14px;min-height:48px;padding:10px;border:1px solid #867098;border-radius:10px;color:#281a3c;background:#fff;}
.config-list bdi { overflow-wrap:anywhere; font-size:14px; }
.config-country { display:flex; align-items:center; gap:8px; min-width:0; }
.config-country img { flex-shrink:0; object-fit:contain; }
.config-list .button { flex-shrink:0; min-width:64px; }
.browsing-owned .owned-header p { overflow-wrap:anywhere; }
@media(max-width:1050px){.browsing-plans{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:760px){
 .browsing-plans{grid-template-columns:minmax(0,1fr);}
 .browsing-plans .plan-number{font-size:53px;}
 .browsing-plans .plan-price strong{font-size:25px;}
 .browsing-plans .plan-price del{font-size:12px;}
 .browsing-countries{gap:10px 16px;}
 .subscription-copy{align-items:stretch;flex-direction:column;}
 .config-list{margin-inline:0;}
 .config-list bdi{font-size:13px;}
 .browsing-owned .owned-meta{grid-template-columns:1fr;}
}
.config-list li {flex-wrap:wrap}
.config-list .config-country {flex:1 1 140px}
.connection-qr {margin-block:10px;min-width:0}
.config-list .connection-qr {flex-basis:100%;margin-block:0}
.connection-qr .button {min-height:44px}
.connection-qr-panel {margin:16px 0 6px;display:grid;justify-items:center;gap:12px;max-width:100%}
.connection-qr-panel[hidden] {display:none}
.connection-qr-panel img {display:block;width:min(100%,280px);height:auto;aspect-ratio:1;background:white}
.connection-qr-panel figcaption {font-size:13px;line-height:1.8;text-align:center;overflow-wrap:anywhere;color:#544063}
