{"id":3099,"date":"2020-08-31T11:10:13","date_gmt":"2020-08-31T11:10:13","guid":{"rendered":"https:\/\/odclinic.com\/ana-sayfa-elementor\/"},"modified":"2026-05-07T08:47:29","modified_gmt":"2026-05-07T08:47:29","slug":"ana-sayfa-elementor","status":"publish","type":"page","link":"https:\/\/odclinic.com\/ru\/","title":{"rendered":"\u041a\u043b\u0438\u043d\u0438\u043a\u0430 \u0421\u0442\u043e\u043c\u0430\u0442\u043e\u043b\u043e\u0433\u0438\u0438 \u0410\u043b\u0430\u043d\u0438\u0438"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"3099\" class=\"elementor elementor-3099\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ece7ce8 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"ece7ce8\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5d57242\" data-id=\"5d57242\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-df17bd3 elementor-widget elementor-widget-html\" data-id=\"df17bd3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   OD CLINIC \u2014 Elementor HTML Widget\n   T\u00fcm CSS .odc scope alt\u0131nda, body\/html yok\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600&family=Jost:ital,wght@0,300;0,400;0,500;0,600&display=swap\"\/>\n\n<style>\n\/* \u2550\u2550 HORIZONTAL OVERFLOW FIX \u2014 100vw hero scrollbar'\u0131 kayd\u0131rmas\u0131n \u2550\u2550 *\/\nhtml, body{ overflow-x:hidden!important }\n\n\/* \u2550\u2550 ELEMENTOR GAP FIX \u2550\u2550 *\/\n.elementor-widget-container:has(.odc),\n.elementor-widget-wrap:has(.odc),\n.elementor-column:has(.odc),\n.elementor-section:has(.odc),\n.e-con:has(.odc),\n.e-con-inner:has(.odc){\n  padding-top:0!important;\n  padding-bottom:0!important;\n  margin-top:0!important;\n  margin-bottom:0!important;\n}\n\n\/* \u2500\u2500 VIDEO OVERLAY \/ CONTROLS TAMAMEN G\u0130ZLE \u2500\u2500 *\/\n.odc video{ pointer-events:none!important }\n.odc video::-webkit-media-controls{ display:none!important }\n.odc video::-webkit-media-controls-enclosure{ display:none!important }\n.odc video::-webkit-media-controls-panel{ display:none!important }\n.odc video::-webkit-media-controls-overlay-play-button{ display:none!important }\n.odc video::-webkit-media-controls-start-playback-button{ display:none!important }\n.odc video::-webkit-media-controls-play-button{ display:none!important }\n\/* Firefox *\/\n.odc video::-moz-media-controls{ display:none!important }\n\/* \u2550\u2550 MEDIAELEMENT.JS OVERLAY & SPINNER G\u0130ZLE \u2550\u2550 *\/\n.odc .mejs-overlay-play,\n.odc .mejs-overlay-button,\n.odc .mejs-container .mejs-overlay-play,\n.mejs-container .mejs-overlay-play,\n.mejs-overlay-play,\n.odc .mejs-overlay-loading,\n.mejs-overlay-loading,\n.odc .mejs-overlay-loading-bg-img,\n.mejs-overlay-loading-bg-img,\n.odc .mejs-controls,\n.odc .mejs-time-rail,\n.odc .mejs-time-buffering,\n.odc .mejs-overlay-error{display:none!important;opacity:0!important;visibility:hidden!important}\n\n\/* \u2550\u2550 DONMA (BUFFERING) \u0130KONU G\u0130ZLE \u2550\u2550 *\/\n.odc video::-webkit-media-controls-loading-panel{display:none!important}\n.odc video::-webkit-media-controls-overlay-cast-button{display:none!important}\n.odc video::-internal-media-controls-button-panel{display:none!important}\n.odc video::-internal-media-controls-loading-panel{display:none!important}\n\n\/* Genel overlay \u2014 baz\u0131 temalar\/browserlar div overlay koyar *\/\n\/* video + * kald\u0131r\u0131ld\u0131 - mejs bypass ile gerek kalmad\u0131 *\/\n.odc .mejs-offscreen{ display:none!important }\n\n\/* \u2500\u2500 RESET (sadece .odc i\u00e7inde) \u2500\u2500 *\/\n.odc *,.odc *::before,.odc *::after{box-sizing:border-box;margin:0;padding:0}\n.odc img,.odc video{display:block;max-width:100%}\n.odc a{text-decoration:none}\n\n\/* \u2500\u2500 VARIABLES \u2500\u2500 *\/\n.odc{\n  --ink:   #0a0a0a;\n  --ink2:  #161616;\n  --ink3:  #222222;\n  --mid:   #777777;\n  --pale:  #e0e0e0;\n  --fog:   #f2f2f0;\n  --paper: #f9f9f7;\n  --white: #ffffff;\n  font-family:'Jost',sans-serif;\n  font-weight:400;\n  line-height:1.6;\n  color:var(--ink);\n  overflow-x:hidden;\n}\n\n\/* \u2500\u2500 LAYOUT \u2500\u2500 *\/\n.odc .w{max-width:1280px;margin:0 auto;padding:0 52px}\n\n\/* \u2500\u2500 TYPE \u2500\u2500 *\/\n.odc .eyebrow{\n  display:inline-block;\n  font-family:'Jost',sans-serif;\n  font-size:10px;font-weight:600;\n  letter-spacing:5px;text-transform:uppercase;\n  color:var(--mid);margin-bottom:18px;\n}\n.odc .dp{\n  font-family:'Cormorant Garamond',serif;\n  font-weight:700;line-height:1.0;\n  letter-spacing:-0.025em;\n  color:var(--ink);\n}\n.odc .rule{width:40px;height:1px;background:var(--ink);margin:22px 0}\n.odc .rule-c{margin-left:auto;margin-right:auto}\n\n\/* \u2500\u2500 BUTTONS \u2500\u2500 *\/\n.odc .btn-w{\n  display:inline-block;\n  padding:16px 44px;\n  background:var(--white);color:var(--ink);\n  font-family:'Jost',sans-serif;\n  font-size:10px;font-weight:600;\n  letter-spacing:3.5px;text-transform:uppercase;\n  border:1px solid var(--white);\n  transition:background .25s,color .25s;cursor:pointer;\n}\n.odc .btn-w:hover{background:transparent;color:var(--white)}\n.odc .btn-ol{\n  display:inline-block;\n  padding:15px 44px;\n  background:transparent;color:var(--white);\n  font-family:'Jost',sans-serif;\n  font-size:10px;font-weight:600;\n  letter-spacing:3.5px;text-transform:uppercase;\n  border:1px solid rgba(255,255,255,.3);\n  transition:border-color .25s;cursor:pointer;\n}\n.odc .btn-ol:hover{border-color:var(--white)}\n.odc .btn-dk{\n  display:inline-block;\n  padding:18px 56px;\n  background:var(--ink);color:var(--white);\n  font-family:'Jost',sans-serif;\n  font-size:10px;font-weight:600;\n  letter-spacing:3.5px;text-transform:uppercase;\n  border:1px solid var(--ink);\n  transition:background .25s;cursor:pointer;\n}\n.odc .btn-dk:hover{background:var(--ink3)}\n\n\/* \u2500\u2500 SCROLL REVEAL \u2500\u2500 *\/\n.odc .rv{opacity:0;transform:translateY(28px);transition:opacity .85s ease,transform .85s ease}\n.odc .rv.on{opacity:1;transform:none}\n.odc .rv.t1{transition-delay:.09s}.odc .rv.t2{transition-delay:.18s}\n.odc .rv.t3{transition-delay:.27s}.odc .rv.t4{transition-delay:.36s}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   HERO \u2014 full-width breakout from Elementor\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.odc .hero{\n  position:relative;\n  margin-left:calc(-50vw + 50%);\n  margin-right:calc(-50vw + 50%);\n  width:100vw;\n  height:100vh;min-height:600px;\n  overflow:hidden;\n  display:flex;align-items:center;\n  background:var(--ink);\n}\n.odc .hero-vid{\n  position:absolute;inset:0;\n  width:100%;height:100%;object-fit:cover;\n  opacity:.55;\n  background-color:#1a1a1a;\n}\n.odc .hero::before{\n  content:'';position:absolute;inset:0;z-index:0;\n  background:rgba(10,10,10,.45);\n}\n.odc .hero-veil{\n  position:absolute;inset:0;z-index:1;\n  background:linear-gradient(160deg,rgba(10,10,10,.5) 0%,rgba(10,10,10,.0) 50%,rgba(10,10,10,.8) 100%);\n}\n.odc .hero-body{\n  position:relative;z-index:3;\n  padding:0 52px;\n  max-width:860px;\n}\n.odc .hero-tag{\n  display:block;\n  font-family:'Jost',sans-serif;\n  font-size:10px;font-weight:600;\n  letter-spacing:5px;text-transform:uppercase;\n  color:rgba(255,255,255,.45);margin-bottom:26px;\n}\n.odc .hero-h1{\n  font-family:'Cormorant Garamond',serif;\n  font-size:clamp(50px,8vw,108px);\n  font-weight:700;line-height:.97;\n  letter-spacing:-0.03em;\n  color:var(--white);margin-bottom:28px;\n}\n.odc .hero-h1 em{font-style:italic;font-weight:300}\n.odc .hero-sub{\n  font-size:16px;font-weight:300;\n  color:rgba(255,255,255,.58);\n  max-width:440px;line-height:1.85;margin-bottom:46px;\n}\n.odc .hero-btns{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-bottom:40px}\n\n\/* Hero mini stats \u2014 butonlar\u0131n hemen alt\u0131nda *\/\n.odc .hero-mini-stats{\n  display:flex;align-items:center;gap:0;\n  flex-wrap:wrap;\n}\n.odc .hero-ms{\n  display:flex;flex-direction:column;\n  padding-right:28px;margin-right:28px;\n  border-right:1px solid rgba(255,255,255,.12);\n}\n.odc .hero-ms:last-child{border-right:none;padding-right:0;margin-right:0}\n.odc .hero-ms-n{\n  font-family:'Cormorant Garamond',serif;\n  font-size:28px;font-weight:700;\n  color:var(--white);line-height:1;margin-bottom:3px;\n}\n.odc .hero-ms-l{\n  font-size:9px;font-weight:600;letter-spacing:3px;\n  text-transform:uppercase;color:rgba(255,255,255,.35);\n}\n\n.odc .hero-scroll{\n  position:absolute;right:52px;bottom:80px;z-index:3;\n  display:flex;flex-direction:column;align-items:center;gap:14px;\n  color:rgba(255,255,255,.3);\n  font-size:9px;font-weight:600;letter-spacing:4px;text-transform:uppercase;\n  writing-mode:vertical-rl;\n}\n.odc .s-line{\n  width:1px;height:65px;\n  background:rgba(255,255,255,.15);\n  position:relative;overflow:hidden;\n}\n.odc .s-line::after{\n  content:'';position:absolute;top:0;left:0;\n  width:100%;height:38%;background:rgba(255,255,255,.7);\n  animation:odc-tick 2.1s ease-in-out infinite;\n}\n@keyframes odc-tick{\n  0%{transform:translateY(-100%)}\n  100%{transform:translateY(380%)}\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   MARQUEE STRIP\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.odc .strip{background:var(--ink);padding:17px 0;overflow:hidden;white-space:nowrap}\n.odc .s-track{display:inline-block;animation:odc-mq 24s linear infinite}\n@keyframes odc-mq{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}\n.odc .s-track span{\n  font-family:'Cormorant Garamond',serif;\n  font-size:15px;font-style:italic;font-weight:300;\n  color:rgba(255,255,255,.45);padding:0 36px;\n}\n.odc .s-track span b{font-style:normal;font-weight:600;color:rgba(255,255,255,.85)}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   SERVICES\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.odc .svc{background:var(--paper);padding:110px 0 0}\n.odc .svc-top{\n  display:flex;justify-content:space-between;align-items:flex-end;\n  margin-bottom:28px;\n}\n.odc .svc-t{font-size:clamp(36px,4.5vw,62px)}\n.odc .svc-note{\n  font-size:14px;font-weight:300;color:var(--mid);\n  max-width:290px;line-height:1.8;padding-bottom:6px;\n}\n.odc .svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}\n.odc .svc-card{\n  position:relative;overflow:hidden;height:600px;cursor:pointer;\n  background:var(--ink);\n}\n.odc .svc-img{\n  width:100%;height:100%;object-fit:cover;\n  transition:transform .9s cubic-bezier(.22,.61,.36,1),opacity .5s;\n  opacity:.6;\n}\n.odc .svc-card:hover .svc-img{transform:scale(1.06);opacity:.42}\n.odc .svc-ov{\n  position:absolute;inset:0;\n  background:linear-gradient(to top,rgba(10,10,10,.97) 0%,rgba(10,10,10,.1) 50%,transparent 100%);\n  display:flex;flex-direction:column;justify-content:flex-end;padding:44px 40px;\n}\n.odc .svc-no{\n  font-family:'Cormorant Garamond',serif;\n  font-size:84px;font-weight:700;color:rgba(255,255,255,.05);\n  line-height:1;margin-bottom:-8px;display:block;\n}\n.odc .svc-badge{\n  font-size:9px;font-weight:600;letter-spacing:4px;\n  text-transform:uppercase;color:rgba(255,255,255,.4);margin-bottom:10px;display:block;\n}\n.odc .svc-name{\n  font-family:'Cormorant Garamond',serif;\n  font-size:34px;font-weight:600;color:var(--white);\n  line-height:1.1;margin-bottom:12px;\n}\n.odc .svc-desc{\n  font-size:13px;font-weight:300;color:rgba(255,255,255,.52);\n  line-height:1.7;margin-bottom:26px;\n}\n.odc .svc-lnk{\n  display:inline-flex;align-items:center;gap:10px;\n  font-size:10px;font-weight:600;letter-spacing:3px;text-transform:uppercase;\n  color:var(--white);\n  opacity:0;transform:translateY(6px);\n  transition:opacity .3s,transform .3s;\n}\n.odc .svc-lnk::after{content:'\u2197';font-size:14px}\n.odc .svc-card:hover .svc-lnk{opacity:1;transform:none}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   STATS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.odc .stats{background:var(--ink);padding:68px 0}\n.odc .st-row{\n  display:grid;grid-template-columns:repeat(4,1fr);\n  border-left:1px solid rgba(255,255,255,.07);\n}\n.odc .st{\n  padding:20px 36px;text-align:center;\n  border-right:1px solid rgba(255,255,255,.07);\n}\n.odc .st-n{\n  font-family:'Cormorant Garamond',serif;\n  font-size:62px;font-weight:700;\n  color:var(--white);line-height:1;display:block;margin-bottom:8px;\n}\n.odc .st-l{\n  font-size:10px;font-weight:600;letter-spacing:3px;\n  text-transform:uppercase;color:rgba(255,255,255,.38);\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   PROCESS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.odc .proc{background:var(--fog)}\n.odc .ps{display:grid;grid-template-columns:1fr 1fr;min-height:580px}\n.odc .ps:nth-child(even) .pt{order:2}\n.odc .ps:nth-child(even) .pi{order:1}\n.odc .pt{\n  padding:90px 84px;\n  display:flex;flex-direction:column;justify-content:center;\n  background:var(--fog);\n}\n.odc .p-no{\n  font-family:'Cormorant Garamond',serif;\n  font-size:150px;font-weight:700;\n  color:rgba(10,10,10,.04);\n  line-height:1;margin-bottom:-22px;display:block;\n}\n.odc .p-tag{\n  font-size:9px;font-weight:600;letter-spacing:5px;\n  text-transform:uppercase;color:var(--mid);margin-bottom:14px;\n}\n.odc .p-title{font-size:clamp(28px,3vw,44px)}\n.odc .p-desc{\n  font-size:15px;font-weight:300;color:#585858;\n  line-height:1.9;margin-top:16px;margin-bottom:34px;\n}\n.odc .p-list{list-style:none;display:flex;flex-direction:column;gap:0}\n.odc .p-list li{\n  display:flex;align-items:flex-start;gap:20px;\n  font-size:14px;font-weight:300;color:var(--ink3);\n  padding:16px 0;\n  border-bottom:1px solid var(--pale);\n}\n.odc .p-list li:first-child{border-top:1px solid var(--pale)}\n.odc .p-list li strong{\n  display:block;font-weight:600;font-size:13px;\n  font-family:'Jost',sans-serif;margin-bottom:2px;\n}\n.odc .pi{position:relative;overflow:hidden;background:var(--ink3)}\n.odc .pi img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease;display:block}\n.odc .ps:hover .pi img{transform:scale(1.04)}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   ALANYA \u2014 tam ekran video background\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.odc .alanya{\n  position:relative;\n  \/* Hero gibi tam geni\u015flik *\/\n  margin-left:calc(-50vw + 50%);\n  margin-right:calc(-50vw + 50%);\n  width:100vw;\n  min-height:90vh;\n  overflow:hidden;\n  display:flex;align-items:center;justify-content:center;\n  background:var(--ink);\n}\n.odc .al-vid{\n  position:absolute;inset:0;\n  width:100%;height:100%;\n  object-fit:cover;object-position:center;\n  opacity:.55; \/* daha belirgin *\/\n  display:block;\n}\n.odc .alanya::before{\n  content:'';position:absolute;inset:0;z-index:1;\n  background:linear-gradient(to bottom,\n    rgba(10,10,10,.40) 0%,\n    rgba(10,10,10,.25) 40%,\n    rgba(10,10,10,.50) 100%);\n}\n.odc .al-inner{\n  position:relative;z-index:2;\n  text-align:center;\n  max-width:760px;\n  padding:100px 48px;\n}\n.odc .al-eyebrow{color:rgba(255,255,255,.38)}\n.odc .al-title{\n  font-size:clamp(42px,6vw,80px);\n  color:var(--white);margin-top:4px;\n}\n.odc .al-rule{\n  width:40px;height:1px;\n  background:rgba(255,255,255,.3);\n  margin:24px auto;\n}\n.odc .al-p{\n  font-size:16px;font-weight:300;\n  color:rgba(255,255,255,.6);\n  line-height:1.9;margin-bottom:48px;\n  max-width:580px;margin-left:auto;margin-right:auto;\n  margin-bottom:48px;\n}\n\/* Alt sat\u0131r: pill'ler *\/\n.odc .al-pills{\n  display:flex;flex-wrap:wrap;\n  justify-content:center;gap:10px;\n}\n.odc .al-pill{\n  font-size:10px;font-weight:600;letter-spacing:3px;\n  text-transform:uppercase;color:rgba(255,255,255,.7);\n  border:1px solid rgba(255,255,255,.18);\n  padding:10px 22px;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   GALLERY\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.odc .gallery{background:var(--paper);padding:110px 0 0}\n.odc .g-grid{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  grid-template-rows:380px 260px 340px;\n  gap:4px;\n  margin-top:56px;\n}\n.odc .g-item{overflow:hidden;background:var(--ink3)}\n.odc .g-item img{\n  width:100%;height:100%;object-fit:cover;display:block;\n  transition:transform .7s cubic-bezier(.22,.61,.36,1),opacity .4s;\n  opacity:.92;\n}\n.odc .g-item:hover img{transform:scale(1.06);opacity:1}\n\/* Row 1: 1 geni\u015f + 1 dar (tall) *\/\n.odc .g-item:nth-child(1){grid-column:span 2;grid-row:span 1}\n.odc .g-item:nth-child(2){grid-column:span 1;grid-row:span 2} \/* tall *\/\n\/* Row 2 *\/\n.odc .g-item:nth-child(3){grid-column:span 1}\n.odc .g-item:nth-child(4){grid-column:span 1}\n\/* Row 3: 3 e\u015fit *\/\n.odc .g-item:nth-child(5){grid-column:span 1}\n.odc .g-item:nth-child(6){grid-column:span 1}\n.odc .g-item:nth-child(7){grid-column:span 1}\n\/* 8. foto\u011fraf i\u00e7in ekstra sat\u0131r yerine 7 ile b\u0131rak *\/\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   ACCESS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.odc .access{background:var(--fog);padding:120px 0}\n.odc .ac-grid{\n  display:grid;grid-template-columns:1fr 1fr;\n  gap:96px;align-items:center;\n}\n.odc .ac-desc{\n  font-size:15px;font-weight:300;color:#585858;\n  line-height:1.9;margin:18px 0 40px;\n}\n.odc .ac-items{list-style:none}\n.odc .ac-item{\n  display:flex;align-items:flex-start;gap:22px;\n  padding:22px 0;border-bottom:1px solid var(--pale);\n}\n.odc .ac-item:first-child{border-top:1px solid var(--pale)}\n.odc .ac-no{\n  font-family:'Cormorant Garamond',serif;\n  font-size:40px;font-weight:700;\n  color:rgba(10,10,10,.09);\n  line-height:1;flex-shrink:0;width:50px;margin-top:-4px;\n}\n.odc .ac-tx h4{font-size:15px;font-weight:600;color:var(--ink);margin-bottom:3px}\n.odc .ac-tx p{font-size:13px;font-weight:300;color:var(--mid)}\n.odc .ac-vis{position:relative}\n.odc .ac-main{width:100%;height:540px;object-fit:cover;display:block}\n.odc .ac-mini{\n  position:absolute;bottom:-26px;right:-26px;\n  width:190px;height:190px;object-fit:cover;\n  border:6px solid var(--fog);\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   PATIENT STORIES\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.odc .stories{background:var(--ink);padding:110px 0}\n.odc .st-grid{\n  display:grid;grid-template-columns:repeat(3,1fr);\n  gap:2px;margin-top:60px;\n}\n.odc .st-card{\n  background:var(--ink2);padding:50px 42px;\n  border-bottom:2px solid transparent;\n  transition:border-color .3s,background .3s;\n}\n.odc .st-card:hover{border-color:var(--white);background:var(--ink3)}\n.odc .st-q{\n  font-family:'Cormorant Garamond',serif;\n  font-size:64px;line-height:1;\n  color:rgba(255,255,255,.12);margin-bottom:2px;\n}\n.odc .st-tx{\n  font-size:15px;font-weight:300;font-style:italic;\n  color:rgba(255,255,255,.58);line-height:1.8;margin-bottom:28px;\n}\n.odc .st-who{\n  font-size:12px;font-weight:600;letter-spacing:2.5px;\n  text-transform:uppercase;color:rgba(255,255,255,.75);\n}\n.odc .st-from{font-size:11px;font-weight:300;color:rgba(255,255,255,.3);margin-top:4px}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   CTA\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.odc .cta{\n  background:var(--paper);padding:130px 0;\n  text-align:center;\n  border-top:1px solid var(--pale);\n}\n.odc .cta-h{font-size:clamp(40px,6vw,82px);margin-bottom:22px}\n.odc .cta-h em{font-style:italic;font-weight:300}\n.odc .cta-p{\n  font-size:16px;font-weight:300;color:var(--mid);\n  max-width:400px;margin:0 auto 50px;line-height:1.85;\n}\n\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   RESPONSIVE \u2014 TABLET  (max 1100px)\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media(max-width:1100px){\n  .odc .w{padding:0 28px}\n\n  \/* Hero *\/\n  .odc .hero-body{padding:0 32px}\n  .odc .hero-h1{font-size:clamp(44px,7vw,80px)}\n  .odc .hero-ms{padding-right:22px;margin-right:22px}\n  .odc .hero-ms-n{font-size:24px}\n\n  \/* Services *\/\n  .odc .svc-grid{grid-template-columns:1fr}\n  .odc .svc-card{height:380px}\n  .odc .svc-top{flex-direction:column;align-items:flex-start;gap:14px}\n\n  \/* Stats *\/\n  .odc .st-row{\n    grid-template-columns:repeat(2,1fr);\n    border-left:none;\n  }\n  .odc .st{border-right:none;border-bottom:1px solid rgba(255,255,255,.07)}\n  .odc .st:nth-child(3),.odc .st:nth-child(4){border-bottom:none}\n\n  \/* Process *\/\n  .odc .ps{grid-template-columns:1fr;min-height:auto}\n  .odc .ps:nth-child(even) .pt{order:1}\n  .odc .ps:nth-child(even) .pi{order:2}\n  .odc .pt{padding:56px 32px}\n  .odc .pi{min-height:320px}\n  .odc .p-no{font-size:100px}\n\n  \/* Alanya *\/\n  .odc .al-inner{padding:80px 28px}\n  .odc .al-title{font-size:clamp(38px,6vw,64px)}\n\n  \/* Gallery *\/\n  .odc .g-grid{\n    grid-template-columns:1fr 1fr;\n    grid-template-rows:260px 200px 240px 240px;\n  }\n  .odc .g-item:nth-child(1){grid-column:span 2;grid-row:span 1}\n  .odc .g-item:nth-child(2){grid-column:span 1;grid-row:span 2} \/* tall sa\u011fda *\/\n  .odc .g-item:nth-child(3){grid-column:span 1;grid-row:span 1}\n  .odc .g-item:nth-child(4){grid-column:span 1;grid-row:span 1}\n  .odc .g-item:nth-child(5){grid-column:span 1;grid-row:span 1}\n  .odc .g-item:nth-child(6){grid-column:span 1;grid-row:span 1}\n  .odc .g-item:nth-child(7){grid-column:span 2;grid-row:span 1}\n\n  \/* Access *\/\n  .odc .ac-grid{grid-template-columns:1fr;gap:48px}\n  .odc .ac-main{height:400px}\n  .odc .ac-mini{display:none}\n\n  \/* Stories *\/\n  .odc .st-grid{grid-template-columns:1fr 1fr}\n  .odc .st-card:last-child{display:none} \/* 3.yorumu gizle tablette *\/\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   RESPONSIVE \u2014 MOBILE  (max 768px)\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media(max-width:768px){\n  .odc .w{padding:0 20px}\n\n  \/* Hero *\/\n  .odc .hero{min-height:100svh;align-items:center}\n  .odc .hero-body{padding:0 20px;max-width:100%}\n  .odc .hero-h1{font-size:clamp(36px,10vw,60px);margin-bottom:18px}\n  .odc .hero-sub{font-size:14px;margin-bottom:28px;max-width:100%}\n  .odc .hero-btns{\n    flex-direction:column;align-items:stretch;\n    gap:10px;margin-bottom:28px;\n  }\n  .odc .btn-w,.odc .btn-ol{\n    width:100%;text-align:center;\n    padding:16px 24px;\n  }\n  .odc .hero-scroll{display:none}\n  \/* Mini stats \u2014 2x2 grid on mobile *\/\n  .odc .hero-mini-stats{\n    display:grid;\n    grid-template-columns:1fr 1fr;\n    gap:16px 0;\n  }\n  .odc .hero-ms{\n    border-right:none;padding-right:0;margin-right:0;\n    padding-bottom:0;\n  }\n  .odc .hero-ms:nth-child(odd){\n    border-right:1px solid rgba(255,255,255,.12);\n    padding-right:20px;\n  }\n  .odc .hero-ms-n{font-size:22px}\n\n  \/* Marquee *\/\n  .odc .strip{padding:12px 0}\n\n  \/* Services *\/\n  .odc .svc{padding:60px 0 0}\n  .odc .svc-card{height:320px}\n  .odc .svc-name{font-size:26px}\n\n  \/* Stats *\/\n  .odc .stats{padding:48px 0}\n  .odc .st-n{font-size:46px}\n  .odc .st-row{grid-template-columns:1fr 1fr}\n  .odc .st{border-bottom:1px solid rgba(255,255,255,.07);border-right:none}\n  .odc .st:nth-child(odd){border-right:1px solid rgba(255,255,255,.07)}\n  .odc .st:nth-child(3),.odc .st:nth-child(4){border-bottom:none}\n\n  \/* Process *\/\n  .odc .ps{grid-template-columns:1fr;min-height:auto}\n  .odc .ps:nth-child(even) .pt{order:1}\n  .odc .ps:nth-child(even) .pi{order:2}\n  .odc .pt{padding:48px 20px}\n  .odc .pi{min-height:300px}\n  .odc .p-no{font-size:90px}\n\n  \/* Alanya *\/\n  .odc .al-inner{padding:72px 20px}\n  .odc .al-title{font-size:clamp(34px,9vw,52px)}\n  .odc .al-pills{gap:8px}\n  .odc .al-pill{padding:8px 16px;font-size:9px}\n\n  \/* Gallery *\/\n  .odc .gallery{padding:60px 0 0}\n  .odc .g-grid{\n    grid-template-columns:1fr 1fr;\n    grid-template-rows:200px 160px 170px 170px;\n    gap:3px;\n  }\n  .odc .g-item:nth-child(1){grid-column:span 2;grid-row:span 1}\n  .odc .g-item:nth-child(2){grid-column:span 1;grid-row:span 1}\n  .odc .g-item:nth-child(3){grid-column:span 1;grid-row:span 1}\n  .odc .g-item:nth-child(4){grid-column:span 1;grid-row:span 1}\n  .odc .g-item:nth-child(5){grid-column:span 1;grid-row:span 1}\n  .odc .g-item:nth-child(6){grid-column:span 1;grid-row:span 1}\n  .odc .g-item:nth-child(7){grid-column:span 2;grid-row:span 1}\n\n  \/* Access *\/\n  .odc .access{padding:64px 0}\n  .odc .ac-grid{grid-template-columns:1fr;gap:40px}\n  .odc .ac-main{height:320px}\n  .odc .ac-mini{display:none}\n\n  \/* Stories *\/\n  .odc .stories{padding:64px 0}\n  .odc .st-grid{grid-template-columns:1fr;gap:2px}\n  .odc .st-card:last-child{display:block}\n  .odc .st-card{padding:40px 28px}\n\n  \/* CTA *\/\n  .odc .cta{padding:80px 0}\n  .odc .cta-h{font-size:clamp(32px,9vw,52px)}\n  .odc .btn-dk{padding:16px 36px;width:100%;text-align:center}\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   RESPONSIVE \u2014 SMALL MOBILE  (max 480px)\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media(max-width:480px){\n  .odc .w{padding:0 16px}\n  .odc .hero-body{padding:0 16px}\n  .odc .hero-h1{font-size:clamp(32px,11vw,48px)}\n  .odc .hero-tag{margin-bottom:16px}\n  .odc .hero-ms-n{font-size:20px}\n\n  .odc .svc{padding:48px 0 0}\n  .odc .svc-card{height:280px}\n\n  .odc .g-grid{\n    grid-template-columns:1fr;\n    grid-template-rows:auto;\n  }\n  .odc .g-item{\n    height:260px!important;\n    grid-column:span 1!important;\n    grid-row:span 1!important;\n  }\n  .odc .pi{min-height:260px}\n\n  .odc .pt{padding:36px 16px}\n  .odc .al-inner{padding:60px 16px}\n\n  .odc .st-card{padding:32px 20px}\n  .odc .cta-p{font-size:14px}\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   SA\u011eLIK TUR\u0130ZM\u0130 YETK\u0130 BELGES\u0130 CSS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.odc .cert-section {\n  background: #f8f5f0;\n  padding: 100px 0;\n}\n.odc .cert-inner {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 60px;\n  align-items: center;\n}\n.odc .cert-text .eyebrow {\n  display: block;\n  font-size: 13px;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: #8a7355;\n  margin-bottom: 20px;\n  font-weight: 500;\n}\n.odc .cert-line {\n  width: 50px;\n  height: 2px;\n  background: #c9a96e;\n  margin: 0 0 24px;\n}\n.odc .cert-desc {\n  font-size: 17px;\n  line-height: 1.7;\n  color: #444;\n  margin-bottom: 28px;\n}\n.odc .cert-list {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n.odc .cert-list li {\n  font-size: 15px;\n  color: #555;\n  padding: 8px 0;\n  border-bottom: 1px solid #e8e0d4;\n}\n.odc .cert-list li:last-child { border-bottom: none; }\n.odc .cert-image img {\n  width: 100%;\n  border-radius: 12px;\n  box-shadow: 0 20px 60px rgba(0,0,0,0.15);\n}\n\/* \u2500\u2500 CERT RESPONSIVE \u2500\u2500 *\/\n\/* Tablet landscape (max 1100px) *\/\n@media (max-width: 1100px) {\n  .odc .cert-section { padding: 80px 0; }\n  .odc .cert-inner { gap: 40px; }\n}\n\/* Tablet portrait (max 900px) *\/\n@media (max-width: 900px) {\n  .odc .cert-section { padding: 70px 0; }\n  .odc .cert-inner {\n    grid-template-columns: 1fr;\n    gap: 0;\n  }\n  .odc .cert-image {\n    order: -1;\n    margin-bottom: 40px;\n  }\n  .odc .cert-image img {\n    width: 100%;\n    max-height: 480px;\n    object-fit: cover;\n    object-position: top center;\n    border-radius: 10px;\n  }\n  .odc .cert-text { padding: 0 20px; }\n}\n\/* Mobile (max 600px) *\/\n@media (max-width: 600px) {\n  .odc .cert-section { padding: 56px 0; }\n  .odc .cert-image { margin-bottom: 32px; }\n  .odc .cert-image img {\n    max-height: 380px;\n    border-radius: 8px;\n  }\n  .odc .cert-text { padding: 0 4px; }\n  .odc .cert-desc { font-size: 15px; }\n  .odc .cert-list li { font-size: 14px; }\n}\n\n\/* \u2500\u2500 GLOBAL IMG RESPONSIVE FIX \u2500\u2500 *\/\n.odc img { max-width: 100%; height: auto; }\n.odc .cert-image img { display: block; }\n<\/style>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   CONTENT\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<div class=\"odc\">\n\n  <!-- HERO -->\n  <section class=\"hero\">\n    <video class=\"hero-vid\" id=\"odc-hv\" muted loop playsinline preload=\"auto\">\n      <source src=\"https:\/\/odclinic.com\/wp-content\/uploads\/2026\/04\/0325-21.webm\" type=\"video\/webm\"\/>\n    <\/video>\n    <div class=\"hero-veil\"><\/div>\n    <div class=\"hero-body\">\n      <span class=\"hero-tag\">Alanya, Turkey \u2014 Since 2021<\/span>\n      <h1 class=\"hero-h1\">\n        Loving Your<br\/>\n        Smile <em>Is<\/em><br\/>\n        Simple.\n      <\/h1>\n      <p class=\"hero-sub\">\n        World-class dentistry in the heart of the Mediterranean.\n        Premium care, cutting-edge technology, lasting results.\n      <\/p>\n      <div class=\"hero-btns\">\n        <a href=\"#odc-cta\" class=\"btn-w\">Free Consultation<\/a>\n        <a href=\"#odc-svc\" class=\"btn-ol\">Our Treatments<\/a>\n      <\/div>\n      <div class=\"hero-mini-stats\">\n        <div class=\"hero-ms\">\n          <span class=\"hero-ms-n\">5,000+<\/span>\n          <span class=\"hero-ms-l\">Happy Patients<\/span>\n        <\/div>\n        <div class=\"hero-ms\">\n          <span class=\"hero-ms-n\">50+<\/span>\n          <span class=\"hero-ms-l\">Countries<\/span>\n        <\/div>\n        <div class=\"hero-ms\">\n          <span class=\"hero-ms-n\">15+<\/span>\n          <span class=\"hero-ms-l\">Specialists<\/span>\n        <\/div>\n        <div class=\"hero-ms\">\n          <span class=\"hero-ms-n\">Since 2021<\/span>\n          <span class=\"hero-ms-l\">\u0410\u043b\u0430\u043d\u044c\u044f, \u0422\u0443\u0440\u0446\u0438\u044f<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"hero-scroll\">\n      <span>Scroll<\/span>\n      <div class=\"s-line\"><\/div>\n    <\/div>\n  <\/section>\n\n  <!-- MARQUEE -->\n  <div class=\"strip\" aria-hidden=\"true\">\n    <div class=\"s-track\">\n      <span><b>Porcelain Veneers<\/b><\/span><span>\u00b7<\/span>\n      <span><b>\u0417\u0443\u0431\u043d\u044b\u0435 \u0438\u043c\u043f\u043b\u0430\u043d\u0442\u0430\u0442\u044b<\/b><\/span><span>\u00b7<\/span>\n      <span><b>\u0426\u0438\u0444\u0440\u043e\u0432\u043e\u0439 \u0434\u0438\u0437\u0430\u0439\u043d \u0443\u043b\u044b\u0431\u043a\u0438<\/b><\/span><span>\u00b7<\/span>\n      <span><b>\u041e\u0442\u0431\u0435\u043b\u0438\u0432\u0430\u043d\u0438\u0435 \u0437\u0443\u0431\u043e\u0432<\/b><\/span><span>\u00b7<\/span>\n      <span><b>Full Mouth Restoration<\/b><\/span><span>\u00b7<\/span>\n      <span><b>\u041e\u0440\u0442\u043e\u0434\u043e\u043d\u0442\u0438\u044f<\/b><\/span><span>\u00b7<\/span>\n      <span><b>Porcelain Crowns<\/b><\/span><span>\u00b7<\/span>\n      <span><b>Smile Makeover<\/b><\/span><span>\u00b7<\/span>\n      <span><b>Porcelain Veneers<\/b><\/span><span>\u00b7<\/span>\n      <span><b>\u0417\u0443\u0431\u043d\u044b\u0435 \u0438\u043c\u043f\u043b\u0430\u043d\u0442\u0430\u0442\u044b<\/b><\/span><span>\u00b7<\/span>\n      <span><b>\u0426\u0438\u0444\u0440\u043e\u0432\u043e\u0439 \u0434\u0438\u0437\u0430\u0439\u043d \u0443\u043b\u044b\u0431\u043a\u0438<\/b><\/span><span>\u00b7<\/span>\n      <span><b>\u041e\u0442\u0431\u0435\u043b\u0438\u0432\u0430\u043d\u0438\u0435 \u0437\u0443\u0431\u043e\u0432<\/b><\/span><span>\u00b7<\/span>\n      <span><b>Full Mouth Restoration<\/b><\/span><span>\u00b7<\/span>\n      <span><b>\u041e\u0440\u0442\u043e\u0434\u043e\u043d\u0442\u0438\u044f<\/b><\/span><span>\u00b7<\/span>\n      <span><b>Porcelain Crowns<\/b><\/span><span>\u00b7<\/span>\n      <span><b>Smile Makeover<\/b><\/span><span>\u00b7<\/span>\n    <\/div>\n  <\/div>\n\n  <!-- SERVICES -->\n  <section class=\"svc\" id=\"odc-svc\">\n    <div class=\"w\">\n      <div class=\"rv\">\n        <div class=\"svc-top\">\n          <div>\n            <span class=\"eyebrow\">Our Treatments<\/span>\n            <h2 class=\"dp svc-t\">Most Popular<br\/><em style=\"font-style:italic;font-weight:300\">Procedures<\/em><\/h2>\n          <\/div>\n          <p class=\"svc-note\">From a single treatment to a complete smile transformation \u2014 everything you need, under one roof.<\/p>\n        <\/div>\n        <div class=\"rule\"><\/div>\n      <\/div>\n    <\/div>\n    <div class=\"svc-grid\">\n      <div class=\"svc-card rv\">\n        <img decoding=\"async\" class=\"svc-img\" src=\"https:\/\/odclinic.com\/wp-content\/uploads\/2026\/04\/DSCF3520-scaled.jpg\" alt=\"Porcelain Veneers\"\/>\n        <div class=\"svc-ov\">\n          <span class=\"svc-no\">01<\/span>\n          <span class=\"svc-badge\">Most Popular<\/span>\n          <h3 class=\"svc-name\">Porcelain<br\/>\u0412\u0438\u043d\u0438\u0440\u044b<\/h3>\n          <p class=\"svc-desc\">Ultra-thin porcelain shells, precisely crafted \u2014 a flawless, natural-looking smile designed entirely for you.<\/p>\n          <a href=\"#\" class=\"svc-lnk\">Learn More<\/a>\n        <\/div>\n      <\/div>\n      <div class=\"svc-card rv t1\">\n        <img decoding=\"async\" class=\"svc-img\" src=\"https:\/\/odclinic.com\/wp-content\/uploads\/2026\/04\/DSCF3868-scaled.jpg\" alt=\"Dental Implants\"\/>\n        <div class=\"svc-ov\">\n          <span class=\"svc-no\">02<\/span>\n          <span class=\"svc-badge\">Permanent Solution<\/span>\n          <h3 class=\"svc-name\">Dental<br\/>\u0418\u043c\u043f\u043b\u0430\u043d\u0442\u044b<\/h3>\n          <p class=\"svc-desc\">Natural-feeling restorations that look, feel and function exactly like your own teeth \u2014 for life.<\/p>\n          <a href=\"#\" class=\"svc-lnk\">Learn More<\/a>\n        <\/div>\n      <\/div>\n      <div class=\"svc-card rv t2\">\n        <img decoding=\"async\" class=\"svc-img\" src=\"https:\/\/odclinic.com\/wp-content\/uploads\/2026\/04\/DSC09980-scaled.jpg\" alt=\"Teeth Whitening\"\/>\n        <div class=\"svc-ov\">\n          <span class=\"svc-no\">03<\/span>\n          <span class=\"svc-badge\">Express Treatment<\/span>\n          <h3 class=\"svc-name\">Teeth<br\/>Whitening<\/h3>\n          <p class=\"svc-desc\">Dramatically brighter results in a single session \u2014 professional-grade whitening, instantly radiant.<\/p>\n          <a href=\"#\" class=\"svc-lnk\">Learn More<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- STATS -->\n  <div class=\"stats\">\n    <div class=\"w\">\n      <div class=\"st-row\">\n        <div class=\"st rv\"><span class=\"st-n\">5,000+<\/span><span class=\"st-l\">Happy Patients<\/span><\/div>\n        <div class=\"st rv t1\"><span class=\"st-n\">12<\/span><span class=\"st-l\">Years Experience<\/span><\/div>\n        <div class=\"st rv t2\"><span class=\"st-n\">15+<\/span><span class=\"st-l\">Specialists<\/span><\/div>\n        <div class=\"st rv t3\"><span class=\"st-n\">50+<\/span><span class=\"st-l\">Countries Served<\/span><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- PROCESS -->\n  <section class=\"proc\" id=\"odc-proc\">\n\n    <div class=\"ps\">\n      <div class=\"pt rv\">\n        <span class=\"p-no\">01<\/span>\n        <span class=\"p-tag\">Step One<\/span>\n        <h3 class=\"dp p-title\">Full Digital<br\/>Documentation<\/h3>\n        <div class=\"rule\"><\/div>\n        <p class=\"p-desc\">Every perfect smile begins with listening. We start with a thorough digital assessment \u2014 capturing every detail before any plan is drawn up.<\/p>\n        <ul class=\"p-list\">\n          <li><div><strong>Consultation<\/strong>Understanding your goals, lifestyle and aesthetic vision in full<\/div><\/li>\n          <li><div><strong>Advanced Imaging<\/strong>Intraoral 3D scans, high-resolution X-rays and facial mapping<\/div><\/li>\n          <li><div><strong>Facial Analysis<\/strong>Professional photo and video session for proportional study<\/div><\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"pi\">\n        <img decoding=\"async\" src=\"https:\/\/odclinic.com\/wp-content\/uploads\/2026\/04\/Snapinst.app_351191961_586992656906535_2448496365378963864_n_1080.jpg\" alt=\"Documentation\"\/>\n      <\/div>\n    <\/div>\n\n    <div class=\"ps\">\n      <div class=\"pi\">\n        <img decoding=\"async\" src=\"https:\/\/odclinic.com\/wp-content\/uploads\/2026\/04\/sdsdsds-1.png\" alt=\"Digital Smile Design\"\/>\n      <\/div>\n      <div class=\"pt rv\">\n        <span class=\"p-no\">02<\/span>\n        <span class=\"p-tag\">Step Two<\/span>\n        <h3 class=\"dp p-title\">Digital Smile<br\/>Design<\/h3>\n        <div class=\"rule\"><\/div>\n        <p class=\"p-desc\">Using state-of-the-art DSD technology, we design your smile with precision \u2014 tailored to your face, personality and expectations. You approve before we begin.<\/p>\n        <ul class=\"p-list\">\n          <li><div><strong>Smile Analysis<\/strong>Symmetry, golden proportions and full facial harmony evaluation<\/div><\/li>\n          <li><div><strong>Design Process<\/strong>Digital crafting of a smile that is naturally and uniquely yours<\/div><\/li>\n          <li><div><strong>Mock-up Preview<\/strong>See and approve your new smile before a single step is taken<\/div><\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n\n    <div class=\"ps\">\n      <div class=\"pt rv\">\n        <span class=\"p-no\">03<\/span>\n        <span class=\"p-tag\">Step Three<\/span>\n        <h3 class=\"dp p-title\">Multidisciplinary<br\/>\u041b\u0435\u0447\u0435\u043d\u0438\u0435<\/h3>\n        <div class=\"rule\"><\/div>\n        <p class=\"p-desc\">At OD Clinic, every aspect of your care is coordinated under one roof. Our specialists work in close collaboration to deliver a seamless, outstanding result \u2014 every time.<\/p>\n        <ul class=\"p-list\">\n          <li><div><strong>Collaborative Care<\/strong>All specialists aligned \u2014 from diagnosis to the final result<\/div><\/li>\n          <li><div><strong>Preparatory Treatments<\/strong>Any underlying issues resolved before cosmetic work begins<\/div><\/li>\n          <li><div><strong>Precision Execution<\/strong>Meticulous attention to every detail for a lasting outcome<\/div><\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"pi\">\n        <img decoding=\"async\" src=\"https:\/\/odclinic.com\/wp-content\/uploads\/2025\/03\/DSC06056-scaled.jpg\" alt=\"Treatment\"\/>\n      <\/div>\n    <\/div>\n\n  <\/section>\n\n  <!-- ALANYA \u2014 tam ekran video arka plan -->\n  <section class=\"alanya\">\n    <video class=\"al-vid\" id=\"odc-av\" muted loop playsinline preload=\"auto\">\n      <source src=\"https:\/\/odclinic.com\/wp-content\/uploads\/2026\/04\/03101.mp4\" type=\"video\/mp4\"\/>\n    <\/video>\n    <div class=\"al-inner rv\">\n      <span class=\"eyebrow al-eyebrow\">Why Alanya?<\/span>\n      <h2 class=\"dp al-title\">Your Smile<br\/><em style=\"font-style:italic;font-weight:300\">Deserves<\/em><br\/>Paradise.<\/h2>\n      <div class=\"al-rule\"><\/div>\n      <p class=\"al-p\">Alanya is not just Turkey's most breathtaking coastal city \u2014 it is a rapidly rising destination for world-class dental care. Premium treatment meets the Mediterranean lifestyle: sun, sea, culture and a new smile, all in one journey.<\/p>\n      <div class=\"al-pills\">\n        <span class=\"al-pill\">International Airport<\/span>\n        <span class=\"al-pill\">Mediterranean Climate<\/span>\n        <span class=\"al-pill\">Up to 70% Savings<\/span>\n        <span class=\"al-pill\">5-Star Hospitality<\/span>\n        <span class=\"al-pill\">Stress-Free Journey<\/span>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- GALLERY -->\n  \n  <!-- SA\u011eLIK TUR\u0130ZM\u0130 YETK\u0130 BELGES\u0130 B\u00d6L\u00dcM\u00dc -->\n  <section class=\"cert-section\">\n    <div class=\"w\">\n      <div class=\"cert-inner\">\n        <div class=\"cert-text\">\n          <span class=\"eyebrow\">INTERNATIONAL CERTIFICATION<\/span>\n          <h2 class=\"dp\" style=\"font-size:clamp(28px,3.5vw,48px)\">\u041c\u0435\u0434\u0438\u0446\u0438\u043d\u0441\u043a\u0438\u0439 \u0442\u0443\u0440\u0438\u0437\u043c<br\/><em style=\"font-style:italic\">Authorization Certificate<\/em><\/h2>\n          <div class=\"cert-line\"><\/div>\n          <p class=\"cert-desc\">OD Clinic holds the <strong>International Health Tourism Authorization Certificate<\/strong> issued by the Turkish Ministry of Health. This certificate is our commitment to delivering the highest standards of care to international patients.<\/p>\n          <ul class=\"cert-list\">\n            <li>\u2713 Ministry-approved international health tourism certificate<\/li>\n            <li>\u2713 Safe and high-quality care for international patients<\/li>\n            <li>\u2713 Full compliance with international health standards<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"cert-image\">\n          <img decoding=\"async\" src=\"https:\/\/odclinic.com\/wp-content\/uploads\/2026\/05\/saglik-turizmi-yetki-belgesi.png\" alt=\"Sa\u011fl\u0131k Turizmi Yetki Belgesi - OD Clinic\" \/>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n  <section class=\"gallery\" style=\"display:none\">\n    <div class=\"w rv\">\n      <span class=\"eyebrow\">Our Clinic<\/span>\n      <h2 class=\"dp\" style=\"font-size:clamp(32px,4vw,54px)\">Where Excellence<br\/><em style=\"font-style:italic;font-weight:300\">Meets Comfort<\/em><\/h2>\n      <div class=\"rule\" style=\"margin-top:20px\"><\/div>\n    <\/div>\n    <div class=\"w\">\n      <div class=\"g-grid\">\n        <div class=\"g-item rv\"><img decoding=\"async\" src=\"https:\/\/odclinic.com\/wp-content\/uploads\/2026\/04\/DSC06666-scaled.jpg\" alt=\"Clinic\"\/><\/div>\n        <div class=\"g-item rv t1\"><img decoding=\"async\" src=\"https:\/\/odclinic.com\/wp-content\/uploads\/2025\/03\/IMG_6262.jpeg\" alt=\"Interior\"\/><\/div>\n        <div class=\"g-item rv t2\"><img decoding=\"async\" src=\"https:\/\/odclinic.com\/wp-content\/uploads\/2026\/04\/DSCF3765-scaled.jpg\" alt=\"Specialist\"\/><\/div>\n        <div class=\"g-item rv\"><img decoding=\"async\" src=\"https:\/\/odclinic.com\/wp-content\/uploads\/2026\/04\/DSC06507-\u043a\u043e\u043f\u0438\u044f-scaled.jpg\" alt=\"Equipment\"\/><\/div>\n        <div class=\"g-item rv t1\"><img decoding=\"async\" src=\"https:\/\/odclinic.com\/wp-content\/uploads\/2025\/03\/WhatsApp-Image-2025-03-07-at-17.20.01.jpeg\" alt=\"Team\"\/><\/div>\n        <div class=\"g-item rv t2\"><img decoding=\"async\" src=\"https:\/\/odclinic.com\/wp-content\/uploads\/2026\/04\/DSCF3520-scaled.jpg\" alt=\"Treatment\"\/><\/div>\n        <div class=\"g-item rv\"><img decoding=\"async\" src=\"https:\/\/odclinic.com\/wp-content\/uploads\/2026\/04\/DSCF3868-scaled.jpg\" alt=\"Clinic\"\/><\/div>\n        <div class=\"g-item rv t1\"><img decoding=\"async\" src=\"https:\/\/odclinic.com\/wp-content\/uploads\/2026\/04\/DSC09980-scaled.jpg\" alt=\"Room\"\/><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ACCESS -->\n  <section class=\"access\">\n    <div class=\"w\">\n      <div class=\"ac-grid\">\n        <div class=\"rv\">\n          <span class=\"eyebrow\">Getting Here<\/span>\n          <h2 class=\"dp\" style=\"font-size:clamp(32px,4vw,54px)\">Easy Access,<br\/><em style=\"font-style:italic;font-weight:300\">Every Step<\/em><\/h2>\n          <p class=\"ac-desc\">Alanya-Gazipa\u015fa Airport is just 45 minutes away, with direct international flights from across Europe, the UK and Russia. Getting to OD Clinic is simple \u2014 so you can focus entirely on your smile.<\/p>\n          <ul class=\"ac-items\">\n            <li class=\"ac-item rv\"><span class=\"ac-no\">01<\/span><div class=\"ac-tx\"><h4>Alanya-Gazipa\u015fa Airport<\/h4><p>Direct international flights \u2014 just 45 minutes from our clinic<\/p><\/div><\/li>\n            <li class=\"ac-item rv t1\"><span class=\"ac-no\">02<\/span><div class=\"ac-tx\"><h4>International Connections<\/h4><p>Direct flights from across Europe, the UK, Russia and the Middle East<\/p><\/div><\/li>\n            <li class=\"ac-item rv t2\"><span class=\"ac-no\">03<\/span><div class=\"ac-tx\"><h4>Flexible Treatment Planning<\/h4><p>All appointments built around your travel schedule \u2014 no compromise<\/p><\/div><\/li>\n            <li class=\"ac-item rv t3\"><span class=\"ac-no\">04<\/span><div class=\"ac-tx\"><h4>Comfortable City, Easy to Navigate<\/h4><p>Alanya is a tourist-friendly city with excellent accommodation options for every budget<\/p><\/div><\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"ac-vis rv t2\">\n          <img decoding=\"async\" class=\"ac-main\" src=\"https:\/\/odclinic.com\/wp-content\/uploads\/2025\/03\/DSC06056-scaled.jpg\" alt=\"OD Clinic\"\/>\n          <img decoding=\"async\" class=\"ac-mini\" src=\"https:\/\/odclinic.com\/wp-content\/uploads\/2026\/04\/DSC06666-scaled.jpg\" alt=\"Detail\"\/>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- PATIENT STORIES -->\n  <section class=\"stories\">\n    <div class=\"w\">\n      <div class=\"rv\">\n        <span class=\"eyebrow\" style=\"color:rgba(255,255,255,.28)\">Patient Stories<\/span>\n        <h2 class=\"dp\" style=\"font-size:clamp(32px,4vw,54px);color:var(--white)\">Real Smiles,<br\/><em style=\"font-style:italic;font-weight:300;color:rgba(255,255,255,.5)\">Real Results<\/em><\/h2>\n        <div class=\"rule\" style=\"background:rgba(255,255,255,.18);margin-top:20px\"><\/div>\n      <\/div>\n      <div class=\"st-grid\">\n        <div class=\"st-card rv\">\n          <div class=\"st-q\">\"<\/div>\n          <p class=\"st-tx\">I flew from London specifically for veneers at OD Clinic. The result exceeded every expectation. My smile is completely transformed and I felt at home from the first day.<\/p>\n          <div class=\"st-who\">Sarah M.<\/div>\n          <div class=\"st-from\">United Kingdom<\/div>\n        <\/div>\n        <div class=\"st-card rv t1\">\n          <div class=\"st-q\">\"<\/div>\n          <p class=\"st-tx\">The digital smile design process was extraordinary \u2014 seeing my new smile before treatment even started gave me total confidence. Outstanding quality, outstanding team.<\/p>\n          <div class=\"st-who\">Lars K.<\/div>\n          <div class=\"st-from\">Sweden<\/div>\n        <\/div>\n        <div class=\"st-card rv t2\">\n          <div class=\"st-q\">\"<\/div>\n          <p class=\"st-tx\">Dental implants in Alanya with OD Clinic was the best decision I have ever made. World-class treatment, a beautiful city, prices unbeatable anywhere in Europe.<\/p>\n          <div class=\"st-who\">Maria G.<\/div>\n          <div class=\"st-from\">Germany<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- CTA -->\n  <section class=\"cta\" id=\"odc-cta\">\n    <div class=\"w\">\n      <span class=\"eyebrow rv\">Start Your Journey<\/span>\n      <h2 class=\"dp cta-h rv t1\">Ready for Your<br\/><em>Perfect Smile?<\/em><\/h2>\n      <p class=\"cta-p rv t2\">Book a free consultation today and take the first step toward a smile that changes everything.<\/p>\n      <div class=\"rv t3\"><a href=\"#\" class=\"btn-dk\">Book Free Consultation<\/a><\/div>\n    <\/div>\n  <\/section>\n\n<\/div><!-- \/.odc -->\n\n\n<script>\n(function(){\n\n  \/* \u2550\u2550 VIDEO PAUSE \u0130KONU \u2014 kesin engel \u2550\u2550 *\/\n  function coverVideos(){\n    document.querySelectorAll('.odc video, #odc-cta-float ~ * video').forEach(function(v){\n      \/* controls kesinlikle kapal\u0131 *\/\n      v.removeAttribute('controls');\n      v.setAttribute('disablePictureInPicture','');\n      v.setAttribute('disableRemotePlayback','');\n      if(v.dataset.shielded) return;\n      v.dataset.shielded = '1';\n      \/* parent relative olmal\u0131 *\/\n      var p = v.parentElement;\n      if(window.getComputedStyle(p).position === 'static') p.style.position = 'relative';\n      \/* \u015feffaf kalkan div \u2014 t\u0131klama ve ikonlar\u0131 engeller *\/\n      var s = document.createElement('div');\n      s.setAttribute('style',\n        'position:absolute;top:0;left:0;width:100%;height:100%;'+\n        'z-index:20;pointer-events:all;background:transparent;cursor:default'\n      );\n      \/* Bu div \u00fczerine t\u0131klan\u0131nca video'yu toggle etmesin *\/\n      s.addEventListener('click', function(e){ e.preventDefault();e.stopPropagation(); });\n      p.appendChild(s);\n    });\n  }\n  setTimeout(coverVideos, 0);\n  setTimeout(coverVideos, 300);\n  setTimeout(coverVideos, 800);\n\n  \n\n  \/* \u2550\u2550 SCROLL REVEAL \u2550\u2550 *\/\n  var revealObs = new IntersectionObserver(function(entries){\n    entries.forEach(function(e){ if(e.isIntersecting) e.target.classList.add('on'); });\n  },{threshold:0.08,rootMargin:'0px 0px -30px 0px'});\n  document.querySelectorAll('.odc .rv').forEach(function(el){ revealObs.observe(el); });\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     HERO GAP FIX\n     1. T\u00fcm Elementor ancestor'lar\u0131n\u0131n padding\/margin'ini s\u0131f\u0131rla\n     2. BoundingRect ile kalan gap'i \u00f6l\u00e7 ve kapatPersonally\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  function fixHeroGap(){\n    var hero = document.querySelector('.odc .hero');\n    if(!hero) return;\n\n    \/* ADIM 1 \u2014 Elementor container'lar\u0131n\u0131 s\u0131f\u0131rla *\/\n    var el = hero.parentElement;\n    for(var i=0;i<14;i++){\n      if(!el || el===document.body) break;\n      var cn = (el.className||'').toString();\n      if(\/elementor|e-con|e-container|e-flex|site-main|wp-site-blocks\/.test(cn)){\n        el.style.setProperty('padding-top',   '0','important');\n        el.style.setProperty('margin-top',    '0','important');\n      }\n      el = el.parentElement;\n    }\n\n    \/* ADIM 2 \u2014 Kalan px bo\u015flu\u011funu \u00f6l\u00e7 ve kapat *\/\n    function measure(){\n      requestAnimationFrame(function(){\n        var heroTop = hero.getBoundingClientRect().top;\n        \/* Nav\/header'\u0131n alt kenar\u0131n\u0131 bul *\/\n        var navBottom = 0;\n        var nav = document.querySelector(\n          '.elementor-location-header, .site-header, header.header, #masthead, header'\n        );\n        if(nav) navBottom = nav.getBoundingClientRect().bottom;\n        var gap = heroTop - navBottom;\n        if(gap > 1){\n          var cur = parseFloat(window.getComputedStyle(hero).marginTop)||0;\n          hero.style.setProperty('margin-top',(cur-Math.ceil(gap))+'px','important');\n        }\n      });\n    }\n    measure();\n    setTimeout(measure, 150);\n    setTimeout(measure, 400);\n  }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     VIDEO AUTOPLAY\n     WordPress wp_kses \"autoplay\" attribute'\u00fcn\u00fc HTML'den siliyor.\n     \u00c7\u00f6z\u00fcm: JS ile ekle, \u00e7ok say\u0131da yeniden deneme yap.\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  function forcePlay(v){\n    if(!v) return;\n    v.setAttribute('autoplay','');\n    v.setAttribute('muted','');\n    v.setAttribute('loop','');\n    v.setAttribute('playsinline','');\n    v.muted  = true;\n    v.loop   = true;\n    v.volume = 0;\n    \/* canplay event'ini dinle \u2014 haz\u0131r olunca play() *\/\n    v.addEventListener('canplay', function onCan(){\n      v.removeEventListener('canplay', onCan);\n      v.play().catch(function(){});\n      v.classList.add('ready');\n    });\n    v.addEventListener('waiting', function(){\n      \/* Buffer t\u00fckendi \u2014 reload yapma, sadece bekle *\/\n      v.play().catch(function(){});\n    });\n    \/* Stall durumunda yeniden play dene *\/\n    v.addEventListener('stalled', function(){\n      setTimeout(function(){ v.play().catch(function(){}); }, 500);\n    });\n    v.addEventListener('error', function(){\n      setTimeout(function(){ v.load(); v.play().catch(function(){}); }, 1000);\n    });\n    \/* Direkt play denemeleri *\/\n    var attempt = function(){ v.play().catch(function(){}); };\n    attempt();\n    setTimeout(attempt, 400);\n    setTimeout(attempt, 1000);\n    setTimeout(attempt, 2500);\n  }\n\n  function startAllVideos(){\n    \/* MEJS bypass \u2014 MediaElement.js oynat\u0131c\u0131s\u0131n\u0131 kald\u0131r *\/\n    document.querySelectorAll('.mejs-container').forEach(function(mc){\n      var vid = mc.querySelector('video');\n      if(vid && (vid.classList.contains('hero-vid') || vid.classList.contains('al-vid'))){\n        var par = mc.parentNode;\n        if(par){ par.insertBefore(vid, mc); mc.remove(); }\n      }\n    });\n    document.querySelectorAll('.odc video').forEach(forcePlay);\n  }\n\n  \/* \u00c7oklu tetikleyici *\/\n  if(document.readyState === 'loading'){\n    document.addEventListener('DOMContentLoaded', function(){ fixHeroGap(); startAllVideos(); });\n  } else {\n    fixHeroGap(); startAllVideos();\n  }\n  window.addEventListener('load', function(){ fixHeroGap(); startAllVideos(); });\n  document.addEventListener('visibilitychange', function(){\n    if(document.visibilityState === 'visible') startAllVideos();\n  });\n\n  \/* IntersectionObserver \u2014 ekrana giren video'yu oynat *\/\n  setTimeout(function(){\n    var vObs = new IntersectionObserver(function(ents){\n      ents.forEach(function(e){ if(e.isIntersecting) forcePlay(e.target); });\n    },{threshold:0.01});\n    document.querySelectorAll('.odc video').forEach(function(v){ vObs.observe(v); });\n  }, 600);\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Alanya, Turkey \u2014 Since 2021 Loving Your Smile Is Simple. World-class dentistry in the heart of the Mediterranean. Premium care, cutting-edge technology, lasting results. Free Consultation Our Treatments 5,000+ Happy Patients 50+ Countries 15+ Specialists Since 2021 Alanya, Turkey Scroll Porcelain Veneers\u00b7 Dental Implants\u00b7 Digital Smile Design\u00b7 Teeth Whitening\u00b7 Full Mouth Restoration\u00b7 Orthodontics\u00b7 Porcelain Crowns\u00b7 Smile Makeover\u00b7 Porcelain Veneers\u00b7 Dental&hellip;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3099","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/odclinic.com\/ru\/wp-json\/wp\/v2\/pages\/3099","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/odclinic.com\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/odclinic.com\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/odclinic.com\/ru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/odclinic.com\/ru\/wp-json\/wp\/v2\/comments?post=3099"}],"version-history":[{"count":111,"href":"https:\/\/odclinic.com\/ru\/wp-json\/wp\/v2\/pages\/3099\/revisions"}],"predecessor-version":[{"id":13260,"href":"https:\/\/odclinic.com\/ru\/wp-json\/wp\/v2\/pages\/3099\/revisions\/13260"}],"wp:attachment":[{"href":"https:\/\/odclinic.com\/ru\/wp-json\/wp\/v2\/media?parent=3099"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}