{"id":13542,"date":"2026-05-21T09:51:54","date_gmt":"2026-05-21T09:51:54","guid":{"rendered":"https:\/\/odclinic.com\/?page_id=13542"},"modified":"2026-05-24T22:49:58","modified_gmt":"2026-05-24T22:49:58","slug":"pediatric","status":"publish","type":"page","link":"https:\/\/odclinic.com\/de\/pediatric\/","title":{"rendered":"P\u00e4diatrie"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"13542\" class=\"elementor elementor-13542\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a74885d elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"a74885d\" 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-71cd5c3\" data-id=\"71cd5c3\" 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-36bbcc5 elementor-widget elementor-widget-html\" data-id=\"36bbcc5\" 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 PEDIATRIC & CHILDREN'S DENTISTRY\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  <!-- HERO -->\r\n  <section class=\"hero\">\r\n    <img decoding=\"async\" class=\"hero-img\" src=\"https:\/\/odclinic.com\/wp-content\/uploads\/2026\/04\/DSCF3765-scaled-1.jpg\" alt=\"Pediatric & Children's Dentistry at OD Clinic\"\/>\r\n    <span class=\"hero-corner\">OD Clinic \u00b7 Alanya<\/span>\r\n    <div class=\"hero-body\">\r\n      <span class=\"hero-tag\">Children's Dental Care <\/span>\r\n      <h1 class=\"hero-h1\">Pediatric<br\/><em>Dentistry<\/em><\/h1>\r\n      <div class=\"hero-rule\"><\/div>\r\n    <\/div>\r\n    <div class=\"hero-meta\">\r\n      <span class=\"hero-meta-l\">Treatment<\/span>\r\n      <span class=\"hero-meta-v\">Children &amp; Teens<br\/>From First Tooth<\/span>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- MARQUEE -->\r\n  <div class=\"strip\" aria-hidden=\"true\">\r\n    <div class=\"s-track\">\r\n      <span><b>Pediatric Dentistry<\/b><\/span><span>\u00b7<\/span>\r\n      <span><b>First Dental Visit<\/b><\/span><span>\u00b7<\/span>\r\n      <span><b>Cavity Prevention<\/b><\/span><span>\u00b7<\/span>\r\n      <span><b>Fluoride Treatments<\/b><\/span><span>\u00b7<\/span>\r\n      <span><b>Dental Sealants<\/b><\/span><span>\u00b7<\/span>\r\n      <span><b>Child-Friendly Care<\/b><\/span><span>\u00b7<\/span>\r\n      <span><b>Early Orthodontics<\/b><\/span><span>\u00b7<\/span>\r\n      <span><b>Gentle Treatment<\/b><\/span><span>\u00b7<\/span>\r\n      <span><b>Pediatric Dentistry<\/b><\/span><span>\u00b7<\/span>\r\n      <span><b>First Dental Visit<\/b><\/span><span>\u00b7<\/span>\r\n      <span><b>Cavity Prevention<\/b><\/span><span>\u00b7<\/span>\r\n      <span><b>Fluoride Treatments<\/b><\/span><span>\u00b7<\/span>\r\n      <span><b>Dental Sealants<\/b><\/span><span>\u00b7<\/span>\r\n      <span><b>Child-Friendly Care<\/b><\/span><span>\u00b7<\/span>\r\n      <span><b>Early Orthodontics<\/b><\/span><span>\u00b7<\/span>\r\n      <span><b>Gentle Treatment<\/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 What is Pediatric Dentistry -->\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\">About the Treatment<\/span>\r\n        <h3 class=\"dp p-title\">What is<br\/><em>Pediatric Dentistry?<\/em><\/h3>\r\n        <div class=\"rule\"><\/div>\r\n        <p class=\"p-desc\">Pediatric dentistry is a specialized branch focused on the oral health and care of children \u2014 from infancy through adolescence. Our pediatric team is trained to manage the <strong>unique dental needs of young patients<\/strong>, including preventive care, early diagnosis and gentle treatment.<\/p>\r\n        <p class=\"p-desc\">At OD Clinic, our child-friendly environment and experienced team ensure every visit is a comfortable, <strong>positive experience<\/strong> \u2014 giving your child a healthy foundation for lifelong oral health.<\/p>\r\n        <ul class=\"p-list\">\r\n          <li><div><strong>Preventive Care<\/strong>Sealants, fluoride and check-ups to stop problems before they start<\/div><\/li>\r\n          <li><div><strong>Gentle Approach<\/strong>Child-friendly techniques and a calming environment to build trust<\/div><\/li>\r\n          <li><div><strong>Comprehensive Care<\/strong>Teeth, gums and jaw development monitored 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\/Pediatric-Dentistry-16.jpg\" alt=\"Pediatric Dental Team at OD Clinic\"\/>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- 02 \u2014 Benefits of Pediatric Dentistry -->\r\n    <div class=\"ps\">\r\n      <div class=\"pi\">\r\n        <img decoding=\"async\" src=\"https:\/\/odclinic.com\/wp-content\/uploads\/2026\/04\/IMG_6286-scaled-1.jpg\" alt=\"Child Patient at OD Clinic\"\/>\r\n      <\/div>\r\n      <div class=\"pt rv\">\r\n        <span class=\"p-no\">02<\/span>\r\n        <span class=\"p-tag\">Child-Focused Care<\/span>\r\n        <h3 class=\"dp p-title\">Benefits of<br\/><em>Pediatric Dentistry<\/em><\/h3>\r\n        <div class=\"rule\"><\/div>\r\n        <p class=\"p-desc\">Pediatric dentistry plays a vital role in promoting <strong>healthy habits<\/strong> and preventing dental issues from an early age. Our approach combines gentle, patient care with cutting-edge techniques designed specifically for children.<\/p>\r\n        <p class=\"p-desc\">Regular checkups, fluoride treatments, and dental sealants help prevent cavities and gum disease before they start \u2014 <strong>building a lifetime of healthy, confident smiles<\/strong> from the very beginning.<\/p>\r\n        <ul class=\"p-list\">\r\n          <li><div><strong>Early Prevention<\/strong>Catch and address dental issues before they become serious<\/div><\/li>\r\n          <li><div><strong>Healthy Habits<\/strong>Teach children proper brushing, flossing and nutrition<\/div><\/li>\r\n          <li><div><strong>Confident Smile<\/strong>A positive first experience builds a lifetime of comfort<\/div><\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n  <!-- INDICATIONS -->\r\n  <section class=\"ind\" id=\"odc-ind\">\r\n    <div class=\"w\">\r\n      <div class=\"ind-top rv\">\r\n        <span class=\"eyebrow\">When Is It Needed?<\/span>\r\n        <h2 class=\"dp\">When Does Your Child<br\/><em>Need Dental Care?<\/em><\/h2>\r\n        <div class=\"rule\"><\/div>\r\n        <p class=\"ind-intro\">From a child's very first tooth through their teenage years, regular dental care builds the foundation for a lifetime of healthy, confident smiles.<\/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=\"First dental visit illustration\">\r\n              <g fill=\"none\" stroke=\"#0a0a0a\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <!-- Small tooth (first tooth) -->\r\n                <path d=\"M 105 90 C 95 80, 80 85, 78 100 C 76 115, 80 132, 88 145 C 92 152, 100 156, 105 152 C 108 148, 110 138, 112 132 C 114 138, 116 148, 119 152 C 124 156, 132 152, 136 145 C 144 132, 148 115, 146 100 C 144 85, 129 80, 119 90 C 115 94, 109 94, 105 90 Z\"\/>\r\n                <!-- Baby pacifier \/ first signs -->\r\n                <g stroke-width=\"2\">\r\n                  <!-- Sparkle around tooth -->\r\n                  <path d=\"M 60 80 L 60 70 M 55 75 L 65 75\"\/>\r\n                  <path d=\"M 170 75 L 170 65 M 165 70 L 175 70\"\/>\r\n                  <path d=\"M 180 130 L 180 122 M 176 126 L 184 126\"\/>\r\n                <\/g>\r\n                <!-- \"1\" inside circle (first) -->\r\n                <circle cx=\"180\" cy=\"195\" r=\"22\" stroke-width=\"2.5\"\/>\r\n                <text x=\"180\" y=\"206\" font-family=\"Cormorant Garamond, serif\" font-size=\"28\" font-weight=\"600\" fill=\"#0a0a0a\" stroke=\"none\" text-anchor=\"middle\">1<\/text>\r\n                <!-- Heart for love\/care -->\r\n                <path d=\"M 60 195 C 60 188, 53 184, 49 188 C 45 192, 48 200, 60 210 C 72 200, 75 192, 71 188 C 67 184, 60 188, 60 195 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\">Age 0-2<\/span>\r\n            <h4>First Dental Visit<\/h4>\r\n            <p>Schedule your child's first visit by their first birthday or when the first tooth appears.<\/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=\"Cavity prevention illustration\">\r\n              <g fill=\"none\" stroke=\"#0a0a0a\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <!-- Tooth body -->\r\n                <path d=\"M 85 50 C 70 40, 55 45, 50 60 C 45 78, 48 100, 55 122 C 60 140, 68 165, 75 185 C 80 198, 90 205, 98 200 C 105 196, 108 185, 110 170 C 112 155, 116 145, 120 145 C 124 145, 128 155, 130 170 C 132 185, 135 196, 142 200 C 150 205, 160 198, 165 185 C 172 165, 180 140, 185 122 C 192 100, 195 78, 190 60 C 185 45, 170 40, 155 50 C 145 56, 135 58, 120 58 C 105 58, 95 56, 85 50 Z\"\/>\r\n                <!-- Cavity hole -->\r\n                <ellipse cx=\"150\" cy=\"100\" rx=\"14\" ry=\"11\" fill=\"#0a0a0a\" stroke=\"none\"\/>\r\n                <ellipse cx=\"146\" cy=\"96\" rx=\"3.5\" ry=\"2.5\" fill=\"#fff\" stroke=\"none\"\/>\r\n                <!-- Small decay spots -->\r\n                <circle cx=\"95\" cy=\"120\" r=\"4\" fill=\"#0a0a0a\" stroke=\"none\" opacity=\"0.7\"\/>\r\n                <circle cx=\"170\" cy=\"135\" r=\"3\" fill=\"#0a0a0a\" stroke=\"none\" opacity=\"0.7\"\/>\r\n                <!-- Crack lines -->\r\n                <path d=\"M 155 115 L 160 128\" stroke-width=\"1.5\"\/>\r\n                <path d=\"M 138 110 L 132 122\" stroke-width=\"1.5\"\/>\r\n              <\/g>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"ind-card-body\">\r\n            <span class=\"ind-card-tag\">Decay<\/span>\r\n            <h4>Cavity Concerns<\/h4>\r\n            <p>Early detection and treatment of tooth decay to protect baby and permanent teeth.<\/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=\"Misaligned teeth illustration\">\r\n              <g fill=\"none\" stroke=\"#0a0a0a\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <!-- Row of 5 teeth at slight angles (misaligned) -->\r\n                <!-- Tooth 1: slight tilt left -->\r\n                <g transform=\"translate(50 80) rotate(-8 22 35)\">\r\n                  <path d=\"M 8 8 C 4 4, 0 5, 0 12 C 0 25, 2 45, 8 60 C 12 65, 18 65, 22 60 C 26 65, 32 65, 36 60 C 42 45, 44 25, 44 12 C 44 5, 40 4, 36 8 C 30 12, 14 12, 8 8 Z\"\/>\r\n                <\/g>\r\n                <!-- Tooth 2: rotated right -->\r\n                <g transform=\"translate(95 75) rotate(10 22 35)\">\r\n                  <path d=\"M 8 8 C 4 4, 0 5, 0 12 C 0 25, 2 45, 8 60 C 12 65, 18 65, 22 60 C 26 65, 32 65, 36 60 C 42 45, 44 25, 44 12 C 44 5, 40 4, 36 8 C 30 12, 14 12, 8 8 Z\"\/>\r\n                <\/g>\r\n                <!-- Tooth 3: center, larger -->\r\n                <g transform=\"translate(140 70)\">\r\n                  <path d=\"M 8 8 C 4 4, 0 5, 0 12 C 0 25, 2 45, 8 60 C 12 65, 18 65, 22 60 C 26 65, 32 65, 36 60 C 42 45, 44 25, 44 12 C 44 5, 40 4, 36 8 C 30 12, 14 12, 8 8 Z\"\/>\r\n                <\/g>\r\n                <!-- Tooth 4: tilt left -->\r\n                <g transform=\"translate(185 78) rotate(-6 22 35)\">\r\n                  <path d=\"M 8 8 C 4 4, 0 5, 0 12 C 0 25, 2 45, 8 60 C 12 65, 18 65, 22 60 C 26 65, 32 65, 36 60 C 42 45, 44 25, 44 12 C 44 5, 40 4, 36 8 C 30 12, 14 12, 8 8 Z\"\/>\r\n                <\/g>\r\n                <!-- Arrow showing alignment direction -->\r\n                <g stroke-width=\"2\" opacity=\"0.6\">\r\n                  <path d=\"M 60 180 L 180 180\"\/>\r\n                  <path d=\"M 175 175 L 180 180 L 175 185\"\/>\r\n                  <path d=\"M 60 195 L 60 175\"\/>\r\n                  <path d=\"M 55 180 L 60 175 L 65 180\"\/>\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\">Alignment<\/span>\r\n            <h4>Misaligned Teeth<\/h4>\r\n            <p>Early orthodontic assessment to guide proper jaw and teeth development.<\/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=\"Knocked out tooth illustration\">\r\n              <g fill=\"none\" stroke=\"#0a0a0a\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <!-- Gum line -->\r\n                <path d=\"M 30 160 Q 80 155, 130 160 T 210 160\"\/>\r\n                <!-- Empty gap (where tooth was) -->\r\n                <path d=\"M 100 160 L 105 175 L 130 175 L 135 160\" stroke-dasharray=\"4 4\" stroke-width=\"2\"\/>\r\n                <!-- Existing tooth left of gap -->\r\n                <path d=\"M 60 80 C 50 70, 38 75, 36 88 C 34 105, 38 125, 45 145 C 50 158, 60 162, 68 158 C 74 154, 76 145, 78 135 C 80 125, 84 120, 86 120 L 86 160\" stroke-linejoin=\"round\"\/>\r\n                <!-- Existing tooth right of gap -->\r\n                <path d=\"M 180 80 C 170 70, 158 75, 156 88 C 154 105, 158 125, 165 145 C 170 158, 180 162, 188 158 C 194 154, 196 145, 198 135 C 200 125, 204 120, 206 120 L 206 160\" stroke-linejoin=\"round\" transform=\"scale(-1 1) translate(-380 0)\"\/>\r\n                <!-- Floating knocked-out tooth above -->\r\n                <g transform=\"translate(95 25) rotate(25 22 35)\">\r\n                  <path d=\"M 8 8 C 4 4, 0 5, 0 12 C 0 25, 2 45, 8 60 C 12 65, 18 65, 22 60 C 26 65, 32 65, 36 60 C 42 45, 44 25, 44 12 C 44 5, 40 4, 36 8 C 30 12, 14 12, 8 8 Z\"\/>\r\n                <\/g>\r\n                <!-- Motion lines from falling tooth -->\r\n                <g stroke-width=\"1.5\" opacity=\"0.6\">\r\n                  <path d=\"M 100 95 L 105 110\" stroke-dasharray=\"2 3\"\/>\r\n                  <path d=\"M 115 100 L 118 118\" stroke-dasharray=\"2 3\"\/>\r\n                  <path d=\"M 130 95 L 130 110\" stroke-dasharray=\"2 3\"\/>\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\">Emergency<\/span>\r\n            <h4>Knocked-Out Tooth<\/h4>\r\n            <p>Emergency dental care for sports injuries or accidents involving chipped or lost teeth.<\/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=\"Dental anxiety care illustration\">\r\n              <g fill=\"none\" stroke=\"#0a0a0a\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <!-- Smile face \/ happy child face -->\r\n                <circle cx=\"120\" cy=\"120\" r=\"78\"\/>\r\n                <!-- Eyes (closed\/smiling) -->\r\n                <path d=\"M 88 105 Q 95 98, 102 105\" stroke-width=\"2.5\" fill=\"none\"\/>\r\n                <path d=\"M 138 105 Q 145 98, 152 105\" stroke-width=\"2.5\" fill=\"none\"\/>\r\n                <!-- Big smile mouth -->\r\n                <path d=\"M 85 140 Q 120 175, 155 140\" stroke-width=\"3\" fill=\"none\"\/>\r\n                <!-- Teeth inside smile -->\r\n                <path d=\"M 100 148 L 100 162 M 113 150 L 113 168 M 127 150 L 127 168 M 140 148 L 140 162\"\/>\r\n                <path d=\"M 92 150 Q 120 142, 148 150\"\/>\r\n                <!-- Heart above (love\/comfort) -->\r\n                <path d=\"M 195 60 C 195 53, 188 49, 184 53 C 180 57, 183 65, 195 75 C 207 65, 210 57, 206 53 C 202 49, 195 53, 195 60 Z\" fill=\"#0a0a0a\" stroke=\"none\"\/>\r\n                <!-- Star sparkle -->\r\n                <path d=\"M 50 55 L 52 50 L 57 48 L 52 46 L 50 41 L 48 46 L 43 48 L 48 50 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\">Comfort<\/span>\r\n            <h4>Dental Anxiety<\/h4>\r\n            <p>Our child-friendly approach transforms nervous children into confident dental visitors.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- FAQ \u2014 Pediatric Dentistry -->\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\">Pediatric Dentistry<br\/><em>FAQs<\/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            When should my child have their first dental visit?\r\n            <span class=\"faq-icon\" aria-hidden=\"true\"><\/span>\r\n          <\/button>\r\n          <div class=\"faq-a\"><p>The American Academy of Pediatric Dentistry recommends scheduling your child's first dental visit within <strong>6 months after their first tooth appears<\/strong>, or no later than their first birthday. Early visits allow us to monitor development from the start and build positive associations with the dentist.<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"faq-item\">\r\n          <button class=\"faq-q\" type=\"button\">\r\n            How can I help prevent cavities in my child's teeth?\r\n            <span class=\"faq-icon\" aria-hidden=\"true\"><\/span>\r\n          <\/button>\r\n          <div class=\"faq-a\"><p>Brush your child's teeth twice daily with fluoride toothpaste, limit sugary drinks and snacks, ensure they drink fluoridated water, and schedule regular checkups. Our team can apply <strong>fluoride treatments and dental sealants<\/strong> for extra protection against cavities.<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"faq-item\">\r\n          <button class=\"faq-q\" type=\"button\">\r\n            Are baby teeth really important if they fall out anyway?\r\n            <span class=\"faq-icon\" aria-hidden=\"true\"><\/span>\r\n          <\/button>\r\n          <div class=\"faq-a\"><p>Yes, absolutely. Baby teeth <strong>hold space for permanent teeth<\/strong>, support proper speech development, and enable children to chew properly. Early tooth loss can cause permanent teeth to come in crooked or misaligned \u2014 so protecting baby teeth is essential.<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"faq-item\">\r\n          <button class=\"faq-q\" type=\"button\">\r\n            What should I do if my child knocks out a tooth?\r\n            <span class=\"faq-icon\" aria-hidden=\"true\"><\/span>\r\n          <\/button>\r\n          <div class=\"faq-a\"><p>For a <strong>permanent tooth<\/strong>: pick it up by the crown (not the root), rinse gently, and try to reinsert it or keep it in milk. Contact us immediately \u2014 time is critical. For <strong>baby teeth<\/strong>, do not try to reinsert; contact us for guidance.<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"faq-item\">\r\n          <button class=\"faq-q\" type=\"button\">\r\n            Does OD Clinic provide comprehensive pediatric dental care?\r\n            <span class=\"faq-icon\" aria-hidden=\"true\"><\/span>\r\n          <\/button>\r\n          <div class=\"faq-a\"><p>Yes \u2014 OD Clinic in Alanya offers <strong>complete pediatric dental services<\/strong> including routine checkups, cleanings, fluoride treatments, fillings, sealants, early orthodontic assessment, and emergency care \u2014 all in a warm, child-friendly environment.<\/p><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- WHY ALANYA \u2014 Process card 03 -->\r\n  <section class=\"proc\">\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\">Destination<\/span>\r\n        <h3 class=\"dp p-title\">Why Alanya for<br\/><em>Children's Dentistry?<\/em><\/h3>\r\n        <div class=\"rule\"><\/div>\r\n        <p class=\"p-desc\">In Turkey, pediatric dental care has advanced significantly \u2014 combining <strong>international standards<\/strong> with affordable pricing that makes high-quality children's dental care accessible to families from around the world.<\/p>\r\n        <p class=\"p-desc\">Your child will be treated in a modern, welcoming clinic purpose-built with young patients in mind \u2014 right in the heart of beautiful Alanya, where families can combine essential dental care with a <strong>relaxing Mediterranean holiday<\/strong>.<\/p>\r\n        <ul class=\"p-list\">\r\n          <li><div><strong>Up to 70% Savings<\/strong>Expert pediatric care at a fraction of European prices<\/div><\/li>\r\n          <li><div><strong>Family-Friendly<\/strong>Modern clinic and child-centred care alongside Alanya's beaches<\/div><\/li>\r\n          <li><div><strong>International Standards<\/strong>European-grade materials, equipment and clinical protocols<\/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\/DSC06452-scaled.jpg\" alt=\"OD Clinic Alanya, Turkey\"\/>\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\">Our Expertise<\/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\">OD Clinic provides high-quality pediatric dental care in a welcoming and safe environment, with a growing patient base of families from Europe, the UK, the USA, and beyond \u2014 delivering specialist care for children of all ages.<\/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>Experienced Pediatric Dentists<\/h4>\r\n                <p>Specialized training in managing the dental health of children of all ages \u2014 from infants to teenagers.<\/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>Child-Friendly Atmosphere<\/h4>\r\n                <p>A relaxing, fun environment designed to reduce anxiety and build trust from the very first visit.<\/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>Digital Technologies<\/h4>\r\n                <p>Modern X-ray equipment and 3D scanners for accurate, safe and low-radiation diagnosis.<\/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>Strict Hygiene Standards<\/h4>\r\n                <p>Rigorous sterilization protocols and single-use instruments for a completely safe treatment environment.<\/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>Personalized Care<\/h4>\r\n                <p>No two children are the same. Every treatment plan is uniquely designed for your child's needs.<\/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\/04\/DSCF3941-scaled-1.jpg\" alt=\"OD Clinic Pediatric Care Team\"\/>\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\">Smiles That Last<br\/><em>A Lifetime<\/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 Started<\/span>\r\n      <h2 class=\"cta-h rv t1\">Ready For Your<br\/><em>Child's Healthy Smile?<\/em><\/h2>\r\n      <p class=\"cta-p rv t2\">Book a free consultation today and discover how our pediatric dental team at OD Clinic can give your child a lifetime of healthy, confident smiles \u2014 affordably, in beautiful Alanya, Turkey.<\/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>OD Clinic \u00b7 Alanya Children&#8217;s Dental Care PediatricDentistry Treatment Children &amp; TeensFrom First Tooth Pediatric Dentistry\u00b7 First Dental Visit\u00b7 Cavity Prevention\u00b7 Fluoride Treatments\u00b7 Dental Sealants\u00b7 Child-Friendly Care\u00b7 Early Orthodontics\u00b7 Gentle Treatment\u00b7 Pediatric Dentistry\u00b7 First Dental Visit\u00b7 Cavity Prevention\u00b7 Fluoride Treatments\u00b7 Dental Sealants\u00b7 Child-Friendly Care\u00b7 Early Orthodontics\u00b7 Gentle Treatment\u00b7 01 About the Treatment What isPediatric Dentistry? Pediatric dentistry is a specialized&hellip;<\/p>","protected":false},"author":8,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-13542","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/odclinic.com\/de\/wp-json\/wp\/v2\/pages\/13542","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/odclinic.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/odclinic.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/odclinic.com\/de\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/odclinic.com\/de\/wp-json\/wp\/v2\/comments?post=13542"}],"version-history":[{"count":34,"href":"https:\/\/odclinic.com\/de\/wp-json\/wp\/v2\/pages\/13542\/revisions"}],"predecessor-version":[{"id":13698,"href":"https:\/\/odclinic.com\/de\/wp-json\/wp\/v2\/pages\/13542\/revisions\/13698"}],"wp:attachment":[{"href":"https:\/\/odclinic.com\/de\/wp-json\/wp\/v2\/media?parent=13542"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}