/* ---- 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}}

Prima & Dopo

Risultati reali, sorrisi reali

Caricamento

Come pianifichiamo il trattamento

Prima la funzione — l’estetica segue

Il nostro primo obiettivo sono denti che funzionano: un morso confortevole, gengive sane e restauri che durano anni. Un bel sorriso è l’aspetto di una funzione sana — non una scorciatoia per ottenerla.

Per questo non consigliamo ogni trattamento a ogni paziente. Il piano giusto dipende dal tuo morso, dalle gengive e dall’osso sottostante. Se il tuo caso richiede meno trattamento del previsto, te lo diremo.

Il prossimo sorriso potrebbe essere il tuo

Inviaci una foto dei tuoi denti e ricevi un piano di trattamento personalizzato con i prezzi — di solito entro un giorno.

Ricevi il tuo piano di trattamento

(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":"Corone in zirconio","veneers":"Faccette in ceramica","e-max":"Faccette E-max","dental-implant":"Impianti dentali","teeth-whitening":"Sbiancamento dentale"}; var CATS=[["all","Tutti i casi"],["zirconia","Zirconio"],["veneers","Faccette"],["e-max","E-max"],["dental-implant","Impianti"],["teeth-whitening","Sbiancamento"]]; var PER=8; var SUB_INTL="Ogni foto qui sotto mostra un paziente reale di Citydent Istanbul. Trascina la maniglia dorata su ciascun caso per confrontare il sorriso prima e dopo il trattamento."; var SUB_TR="Le fotografie dei casi non possono essere pubblicate su questo sito, ma le nostre coordinatrici possono inviartele direttamente."; /* ---------- 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= ''+ ''; 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="Mostra altri risultati ("+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');}); })();