: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 UK e-SIM SIM Form eSIM (Digital SIM) Mobile Plan Type Prepaid Data Speed 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, 3 GB, 5 GB, 10 GB, 20 GB, 25 GB, 50 GB to Unlimited Data Validity Period 7 days, 15 days to 30 days Cellular Network Vodafone / Three (5G) Countries Covered United Kingdom Incoming Calls Incoming Free (Not available on data only plans) Free Talktime As per the plan chosen Mobile Number UK-based mobile number (+44) (No mobile number with 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 We recommend installing the eSIM over Wi-Fi before starting your journey