{"id":35,"date":"2017-07-04T08:12:00","date_gmt":"2017-07-04T08:12:00","guid":{"rendered":"https:\/\/odclinic.com\/?page_id=35"},"modified":"2026-05-24T19:22:12","modified_gmt":"2026-05-24T19:22:12","slug":"about","status":"publish","type":"page","link":"https:\/\/odclinic.com\/ru\/about\/","title":{"rendered":"\u041e \u0441\u0430\u0439\u0442\u0435"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"35\" class=\"elementor elementor-35\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1cf48f9 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1cf48f9\" 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-60ef7b4\" data-id=\"60ef7b4\" 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-3914213 elementor-widget elementor-widget-spacer\" data-id=\"3914213\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-18fa97e elementor-widget elementor-widget-html\" data-id=\"18fa97e\" 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\r\n   OD CLINIC \u2014 ABOUT US\r\n   Anasayfa tasar\u0131m dili (.odc scope)\r\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 -->\r\n\r\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\"\/>\r\n\r\n<style>\r\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   ANCORATHEMES HEADER MARGIN-BOTTOM FIX (KR\u0130T\u0130K!)\r\n   AncoraThemes header.top_panel'a 156px margin-bottom\r\n   veriyor \u2014 bu bo\u015flu\u011fu s\u0131f\u0131rla.\r\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\nbody:has(.odc) header.top_panel,\r\nbody:has(.odc) .top_panel,\r\nbody:has(.odc) .top_panel_custom,\r\nbody:has(.odc) .top_panel_fixed,\r\nbody:has(.odc) .top_panel_above,\r\nbody:has(.odc) .top_panel_below{\r\n  margin-bottom:0!important;\r\n  padding-bottom:0!important;\r\n}\r\n\r\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   ELEMENTOR BOXED \u2192 FULL WIDTH FIX\r\n   Section \"boxed\" ayarl\\u0131ysa container'\\u0131n max-width\r\n   k\\u0131s\\u0131tlamas\\u0131n\\u0131 kald\\u0131r \u2014 .odc tam ekran g\\u00f6r\\u00fcns\\u00fcn.\r\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.elementor-section:has(.odc),\r\n.elementor-section.elementor-section-boxed:has(.odc),\r\n.elementor-section.elementor-section-boxed:has(.odc) > .elementor-container,\r\n.elementor-section:has(.odc) > .elementor-container{\r\n  max-width:100%!important;\r\n  width:100%!important;\r\n}\r\n.elementor-section:has(.odc) > .elementor-container > .elementor-column,\r\n.elementor-section:has(.odc) .elementor-col-100,\r\n.elementor-section:has(.odc) .elementor-top-column{\r\n  width:100%!important;\r\n  max-width:100%!important;\r\n}\r\n.elementor-section:has(.odc) .elementor-widget-wrap,\r\n.elementor-section:has(.odc) .elementor-widget-container,\r\n.elementor-section:has(.odc) .elementor-widget{\r\n  width:100%!important;\r\n  max-width:100%!important;\r\n}\r\n\r\n\/* \u2550\u2550 HORIZONTAL OVERFLOW FIX \u2550\u2550 *\/\r\nhtml, body{ overflow-x:hidden!important;max-width:100%!important }\r\n.odc, .odc *{max-width:100vw}\r\n\r\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   HEADER GAP KILLER \u2014 CSS only, header'a DOKUNMAZ\r\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n\/* 1. Hero'yu i\u00e7eren widget blo\u011funun t\u00fcm atalar\u0131 \u2014 padding\/margin s\u0131f\u0131r *\/\r\n.elementor-widget-container:has(.odc),\r\n.elementor-widget-wrap:has(.odc),\r\n.elementor-column:has(.odc),\r\n.elementor-section:has(.odc),\r\n.elementor-element:has(.odc),\r\n.elementor-row:has(.odc),\r\n.elementor-container:has(.odc),\r\n.elementor-top-section:has(.odc),\r\n.elementor-inner-section:has(.odc),\r\n.elementor-widget:has(.odc),\r\n.elementor-widget-html:has(.odc),\r\n.elementor-widget-text-editor:has(.odc),\r\n.elementor-widget-shortcode:has(.odc),\r\n.elementor-widget-raw-html:has(.odc),\r\n.e-con:has(.odc),\r\n.e-con-inner:has(.odc),\r\n.e-flex:has(.odc),\r\n.e-grid:has(.odc){\r\n  padding:0!important;\r\n  margin:0!important;\r\n}\r\n\r\n\/* 2. Theme content container'lar\u0131n\u0131n \u00dcST padding'ini s\u0131f\u0131rla (header'a de\u011fmez) *\/\r\nbody:has(.odc) .site-content,\r\nbody:has(.odc) #main,\r\nbody:has(.odc) main,\r\nbody:has(.odc) .page-content,\r\nbody:has(.odc) .entry-content,\r\nbody:has(.odc) #content,\r\nbody:has(.odc) .content-area,\r\nbody:has(.odc) .elementor-section-wrap,\r\nbody:has(.odc) [data-elementor-type=\"wp-page\"],\r\nbody:has(.odc) [data-elementor-type=\"single-page\"],\r\nbody:has(.odc) article,\r\nbody:has(.odc) .post-inner,\r\nbody:has(.odc) .wrapper_inner,\r\nbody:has(.odc) .content_wrap,\r\nbody:has(.odc) .content_wrap_fullscreen{\r\n  padding-top:0!important;\r\n  margin-top:0!important;\r\n}\r\n\r\n\/* 3. AncoraThemes Title Bar \u2014 HEADER'A DE\u011eMEZ, sadece title section'\u0131 yakalar *\/\r\n\/* AncoraThemes'da title bar \u015fu spesifik class'larda g\u00f6r\u00fcn\u00fcr: *\/\r\nbody:has(.odc) .top_panel_title,\r\nbody:has(.odc) .top_panel_image,\r\nbody:has(.odc) .top_panel_navi,\r\nbody:has(.odc) .top_panel_inner_text,\r\nbody:has(.odc) .top_panel_above,\r\nbody:has(.odc) .top_panel_below,\r\nbody:has(.odc) .sc_layouts_title.with_content,\r\nbody:has(.odc) .sc_layouts_title_caption,\r\nbody:has(.odc) .sc_layouts_title_breadcrumbs,\r\nbody:has(.odc) .sc_layouts_title_meta,\r\nbody:has(.odc) .post_header.entry-header,\r\nbody:has(.odc) .post_header_single,\r\nbody:has(.odc) .post_header_archive,\r\nbody:has(.odc) .post_featured.with_thumb,\r\nbody:has(.odc) .post_thumb,\r\nbody:has(.odc) .single_featured,\r\nbody:has(.odc) .breadcrumbs_wrap,\r\nbody:has(.odc) .breadcrumbs,\r\nbody:has(.odc) .post_header_wrap,\r\nbody:has(.odc) .page_title,\r\nbody:has(.odc) .page-header,\r\nbody:has(.odc) .entry-header{\r\n  display:none!important;\r\n  height:0!important;\r\n  min-height:0!important;\r\n  max-height:0!important;\r\n  padding:0!important;\r\n  margin:0!important;\r\n  visibility:hidden!important;\r\n  overflow:hidden!important;\r\n}\r\n\r\n\/* Page tipini \"post_layout_standard with_thumb\" yapan ana wrapper'\u0131n \u00fcst padding'i *\/\r\nbody:has(.odc) .post_layout_single .post_header,\r\nbody:has(.odc) .post_layout_standard .post_header,\r\nbody:has(.odc) article.post .post_header,\r\nbody:has(.odc) article.page .post_header,\r\nbody:has(.odc) article.page > .post_header,\r\nbody:has(.odc) article.page > header.entry-header{\r\n  display:none!important;\r\n  height:0!important;\r\n  padding:0!important;\r\n  margin:0!important;\r\n}\r\n\r\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   4. POZ\u0130SYON TABANLI BO\u015eLUK KAPATICI\r\n   Hero'yu i\u00e7eren widget'\u0131n T\u00dcM PREVIOUS SIBLING'lerini\r\n   ata zincirinde taray\u0131p gizler.\r\n   Header g\u00fcvende \u00e7\u00fcnk\u00fc header farkl\u0131 bir DOM dal\u0131nda.\r\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n\/* Hero'yu i\u00e7eren widget'tan \u00f6nceki t\u00fcm karde\u015fleri hedef al *\/\r\n\/* Bu, content alan\u0131 i\u00e7indeki title-bar wrapper'\u0131n\u0131 yakalar *\/\r\nbody:has(.odc) #main > *:has(~ * .odc):not(:has(.odc)):not(header):not([class*=\"header\"]):not([class*=\"menu\"]):not([class*=\"navi\"]),\r\nbody:has(.odc) .site-content > *:has(~ * .odc):not(:has(.odc)):not(header):not([class*=\"header\"]):not([class*=\"menu\"]):not([class*=\"navi\"]),\r\nbody:has(.odc) .content_wrap > *:has(~ * .odc):not(:has(.odc)):not(header):not([class*=\"header\"]):not([class*=\"menu\"]):not([class*=\"navi\"]),\r\nbody:has(.odc) .content_wrap_fullscreen > *:has(~ * .odc):not(:has(.odc)):not(header):not([class*=\"header\"]):not([class*=\"menu\"]):not([class*=\"navi\"]),\r\nbody:has(.odc) .wrapper_inner > *:has(~ * .odc):not(:has(.odc)):not(header):not([class*=\"header\"]):not([class*=\"menu\"]):not([class*=\"navi\"]),\r\nbody:has(.odc) article.page > *:has(~ * .odc):not(:has(.odc)):not(header):not([class*=\"header\"]):not([class*=\"menu\"]):not([class*=\"navi\"]){\r\n  display:none!important;\r\n  height:0!important;\r\n  padding:0!important;\r\n  margin:0!important;\r\n}\r\n\r\n\/* 4. .odc ve .hero kendisi \u2014 son g\u00fcvence *\/\r\n.odc{margin-top:0!important;padding-top:0!important}\r\n.odc .hero{margin-top:0!important}\r\n\r\n\/* \u2500\u2500 RESET (sadece .odc) \u2500\u2500 *\/\r\n.odc *,.odc *::before,.odc *::after{box-sizing:border-box;margin:0;padding:0}\r\n.odc img,.odc video{display:block;max-width:100%}\r\n.odc a{text-decoration:none}\r\n\r\n\/* \u2500\u2500 VARIABLES \u2500\u2500 *\/\r\n.odc{\r\n  --ink:   #0a0a0a;\r\n  --ink2:  #161616;\r\n  --ink3:  #222222;\r\n  --mid:   #777777;\r\n  --pale:  #e0e0e0;\r\n  --fog:   #f2f2f0;\r\n  --paper: #f9f9f7;\r\n  --white: #ffffff;\r\n  font-family:'Jost',sans-serif;\r\n  font-weight:400;\r\n  line-height:1.6;\r\n  color:var(--ink);\r\n  overflow-x:hidden;\r\n}\r\n\r\n\/* \u2500\u2500 LAYOUT \u2500\u2500 *\/\r\n.odc .w{max-width:1280px;margin:0 auto;padding:0 52px}\r\n\r\n\/* \u2500\u2500 TYPE \u2500\u2500 *\/\r\n.odc .eyebrow{\r\n  display:inline-block;\r\n  font-family:'Jost',sans-serif;\r\n  font-size:10px;font-weight:600;\r\n  letter-spacing:5px;text-transform:uppercase;\r\n  color:var(--mid);margin-bottom:18px;\r\n}\r\n.odc .dp{\r\n  font-family:'Cormorant Garamond',serif;\r\n  font-weight:700;line-height:1.0;\r\n  letter-spacing:-0.025em;\r\n  color:var(--ink);\r\n}\r\n.odc .dp em{font-style:italic;font-weight:300}\r\n.odc .rule{width:40px;height:1px;background:var(--ink);margin:22px 0}\r\n\r\n\/* \u2500\u2500 BUTTONS \u2500\u2500 *\/\r\n.odc .btn-w{\r\n  display:inline-block;\r\n  padding:16px 44px;\r\n  background:var(--white);color:var(--ink);\r\n  font-family:'Jost',sans-serif;\r\n  font-size:10px;font-weight:600;\r\n  letter-spacing:3.5px;text-transform:uppercase;\r\n  border:1px solid var(--white);\r\n  transition:background .25s,color .25s;cursor:pointer;\r\n}\r\n.odc .btn-w:hover{background:transparent;color:var(--white)}\r\n.odc .btn-ol{\r\n  display:inline-block;\r\n  padding:15px 44px;\r\n  background:transparent;color:var(--white);\r\n  font-family:'Jost',sans-serif;\r\n  font-size:10px;font-weight:600;\r\n  letter-spacing:3.5px;text-transform:uppercase;\r\n  border:1px solid rgba(255,255,255,.3);\r\n  transition:border-color .25s;cursor:pointer;\r\n}\r\n.odc .btn-ol:hover{border-color:var(--white)}\r\n.odc .btn-dk{\r\n  display:inline-block;\r\n  padding:18px 56px;\r\n  background:var(--ink);color:var(--white);\r\n  font-family:'Jost',sans-serif;\r\n  font-size:10px;font-weight:600;\r\n  letter-spacing:3.5px;text-transform:uppercase;\r\n  border:1px solid var(--ink);\r\n  transition:background .25s;cursor:pointer;\r\n}\r\n.odc .btn-dk:hover{background:var(--ink3)}\r\n\r\n\/* \u2500\u2500 SCROLL REVEAL \u2500\u2500 *\/\r\n.odc .rv{opacity:0;transform:translateY(28px);transition:opacity .85s ease,transform .85s ease}\r\n.odc .rv.on{opacity:1;transform:none}\r\n.odc .rv.t1{transition-delay:.09s}.odc .rv.t2{transition-delay:.18s}\r\n.odc .rv.t3{transition-delay:.27s}.odc .rv.t4{transition-delay:.36s}\r\n\r\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\r\n   HERO \u2014 60vh, asymmetric bottom-left text\r\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 *\/\r\n.odc .hero{\r\n  position:relative;\r\n  \/* Full-bleed *\/\r\n  margin-left:calc((100% - 100vw) \/ 2);\r\n  margin-right:calc((100% - 100vw) \/ 2);\r\n  width:100vw;\r\n  max-width:100vw;\r\n  height:60vh;min-height:480px;max-height:680px;\r\n  overflow:hidden;\r\n  background:var(--ink);\r\n}\r\n.odc .hero-img{\r\n  position:absolute;inset:0;\r\n  width:100%;height:100%;object-fit:cover;\r\n  object-position:center 38%;\r\n  opacity:.72;\r\n  background-color:#1a1a1a;\r\n}\r\n\/* alt-sola yumu\u015fak koyula\u015fma \u2014 metnin okunabilirli\u011fi i\u00e7in *\/\r\n.odc .hero::before{\r\n  content:'';position:absolute;inset:0;z-index:1;\r\n  background:\r\n    linear-gradient(to top,    rgba(10,10,10,.88) 0%, rgba(10,10,10,.3) 38%, rgba(10,10,10,0) 65%),\r\n    linear-gradient(to right,  rgba(10,10,10,.55) 0%, rgba(10,10,10,0)   45%);\r\n}\r\n\/* ince \u00fcst-sa\u011f k\u00f6\u015fe etiketi *\/\r\n.odc .hero-corner{\r\n  position:absolute;top:32px;right:52px;z-index:3;\r\n  font-family:'Jost',sans-serif;\r\n  font-size:9px;font-weight:600;\r\n  letter-spacing:5px;text-transform:uppercase;\r\n  color:rgba(255,255,255,.55);\r\n  display:flex;align-items:center;gap:14px;\r\n}\r\n.odc .hero-corner::before{\r\n  content:'';width:34px;height:1px;background:rgba(255,255,255,.35);\r\n}\r\n\/* asimetrik sol-alt metin blo\u011fu *\/\r\n.odc .hero-body{\r\n  position:absolute;left:0;bottom:0;z-index:3;\r\n  padding:0 52px 56px;\r\n  max-width:760px;\r\n}\r\n.odc .hero-tag{\r\n  display:block;\r\n  font-family:'Jost',sans-serif;\r\n  font-size:10px;font-weight:600;\r\n  letter-spacing:5px;text-transform:uppercase;\r\n  color:rgba(255,255,255,.55);margin-bottom:18px;\r\n}\r\n.odc .hero-h1{\r\n  font-family:'Cormorant Garamond',serif;\r\n  font-size:clamp(46px,7.2vw,96px);\r\n  font-weight:700;line-height:.95;\r\n  letter-spacing:-0.03em;\r\n  color:var(--white);margin-bottom:0;\r\n}\r\n.odc .hero-h1 em{font-style:italic;font-weight:300}\r\n\/* ince \u00e7izgi \u2014 ba\u015fl\u0131\u011f\u0131n alt\u0131nda, eyebrow ile diyalog kurar *\/\r\n.odc .hero-rule{\r\n  width:48px;height:1px;\r\n  background:rgba(255,255,255,.5);\r\n  margin:22px 0 0;\r\n}\r\n\/* sa\u011f-alt k\u00f6\u015fede k\u00fc\u00e7\u00fck meta etiketi (treatment time vb.) *\/\r\n.odc .hero-meta{\r\n  position:absolute;right:52px;bottom:56px;z-index:3;\r\n  text-align:right;\r\n  font-family:'Jost',sans-serif;\r\n  color:rgba(255,255,255,.6);\r\n  max-width:230px;\r\n}\r\n.odc .hero-meta-l{\r\n  display:block;\r\n  font-size:9px;font-weight:600;\r\n  letter-spacing:4px;text-transform:uppercase;\r\n  color:rgba(255,255,255,.4);\r\n  margin-bottom:8px;\r\n}\r\n.odc .hero-meta-v{\r\n  font-family:'Cormorant Garamond',serif;\r\n  font-size:22px;font-weight:600;font-style:italic;\r\n  color:rgba(255,255,255,.85);\r\n  line-height:1.25;\r\n}\r\n\r\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\r\n   MARQUEE\r\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 *\/\r\n.odc .strip{background:var(--ink);padding:17px 0;overflow:hidden;white-space:nowrap}\r\n.odc .s-track{display:inline-block;animation:odc-mq 24s linear infinite}\r\n@keyframes odc-mq{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}\r\n.odc .s-track span{\r\n  font-family:'Cormorant Garamond',serif;\r\n  font-size:15px;font-style:italic;font-weight:300;\r\n  color:rgba(255,255,255,.45);padding:0 36px;\r\n}\r\n.odc .s-track span b{font-style:normal;font-weight:600;color:rgba(255,255,255,.85)}\r\n\r\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\r\n   PROCESS \/ SPLIT KARTLAR\r\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 *\/\r\n.odc .proc{background:var(--fog)}\r\n.odc .ps{display:grid;grid-template-columns:1fr 1fr;min-height:580px}\r\n.odc .ps:nth-child(even) .pt{order:2}\r\n.odc .ps:nth-child(even) .pi{order:1}\r\n.odc .pt{\r\n  padding:90px 84px;\r\n  display:flex;flex-direction:column;justify-content:center;\r\n  background:var(--fog);\r\n}\r\n.odc .p-no{\r\n  font-family:'Cormorant Garamond',serif;\r\n  font-size:150px;font-weight:700;\r\n  color:rgba(10,10,10,.04);\r\n  line-height:1;margin-bottom:-22px;display:block;\r\n}\r\n.odc .p-tag{\r\n  font-size:9px;font-weight:600;letter-spacing:5px;\r\n  text-transform:uppercase;color:var(--mid);margin-bottom:14px;\r\n}\r\n.odc .p-title{font-size:clamp(28px,3vw,44px)}\r\n.odc .p-desc{\r\n  font-size:15px;font-weight:300;color:#585858;\r\n  line-height:1.9;margin-top:16px;margin-bottom:18px;\r\n}\r\n.odc .p-desc strong{font-weight:500;color:var(--ink)}\r\n.odc .pt .p-desc:last-of-type{margin-bottom:34px}\r\n.odc .p-list{list-style:none;display:flex;flex-direction:column;gap:0}\r\n.odc .p-list li{\r\n  display:flex;align-items:flex-start;gap:20px;\r\n  font-size:14px;font-weight:300;color:var(--ink3);\r\n  padding:16px 0;\r\n  border-bottom:1px solid var(--pale);\r\n}\r\n.odc .p-list li:first-child{border-top:1px solid var(--pale)}\r\n.odc .p-list li strong{\r\n  display:block;font-weight:600;font-size:13px;\r\n  font-family:'Jost',sans-serif;margin-bottom:2px;\r\n}\r\n.odc .pi{position:relative;overflow:hidden;background:var(--ink3)}\r\n.odc .pi img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease;display:block}\r\n.odc .ps:hover .pi img{transform:scale(1.04)}\r\n\/* pi-vid i\u00e7indeki video hover'da b\u00fcy\u00fcmesin (orijinal oranda dursun) *\/\r\n.odc .ps:hover .pi-vid video{transform:none}\r\n\r\n\/* \u2500\u2500 PI VIDEO (01\/02 Process kartlar\u0131ndaki webm gifler \u2014 orijinal en-boy korunur) \u2500\u2500 *\/\r\n.odc .pi-vid{\r\n  background:var(--fog);\r\n  display:flex;align-items:center;justify-content:center;\r\n  padding:48px;\r\n}\r\n.odc .pi-vid video,\r\n.odc .step-vid{\r\n  position:relative;\r\n  width:auto;height:auto;\r\n  max-width:100%;max-height:100%;\r\n  object-fit:contain;object-position:center;\r\n  display:block;\r\n  background:transparent;\r\n  inset:auto;\r\n  mix-blend-mode:multiply;\r\n  \/* Kenarlar\u0131 yumu\u015fatma \u2014 d\u00f6rt y\u00f6nden eliptik fade *\/\r\n  -webkit-mask-image:radial-gradient(ellipse at center,\r\n    rgba(0,0,0,1) 45%,\r\n    rgba(0,0,0,.85) 65%,\r\n    rgba(0,0,0,.4) 85%,\r\n    rgba(0,0,0,0) 100%);\r\n          mask-image:radial-gradient(ellipse at center,\r\n    rgba(0,0,0,1) 45%,\r\n    rgba(0,0,0,.85) 65%,\r\n    rgba(0,0,0,.4) 85%,\r\n    rgba(0,0,0,0) 100%);\r\n}\r\n\/* MEJS overlay \/ play button \/ controls \u2014 anasayfadaki gibi tamamen gizle *\/\r\n.odc video{pointer-events:none!important}\r\n.odc video::-webkit-media-controls,\r\n.odc video::-webkit-media-controls-enclosure,\r\n.odc video::-webkit-media-controls-panel,\r\n.odc video::-webkit-media-controls-overlay-play-button,\r\n.odc video::-webkit-media-controls-start-playback-button,\r\n.odc video::-webkit-media-controls-play-button,\r\n.odc video::-webkit-media-controls-loading-panel{display:none!important}\r\n.odc .mejs-overlay-play,\r\n.odc .mejs-overlay-button,\r\n.odc .mejs-overlay-loading,\r\n.odc .mejs-controls,\r\n.odc .mejs-time-rail,\r\n.odc .mejs-time-buffering,\r\n.odc .mejs-overlay-error{display:none!important;opacity:0!important;visibility:hidden!important}\r\n.odc .mejs-offscreen{display:none!important}\r\n\r\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\r\n   INDICATIONS \u2014 5'li \u0131zgara + dark highlight\r\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 *\/\r\n.odc .ind{background:var(--paper);padding:110px 0}\r\n.odc .ind-top{text-align:center;max-width:680px;margin:0 auto 56px}\r\n.odc .ind-top .rule{margin:22px auto}\r\n.odc .ind-top .dp{font-size:clamp(36px,4.5vw,62px)}\r\n.odc .ind-intro{\r\n  font-size:15px;font-weight:300;color:var(--mid);\r\n  line-height:1.9;margin-top:18px;\r\n}\r\n.odc .ind-grid{\r\n  display:grid;grid-template-columns:repeat(5,1fr);\r\n  gap:2px;margin-bottom:2px;\r\n}\r\n\/* 3 s\\u00fctun variant \u2014 Dental Pain gibi az kart varsa *\/\r\n.odc .ind-grid-3{\r\n  grid-template-columns:repeat(3,1fr);\r\n  max-width:1200px;\r\n  margin-left:auto;margin-right:auto;\r\n}\r\n\/* Showcase card \u2014 videoyu \\u00fcstte b\\u00fcy\\u00fck g\\u00f6sterir *\/\r\n.odc .ind-card{\r\n  background:var(--white);\r\n  padding:0;text-align:center;\r\n  border-bottom:2px solid transparent;\r\n  transition:border-color .3s,background .3s;\r\n  overflow:hidden;\r\n  display:flex;flex-direction:column;\r\n}\r\n.odc .ind-card:hover{\r\n  background:var(--fog);\r\n  border-bottom-color:var(--ink);\r\n}\r\n.odc .ind-card-media{\r\n  width:100%;\r\n  aspect-ratio:1\/1;\r\n  background:var(--fog);\r\n  display:flex;align-items:center;justify-content:center;\r\n  overflow:hidden;\r\n  border-bottom:1px solid var(--pale);\r\n}\r\n.odc .ind-card-media video,\r\n.odc .ind-card-media img{\r\n  width:100%;height:100%;\r\n  object-fit:cover;\r\n  display:block;\r\n  transition:transform .8s ease;\r\n}\r\n\/* Icon stilinde (\\u00e7izim\/illustration) \u2014 cover yerine contain, padding *\/\r\n.odc .ind-card-media-icon{\r\n  background:var(--paper);\r\n  padding:48px 56px;\r\n  min-height:320px;\r\n}\r\n.odc .ind-card-media-icon img{\r\n  object-fit:contain;\r\n  max-width:80%;\r\n  max-height:80%;\r\n}\r\n.odc .ind-card-media-icon svg{\r\n  width:100%;height:100%;\r\n  max-width:220px;max-height:220px;\r\n  display:block;\r\n  transition:transform .8s ease;\r\n}\r\n.odc .ind-card:hover .ind-card-media-icon svg{\r\n  transform:scale(1.06);\r\n}\r\n.odc .ind-card:hover .ind-card-media video,\r\n.odc .ind-card:hover .ind-card-media img{\r\n  transform:scale(1.05);\r\n}\r\n.odc .ind-card-body{\r\n  padding:32px 28px 36px;\r\n  flex:1;\r\n  display:flex;flex-direction:column;\r\n  align-items:center;justify-content:flex-start;\r\n}\r\n.odc .ind-card-tag{\r\n  font-family:'Jost',sans-serif;\r\n  font-size:9px;font-weight:600;letter-spacing:3px;\r\n  text-transform:uppercase;color:var(--mid);\r\n  margin-bottom:14px;display:block;\r\n}\r\n.odc .ind-card h4{\r\n  font-family:'Cormorant Garamond',serif;\r\n  font-size:26px;font-weight:600;\r\n  color:var(--ink);line-height:1.15;margin-bottom:14px;\r\n  letter-spacing:-0.01em;\r\n}\r\n.odc .ind-card h4 em{font-style:italic;font-weight:400}\r\n.odc .ind-card p{\r\n  font-family:'Jost',sans-serif;\r\n  font-size:13px;font-weight:300;line-height:1.75;\r\n  color:var(--mid);\r\n}\r\n\r\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\r\n   FAQ \u2014 Accordion (Dental Pain page)\r\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 *\/\r\n.odc .faq{\r\n  background:var(--paper);\r\n  padding:120px 0;\r\n}\r\n.odc .faq-top{\r\n  text-align:center;\r\n  max-width:720px;\r\n  margin:0 auto 64px;\r\n}\r\n.odc .faq-top .rule{margin:22px auto}\r\n.odc .faq-top .dp{font-size:clamp(36px,4.5vw,62px)}\r\n.odc .faq-list{\r\n  max-width:880px;\r\n  margin:0 auto;\r\n  background:var(--white);\r\n}\r\n.odc .faq-item{\r\n  border-bottom:1px solid var(--pale);\r\n}\r\n.odc .faq-item:last-child{border-bottom:none}\r\n.odc .faq-q{\r\n  width:100%;\r\n  background:transparent!important;\r\n  background-color:transparent!important;\r\n  background-image:none!important;\r\n  border:none!important;\r\n  border-radius:0!important;\r\n  box-shadow:none!important;\r\n  padding:28px 36px!important;\r\n  cursor:pointer;\r\n  text-align:left!important;\r\n  display:flex!important;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  gap:24px;\r\n  font-family:'Cormorant Garamond',serif!important;\r\n  font-size:22px!important;\r\n  font-weight:500!important;\r\n  color:var(--ink)!important;\r\n  line-height:1.25!important;\r\n  letter-spacing:-0.01em;\r\n  transition:color .3s, background .3s;\r\n}\r\n.odc .faq-q:hover{\r\n  color:var(--ink2)!important;\r\n  background:var(--fog)!important;\r\n}\r\n.odc .faq-icon{\r\n  flex-shrink:0;\r\n  width:22px;height:22px;\r\n  position:relative;\r\n  transition:transform .35s ease;\r\n}\r\n.odc .faq-icon::before,\r\n.odc .faq-icon::after{\r\n  content:'';\r\n  position:absolute;\r\n  top:50%;left:50%;\r\n  background:var(--ink);\r\n  transition:transform .35s ease;\r\n}\r\n.odc .faq-icon::before{\r\n  width:14px;height:1px;\r\n  transform:translate(-50%,-50%);\r\n}\r\n.odc .faq-icon::after{\r\n  width:1px;height:14px;\r\n  transform:translate(-50%,-50%);\r\n}\r\n.odc .faq-a{\r\n  max-height:0;\r\n  overflow:hidden;\r\n  transition:max-height .45s ease;\r\n}\r\n.odc .faq-a p{\r\n  padding:0 36px 28px;\r\n  font-family:'Jost',sans-serif;\r\n  font-size:14px;font-weight:300;line-height:1.85;\r\n  color:var(--mid);\r\n  max-width:760px;\r\n}\r\n.odc .faq-item.open .faq-a{max-height:400px}\r\n.odc .faq-item.open .faq-icon::after{\r\n  transform:translate(-50%,-50%) rotate(90deg);\r\n  opacity:0;\r\n}\r\n\r\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\r\n   GALLERY \u2014 Before \/ After editorial showcase\r\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 *\/\r\n.odc .gallery{\r\n  background:var(--ink);\r\n  padding:120px 0 120px;\r\n  position:relative;\r\n  margin-left:calc((100% - 100vw) \/ 2);\r\n  margin-right:calc((100% - 100vw) \/ 2);\r\n  width:100vw;\r\n  max-width:100vw;\r\n}\r\n\/* \u0130nce dekoratif \u00fcst \u00e7izgi \u2014 galeri ba\u015flang\u0131c\u0131n\u0131 i\u015faret eder *\/\r\n.odc .gallery::before{\r\n  content:'';\r\n  position:absolute;top:0;left:50%;transform:translateX(-50%);\r\n  width:60px;height:1px;\r\n  background:rgba(255,255,255,.25);\r\n}\r\n.odc .g-top{\r\n  text-align:center;\r\n  padding:0 52px 72px;\r\n  max-width:760px;margin:0 auto;\r\n}\r\n.odc .g-top .eyebrow{color:rgba(255,255,255,.45);margin-bottom:22px}\r\n.odc .g-top .dp{\r\n  color:var(--white);\r\n  font-size:clamp(34px,4.2vw,58px);\r\n}\r\n.odc .g-top .rule{margin:24px auto 0;background:rgba(255,255,255,.3);width:48px}\r\n.odc .g-sub{\r\n  font-family:'Jost',sans-serif;\r\n  font-size:14px;font-weight:300;line-height:1.85;\r\n  color:rgba(255,255,255,.5);\r\n  margin-top:22px;\r\n  max-width:480px;margin-left:auto;margin-right:auto;\r\n}\r\n\r\n\/* Grid *\/\r\n.odc .g-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(5,1fr);\r\n  gap:18px;\r\n  max-width:1480px;\r\n  margin:0 auto;\r\n  padding:0 40px;\r\n}\r\n\r\n\/* Her case bir kart *\/\r\n.odc .g-item{\r\n  position:relative;\r\n  background:transparent;\r\n  display:flex;flex-direction:column;\r\n  cursor:pointer;\r\n}\r\n.odc .g-item img{\r\n  width:100%;height:auto;\r\n  display:block;\r\n  filter:brightness(.95) contrast(1.02);\r\n  transition:filter .5s ease,transform .7s cubic-bezier(.22,.61,.36,1);\r\n}\r\n.odc .g-item:hover img{\r\n  filter:brightness(1.08) contrast(1.05);\r\n}\r\n.odc .g-item:hover .g-frame{\r\n  transform:translateY(-6px);\r\n}\r\n\/* G\u00f6rsel frame \u2014 ince border + i\u00e7 g\u00f6lge ile foto\u011fraf kalitesi vurgulan\u0131r *\/\r\n.odc .g-frame{\r\n  position:relative;\r\n  overflow:hidden;\r\n  border:1px solid rgba(255,255,255,.07);\r\n  transition:transform .5s cubic-bezier(.22,.61,.36,1);\r\n}\r\n\/* \u00dcst-alt yumu\u015fak vinyet \u2014 sert kadraj kesimini gizler *\/\r\n.odc .g-frame::after{\r\n  content:'';\r\n  position:absolute;inset:0;\r\n  background:\r\n    linear-gradient(to bottom,\r\n      rgba(10,10,10,.25) 0%,\r\n      rgba(10,10,10,0)   12%,\r\n      rgba(10,10,10,0)   88%,\r\n      rgba(10,10,10,.18) 100%);\r\n  pointer-events:none;\r\n}\r\n\/* Case meta \u2014 g\u00f6rsel alt\u0131nda k\u00fc\u00e7\u00fck etiket *\/\r\n.odc .g-meta{\r\n  display:flex;align-items:center;justify-content:space-between;\r\n  padding:18px 4px 0;\r\n  border-top:1px solid rgba(255,255,255,.08);\r\n  margin-top:0;\r\n}\r\n.odc .g-frame + .g-meta{\r\n  border-top:none;\r\n  margin-top:16px;\r\n  padding-top:0;\r\n}\r\n.odc .g-num{\r\n  font-family:'Cormorant Garamond',serif;\r\n  font-size:14px;font-style:italic;font-weight:400;\r\n  color:rgba(255,255,255,.35);\r\n  letter-spacing:.05em;\r\n}\r\n.odc .g-name{\r\n  font-family:'Jost',sans-serif;\r\n  font-size:10px;font-weight:600;\r\n  letter-spacing:3px;text-transform:uppercase;\r\n  color:rgba(255,255,255,.78);\r\n}\r\n\/* Alt CTA \u2014 galeri sonunda k\u00fc\u00e7\u00fck bir invitation *\/\r\n.odc .g-foot{\r\n  text-align:center;\r\n  margin-top:64px;\r\n  padding:0 40px;\r\n}\r\n.odc .g-foot a{\r\n  display:inline-flex;align-items:center;gap:14px;\r\n  font-family:'Jost',sans-serif;\r\n  font-size:10px;font-weight:600;\r\n  letter-spacing:4px;text-transform:uppercase;\r\n  color:rgba(255,255,255,.6);\r\n  padding-bottom:6px;\r\n  border-bottom:1px solid rgba(255,255,255,.2);\r\n  transition:color .3s,border-color .3s;\r\n}\r\n.odc .g-foot a:hover{\r\n  color:var(--white);\r\n  border-bottom-color:var(--white);\r\n}\r\n.odc .g-foot a::after{\r\n  content:'\u2192';font-size:14px;letter-spacing:0;\r\n}\r\n\r\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\r\n   ACCESS \u2014 Why OD Clinic\r\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 *\/\r\n.odc .access{background:var(--fog);padding:120px 0}\r\n.odc .ac-grid{\r\n  display:grid;grid-template-columns:1fr 1fr;\r\n  gap:96px;align-items:center;\r\n}\r\n.odc .ac-desc{\r\n  font-size:15px;font-weight:300;color:#585858;\r\n  line-height:1.9;margin:18px 0 40px;\r\n}\r\n.odc .ac-items{list-style:none}\r\n.odc .ac-item{\r\n  display:flex;align-items:flex-start;gap:22px;\r\n  padding:22px 0;border-bottom:1px solid var(--pale);\r\n}\r\n.odc .ac-item:first-child{border-top:1px solid var(--pale)}\r\n.odc .ac-no{\r\n  font-family:'Cormorant Garamond',serif;\r\n  font-size:40px;font-weight:700;\r\n  color:rgba(10,10,10,.09);\r\n  line-height:1;flex-shrink:0;width:50px;margin-top:-4px;\r\n}\r\n.odc .ac-tx h4{font-size:15px;font-weight:600;color:var(--ink);margin-bottom:3px}\r\n.odc .ac-tx p{font-size:13px;font-weight:300;color:var(--mid);line-height:1.7}\r\n.odc .ac-vis{position:relative}\r\n.odc .ac-main{width:100%;height:560px;object-fit:cover;display:block}\r\n\r\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\r\n   REEL \u2014 full-width cinematic video\r\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 *\/\r\n.odc .reel{\r\n  position:relative;\r\n  margin-left:calc((100% - 100vw) \/ 2);\r\n  margin-right:calc((100% - 100vw) \/ 2);\r\n  width:100vw;\r\n  max-width:100vw;\r\n  height:80vh;min-height:560px;max-height:820px;\r\n  overflow:hidden;\r\n  background:var(--ink);\r\n}\r\n.odc .reel-vid{\r\n  position:absolute;inset:0;\r\n  width:100%;height:100%;\r\n  object-fit:cover;object-position:center;\r\n  opacity:.78;display:block;\r\n}\r\n.odc .reel::before{\r\n  content:'';position:absolute;inset:0;z-index:1;\r\n  background:\r\n    linear-gradient(to top,    rgba(10,10,10,.85) 0%, rgba(10,10,10,.15) 45%, rgba(10,10,10,0) 70%),\r\n    linear-gradient(to bottom, rgba(10,10,10,.45) 0%, rgba(10,10,10,0)   30%);\r\n}\r\n.odc .reel-body{\r\n  position:absolute;left:0;bottom:0;z-index:3;\r\n  padding:0 52px 64px;\r\n  max-width:760px;\r\n}\r\n.odc .reel-tag{\r\n  display:block;\r\n  font-family:'Jost',sans-serif;\r\n  font-size:10px;font-weight:600;\r\n  letter-spacing:5px;text-transform:uppercase;\r\n  color:rgba(255,255,255,.55);margin-bottom:18px;\r\n}\r\n.odc .reel-h{\r\n  font-family:'Cormorant Garamond',serif;\r\n  font-size:clamp(40px,5.5vw,76px);\r\n  font-weight:700;line-height:.98;\r\n  letter-spacing:-0.025em;\r\n  color:var(--white);\r\n}\r\n.odc .reel-h em{font-style:italic;font-weight:300}\r\n.odc .reel-rule{\r\n  width:48px;height:1px;\r\n  background:rgba(255,255,255,.5);\r\n  margin:22px 0 0;\r\n}\r\n\/* Sa\u011f-\u00fcst k\u00f6\u015fe etiketi \u2014 hero ile diyalog *\/\r\n.odc .reel-corner{\r\n  position:absolute;top:32px;right:52px;z-index:3;\r\n  font-family:'Jost',sans-serif;\r\n  font-size:9px;font-weight:600;\r\n  letter-spacing:5px;text-transform:uppercase;\r\n  color:rgba(255,255,255,.5);\r\n  display:flex;align-items:center;gap:14px;\r\n}\r\n.odc .reel-corner::before{\r\n  content:'';width:34px;height:1px;background:rgba(255,255,255,.3);\r\n}\r\n\r\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\r\n   CTA\r\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 *\/\r\n.odc .cta{\r\n  background:var(--ink);padding:130px 0;\r\n  text-align:center;\r\n}\r\n.odc .cta .eyebrow{color:rgba(255,255,255,.35)}\r\n.odc .cta-h{\r\n  font-family:'Cormorant Garamond',serif;\r\n  font-size:clamp(36px,5vw,68px);\r\n  font-weight:700;line-height:1.05;\r\n  letter-spacing:-0.025em;\r\n  color:var(--white);margin-bottom:22px;\r\n}\r\n.odc .cta-h em{font-style:italic;font-weight:300}\r\n.odc .cta-p{\r\n  font-size:16px;font-weight:300;color:rgba(255,255,255,.55);\r\n  max-width:540px;margin:0 auto 50px;line-height:1.85;\r\n}\r\n.odc .cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}\r\n\r\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   RESPONSIVE \u2014 6 k\u0131r\u0131l\u0131m noktal\u0131 sistem\r\n   1440  \u2192 Large Desktop      (max-width container)\r\n   1280  \u2192 Standard Desktop\r\n   1100  \u2192 Laptop\r\n   900   \u2192 Tablet (landscape)\r\n   640   \u2192 Tablet Portrait \/ Mobile\r\n   400   \u2192 Small Mobile\r\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n\/* \u2500\u2500 1. LARGE DESKTOP (max-width: 1440px) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n@media(max-width:1440px){\r\n  .odc .w{padding:0 60px}\r\n  .odc .hero-body{padding:0 60px 56px}\r\n  .odc .hero-corner{right:60px}\r\n  .odc .hero-meta{right:60px}\r\n  .odc .reel-body{padding:0 60px 60px}\r\n  .odc .reel-corner{right:60px}\r\n  .odc .g-top{padding:0 60px 64px}\r\n  .odc .g-grid{padding:0 60px;gap:16px}\r\n}\r\n\r\n\/* \u2500\u2500 2. STANDARD DESKTOP (max-width: 1280px) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n@media(max-width:1280px){\r\n  .odc .w{padding:0 48px}\r\n  .odc .hero{height:58vh;min-height:460px}\r\n  .odc .hero-body{padding:0 48px 52px}\r\n  .odc .hero-corner{top:28px;right:48px}\r\n  .odc .hero-meta{right:48px;bottom:52px}\r\n  .odc .hero-h1{font-size:clamp(48px,7vw,88px)}\r\n\r\n  .odc .pt{padding:84px 60px}\r\n  .odc .pi-vid{padding:44px}\r\n\r\n  .odc .ind{padding:96px 0}\r\n\r\n  .odc .gallery{padding:104px 0}\r\n  .odc .g-top{padding:0 48px 60px}\r\n  .odc .g-grid{padding:0 48px;gap:15px}\r\n\r\n  .odc .access{padding:104px 0}\r\n  .odc .ac-grid{gap:72px}\r\n  .odc .ac-main{height:520px}\r\n\r\n  .odc .reel{height:75vh}\r\n  .odc .reel-body{padding:0 48px 56px}\r\n  .odc .reel-corner{top:28px;right:48px}\r\n\r\n  .odc .cta{padding:112px 0}\r\n}\r\n\r\n\/* \u2500\u2500 3. LAPTOP (max-width: 1100px) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n@media(max-width:1100px){\r\n  .odc .w{padding:0 36px}\r\n\r\n  \/* Hero \u2014 boyut & metin k\u00fc\u00e7\u00fcl\u00fcr, asimetri korunur *\/\r\n  .odc .hero{height:56vh;min-height:440px}\r\n  .odc .hero-body{padding:0 36px 44px;max-width:88%}\r\n  .odc .hero-h1{font-size:clamp(42px,6.8vw,72px)}\r\n  .odc .hero-tag{font-size:9px;letter-spacing:4.5px;margin-bottom:16px}\r\n  .odc .hero-rule{width:40px;margin-top:20px}\r\n  .odc .hero-corner{top:24px;right:36px;font-size:8.5px;letter-spacing:4px}\r\n  .odc .hero-corner::before{width:26px}\r\n  .odc .hero-meta{right:36px;bottom:44px;max-width:200px}\r\n  .odc .hero-meta-l{font-size:8.5px;letter-spacing:3.5px}\r\n  .odc .hero-meta-v{font-size:18px}\r\n\r\n  \/* Process \u2014 split \u2192 stacked, simetri korunur *\/\r\n  .odc .ps{grid-template-columns:1fr;min-height:auto}\r\n  .odc .ps:nth-child(even) .pt{order:1}\r\n  .odc .ps:nth-child(even) .pi{order:2}\r\n  .odc .pt{padding:64px 44px}\r\n  .odc .pi{min-height:400px}\r\n  .odc .pi-vid{padding:40px}\r\n  .odc .p-no{font-size:110px;margin-bottom:-16px}\r\n  .odc .p-title{font-size:clamp(32px,4.5vw,42px)}\r\n\r\n  \/* Indications \u2014 5 \u2192 3 s\u00fctun *\/\r\n  .odc .ind{padding:88px 0}\r\n  .odc .ind-top{margin-bottom:48px}\r\n  .odc .ind-grid{grid-template-columns:repeat(3,1fr);gap:2px}\r\n  .odc .ind-grid-3{grid-template-columns:repeat(3,1fr)}\r\n  .odc .ind-card-body{padding:28px 22px 32px}\r\n\r\n  \/* Gallery \u2014 5 \u2192 3 s\u00fctun *\/\r\n  .odc .gallery{padding:88px 0}\r\n  .odc .g-top{padding:0 36px 56px}\r\n  .odc .g-grid{\r\n    grid-template-columns:repeat(3,1fr);\r\n    gap:14px;\r\n    padding:0 36px;\r\n  }\r\n  .odc .g-foot{margin-top:48px}\r\n\r\n  \/* Access \u2014 split \u2192 stacked *\/\r\n  .odc .access{padding:88px 0}\r\n  .odc .ac-grid{grid-template-columns:1fr;gap:56px}\r\n  .odc .ac-main{height:460px}\r\n\r\n  \/* Reel *\/\r\n  .odc .reel{height:62vh;min-height:480px}\r\n  .odc .reel-body{padding:0 36px 48px;max-width:88%}\r\n  .odc .reel-h{font-size:clamp(36px,6vw,60px)}\r\n  .odc .reel-corner{top:24px;right:36px;font-size:8.5px;letter-spacing:4px}\r\n  .odc .reel-corner::before{width:26px}\r\n\r\n  \/* CTA *\/\r\n  .odc .cta{padding:96px 0}\r\n  .odc .cta-h{font-size:clamp(34px,5.5vw,58px)}\r\n}\r\n\r\n\/* \u2500\u2500 4. TABLET LANDSCAPE (max-width: 900px) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n@media(max-width:900px){\r\n  .odc .w{padding:0 28px}\r\n\r\n  \/* Hero *\/\r\n  .odc .hero{height:60vh;min-height:440px}\r\n  .odc .hero-body{padding:0 28px 38px;max-width:100%}\r\n  .odc .hero-h1{font-size:clamp(40px,9vw,64px)}\r\n  .odc .hero-tag{font-size:9px;letter-spacing:4px;margin-bottom:14px}\r\n  .odc .hero-corner{top:20px;right:28px;font-size:8px;letter-spacing:3.5px}\r\n  .odc .hero-corner::before{width:22px}\r\n  .odc .hero-meta{right:28px;bottom:38px;max-width:170px}\r\n  .odc .hero-meta-v{font-size:16px}\r\n\r\n  \/* Process *\/\r\n  .odc .pt{padding:52px 32px}\r\n  .odc .pi{min-height:360px}\r\n  .odc .pi-vid{padding:32px}\r\n  .odc .p-no{font-size:96px}\r\n\r\n  \/* Indications *\/\r\n  .odc .ind{padding:72px 0}\r\n  .odc .ind-grid{grid-template-columns:repeat(2,1fr);gap:2px}\r\n  .odc .ind-grid-3{grid-template-columns:repeat(2,1fr)}\r\n\r\n  \/* Gallery \u2014 3 \u2192 2 s\u00fctun, biraz daha geni\u015f gap *\/\r\n  .odc .gallery{padding:80px 0}\r\n  .odc .g-top{padding:0 28px 48px}\r\n  .odc .g-grid{\r\n    grid-template-columns:repeat(2,1fr);\r\n    gap:14px;\r\n    padding:0 28px;\r\n  }\r\n\r\n  \/* Access *\/\r\n  .odc .access{padding:72px 0}\r\n  .odc .ac-grid{gap:44px}\r\n  .odc .ac-main{height:400px}\r\n\r\n  \/* Reel *\/\r\n  .odc .reel{height:58vh;min-height:440px}\r\n  .odc .reel-body{padding:0 28px 40px}\r\n  .odc .reel-h{font-size:clamp(34px,7vw,52px)}\r\n  .odc .reel-corner{top:20px;right:28px;font-size:8px;letter-spacing:3.5px}\r\n  .odc .reel-corner::before{width:22px}\r\n\r\n  \/* CTA *\/\r\n  .odc .cta{padding:80px 0}\r\n  .odc .cta-h{font-size:clamp(32px,6vw,48px)}\r\n}\r\n\r\n\/* \u2500\u2500 5. MOBILE (max-width: 640px) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n@media(max-width:640px){\r\n  .odc .w{padding:0 22px}\r\n\r\n  \/* Marquee *\/\r\n  .odc .strip{padding:13px 0}\r\n  .odc .s-track span{font-size:13px;padding:0 26px}\r\n\r\n  \/* Hero \u2014 mobil i\u00e7in optimize edilmi\u015f asimetrik d\u00fczen *\/\r\n  .odc .hero{height:64vh;min-height:460px;max-height:580px}\r\n  .odc .hero-body{padding:0 22px 32px;max-width:100%}\r\n  .odc .hero-h1{\r\n    font-size:clamp(42px,12vw,64px);\r\n    line-height:.92;\r\n    letter-spacing:-0.025em;\r\n  }\r\n  .odc .hero-tag{\r\n    font-size:9px;letter-spacing:3.5px;margin-bottom:14px;\r\n    color:rgba(255,255,255,.6);\r\n  }\r\n  .odc .hero-rule{width:32px;margin-top:18px;height:1px}\r\n  .odc .hero-corner{\r\n    top:16px;right:22px;\r\n    font-size:8px;letter-spacing:3px;gap:10px;\r\n  }\r\n  .odc .hero-corner::before{width:18px}\r\n  \/* Mobilde sa\u011f-alt meta gizlenir \u2014 kalabal\u0131k olmas\u0131n *\/\r\n  .odc .hero-meta{display:none}\r\n\r\n  \/* Process \u2014 vertical ak\u0131\u015f, mobilde GIF her zaman yaz\u0131n\u0131n \u00dcST\u00dcNDE\r\n     ve gif ile yaz\u0131 tek bir blok gibi akacak \u2014 aralar\u0131nda kopukluk yok *\/\r\n  .odc .ps{display:flex;flex-direction:column;background:var(--fog)}\r\n  .odc .ps .pt{order:2!important}\r\n  .odc .ps .pi{order:1!important}\r\n  \/* Yaz\u0131 \u00fcstten daha az padding \u2014 gif'le ba\u011flant\u0131l\u0131 g\u00f6r\u00fcns\u00fcn *\/\r\n  .odc .pt{padding:8px 22px 52px;text-align:left;background:transparent}\r\n  .odc .pi:not(.pi-vid){min-height:300px}\r\n  \/* Pi-vid mobilde: zemin yaz\u0131yla ayn\u0131, alt padding s\u0131f\u0131r \u2014 yaz\u0131ya yap\u0131\u015fs\u0131n *\/\r\n  .odc .pi-vid{\r\n    padding:36px 22px 0;\r\n    min-height:0!important;\r\n    height:auto!important;\r\n    background:transparent!important;\r\n  }\r\n  .odc .pi-vid video,\r\n  .odc .pi-vid .step-vid{\r\n    height:auto;\r\n    max-height:50vh;\r\n  }\r\n  .odc .p-no{font-size:80px;margin-bottom:-12px}\r\n  .odc .p-tag{font-size:8.5px;letter-spacing:4px}\r\n  .odc .p-title{font-size:clamp(28px,7vw,36px)}\r\n  .odc .p-desc{font-size:14px;line-height:1.85;margin-bottom:16px}\r\n  .odc .p-list li{font-size:13px;padding:14px 0;gap:16px}\r\n  .odc .p-list li strong{font-size:12px}\r\n\r\n  \/* Indications \u2014 2 s\u00fctun *\/\r\n  .odc .ind{padding:64px 0}\r\n  .odc .ind-top{margin-bottom:36px;max-width:100%}\r\n  .odc .ind-top .dp{font-size:clamp(28px,7vw,38px)}\r\n  .odc .ind-intro{font-size:14px;margin-top:14px}\r\n  .odc .ind-grid{grid-template-columns:1fr 1fr;gap:2px}\r\n  .odc .ind-card-body{padding:22px 16px 26px}\r\n  .odc .ind-card-tag{font-size:8.5px;letter-spacing:2.5px;margin-bottom:10px}\r\n  .odc .ind-card h4{font-size:18px;margin-bottom:10px}\r\n  .odc .ind-card p{font-size:11.5px;line-height:1.7}\r\n\r\n  \/* Gallery \u2014 2 s\u00fctun, optimize *\/\r\n  .odc .gallery{padding:64px 0}\r\n  .odc .g-top{padding:0 22px 40px;max-width:100%}\r\n  .odc .g-top .dp{font-size:clamp(28px,7vw,36px)}\r\n  .odc .g-sub{font-size:13px;margin-top:16px;line-height:1.75}\r\n  .odc .g-grid{\r\n    grid-template-columns:1fr 1fr;\r\n    gap:10px;\r\n    padding:0 22px;\r\n  }\r\n  .odc .g-meta{\r\n    padding:0;\r\n    margin-top:12px;\r\n    flex-direction:column;\r\n    align-items:flex-start;\r\n    gap:4px;\r\n  }\r\n  .odc .g-num{font-size:13px}\r\n  .odc .g-name{font-size:9px;letter-spacing:2.5px}\r\n  .odc .g-foot{margin-top:36px}\r\n  .odc .g-foot a{font-size:9.5px;letter-spacing:3.5px}\r\n  \/* Mobilde son \u00f6\u011feyi gizle, temiz 2x2 grid kals\u0131n *\/\r\n  .odc .g-item:last-of-type{display:none}\r\n\r\n  \/* Access \u2014 stacked *\/\r\n  .odc .access{padding:64px 0}\r\n  .odc .ac-grid{gap:40px}\r\n  .odc .ac-desc{font-size:14px;margin:14px 0 32px}\r\n  .odc .ac-items{margin:0}\r\n  .odc .ac-item{padding:18px 0;gap:18px}\r\n  .odc .ac-no{font-size:32px;width:42px}\r\n  .odc .ac-tx h4{font-size:14px;margin-bottom:4px}\r\n  .odc .ac-tx p{font-size:12.5px}\r\n  .odc .ac-main{height:380px;object-position:center top}\r\n\r\n  \/* Reel *\/\r\n  .odc .reel{height:60vh;min-height:420px;max-height:560px}\r\n  .odc .reel-body{padding:0 22px 32px}\r\n  .odc .reel-tag{font-size:9px;letter-spacing:3.5px;margin-bottom:14px}\r\n  .odc .reel-h{font-size:clamp(34px,10vw,54px);line-height:.95}\r\n  .odc .reel-rule{width:32px;margin-top:18px}\r\n  .odc .reel-corner{\r\n    top:16px;right:22px;\r\n    font-size:8px;letter-spacing:3px;gap:10px;\r\n  }\r\n  .odc .reel-corner::before{width:18px}\r\n\r\n  \/* CTA *\/\r\n  .odc .cta{padding:72px 0}\r\n  .odc .cta-h{font-size:clamp(28px,8vw,42px);margin-bottom:18px}\r\n  .odc .cta-p{font-size:14px;margin-bottom:36px;padding:0 22px}\r\n  .odc .cta-btns{flex-direction:column;align-items:stretch;padding:0 22px;gap:10px}\r\n  .odc .cta-btns .btn-w,\r\n  .odc .cta-btns .btn-ol{width:100%;text-align:center;padding:15px 24px;font-size:9.5px}\r\n}\r\n\r\n\/* \u2500\u2500 6. SMALL MOBILE (max-width: 400px) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n@media(max-width:400px){\r\n  .odc .w{padding:0 18px}\r\n\r\n  \/* Hero *\/\r\n  .odc .hero{height:62vh;min-height:420px}\r\n  .odc .hero-body{padding:0 18px 26px}\r\n  .odc .hero-h1{font-size:clamp(36px,13vw,52px)}\r\n  .odc .hero-tag{font-size:8.5px;letter-spacing:3px;margin-bottom:12px}\r\n  .odc .hero-rule{width:26px;margin-top:14px}\r\n  .odc .hero-corner{\r\n    top:14px;right:18px;\r\n    font-size:7.5px;letter-spacing:2.5px;gap:8px;\r\n  }\r\n  .odc .hero-corner::before{width:14px}\r\n\r\n  \/* Process \u2014 GIF \u00fcstte garanti, tek b\u00fct\u00fcn ak\u0131\u015f *\/\r\n  .odc .ps{display:flex;flex-direction:column;background:var(--fog)}\r\n  .odc .ps .pt{order:2!important}\r\n  .odc .ps .pi{order:1!important}\r\n  .odc .pt{padding:6px 18px 44px;background:transparent}\r\n  .odc .pi:not(.pi-vid){min-height:260px}\r\n  .odc .pi-vid{\r\n    padding:28px 18px 0;\r\n    min-height:0!important;\r\n    height:auto!important;\r\n    background:transparent!important;\r\n  }\r\n  .odc .pi-vid video,\r\n  .odc .pi-vid .step-vid{\r\n    height:auto;\r\n    max-height:45vh;\r\n  }\r\n  .odc .pi-vid video,\r\n  .odc .pi-vid .step-vid{\r\n    height:auto;\r\n    max-height:55vh;\r\n  }\r\n  .odc .p-no{font-size:66px}\r\n  .odc .p-title{font-size:clamp(24px,8vw,32px)}\r\n\r\n  \/* Indications \u2014 tek s\u00fctun *\/\r\n  .odc .ind{padding:56px 0}\r\n  .odc .ind-grid{grid-template-columns:1fr;gap:2px}\r\n  .odc .ind-grid-3{grid-template-columns:1fr}\r\n  .odc .ind-card-body{padding:24px 20px 28px}\r\n\r\n  \/* Gallery \u2014 tek s\u00fctun (t\u00fcm 5 case g\u00f6r\u00fcn\u00fcr, geni\u015f) *\/\r\n  .odc .gallery{padding:56px 0}\r\n  .odc .g-top{padding:0 18px 32px}\r\n  .odc .g-grid{\r\n    grid-template-columns:1fr;\r\n    gap:24px;\r\n    padding:0 18px;\r\n  }\r\n  .odc .g-item:last-of-type{display:flex}\r\n  .odc .g-meta{flex-direction:row;align-items:center;justify-content:space-between;gap:0}\r\n  .odc .g-foot{margin-top:32px}\r\n\r\n  \/* Access *\/\r\n  .odc .ac-main{height:300px}\r\n  .odc .ac-item{padding:16px 0;gap:14px}\r\n  .odc .ac-no{font-size:28px;width:36px}\r\n\r\n  \/* Reel *\/\r\n  .odc .reel{height:55vh;min-height:380px}\r\n  .odc .reel-body{padding:0 18px 26px}\r\n  .odc .reel-h{font-size:clamp(30px,11vw,46px)}\r\n  .odc .reel-rule{width:26px;margin-top:14px}\r\n  .odc .reel-corner{\r\n    top:14px;right:18px;\r\n    font-size:7.5px;letter-spacing:2.5px;gap:8px;\r\n  }\r\n  .odc .reel-corner::before{width:14px}\r\n\r\n  \/* CTA *\/\r\n  .odc .cta{padding:60px 0}\r\n  .odc .cta-h{font-size:clamp(26px,8.5vw,38px)}\r\n  .odc .cta-p{font-size:13px;padding:0 18px}\r\n}\r\n\r\n\/* \u2500\u2500 GLOBAL IMG FIX \u2500\u2500 *\/\r\n.odc img { max-width: 100%; height: auto; }\r\n<\/style>\r\n\r\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\r\n   CONTENT\r\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 -->\r\n<div class=\"odc\">\r\n\r\n  <!-- MARQUEE -->\r\n  <div class=\"strip\" aria-hidden=\"true\">\r\n    <div class=\"s-track\">\r\n      <span><b>Sincere Care<\/b><\/span><span>\u00b7<\/span>\r\n      <span><b>International Standards<\/b><\/span><span>\u00b7<\/span>\r\n      <span><b>Expert Team<\/b><\/span><span>\u00b7<\/span>\r\n      <span><b>Digital-First<\/b><\/span><span>\u00b7<\/span>\r\n      <span><b>Honest Approach<\/b><\/span><span>\u00b7<\/span>\r\n      <span><b>Patient-Centered<\/b><\/span><span>\u00b7<\/span>\r\n      <span><b>FDA-Approved Materials<\/b><\/span><span>\u00b7<\/span>\r\n      <span><b>Multilingual Team<\/b><\/span><span>\u00b7<\/span>\r\n      <span><b>Sincere Care<\/b><\/span><span>\u00b7<\/span>\r\n      <span><b>International Standards<\/b><\/span><span>\u00b7<\/span>\r\n      <span><b>Expert Team<\/b><\/span><span>\u00b7<\/span>\r\n      <span><b>Digital-First<\/b><\/span><span>\u00b7<\/span>\r\n      <span><b>Honest Approach<\/b><\/span><span>\u00b7<\/span>\r\n      <span><b>Patient-Centered<\/b><\/span><span>\u00b7<\/span>\r\n      <span><b>FDA-Approved Materials<\/b><\/span><span>\u00b7<\/span>\r\n      <span><b>Multilingual Team<\/b><\/span><span>\u00b7<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- PROCESS \/ SPLITS -->\r\n  <section class=\"proc\">\r\n\r\n    <!-- 01 \u2014 Loving Your Smile is Simple -->\r\n    <div class=\"ps\">\r\n      <div class=\"pt rv\">\r\n        <span class=\"p-no\">01<\/span>\r\n        <span class=\"p-tag\">Our Philosophy<\/span>\r\n        <h3 class=\"dp p-title\">Loving Your Smile<br\/><em>Is Simple<\/em><\/h3>\r\n        <div class=\"rule\"><\/div>\r\n        <p class=\"p-desc\">This is OD Clinic. And here, we don't just offer dental treatments \u2014 <strong>we make it possible for people to love their smiles<\/strong> through a sincere, simple, and people-centered approach.<\/p>\r\n        <p class=\"p-desc\"><em>But is that really possible?<\/em> If you truly love what you do, if you've spent years deepening your knowledge in one field, and if you combine that knowledge with responsibility, effort, patience, courage and vision \u2014 <strong>then yes, it is absolutely possible<\/strong>.<\/p>\r\n        <p class=\"p-desc\">At OD Clinic, every material, device, and technique we use meets <strong>international standards<\/strong>. We offer an environment that is sterile yet calming, professional yet warm \u2014 because peace of mind is essential for everyone who walks through our doors.<\/p>\r\n        <p class=\"p-desc\">Still, expertise and technology alone are no longer enough. Clear communication, honesty, empathy, and transparency are powerful psychological factors that make treatment easier and more <strong>deeply human<\/strong>.<\/p>\r\n        <ul class=\"p-list\">\r\n          <li><div><strong>Truly Simple<\/strong>Every step of your journey designed with clarity and care<\/div><\/li>\r\n          <li><div><strong>Truly Comfortable<\/strong>An environment that is sterile yet calming, professional yet warm<\/div><\/li>\r\n          <li><div><strong>Truly Honest<\/strong>Clear communication, empathy, and transparency at every stage<\/div><\/li>\r\n        <\/ul>\r\n      <\/div>\r\n      <div class=\"pi\">\r\n        <img decoding=\"async\" src=\"https:\/\/odclinic.com\/wp-content\/uploads\/2026\/04\/DSC09892.jpg\" alt=\"Dr. Orhan Deniz \u2014 OD Clinic Alanya\"\/>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- 02 \u2014 Listening, Understanding, Deciding Together -->\r\n    <div class=\"ps\">\r\n      <div class=\"pi\">\r\n        <img decoding=\"async\" src=\"https:\/\/odclinic.com\/wp-content\/uploads\/2026\/04\/DSC09956.jpg\" alt=\"OD Clinic Patient Care\"\/>\r\n      <\/div>\r\n      <div class=\"pt rv\">\r\n        <span class=\"p-no\">02<\/span>\r\n        <span class=\"p-tag\">Our Approach<\/span>\r\n        <h3 class=\"dp p-title\">Decisions Made<br\/><em>Together<\/em><\/h3>\r\n        <div class=\"rule\"><\/div>\r\n        <p class=\"p-desc\"><strong>Listening to our patients, understanding their needs, and making decisions together<\/strong> \u2014 these are what turn treatment into something not only effective, but also deeply human.<\/p>\r\n        <p class=\"p-desc\">We don't just work with love. We combine it with <strong>knowledge, experience, and a deep commitment to growth<\/strong>. We accelerate our processes through technology, minimise error, and continuously strive to offer our patients something better, every single day.<\/p>\r\n        <p class=\"p-desc\">And yes \u2014 being in Alanya makes everything even more seamless. With its sun, sea, nature, and accessibility, this city transforms dental care into a <strong>relaxing experience<\/strong> \u2014 a space to pause and breathe.<\/p>\r\n        <ul class=\"p-list\">\r\n          <li><div><strong>Sincere Conversation<\/strong>We listen first \u2014 your story shapes the plan, not a template<\/div><\/li>\r\n          <li><div><strong>Continuous Growth<\/strong>Constant learning, refining, and seeking better outcomes<\/div><\/li>\r\n          <li><div><strong>Mediterranean Calm<\/strong>A setting that turns clinical visits into something restorative<\/div><\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n  <!-- VALUES (was indications) -->\r\n  <section class=\"ind\" id=\"odc-values\">\r\n    <div class=\"w\">\r\n      <div class=\"ind-top rv\">\r\n        <span class=\"eyebrow\">What We Stand For<\/span>\r\n        <h2 class=\"dp\">The Values That<br\/><em>Shape Every Smile<\/em><\/h2>\r\n        <div class=\"rule\"><\/div>\r\n        <p class=\"ind-intro\">We don't just work with love \u2014 we combine it with knowledge, experience, and a deep commitment to growth. Every day, we strive to offer our patients something better.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"ind-grid\">\r\n        <div class=\"ind-card rv\">\r\n          <div class=\"ind-card-media ind-card-media-icon\">\r\n            <svg viewBox=\"0 0 240 240\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-label=\"Sincere care illustration\">\r\n              <g fill=\"none\" stroke=\"#0a0a0a\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <!-- Two hands holding a heart -->\r\n                <path d=\"M 120 145 C 120 130, 100 120, 88 130 C 76 142, 82 165, 120 195 C 158 165, 164 142, 152 130 C 140 120, 120 130, 120 145 Z\" fill=\"#0a0a0a\" stroke=\"none\"\/>\r\n                <!-- Hand left -->\r\n                <path d=\"M 30 175 C 30 160, 40 155, 50 158 L 60 162 L 70 165 C 78 167, 85 173, 88 180 L 95 195 L 85 210 L 50 210 C 38 210, 30 200, 30 188 Z\" fill=\"#fff\"\/>\r\n                <!-- Hand right -->\r\n                <path d=\"M 210 175 C 210 160, 200 155, 190 158 L 180 162 L 170 165 C 162 167, 155 173, 152 180 L 145 195 L 155 210 L 190 210 C 202 210, 210 200, 210 188 Z\" fill=\"#fff\"\/>\r\n                <!-- Sparkle above heart -->\r\n                <g stroke-width=\"2\">\r\n                  <path d=\"M 120 80 L 120 65 M 110 72.5 L 130 72.5\"\/>\r\n                <\/g>\r\n              <\/g>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"ind-card-body\">\r\n            <span class=\"ind-card-tag\">Sincere<\/span>\r\n            <h4>People First<\/h4>\r\n            <p>We listen, we understand, and we make decisions together with our patients.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ind-card rv t1\">\r\n          <div class=\"ind-card-media ind-card-media-icon\">\r\n            <svg viewBox=\"0 0 240 240\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-label=\"Excellence illustration\">\r\n              <g fill=\"none\" stroke=\"#0a0a0a\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <!-- Award \/ medal -->\r\n                <circle cx=\"120\" cy=\"105\" r=\"48\"\/>\r\n                <circle cx=\"120\" cy=\"105\" r=\"36\"\/>\r\n                <!-- Star inside -->\r\n                <path d=\"M 120 80 L 127 98 L 145 100 L 132 113 L 136 130 L 120 121 L 104 130 L 108 113 L 95 100 L 113 98 Z\" fill=\"#0a0a0a\" stroke=\"none\"\/>\r\n                <!-- Ribbons -->\r\n                <path d=\"M 88 145 L 70 200 L 95 188 L 108 215 L 120 165\" stroke-width=\"2.5\"\/>\r\n                <path d=\"M 152 145 L 170 200 L 145 188 L 132 215 L 120 165\" stroke-width=\"2.5\"\/>\r\n              <\/g>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"ind-card-body\">\r\n            <span class=\"ind-card-tag\">Excellence<\/span>\r\n            <h4>Expert Standards<\/h4>\r\n            <p>FDA-approved materials, CE-certified equipment, internationally trained team.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ind-card rv t2\">\r\n          <div class=\"ind-card-media ind-card-media-icon\">\r\n            <svg viewBox=\"0 0 240 240\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-label=\"Honest approach illustration\">\r\n              <g fill=\"none\" stroke=\"#0a0a0a\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <!-- Balance scale -->\r\n                <!-- Central pole -->\r\n                <line x1=\"120\" y1=\"50\" x2=\"120\" y2=\"195\"\/>\r\n                <!-- Base -->\r\n                <line x1=\"90\" y1=\"200\" x2=\"150\" y2=\"200\"\/>\r\n                <line x1=\"100\" y1=\"195\" x2=\"140\" y2=\"195\"\/>\r\n                <!-- Top point -->\r\n                <circle cx=\"120\" cy=\"50\" r=\"5\" fill=\"#0a0a0a\" stroke=\"none\"\/>\r\n                <!-- Horizontal beam -->\r\n                <line x1=\"50\" y1=\"80\" x2=\"190\" y2=\"80\"\/>\r\n                <!-- Left chains -->\r\n                <line x1=\"60\" y1=\"80\" x2=\"60\" y2=\"120\"\/>\r\n                <line x1=\"180\" y1=\"80\" x2=\"180\" y2=\"120\"\/>\r\n                <!-- Left plate -->\r\n                <path d=\"M 35 120 Q 60 135, 85 120\" stroke-width=\"2.5\"\/>\r\n                <!-- Right plate -->\r\n                <path d=\"M 155 120 Q 180 135, 205 120\" stroke-width=\"2.5\"\/>\r\n                <!-- Hearts inside plates -->\r\n                <path d=\"M 60 105 C 60 100, 55 97, 52 100 C 49 103, 51 109, 60 117 C 69 109, 71 103, 68 100 C 65 97, 60 100, 60 105 Z\" fill=\"#0a0a0a\" stroke=\"none\"\/>\r\n                <path d=\"M 180 105 C 180 100, 175 97, 172 100 C 169 103, 171 109, 180 117 C 189 109, 191 103, 188 100 C 185 97, 180 100, 180 105 Z\" fill=\"#0a0a0a\" stroke=\"none\"\/>\r\n              <\/g>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"ind-card-body\">\r\n            <span class=\"ind-card-tag\">Honest<\/span>\r\n            <h4>Transparent Pricing<\/h4>\r\n            <p>Clear, upfront treatment plans \u2014 no surprises, no hidden costs, ever.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ind-card rv t3\">\r\n          <div class=\"ind-card-media ind-card-media-icon\">\r\n            <svg viewBox=\"0 0 240 240\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-label=\"Digital first illustration\">\r\n              <g fill=\"none\" stroke=\"#0a0a0a\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <!-- Computer screen \/ monitor -->\r\n                <rect x=\"40\" y=\"50\" width=\"160\" height=\"110\" rx=\"6\"\/>\r\n                <!-- Stand -->\r\n                <line x1=\"100\" y1=\"160\" x2=\"100\" y2=\"180\"\/>\r\n                <line x1=\"140\" y1=\"160\" x2=\"140\" y2=\"180\"\/>\r\n                <line x1=\"80\" y1=\"180\" x2=\"160\" y2=\"180\"\/>\r\n                <!-- Tooth on screen -->\r\n                <path d=\"M 100 75 C 92 70, 84 75, 82 85 C 80 95, 84 105, 90 118 C 94 128, 100 135, 105 132 C 108 128, 110 120, 112 113 C 114 108, 118 105, 120 105 C 122 105, 126 108, 128 113 C 130 120, 132 128, 135 132 C 140 135, 146 128, 150 118 C 156 105, 160 95, 158 85 C 156 75, 148 70, 140 75 C 134 78, 126 78, 120 78 C 114 78, 106 78, 100 75 Z\" fill=\"#fff\" stroke-width=\"2\"\/>\r\n                <!-- Sparkle on screen -->\r\n                <g stroke-width=\"1.8\">\r\n                  <path d=\"M 60 70 L 60 60 M 55 65 L 65 65\"\/>\r\n                  <path d=\"M 180 145 L 180 137 M 176 141 L 184 141\"\/>\r\n                <\/g>\r\n              <\/g>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"ind-card-body\">\r\n            <span class=\"ind-card-tag\">Digital<\/span>\r\n            <h4>Smile Preview<\/h4>\r\n            <p>Digital smile design \u2014 see your new smile before treatment begins.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ind-card rv t4\">\r\n          <div class=\"ind-card-media ind-card-media-icon\">\r\n            <svg viewBox=\"0 0 240 240\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-label=\"Multilingual team illustration\">\r\n              <g fill=\"none\" stroke=\"#0a0a0a\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <!-- Speech bubble main -->\r\n                <path d=\"M 50 70 C 50 60, 58 52, 68 52 L 172 52 C 182 52, 190 60, 190 70 L 190 130 C 190 140, 182 148, 172 148 L 105 148 L 80 175 L 85 148 L 68 148 C 58 148, 50 140, 50 130 Z\"\/>\r\n                <!-- Language labels inside -->\r\n                <text x=\"78\" y=\"92\" font-family=\"Cormorant Garamond, serif\" font-size=\"20\" font-weight=\"600\" fill=\"#0a0a0a\" stroke=\"none\">EN<\/text>\r\n                <text x=\"120\" y=\"92\" font-family=\"Cormorant Garamond, serif\" font-size=\"20\" font-weight=\"600\" fill=\"#0a0a0a\" stroke=\"none\">RU<\/text>\r\n                <text x=\"160\" y=\"92\" font-family=\"Cormorant Garamond, serif\" font-size=\"20\" font-weight=\"600\" fill=\"#0a0a0a\" stroke=\"none\">AR<\/text>\r\n                <text x=\"100\" y=\"125\" font-family=\"Cormorant Garamond, serif\" font-size=\"20\" font-weight=\"600\" fill=\"#0a0a0a\" stroke=\"none\">TR<\/text>\r\n                <!-- Globe sparkle below -->\r\n                <g stroke-width=\"2\">\r\n                  <circle cx=\"180\" cy=\"195\" r=\"20\" fill=\"#fff\"\/>\r\n                  <ellipse cx=\"180\" cy=\"195\" rx=\"20\" ry=\"8\" stroke-width=\"1.5\"\/>\r\n                  <line x1=\"180\" y1=\"175\" x2=\"180\" y2=\"215\" stroke-width=\"1.5\"\/>\r\n                <\/g>\r\n              <\/g>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"ind-card-body\">\r\n            <span class=\"ind-card-tag\">Multilingual<\/span>\r\n            <h4>Speak Your Language<\/h4>\r\n            <p>Fluent in English, Russian, Arabic and Turkish \u2014 feel at home, in your words.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- FAQ \u2014 About OD Clinic -->\r\n  <section class=\"faq\">\r\n    <div class=\"w\">\r\n      <div class=\"faq-top rv\">\r\n        <span class=\"eyebrow\">Common Questions<\/span>\r\n        <h2 class=\"dp\">Frequently Asked<br\/><em>Questions<\/em><\/h2>\r\n        <div class=\"rule\"><\/div>\r\n      <\/div>\r\n      <div class=\"faq-list\">\r\n        <div class=\"faq-item\">\r\n          <button class=\"faq-q\" type=\"button\">\r\n            What languages does your team speak?\r\n            <span class=\"faq-icon\" aria-hidden=\"true\"><\/span>\r\n          <\/button>\r\n          <div class=\"faq-a\"><p>Our multilingual team is fluent in <strong>English, Russian, Arabic and Turkish<\/strong>. From your first message to your final visit, you'll always be able to communicate in your own language \u2014 making the entire experience comfortable and clear.<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"faq-item\">\r\n          <button class=\"faq-q\" type=\"button\">\r\n            Is the initial consultation really free?\r\n            <span class=\"faq-icon\" aria-hidden=\"true\"><\/span>\r\n          <\/button>\r\n          <div class=\"faq-a\"><p>Yes \u2014 your first consultation at OD Clinic is <strong>completely free<\/strong>. This includes a full oral assessment, digital X-rays, intraoral scans where needed, and a personalised treatment plan with transparent pricing. No hidden fees, no obligations.<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"faq-item\">\r\n          <button class=\"faq-q\" type=\"button\">\r\n            How do I plan a dental holiday in Alanya?\r\n            <span class=\"faq-icon\" aria-hidden=\"true\"><\/span>\r\n          <\/button>\r\n          <div class=\"faq-a\"><p>We help every step of the way. Once we agree on a treatment plan, our team assists with <strong>travel scheduling, accommodation recommendations, and airport transfers<\/strong>. Many patients combine treatment with a relaxing Mediterranean stay \u2014 Alanya has it all.<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"faq-item\">\r\n          <button class=\"faq-q\" type=\"button\">\r\n            Why are treatments more affordable in Turkey?\r\n            <span class=\"faq-icon\" aria-hidden=\"true\"><\/span>\r\n          <\/button>\r\n          <div class=\"faq-a\"><p>Lower operating costs and government support for international health tourism mean <strong>significantly lower prices \u2014 without compromising on quality<\/strong>. We use the same FDA-approved materials, CE-certified equipment and clinical protocols as top European clinics.<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"faq-item\">\r\n          <button class=\"faq-q\" type=\"button\">\r\n            How experienced is the OD Clinic team?\r\n            <span class=\"faq-icon\" aria-hidden=\"true\"><\/span>\r\n          <\/button>\r\n          <div class=\"faq-a\"><p>Led by <strong>Dr. Orhan Deniz<\/strong>, our team brings years of specialist training in orthodontics, implantology, cosmetic and pediatric dentistry. Every clinician is internationally certified and committed to ongoing professional development.<\/p><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ACCESS \u2014 Why OD Clinic -->\r\n  <section class=\"access\">\r\n    <div class=\"w\">\r\n      <div class=\"ac-grid\">\r\n        <div class=\"rv\">\r\n          <span class=\"eyebrow\">Why Choose Us<\/span>\r\n          <h2 class=\"dp\" style=\"font-size:clamp(32px,4vw,54px)\">Why<br\/><em>OD Clinic?<\/em><\/h2>\r\n          <p class=\"ac-desc\">At OD Clinic, we believe that achieving your dream smile should be <strong>effortless, enjoyable, and stress-free<\/strong>. Our approach is designed to make the process of loving your smile as simple as possible \u2014 with advanced technology, expert care, and a team that truly understands your needs.<\/p>\r\n          <ul class=\"ac-items\">\r\n            <li class=\"ac-item rv\">\r\n              <span class=\"ac-no\">01<\/span>\r\n              <div class=\"ac-tx\">\r\n                <h4>Digital-First Approach<\/h4>\r\n                <p>Digital smile design lets you preview your new smile before treatment begins \u2014 through intraoral scans, X-rays and facial analysis.<\/p>\r\n              <\/div>\r\n            <\/li>\r\n            <li class=\"ac-item rv t1\">\r\n              <span class=\"ac-no\">02<\/span>\r\n              <div class=\"ac-tx\">\r\n                <h4>Internationally Certified Care<\/h4>\r\n                <p>FDA-approved materials, CE-certified equipment and sterile environments that meet global healthcare standards.<\/p>\r\n              <\/div>\r\n            <\/li>\r\n            <li class=\"ac-item rv t2\">\r\n              <span class=\"ac-no\">03<\/span>\r\n              <div class=\"ac-tx\">\r\n                <h4>Expert &amp; Personalised Team<\/h4>\r\n                <p>Multilingual specialists \u2014 English, Russian, Arabic, Turkish \u2014 delivering treatment plans tailored to your goals.<\/p>\r\n              <\/div>\r\n            <\/li>\r\n            <li class=\"ac-item rv t3\">\r\n              <span class=\"ac-no\">04<\/span>\r\n              <div class=\"ac-tx\">\r\n                <h4>Comfortable &amp; Relaxing Experience<\/h4>\r\n                <p>A comfort-focused environment that turns each visit into something calming, never clinical.<\/p>\r\n              <\/div>\r\n            <\/li>\r\n            <li class=\"ac-item rv t4\">\r\n              <span class=\"ac-no\">05<\/span>\r\n              <div class=\"ac-tx\">\r\n                <h4>End-to-End Journey<\/h4>\r\n                <p>From first consultation to final result \u2014 we handle every step so you can simply enjoy the process.<\/p>\r\n              <\/div>\r\n            <\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <div class=\"ac-vis rv t2\">\r\n          <img decoding=\"async\" class=\"ac-main\" src=\"https:\/\/odclinic.com\/wp-content\/uploads\/2026\/05\/saglik-turizmi-yetki-belgesi.png\" alt=\"OD Clinic Health Tourism Authorization Certificate\"\/>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- REEL \u2014 cinematic closing video -->\r\n  <section class=\"reel\">\r\n    <video class=\"reel-vid\" muted loop playsinline preload=\"auto\" autoplay>\r\n      <source src=\"https:\/\/odclinic.com\/wp-content\/uploads\/2026\/04\/03101.mp4\" type=\"video\/mp4\"\/>\r\n    <\/video>\r\n    <span class=\"reel-corner\">OD Clinic \u00b7 The Process<\/span>\r\n    <div class=\"reel-body rv\">\r\n      <span class=\"reel-tag\">Cinematic Reel<\/span>\r\n      <h2 class=\"reel-h\">Inside<br\/><em>OD Clinic<\/em><\/h2>\r\n      <div class=\"reel-rule\"><\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- CTA -->\r\n  <section class=\"cta\" id=\"odc-cta\">\r\n    <div class=\"w\">\r\n      <span class=\"eyebrow rv\">Get In Touch<\/span>\r\n      <h2 class=\"cta-h rv t1\">Make An Appointment<br\/><em>For Your Smile<\/em><\/h2>\r\n      <p class=\"cta-p rv t2\">Book a free consultation today and discover how OD Clinic in Alanya combines international standards with a sincere, people-centered approach \u2014 to make loving your smile truly simple.<\/p>\r\n      <div class=\"cta-btns rv t3\">\r\n        <a href=\"https:\/\/odclinic.com\/contact\/\" class=\"btn-w\">Contact Us<\/a>\r\n        <a href=\"https:\/\/wa.me\/905309494554\" class=\"btn-ol\">WhatsApp Us<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/div><!-- \/.odc -->\r\n\r\n<script>\r\n(function(){\r\n\r\n  \/* \u2550\u2550 SCROLL REVEAL \u2550\u2550 *\/\r\n  var revealObs = new IntersectionObserver(function(entries){\r\n    entries.forEach(function(e){ if(e.isIntersecting) e.target.classList.add('on'); });\r\n  },{threshold:0.08,rootMargin:'0px 0px -30px 0px'});\r\n  document.querySelectorAll('.odc .rv').forEach(function(el){ revealObs.observe(el); });\r\n\r\n  \/* \u2550\u2550 HERO GAP FIX \u2550\u2550 *\/\r\n  function fixHeroGap(){\r\n    var hero = document.querySelector('.odc .hero');\r\n    if(!hero) return;\r\n\r\n    \/* ADIM 1 \u2014 T\u00fcm Elementor ata elemanlar\u0131n\u0131n padding\/margin'ini s\u0131f\u0131rla *\/\r\n    var el = hero.parentElement;\r\n    for(var i=0;i<20;i++){\r\n      if(!el || el===document.body) break;\r\n      var cn = (el.className||'').toString();\r\n      if(\/elementor|e-con|e-container|e-flex|site-main|wp-site-blocks|page-content|entry-content|content-area\/.test(cn)){\r\n        el.style.setProperty('padding-top','0','important');\r\n        el.style.setProperty('padding-bottom','0','important');\r\n        el.style.setProperty('margin-top','0','important');\r\n        el.style.setProperty('margin-bottom','0','important');\r\n        if(\/elementor-section|e-con|elementor-element\/.test(cn)){\r\n          el.style.setProperty('padding-left','0','important');\r\n          el.style.setProperty('padding-right','0','important');\r\n        }\r\n      }\r\n      el = el.parentElement;\r\n    }\r\n\r\n    \/* ADIM 2 \u2014 Bo\u015flu\u011fu \u00f6l\u00e7 ve negatif margin ile kapat *\/\r\n    function measure(){\r\n      requestAnimationFrame(function(){\r\n        var heroTop = hero.getBoundingClientRect().top;\r\n        var navBottom = 0;\r\n        var nav = document.querySelector(\r\n          '.elementor-location-header, .site-header, header.header, ' +\r\n          '#masthead, header, .top_panel, .top_panel_fixed, ' +\r\n          '.elementor-sticky--effects, [data-elementor-type=\"header\"]'\r\n        );\r\n        if(nav){\r\n          var navRect = nav.getBoundingClientRect();\r\n          var navStyle = window.getComputedStyle(nav);\r\n          if(navStyle.position === 'fixed' || navStyle.position === 'sticky' || navStyle.position === 'absolute'){\r\n            navBottom = navRect.height;\r\n            hero.style.setProperty('padding-top', navRect.height+'px','important');\r\n            hero.style.setProperty('box-sizing','border-box','important');\r\n          } else {\r\n            navBottom = navRect.bottom;\r\n          }\r\n        }\r\n        var gap = heroTop - navBottom;\r\n        if(gap > 1){\r\n          var cur = parseFloat(window.getComputedStyle(hero).marginTop)||0;\r\n          hero.style.setProperty('margin-top',(cur-Math.ceil(gap))+'px','important');\r\n        }\r\n      });\r\n    }\r\n\r\n    measure();\r\n    setTimeout(measure, 100);\r\n    setTimeout(measure, 300);\r\n    setTimeout(measure, 700);\r\n    setTimeout(measure, 1500);\r\n    window.addEventListener('resize', measure);\r\n  }\r\n\r\n  \/* \u2550\u2550 INDICATIONS \u2014 kart t\u0131klama \u2550\u2550 *\/\r\n  function initIndications(){\r\n    \/* Yeni showcase tasar\\u0131m\\u0131 \u2014 t\\u0131klanabilir kart yok, sadece autoplay video kart\\u0131. *\/\r\n    \/* Video autoplay zaten startAllVideos() taraf\\u0131ndan tetikleniyor. *\/\r\n  }\r\n\r\n  function initFAQ(){\r\n    document.querySelectorAll('.odc .faq-q').forEach(function(btn){\r\n      btn.addEventListener('click', function(){\r\n        var item = this.closest('.faq-item');\r\n        var isOpen = item.classList.contains('open');\r\n        document.querySelectorAll('.odc .faq-item').forEach(function(i){ i.classList.remove('open'); });\r\n        if(!isOpen) item.classList.add('open');\r\n      });\r\n    });\r\n  }\r\n\r\n  \/* \u2550\u2550 VIDEO AUTOPLAY \u2014 wp_kses autoplay attribute'\u00fcn\u00fc silerse JS ile zorla ba\u015flat \u2550\u2550 *\/\r\n  function forcePlay(v){\r\n    if(!v) return;\r\n    v.setAttribute('autoplay','');\r\n    v.setAttribute('muted','');\r\n    v.setAttribute('loop','');\r\n    v.setAttribute('playsinline','');\r\n    v.muted = true; v.loop = true; v.volume = 0;\r\n    v.addEventListener('canplay', function onCan(){\r\n      v.removeEventListener('canplay', onCan);\r\n      v.play().catch(function(){});\r\n    });\r\n    v.addEventListener('waiting', function(){ v.play().catch(function(){}); });\r\n    v.addEventListener('stalled', function(){ setTimeout(function(){ v.play().catch(function(){}); }, 500); });\r\n    v.addEventListener('error', function(){ setTimeout(function(){ v.load(); v.play().catch(function(){}); }, 1000); });\r\n    var attempt = function(){ v.play().catch(function(){}); };\r\n    attempt();\r\n    setTimeout(attempt, 400);\r\n    setTimeout(attempt, 1000);\r\n    setTimeout(attempt, 2500);\r\n  }\r\n\r\n  function startAllVideos(){\r\n    \/* MEJS bypass \u2014 MediaElement.js oynat\u0131c\u0131s\u0131n\u0131 kald\u0131r \u2014 T\u00dcM .odc videolar i\u00e7in *\/\r\n    document.querySelectorAll('.mejs-container, .mejs-mediaelement').forEach(function(mc){\r\n      var vid = mc.querySelector('video');\r\n      if(vid && vid.closest('.odc')){\r\n        var par = mc.parentNode;\r\n        if(par){ par.insertBefore(vid, mc); mc.remove(); }\r\n      }\r\n    });\r\n    \/* MEJS mediaelementwrapper'\u0131 da kald\u0131r (varsa) *\/\r\n    document.querySelectorAll('.odc mediaelementwrapper, .odc MEDIAELEMENTWRAPPER').forEach(function(wrap){\r\n      var vid = wrap.querySelector('video');\r\n      if(vid){\r\n        var par = wrap.parentNode;\r\n        if(par){ par.insertBefore(vid, wrap); wrap.remove(); }\r\n      }\r\n    });\r\n    document.querySelectorAll('.odc video').forEach(forcePlay);\r\n  }\r\n\r\n  \/* \u2550\u2550 AUTOPLAY POLICY BYPASS \u2014 ilk user interaction'da t\u00fcm videolar\u0131 ba\u015flat \u2550\u2550 *\/\r\n  function triggerAllVideosOnInteraction(){\r\n    var triggered = false;\r\n    function fire(){\r\n      if(triggered) return;\r\n      triggered = true;\r\n      document.querySelectorAll('.odc video').forEach(function(v){\r\n        v.muted = true;\r\n        v.loop = true;\r\n        try { v.play().catch(function(){}); } catch(e){}\r\n      });\r\n    }\r\n    \/* \u00c7ok hafif interaction event'leri *\/\r\n    ['scroll','mousemove','touchstart','keydown','click','wheel'].forEach(function(ev){\r\n      window.addEventListener(ev, fire, {once: true, passive: true, capture: true});\r\n    });\r\n    \/* G\u00f6r\u00fcn\u00fcr oldu\u011fu an da tetikle (IntersectionObserver) *\/\r\n    var obs = new IntersectionObserver(function(ents){\r\n      ents.forEach(function(e){\r\n        if(e.isIntersecting){\r\n          e.target.muted = true;\r\n          e.target.loop = true;\r\n          try{ e.target.play().catch(function(){}); }catch(err){}\r\n        }\r\n      });\r\n    }, {threshold: 0.1});\r\n    document.querySelectorAll('.odc video').forEach(function(v){ obs.observe(v); });\r\n  }\r\n\r\n  \/* \u2550\u2550 VIDEO PAUSE \u0130KONU KALKANI \u2550\u2550 *\/\r\n  function coverVideos(){\r\n    document.querySelectorAll('.odc video').forEach(function(v){\r\n      v.removeAttribute('controls');\r\n      v.setAttribute('disablePictureInPicture','');\r\n      v.setAttribute('disableRemotePlayback','');\r\n      if(v.dataset.shielded) return;\r\n      v.dataset.shielded = '1';\r\n      var p = v.parentElement;\r\n      if(window.getComputedStyle(p).position === 'static') p.style.position = 'relative';\r\n      var s = document.createElement('div');\r\n      s.setAttribute('style',\r\n        'position:absolute;top:0;left:0;width:100%;height:100%;'+\r\n        'z-index:20;pointer-events:all;background:transparent;cursor:default'\r\n      );\r\n      s.addEventListener('click', function(e){ e.preventDefault();e.stopPropagation(); });\r\n      p.appendChild(s);\r\n    });\r\n  }\r\n\r\n  if(document.readyState === 'loading'){\r\n    document.addEventListener('DOMContentLoaded', function(){\r\n      fixHeroGap(); initIndications(); initFAQ(); startAllVideos(); coverVideos(); triggerAllVideosOnInteraction();\r\n    });\r\n  } else {\r\n    fixHeroGap(); initIndications(); initFAQ(); startAllVideos(); coverVideos(); triggerAllVideosOnInteraction();\r\n  }\r\n  window.addEventListener('load', function(){ fixHeroGap(); startAllVideos(); coverVideos(); triggerAllVideosOnInteraction(); });\r\n  document.addEventListener('visibilitychange', function(){\r\n    if(document.visibilityState === 'visible') startAllVideos();\r\n  });\r\n\r\n  \/* IntersectionObserver \u2014 ekrana giren videoyu oynat *\/\r\n  setTimeout(function(){\r\n    var vObs = new IntersectionObserver(function(ents){\r\n      ents.forEach(function(e){ if(e.isIntersecting) forcePlay(e.target); });\r\n    },{threshold:0.01});\r\n    document.querySelectorAll('.odc video').forEach(function(v){ vObs.observe(v); });\r\n    setTimeout(coverVideos, 300);\r\n    setTimeout(coverVideos, 800);\r\n  }, 600);\r\n\r\n})();\r\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>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Sincere Care\u00b7 International Standards\u00b7 Expert Team\u00b7 Digital-First\u00b7 Honest Approach\u00b7 Patient-Centered\u00b7 FDA-Approved Materials\u00b7 Multilingual Team\u00b7 Sincere Care\u00b7 International Standards\u00b7 Expert Team\u00b7 Digital-First\u00b7 Honest Approach\u00b7 Patient-Centered\u00b7 FDA-Approved Materials\u00b7 Multilingual Team\u00b7 01 Our Philosophy Loving Your SmileIs Simple This is OD Clinic. And here, we don&#8217;t just offer dental treatments \u2014 we make it possible for people to love their smiles through a&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-35","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/odclinic.com\/ru\/wp-json\/wp\/v2\/pages\/35","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=35"}],"version-history":[{"count":111,"href":"https:\/\/odclinic.com\/ru\/wp-json\/wp\/v2\/pages\/35\/revisions"}],"predecessor-version":[{"id":13661,"href":"https:\/\/odclinic.com\/ru\/wp-json\/wp\/v2\/pages\/35\/revisions\/13661"}],"wp:attachment":[{"href":"https:\/\/odclinic.com\/ru\/wp-json\/wp\/v2\/media?parent=35"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}