/* ESIMXPLORE Premium Conversion + Free VPN (presentation only) */
:root{--esx-vpn-blue:#125ed7;--esx-vpn-ink:#102a4a;--esx-vpn-mint:#d8fff1}
.esx-vpn-hero,.esx-vpn-checkout{display:flex;align-items:center;gap:14px;isolation:isolate;background:linear-gradient(115deg,#eff6ff 0%,#e9fdf6 100%);border:1px solid #bdd9f2;border-radius:18px;padding:16px;margin-top:16px;color:#18385a;box-shadow:0 8px 24px rgba(18,70,110,.055)}
.esx-vpn-hero .esx-vpn-mark,.esx-vpn-checkout .esx-vpn-mark{width:50px;height:50px;min-width:50px;border-radius:14px;background:linear-gradient(145deg,#1967e5,#0f9c9c);color:white;display:grid;place-items:center;box-shadow:0 8px 16px #175cb42d}
.esx-vpn-mark svg{width:29px;height:29px;stroke:currentColor;fill:none}
.esx-vpn-hero-copy{flex:1;display:flex;flex-direction:column;gap:5px;min-width:0}
.esx-vpn-hero-copy strong{font-size:17px;font-weight:800;letter-spacing:-.3px;line-height:1.25;color:#0c3158}
.esx-vpn-hero-copy small{font-size:13px!important;line-height:1.45!important;font-weight:500;color:#365a78}
.esx-vpn-free{align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:#d6f9e9;color:#076d4c;border:1px solid #a5e4cc;border-radius:999px;font-size:11px;font-weight:850;padding:5px 9px;letter-spacing:.07em}
.esx514-page.funnel-home .funnel-destination-search .esx-vpn-hero{margin:18px 0 0!important}
.esx514-page.funnel-home .funnel-destination-search .esx-vpn-hero strong{font-size:17px!important}
.esx514-page.funnel-home .funnel-destination-search .esx-vpn-hero small{font-size:13px!important}
.esx514-page.funnel-home .funnel-destination-search .esx-vpn-hero .esx-vpn-mark svg{width:29px!important;height:29px!important}
.esx514-page.funnel-home .funnel-destination-search .esx-vpn-hero .esx-vpn-free{font-size:11px!important}
/* Comparator: make the full payable amount the hero, avoid 'per GB' detours. */
.esx514-page .cmp-funnel-pick .esx-premium-price{display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:1px;min-width:115px;text-align:right!important}
.esx514-page .cmp-funnel-pick .esx-premium-price strong{font-size:32px!important;font-weight:850!important;line-height:1.13!important;letter-spacing:-.9px!important;color:#095bcf!important}
.esx514-page .cmp-funnel-pick .esx-premium-price small:first-child{font-size:12px!important;font-weight:800!important;color:#315a8e!important;letter-spacing:.055em!important}
.esx514-page .cmp-funnel-pick .esx-premium-price small:last-child{font-size:12px!important;color:#697f97!important}
.esx514-page .cmp-funnel-pick-facts{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.esx514-page .cmp-funnel-pick-facts .esx-pick-vpn-fact{background:linear-gradient(125deg,#e6f8f0,#e9f4ff)!important;border:1px solid #b9e9d6!important;color:#126e56!important}
.esx-pick-vpn-fact svg{width:18px;height:18px;stroke:#15966d;display:block;margin:0 auto 3px}
.esx514-page .cmp-funnel-pick-facts .esx-pick-vpn-fact small{font-size:11px!important;font-weight:750!important;color:#38836a!important;letter-spacing:.03em!important}
.esx514-page .cmp-funnel-pick-facts .esx-pick-vpn-fact b{font-weight:800!important;color:#086d50!important}
.esx-smart-vpn{font-weight:700;color:#116b51!important}
.esx-smart-vpn svg{width:17px;height:17px;flex:0 0 17px;margin-right:4px;vertical-align:middle}
.esx-vpn-mobile-badge{display:inline-flex;align-items:center;gap:7px;margin:2px 0 12px;padding:7px 12px;background:#e7f8f0;color:#0d7254;border:1px solid #bcead5;border-radius:999px;font-size:13px;font-weight:800}
.esx-vpn-mobile-badge svg{width:18px;height:18px}
.esx514-page .cmp-funnel-pick .cmp-funnel-buy-form button,.esx514-page .cmp-funnel-pick>a.button{font-weight:750!important;border-radius:14px!important;min-height:56px!important}
/* Direct product detail / picker */
.product-picker .esx-total-amount{display:flex;flex-direction:column;align-items:flex-end;gap:3px;text-align:right}
.product-picker .esx-total-amount small{font-size:12px;font-weight:750;line-height:1.25;color:#4375a5;letter-spacing:.03em}
.product-picker .esx-total-amount .price{font-size:24px;line-height:1.1;color:#1160d6}
.product-picker .esx-vpn-plan-badge{display:flex;align-items:center;gap:8px;flex-wrap:wrap;width:fit-content;padding:9px 12px;margin-top:11px;border:1px solid #acdcca;border-radius:12px;background:linear-gradient(115deg,#e7fbf2,#ebf5ff);color:#096c51}
.product-picker .esx-vpn-plan-badge svg{width:20px;height:20px}
.product-picker .esx-vpn-plan-badge b{font-size:14px;font-weight:800;color:#096c51}
.product-picker .esx-vpn-plan-badge small{font-size:12px;color:#427d67}
.product-picker .picker-finish .cta-buy{min-height:56px;font-weight:750}
/* Checkout: summary must close the sale and keep total price unambiguous. */
.checkout-summary .esx-checkout-total{border-top:1px solid #dce6f0;margin-top:8px;padding-top:16px;align-items:center}
.checkout-summary .esx-checkout-total span{font-size:14px;font-weight:850;letter-spacing:.06em;color:#244e7f}
.checkout-summary .esx-checkout-total strong{font-size:36px;line-height:1.15;font-weight:850;letter-spacing:-.9px;color:#0a61da}
.checkout-summary .esx-vpn-checkout{margin-top:18px;margin-bottom:15px;border-radius:17px;padding:16px;align-items:flex-start}
.checkout-summary .esx-vpn-checkout>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.checkout-summary .esx-vpn-checkout-kicker{font-size:11px;letter-spacing:.07em;font-weight:800;color:#237660}
.checkout-summary .esx-vpn-checkout strong{font-size:17px;line-height:1.3;font-weight:800;color:#113c5c}
.checkout-summary .esx-vpn-checkout p{font-size:13px;line-height:1.5;color:#396076;margin:0}
.checkout-page .cta-pay{min-height:58px!important;font-weight:800!important;letter-spacing:.01em}
@media(max-width:650px){
.esx514-page.funnel-home .funnel-destination-search .esx-vpn-hero{padding:13px!important;gap:10px!important;border-radius:15px!important}
.esx514-page.funnel-home .funnel-destination-search .esx-vpn-hero .esx-vpn-mark{width:43px!important;height:43px!important;min-width:43px!important;border-radius:12px!important}
.esx514-page.funnel-home .funnel-destination-search .esx-vpn-hero strong{font-size:15px!important}
.esx514-page.funnel-home .funnel-destination-search .esx-vpn-hero small{font-size:12px!important}
.esx514-page .cmp-funnel-pick .esx-premium-price strong{font-size:30px!important}
.esx514-page .cmp-funnel-pick-facts .esx-pick-vpn-fact b{font-size:14px!important}
.esx514-page .cmp-funnel-pick-facts .esx-pick-vpn-fact small{font-size:10px!important}
.product-picker .esx-total-amount .price{font-size:23px}
.checkout-summary .esx-checkout-total strong{font-size:32px}
.checkout-summary .esx-vpn-checkout{padding:13px;gap:10px}
.checkout-summary .esx-vpn-checkout .esx-vpn-mark{width:42px;height:42px;min-width:42px}
.checkout-summary .esx-vpn-free{display:none}
}
@media(prefers-reduced-motion:reduce){.esx-vpn-hero,.esx-vpn-checkout{scroll-behavior:auto}}
