/* ---- BRAND TOKENS — the only block you should need to edit ---- */ #cdba{ --navy:#2A4358; --navy-deep:#1e3347; --navy-darker:#152837; --navy-light:#3a5a75; --gold:#FECE46; --gold-dark:#e8b820; --cream:#FAF7F2; --cream-mid:#F2EDE4; --line:#dcd3c2; --white:#fff; --text-body:#3d4a56; --text-mid:#5d6b78; --fd:'Cormorant Garamond',Georgia,serif; --fb:'DM Sans',system-ui,-apple-system,sans-serif; font-family:var(--fb); color:var(--text-body); background:var(--cream); line-height:1.6; overflow-x:hidden; display:block; } #cdba *,#cdba *::before,#cdba *::after{box-sizing:border-box;margin:0;padding:0} #cdba img{display:block;max-width:100%} #cdba button{font-family:var(--fb);cursor:pointer} #cdba [hidden]{display:none!important} #cdba :focus-visible{outline:2px solid var(--gold-dark);outline-offset:3px} /* ---- BREADCRUMB ---- */ #cdba .cdba-bc{border-bottom:1px solid var(--line);padding:13px 0} #cdba .cdba-bc-in{max-width:1180px;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:6px;flex-wrap:wrap} #cdba .cdba-bc a{font-size:12px;color:var(--text-mid);text-decoration:none;transition:color .2s} #cdba .cdba-bc a:hover{color:var(--navy)} #cdba .cdba-bc .sep{font-size:12px;color:var(--line)} #cdba .cdba-bc .cur{font-size:12px;font-weight:500;color:var(--navy)} /* ---- HERO ---- */ #cdba .cdba-hero{text-align:center;padding:44px 18px 10px;max-width:760px;margin:0 auto} @media(min-width:600px){#cdba .cdba-hero{padding-top:72px}} @media(min-width:1100px){#cdba .cdba-hero{padding-top:88px}} #cdba .cdba-eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--navy-light);margin-bottom:12px;font-weight:500} #cdba .cdba-hero h1{font-family:var(--fd);font-weight:500;font-size:clamp(32px,7vw,50px);line-height:1.08;letter-spacing:-.01em;color:var(--navy);text-wrap:balance} #cdba .cdba-hero h1 em{font-style:italic;color:var(--navy-light)} #cdba .cdba-hero p{max-width:560px;margin:16px auto 0;font-size:15.5px;color:var(--text-mid);min-height:1.6em} /* ---- LOADER ---- */ #cdba .cdba-load{display:flex;flex-direction:column;align-items:center;gap:14px;padding:70px 20px 80px} #cdba .cdba-spin{width:26px;height:26px;border:2px solid var(--line);border-top-color:var(--gold-dark);border-radius:50%;animation:cdbaSpin .8s linear infinite} #cdba .cdba-load span{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-mid)} @keyframes cdbaSpin{to{transform:rotate(360deg)}} /* ---- TR / LEGAL BRANCH ---- */ #cdba .cdba-legal{max-width:760px;margin:0 auto;padding:26px 16px 8px} #cdba .cdba-note-card{background:var(--white);border:1px solid var(--line);border-left:3px solid var(--gold);padding:30px 28px} @media(min-width:600px){#cdba .cdba-note-card{padding:38px 40px}} #cdba .cdba-note-card h2{font-family:var(--fd);font-weight:500;font-size:clamp(23px,4.6vw,31px);line-height:1.16;color:var(--navy);margin-bottom:14px;text-wrap:balance} #cdba .cdba-note-card h2 em{font-style:italic;color:var(--gold-dark)} #cdba .cdba-note-card p{font-size:15px;line-height:1.75;color:var(--text-body);margin-bottom:14px} #cdba .cdba-note-card p:last-of-type{margin-bottom:24px} #cdba .cdba-note-card strong{font-weight:500;color:var(--navy)} #cdba .cdba-acts{display:flex;flex-wrap:wrap;gap:10px} #cdba a.cdba-act{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border:1px solid var(--navy);transition:background .2s,color .2s} #cdba a.cdba-act-p{background:var(--navy);color:var(--white)} #cdba a.cdba-act-p:hover{background:var(--navy-darker);color:var(--gold)} #cdba a.cdba-act-s{background:transparent;color:var(--navy)} #cdba a.cdba-act-s:hover{background:var(--navy);color:var(--gold)} #cdba .cdba-langs{margin-top:30px;padding-top:22px;border-top:1px solid var(--line)} #cdba .cdba-langs .lb{font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--text-mid);margin-bottom:11px} #cdba .cdba-langs .row{display:flex;flex-wrap:wrap;gap:7px} #cdba .cdba-langs .tag{display:inline-flex;align-items:center;padding:5px 13px;background:var(--cream-mid);border:1px solid var(--line);border-radius:999px;font-size:12px;font-weight:500;color:var(--text-mid)} /* ---- FILTER CHIPS ---- */ #cdba .cdba-chips{display:flex;gap:8px;overflow-x:auto;padding:26px 16px 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch} #cdba .cdba-chips::-webkit-scrollbar{display:none} @media(min-width:700px){#cdba .cdba-chips{justify-content:center;flex-wrap:wrap}} #cdba button.cdba-chip{flex:0 0 auto;border:1px solid var(--line);background:var(--white);color:var(--navy);font-size:13px;font-weight:500;padding:9px 16px;border-radius:999px;transition:background .15s,color .15s,border-color .15s} #cdba button.cdba-chip .n{color:var(--text-mid);font-size:11.5px;margin-left:4px} #cdba button.cdba-chip.on{background:var(--navy);border-color:var(--navy);color:var(--white)} #cdba button.cdba-chip.on .n{color:var(--gold)} /* ---- GALLERY ---- */ #cdba .cdba-grid{display:grid;grid-template-columns:1fr;gap:26px;padding:22px 16px 8px;max-width:640px;margin:0 auto} @media(min-width:860px){#cdba .cdba-grid{max-width:960px;grid-template-columns:1fr 1fr;gap:30px}} #cdba .cdba-card{background:var(--white);border:1px solid var(--line);padding:12px} #cdba .cdba-frame{position:relative;overflow:hidden;touch-action:pan-y;user-select:none;-webkit-user-select:none;aspect-ratio:636/400;background:var(--cream-mid);cursor:ew-resize} #cdba .cdba-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none} #cdba .cdba-before{clip-path:inset(0 calc(100% - var(--x,50%)) 0 0)} #cdba .cdba-div{position:absolute;top:0;bottom:0;left:var(--x,50%);width:2px;background:var(--gold);z-index:3;pointer-events:none} #cdba .cdba-handle{position:absolute;top:50%;left:var(--x,50%);transform:translate(-50%,-50%);z-index:4;display:flex;align-items:center;gap:7px;pointer-events:none} #cdba .cdba-handle .circle{flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px rgba(255,255,255,.55),0 2px 9px rgba(21,40,55,.4);display:flex;align-items:center;justify-content:center} #cdba .cdba-handle .mono{font-family:var(--fd);font-size:12px;font-weight:600;color:var(--navy-darker);letter-spacing:.05em;line-height:1} #cdba .cdba-handle .chev{flex:0 0 auto;display:block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.55))} #cdba .cdba-tag{position:absolute;top:10px;font-size:10px;font-weight:600;letter-spacing:.14em;padding:4px 9px;z-index:4;pointer-events:none} #cdba .cdba-tag-b{left:10px;background:rgba(21,40,55,.82);color:#fff} #cdba .cdba-tag-a{right:10px;background:var(--gold);color:var(--navy-darker)} #cdba .cdba-hint{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);z-index:4;pointer-events:none;background:rgba(21,40,55,.72);color:#fff;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;padding:5px 12px;transition:opacity .3s} #cdba .cdba-frame.used .cdba-hint{opacity:0} #cdba .cdba-label{display:flex;justify-content:space-between;align-items:baseline;margin-top:10px;gap:10px} #cdba .cdba-label .t{font-family:var(--fd);font-size:17px;font-weight:600;color:var(--navy)} #cdba .cdba-label .c{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-mid);white-space:nowrap} #cdba button.cdba-more{display:block;margin:32px auto 0;background:transparent;border:1px solid var(--navy);color:var(--navy);font-size:12.5px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;padding:14px 36px;transition:background .2s,color .2s} #cdba button.cdba-more:hover{background:var(--navy);color:var(--gold)} #cdba .cdba-disc{font-size:12.5px;font-style:italic;color:var(--text-mid);text-align:center;max-width:600px;margin:0 auto;padding:30px 16px 44px} /* ---- PHILOSOPHY ---- */ #cdba .cdba-philo{background:var(--cream-mid);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:52px 20px} #cdba .cdba-philo-in{max-width:660px;margin:0 auto} #cdba .cdba-philo h2{font-family:var(--fd);font-weight:500;font-size:clamp(24px,5.2vw,34px);line-height:1.14;letter-spacing:-.01em;color:var(--navy);margin-bottom:16px;text-wrap:balance} #cdba .cdba-philo h2 em{font-style:italic;color:var(--gold-dark)} #cdba .cdba-philo p{font-size:15px;line-height:1.72;color:var(--text-body);margin-bottom:12px} #cdba .cdba-philo p:last-child{margin-bottom:0} #cdba .cdba-philo strong{font-weight:500;color:var(--navy)} /* ---- CTA ---- */ #cdba .cdba-cta{background:var(--navy);color:#fff;text-align:center;padding:56px 20px;position:relative;overflow:hidden} #cdba .cdba-cta::before{content:"";position:absolute;top:-100px;right:-100px;width:320px;height:320px;background:radial-gradient(circle,rgba(254,206,70,.09) 0%,transparent 70%);pointer-events:none} #cdba .cdba-cta .t{font-family:var(--fd);font-size:clamp(26px,5.5vw,36px);font-weight:500;line-height:1.15;color:#fff;position:relative} #cdba .cdba-cta .t em{font-style:italic;color:var(--gold)} #cdba .cdba-cta p{max-width:520px;margin:14px auto 0;font-size:14.5px;color:rgba(255,255,255,.75);position:relative} #cdba a.cdba-cta-btn{display:inline-block;margin-top:24px;background:var(--gold);color:var(--navy-darker);font-weight:600;font-size:13px;letter-spacing:.1em;text-transform:uppercase;padding:15px 34px;text-decoration:none;transition:background .2s;position:relative} #cdba a.cdba-cta-btn:hover{background:var(--gold-dark)} @media(prefers-reduced-motion:reduce){#cdba *{transition:none!important;animation:none!important}}

До и после

Настоящие результаты, настоящие улыбки

Загрузка

Как мы планируем лечение

Сначала функция — красота следом

Наша первая цель — зубы, которые работают: комфортный прикус, здоровые дёсны и реставрации, служащие годами. Красивая улыбка — это то, как выглядит здоровая функция, а не короткий путь к ней.

Поэтому мы не назначаем каждое лечение каждому пациенту. Правильный план зависит от вашего прикуса, дёсен и кости под ними. Если вашему случаю нужно меньше лечения, чем вы ожидали, мы об этом скажем.

Следующей может стать ваша улыбка

Пришлите фото своих зубов и получите персональный план лечения с ценами — обычно в течение одного дня.

Получить план лечения

'+ '

'+label+' — случай '+n+', после лечения в Citydent Istanbul

'+ '

'+label+' — случай '+n+', до лечения в Citydent Istanbul

'+ '

'+ ''+ '

'+ 'ДО'+ 'ПОСЛЕ'+ 'Потяните для сравнения'+ '

'+ '

'+label+'Случай '+n+'

'; bind(el.querySelector('.cdba-frame')); return el; } function bind(frame){ var drag=false; function set(p){ p=Math.min(Math.max(p,3),97); frame.style.setProperty('--x',p+'%'); frame.setAttribute('aria-valuenow',Math.round(p)); frame.classList.add('used'); } function fromEvent(e){ var r=frame.getBoundingClientRect(); set(((e.clientX-r.left)/r.width)*100); } frame.addEventListener('pointerdown',function(e){ drag=true; try{frame.setPointerCapture(e.pointerId);}catch(_){} fromEvent(e); }); frame.addEventListener('pointermove',function(e){if(drag)fromEvent(e);}); frame.addEventListener('pointerup',function(){drag=false;}); frame.addEventListener('pointercancel',function(){drag=false;}); frame.addEventListener('keydown',function(e){ var cur=parseFloat(frame.getAttribute('aria-valuenow'))||50, step=e.shiftKey?12:4; if(e.key==='ArrowLeft'){set(cur-step);e.preventDefault();} else if(e.key==='ArrowRight'){set(cur+step);e.preventDefault();} else if(e.key==='Home'){set(0);e.preventDefault();} else if(e.key==='End'){set(100);e.preventDefault();} }); } function page(){ var list=items(), next=list.slice(shown,shown+PER); next.forEach(function(d,i){grid.appendChild(card(d,shown===0&&i0){more.hidden=false;more.textContent="Показать больше результатов ("+left+")";} else{more.hidden=true;} } function buildChips(){ CATS.forEach(function(c,i){ var count=c[0]==='all'?DATA.length:DATA.filter(function(d){return d[0]===c[0];}).length; var b=document.createElement('button'); b.type='button'; b.className='cdba-chip'+(i===0?' on':''); b.setAttribute('role','tab'); b.setAttribute('aria-selected',i===0?'true':'false'); b.innerHTML=c[1]+' '+count+''; b.addEventListener('click',function(){ chipBox.querySelectorAll('.cdba-chip').forEach(function(x){x.classList.remove('on');x.setAttribute('aria-selected','false');}); b.classList.add('on'); b.setAttribute('aria-selected','true'); cat=c[0]; shown=0; grid.innerHTML=''; page(); }); chipBox.appendChild(b); }); } /* ---------- RENDER ---------- */ function show(code){ load.hidden=true; load.style.display='none'; if(code==='TR'){ sub.textContent=SUB_TR; trBox.hidden=false; root.dataset.geo='tr'; return; } sub.textContent=SUB_INTL; intl.hidden=false; root.dataset.geo='intl'; buildChips(); page(); more.addEventListener('click',page); } resolve().then(show).catch(function(){show('XX');}); })();

Настоящие результаты, настоящие улыбки

Фото случаев отправляют наши координаторы

Сначала функция — красота следом