:root { --brand: #76C893; --ink: #0f172a; --muted: #64748b; --line: #e5e7eb; --bg: #ffffff; --mx-teal: #76C893; }
vn-tabs { max-width: 900px; margin: 24px auto; color: var(--ink); /* padding: 10px 12px; */ }
vn-tabs input { display: none; } /* Tab headers */
vn-labels { display: flex; border: 1px solid var(--line); border-radius: 12px 12px 0 0; overflow: hidden; }
vn-labels label { flex: 1; padding: 12px 6px; text-align: center; font-weight: 600; background: #f7faf9; cursor: pointer; border-right: 1px solid var(--line); font-size: 14px; line-height: 1
2; transition: all 0
3s ease; }
vn-labels label:last-child { border-right: none; }
vn-labels label:hover { background: #e8f5f0; } #vn1:checked~
vn-labels label[for=vn1], #vn2:checked~
vn-labels label[for=vn2], #vn3:checked~
vn-labels label[for=vn3] { background: var(--brand); color: #064e3b; } /* Panels */
vn-panels { background:white; border-top: none; border-radius: 0 0 12px 12px; padding: 20px; }
vn-panel { display: none; background:white; } #vn1:checked~
vn-panels #vnp1, #vn2:checked~
vn-panels #vnp2, #vn3:checked~
vn-panels #vnp3 { display: block; } /* Key-value layout - FIXED */
kv { display: flex; flex-direction: column; gap: 16px; }
kv-row { display: grid; grid-template-columns: minmax(240px, 240px) 1fr; gap: 20px; align-items: start; }
kv-row b { color: var(--muted); font-weight:400; padding: 8px 0px; display: block; }
kv-row b::after { content: ""; }
kv-row span { line-height: 1
6; font-weight: 600; word-break: break-word; padding: 8px 0px; color: var(--ink); }
mx-note { margin-top: 16px; border-left: 4px solid var(--mx-teal); background: rgba(118, 200, 147, 0
08); padding: 12px 16px; border-radius: 8px; color: var(--ink); font-size: 14px; line-height: 1
6; font-weight: 500; } /* 📱 Mobile optimisation */ @media (max-width: 768px) {
kv-row { grid-template-columns: minmax(160px, 160px) 1fr; gap: 16px; }
kv-row b { font-size: 13px; padding: 6px 10px; }
kv-row span { font-size: 14px; }
vn-panels { padding: 16px; } } @media (max-width: 640px) {
kv { gap: 12px; }
kv-row { /* grid-template-columns: 1fr; */ gap: 6px; padding: 12px 0px; border-radius: 8px; }
kv-row b { background: transparent; padding: 0; border-left: none; font-size: 13px; color: var(--muted); font-weight: 600; /* text-transform: uppercase; */ letter-spacing: 0
3px; }
kv-row span { font-size: 14
5px; color: var(--ink); font-weight: 500; padding: 0; padding-top: 2px; }
vn-labels label { font-size: 12
5px; padding: 11px 4px; }
vn-panels { padding: 12px; }
mx-note { font-size: 13px; padding: 10px 12px; } }
note { font-size: 14px; color: var(--muted); margin-top: 16px; padding: 12px; background: #f9fafb; border-radius: 6px; line-height: 1
6; } Overview Plans & NetworkActivation & Delivery Product Travel eSIM for Europe SIM Form eSIM (Digital SIM) Mobile Plan Type Prepaid Data Speed 4G / 5G / LTE Tethering / Hotspot Allowed except Unlimited Data Plans Documentation No documentation required Compatibility All eSIM-compatible smartphones Please ensure your device is eSIM-compatible and carrier-unlocked before purchase
Data Allowance 1 GB, 2 GB, 3 GB, 5 GB, 10 GB, 25 GB, 50 GB to Unlimited Validity Period 5 days, 7 days, 14 days to 30 days Cellular Network Vodafone, Three, Telenor, SFR, Swisscom, Telia, A1, etc
Countries Covered Please see the list below Incoming Calls Incoming free (not on data-only plans) Mobile Number UK-based (+44) for call-enabled plans
No number for data-only plans
eSIM Activation Automatic after installation Installation Process Scan QR code or manually enter SMDP address with activation code Validity Start Date Validity starts from the date of its first usage
Delivery Instant – eSIM details sent via email Tip: Use Wi-Fi during installation
After activation, enable Data Roaming and set this eSIM as your Default Data line
