{"id":12511,"date":"2026-04-22T08:08:54","date_gmt":"2026-04-22T08:08:54","guid":{"rendered":"https:\/\/odclinic.com\/?page_id=12511"},"modified":"2026-05-24T20:03:32","modified_gmt":"2026-05-24T20:03:32","slug":"dentaltourism","status":"publish","type":"page","link":"https:\/\/odclinic.com\/ru\/dentaltourism\/","title":{"rendered":"\u0441\u0442\u043e\u043c\u0430\u0442\u043e\u043b\u043e\u0433\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0442\u0443\u0440\u0438\u0437\u043c"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12511\" class=\"elementor elementor-12511\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-23cb625 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"23cb625\" 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-88fa909\" data-id=\"88fa909\" 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-ee1412a elementor-widget elementor-widget-html\" data-id=\"ee1412a\" 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 DENTAL TOURISM\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   TOURISM \u2014 split layout center title + aral\u0131k\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 .tour-proc{padding-top:40px;background:var(--paper)}\r\n.odc .tour-top{\r\n  text-align:center;\r\n  max-width:720px;\r\n  margin:0 auto 70px;\r\n  padding:0 24px;\r\n}\r\n.odc .tour-top .rule{margin:22px auto 0}\r\n.odc .tour-top .dp{font-size:clamp(36px,4.5vw,62px)}\r\n\r\n\/* Aktiviteler aras\\u0131nda nefes ald\\u0131ran ayra\\u00e7 *\/\r\n.odc .tour-proc .ps{\r\n  position:relative;\r\n  padding-top:70px;\r\n  padding-bottom:70px;\r\n}\r\n.odc .tour-proc .ps + .ps{\r\n  border-top:1px solid var(--pale);\r\n}\r\n.odc .tour-proc .ps + .ps::before{\r\n  content:'';\r\n  position:absolute;\r\n  top:-5px;\r\n  left:50%;\r\n  transform:translateX(-50%);\r\n  width:9px;height:9px;\r\n  background:var(--paper);\r\n  border:1px solid var(--ink);\r\n  border-radius:50%;\r\n  z-index:2;\r\n}\r\n\r\n@media(max-width:900px){\r\n  .odc .tour-top{margin-bottom:48px}\r\n  .odc .tour-top .dp{font-size:clamp(28px,7vw,40px)}\r\n  .odc .tour-proc .ps{padding-top:48px;padding-bottom:48px}\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   SERVICES GRID \u2014 6'l\u0131 servis kart\u0131\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 .svc{background:var(--paper);padding:100px 0 110px}\r\n.odc .svc-top{text-align:center;max-width:680px;margin:0 auto 70px}\r\n.odc .svc-top .rule{margin:22px auto}\r\n.odc .svc-top .dp{font-size:clamp(36px,4.5vw,62px)}\r\n.odc .svc-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,1fr);\r\n  gap:24px;\r\n  max-width:1400px;\r\n  margin:0 auto;\r\n  padding:0 40px;\r\n}\r\n.odc .svc-card{\r\n  display:block;\r\n  background:var(--white);\r\n  text-decoration:none;\r\n  color:inherit;\r\n  overflow:hidden;\r\n  position:relative;\r\n  transition:transform .5s cubic-bezier(.2,.7,.2,1), box-shadow .5s ease;\r\n}\r\n.odc .svc-card:hover{\r\n  transform:translateY(-6px);\r\n  box-shadow:0 30px 60px -20px rgba(0,0,0,.15);\r\n}\r\n.odc .svc-media{\r\n  position:relative;\r\n  width:100%;\r\n  aspect-ratio: 4\/3;\r\n  overflow:hidden;\r\n  background:var(--fog);\r\n}\r\n.odc .svc-media img{\r\n  position:absolute;inset:0;\r\n  width:100%;height:100%;\r\n  object-fit:cover;\r\n  object-position:center;\r\n  display:block;\r\n  transition:transform 1s ease, filter .6s ease;\r\n  filter: brightness(0.95);\r\n}\r\n.odc .svc-card:hover .svc-media img{\r\n  transform:scale(1.06);\r\n  filter: brightness(1);\r\n}\r\n.odc .svc-body{\r\n  padding:36px 32px 38px;\r\n  position:relative;\r\n}\r\n.odc .svc-no{\r\n  position:absolute;\r\n  top:-22px;right:32px;\r\n  font-family:var(--ff-d);\r\n  font-size:42px;font-weight:300;\r\n  color:var(--white);\r\n  font-style:italic;\r\n  background:var(--ink);\r\n  width:60px;height:60px;\r\n  display:flex;align-items:center;justify-content:center;\r\n  border-radius:50%;\r\n  letter-spacing:0;\r\n}\r\n.odc .svc-tag{\r\n  display:inline-block;\r\n  font-family:var(--ff-b);\r\n  font-size:10px;\r\n  letter-spacing:.22em;\r\n  text-transform:uppercase;\r\n  color:var(--mid);\r\n  font-weight:500;\r\n  margin-bottom:14px;\r\n}\r\n.odc .svc-card .dp{\r\n  font-size:clamp(26px,2.5vw,34px);\r\n  line-height:1.1;\r\n  margin-bottom:18px;\r\n  color:var(--ink);\r\n}\r\n.odc .svc-body p{\r\n  font-family:var(--ff-b);\r\n  font-size:14px;\r\n  line-height:1.75;\r\n  color:var(--mid);\r\n  font-weight:300;\r\n  margin-bottom:0;\r\n}\r\n.odc .svc-cta{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:10px;\r\n  font-family:var(--ff-b);\r\n  font-size:11px;\r\n  letter-spacing:.22em;\r\n  text-transform:uppercase;\r\n  font-weight:600;\r\n  color:var(--ink);\r\n  transition:gap .3s ease;\r\n}\r\n.odc .svc-card:hover .svc-cta{gap:16px}\r\n.odc .svc-arrow{\r\n  font-style:normal;\r\n  font-size:14px;\r\n  display:inline-block;\r\n  transition:transform .3s ease;\r\n}\r\n.odc .svc-card:hover .svc-arrow{transform:translateX(4px)}\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  \/* Service grid \u2014 3 \u2192 2 s\u00fctun *\/\r\n  .odc .svc{padding:80px 0 90px}\r\n  .odc .svc-top{margin-bottom:54px}\r\n  .odc .svc-grid{grid-template-columns:repeat(2,1fr);gap:20px;padding:0 32px}\r\n  .odc .svc-body{padding:32px 26px 34px}\r\n  .odc .svc-card .dp{font-size:clamp(24px,3vw,30px)}\r\n  .odc .svc-body p{min-height:auto}\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  \/* Service grid \u2014 tek s\u00fctun mobil *\/\r\n  .odc .svc{padding:64px 0 72px}\r\n  .odc .svc-top{padding:0 22px;margin-bottom:36px}\r\n  .odc .svc-top .dp{font-size:clamp(28px,7vw,38px)}\r\n  .odc .svc-grid{grid-template-columns:1fr;gap:14px;padding:0 18px}\r\n  .odc .svc-body{padding:28px 22px 30px}\r\n  .odc .svc-no{width:52px;height:52px;font-size:34px;top:-18px;right:22px}\r\n  .odc .svc-card .dp{font-size:26px}\r\n  .odc .svc-body p{font-size:13.5px;line-height:1.7}\r\n\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>Mediterranean Coast<\/b><\/span><span>\u00b7<\/span>\r\n      <span><b>Golden Beaches<\/b><\/span><span>\u00b7<\/span>\r\n      <span><b>Historic Castle<\/b><\/span><span>\u00b7<\/span>\r\n      <span><b>Boat Trips<\/b><\/span><span>\u00b7<\/span>\r\n      <span><b>Dim River<\/b><\/span><span>\u00b7<\/span>\r\n      <span><b>Manavgat Waterfall<\/b><\/span><span>\u00b7<\/span>\r\n      <span><b>Sapadere Canyon<\/b><\/span><span>\u00b7<\/span>\r\n      <span><b>Cable Car Views<\/b><\/span><span>\u00b7<\/span>\r\n      <span><b>Mediterranean Coast<\/b><\/span><span>\u00b7<\/span>\r\n      <span><b>Golden Beaches<\/b><\/span><span>\u00b7<\/span>\r\n      <span><b>Historic Castle<\/b><\/span><span>\u00b7<\/span>\r\n      <span><b>Boat Trips<\/b><\/span><span>\u00b7<\/span>\r\n      <span><b>Dim River<\/b><\/span><span>\u00b7<\/span>\r\n      <span><b>Manavgat Waterfall<\/b><\/span><span>\u00b7<\/span>\r\n      <span><b>Sapadere Canyon<\/b><\/span><span>\u00b7<\/span>\r\n      <span><b>Cable Car Views<\/b><\/span><span>\u00b7<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- TOURISM ACTIVITIES \u2014 split layout (tek tek) -->\r\n  <section class=\"proc tour-proc\">\r\n\r\n    <div class=\"tour-top rv\">\r\n      <span class=\"eyebrow\">Explore Alanya<\/span>\r\n      <h2 class=\"dp\">Beyond The Clinic,<br\/><em>A Mediterranean Awaits<\/em><\/h2>\r\n      <div class=\"rule\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- 01 Beaches -->\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\">Coastline<\/span>\r\n        <h3 class=\"dp p-title\">Sun-Kissed<br\/><em>Beaches<\/em><\/h3>\r\n        <div class=\"rule\"><\/div>\r\n        <p class=\"p-desc\">Alanya's coastline offers long stretches of <strong>golden beaches<\/strong> and crystal-clear Mediterranean waters. The calm atmosphere provides the perfect setting to relax between appointments, helping you feel at ease throughout your treatment journey.<\/p>\r\n      <\/div>\r\n      <div class=\"pi\">\r\n        <img decoding=\"async\" src=\"https:\/\/odclinic.com\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-21-at-17.22.45-5.jpeg\" alt=\"Sun-Kissed Beaches of Alanya\"\/>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- 02 Castle -->\r\n    <div class=\"ps\">\r\n      <div class=\"pi\">\r\n        <img decoding=\"async\" src=\"https:\/\/odclinic.com\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-21-at-17.22.44.jpeg\" alt=\"Alanya Castle and Old Town\"\/>\r\n      <\/div>\r\n      <div class=\"pt rv\">\r\n        <span class=\"p-no\">02<\/span>\r\n        <span class=\"p-tag\">Heritage<\/span>\r\n        <h3 class=\"dp p-title\">Alanya Castle<br\/><em>&amp; Old Town<\/em><\/h3>\r\n        <div class=\"rule\"><\/div>\r\n        <p class=\"p-desc\">The historic heart of Alanya offers a unique blend of <strong>culture and tranquility<\/strong>. Walking through the castle and old town allows you to experience history, panoramic views, and a slower pace \u2014 ideal during your stay.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- 03 Boat Trips -->\r\n    <div class=\"ps\">\r\n      <div class=\"pt rv\">\r\n        <span class=\"p-no\">03<\/span>\r\n        <span class=\"p-tag\">Sea Experiences<\/span>\r\n        <h3 class=\"dp p-title\">Boat Trips<br\/><em>&amp; Sea Tours<\/em><\/h3>\r\n        <div class=\"rule\"><\/div>\r\n        <p class=\"p-desc\">Gentle boat trips along the coastline are a popular choice among our patients. They offer a <strong>relaxing way to enjoy the sea<\/strong> without physical strain, creating a refreshing balance during your treatment process.<\/p>\r\n      <\/div>\r\n      <div class=\"pi\">\r\n        <img decoding=\"async\" src=\"https:\/\/odclinic.com\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-21-at-17.22.45-3.jpeg\" alt=\"Boat Trips along Alanya Coast\"\/>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- 04 Dim River -->\r\n    <div class=\"ps\">\r\n      <div class=\"pi\">\r\n        <img decoding=\"async\" src=\"https:\/\/odclinic.com\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-21-at-17.22.45-6.jpeg\" alt=\"Dim River Natural Escape\"\/>\r\n      <\/div>\r\n      <div class=\"pt rv\">\r\n        <span class=\"p-no\">04<\/span>\r\n        <span class=\"p-tag\">Nature<\/span>\r\n        <h3 class=\"dp p-title\">Dim River<br\/><em>Natural Escape<\/em><\/h3>\r\n        <div class=\"rule\"><\/div>\r\n        <p class=\"p-desc\">The Dim River area offers a <strong>peaceful retreat surrounded by nature<\/strong>. Cool waters, riverside restaurants, and fresh air create a calm environment \u2014 perfect for unwinding during your visit.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- 05 Waterfalls -->\r\n    <div class=\"ps\">\r\n      <div class=\"pt rv\">\r\n        <span class=\"p-no\">05<\/span>\r\n        <span class=\"p-tag\">Refreshing<\/span>\r\n        <h3 class=\"dp p-title\">Gorgeous<br\/><em>Waterfalls<\/em><\/h3>\r\n        <div class=\"rule\"><\/div>\r\n        <p class=\"p-desc\">A visit to Manavgat Waterfall is a simple yet rewarding way to <strong>connect with nature<\/strong>. The cool breeze from the water and the gentle surroundings create a naturally calming atmosphere \u2014 a great option for patients who want to enjoy the outdoors without physical strain.<\/p>\r\n      <\/div>\r\n      <div class=\"pi\">\r\n        <img decoding=\"async\" src=\"https:\/\/odclinic.com\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-21-at-17.22.45-1.jpeg\" alt=\"Manavgat Waterfalls\"\/>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- 06 Sapadere Canyon -->\r\n    <div class=\"ps\">\r\n      <div class=\"pi\">\r\n        <img decoding=\"async\" src=\"https:\/\/odclinic.com\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-21-at-17.22.45-2.jpeg\" alt=\"Sapadere Canyon Jeep Tour\"\/>\r\n      <\/div>\r\n      <div class=\"pt rv\">\r\n        <span class=\"p-no\">06<\/span>\r\n        <span class=\"p-tag\">Adventure<\/span>\r\n        <h3 class=\"dp p-title\">Sapadere Canyon<br\/><em>Jeep Tour<\/em><\/h3>\r\n        <div class=\"rule\"><\/div>\r\n        <p class=\"p-desc\">A visit to Sapadere Canyon offers a <strong>refreshing escape<\/strong> from the city into a peaceful natural environment. The comfortable jeep ride takes you through scenic mountain roads before reaching the canyon, where wooden walkways make exploration easy and safe.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- 07 Cable Car -->\r\n    <div class=\"ps\">\r\n      <div class=\"pt rv\">\r\n        <span class=\"p-no\">07<\/span>\r\n        <span class=\"p-tag\">Panoramic<\/span>\r\n        <h3 class=\"dp p-title\">Cable Car<br\/><em>Sky Views<\/em><\/h3>\r\n        <div class=\"rule\"><\/div>\r\n        <p class=\"p-desc\">The Alanya cable car connects Kleopatra Beach with Alanya Castle, offering <strong>breathtaking panoramic views<\/strong> of the coastline, mountains, and city. It's a smooth and relaxing ride, perfect for patients who want to enjoy sightseeing without physical effort.<\/p>\r\n      <\/div>\r\n      <div class=\"pi\">\r\n        <img decoding=\"async\" src=\"https:\/\/odclinic.com\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-21-at-17.22.45.jpeg\" alt=\"Alanya Cable Car\"\/>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- FAQ \u2014 Dental Tourism -->\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\">Planning Your<br\/><em>Dental Holiday<\/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            How does dental tourism work at OD Clinic?\r\n            <span class=\"faq-icon\" aria-hidden=\"true\"><\/span>\r\n          <\/button>\r\n          <div class=\"faq-a\"><p>Once you contact us, we provide a <strong>free remote consultation<\/strong> \u2014 review your photos and X-rays if available, and prepare an initial treatment plan with pricing. When you arrive, we confirm the plan in-clinic, begin treatment, and schedule sightseeing days between visits.<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"faq-item\">\r\n          <button class=\"faq-q\" type=\"button\">\r\n            How long should I plan my stay?\r\n            <span class=\"faq-icon\" aria-hidden=\"true\"><\/span>\r\n          <\/button>\r\n          <div class=\"faq-a\"><p>It depends on the treatment. <strong>Cleaning &amp; whitening<\/strong> needs 1 day. <strong>Veneers &amp; crowns<\/strong> typically 5\u20137 days. <strong>Implants<\/strong> usually require two visits (first for placement, second 3\u20136 months later for the crown). We always confirm timing in writing before you book travel.<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"faq-item\">\r\n          <button class=\"faq-q\" type=\"button\">\r\n            Do you help with airport transfer and accommodation?\r\n            <span class=\"faq-icon\" aria-hidden=\"true\"><\/span>\r\n          <\/button>\r\n          <div class=\"faq-a\"><p>Yes \u2014 we help with every detail. Our team coordinates <strong>airport transfers<\/strong>, recommends <strong>hotels close to the clinic<\/strong>, and can suggest activities for your free time. Many patients turn their treatment into a relaxing Mediterranean holiday.<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"faq-item\">\r\n          <button class=\"faq-q\" type=\"button\">\r\n            Which airport should I fly into?\r\n            <span class=\"faq-icon\" aria-hidden=\"true\"><\/span>\r\n          <\/button>\r\n          <div class=\"faq-a\"><p><strong>Gazipa\u015fa Alanya Airport (GZP)<\/strong> is closest \u2014 only 25 minutes from the clinic. <strong>Antalya Airport (AYT)<\/strong> is also an option (about 2 hours away) with more international flight options. Both are easy to reach.<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"faq-item\">\r\n          <button class=\"faq-q\" type=\"button\">\r\n            Is it safe to do activities during dental treatment?\r\n            <span class=\"faq-icon\" aria-hidden=\"true\"><\/span>\r\n          <\/button>\r\n          <div class=\"faq-a\"><p>Absolutely \u2014 we design treatment plans with rest days in mind. Most of Alanya's experiences (boat trips, cable car, beaches, riverside dining) are <strong>low-effort and gentle<\/strong>, perfect for combining with treatment. We'll advise on which activities suit your specific schedule.<\/p><\/div>\r\n        <\/div>\r\n      <\/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\">Plan Your Trip<\/span>\r\n      <h2 class=\"cta-h rv t1\">Your Smile,<br\/><em>Your Mediterranean Holiday<\/em><\/h2>\r\n      <p class=\"cta-p rv t2\">Send us a message and we'll prepare a personalised treatment plan with transparent pricing \u2014 plus help with flights, transfers, and where to stay. Treatment in Alanya has never felt so easy.<\/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>Mediterranean Coast\u00b7 Golden Beaches\u00b7 Historic Castle\u00b7 Boat Trips\u00b7 Dim River\u00b7 Manavgat Waterfall\u00b7 Sapadere Canyon\u00b7 Cable Car Views\u00b7 Mediterranean Coast\u00b7 Golden Beaches\u00b7 Historic Castle\u00b7 Boat Trips\u00b7 Dim River\u00b7 Manavgat Waterfall\u00b7 Sapadere Canyon\u00b7 Cable Car Views\u00b7 Explore Alanya Beyond The Clinic,A Mediterranean Awaits 01 Coastline Sun-KissedBeaches Alanya&#8217;s coastline offers long stretches of golden beaches and crystal-clear Mediterranean waters. The calm atmosphere provides&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-12511","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/odclinic.com\/ru\/wp-json\/wp\/v2\/pages\/12511","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=12511"}],"version-history":[{"count":61,"href":"https:\/\/odclinic.com\/ru\/wp-json\/wp\/v2\/pages\/12511\/revisions"}],"predecessor-version":[{"id":13665,"href":"https:\/\/odclinic.com\/ru\/wp-json\/wp\/v2\/pages\/12511\/revisions\/13665"}],"wp:attachment":[{"href":"https:\/\/odclinic.com\/ru\/wp-json\/wp\/v2\/media?parent=12511"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}