.esim-guide{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.5fr);gap:8vw;border-top:1px solid var(--line);padding-top:70px;padding-bottom:70px;scroll-margin-top:30px}.esim-guide-heading .eyebrow{color:var(--red)}.esim-guide-heading h2{font-size:clamp(34px,3.7vw,50px);max-width:340px}.esim-guide-intro{font-size:14px;color:var(--muted);margin-top:20px;max-width:330px}.esim-checklist{padding:0;margin:28px 0;list-style:none;border-top:1px solid var(--line)}.esim-checklist li{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.esim-checklist li:before{content:'✓';color:var(--green);font-weight:700}.esim-guide-heading .text-link{font-size:12px}.esim-device-tabs{display:flex;border-bottom:1px solid #cdd3c9;margin-bottom:25px;gap:5px}.esim-device-tabs button{flex:1;min-height:53px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--muted);font-size:13px;font-weight:600;padding:10px 8px;transition:color .18s,border-color .18s,background .18s}.esim-device-tabs button[aria-selected=true]{color:var(--red);border-color:var(--red);background:#f4eee8}.esim-device-tabs button:hover{color:var(--red)}.esim-panel[hidden]{display:none}.esim-panel{animation:esim-panel-in .2s ease-out}.esim-panel h3{font-size:21px;margin-bottom:22px}.esim-instructions{list-style:none;margin:0;padding:0;counter-reset:esim-step}.esim-instructions li{counter-increment:esim-step;position:relative;padding:0 0 22px 42px;margin:0 0 20px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted);line-height:1.8}.esim-instructions li:before{content:'0' counter(esim-step);position:absolute;left:0;top:0;color:var(--red);font-size:10px;font-weight:600}.esim-instructions strong{display:block;font-size:14px;color:var(--ink);font-weight:600;margin-bottom:6px}.esim-menu-path{display:block;color:var(--green);font-size:12px;line-height:1.9}.esim-instructions p{margin-top:6px}.esim-device-note{font-size:11px;line-height:1.7;color:var(--muted);margin:0 0 16px}.esim-official-link{font-size:11px;text-decoration:underline;text-underline-offset:3px;color:var(--green)}.esim-after-install{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:22px;background:#edf0e7;border-radius:5px;margin-top:25px}.esim-after-install h4{font-family:Manrope,Arial,sans-serif;font-size:12px;margin:0 0 8px;font-weight:650}.esim-after-install p{font-size:11px;line-height:1.75;color:var(--muted)}.esim-support-note{font-size:10px;color:var(--muted);line-height:1.7;margin-top:18px}.esim-support-note a{text-decoration:underline;text-underline-offset:3px;color:var(--green)}@keyframes esim-panel-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.esim-guide{gap:40px;grid-template-columns:minmax(220px,.8fr) minmax(0,1.4fr)}.esim-after-install{grid-template-columns:1fr;gap:16px}}@media(max-width:650px){.esim-guide{grid-template-columns:1fr;gap:30px;padding-top:44px;padding-bottom:44px}.esim-guide-heading h2{font-size:36px;max-width:100%}.esim-guide-intro{max-width:100%;margin-top:16px}.esim-checklist{margin:22px 0}.esim-device-tabs button{font-size:12px;padding:10px 5px}.esim-panel h3{font-size:20px}.esim-instructions li{padding-left:34px}.esim-after-install{padding:20px}}@media(prefers-reduced-motion:reduce){.esim-panel{animation:none}.esim-device-tabs button{transition:none}}
.esim-guide-heading{position:sticky;top:30px;align-self:start}.esim-screen-heading{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin:0 0 13px;font-size:10px;color:var(--muted)}.esim-screen-heading p{font-weight:600;color:var(--green)}.esim-screens{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0 18px}.esim-screens figure{margin:0;min-width:0}.esim-screen-button{position:relative;display:block;width:fit-content;max-width:100%;margin-inline:auto;border:0;border-radius:24px;padding:0;background:transparent;cursor:zoom-in;transition:transform .18s}.esim-screen-button:hover{transform:translateY(-3px)}.esim-screen-button:focus-visible{outline:2px solid var(--red);outline-offset:6px}.esim-screen-button img{display:block;width:auto;max-width:100%;height:330px;object-fit:contain;border:3px solid #1c2420;border-radius:24px;background:#1c2420;box-shadow:0 8px 18px #17272012}.esim-zoom-mark{position:absolute;right:-7px;bottom:-7px;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:var(--paper);color:var(--green);font-size:15px;border:1px solid var(--line)}.esim-screens figcaption{display:flex;justify-content:center;gap:8px;align-items:baseline;margin-top:18px;font-size:11px;line-height:1.5}.esim-screens figcaption>span{font-size:9px;color:var(--red)}.esim-screens figcaption b{font-weight:550}.esim-image-credit{font-size:10px;color:var(--muted);line-height:1.6;margin-top:14px}.esim-image-credit a{text-decoration:underline;text-underline-offset:2px}.esim-screen-note{font-size:10px;color:var(--muted);line-height:1.6;margin:7px 0 25px}.esim-image-dialog{width:fit-content;max-width:94vw;max-height:94svh;padding:14px 18px;border:1px solid var(--line);border-radius:9px;background:var(--paper);overflow:auto}.esim-image-dialog::backdrop{background:#172720c9;backdrop-filter:blur(4px)}.esim-image-dialog figure{margin:0}.esim-image-dialog img{display:block;width:auto;height:auto;max-width:calc(94vw - 36px);max-height:calc(94svh - 115px);object-fit:contain;margin:auto}.esim-image-dialog figcaption{font-size:13px;font-weight:600;padding:12px 0 2px;text-align:center}.esim-image-close{display:block;margin:0 0 12px auto;border:0;background:transparent;font-size:12px;color:var(--ink);padding:4px 6px}.esim-image-close span{font-size:19px;margin-left:10px;line-height:1}@media(min-width:651px) and (max-width:900px){.esim-screens{gap:12px}.esim-screen-button img{height:245px;border-radius:18px}.esim-screen-button{border-radius:18px}}@media(max-width:650px){.esim-guide-heading{position:static}.esim-screens{grid-template-columns:none;grid-auto-columns:minmax(155px,65%);grid-auto-flow:column;overflow-x:auto;padding:6px 6px 16px;scroll-snap-type:x mandatory}.esim-screens figure{scroll-snap-align:start}.esim-screen-button img{height:300px}.esim-screen-heading{font-size:11px}.esim-image-dialog{padding:12px}.esim-image-dialog img{max-width:calc(94vw - 24px)}}@media(prefers-reduced-motion:reduce){.esim-screen-button{transition:none}.esim-screen-button:hover{transform:none}}
