/* ---- 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','Noto Naskh Arabic',Georgia,serif;
--fb:'DM Sans','Noto Naskh Arabic',Tahoma,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}}
/* ---- RTL ---- */
#cdba[dir="rtl"] .cdba-note-card{border-left:none;border-right:3px solid var(--gold)}
#cdba[dir="rtl"] .cdba-bc .sep{display:inline-block;transform:scaleX(-1)}
#cdba[dir="rtl"] .cdba-hero h1,#cdba[dir="rtl"] .cdba-philo h2,#cdba[dir="rtl"] .cdba-note-card h2,#cdba[dir="rtl"] .cdba-cta .t{font-weight:600}
(function(){
var root=document.getElementById('cdba');
if(!root||root.dataset.init)return; root.dataset.init='1';
/* ---------- CONFIG ---------- */
var BASE='/wp-content/uploads/2026/07/ba-';
var DATA=[["teeth-whitening","01"],["teeth-whitening","02"],["teeth-whitening","03"],["teeth-whitening","04"],["teeth-whitening","05"],["teeth-whitening","06"],["e-max","01"],["e-max","02"],["e-max","03"],["e-max","04"],["e-max","05"],["e-max","06"],["e-max","07"],["e-max","08"],["e-max","09"],["zirconia","01"],["zirconia","02"],["zirconia","03"],["zirconia","04"],["zirconia","05"],["zirconia","06"],["zirconia","07"],["zirconia","08"],["zirconia","09"],["zirconia","10"],["zirconia","11"],["zirconia","12"],["zirconia","13"],["zirconia","14"],["zirconia","15"],["zirconia","16"],["veneers","01"],["veneers","02"],["veneers","03"],["veneers","04"],["veneers","05"],["veneers","06"],["veneers","07"],["veneers","08"],["veneers","09"],["veneers","10"],["veneers","11"],["dental-implant","01"],["dental-implant","02"],["dental-implant","03"],["dental-implant","04"],["dental-implant","05"],["dental-implant","06"],["dental-implant","07"],["dental-implant","08"],["dental-implant","09"],["dental-implant","10"],["dental-implant","11"],["dental-implant","12"],["dental-implant","13"]];
var LABELS={"zirconia":"روکش زیرکونیا","veneers":"لمینت پرسلن","e-max":"لمینت E-max","dental-implant":"ایمپلنت دندان","teeth-whitening":"سفید کردن دندان"};
var CATS=[["all","همه موارد"],["zirconia","زیرکونیا"],["veneers","لمینت"],["e-max","E-max"],["dental-implant","ایمپلنت"],["teeth-whitening","سفید کردن"]];
var PER=8;
var SUB_INTL="هر تصویر زیر متعلق به یک بیمار واقعی Citydent Istanbul است. دستگیره طلایی هر مورد را بکشید تا لبخند پیش و پس از درمان را مقایسه کنید.";
var SUB_TR="انتشار تصاویر موارد درمانی در این وبسایت ممکن نیست، اما هماهنگکنندگان ما میتوانند آنها را مستقیم برایتان بفرستند.";
/* ---------- ELEMENTS ---------- */
var load=document.getElementById('cdbaLoad'), trBox=document.getElementById('cdbaTR'),
intl=document.getElementById('cdbaINTL'), grid=document.getElementById('cdbaGrid'),
more=document.getElementById('cdbaMore'), chipBox=document.getElementById('cdbaChips'),
sub=document.getElementById('cdbaSub');
var shown=0, cat='all';
/* ---------- CONTACT MODAL ---------- */
root.addEventListener('click',function(e){
var a=e.target.closest('[data-modal]'); if(!a)return;
if(typeof window.cdOpenContactModal==='function'){e.preventDefault();window.cdOpenContactModal();}
});
/* ---------- GEO DETECTION ---------- */
function txt(url,ms){
return new Promise(function(res,rej){
var done=false, ctrl=(window.AbortController?new AbortController():null);
var t=setTimeout(function(){done=true;if(ctrl)ctrl.abort();rej();},ms);
fetch(url,ctrl?{signal:ctrl.signal}:undefined).then(function(r){
if(!r.ok)throw 0; return r.text();
}).then(function(s){if(done)return;clearTimeout(t);res(s);})
.catch(function(){if(done)return;clearTimeout(t);rej();});
});
}
function viaCloudflare(){ // free, unlimited, no third party
return txt('/cdn-cgi/trace',1200).then(function(s){
var m=/(?:^|\n)loc=([A-Z]{2})/.exec(s); if(!m)throw 0; return m[1];
});
}
function viaIpapi(){ // fallback if the site is not on Cloudflare
return txt('https://ipapi.co/json/',2500).then(function(s){
var d=JSON.parse(s); if(!d||!d.country_code)throw 0; return d.country_code;
});
}
function viaLanguage(){ // last resort
var l=(navigator.language||'').toLowerCase();
return (l.indexOf('tr')===0||(navigator.languages||[]).some(function(x){return x.toLowerCase().indexOf('tr')===0;}))?'TR':'XX';
}
function resolve(){
var q=/[?&]geo=(tr|intl)/i.exec(location.search);
if(q)return Promise.resolve(q[1].toLowerCase()==='tr'?'TR':'XX');
var c; try{c=sessionStorage.getItem('cdGeo');}catch(_){}
if(c)return Promise.resolve(c);
return viaCloudflare().catch(viaIpapi).catch(function(){return viaLanguage();})
.then(function(code){try{sessionStorage.setItem('cdGeo',code);}catch(_){} return code;});
}
/* ---------- GALLERY ---------- */
function items(){return DATA.filter(function(d){return cat==='all'||d[0]===cat;});}
function card(d,eager){
var label=LABELS[d[0]], n=d[1];
var b=BASE+d[0]+'-'+n+'-before.jpg', a=BASE+d[0]+'-'+n+'-after.jpg';
var lz=eager?'':' loading="lazy"';
var el=document.createElement('div'); el.className='cdba-card';
el.innerHTML=
'
قبل و بعد
نتایج واقعی، لبخندهای واقعی
در حال بارگذاری
توجه
تصاویر موارد درمانی را هماهنگکنندگان ما میفرستند
به دلیل مقررات تبلیغات سلامت در ترکیه، امکان انتشار تصاویر قبل و بعد در این وبسایت را نداریم. با این حال دیدن نتایج واقعی حق شماست.
هماهنگکنندگان بیماران ما میتوانند تصاویر موارد، مسیر کامل درمان و نمونههای مشابه را مستقیم برایتان ارسال کنند — از طریق واتساپ، ایمیل یا تلفن. کافی است بگویید کدام درمان مدنظرتان است تا نزدیکترین موارد را از آرشیو برایتان بفرستند.
زبانهای هماهنگکنندگان ما
EnglishTürkçeFrançais
DeutschРусскийالعربيةفارسی
همه تصاویر متعلق به بیماران واقعی درمانشده در Citydent Istanbul است و با رضایت آنان منتشر شده. ساختار دهان و روند بهبود هر فرد متفاوت است، بنابراین نتایج فردی میتواند فرق کند. برنامه اختصاصی شما پس از معاینه تنظیم میشود.
چگونه درمان را طراحی میکنیم
اول عملکرد — زیبایی در پی آن
هدف نخست ما دندانهایی است که کار کنند: اکلوژن راحت، لثه سالم و ترمیمهایی که سالها دوام بیاورند. لبخند زیبا چهره عملکرد سالم است، نه میانبری به سوی آن.
به همین دلیل هر درمانی را به هر بیماری پیشنهاد نمیکنیم. برنامه درست به اکلوژن، لثه و استخوان زیر آن بستگی دارد. اگر مورد شما به درمان کمتری از آنچه انتظار دارید نیاز داشته باشد، همان را میگوییم.
لبخند بعدی میتواند مال شما باشد
تصویری از دندانهایتان بفرستید و برنامه درمانی شخصی همراه با هزینه دریافت کنید — معمولاً ظرف یک روز.
دریافت برنامه درمانی'+
'
'+
'
'+
''+
'
'+
''+
''+
'
'+
'قبل'+
'بعد'+
'برای مقایسه بکشید'+
'CD
'+
''+
''+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');});
})();