/* eSIM cluster styles (letim.me/esim/*) — scoped under .esimc.
   Uses site tokens from /css/style.css. */

.esimc{color:var(--text,#B1B1B1)}
.esimc h1,.esimc h2,.esimc h3,.esimc h4{color:var(--headline-bright,#E2E8F0)}
.esimc a{color:inherit;text-decoration:none}
.esimc .wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.esimc .crumbs{padding:18px 0 0;font-size:.82rem;color:var(--text-dim,#6B7280)}
.esimc .crumbs a:hover{color:var(--accent)}
.esimc .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:6px}
.esimc .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;cursor:pointer;font-family:inherit;font-weight:700;border-radius:12px;padding:14px 24px;font-size:15px;transition:.18s}
.esimc .btn--p{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#141106;box-shadow:0 10px 26px -10px rgba(245,158,11,.75)}
.esimc .btn--p:hover{transform:translateY(-2px)}
.esimc .btn--g{background:rgba(255,255,255,.05);border:1.5px solid #33456b;color:var(--headline-bright,#E2E8F0)}
.esimc .btn--g:hover{border-color:var(--accent);color:#fbbf24}
.esimc .btn--ad{background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#06101f;box-shadow:0 10px 26px -12px rgba(59,130,246,.7)}
.esimc .btn--ad:hover{transform:translateY(-2px)}

/* eSIM header (единая, вместо шапки letim.me) */
.esim-body{background:var(--bg)}
.esimc .ec-hd{position:sticky;top:0;z-index:60;background:rgba(10,16,31,.85);backdrop-filter:blur(12px);border-bottom:1px solid var(--border,rgba(255,255,255,.06));transition:.2s}
.esimc .ec-hd.is-scrolled{background:rgba(10,16,31,.96)}
.esimc .ec-hd__in{max-width:1120px;margin:0 auto;padding:12px 20px;min-height:64px;display:flex;align-items:center;gap:18px;position:relative}
.esimc .ec-hd__logo{display:inline-flex;align-items:center;gap:10px;flex:none}
.esimc .ec-hd__ic{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#141106;flex:none}
.esimc .ec-hd__ic svg{width:17px;height:17px;display:block}
.esimc .ec-hd__txt{display:flex;flex-direction:column;line-height:1}
.esimc .ec-hd__row{display:inline-flex;align-items:center;gap:7px}
.esimc .ec-hd__row b{font-weight:800;font-size:17px;color:#eef3fb;letter-spacing:.01em}
.esimc .ec-hd__tag{font-size:10px;font-weight:800;padding:2px 6px;border-radius:6px;border:1px solid rgba(245,158,11,.55);color:#fbbf24}
.esimc .ec-hd__sub{font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#8290ab;margin-top:3px}
.esimc .ec-hd__nav{margin-left:auto;display:flex;gap:22px}
.esimc .ec-hd__nav a{font-size:14px;color:var(--text-muted,#8A93A6)}
.esimc .ec-hd__nav a:hover{color:#fff}
.esimc .ec-hd__cta{font-size:13.5px;font-weight:700;padding:9px 16px;border-radius:10px;background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#141106;white-space:nowrap}
.esimc .ec-hd__cta:hover{transform:translateY(-1px)}
.esimc .ec-hd__toggle{display:none;flex-direction:column;gap:5px;padding:8px;background:none;border:0;cursor:pointer}
.esimc .ec-hd__toggle span{width:22px;height:2px;background:#e2e8f0;border-radius:2px}
@media(max-width:820px){
  .esimc .ec-hd__nav{display:none}
  .esimc .ec-hd__nav.is-open{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background:rgba(10,16,31,.98);border-bottom:1px solid var(--border);padding:8px 20px 16px}
  .esimc .ec-hd__nav.is-open a{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:15px}
  .esimc .ec-hd__toggle{display:flex;margin-left:auto}
  .esimc .ec-hd__sub{display:none}
}
/* eSIM footer */
.esimc .ec-ft{border-top:1px solid var(--border,rgba(255,255,255,.06));margin-top:30px;padding:34px 0 24px;background:rgba(255,255,255,.015)}
.esimc .ec-ft__in{max-width:1120px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}
.esimc .ec-ft__logo{display:inline-flex;align-items:center;gap:10px;margin-bottom:12px}
.esimc .ec-ft__brand p{color:var(--text-muted,#8A93A6);font-size:14px;line-height:1.6;margin:0 0 8px;max-width:300px}
.esimc .ec-ft__disc{font-size:11.5px;color:var(--text-dim,#6B7280)}
.esimc .ec-ft__col h4{font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#cfe0f6;margin:0 0 12px}
.esimc .ec-ft__col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.esimc .ec-ft__col a{font-size:14px;color:var(--text-muted,#8A93A6)}
.esimc .ec-ft__col a:hover{color:var(--accent)}
.esimc .ec-ft__bottom{max-width:1120px;margin:26px auto 0;padding:16px 20px 0;border-top:1px solid var(--border,rgba(255,255,255,.06));font-size:12.5px;color:var(--text-dim,#6B7280)}
.esimc .ec-ft__bottom a{color:var(--text-muted)}
@media(max-width:900px){.esimc .ec-ft__in{grid-template-columns:1fr 1fr;gap:24px}}
@media(max-width:560px){.esimc .ec-ft__in{grid-template-columns:1fr}}

/* hero */
.esimc .ec-hero{position:relative;overflow:hidden;padding:26px 0 8px}
.esimc .ec-hero__glow{position:absolute;top:-160px;right:-120px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(245,158,11,.20),transparent 70%);filter:blur(40px);pointer-events:none}
.esimc .ec-hero__grid{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:start;position:relative}
.esimc h1{font-size:clamp(30px,4.4vw,50px);line-height:1.06;font-weight:900;letter-spacing:-.02em;margin:10px 0 14px}
.esimc .ec-lead{font-size:18px;color:var(--text-muted,#8A93A6);margin:0 0 22px;max-width:560px}
.esimc .ec-facts{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}
.esimc .ec-fact{display:inline-flex;align-items:center;gap:8px;background:var(--surface,#1E293B);border:1px solid var(--border,rgba(255,255,255,.06));border-radius:999px;padding:8px 14px;font-size:13.5px;color:#dbe6f6}
.esimc .ec-fact b{color:#fbbf24}
.esimc .ec-cta{display:flex;gap:12px;flex-wrap:wrap}

/* answer block */
.esimc .ec-answer{margin-top:26px;background:linear-gradient(135deg,#101b30,#16213c);border:1px solid var(--border,rgba(255,255,255,.06));border-left:3px solid var(--accent);border-radius:16px;padding:20px 22px}
.esimc .ec-answer h2{font-size:15px;margin:0 0 10px;font-weight:800}
.esimc .ec-answer ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:7px}
.esimc .ec-answer li{font-size:15px;color:#cfdcf0;position:relative;padding-left:18px}
.esimc .ec-answer li::before{content:"•";color:var(--accent);font-weight:900;position:absolute;left:0}
.esimc .ec-answer b{color:#fff}

/* price card */
.esimc .ec-price-card{background:linear-gradient(160deg,#141d33,#1b2745);border:1px solid var(--border,rgba(255,255,255,.06));border-radius:20px;padding:24px;position:sticky;top:84px}
.esimc .ec-price-card h3{margin:0 0 4px;font-size:19px}
.esimc .ec-price-card .sub{color:var(--text-muted,#8A93A6);font-size:13.5px;margin-bottom:18px}
.esimc .ec-rate{display:flex;align-items:flex-end;gap:14px;margin-bottom:6px}
.esimc .ec-rate .num{font-size:40px;font-weight:900;color:#fbbf24;line-height:1}
.esimc .ec-rate .unit{color:var(--text-muted,#8A93A6);font-size:15px;padding-bottom:4px}
.esimc .ec-gb{color:var(--text-muted,#8A93A6);font-size:14px;margin-bottom:18px}
.esimc .ec-gb b{color:#dbe6f6}
.esimc .ec-promo{display:flex;align-items:center;gap:10px;background:rgba(245,158,11,.1);border:1px dashed rgba(245,158,11,.45);border-radius:12px;padding:11px 13px;font-size:13.5px;color:#ffd98a;margin-bottom:16px}
.esimc .ec-price-card .btn{width:100%}
.esimc .ec-note{font-size:12px;color:var(--text-dim,#6B7280);margin-top:12px;line-height:1.5}

/* sections */
.esimc section{padding:30px 0}
.esimc h2.sec{font-size:clamp(22px,3vw,32px);font-weight:800;letter-spacing:-.01em;margin:0 0 16px}
.esimc .muted{color:var(--text-muted,#8A93A6)}
.esimc .ec-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.esimc .ec-card{background:var(--surface,#1E293B);border:1px solid var(--border,rgba(255,255,255,.06));border-radius:16px;padding:20px}
.esimc .ec-card .step{font-size:12px;font-weight:800;color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}
.esimc .ec-card h4{margin:0 0 6px;font-size:17px}
.esimc .ec-card p{margin:0;color:var(--text-muted,#8A93A6);font-size:14.5px}

/* table */
.esimc .ec-tablewrap{overflow-x:auto;background:var(--surface,#1E293B);border:1px solid var(--border,rgba(255,255,255,.06));border-radius:14px;margin-top:16px}
.esimc table{width:100%;border-collapse:collapse;font-size:15px}
.esimc th,.esimc td{padding:12px 16px;text-align:left;border-bottom:1px solid rgba(255,255,255,.05)}
.esimc thead th{background:#101a2e;color:#cfe0f6;font-weight:700;font-size:12.5px;text-transform:uppercase;letter-spacing:.04em}
.esimc tbody tr:nth-child(even){background:rgba(255,255,255,.02)}
.esimc td b{color:#fbbf24}
.esimc .ec-cmp{color:#4ade80;font-weight:700}
.esimc .ec-flagcell{font-size:18px;margin-right:8px}

/* steps */
.esimc .ec-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}
.esimc .ec-chip{background:var(--surface,#1E293B);border:1px solid var(--border,rgba(255,255,255,.06));border-radius:999px;padding:8px 14px;font-size:14px;color:#cfdcf0}

/* faq */
.esimc details{background:var(--surface,#1E293B);border:1px solid var(--border,rgba(255,255,255,.06));border-radius:14px;margin-bottom:10px;overflow:hidden}
.esimc details summary{cursor:pointer;list-style:none;padding:16px 18px;font-weight:700;color:#eaf1fb;display:flex;justify-content:space-between;gap:12px;align-items:center}
.esimc details summary::-webkit-details-marker{display:none}
.esimc details summary::after{content:"+";color:var(--accent);font-weight:900;font-size:20px;line-height:1}
.esimc details[open] summary::after{content:"–"}
.esimc details p{margin:0;padding:0 18px 16px;color:var(--text-muted,#8A93A6);font-size:15px}

/* related */
.esimc .ec-rel{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.esimc .ec-rel a{background:var(--surface,#1E293B);border:1px solid var(--border,rgba(255,255,255,.06));border-radius:14px;padding:14px 16px;transition:.18s}
.esimc .ec-rel a:hover{border-color:var(--accent);transform:translateY(-2px)}
.esimc .ec-rel .flag{font-size:22px}
.esimc .ec-rel .n{display:block;color:#fff;font-weight:700;font-size:15px;margin-top:6px}
.esimc .ec-rel .p{color:#fbbf24;font-size:13px;font-weight:700}

/* final */
.esimc .ec-final{background:linear-gradient(135deg,#101b30,#1b2745);border:1px solid var(--border,rgba(255,255,255,.06));border-radius:22px;padding:36px;text-align:center}
.esimc .ec-final h2{margin:0 0 10px;font-size:clamp(22px,3vw,30px)}
.esimc .ec-final p{color:var(--text-muted,#8A93A6);margin:0 0 20px}

/* altyn partner (ad) */
.esimc .ec-altyn{position:relative;margin:34px 0;background:#0d1524;border:1.5px dashed #33456b;border-radius:16px;padding:22px 24px}
.esimc .ec-altyn__label{position:absolute;top:12px;right:14px;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#7d8aa6;border:1px solid #2c3a5c;border-radius:6px;padding:3px 8px;background:rgba(255,255,255,.03)}
.esimc .ec-altyn__title{font-size:18px;font-weight:800;color:#eef3fb;margin:0 0 6px;padding-right:80px}
.esimc .ec-altyn__desc{margin:0 0 14px;color:#9fb0cc;font-size:15px;max-width:760px}
.esimc .ec-altyn__offer{display:flex;align-items:baseline;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.esimc .ec-altyn__price{font-size:26px;font-weight:900;color:#8cc2ff}
.esimc .ec-altyn__old{color:#8a97b3;text-decoration:line-through}
.esimc .ec-altyn__badge{background:rgba(96,165,250,.1);border:1px solid rgba(96,165,250,.4);color:#9ccbff;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:4px 12px;border-radius:999px}
.esimc .ec-altyn__actions{display:flex;gap:12px;flex-wrap:wrap}
.esimc .ec-altyn__disc{margin-top:12px;font-size:12px;color:var(--text-dim,#6B7280)}

/* hub cards */
.esimc .ec-hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin-top:16px}
.esimc .ec-hub-card{display:flex;align-items:center;gap:12px;background:var(--surface,#1E293B);border:1px solid var(--border,rgba(255,255,255,.06));border-radius:14px;padding:14px 16px;transition:.18s}
.esimc .ec-hub-card:hover{border-color:var(--accent);transform:translateY(-2px)}
.esimc .ec-hub-card .flag{font-size:24px}
.esimc .ec-hub-card .n{display:block;color:#fff;font-weight:700;font-size:15px;line-height:1.2}
.esimc .ec-hub-card .p{display:block;color:#fbbf24;font-size:12.5px;font-weight:700;margin-top:2px}
.esimc .ec-hub-card .r{margin-left:auto;color:var(--text-dim,#6B7280);font-size:18px}

/* info pages */
.esimc .ec-prose{max-width:820px}
.esimc .ec-prose h2{font-size:clamp(20px,2.6vw,28px);margin:28px 0 12px}
.esimc .ec-prose h3{font-size:19px;margin:22px 0 8px}
.esimc .ec-prose p{color:#cbd5e1;line-height:1.7;margin:0 0 14px}
.esimc .ec-prose ul{margin:0 0 14px;padding-left:22px;color:#cbd5e1}
.esimc .ec-prose li{margin:5px 0}
.esimc .ec-prose b{color:#fff}
.esimc .ec-prose a{color:var(--accent);border-bottom:1px dashed rgba(245,158,11,.4)}
.esimc .ec-prose table{margin:14px 0}

@media(max-width:900px){
  .esimc .ec-hero__grid{grid-template-columns:1fr}
  .esimc .ec-price-card{position:static}
  .esimc .ec-grid3{grid-template-columns:1fr}
  .esimc .ec-rel{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .esimc .ec-rate .num{font-size:34px}
  .esimc h1{font-size:clamp(26px,7vw,34px)}
}
