/* Mobile countries only. No changes to copy, visibility, routes or shared navigation. */
body[data-mobile-country-design] { --mc-line:#29334a; --mc-muted:#aab6cf; }
body[data-mobile-country-design] .topbar { background:#0b1020; border-bottom:1px solid #222b42; }
body[data-mobile-country-design] .topbar a { color:#aab6cf; }
body[data-mobile-country-design] main { max-width:1200px; margin-inline:auto; padding-inline:32px; }
body[data-mobile-country-design] main :is(.pr-hero,.hero-outer) { padding:30px 0 56px; }
body[data-mobile-country-design] main .hero-card { padding:0; border:0; background:none; box-shadow:none; border-radius:0; }
body[data-mobile-country-design] main :is(.pr-crumb,.crumbs) { margin:0 0 36px; min-height:44px; font-size:13px; }
body[data-mobile-country-design] main :is(.pr-hero-grid,.hero-grid) { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr); gap:56px; align-items:center; }
body[data-mobile-country-design] main .hero-copy { order:0; min-width:0; }
body[data-mobile-country-design] main h1 { font-size:clamp(38px,4.5vw,64px); letter-spacing:-.045em; line-height:1.06; max-width:15ch; margin:0 0 24px; overflow-wrap:normal; }
body[data-mobile-country-design] main :is(.pr-lead,.lead) { font-size:17px; line-height:1.7; color:#bbc5da; max-width:59ch; }
body[data-mobile-country-design] main :is(.pr-note,.trust,.tool-byline) { font-size:12px; line-height:1.7; color:var(--mc-muted); }
body[data-mobile-country-design] main :is(.pr-actions,.cta-row) { display:flex; flex-wrap:wrap; gap:12px; margin-top:24px; }
body[data-mobile-country-design] main :is(.pr-button,.pr-secondary,.btn-cta,.btn-outline) { min-height:48px; padding:13px 19px; font-size:14px; border-radius:9px; }
body[data-mobile-country-design] main :is(a,button,summary):focus-visible { outline:2px solid #c5c4ff; outline-offset:5px; }
body[data-mobile-country-design] main :is(.pr-toc,.section,.pr-section,.qmct-targeting) { scroll-margin-top:110px; }
body[data-mobile-country-design] main .pr-toc { gap:8px 28px; border-color:var(--mc-line); }
body[data-mobile-country-design] main .pr-toc a { min-height:52px; }
body[data-mobile-country-design] main :is(.section,.pr-section) { padding:56px 0; margin-inline:0; width:100%; }
body[data-mobile-country-design] main :is(.section,.pr-section)>p { max-width:82ch; color:var(--mc-muted); }
body[data-mobile-country-design] main h2 { font-size:clamp(26px,3vw,38px); line-height:1.15; letter-spacing:-.03em; }
body[data-mobile-country-design] main .split { display:block; }
body[data-mobile-country-design] main .split .copy { max-width:85ch; }
/* Real country geometry with a product-specific SIM illustration. */
.mc-network-visual { position:relative; isolation:isolate; width:calc(100% + 48px); margin-inline:-24px; aspect-ratio:640/520; overflow:hidden; }
.hero-grid>.mc-network-visual { order:1; width:100%; margin:0; border:1px solid var(--mc-line); border-radius:24px; background:#0b1020; }
.mc-country-scene { display:block; width:100%; height:auto; aspect-ratio:640/520; animation:mc-reveal .65s ease-out both; }
@keyframes mc-reveal { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:translateY(0); } }
body[data-mobile-country-design] main .pr-hero-panel { padding:0 24px 20px; overflow:hidden; background:#0b1020; border:1px solid var(--mc-line); border-radius:24px; }
body[data-mobile-country-design] main .pr-hero-panel>.pr-eyebrow { padding-top:18px; border-top:1px solid var(--mc-line); margin-bottom:0; }
body[data-mobile-country-design] main .pr-hero-panel dl { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:18px 0; }
body[data-mobile-country-design] main .pr-hero-panel dl div { display:flex; flex-direction:column; gap:6px; padding:0; border:0; align-items:flex-start; }
body[data-mobile-country-design] main .pr-hero-panel dd { font-size:28px; line-height:1.1; }
body[data-mobile-country-design] main .pr-hero-panel dt { font-size:11px; }
/* Carrier names remain real text; codes and complete state/city trees stay available without JS. */
body[data-mobile-country-design] main :is(.pr-carriers,.uc-grid) { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr)); gap:14px; padding:0; margin:28px 0; }
body[data-mobile-country-design] main :is(.pr-carriers li,.uc) { min-width:0; position:relative; border:1px solid var(--mc-line); border-radius:14px; background:#0b1020; padding:23px 20px; box-shadow:none; transition:border-color 180ms,background 180ms; }
body[data-mobile-country-design] main :is(.pr-carriers li,.uc):hover { background:#131a2b; border-color:#656281; transform:none; }
body[data-mobile-country-design] main :is(.pr-carriers strong,.uc h3) { font-size:16px; line-height:1.5; color:#e6eaf5; margin-bottom:10px; }
body[data-mobile-country-design] main :is(.pr-carriers code,.uc p) { font-size:12px; color:#abb8d1; overflow-wrap:anywhere; }
body[data-mobile-country-design] main .qmct-targeting { border:1px solid var(--mc-line); border-radius:20px; padding:24px; background:#0b1020; }
body[data-mobile-country-design] main .qmct-summary { min-height:52px; padding:14px 0; cursor:pointer; }
body[data-mobile-country-design] main .qmct-title { font-size:26px; margin:0; }
body[data-mobile-country-design] main .qmct-regions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; align-items:start; }
body[data-mobile-country-design] main .qmct-region { border:1px solid var(--mc-line); padding:22px; border-radius:12px; background:#11172a; min-width:0; }
body[data-mobile-country-design] main .qmct-region:last-child { border-bottom:0; }
body[data-mobile-country-design] main .qmct-region-name { font-size:18px; color:#dfddec; }
body[data-mobile-country-design] main :is(.qmct-city-list,.qmct-networks) { color:var(--mc-muted); line-height:1.8; }
body[data-mobile-country-design] main .qmct-cities { list-style:none; padding:0; }
body[data-mobile-country-design] main li.qmct-city { padding:14px 16px; border-left:2px solid #6e65964d; background:#171e302e; margin:10px 0; border-radius:0 8px 8px 0; }
body[data-mobile-country-design] main :is(.facts,.pr-facts) { gap:0; border:1px solid var(--mc-line); border-radius:16px; background:#0b1020; overflow:hidden; }
body[data-mobile-country-design] main :is(.fact,.pr-facts>div) { padding:24px; border:0; border-right:1px solid var(--mc-line); background:transparent; box-shadow:none; }
body[data-mobile-country-design] main .fact strong { color:#e6eaf5; font-size:23px; }
body[data-mobile-country-design] main .fact span { color:var(--mc-muted); font-size:14px; }
body[data-mobile-country-design] main :is(.pr-prices,.tiers) { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; background:none; border:0; border-radius:0; overflow:visible; }
body[data-mobile-country-design] main :is(.pr-prices article,.tier) { padding:28px; border:1px solid var(--mc-line); border-radius:18px; background:#0b1020; box-shadow:none; position:relative; }
body[data-mobile-country-design] main :is(.pr-prices article:first-child,.tier.featured) { border-color:#8780b3; background:linear-gradient(150deg,#26233c,#0b1020 72%); }
body[data-mobile-country-design] main .tier:hover { border-color:#9992bf; transform:translateY(-3px); }
body[data-mobile-country-design] main .tier .badge { position:static; display:inline-block; margin:0 0 18px; transform:none; background:#cecae6; color:#171526; }
body[data-mobile-country-design] main :is(.pr-price,.tier .price) { font-size:42px; letter-spacing:-.04em; color:#e6eaf5; }
body[data-mobile-country-design] main :is(.pr-faq,.qa) { border:0; border-bottom:1px solid var(--mc-line); background:transparent; border-radius:0; }
body[data-mobile-country-design] main :is(.pr-faq,.qa)>summary { min-height:56px; padding-block:22px; }
body[data-mobile-country-design] main :is(.pr-final,.final-band) { margin:44px 0; border:1px solid var(--mc-line); border-radius:22px; padding:40px; background:linear-gradient(110deg,#222039,#0b1020); }
body[data-mobile-country-design] main :is(pre,.code-card) { max-width:100%; overflow-x:auto; }
body[data-mobile-country-design] [hidden] { display:none!important; }
.mc-search { margin:24px 0 28px; max-width:680px; }
.mc-search-label { display:block; color:#e6eaf5; font-size:14px; font-weight:600; margin-bottom:10px; }
.mc-search-field { display:flex; gap:8px; padding:5px; border:1px solid #42506e; border-radius:12px; background:#050a17; }
.mc-search-field:focus-within { border-color:#a99aff; box-shadow:0 0 0 3px #6d5cff20; }
.mc-search-input { width:100%; min-width:0; border:0; background:none; color:#e6eaf5; min-height:46px; padding:10px 12px; font:inherit; font-size:15px; border-radius:8px; }
.mc-search-input::placeholder { color:#8f9cb7; }
.mc-search-reset { min-height:44px; min-width:60px; border:1px solid #384863; background:#192339; color:#e6eaf5; border-radius:8px; cursor:pointer; font:inherit; font-size:13px; }
.mc-search-status { min-height:32px; margin:10px 0 0; font-size:12px; line-height:1.6; color:#aab6cf; }
.mc-is-filtering .mc-separator { display:none; }
.mc-is-filtering .qmct-city-list .qmct-city:not([hidden]) { display:inline-flex; margin:4px 8px 4px 0; padding:4px 9px; background:#1b2540; border-radius:6px; }
@media(max-width:900px) {
 body[data-mobile-country-design] main :is(.pr-hero-grid,.hero-grid) { gap:28px; grid-template-columns:minmax(0,1.2fr) minmax(260px,1fr); }
 body[data-mobile-country-design] main :is(.pr-carriers,.uc-grid) { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:760px) {
 body[data-mobile-country-design] main { padding-inline:20px; }
 body[data-mobile-country-design] main :is(.pr-hero,.hero-outer) { padding:16px 0 36px; }
 body[data-mobile-country-design] main :is(.pr-crumb,.crumbs) { margin-bottom:22px; }
 body[data-mobile-country-design] main :is(.pr-hero-grid,.hero-grid) { grid-template-columns:1fr; gap:30px; }
 body[data-mobile-country-design] main h1 { font-size:clamp(34px,8.5vw,48px); max-width:18ch; overflow-wrap:anywhere; margin-bottom:18px; }
 body[data-mobile-country-design] main :is(.pr-lead,.lead) { font-size:15px; line-height:1.65; }
 body[data-mobile-country-design] main :is(.pr-actions,.cta-row) { gap:10px; margin-top:18px; }
 body[data-mobile-country-design] main :is(.pr-actions,.cta-row)>a { width:100%; }
 body[data-mobile-country-design] main :is(.pr-prices,.tiers) { grid-template-columns:1fr; }
 body[data-mobile-country-design] main :is(.section,.pr-section) { padding-block:36px; }
 body[data-mobile-country-design] main .facts { grid-template-columns:repeat(2,minmax(0,1fr)); }
 body[data-mobile-country-design] main :is(.fact,.pr-facts>div) { padding:20px; border-bottom:1px solid var(--mc-line); }
 body[data-mobile-country-design] main .pr-hero-panel { padding:0 20px 18px; }
 body[data-mobile-country-design] main .qmct-targeting { padding:18px; }
 body[data-mobile-country-design] main .qmct-title { font-size:24px; }
 body[data-mobile-country-design] main :is(.pr-final,.final-band) { padding:28px 22px; }
 .mc-network-visual { width:calc(100% + 40px); margin-inline:-20px; }
 .hero-grid>.mc-network-visual { width:100%; margin:0; }
 body[data-mobile-country-design] main .qmct-regions { grid-template-columns:1fr; }
 body[data-mobile-country-design] main .qmct-region { padding:18px; }
}
@media(max-width:400px) {
 body[data-mobile-country-design] main { padding-inline:16px; }
 body[data-mobile-country-design] main :is(.pr-carriers,.uc-grid) { grid-template-columns:1fr; }
}
@media(prefers-reduced-motion:reduce) {
 body[data-mobile-country-design] main *,body[data-mobile-country-design] main *::before,body[data-mobile-country-design] main *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}