{"id":119,"date":"2026-08-19T08:49:55","date_gmt":"2026-08-19T00:49:55","guid":{"rendered":"https:\/\/easttophealthcare.com\/?page_id=119"},"modified":"2026-09-04T16:51:23","modified_gmt":"2026-09-04T08:51:23","slug":"budget","status":"publish","type":"page","link":"https:\/\/easttophealthcare.com\/index.php\/budget\/","title":{"rendered":"Budget"},"content":{"rendered":"\n<!-- ===== Eastop Healthcare - Budget Estimator - WordPress Custom HTML Block ===== -->\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,300;9..144,400;9..144,500;9..144,600;9..144,700&family=Noto+Serif+SC:wght@400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap');\n\n:root {\n    --navy-deep: #0a1628;\n    --navy: #0f1b2e;\n    --navy-light: #1a2744;\n    --navy-lighter: #243353;\n    --gold: #c9a227;\n    --gold-light: #d4af37;\n    --gold-bright: #e0c04f;\n    --cream: #f5f0e8;\n    --cream-warm: #efe8dc;\n    --white: #ffffff;\n    --gray-600: #5a6478;\n    --gray-500: #7a8499;\n    --gray-400: #9ba4b5;\n    --gray-300: #c5cbd6;\n    --gray-200: #e2e6ec;\n    --gray-100: #f0f2f6;\n    --font-serif: 'Fraunces', 'Noto Serif SC', Georgia, serif;\n    --font-sans: 'Plus Jakarta Sans', 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;\n    --container-max: 1200px;\n    --section-padding-y: clamp(64px, 8vw, 120px);\n    --radius-sm: 6px;\n    --radius-md: 10px;\n    --radius-lg: 16px;\n    --radius-pill: 100px;\n    --shadow-sm: 0 2px 8px rgba(15, 27, 46, 0.06);\n    --shadow-md: 0 4px 20px rgba(15, 27, 46, 0.08);\n    --shadow-lg: 0 12px 40px rgba(15, 27, 46, 0.12);\n    --transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\nhtml { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }\nbody { font-family: var(--font-sans); font-size: 16px; line-height: 1.65; color: var(--navy); background: var(--cream); overflow-x: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }\nh1, h2, h3, h4 { font-family: var(--font-serif); font-weight: 600; line-height: 1.2; color: var(--navy); }\na { color: inherit; text-decoration: none !important; }\nimg { max-width: 100%; height: auto; display: block; }\nbutton { font-family: inherit; cursor: pointer; border: none; background: none; }\n\n.container { max-width: var(--container-max); margin: 0 auto; padding: 0 24px; }\n.section { padding: var(--section-padding-y) 0; }\n\n.section-label { display: inline-block; font-family: var(--font-sans); font-size: 0.75rem; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: var(--gold); margin-bottom: 16px; }\n.section-label .cn { font-family: var(--font-serif); font-weight: 400; text-transform: none; letter-spacing: 0.05em; margin-left: 6px; opacity: 0.7; }\n.section-title { font-size: clamp(1.75rem, 3.5vw, 2.75rem); margin-bottom: 16px; }\n.section-subtitle { font-size: 1.0625rem; color: var(--gray-600); max-width: 600px; }\n\n.btn { display: inline-flex; align-items: center; gap: 8px; padding: 14px 32px; font-family: var(--font-sans); font-size: 0.9375rem; font-weight: 600; border-radius: var(--radius-pill); transition: var(--transition); white-space: nowrap; text-decoration: none !important; }\n.btn-gold { background: var(--gold); color: var(--navy); }\n.btn-gold:hover { background: var(--gold-bright); transform: translateY(-2px); box-shadow: 0 8px 24px rgba(201, 162, 39, 0.35); }\n.btn-outline-light { border: 1.5px solid rgba(255, 255, 255, 0.4); color: var(--white); }\n.btn-outline-light:hover { border-color: var(--white); background: rgba(255, 255, 255, 0.08); transform: translateY(-2px); }\n.btn-outline-dark { border: 1.5px solid var(--navy); color: var(--navy); }\n.btn-outline-dark:hover { background: var(--navy); color: var(--white); }\n\n\/* ===== Navigation ===== *\/\n.nav { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; padding: 14px 0; transition: var(--transition); background: rgba(10, 22, 40, 0.95); backdrop-filter: blur(12px); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15); }\n.nav.scrolled { padding: 12px 0; }\n.nav .container { display: flex; align-items: center; justify-content: space-between; }\n.nav-logo { font-family: var(--font-serif); font-size: 1.5rem; font-weight: 700; color: var(--white); letter-spacing: 0.02em; display: flex; align-items: center; gap: 10px; text-decoration: none !important; }\n.nav-logo * { text-decoration: none !important; }\n.nav-logo .logo-cn { color: var(--white); }\n.nav-logo .logo-en { font-size: 0.75rem; font-weight: 500; color: var(--gold-light); letter-spacing: 0.15em; text-transform: uppercase; font-family: var(--font-sans); display: block; line-height: 1; }\n.nav-logo .logo-text { display: flex; flex-direction: column; gap: 2px; }\n.nav-logo .logo-tagline { font-size: 0.625rem; font-weight: 400; color: rgba(255, 255, 255, 0.45); letter-spacing: 0.08em; font-family: var(--font-sans); display: block; line-height: 1; margin-top: 3px; }\n.nav-links { display: flex; align-items: center; gap: 8px; list-style: none; }\n.nav-links a { font-size: 0.875rem; font-weight: 500; color: rgba(255, 255, 255, 0.85); transition: var(--transition); padding: 8px 16px; border-radius: var(--radius-pill); border: 1px solid rgba(255, 255, 255, 0.12); background: rgba(255, 255, 255, 0.04); white-space: nowrap; text-decoration: none !important; }\n.nav-links a:hover { color: var(--white); background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.25); }\n.nav-links a.active { color: var(--navy-deep); background: var(--gold); border-color: var(--gold); }\n.nav-links a.active:hover { background: var(--gold-bright); border-color: var(--gold-bright); }\n.nav-right { display: flex; align-items: center; gap: 16px; }\n.lang-switcher { position: relative; }\n.lang-trigger { display: flex; align-items: center; gap: 6px; color: rgba(255,255,255,0.8); font-size: 0.875rem; font-weight: 500; cursor: pointer; transition: var(--transition); padding: 6px 12px; border-radius: var(--radius-sm); background: none; border: none; font-family: var(--font-sans); text-decoration: none !important; }\n.lang-trigger:hover { color: var(--white); background: rgba(255,255,255,0.05); }\n.lang-globe { opacity: 0.7; }\n.lang-chevron { transition: transform 0.3s; }\n.lang-switcher.open .lang-chevron { transform: rotate(180deg); }\n.lang-dropdown { display: none; position: absolute; top: 100%; right: 0; margin-top: 8px; background: var(--white); border-radius: var(--radius-md); box-shadow: var(--shadow-lg); padding: 8px 0; min-width: 140px; z-index: 1001; }\n.lang-switcher.open .lang-dropdown { display: block; }\n.lang-option { display: flex; align-items: center; gap: 8px; padding: 10px 16px; font-size: 0.875rem; color: var(--navy-deep); cursor: pointer; transition: var(--transition); white-space: nowrap; }\n.lang-option:hover { background: var(--gray-100); }\n.lang-check { color: var(--gold); font-weight: 700; visibility: hidden; width: 16px; text-align: center; }\n.lang-option.selected .lang-check { visibility: visible; }\n.nav-toggle { display: none; flex-direction: column; gap: 5px; cursor: pointer; padding: 4px; }\n.nav-toggle span { width: 24px; height: 2px; background: var(--white); transition: var(--transition); border-radius: 2px; }\n.nav-toggle.active span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); }\n.nav-toggle.active span:nth-child(2) { opacity: 0; }\n.nav-toggle.active span:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px); }\n\n\/* ===== Page Hero ===== *\/\n.page-hero { position: relative; min-height: 45vh; display: flex; align-items: center; padding: 140px 0 64px; overflow: hidden; background: var(--navy-deep); }\n.page-hero::before { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 800px; height: 800px; background: radial-gradient(circle, rgba(201, 162, 39, 0.08) 0%, transparent 70%); pointer-events: none; }\n.page-hero-content { position: relative; z-index: 1; max-width: 760px; }\n.page-hero h1 { font-size: clamp(2.25rem, 5vw, 3.75rem); color: var(--white); margin-bottom: 20px; letter-spacing: -0.01em; }\n.page-hero h1 .gold-accent { color: var(--gold-light); }\n.page-hero-desc { font-size: 1.125rem; color: rgba(255, 255, 255, 0.75); line-height: 1.7; max-width: 560px; }\n.page-hero-badge { display: inline-flex; align-items: center; gap: 8px; padding: 8px 18px; background: rgba(201, 162, 39, 0.15); border: 1px solid rgba(201, 162, 39, 0.3); border-radius: var(--radius-pill); font-size: 0.8125rem; font-weight: 500; color: var(--gold-light); margin-bottom: 28px; }\n\n\/* ===== Calculator Section ===== *\/\n.calc-section { background: var(--cream); padding: 64px 0 80px; }\n.calc-card {\n    background: var(--white);\n    border-radius: var(--radius-lg);\n    box-shadow: var(--shadow-lg);\n    overflow: hidden;\n}\n.calc-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    min-height: 520px;\n}\n@media (max-width: 900px) {\n    .calc-grid { grid-template-columns: 1fr; }\n}\n\n\/* Left Panel - Options *\/\n.calc-options {\n    padding: 48px;\n    background: var(--white);\n}\n.calc-options h2 {\n    font-family: var(--font-serif);\n    font-size: 1.5rem;\n    font-weight: 600;\n    color: var(--navy-deep);\n    margin-bottom: 8px;\n}\n.calc-options .subtitle {\n    font-size: 0.875rem;\n    color: var(--gray-500);\n    margin-bottom: 32px;\n}\n.option-group {\n    margin-bottom: 22px;\n}\n.tier-cards-section {\n    padding: 0 0 28px;\n}\n.tier-cards {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 20px;\n}\n.tier-card {\n    background: #fff;\n    border: 2px solid #e8e4dc;\n    border-radius: 16px;\n    padding: 28px 20px 24px;\n    text-align: center;\n    cursor: pointer;\n    transition: all 0.25s ease;\n    box-shadow: 0 2px 12px rgba(15, 27, 46, 0.08);\n}\n.tier-card:hover {\n    border-color: #d4c9a8;\n    transform: translateY(-3px);\n    box-shadow: 0 8px 24px rgba(0,0,0,0.08);\n}\n.tier-card.active {\n    border-color: #c9a227;\n    background: linear-gradient(135deg, rgba(201,162,39,0.08), rgba(201,162,39,0.02));\n    box-shadow: 0 6px 20px rgba(201,162,39,0.15);\n}\n.tier-icon {\n    width: 64px;\n    height: 64px;\n    margin: 0 auto 16px;\n    border-radius: 50%;\n    background: rgba(201,162,39,0.1);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #c9a227;\n}\n.tier-card.active .tier-icon {\n    background: rgba(201,162,39,0.2);\n}\n.tier-name {\n    font-family: 'Fraunces', serif;\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #0a1628;\n    margin-bottom: 4px;\n}\n.tier-cn {\n    font-size: 0.875rem;\n    color: #c9a227;\n    font-weight: 600;\n    margin-bottom: 12px;\n}\n.tier-tagline {\n    font-size: 0.8125rem;\n    color: #5a6478;\n    line-height: 1.5;\n    margin-bottom: 10px;\n    font-style: italic;\n}\n.tier-desc {\n    font-size: 0.72rem;\n    color: #9ba4b5;\n    line-height: 1.4;\n}\n.option-group label {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 0.75rem;\n    font-weight: 600;\n    color: var(--gray-600);\n    margin-bottom: 8px;\n    text-transform: uppercase;\n    letter-spacing: 0.08em;\n}\n.option-group label .label-cn {\n    font-weight: 400;\n    color: var(--gray-400);\n    text-transform: none;\n    letter-spacing: 0;\n}\n.custom-select {\n    width: 100%;\n    padding: 13px 16px;\n    border: 2px solid var(--gray-200);\n    border-radius: var(--radius-md);\n    font-family: var(--font-sans);\n    font-size: 0.9375rem;\n    font-weight: 500;\n    color: var(--navy-deep);\n    background: var(--white);\n    cursor: pointer;\n    transition: var(--transition);\n    appearance: none;\n    background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%237a8499' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'\/%3E%3C\/svg%3E\");\n    background-repeat: no-repeat;\n    background-position: right 16px center;\n    padding-right: 40px;\n}\n.custom-select:hover { border-color: var(--gold); }\n.custom-select:focus { outline: none; border-color: var(--gold); box-shadow: 0 0 0 3px rgba(201,162,39,0.12); }\n\n\/* Slider *\/\n.slider-group {\n    margin-bottom: 22px;\n}\n.slider-group label {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    font-size: 0.75rem;\n    font-weight: 600;\n    color: var(--gray-600);\n    margin-bottom: 12px;\n    text-transform: uppercase;\n    letter-spacing: 0.08em;\n}\n.slider-group .day-value {\n    font-family: var(--font-serif);\n    font-size: 1.75rem;\n    font-weight: 700;\n    color: var(--gold);\n    text-transform: none;\n    letter-spacing: 0;\n}\n.slider-group .day-value span { font-size: 0.875rem; color: var(--gray-500); font-weight: 400; }\n.custom-slider {\n    -webkit-appearance: none;\n    width: 100%;\n    height: 6px;\n    border-radius: 3px;\n    background: var(--gray-200);\n    outline: none;\n    cursor: pointer;\n}\n.custom-slider::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    width: 22px;\n    height: 22px;\n    border-radius: 50%;\n    background: var(--gold);\n    cursor: pointer;\n    border: 3px solid var(--white);\n    box-shadow: 0 2px 8px rgba(201,162,39,0.4);\n    transition: var(--transition);\n}\n.custom-slider::-webkit-slider-thumb:hover { transform: scale(1.15); }\n.custom-slider::-moz-range-thumb {\n    width: 22px;\n    height: 22px;\n    border-radius: 50%;\n    background: var(--gold);\n    cursor: pointer;\n    border: 3px solid var(--white);\n    box-shadow: 0 2px 8px rgba(201,162,39,0.4);\n}\n.slider-ticks {\n    display: flex;\n    justify-content: space-between;\n    margin-top: 8px;\n    font-size: 0.75rem;\n    color: var(--gray-400);\n}\n\n\/* Right Panel - Results *\/\n.calc-results {\n    padding: 48px;\n    background: var(--navy-deep);\n    color: var(--white);\n    display: flex;\n    flex-direction: column;\n}\n.calc-results h2 {\n    font-family: var(--font-serif);\n    font-size: 1.5rem;\n    font-weight: 600;\n    color: var(--white);\n    margin-bottom: 8px;\n}\n.calc-results .subtitle {\n    font-size: 0.875rem;\n    color: rgba(255,255,255,0.5);\n    margin-bottom: 28px;\n}\n\n\/* Treatment info *\/\n.treatment-info {\n    background: rgba(255,255,255,0.03);\n    border-radius: var(--radius-md);\n    padding: 16px 20px;\n    margin-bottom: 20px;\n    border: 1px dashed rgba(255,255,255,0.1);\n}\n.treatment-info .info-label {\n    font-size: 0.75rem;\n    color: rgba(255,255,255,0.4);\n    margin-bottom: 4px;\n}\n.treatment-info .info-value {\n    font-size: 0.8125rem;\n    color: rgba(255,255,255,0.7);\n}\n.treatment-info .info-range {\n    font-family: var(--font-serif);\n    font-size: 1.125rem;\n    color: var(--gold);\n    font-weight: 600;\n    margin-top: 4px;\n}\n\n\/* Price breakdown *\/\n.price-breakdown {\n    background: rgba(255,255,255,0.04);\n    border-radius: var(--radius-md);\n    padding: 20px;\n    margin-bottom: 20px;\n    border: 1px solid rgba(255,255,255,0.06);\n}\n.price-breakdown .breakdown-title {\n    font-size: 0.75rem;\n    font-weight: 600;\n    color: var(--gold);\n    text-transform: uppercase;\n    letter-spacing: 0.08em;\n    margin-bottom: 16px;\n}\n.price-row {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 10px 0;\n    border-bottom: 1px solid rgba(255,255,255,0.06);\n    font-size: 0.875rem;\n}\n.price-row:last-child { border-bottom: none; }\n.price-row .item-name { color: rgba(255,255,255,0.7); }\n.price-row .item-price { font-weight: 600; color: var(--white); }\n.price-row.treatment .item-name { color: var(--gold); font-weight: 500; }\n.price-row.treatment .item-price { color: var(--gold); }\n\n\/* Total *\/\n.total-row {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 20px;\n    background: rgba(201,162,39,0.1);\n    border-radius: var(--radius-md);\n    border: 1px solid rgba(201,162,39,0.2);\n    margin-bottom: 20px;\n}\n.total-row .total-label {\n    font-size: 0.75rem;\n    color: var(--gold);\n    text-transform: uppercase;\n    letter-spacing: 0.08em;\n    font-weight: 600;\n}\n.total-row .total-sublabel { font-size: 0.75rem; color: rgba(255,255,255,0.4); margin-top: 4px; }\n.total-row .total-amount {\n    font-family: var(--font-serif);\n    font-size: 2rem;\n    font-weight: 700;\n    color: var(--white);\n}\n.total-row .total-amount .currency { font-size: 1rem; color: var(--gold); font-weight: 400; }\n\n\/* Home country input *\/\n.home-input-section {\n    background: rgba(255,255,255,0.04);\n    border-radius: var(--radius-md);\n    padding: 20px;\n    border: 1px solid rgba(255,255,255,0.06);\n    margin-bottom: 20px;\n}\n.home-input-section .section-title {\n    font-size: 0.75rem;\n    font-weight: 600;\n    color: rgba(255,255,255,0.5);\n    text-transform: uppercase;\n    letter-spacing: 0.08em;\n    margin-bottom: 12px;\n}\n.home-input-wrapper {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n.home-input-wrapper .currency-symbol {\n    font-size: 1.25rem;\n    font-weight: 600;\n    color: rgba(255,255,255,0.4);\n}\n.home-input {\n    flex: 1;\n    padding: 12px 16px;\n    background: rgba(255,255,255,0.06);\n    border: 2px solid rgba(255,255,255,0.1);\n    border-radius: var(--radius-md);\n    color: var(--white);\n    font-family: var(--font-sans);\n    font-size: 1.125rem;\n    font-weight: 600;\n    transition: var(--transition);\n}\n.home-input::placeholder { color: rgba(255,255,255,0.25); }\n.home-input:focus { outline: none; border-color: var(--gold); }\n.home-input-hint {\n    font-size: 0.75rem;\n    color: rgba(255,255,255,0.35);\n    margin-top: 8px;\n}\n\n\/* Savings *\/\n.savings-section {\n    background: linear-gradient(135deg, rgba(201,162,39,0.15), rgba(201,162,39,0.05));\n    border-radius: var(--radius-md);\n    padding: 24px;\n    border: 1px solid rgba(201,162,39,0.2);\n    text-align: center;\n    margin-top: auto;\n}\n.savings-section.is-cheaper {\n    background: linear-gradient(135deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02));\n    border-color: rgba(255,255,255,0.1);\n}\n.savings-section .savings-label {\n    font-size: 0.75rem;\n    color: var(--gold);\n    text-transform: uppercase;\n    letter-spacing: 0.08em;\n    font-weight: 600;\n    margin-bottom: 8px;\n}\n.savings-section.is-cheaper .savings-label { color: rgba(255,255,255,0.5); }\n.savings-amount {\n    font-family: var(--font-serif);\n    font-size: 2.5rem;\n    font-weight: 700;\n    color: var(--white);\n    margin-bottom: 8px;\n}\n.savings-amount .currency { font-size: 1.25rem; color: var(--gold); font-weight: 400; }\n.savings-percent {\n    display: inline-block;\n    padding: 4px 16px;\n    border-radius: var(--radius-pill);\n    background: var(--gold);\n    color: var(--navy-deep);\n    font-weight: 700;\n    font-size: 0.9375rem;\n    margin-bottom: 4px;\n}\n.savings-percent.hidden { display: none; }\n.savings-hint {\n    font-size: 0.75rem;\n    color: rgba(255,255,255,0.4);\n    margin-top: 12px;\n}\n\/* Advantage message when home country is cheaper *\/\n.advantage-message {\n    display: none;\n    text-align: left;\n    margin-top: 16px;\n}\n.advantage-message.show { display: block; }\n.advantage-message .adv-title {\n    font-size: 0.875rem;\n    font-weight: 600;\n    color: var(--gold);\n    margin-bottom: 12px;\n    text-align: center;\n}\n.advantage-list {\n    list-style: none;\n    padding: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n}\n.advantage-list li {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    font-size: 0.8125rem;\n    color: rgba(255,255,255,0.75);\n    line-height: 1.5;\n}\n.advantage-list li .adv-icon {\n    flex-shrink: 0;\n    width: 20px;\n    height: 20px;\n    border-radius: 50%;\n    background: rgba(201,162,39,0.2);\n    color: var(--gold);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 0.75rem;\n    font-weight: 700;\n    margin-top: 1px;\n}\n.advantage-list li strong { color: var(--white); font-weight: 600; }\n\n\/* ===== CTA ===== *\/\n.calc-cta {\n    text-align: center;\n    padding: 64px 0;\n    background: var(--navy-deep);\n}\n.calc-cta h2 { font-size: clamp(1.75rem, 3vw, 2.5rem); color: var(--white); margin-bottom: 16px; }\n.calc-cta p { font-size: 1.0625rem; color: rgba(255,255,255,0.6); margin-bottom: 32px; }\n\n\/* ===== Disclaimer Notice ===== *\/\n.calc-disclaimer {\n    padding: 0 0 48px;\n    background: var(--cream);\n}\n.disclaimer-card {\n    background: #fff;\n    border: 1px solid var(--gold-light);\n    border-radius: var(--radius-lg);\n    padding: 36px 40px;\n    display: flex;\n    align-items: flex-start;\n    gap: 24px;\n    box-shadow: 0 4px 24px rgba(201, 162, 39, 0.08);\n}\n.disclaimer-icon {\n    flex-shrink: 0;\n    width: 48px;\n    height: 48px;\n    border-radius: 50%;\n    background: rgba(201, 162, 39, 0.12);\n    color: var(--gold);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n.disclaimer-text {\n    flex: 1;\n}\n.disclaimer-text h3 {\n    font-family: var(--font-serif);\n    font-size: 1.25rem;\n    font-weight: 600;\n    color: var(--navy);\n    margin-bottom: 10px;\n}\n.disclaimer-text p {\n    font-size: 0.9375rem;\n    color: var(--gray-600);\n    line-height: 1.7;\n    margin-bottom: 8px;\n}\n.disclaimer-card .btn {\n    flex-shrink: 0;\n    align-self: center;\n}\n\n\/* ===== Footer Bar ===== *\/\n.calc-footer-bar {\n    background: var(--navy);\n    padding: 24px;\n    text-align: center;\n    border-top: 1px solid rgba(255,255,255,0.06);\n}\n.calc-footer-bar p {\n    font-size: 0.8125rem;\n    color: rgba(255,255,255,0.4);\n    margin-bottom: 8px;\n}\n.calc-footer-bar .disclaimer {\n    max-width: 700px;\n    margin: 0 auto;\n    font-size: 0.75rem;\n    color: rgba(255,255,255,0.25);\n    line-height: 1.5;\n}\n.calc-footer-bar .update-date {\n    color: var(--gold);\n    font-weight: 500;\n}\n\n@media (max-width: 768px) {\n    .nav-links { display: none; }\n    .nav-toggle { display: flex; }\n    .tier-cards-section { padding: 24px 20px 0; }\n    .tier-cards { grid-template-columns: repeat(2, 1fr); gap: 12px; }\n    .tier-card { padding: 20px 12px 16px; }\n    .tier-icon { width: 48px; height: 48px; margin-bottom: 10px; }\n    .tier-name { font-size: 1.1rem; }\n    .tier-tagline { font-size: 0.72rem; }\n    .calc-options, .calc-results { padding: 32px 24px; }\n    .disclaimer-card { flex-direction: column; padding: 28px 24px; text-align: center; }\n    .disclaimer-icon { margin: 0 auto; }\n    .disclaimer-card .btn { align-self: center; width: 100%; justify-content: center; }\n}\n<\/style>\n<style>\n.btn, .btn-gold, .btn-gold:hover, .nav-right a, .nav-right .btn, .nav-links a, .nav-logo, .nav-logo * {\n    text-decoration: none !important;\n    border-bottom: none !important;\n}\n<\/style>\n<!-- ===== Navigation ===== -->\n<nav class=\"nav\" id=\"nav\">\n    <div class=\"container\">\n        <a href=\"https:\/\/easttophealthcare.com\/\" class=\"nav-logo\">\n            <div class=\"logo-text\">\n                <span class=\"logo-cn\">\u4e1c\u65b9\u5609\u76db<\/span>\n                <span class=\"logo-en\">Eastop Healthcare<\/span>\n                <span class=\"logo-tagline\">International Referral \u00b7 \u56fd\u9645\u8f6c\u8bca<\/span>\n            <\/div>\n        <\/a>\n        <ul class=\"nav-links\" id=\"navLinks\">\n                <li><a href=\"https:\/\/easttophealthcare.com\/\">Home<\/a><\/li>\n                <li><a href=\"https:\/\/easttophealthcare.com\/index.php\/about-us\/\">About Us<\/a><\/li>\n                <li><a href=\"https:\/\/easttophealthcare.com\/index.php\/services\/\">Our Services<\/a><\/li>\n                <li><a href=\"https:\/\/easttophealthcare.com\/index.php\/faq\/\">FAQ<\/a><\/li>\n                <li><a href=\"https:\/\/easttophealthcare.com\/index.php\/budget\/\" class=\"active\">Budget Estimator<\/a><\/li>\n            <\/ul>\n        <div class=\"nav-right\">\n                <div class=\"lang-switcher\" id=\"langSwitcher\">\n                    <button class=\"lang-trigger\" onclick=\"toggleLangDropdown()\">\n                        <svg class=\"lang-globe\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n                            <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/>\n                            <path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/>\n                        <\/svg>\n                        <span id=\"langCurrent\">EN<\/span>\n                        <svg class=\"lang-chevron\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <polyline points=\"6 9 12 15 18 9\"\/>\n                        <\/svg>\n                    <\/button>\n                    <div class=\"lang-dropdown\">\n                        <div class=\"lang-option selected\" data-lang=\"en\" onclick=\"switchLanguage('en')\">\n                            <span class=\"lang-check\">&#10003;<\/span>English\n                        <\/div>\n                        <div class=\"lang-option\" data-lang=\"zh\" onclick=\"switchLanguage('zh')\">\n                            <span class=\"lang-check\">&#10003;<\/span>\u4e2d\u6587\n                        <\/div>\n                        <div class=\"lang-option\" data-lang=\"fr\" onclick=\"switchLanguage('fr')\">\n                            <span class=\"lang-check\">&#10003;<\/span>Fran\u00e7ais\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <a href=\"https:\/\/easttophealthcare.com\/index.php\/free-consultation\/\" class=\"btn btn-gold\">Free Consultation<\/a>\n                <div class=\"nav-toggle\" id=\"navToggle\">\n                    <span><\/span>\n                    <span><\/span>\n                    <span><\/span>\n                <\/div>\n            <\/div>\n    <\/div>\n<\/nav>\n\n<!-- ===== Page Hero ===== -->\n<section class=\"page-hero\">\n    <div class=\"container\">\n        <div class=\"page-hero-content\">\n            <div class=\"page-hero-badge\">\n                <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"\/>\n                    <path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/>\n                <\/svg>\n                <span>Transparent Pricing \u00b7 \u900f\u660e\u5b9a\u4ef7<\/span>\n            <\/div>\n            <h1>Budget <span class=\"gold-accent\">Estimator<\/span><\/h1>\n            <p class=\"page-hero-desc\">\n                Estimate your total cost for medical treatment in Guangzhou. Select your preferences, see real-time pricing, and compare with your home country&#8217;s costs.\n            <\/p>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- ===== Calculator ===== -->\n<section class=\"calc-section\">\n    <div class=\"container\">\n        <!-- Tier Selection -->\n        <div class=\"tier-cards-section\">\n                <div class=\"tier-cards\" id=\"tierCards\">\n                    <div class=\"tier-card\" data-tier=\"comfort\" onclick=\"selectTier('comfort')\">\n                        <div class=\"tier-icon\">\n                            <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <path d=\"M2 17l10 5 10-5-10-5z\"\/><path d=\"M2 12l10 5 10-5-10-5z\"\/>\n                            <\/svg>\n                        <\/div>\n                        <div class=\"tier-name\">Core<\/div>\n                        <div class=\"tier-cn\">\u7545\u884c<\/div>\n                        <div class=\"tier-tagline\">Standardized cross-border medical referral<\/div>\n                        <div class=\"tier-desc\">Economy \u00b7 3-Star \u00b7 Basic Escort<\/div>\n                    <\/div>\n                    <div class=\"tier-card active\" data-tier=\"premium\" onclick=\"selectTier('premium')\">\n                        <div class=\"tier-icon\">\n                            <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n                            <\/svg>\n                        <\/div>\n                        <div class=\"tier-name\">Premier<\/div>\n                        <div class=\"tier-cn\">\u5353\u9009<\/div>\n                        <div class=\"tier-tagline\">Preferred European partner hospitals, full support<\/div>\n                        <div class=\"tier-desc\">Business \u00b7 4-Star \u00b7 Interpreter<\/div>\n                    <\/div>\n                    <div class=\"tier-card\" data-tier=\"deluxe\" onclick=\"selectTier('deluxe')\">\n                        <div class=\"tier-icon\">\n                            <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <path d=\"M5 16L3 8l5.5 4L12 4l3.5 8L21 8l-2 8H5z\"\/><path d=\"M5 19h14\"\/>\n                            <\/svg>\n                        <\/div>\n                        <div class=\"tier-name\">Ultimate<\/div>\n                        <div class=\"tier-cn\">\u81fb\u5883<\/div>\n                        <div class=\"tier-tagline\">Top specialists, fully bespoke cross-border care<\/div>\n                        <div class=\"tier-desc\">First Class \u00b7 5-Star Luxury \u00b7 Full Support<\/div>\n                    <\/div>\n                    <div class=\"tier-card\" data-tier=\"custom\" onclick=\"selectTier('custom')\">\n                        <div class=\"tier-icon\">\n                            <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <path d=\"M12 20h9\"\/><path d=\"M16.5 3.5a2.121 2.121 0 113 3L7 19l-4 1 1-4L16.5 3.5z\"\/>\n                            <\/svg>\n                        <\/div>\n                        <div class=\"tier-name\">Custom<\/div>\n                        <div class=\"tier-cn\">\u81ea\u5b9a\u4e49<\/div>\n                        <div class=\"tier-tagline\">Tailor your perfect journey<\/div>\n                        <div class=\"tier-desc\">Configure your ideal trip<\/div>\n                    <\/div>\n                <\/div>\n                <input type=\"hidden\" id=\"tier\" value=\"premium\">\n            <\/div>\n\n        <div class=\"calc-card\">\n            <div class=\"calc-grid\">\n                <!-- Left: Options -->\n                <div class=\"calc-options\">\n                    <h2>Customise Your Trip<\/h2>\n                    <p class=\"subtitle\">Select your preferences to get an instant estimate<\/p>\n\n                    <div class=\"option-group\">\n                        <label>Departure City <span class=\"label-cn\">\u51fa\u53d1\u5730<\/span><\/label>\n                        <select class=\"custom-select\" id=\"departure\">\n                            <option value=\"london\" data-flight=\"620\">London, UK<\/option>\n                            <option value=\"paris\" data-flight=\"570\">Paris, France<\/option>\n                            <option value=\"berlin\" data-flight=\"590\">Berlin, Germany<\/option>\n                            <option value=\"rome\" data-flight=\"630\">Rome, Italy<\/option>\n                            <option value=\"manchester\" data-flight=\"600\">Manchester, UK<\/option>\n                        <\/select>\n                    <\/div>\n\n                    <div class=\"option-group\">\n                        <label>Flight Class <span class=\"label-cn\">\u8231\u4f4d<\/span><\/label>\n                        <select class=\"custom-select\" id=\"flightClass\">\n                            <option value=\"1.0\">Economy<\/option>\n                            <option value=\"2.1\">Premium Economy<\/option>\n                            <option value=\"3.5\" selected>Business Class<\/option>\n                            <option value=\"4.0\">First Class<\/option>\n                        <\/select>\n                    <\/div>\n\n                    <div class=\"option-group\">\n                        <label>Hotel Star Rating <span class=\"label-cn\">\u9152\u5e97\u661f\u7ea7<\/span><\/label>\n                        <select class=\"custom-select\" id=\"hotel\">\n                            <option value=\"45\">3-Star<\/option>\n                            <option value=\"85\" selected>4-Star<\/option>\n                            <option value=\"70\">5-Star (Standard)<\/option>\n                            <option value=\"155\">5-Star (Luxury)<\/option>\n                        <\/select>\n                    <\/div>\n\n                    <div class=\"option-group\">\n                        <label>Dining Level <span class=\"label-cn\">\u9910\u996e\u6807\u51c6<\/span><\/label>\n                        <select class=\"custom-select\" id=\"dining\">\n                            <option value=\"15\">Economy<\/option>\n                            <option value=\"30\" selected>Mid-Range<\/option>\n                            <option value=\"55\">Premium<\/option>\n                        <\/select>\n                    <\/div>\n\n                    <div class=\"option-group\">\n                        <label>Translation Service <span class=\"label-cn\">\u7ffb\u8bd1\u670d\u52a1<\/span><\/label>\n                        <select class=\"custom-select\" id=\"translation\">\n                            <option value=\"150\">Medical Interpreter (Full Day)<\/option>\n                            <option value=\"0\">Not Required<\/option>\n                        <\/select>\n                    <\/div>\n\n                    <div class=\"option-group\">\n                        <label>Companion Service <span class=\"label-cn\">\u966a\u62a4\u670d\u52a1<\/span><\/label>\n                        <select class=\"custom-select\" id=\"companion\">\n                            <option value=\"185\">Medical Companion (Full Day)<\/option>\n                            <option value=\"65\">General Escort (6 hours)<\/option>\n                            <option value=\"0\" selected>Not Required<\/option>\n                        <\/select>\n                    <\/div>\n\n                    <div class=\"option-group\">\n                        <label>Treatment Category <span class=\"label-cn\">\u6cbb\u7597\u7c7b\u522b<\/span><\/label>\n                        <select class=\"custom-select\" id=\"treatment\">\n                            <option value=\"0\" data-min=\"0\" data-max=\"0\">Not included<\/option>\n                            <option value=\"cancer_surgery\" data-min=\"3300\" data-max=\"16400\">Cancer Surgery<\/option>\n                            <option value=\"chemo\" data-min=\"1100\" data-max=\"3300\">Chemotherapy (per month)<\/option>\n                            <option value=\"targeted\" data-min=\"3300\" data-max=\"8700\">Targeted\/Immunotherapy (per month)<\/option>\n                            <option value=\"proton\" data-min=\"18500\" data-max=\"30300\">Proton Therapy<\/option>\n                            <option value=\"heavy_ion\" data-min=\"34900\" data-max=\"38200\">Heavy Ion Therapy<\/option>\n                            <option value=\"cabg\" data-min=\"8200\" data-max=\"12500\">Heart Bypass (CABG)<\/option>\n                            <option value=\"valve\" data-min=\"8700\" data-max=\"19600\">Heart Valve Replacement<\/option>\n                            <option value=\"tavr\" data-min=\"13100\" data-max=\"19600\">TAVR (Minimally Invasive)<\/option>\n                            <option value=\"brain_tumor\" data-min=\"5450\" data-max=\"13100\">Brain Tumor Surgery<\/option>\n                            <option value=\"aneurysm\" data-min=\"8700\" data-max=\"16400\">Brain Aneurysm Treatment<\/option>\n                            <option value=\"kidney\" data-min=\"21800\" data-max=\"27300\">Kidney Transplant<\/option>\n                            <option value=\"liver\" data-min=\"30500\" data-max=\"38200\">Liver Transplant<\/option>\n                            <option value=\"second_opinion\" data-min=\"600\" data-max=\"1530\">Cancer Second Opinion + Imaging<\/option>\n                        <\/select>\n                    <\/div>\n\n                    <div class=\"slider-group\">\n                        <label>\n                            <span>Length of Stay <span style=\"text-transform:none;letter-spacing:0;font-weight:400;color:var(--gray-400);\">\u505c\u7559\u5929\u6570<\/span><\/span>\n                            <span class=\"day-value\"><span id=\"dayDisplay\">7<\/span> <span>days<\/span><\/span>\n                        <\/label>\n                        <input type=\"range\" class=\"custom-slider\" id=\"days\" min=\"3\" max=\"60\" value=\"7\" step=\"1\">\n                        <div class=\"slider-ticks\">\n                            <span>3<\/span><span>15<\/span><span>30<\/span><span>45<\/span><span>60<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Right: Results -->\n                <div class=\"calc-results\">\n                    <h2>Your Estimate<\/h2>\n                    <p class=\"subtitle\">Real-time cost breakdown for Guangzhou<\/p>\n\n                    <!-- Treatment Info -->\n                    <div class=\"treatment-info\" id=\"treatmentInfo\" style=\"display:none;\">\n                        <div class=\"info-label\">Treatment Reference Range<\/div>\n                        <div class=\"info-value\" id=\"treatmentName\"><\/div>\n                        <div class=\"info-range\" id=\"treatmentRange\"><\/div>\n                    <\/div>\n\n                    <!-- Price Breakdown -->\n                    <div class=\"price-breakdown\">\n                        <div class=\"breakdown-title\">Cost Breakdown<\/div>\n                        <div class=\"price-row\">\n                            <span class=\"item-name\">Flight (Round Trip)<\/span>\n                            <span class=\"item-price\" id=\"flightPrice\">\u00a32,170<\/span>\n                        <\/div>\n                        <div class=\"price-row\">\n                            <span class=\"item-name\">Hotel (<span id=\"hotelNights\">7<\/span> nights)<\/span>\n                            <span class=\"item-price\" id=\"hotelPrice\">\u00a3595<\/span>\n                        <\/div>\n                        <div class=\"price-row\">\n                            <span class=\"item-name\">Dining (<span id=\"diningDays\">7<\/span> days)<\/span>\n                            <span class=\"item-price\" id=\"diningPrice\">\u00a3210<\/span>\n                        <\/div>\n                        <div class=\"price-row\" id=\"translationRow\">\n                            <span class=\"item-name\">Translation (<span id=\"transDays\">7<\/span> days)<\/span>\n                            <span class=\"item-price\" id=\"translationPrice\">\u00a31,050<\/span>\n                        <\/div>\n                        <div class=\"price-row\" id=\"companionRow\">\n                            <span class=\"item-name\">Companion (<span id=\"compDays\">7<\/span> days)<\/span>\n                            <span class=\"item-price\" id=\"companionPrice\">\u00a30<\/span>\n                        <\/div>\n                        <div class=\"price-row treatment\" id=\"treatmentRow\" style=\"display:none;\">\n                            <span class=\"item-name\">Treatment (est. mid-range)<\/span>\n                            <span class=\"item-price\" id=\"treatmentPrice\">\u00a30<\/span>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Total -->\n                    <div class=\"total-row\">\n                        <div>\n                            <div class=\"total-label\">Guangzhou Total<\/div>\n                            <div class=\"total-sublabel\">\u5e7f\u5dde\u7aef\u603b\u8d39\u7528<\/div>\n                        <\/div>\n                        <div class=\"total-amount\">\n                            <span class=\"currency\">\u00a3<\/span><span id=\"totalAmount\">4,025<\/span>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Home Country Input -->\n                    <div class=\"home-input-section\">\n                        <div class=\"section-title\">Your Home Country Cost<\/div>\n                        <div class=\"home-input-wrapper\">\n                            <span class=\"currency-symbol\">\u00a3<\/span>\n                            <input type=\"number\" class=\"home-input\" id=\"homeCost\" placeholder=\"Enter estimated cost in your country\">\n                        <\/div>\n                        <p class=\"home-input-hint\">Include flights, hotel, dining, and treatment costs in your home country for comparison.<\/p>\n                    <\/div>\n\n                    <!-- Savings -->\n                    <div class=\"savings-section\" id=\"savingsSection\">\n                        <div class=\"savings-label\" id=\"savingsLabel\">Your Potential Savings<\/div>\n                        <div class=\"savings-amount\">\n                            <span class=\"currency\">\u00a3<\/span><span id=\"savingsAmount\">\u2014<\/span>\n                        <\/div>\n                        <div class=\"savings-percent hidden\" id=\"savingsPercent\">0%<\/div>\n                        <p class=\"savings-hint\" id=\"savingsHint\">Enter your home country cost to see savings<\/p>\n                        <div class=\"advantage-message\" id=\"advantageMessage\">\n                            <div class=\"adv-title\">China Healthcare Advantages<\/div>\n                            <ul class=\"advantage-list\">\n                                <li><span class=\"adv-icon\">&#10003;<\/span><span><strong>No waiting lists<\/strong> \u2014 see a specialist within 2-3 weeks, not months<\/span><\/li>\n                                <li><span class=\"adv-icon\">&#10003;<\/span><span><strong>Attentive service<\/strong> \u2014 dedicated medical companions and 1-on-1 care throughout your stay<\/span><\/li>\n                                <li><span class=\"adv-icon\">&#10003;<\/span><span><strong>Rapid treatment<\/strong> \u2014 streamlined process from diagnosis to surgery in days, not quarters<\/span><\/li>\n                                <li><span class=\"adv-icon\">&#10003;<\/span><span><strong>Advanced technology<\/strong> \u2014 access to proton therapy, heavy ion therapy, and latest equipment<\/span><\/li>\n                                <li><span class=\"adv-icon\">&#10003;<\/span><span><strong>Full support<\/strong> \u2014 translation, accommodation, and logistics all handled by our team<\/span><\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- ===== Disclaimer Notice ===== -->\n<section class=\"calc-disclaimer\">\n    <div class=\"container\">\n        <div class=\"disclaimer-card\">\n            <div class=\"disclaimer-icon\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n                    <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"\/>\n                    <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"\/>\n                <\/svg>\n            <\/div>\n            <div class=\"disclaimer-text\">\n                <h3>Estimated budget for reference only<\/h3>\n                <p>All prices shown above are reference ranges for estimation purposes and do not represent final quotes. Actual costs vary based on individual medical conditions, treatment plans, hospital pricing, seasonality, and booking timing, and are subject to a final quote after hospital medical evaluation.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- ===== CTA ===== -->\n<section class=\"calc-cta\">\n    <div class=\"container\">\n        <h2>Ready for Your Medical Journey?<\/h2>\n        <p>Get a free, personalised consultation with our medical referral experts.<\/p>\n        <a href=\"https:\/\/easttophealthcare.com\/index.php\/free-consultation\/\" class=\"btn btn-gold\">Start Free Consultation<\/a>\n    <\/div>\n<\/section>\n\n<!-- ===== Footer ===== -->\n<div class=\"calc-footer-bar\">\n    <p>Price data updated: <span class=\"update-date\">August 2026<\/span> | All prices in GBP (British Pounds). Reference only.<\/p>\n    <p class=\"disclaimer\">All prices are reference ranges for estimation purposes only. Actual costs vary based on individual medical conditions, treatment plans, hospital pricing, seasonality, and booking timing. Treatment costs require a final quote from the hospital after medical evaluation. Eastop Healthcare serves as a medical referral intermediary and does not provide medical advice.<\/p>\n<\/div>\n\n<script>\nfunction and(){var a=arguments,r=true,i=a.length;while(i){i--;if(!a[i]){r=false;break}}return r}\nconst flightBase = {\n    london: 620,\n    paris: 570,\n    berlin: 590,\n    rome: 630,\n    manchester: 600\n};\n\nconst treatmentNames = {\n    cancer_surgery: 'Cancer Surgery',\n    chemo: 'Chemotherapy (per month)',\n    targeted: 'Targeted\/Immunotherapy (per month)',\n    proton: 'Proton Therapy',\n    heavy_ion: 'Heavy Ion Therapy',\n    cabg: 'Heart Bypass (CABG)',\n    valve: 'Heart Valve Replacement',\n    tavr: 'TAVR (Transcatheter)',\n    brain_tumor: 'Brain Tumor Surgery',\n    aneurysm: 'Brain Aneurysm Treatment',\n    kidney: 'Kidney Transplant',\n    liver: 'Liver Transplant',\n    second_opinion: 'Cancer Second Opinion + Imaging'\n};\n\nfunction formatNumber(n) {\n    return Math.round(n).toLocaleString('en-US');\n}\n\nfunction calculate() {\n    const departure = document.getElementById('departure').value;\n    const flightMultiplier = parseFloat(document.getElementById('flightClass').value);\n    const hotelPerNight = parseFloat(document.getElementById('hotel').value);\n    const diningPerDay = parseFloat(document.getElementById('dining').value);\n    const translationPerDay = parseFloat(document.getElementById('translation').value);\n    const companionPerDay = parseFloat(document.getElementById('companion').value);\n    const treatmentSelect = document.getElementById('treatment');\n    const days = parseInt(document.getElementById('days').value);\n\n    const flightCost = flightBase[departure] * flightMultiplier;\n    const hotelCost = hotelPerNight * days;\n    const diningCost = diningPerDay * days;\n    const translationCost = translationPerDay * days;\n    const companionCost = companionPerDay * days;\n\n    const treatmentValue = treatmentSelect.value;\n    let treatmentCost = 0;\n    const treatmentMin = parseInt(treatmentSelect.selectedOptions[0].dataset.min) || 0;\n    const treatmentMax = parseInt(treatmentSelect.selectedOptions[0].dataset.max) || 0;\n\n    if (and(treatmentValue !== '0', treatmentMin > 0)) {\n        treatmentCost = Math.round((treatmentMin + treatmentMax) \/ 2);\n        document.getElementById('treatmentRow').style.display = 'flex';\n        document.getElementById('treatmentInfo').style.display = 'block';\n        document.getElementById('treatmentName').textContent = treatmentNames[treatmentValue] || '';\n        document.getElementById('treatmentRange').textContent = '\u00a3' + formatNumber(treatmentMin) + ' - \u00a3' + formatNumber(treatmentMax);\n    } else {\n        document.getElementById('treatmentRow').style.display = 'none';\n        document.getElementById('treatmentInfo').style.display = 'none';\n    }\n\n    document.getElementById('dayDisplay').textContent = days;\n    document.getElementById('hotelNights').textContent = days;\n    document.getElementById('diningDays').textContent = days;\n    document.getElementById('transDays').textContent = days;\n    document.getElementById('compDays').textContent = days;\n\n    document.getElementById('flightPrice').textContent = '\u00a3' + formatNumber(flightCost);\n    document.getElementById('hotelPrice').textContent = '\u00a3' + formatNumber(hotelCost);\n    document.getElementById('diningPrice').textContent = '\u00a3' + formatNumber(diningCost);\n    document.getElementById('translationPrice').textContent = translationCost > 0 ? '\u00a3' + formatNumber(translationCost) : '\u2014';\n    document.getElementById('translationRow').style.display = translationCost > 0 ? 'flex' : 'none';\n    document.getElementById('companionPrice').textContent = companionCost > 0 ? '\u00a3' + formatNumber(companionCost) : '\u2014';\n    document.getElementById('companionRow').style.display = companionCost > 0 ? 'flex' : 'none';\n    document.getElementById('treatmentPrice').textContent = '\u00a3' + formatNumber(treatmentCost);\n\n    const total = flightCost + hotelCost + diningCost + translationCost + companionCost + treatmentCost;\n    document.getElementById('totalAmount').textContent = formatNumber(total);\n\n    const homeCost = parseFloat(document.getElementById('homeCost').value) || 0;\n    const savingsEl = document.getElementById('savingsAmount');\n    const percentEl = document.getElementById('savingsPercent');\n    const hintEl = document.getElementById('savingsHint');\n    const labelEl = document.getElementById('savingsLabel');\n    const sectionEl = document.getElementById('savingsSection');\n    const advEl = document.getElementById('advantageMessage');\n\n    if (and(homeCost > 0, homeCost > total)) {\n        const savings = homeCost - total;\n        const percent = Math.round((savings \/ homeCost) * 100);\n        savingsEl.textContent = formatNumber(savings);\n        percentEl.textContent = percent + '% Cheaper in China';\n        percentEl.classList.remove('hidden');\n        hintEl.textContent = 'Compared to your home country estimate';\n        labelEl.textContent = 'Your Potential Savings';\n        sectionEl.classList.remove('is-cheaper');\n        advEl.classList.remove('show');\n    } else if (and(homeCost > 0, !(homeCost > total))) {\n        const diff = total - homeCost;\n        const percent = Math.round((diff \/ homeCost) * 100);\n        savingsEl.textContent = formatNumber(diff);\n        percentEl.textContent = percent + '% More in China';\n        percentEl.classList.remove('hidden');\n        hintEl.textContent = 'Your local treatment appears more affordable \u2014 but cost is only one factor.';\n        labelEl.textContent = 'Price Difference';\n        sectionEl.classList.add('is-cheaper');\n        advEl.classList.add('show');\n    } else {\n        savingsEl.textContent = '\u2014';\n        percentEl.classList.add('hidden');\n        hintEl.textContent = 'Enter your home country cost to see savings';\n        labelEl.textContent = 'Your Potential Savings';\n        sectionEl.classList.remove('is-cheaper');\n        advEl.classList.remove('show');\n    }\n}\n\ndocument.getElementById('departure').addEventListener('change', function() { checkCustom(); calculate(); });\ndocument.getElementById('flightClass').addEventListener('change', function() { checkCustom(); calculate(); });\ndocument.getElementById('hotel').addEventListener('change', function() { checkCustom(); calculate(); });\ndocument.getElementById('dining').addEventListener('change', function() { checkCustom(); calculate(); });\ndocument.getElementById('translation').addEventListener('change', function() { checkCustom(); calculate(); });\ndocument.getElementById('companion').addEventListener('change', function() { checkCustom(); calculate(); });\ndocument.getElementById('treatment').addEventListener('change', calculate);\ndocument.getElementById('days').addEventListener('input', calculate);\ndocument.getElementById('homeCost').addEventListener('input', calculate);\n\nvar tierConfigs = {\n    comfort:  { flight: '1.0', hotel: '45',  dining: '15', translation: '0',   companion: '65' },\n    premium:  { flight: '3.5', hotel: '85',  dining: '30', translation: '150', companion: '0' },\n    deluxe:   { flight: '4.0', hotel: '155', dining: '55', translation: '150', companion: '185' }\n};\n\nfunction setActiveTierCard(tier) {\n    var cards = document.querySelectorAll('.tier-card');\n    cards.forEach(function(card) {\n        if (card.dataset.tier === tier) {\n            card.classList.add('active');\n        } else {\n            card.classList.remove('active');\n        }\n    });\n    document.getElementById('tier').value = tier;\n}\n\nfunction selectTier(tier) {\n    setActiveTierCard(tier);\n    if (tier === 'custom' || !tierConfigs[tier]) { calculate(); return; }\n    var c = tierConfigs[tier];\n    document.getElementById('flightClass').value = c.flight;\n    document.getElementById('hotel').value = c.hotel;\n    document.getElementById('dining').value = c.dining;\n    document.getElementById('translation').value = c.translation;\n    document.getElementById('companion').value = c.companion;\n    calculate();\n}\n\nfunction checkCustom() {\n    var tier = document.getElementById('tier').value;\n    if (tier === 'custom' || tier === '') return;\n    var c = tierConfigs[tier];\n    if (!c) return;\n    var current = {\n        flight: document.getElementById('flightClass').value,\n        hotel: document.getElementById('hotel').value,\n        dining: document.getElementById('dining').value,\n        translation: document.getElementById('translation').value,\n        companion: document.getElementById('companion').value\n    };\n    var match = and(current.flight === c.flight, current.hotel === c.hotel, current.dining === c.dining, current.translation === c.translation, current.companion === c.companion);\n    if (!match) {\n        setActiveTierCard('custom');\n    }\n}\n\nvar tierCardsContainer = document.getElementById('tierCards');\nif (tierCardsContainer) {\n    tierCardsContainer.addEventListener('click', function(e) {\n        var card = e.target.closest('.tier-card');\n        if (and(card, card.dataset.tier)) {\n            selectTier(card.dataset.tier);\n        }\n    });\n}\n\nwindow.addEventListener('scroll', function() {\n    const nav = document.getElementById('nav');\n    if (window.scrollY > 50) nav.classList.add('scrolled');\n    else nav.classList.remove('scrolled');\n});\n\ncalculate();\n<\/script>\n\n<!-- Bilingual Language Switcher -->\n<!-- ===== End Budget Estimator ===== -->\n\n\n<!-- Simple Language Redirect for English pages -->\n<script>\nfunction toggleLangDropdown() {\n    var switcher = document.getElementById('langSwitcher');\n    if (switcher) switcher.classList.toggle('open');\n}\nfunction switchLanguage(lang) {\n    if (lang === 'zh') {\n        \/\/ Redirect to Chinese version of current page\n        var cnUrl = window.location.href\n            .replace('\/index.php\/about-us\/', '\/index.php\/about-us-cn\/')\n            .replace('\/index.php\/services\/', '\/index.php\/services-cn\/')\n            .replace('\/index.php\/our-services\/', '\/index.php\/services-cn\/')\n            .replace('\/index.php\/faq\/', '\/index.php\/faq-cn\/')\n            .replace('\/index.php\/free-consultation\/', '\/index.php\/free-consultation-cn\/')\n            .replace('\/index.php\/budget\/', '\/index.php\/budget-cn\/')\n            .replace('\/index.php\/budget-estimator\/', '\/index.php\/budget-cn\/')\n            .replace('\/index.php\/home\/', '\/index.php\/home-cn\/');\n        if (cnUrl === window.location.href) {\n            \/\/ Homepage case\n            cnUrl = window.location.href.replace(\/\\\/$\/, '\/') + 'index.php\/home-cn\/';\n        }\n        window.location.href = cnUrl;\n    }\n    if (lang === 'fr') {\n        var frUrl = window.location.href\n            .replace('\/index.php\/about-us\/', '\/index.php\/about-us-fr\/')\n            .replace('\/index.php\/services\/', '\/index.php\/services-fr\/')\n            .replace('\/index.php\/our-services\/', '\/index.php\/services-fr\/')\n            .replace('\/index.php\/faq\/', '\/index.php\/faq-fr\/')\n            .replace('\/index.php\/free-consultation\/', '\/index.php\/free-consultation-fr\/')\n            .replace('\/index.php\/budget\/', '\/index.php\/budget-fr\/')\n            .replace('\/index.php\/budget-estimator\/', '\/index.php\/budget-fr\/')\n            .replace('\/index.php\/home\/', '\/index.php\/home-fr\/');\n        if (frUrl === window.location.href) {\n            frUrl = window.location.href.replace(\/\\\/$\/, '\/') + 'index.php\/home-fr\/';\n        }\n        window.location.href = frUrl;\n    }\n}\ndocument.addEventListener('click', function(e) {\n    var switcher = document.getElementById('langSwitcher');\n    if (and(switcher, !e.target.closest('.lang-switcher'))) {\n        switcher.classList.remove('open');\n    }\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u4e1c\u65b9\u5609\u76db Eastop Healthcare International Referral \u00b7 \u56fd\u9645\u8f6c\u8bca Ho [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-119","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/easttophealthcare.com\/index.php\/wp-json\/wp\/v2\/pages\/119","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/easttophealthcare.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/easttophealthcare.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/easttophealthcare.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/easttophealthcare.com\/index.php\/wp-json\/wp\/v2\/comments?post=119"}],"version-history":[{"count":16,"href":"https:\/\/easttophealthcare.com\/index.php\/wp-json\/wp\/v2\/pages\/119\/revisions"}],"predecessor-version":[{"id":314,"href":"https:\/\/easttophealthcare.com\/index.php\/wp-json\/wp\/v2\/pages\/119\/revisions\/314"}],"wp:attachment":[{"href":"https:\/\/easttophealthcare.com\/index.php\/wp-json\/wp\/v2\/media?parent=119"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}