.med-calculator { max-width: 800px; margin: 2rem auto; padding: 1rem; }
.calc-hero { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: #fff; padding: 2rem; border-radius: 16px; margin-bottom: 2rem; }
.calc-hero h2 { color: #fff; margin: 0 0 0.5rem; font-size: 1.8rem; }
.calc-hero p { opacity: 0.95; margin: 0; }
.calc-section { background: #fff; border: 1px solid #e5e7eb; border-radius: 12px; padding: 1.5rem; margin-bottom: 1.5rem; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
.calc-section h3 { margin: 0 0 1rem; color: #111; font-size: 1.2rem; }
.calc-age-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 0.75rem; }
.calc-age-card { border: 2px solid #e5e7eb; border-radius: 10px; padding: 1rem; cursor: pointer; text-align: center; transition: all 0.2s; }
.calc-age-card:hover { border-color: #667eea; background: #f8f9ff; }
.calc-age-card.selected { border-color: #667eea; background: #f0f4ff; }
.calc-age-card input[type=»radio»] { display: none; }
.calc-age-card-label { font-weight: 700; color: #111; display: block; font-size: 1.05rem; }
.calc-age-card-desc { font-size: 0.8rem; color: #666; display: block; margin-top: 0.25rem; }
.calc-package-list { list-style: none; padding: 0; margin: 0; }
.calc-package-list li { display: flex; justify-content: space-between; align-items: center; padding: 0.75rem 0; border-bottom: 1px solid #f3f4f6; }
.calc-package-list li:last-child { border-bottom: none; }
.calc-package-list .svc-name { color: #374151; }
.calc-package-list .svc-price { font-weight: 600; color: #667eea; white-space: nowrap; }
.calc-package-total { display: flex; justify-content: space-between; align-items: center; padding: 1rem; background: #f0f4ff; border-radius: 10px; margin-top: 1rem; font-weight: 700; }
.calc-package-total .total-price { font-size: 1.3rem; color: #667eea; }
.calc-loading { text-align: center; padding: 3rem; color: #666; }
.calc-loading::after { content: »; display: inline-block; width: 20px; height: 20px; border: 3px solid #e5e7eb; border-top-color: #667eea; border-radius: 50%; animation: calc-spin 1s linear infinite; margin-left: 10px; vertical-align: middle; }
@keyframes calc-spin { to { transform: rotate(360deg); } }
.calc-result { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: #fff; padding: 2rem; border-radius: 16px; text-align: center; margin-top: 2rem; }
.calc-result-price { font-size: 2.5rem; font-weight: 800; margin: 0.5rem 0; }
.calc-result-note { opacity: 0.9; font-size: 0.95rem; margin: 0.5rem 0 1rem; }
.calc-result-btn { display: inline-flex; align-items: center; gap: 0.5rem; background: #fff; color: #667eea; padding: 1rem 2rem; border-radius: 50px; font-weight: 700; text-decoration: none; margin-top: 1rem; transition: transform 0.2s; }
.calc-result-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,0,0,0.2); }
.calc-note { background: #fef3c7; border-left: 4px solid #f59e0b; padding: 1rem; border-radius: 0 8px 8px 0; margin-top: 1rem; font-size: 0.9rem; color: #92400e; }
.calc-error { background: #fee2e2; border-left: 4px solid #ef4444; padding: 1rem; border-radius: 0 8px 8px 0; margin-top: 1rem; color: #991b1b; }
.calc-savings { background: #d1fae5; border-left: 4px solid #10b981; padding: 0.75rem 1rem; border-radius: 0 8px 8px 0; margin-top: 0.75rem; font-size: 0.9rem; color: #065f46; }

(function() {
‘use strict’;
window.__CALC_CHEKAP_LOADED = true;

var services = {
consult: { slug: ‘pervichnyj-priyom-vracha-akushera-ginekologa’, name: ‘Первичная консультация гинеколога’, price: null },
uzi: { slug: ‘uzi-organov-malogo-taza-kompleksnoe’, name: ‘Комплексное УЗИ органов малого таза’, price: null },
kolposk: { slug: ‘kolposkopiya-pyatigorsk-usluga’, name: ‘Кольпоскопия’, price: null },
pap: { slug: ‘onkoczitologiya-pap-test-czena-v-pyatigorske’, name: ‘Онкоцитология (ПАП-тест)’, price: null },
mazok: { slug: ‘mazok-na-floru-czena-v-pyatigorske’, name: ‘Мазок на флору’, price: null },
fsg: { slug: ‘fsg-follikulostimuliruyushhij-gormon-czena-v-pyatigorske’, name: ‘ФСГ (фолликулостимулирующий гормон)’, price: null },
lg: { slug: ‘lg-lyuteiniziruyushhij-gormon-czena-v-pyatigorske’, name: ‘ЛГ (лютеинизирующий гормон)’, price: null },
e2: { slug: ‘estradiol-e2-czena-v-pyatigorske’, name: ‘Эстрадиол (E2)’, price: null },
ttg: { slug: ‘ttg-tireotropnyj-gormon-czena-v-pyatigorske’, name: ‘ТТГ (тиреотропный гормон)’, price: null },
ferritin: { slug: ‘ferritin-czena-v-pyatigorske’, name: ‘Ферритин’, price: null }
};

var packages = {
under30: [‘consult’, ‘uzi’, ‘kolposk’, ‘pap’, ‘mazok’],
’30to40′: [‘consult’, ‘uzi’, ‘kolposk’, ‘pap’, ‘mazok’, ‘fsg’, ‘lg’, ‘e2’],
over40: [‘consult’, ‘uzi’, ‘kolposk’, ‘pap’, ‘mazok’, ‘fsg’, ‘lg’, ‘e2’, ‘ttg’, ‘ferritin’]
};

var packageNames = {
under30: ‘Чек-ап до 30 лет’,
’30to40′: ‘Чек-ап 30–40 лет’,
over40: ‘Чек-ап 40+’
};

var loaded = 0;
var failed = 0;
var totalServices = Object.keys(services).length;

var loadingEl = document.getElementById(‘calc-loading’);
var contentEl = document.getElementById(‘calc-content’);
var errorEl = document.getElementById(‘calc-error’);
var resultEl = document.getElementById(‘calc-result’);
var totalEl = document.getElementById(‘calc-total’);
var ageGrid = document.getElementById(‘calc-age-grid’);
var packageSection = document.getElementById(‘calc-package-section’);
var packageList = document.getElementById(‘calc-package-list’);
var packageTotal = document.getElementById(‘calc-package-total’);
var savingsEl = document.getElementById(‘calc-savings’);

function formatPrice(n) {
return n.toLocaleString(‘ru-RU’) + ‘ ₽’;
}

function showResult() {
var selected = document.querySelector(‘input[name=»calc-age»]:checked’);
if (!selected) return;
var pkgKey = selected.value;
var pkgServices = packages[pkgKey];
if (!pkgServices) return;

var total = 0;
var html = »;

pkgServices.forEach(function(key) {
var svc = services[key];
if (!svc || !svc.price) return;
total += svc.price;
html += ‘

‘;
});

packageList.innerHTML = html;
packageTotal.textContent = formatPrice(total);
packageSection.style.display = ‘block’;

// Calculate savings vs buying separately (if any package discount existed)
// Here we show total = sum of services, no discount
savingsEl.style.display = ‘none’;

totalEl.textContent = ‘≈ ‘ + formatPrice(total);
resultEl.style.display = ‘block’;
resultEl.scrollIntoView({ behavior: ‘smooth’, block: ‘nearest’ });
}

function buildUI() {
loadingEl.style.display = ‘none’;
if (loaded === 0) {
errorEl.style.display = ‘block’;
return;
}
contentEl.style.display = ‘block’;

ageGrid.addEventListener(‘change’, function(e) {
if (e.target.name === ‘calc-age’) {
document.querySelectorAll(‘.calc-age-card’).forEach(function(el) { el.classList.remove(‘selected’); });
e.target.closest(‘.calc-age-card’).classList.add(‘selected’);
showResult();
}
});
}

function fetchPrice(key) {
var svc = services[key];
return fetch(‘/services/’ + svc.slug + ‘/’)
.then(function(r) { return r.text(); })
.then(function(html) {
var m = html.match(/»price»s*:s*»?(d+)»?/);
if (m) {
svc.price = parseInt(m[1], 10);
loaded++;
} else {
// Try meta fallback
var m2 = html.match(/service_price[«‘]?s*[:=]s*[«‘]?(d+)/);
if (m2) {
svc.price = parseInt(m2[1], 10);
loaded++;
} else {
failed++;
}
}
})
.catch(function() { failed++; });
}

Promise.all(Object.keys(services).map(fetchPrice)).then(buildUI);
})();