{"id":23351,"date":"2025-04-22T16:50:27","date_gmt":"2025-04-22T13:50:27","guid":{"rendered":"https:\/\/drcinik.com\/?page_id=23351"},"modified":"2025-07-31T15:30:19","modified_gmt":"2025-07-31T12:30:19","slug":"oncesi-sonrasi","status":"publish","type":"page","link":"http:\/\/drcinik.com\/tr\/oncesi-sonrasi\/","title":{"rendered":"\u00f6ncesi-sonras\u0131"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"23351\" class=\"elementor elementor-23351 elementor-19426\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a3d0e45 e-flex e-con-boxed e-con e-parent\" data-id=\"a3d0e45\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-1e93e63 e-con-full e-flex e-con e-child\" data-id=\"1e93e63\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0c4f976 elementor-widget elementor-widget-text-editor\" data-id=\"0c4f976\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h1 style=\"text-align: left; color: white;\"><span style=\"font-size: 28px;\">Before-After<\/span><\/h1>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-22a9226 elementor-widget elementor-widget-eael-breadcrumbs\" data-id=\"22a9226\" data-element_type=\"widget\" data-widget_type=\"eael-breadcrumbs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"eael-breadcrumbs\">\n\t\t\t<div class=\"eael-breadcrumbs__content\"><a href=\"https:\/\/drcinik.com\/tr\/\">Home<\/a> <span class=\"eael-breadcrumb-separator\">\u2192<\/span> <span class = \"eael-current\">Sayfa<\/span><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2c9b0831 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"2c9b0831\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-40e3730f elementor-pagination-type-bullets elementor-arrows-position-inside elementor-pagination-position-outside elementor-widget elementor-widget-n-carousel\" data-id=\"40e3730f\" data-element_type=\"widget\" data-settings=\"{&quot;carousel_items&quot;:[{&quot;slide_title&quot;:&quot;Slide #1&quot;,&quot;_id&quot;:&quot;5c19bbe&quot;},{&quot;slide_title&quot;:&quot;Slide #1&quot;,&quot;_id&quot;:&quot;afa1fc2&quot;},{&quot;slide_title&quot;:&quot;Slide #1&quot;,&quot;_id&quot;:&quot;96991d8&quot;}],&quot;slides_to_show&quot;:&quot;1&quot;,&quot;slides_to_show_tablet&quot;:&quot;2&quot;,&quot;slides_to_show_mobile&quot;:&quot;1&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;autoplay_speed&quot;:5000,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;speed&quot;:500,&quot;offset_sides&quot;:&quot;none&quot;,&quot;arrows&quot;:&quot;yes&quot;,&quot;pagination&quot;:&quot;bullets&quot;,&quot;image_spacing_custom&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;image_spacing_custom_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;image_spacing_custom_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-carousel.default\">\n\t\t\t\t\t\t\t<div class=\"e-n-carousel swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Carousel\" dir=\"ltr\">\n\t\t\t<div class=\"swiper-wrapper\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" data-slide=\"1\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 3\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-596ce06f e-flex e-con-boxed e-con e-child\" data-id=\"596ce06f\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-87b94f e-con-full e-flex e-con e-child\" data-id=\"87b94f\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-62532036 e-con-full e-flex e-con e-child\" data-id=\"62532036\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3f4ce5be elementor-absolute elementor-widget elementor-widget-html\" data-id=\"3f4ce5be\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <style>\n        .watch-button {\n            display: flex;\n            align-items: center;\n            cursor: pointer;\n            font-family: Arial, sans-serif;\n            width: fit-content;\n        }\n        \n        .play-icon {\n            background-color: #ffffff;\n            width: 36px;\n            height: 36px;\n            min-width: 36px;\n            border-radius: 8px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-right: 10px;\n        }\n        \n        .play-triangle {\n            width: 0;\n            height: 0;\n            border-style: solid;\n            border-width: 8px 0 8px 12px;\n            border-color: transparent transparent transparent #3350CC;\n            margin-left: 3px;\n        }\n        \n        .watch-text {\n            color: #ffffff;\n            font-size: 14px;\n            font-weight: 500;\n            line-height: 1.2;\n        }\n        \n        .journey-text {\n            color: #ffffff;\n            font-size: 14px;\n            font-weight: 700;\n            line-height: 1.2;\n        }\n        \n        @media (max-width: 767px) {\n            .play-icon {\n                width: 30px;\n                height: 30px;\n                min-width: 30px;\n            }\n            \n            .play-triangle {\n                border-width: 6px 0 6px 10px;\n            }\n            \n            .watch-text, .journey-text {\n                font-size: 12px;\n            }\n        }\n        \n        @media (max-width: 359px) {\n            .watch-button {\n                flex-direction: column;\n                align-items: flex-start;\n            }\n            \n            .play-icon {\n                margin-bottom: 5px;\n                margin-right: 0;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"watch-button\" id=\"watchButton\">\n        <div class=\"play-icon\">\n            <div class=\"play-triangle\"><\/div>\n        <\/div>\n        <div class=\"watch-text\">\n            Watch Reo Finand's <br><span class=\"journey-text\">Hair Transplantation Journey!<\/span>\n        <\/div>\n    <\/div>\n    \n    <script>\n        const watchButton = document.getElementById('watchButton');\n        \n        watchButton.addEventListener('click', function() {\n            \/\/ Replace with your video URL\n            const videoUrl = 'YOUR_VIDEO_URL';\n            window.open(videoUrl, '_blank');\n        });\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1c42a526 e-con-full e-flex e-con e-child\" data-id=\"1c42a526\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-650ffa57 elementor-widget elementor-widget-image\" data-id=\"650ffa57\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"730\" height=\"420\" src=\"https:\/\/drcinik.com\/wp-content\/uploads\/2023\/09\/julio-cesar-02.jpg\" class=\"attachment-large size-large wp-image-27422\" alt=\"\" srcset=\"https:\/\/drcinik.com\/wp-content\/uploads\/2023\/09\/julio-cesar-02.jpg 730w, https:\/\/drcinik.com\/wp-content\/uploads\/2023\/09\/julio-cesar-02-300x173.jpg 300w\" sizes=\"(max-width: 730px) 100vw, 730px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-54615685 elementor-widget elementor-widget-image\" data-id=\"54615685\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"730\" height=\"420\" src=\"https:\/\/drcinik.com\/wp-content\/uploads\/2023\/09\/julio-cesar-03.jpg\" class=\"attachment-large size-large wp-image-27427\" alt=\"\" srcset=\"https:\/\/drcinik.com\/wp-content\/uploads\/2023\/09\/julio-cesar-03.jpg 730w, https:\/\/drcinik.com\/wp-content\/uploads\/2023\/09\/julio-cesar-03-300x173.jpg 300w\" sizes=\"(max-width: 730px) 100vw, 730px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6722e038 e-con-full e-flex e-con e-child\" data-id=\"6722e038\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5ebc2eb0 elementor-widget elementor-widget-image\" data-id=\"5ebc2eb0\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"730\" height=\"420\" src=\"https:\/\/drcinik.com\/wp-content\/uploads\/2023\/09\/julio-cesar-01.jpg\" class=\"attachment-large size-large wp-image-27417\" alt=\"\" srcset=\"https:\/\/drcinik.com\/wp-content\/uploads\/2023\/09\/julio-cesar-01.jpg 730w, https:\/\/drcinik.com\/wp-content\/uploads\/2023\/09\/julio-cesar-01-300x173.jpg 300w\" sizes=\"(max-width: 730px) 100vw, 730px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1a3a9f2c elementor-widget elementor-widget-image\" data-id=\"1a3a9f2c\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"730\" height=\"420\" src=\"https:\/\/drcinik.com\/wp-content\/uploads\/2023\/09\/julio-cesar-03.jpg\" class=\"attachment-large size-large wp-image-27427\" alt=\"\" srcset=\"https:\/\/drcinik.com\/wp-content\/uploads\/2023\/09\/julio-cesar-03.jpg 730w, https:\/\/drcinik.com\/wp-content\/uploads\/2023\/09\/julio-cesar-03-300x173.jpg 300w\" sizes=\"(max-width: 730px) 100vw, 730px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" data-slide=\"2\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 of 3\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d068ef0 e-flex e-con-boxed e-con e-child\" data-id=\"d068ef0\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-8bea254 e-con-full e-flex e-con e-child\" data-id=\"8bea254\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-b21f998 e-con-full e-flex e-con e-child\" data-id=\"b21f998\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8927ed8 elementor-absolute elementor-widget elementor-widget-html\" data-id=\"8927ed8\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n   \n    <style>\n        .watch-button {\n            display: flex;\n            align-items: center;\n            cursor: pointer;\n            font-family: Arial, sans-serif;\n            width: fit-content;\n        }\n        \n        .play-icon {\n            background-color: #ffffff;\n            width: 36px;\n            height: 36px;\n            min-width: 36px;\n            border-radius: 8px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-right: 10px;\n        }\n        \n        .play-triangle {\n            width: 0;\n            height: 0;\n            border-style: solid;\n            border-width: 8px 0 8px 12px;\n            border-color: transparent transparent transparent #3350CC;\n            margin-left: 3px;\n        }\n        \n        .watch-text {\n            color: #ffffff;\n            font-size: 14px;\n            font-weight: 500;\n            line-height: 1.2;\n        }\n        \n        .journey-text {\n            color: #ffffff;\n            font-size: 14px;\n            font-weight: 700;\n            line-height: 1.2;\n        }\n        \n        @media (max-width: 767px) {\n            .play-icon {\n                width: 30px;\n                height: 30px;\n                min-width: 30px;\n            }\n            \n            .play-triangle {\n                border-width: 6px 0 6px 10px;\n            }\n            \n            .watch-text, .journey-text {\n                font-size: 12px;\n            }\n        }\n        \n        @media (max-width: 359px) {\n            .watch-button {\n                flex-direction: column;\n                align-items: flex-start;\n            }\n            \n            .play-icon {\n                margin-bottom: 5px;\n                margin-right: 0;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"watch-button\" id=\"watchButton\">\n        <div class=\"play-icon\">\n            <div class=\"play-triangle\"><\/div>\n        <\/div>\n        <div class=\"watch-text\">\n            Watch Reo Finand's <br><span class=\"journey-text\">Hair Transplantation Journey!<\/span>\n        <\/div>\n    <\/div>\n    \n    <script>\n        const watchButton = document.getElementById('watchButton');\n        \n        watchButton.addEventListener('click', function() {\n            \/\/ Replace with your video URL\n            const videoUrl = 'YOUR_VIDEO_URL';\n            window.open(videoUrl, '_blank');\n        });\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-56f1eed e-con-full e-flex e-con e-child\" data-id=\"56f1eed\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8e3200a elementor-widget elementor-widget-image\" data-id=\"8e3200a\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Artboard-1-copy-68-1024x1024.webp\" class=\"attachment-large size-large wp-image-10869\" alt=\"hair transplant before At dr cinik from side of MATTEO DIAMENTE\" srcset=\"https:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Artboard-1-copy-68-1024x1024.webp 1024w, https:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Artboard-1-copy-68-300x300.webp 300w, https:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Artboard-1-copy-68-150x150.webp 150w, https:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Artboard-1-copy-68-768x768.webp 768w, https:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Artboard-1-copy-68-400x400.webp 400w, https:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Artboard-1-copy-68-75x75.webp 75w, https:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Artboard-1-copy-68-460x460.webp 460w, https:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Artboard-1-copy-68.webp 1081w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3fe7e7c elementor-widget elementor-widget-image\" data-id=\"3fe7e7c\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Artboard-1-copy-65-1024x1024.webp\" class=\"attachment-large size-large wp-image-10859\" alt=\"Hair transplant Before at DR cinik hospital\" srcset=\"https:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Artboard-1-copy-65-1024x1024.webp 1024w, https:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Artboard-1-copy-65-300x300.webp 300w, https:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Artboard-1-copy-65-150x150.webp 150w, https:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Artboard-1-copy-65-768x768.webp 768w, https:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Artboard-1-copy-65-400x400.webp 400w, https:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Artboard-1-copy-65-75x75.webp 75w, https:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Artboard-1-copy-65-460x460.webp 460w, https:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Artboard-1-copy-65.webp 1081w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e568e8a e-con-full e-flex e-con e-child\" data-id=\"e568e8a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0d1f0ba elementor-widget elementor-widget-image\" data-id=\"0d1f0ba\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Untitled-1df-1024x1024.webp\" class=\"attachment-large size-large wp-image-10880\" alt=\"Hair transplant after at DR cinik hospital MATTEO DIAMENTE\" srcset=\"https:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Untitled-1df-1024x1024.webp 1024w, https:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Untitled-1df-300x300.webp 300w, https:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Untitled-1df-150x150.webp 150w, https:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Untitled-1df-768x768.webp 768w, https:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Untitled-1df-400x400.webp 400w, https:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Untitled-1df-75x75.webp 75w, https:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Untitled-1df-460x460.webp 460w, https:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Untitled-1df.webp 1080w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5cb8076 elementor-widget elementor-widget-image\" data-id=\"5cb8076\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Artboard-1-copy-69-1024x1024.webp\" class=\"attachment-large size-large wp-image-10874\" alt=\"hair transplant before At dr cinik from side of MATTEO DIAMENTE\" srcset=\"https:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Artboard-1-copy-69-1024x1024.webp 1024w, https:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Artboard-1-copy-69-300x300.webp 300w, https:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Artboard-1-copy-69-150x150.webp 150w, https:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Artboard-1-copy-69-768x768.webp 768w, https:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Artboard-1-copy-69-400x400.webp 400w, https:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Artboard-1-copy-69-75x75.webp 75w, https:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Artboard-1-copy-69-460x460.webp 460w, https:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Artboard-1-copy-69.webp 1081w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" data-slide=\"3\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 of 3\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e39d4e7 e-flex e-con-boxed e-con e-child\" data-id=\"e39d4e7\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-402fbdd e-con-full e-flex e-con e-child\" data-id=\"402fbdd\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-b3b8562 e-con-full e-flex e-con e-child\" data-id=\"b3b8562\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1ef98fd elementor-absolute elementor-widget elementor-widget-html\" data-id=\"1ef98fd\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\n    <style>\n        .watch-button {\n            display: flex;\n            align-items: center;\n            cursor: pointer;\n            font-family: Arial, sans-serif;\n            width: fit-content;\n        }\n        \n        .play-icon {\n            background-color: #ffffff;\n            width: 36px;\n            height: 36px;\n            min-width: 36px;\n            border-radius: 8px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-right: 10px;\n        }\n        \n        .play-triangle {\n            width: 0;\n            height: 0;\n            border-style: solid;\n            border-width: 8px 0 8px 12px;\n            border-color: transparent transparent transparent #3350CC;\n            margin-left: 3px;\n        }\n        \n        .watch-text {\n            color: #ffffff;\n            font-size: 14px;\n            font-weight: 500;\n            line-height: 1.2;\n        }\n        \n        .journey-text {\n            color: #ffffff;\n            font-size: 14px;\n            font-weight: 700;\n            line-height: 1.2;\n        }\n        \n        @media (max-width: 767px) {\n            .play-icon {\n                width: 30px;\n                height: 30px;\n                min-width: 30px;\n            }\n            \n            .play-triangle {\n                border-width: 6px 0 6px 10px;\n            }\n            \n            .watch-text, .journey-text {\n                font-size: 12px;\n            }\n        }\n        \n        @media (max-width: 359px) {\n            .watch-button {\n                flex-direction: column;\n                align-items: flex-start;\n            }\n            \n            .play-icon {\n                margin-bottom: 5px;\n                margin-right: 0;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"watch-button\" id=\"watchButton\">\n        <div class=\"play-icon\">\n            <div class=\"play-triangle\"><\/div>\n        <\/div>\n        <div class=\"watch-text\">\n            Watch Reo Finand's <br><span class=\"journey-text\">Hair Transplantation Journey!<\/span>\n        <\/div>\n    <\/div>\n    \n    <script>\n        const watchButton = document.getElementById('watchButton');\n        \n        watchButton.addEventListener('click', function() {\n            \/\/ Replace with your video URL\n            const videoUrl = 'YOUR_VIDEO_URL';\n            window.open(videoUrl, '_blank');\n        });\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8e1c404 e-con-full e-flex e-con e-child\" data-id=\"8e1c404\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bfcaee5 elementor-widget elementor-widget-image\" data-id=\"bfcaee5\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"730\" height=\"420\" src=\"https:\/\/drcinik.com\/wp-content\/uploads\/2023\/09\/julio-cesar-02.jpg\" class=\"attachment-large size-large wp-image-27422\" alt=\"\" srcset=\"https:\/\/drcinik.com\/wp-content\/uploads\/2023\/09\/julio-cesar-02.jpg 730w, https:\/\/drcinik.com\/wp-content\/uploads\/2023\/09\/julio-cesar-02-300x173.jpg 300w\" sizes=\"(max-width: 730px) 100vw, 730px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-77bd3a8 elementor-widget elementor-widget-image\" data-id=\"77bd3a8\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"730\" height=\"420\" src=\"https:\/\/drcinik.com\/wp-content\/uploads\/2023\/09\/julio-cesar-03.jpg\" class=\"attachment-large size-large wp-image-27427\" alt=\"\" srcset=\"https:\/\/drcinik.com\/wp-content\/uploads\/2023\/09\/julio-cesar-03.jpg 730w, https:\/\/drcinik.com\/wp-content\/uploads\/2023\/09\/julio-cesar-03-300x173.jpg 300w\" sizes=\"(max-width: 730px) 100vw, 730px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6cc94f4 e-con-full e-flex e-con e-child\" data-id=\"6cc94f4\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bf8d7b4 elementor-widget elementor-widget-image\" data-id=\"bf8d7b4\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"730\" height=\"420\" src=\"https:\/\/drcinik.com\/wp-content\/uploads\/2023\/09\/julio-cesar-01.jpg\" class=\"attachment-large size-large wp-image-27417\" alt=\"\" srcset=\"https:\/\/drcinik.com\/wp-content\/uploads\/2023\/09\/julio-cesar-01.jpg 730w, https:\/\/drcinik.com\/wp-content\/uploads\/2023\/09\/julio-cesar-01-300x173.jpg 300w\" sizes=\"(max-width: 730px) 100vw, 730px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-417cad2 elementor-widget elementor-widget-image\" data-id=\"417cad2\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"730\" height=\"420\" src=\"https:\/\/drcinik.com\/wp-content\/uploads\/2023\/09\/julio-cesar-03.jpg\" class=\"attachment-large size-large wp-image-27427\" alt=\"\" srcset=\"https:\/\/drcinik.com\/wp-content\/uploads\/2023\/09\/julio-cesar-03.jpg 730w, https:\/\/drcinik.com\/wp-content\/uploads\/2023\/09\/julio-cesar-03-300x173.jpg 300w\" sizes=\"(max-width: 730px) 100vw, 730px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-prev\" role=\"button\" tabindex=\"0\" aria-label=\"Previous\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-left\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M646 125C629 125 613 133 604 142L308 442C296 454 292 471 292 487 292 504 296 521 308 533L604 854C617 867 629 875 646 875 663 875 679 871 692 858 704 846 713 829 713 812 713 796 708 779 692 767L438 487 692 225C700 217 708 204 708 187 708 171 704 154 692 142 675 129 663 125 646 125Z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-next\" role=\"button\" tabindex=\"0\" aria-label=\"Next\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-right\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M696 533C708 521 713 504 713 487 713 471 708 454 696 446L400 146C388 133 375 125 354 125 338 125 325 129 313 142 300 154 292 171 292 187 292 204 296 221 308 233L563 492 304 771C292 783 288 800 288 817 288 833 296 850 308 863 321 871 338 875 354 875 371 875 388 867 400 854L696 533Z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t\t\t\t<div class=\"swiper-pagination\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ee3073e e-flex e-con-boxed e-con e-parent\" data-id=\"ee3073e\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-640dfb1 elementor-widget elementor-widget-html\" data-id=\"640dfb1\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Before & After Gallery - Elementor Compatible -->\r\n<div class=\"dr-cinik-gallery-container\">\r\n    <div class=\"gallery-title-section\">\r\n        <h2 class=\"gallery-title\">\u00d6ncesi ve Sonras\u0131 Galeris<\/h2>\r\n        <p class=\"gallery-subtitle\">Uzmanl\u0131kla ger\u00e7ekle\u015ftirdi\u011fimiz tedavilerle elde edilen etkileyici d\u00f6n\u00fc\u015f\u00fcmleri g\u00f6r\u00fcn.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"filter-row\">\r\n        <div class=\"filter-dropdown\">\r\n            <select id=\"sort-filter\" class=\"filter-select\">\r\n                <option value=\"newest\">En Yeniler \u00d6nce<\/option>\r\n                <option value=\"oldest\">En Eskiler \u00d6nce<\/option>\r\n            <\/select>\r\n        <\/div>\r\n        \r\n        <div class=\"filter-dropdown\">\r\n            <select id=\"procedure-filter\" class=\"filter-select\">\r\n                <option value=\"all\">T\u00fcm \u0130\u015flemler<\/option>\r\n                <option value=\"hair-transplant\">Sa\u00e7 Ekimi<\/option>\r\n                <option value=\"Rhinoplasty\">Rinoplasti<\/option>\r\n                <option value=\"beard-transplant\">Sakal Ekimi<\/option>\r\n                <option value=\"dental\">di\u015f<\/option>\r\n            <\/select>\r\n        <\/div>\r\n        \r\n        <div class=\"filter-dropdown\">\r\n            <select id=\"gender-filter\" class=\"filter-select\">\r\n                <option value=\"all\">T\u00fcm Cinsiyetler<\/option>\r\n                <option value=\"male\">Erkek<\/option>\r\n                <option value=\"female\">Kad\u0131n<\/option>\r\n            <\/select>\r\n        <\/div>\r\n        \r\n        <div class=\"filter-dropdown\">\r\n            <select id=\"country-filter\" class=\"filter-select\">\r\n                <option value=\"all\">T\u00fcm \u00dclkeler<\/option>\r\n                <option value=\"turkey\">T\u00fcrkiye<\/option>\r\n                <option value=\"uk\">\u0130ngiltere<\/option>\r\n                <option value=\"usa\">Amerika<\/option>\r\n                <option value=\"france\">Fransa<\/option>\r\n            <\/select>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div id=\"gallery-grid\" class=\"gallery-grid\">\r\n        <!-- Gallery items will be added here by JavaScript -->\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* Reset and base styles *\/\r\n.dr-cinik-gallery-container * {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n    font-family: inherit;\r\n}\r\n\r\n.dr-cinik-gallery-container {\r\n    width: 100%;\r\n    margin: 0 auto;\r\n    padding: 0;\r\n}\r\n\r\n\/* Gallery title styles *\/\r\n.gallery-title-section {\r\n    text-align: center;\r\n    margin-bottom: 30px;\r\n}\r\n\r\n.gallery-title {\r\n    font-size: 32px;\r\n    font-weight: 600;\r\n    color: #2c3e50;\r\n    margin-bottom: 10px;\r\n}\r\n\r\n.gallery-subtitle {\r\n    font-size: 16px;\r\n    color: #7f8c8d;\r\n    max-width: 800px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* Filter styles *\/\r\n.filter-row {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    gap: 15px;\r\n    margin-bottom: 40px;\r\n}\r\n\r\n.filter-dropdown {\r\n    flex: 1;\r\n    min-width: 150px;\r\n    max-width: 300px;\r\n}\r\n\r\n.filter-select {\r\n    width: 100%;\r\n    padding: 12px 15px;\r\n    border: 1px solid #e0e0e0;\r\n    border-radius: 8px;\r\n    background-color: white;\r\n    color: #333;\r\n    font-size: 14px;\r\n    appearance: none;\r\n    background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C\/polyline%3E%3C\/svg%3E\");\r\n    background-repeat: no-repeat;\r\n    background-position: right 15px center;\r\n    box-shadow: 0 2px 5px rgba(0,0,0,0.05);\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.filter-select:hover {\r\n    border-color: #3a7bd5;\r\n    box-shadow: 0 4px 8px rgba(0,0,0,0.1);\r\n}\r\n\r\n.filter-select:focus {\r\n    outline: none;\r\n    border-color: #3a7bd5;\r\n}\r\n\r\n\/* Gallery grid *\/\r\n.gallery-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\r\n    gap: 25px;\r\n    width: 100%;\r\n}\r\n\r\n\/* Before\/After Card *\/\r\n.gallery-item {\r\n    background-color: white;\r\n    border-radius: 10px;\r\n    overflow: hidden;\r\n    box-shadow: 0 5px 15px rgba(0,0,0,0.08);\r\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n}\r\n\r\n.gallery-item:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 10px 25px rgba(0,0,0,0.12);\r\n}\r\n\r\n.comparison-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 0;\r\n    padding-bottom: 100%; \/* Square aspect ratio *\/\r\n    overflow: hidden;\r\n}\r\n\r\n.comparison-after, .comparison-before {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-size: cover;\r\n    background-position: center;\r\n    background-repeat: no-repeat;\r\n}\r\n\r\n.comparison-before {\r\n    width: 50%;\r\n    z-index: 1;\r\n    border-right: 3px solid white;\r\n}\r\n\r\n.comparison-after {\r\n    z-index: 0;\r\n}\r\n\r\n\/* Slider control - UPDATED *\/\r\n.slider-control {\r\n    position: absolute;\r\n    top: 0;\r\n    bottom: 0;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 3px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    z-index: 10;\r\n    cursor: ew-resize;\r\n}\r\n\r\n\/* Updated slider handle - now bigger and more round *\/\r\n.slider-handle {\r\n    width: 46px; \/* Increased from 36px *\/\r\n    height: 46px; \/* Increased from 36px *\/\r\n    background-color: white;\r\n    border-radius: 50%; \/* Already round, but now bigger *\/\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    box-shadow: 0 3px 10px rgba(0,0,0,0.3);\r\n    transition: transform 0.2s ease;\r\n    border: 2px solid #3a7bd5; \/* Added border for better visibility *\/\r\n}\r\n\r\n.slider-handle:hover {\r\n    transform: scale(1.1);\r\n}\r\n\r\n.slider-arrows {\r\n    color: #3a7bd5;\r\n    font-size: 20px; \/* Slightly bigger arrows *\/\r\n    line-height: 1;\r\n}\r\n\r\n\/* Labels and watermark *\/\r\n.label {\r\n    position: absolute;\r\n    top: 15px;\r\n    padding: 5px 12px;\r\n    background-color: rgba(0,0,0,0.6);\r\n    color: white;\r\n    font-size: 12px;\r\n    border-radius: 20px;\r\n    z-index: 5;\r\n}\r\n\r\n.before-label {\r\n    left: 15px;\r\n}\r\n\r\n.after-label {\r\n    right: 15px;\r\n}\r\n\r\n.watermark {\r\n    position: absolute;\r\n    bottom: 15px;\r\n    left: 15px;\r\n    color: white;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    text-shadow: 0 2px 4px rgba(0,0,0,0.5);\r\n    z-index: 5;\r\n}\r\n\r\n\/* Item info *\/\r\n.item-info {\r\n    padding: 15px;\r\n}\r\n\r\n.item-title {\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    color: #2c3e50;\r\n    margin-bottom: 5px;\r\n}\r\n\r\n.item-date {\r\n    color: #95a5a6;\r\n    font-size: 14px;\r\n    margin-bottom: 12px;\r\n}\r\n\r\n.item-tags {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 8px;\r\n    justify-content: center;\r\n}\r\n\r\n.tag {\r\n    background-color: #f0f5ff;\r\n    color: #3a7bd5;\r\n    padding: 4px 12px;\r\n    border-radius: 20px;\r\n    font-size: 12px;\r\n    font-weight: 500;\r\n}\r\n\r\n\/* Responsive adjustments *\/\r\n@media (max-width: 768px) {\r\n    .filter-row {\r\n        flex-direction: column;\r\n        align-items: center;\r\n    }\r\n    \r\n    .filter-dropdown {\r\n        width: 100%;\r\n        max-width: 100%;\r\n    }\r\n    \r\n    .gallery-title {\r\n        font-size: 28px;\r\n    }\r\n    \r\n    .gallery-grid {\r\n        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    \/\/ Gallery data\r\n    const galleryData = [\r\n        {\r\n            id: 1,\r\n            title: \"Sa\u00e7 Ekimi - 4500 Greft\",\r\n            procedure: \"sa\u00e7-ekimi\",\r\n            gender: \"Erkek\",\r\n            country: \"T\u00fcrkiye\",\r\n            date: \"2023-08-15\",\r\n            beforeImage: \"http:\/\/drcinik.com\/wp-content\/uploads\/2023\/08\/fue-4500-grafts-before-01.jpg\",\r\n            afterImage: \"http:\/\/drcinik.com\/wp-content\/uploads\/2023\/08\/fue-4500-grafts-after-01.jpg\"\r\n        },\r\n        {\r\n            id: 2,\r\n            title: \"Sa\u00e7 Ekimi - 4600 Greft\",\r\n            procedure: \"sa\u00e7-ekimi\",\r\n            gender: \"erkek\",\r\n            country: \"\u0130ngiltere\",\r\n            date: \"2023-08-10\",\r\n            beforeImage: \"http:\/\/drcinik.com\/wp-content\/uploads\/2023\/08\/fue-4600-grafts-before-01.jpg\",\r\n            afterImage: \"http:\/\/drcinik.com\/wp-content\/uploads\/2023\/08\/fue-4600-grafts-after-01.jpg\"\r\n        },\r\n        {\r\n            id: 3,\r\n            title: \"Sa\u00e7 Ekimi - 4200 Greft\",\r\n            procedure: \"sa\u00e7-ekimi\",\r\n            gender: \"erkek\",\r\n            country: \"Amerika\",\r\n            date: \"2023-08-05\",\r\n            beforeImage: \"http:\/\/drcinik.com\/wp-content\/uploads\/2023\/08\/sapphire-dhi-4200-grafts-before-01.jpg\",\r\n            afterImage: \"http:\/\/drcinik.com\/wp-content\/uploads\/2023\/08\/sapphire-dhi-4200-grafts-after-01.jpg\"\r\n        },\r\n         {\r\n            id: 4,\r\n            title: \"rinoplasti\",\r\n            procedure: \"rinoplasti\",\r\n            gender: \"Kad\u0131n\",\r\n            country: \"\u0130ngiltere\",\r\n            date: \"2023-08-10\",\r\n            beforeImage: \"http:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Isimsiz1-Rhionoplasty-1-2.jpg\",\r\n            afterImage: \"http:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Isimsiz1-Rhinoplasty-1-3.jpg\"\r\n        },\r\n\r\n\r\n         {\r\n            id: 5,\r\n            title: \"di\u015f\",\r\n            procedure: \"di\u015f\",\r\n            gender: \"Kad\u0131n\",\r\n            country: \"fransa\",\r\n            date: \"2023-08-10\",\r\n            beforeImage: \"http:\/\/drcinik.com\/wp-content\/uploads\/2023\/08\/zirconium-veneer-before-02.jpg\",\r\n            afterImage: \"http:\/\/drcinik.com\/wp-content\/uploads\/2023\/08\/zirconium-veneer-after-02.jpg\"\r\n        },\r\n\r\n\r\n         {\r\n            id: 6,\r\n            title: \"sakal\",\r\n            procedure: \"sakal-ekimi\",\r\n            gender: \"erkek\",\r\n            country: \"\u0130ngiltere\",\r\n            date: \"2023-08-10\",\r\n            beforeImage: \"http:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Artboard-5-copy-20.webp\",\r\n            afterImage: \"http:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Artboard-5-copy-21.webp\"\r\n        },\r\n\r\n        {\r\n            id: 7,\r\n            title: \"sa\u00e7-ekimi\",\r\n            procedure: \"sa\u00e7-ekimi\",\r\n            gender: \"erkek\",\r\n            country: \"\u0130ngiltere\",\r\n            date: \"2023-08-10\",\r\n            beforeImage: \"http:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Artboard-1-copy-65.webp\",\r\n            afterImage: \"http:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Artboard-1-copy-67.webp\"\r\n        },\r\n\r\n\r\n         {\r\n            id: 8,\r\n            title: \"sa\u00e7-ekimi\",\r\n            procedure: \"sa\u00e7-ekimi\",\r\n            gender: \"erkek\",\r\n            country: \"\u0130ngiltere\",\r\n            date: \"2023-08-10\",\r\n            beforeImage: \"http:\/\/drcinik.com\/wp-content\/uploads\/2022\/10\/fue-4350-grafts-before-01.jpg\",\r\n            afterImage: \"http:\/\/drcinik.com\/wp-content\/uploads\/2022\/10\/fue-4350-grafts-after-01.jpg\"\r\n        },\r\n\r\n            {\r\n            id: 9,\r\n            title: \"sa\u00e7-ekimit\",\r\n            procedure: \"sa\u00e7-ekimi\",\r\n            gender: \"erkek\",\r\n            country: \"\u0130ngiltere\",\r\n            date: \"2024-08-10\",\r\n            beforeImage: \"http:\/\/drcinik.com\/wp-content\/uploads\/2023\/08\/sapphire-fue-4150-grafts-before-02.jpg\",\r\n            afterImage: \"http:\/\/drcinik.com\/wp-content\/uploads\/2023\/08\/sapphire-fue-4150-grafts-after-01.jpg\"\r\n        },\r\n\r\n\r\n           {\r\n            id: 10,\r\n            title: \"rinoplasti\",\r\n            procedure: \"rinoplasti\",\r\n            gender: \"erkek\",\r\n            country: \"\u0130ngiltere\",\r\n            date: \"2024-08-10\",\r\n            beforeImage: \"http:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/LorenzoIurlo-Rhinoplasty1-3.jpg\",\r\n            afterImage: \"http:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/LorenzoIurlo-Rhinoplasty1-2.jpg\"\r\n        },\r\n\r\n\r\n\r\n   {\r\n            id: 11,\r\n            title: \"sa\u00e7-ekimi\",\r\n            procedure: \"sa\u00e7-ekimi\",\r\n            gender: \"erkek\",\r\n            country: \"\u0130ngiltere\",\r\n            date: \"2025-04-10\",\r\n            beforeImage: \"http:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Artboard-5-copy-33.webp\",\r\n            afterImage: \"http:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Artboard-5-copy-32.webp\"\r\n        },\r\n\r\n\r\n           {\r\n            id: 12,\r\n            title: \"sa\u00e7-ekimi\",\r\n            procedure: \"sa\u00e7-ekimi\",\r\n            gender: \"erkek\",\r\n            country: \"\u0130ngiltere\",\r\n            date: \"2023-08-10\",\r\n            beforeImage: \"http:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Artboard-5-copy-37.webp\",\r\n            afterImage: \"http:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Artboard-5-copy-36.webp\"\r\n        },\r\n\r\n\r\n\r\n\r\n\r\n\r\n    ];\r\n    \r\n    \/\/ Filter state\r\n    let filters = {\r\n        sort: 'newest',\r\n        procedure: 'all',\r\n        gender: 'all',\r\n        country: 'all'\r\n    };\r\n    \r\n    \/\/ DOM elements\r\n    const galleryGrid = document.getElementById('gallery-grid');\r\n    const sortFilter = document.getElementById('sort-filter');\r\n    const procedureFilter = document.getElementById('procedure-filter');\r\n    const genderFilter = document.getElementById('gender-filter');\r\n    const countryFilter = document.getElementById('country-filter');\r\n    \r\n    \/\/ Initialize gallery\r\n    renderGallery();\r\n    \r\n    \/\/ Set up filter event listeners\r\n    sortFilter.addEventListener('change', updateFilters);\r\n    procedureFilter.addEventListener('change', updateFilters);\r\n    genderFilter.addEventListener('change', updateFilters);\r\n    countryFilter.addEventListener('change', updateFilters);\r\n    \r\n    \/\/ Update filters and re-render gallery\r\n    function updateFilters() {\r\n        filters = {\r\n            sort: sortFilter.value,\r\n            procedure: procedureFilter.value,\r\n            gender: genderFilter.value,\r\n            country: countryFilter.value\r\n        };\r\n        \r\n        renderGallery();\r\n    }\r\n    \r\n    \/\/ Render gallery based on current filters\r\n    function renderGallery() {\r\n        \/\/ Clear gallery\r\n        galleryGrid.innerHTML = '';\r\n        \r\n        \/\/ Filter and sort data\r\n        let filteredData = [...galleryData];\r\n        \r\n        if (filters.procedure !== 'all') {\r\n            filteredData = filteredData.filter(item => item.procedure === filters.procedure);\r\n        }\r\n        \r\n        if (filters.gender !== 'all') {\r\n            filteredData = filteredData.filter(item => item.gender === filters.gender);\r\n        }\r\n        \r\n        if (filters.country !== 'all') {\r\n            filteredData = filteredData.filter(item => item.country === filters.country);\r\n        }\r\n        \r\n        filteredData.sort((a, b) => {\r\n            if (filters.sort === 'newest') {\r\n                return new Date(b.date) - new Date(a.date);\r\n            } else {\r\n                return new Date(a.date) - new Date(b.date);\r\n            }\r\n        });\r\n        \r\n        \/\/ Create gallery items\r\n        if (filteredData.length > 0) {\r\n            filteredData.forEach(item => {\r\n                const galleryItem = createGalleryItem(item);\r\n                galleryGrid.appendChild(galleryItem);\r\n                initializeSlider(item.id);\r\n            });\r\n        } else {\r\n            const noResults = document.createElement('div');\r\n            noResults.className = 'no-results';\r\n            noResults.textContent = 'No results found. Try adjusting your filters.';\r\n            galleryGrid.appendChild(noResults);\r\n        }\r\n    }\r\n    \r\n    \/\/ Create gallery item\r\n    function createGalleryItem(item) {\r\n        const galleryItem = document.createElement('div');\r\n        galleryItem.className = 'gallery-item';\r\n        galleryItem.dataset.id = item.id;\r\n        \r\n        const date = new Date(item.date);\r\n        const formattedDate = date.toLocaleDateString('en-US', {\r\n            year: 'numeric',\r\n            month: 'long',\r\n            day: 'numeric'\r\n        });\r\n        \r\n        galleryItem.innerHTML = `\r\n            <div class=\"comparison-wrapper\">\r\n                <div class=\"comparison-after\" style=\"background-image: url('${item.afterImage}')\"><\/div>\r\n                <div class=\"comparison-before\" style=\"background-image: url('${item.beforeImage}')\"><\/div>\r\n                \r\n                <div class=\"label before-label\">Before<\/div>\r\n                <div class=\"label after-label\">After<\/div>\r\n                \r\n                <div class=\"slider-control\" data-id=\"${item.id}\">\r\n                    <div class=\"slider-handle\">\r\n                        <div class=\"slider-arrows\">\u2194<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"watermark\">DR. CINIK<\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"item-info\">\r\n                <h3 class=\"item-title\">${item.title}<\/h3>\r\n                <p class=\"item-date\">${formattedDate}<\/p>\r\n                <div class=\"item-tags\">\r\n                    <span class=\"tag\">${capitalizeFirstLetter(item.procedure.replace('-', ' '))}<\/span>\r\n                    <span class=\"tag\">${capitalizeFirstLetter(item.gender)}<\/span>\r\n                    <span class=\"tag\">${item.country.toUpperCase()}<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        `;\r\n        \r\n        return galleryItem;\r\n    }\r\n    \r\n    \/\/ Initialize slider for a specific gallery item\r\n    function initializeSlider(itemId) {\r\n        const slider = document.querySelector(`.slider-control[data-id=\"${itemId}\"]`);\r\n        if (!slider) return;\r\n        \r\n        const container = slider.closest('.comparison-wrapper');\r\n        const beforeImage = container.querySelector('.comparison-before');\r\n        \r\n        let isDragging = false;\r\n        \r\n        \/\/ Mouse events\r\n        slider.addEventListener('mousedown', function(e) {\r\n            isDragging = true;\r\n            e.preventDefault();\r\n        });\r\n        \r\n        document.addEventListener('mouseup', function() {\r\n            isDragging = false;\r\n        });\r\n        \r\n        document.addEventListener('mousemove', function(e) {\r\n            if (!isDragging) return;\r\n            \r\n            const containerRect = container.getBoundingClientRect();\r\n            const position = (e.clientX - containerRect.left) \/ containerRect.width;\r\n            moveSlider(position, beforeImage, slider);\r\n        });\r\n        \r\n        \/\/ Touch events\r\n        slider.addEventListener('touchstart', function(e) {\r\n            isDragging = true;\r\n        });\r\n        \r\n        document.addEventListener('touchend', function() {\r\n            isDragging = false;\r\n        });\r\n        \r\n        document.addEventListener('touchmove', function(e) {\r\n            if (!isDragging) return;\r\n            \r\n            const touch = e.touches[0];\r\n            const containerRect = container.getBoundingClientRect();\r\n            const position = (touch.clientX - containerRect.left) \/ containerRect.width;\r\n            moveSlider(position, beforeImage, slider);\r\n            \r\n            e.preventDefault(); \/\/ Prevent scrolling\r\n        });\r\n        \r\n        \/\/ Click on container to move slider\r\n        container.addEventListener('click', function(e) {\r\n            if (!e.target.closest('.slider-control')) {\r\n                const containerRect = container.getBoundingClientRect();\r\n                const position = (e.clientX - containerRect.left) \/ containerRect.width;\r\n                moveSlider(position, beforeImage, slider);\r\n            }\r\n        });\r\n    }\r\n    \r\n    \/\/ Move the slider to a specific position\r\n    function moveSlider(position, beforeImage, slider) {\r\n        const clampedPosition = Math.max(0, Math.min(1, position));\r\n        beforeImage.style.width = `${clampedPosition * 100}%`;\r\n        slider.style.left = `${clampedPosition * 100}%`;\r\n    }\r\n    \r\n    \/\/ Helper function to capitalize first letter\r\n    function capitalizeFirstLetter(string) {\r\n        return string.charAt(0).toUpperCase() + string.slice(1);\r\n    }\r\n    \r\n    \/\/ Handle window resize for responsive behavior\r\n    window.addEventListener('resize', function() {\r\n        document.querySelectorAll('.slider-control').forEach(slider => {\r\n            const beforeImage = slider.closest('.comparison-wrapper').querySelector('.comparison-before');\r\n            const width = parseFloat(window.getComputedStyle(beforeImage).width);\r\n            const containerWidth = beforeImage.parentElement.offsetWidth;\r\n            slider.style.left = `${(width \/ containerWidth) * 100}%`;\r\n        });\r\n    });\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9873102 e-flex e-con-boxed e-con e-parent\" data-id=\"9873102\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-a2d034f e-con-full e-flex e-con e-child\" data-id=\"a2d034f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-90dc555 elementor-arrows-position-outside elementor-pagination-position-outside elementor-widget elementor-widget-image-carousel\" data-id=\"90dc555\" data-element_type=\"widget\" data-settings=\"{&quot;slides_to_show&quot;:&quot;5&quot;,&quot;image_spacing_custom&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:59,&quot;sizes&quot;:[]},&quot;slides_to_scroll&quot;:&quot;6&quot;,&quot;image_spacing_custom_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:68,&quot;sizes&quot;:[]},&quot;slides_to_show_mobile&quot;:&quot;2&quot;,&quot;slides_to_scroll_mobile&quot;:&quot;4&quot;,&quot;navigation&quot;:&quot;both&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;autoplay_speed&quot;:5000,&quot;infinite&quot;:&quot;yes&quot;,&quot;speed&quot;:500,&quot;image_spacing_custom_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Image Carousel\" dir=\"ltr\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 \/ 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/drcinik.com\/wp-content\/uploads\/2023\/11\/zurich-sigorta.png\" alt=\"zurich-sigorta\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 \/ 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/drcinik.com\/wp-content\/uploads\/2023\/11\/katilim-emeklilik.png\" alt=\"kat\u0131l\u0131m-emeklilik\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 \/ 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/drcinik.com\/wp-content\/uploads\/2023\/11\/chubb-european-group.png\" alt=\"chubb-european-group\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 \/ 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/drcinik.com\/wp-content\/uploads\/2023\/11\/ray-sigorta.png\" alt=\"ray-sigorta\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"5 \/ 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/drcinik.com\/wp-content\/uploads\/2023\/11\/ankara-sigorta.png\" alt=\"ankara-sigorta\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"6 \/ 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/drcinik.com\/wp-content\/uploads\/2023\/11\/turkiye-sigorta.png\" alt=\"turkiye-sigorta\" \/><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-prev\" role=\"button\" tabindex=\"0\">\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-left\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M646 125C629 125 613 133 604 142L308 442C296 454 292 471 292 487 292 504 296 521 308 533L604 854C617 867 629 875 646 875 663 875 679 871 692 858 704 846 713 829 713 812 713 796 708 779 692 767L438 487 692 225C700 217 708 204 708 187 708 171 704 154 692 142 675 129 663 125 646 125Z\"><\/path><\/svg>\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-next\" role=\"button\" tabindex=\"0\">\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-right\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M696 533C708 521 713 504 713 487 713 471 708 454 696 446L400 146C388 133 375 125 354 125 338 125 325 129 313 142 300 154 292 171 292 187 292 204 296 221 308 233L563 492 304 771C292 783 288 800 288 817 288 833 296 850 308 863 321 871 338 875 354 875 371 875 388 867 400 854L696 533Z\"><\/path><\/svg>\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"swiper-pagination\"><\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-42704ed6 e-flex e-con-boxed e-con e-parent\" data-id=\"42704ed6\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-8112790 e-con-full e-flex e-con e-child\" data-id=\"8112790\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-74c49f1 e-con-full e-flex e-con e-child\" data-id=\"74c49f1\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-26ab39a e-con-full e-flex e-con e-child\" data-id=\"26ab39a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-db861b1 elementor-widget elementor-widget-counter\" data-id=\"db861b1\" data-element_type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t<div class=\"elementor-counter-title\">y\u0131ll\u0131k deneyim<\/div>\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\"><\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"2000\" data-to-value=\"20\" data-from-value=\"0\" data-delimiter=\",\">0<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\">+<\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0477abf e-con-full e-flex e-con e-child\" data-id=\"0477abf\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-41728f3 elementor-widget elementor-widget-counter\" data-id=\"41728f3\" data-element_type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t<div class=\"elementor-counter-title\">mutlu hastalar<\/div>\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\"><\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"2000\" data-to-value=\"50\" data-from-value=\"0\" data-delimiter=\",\">0<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\">k+<\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d4db672 e-con-full e-flex e-con e-child\" data-id=\"d4db672\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-de25009 elementor-widget elementor-widget-counter\" data-id=\"de25009\" data-element_type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t<div class=\"elementor-counter-title\">T\u0131bbi Kadromuz<\/div>\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\"><\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"2000\" data-to-value=\"280\" data-from-value=\"0\" data-delimiter=\",\">0<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\">+<\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-87f06a0 e-con-full e-flex e-con e-child\" data-id=\"87f06a0\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a7c8ae1 elementor-widget elementor-widget-counter\" data-id=\"a7c8ae1\" data-element_type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t<div class=\"elementor-counter-title\">Tedaviler <\/div>\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\"><\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"2000\" data-to-value=\"35\" data-from-value=\"0\" data-delimiter=\",\">0<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\">+<\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-550322e e-con-full e-flex e-con e-child\" data-id=\"550322e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6a999d3 elementor-widget elementor-widget-counter\" data-id=\"6a999d3\" data-element_type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t<div class=\"elementor-counter-title\">Hastaneler\/Klinikler<\/div>\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\"><\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"2000\" data-to-value=\"3\" data-from-value=\"0\" data-delimiter=\",\">0<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\"><\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-360ac8e4 e-flex e-con-boxed e-con e-parent\" data-id=\"360ac8e4\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-77cde76 e-con-full e-flex e-con e-child\" data-id=\"77cde76\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d63dc36 elementor-widget elementor-widget-html\" data-id=\"d63dc36\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"tr\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  \r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        *\/* Enhanced CSS for Post-Operation Guidelines *\/\r\n* {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n    font-family: 'Poppins', sans-serif;\r\n}\r\n\r\nbody {\r\n    background-color: #f5f7fa;\r\n    color: #333;\r\n    line-height: 1.6;\r\n}\r\n\r\n.container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 30px 20px;\r\n}\r\n\r\n.header {\r\n    text-align: center;\r\n    margin-bottom: 40px;\r\n    padding-bottom: 20px;\r\n    border-bottom: 2px solid rgba(10, 27, 77, 0.1);\r\n}\r\n\r\n.header h2 {\r\n    color: #0a1b4d;\r\n    font-size: 2.8rem;\r\n    margin-bottom: 15px;\r\n    font-weight: 700;\r\n    letter-spacing: -0.5px;\r\n    position: relative;\r\n    display: inline-block;\r\n}\r\n\r\n.header h2::after {\r\n    content: '';\r\n    position: absolute;\r\n    width: 60px;\r\n    height: 4px;\r\n    background-color: #4169e1;\r\n    bottom: -10px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    border-radius: 2px;\r\n}\r\n\r\n.main-content {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 40px;\r\n}\r\n\r\n.left-column {\r\n    flex: 1;\r\n    min-width: 300px;\r\n}\r\n\r\n.right-column {\r\n    flex: 2;\r\n    min-width: 300px;\r\n}\r\n\r\n\/* Date Picker Styling *\/\r\n.date-picker-container {\r\n    background-color: white;\r\n    border-radius: 20px;\r\n    padding: 40px 30px;\r\n    text-align: center;\r\n    margin-bottom: 40px;\r\n    box-shadow: 0 10px 30px rgba(10, 27, 77, 0.1);\r\n    position: relative;\r\n    margin-top: 60px;\r\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n}\r\n\r\n.date-picker-container:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 15px 35px rgba(10, 27, 77, 0.15);\r\n}\r\n\r\n.bell-icon {\r\n    width: 70px;\r\n    height: 70px;\r\n    position: absolute;\r\n    top: -35px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.date-picker-container:hover .bell-icon {\r\n    transform: translateX(-50%) scale(1.05);\r\n}\r\n\r\n.bell-icon img {\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n\r\n.date-picker-container h2 {\r\n    color: #0a1b4d;\r\n    margin-bottom: 30px;\r\n    font-size: 1.9rem;\r\n    font-weight: 600;\r\n    position: relative;\r\n    display: inline-block;\r\n}\r\n\r\n.date-picker-container h2::after {\r\n    content: '';\r\n    position: absolute;\r\n    width: 40px;\r\n    height: 3px;\r\n    background-color: #4169e1;\r\n    bottom: -10px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    border-radius: 2px;\r\n}\r\n\r\n.date-input-wrapper {\r\n    position: relative;\r\n    margin: 0 auto;\r\n    max-width: 360px;\r\n    cursor: pointer;\r\n    transition: transform 0.2s ease;\r\n}\r\n\r\n.date-input-wrapper:hover {\r\n    transform: scale(1.02);\r\n}\r\n\r\n.date-input {\r\n    width: 100%;\r\n    padding: 18px 20px;\r\n    border: 2px solid #e0e7ff;\r\n    border-radius: 15px;\r\n    font-size: 1.2rem;\r\n    text-align: center;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    color: #333;\r\n    background-color: #f8faff;\r\n    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n.date-input:hover, .date-input:focus {\r\n    border-color: #4169e1;\r\n    outline: none;\r\n    background-color: #fff;\r\n    box-shadow: 0 0 0 4px rgba(65, 105, 225, 0.1);\r\n}\r\n\r\n.calendar-icon {\r\n    position: absolute;\r\n    right: 20px;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    color: #4169e1;\r\n    font-size: 1.4rem;\r\n    pointer-events: none;\r\n    transition: transform 0.2s ease;\r\n}\r\n\r\n.date-input-wrapper:hover .calendar-icon {\r\n    transform: translateY(-50%) scale(1.1);\r\n}\r\n\r\n.consultation-button {\r\n    display: block;\r\n    width: 100%;\r\n    max-width: 320px;\r\n    margin: 30px auto 0;\r\n    padding: 18px 25px;\r\n    background-color: #4169e1;\r\n    color: white;\r\n    border: none;\r\n    border-radius: 30px;\r\n    font-size: 1.2rem;\r\n    font-weight: 600;\r\n    cursor: pointer;\r\n    text-align: center;\r\n    position: relative;\r\n    overflow: hidden;\r\n    transition: all 0.3s ease;\r\n    box-shadow: 0 8px 20px rgba(65, 105, 225, 0.3);\r\n    letter-spacing: 0.5px;\r\n}\r\n\r\n.consultation-button:hover {\r\n    background-color: #3456c0;\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 12px 25px rgba(65, 105, 225, 0.4);\r\n}\r\n\r\n.consultation-button:active {\r\n    transform: translateY(0);\r\n    box-shadow: 0 5px 15px rgba(65, 105, 225, 0.3);\r\n}\r\n\r\n.whatsapp-icon {\r\n    position: absolute;\r\n    right: -15px;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    background-color: #25D366;\r\n    width: 44px;\r\n    height: 44px;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    box-shadow: 0 4px 10px rgba(37, 211, 102, 0.3);\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.consultation-button:hover .whatsapp-icon {\r\n    right: -18px;\r\n    width: 48px;\r\n    height: 48px;\r\n}\r\n\r\n\/* Tab Styling *\/\r\n.tabs-header {\r\n    display: flex;\r\n    margin-bottom: 40px;\r\n    background-color: #f0f5ff;\r\n    border-radius: 20px;\r\n    overflow: hidden;\r\n    padding: 15px;\r\n    flex-wrap: wrap;\r\n    justify-content: space-around;\r\n    box-shadow: 0 5px 15px rgba(10, 27, 77, 0.05);\r\n}\r\n\r\n.tab-button {\r\n    flex: 0 1 auto;\r\n    min-width: 200px;\r\n    padding: 16px 24px;\r\n    border: none;\r\n    border-radius: 12px;\r\n    cursor: pointer;\r\n    font-weight: 600;\r\n    font-size: 1.1rem;\r\n    color: #445577;\r\n    background-color: transparent;\r\n    transition: all 0.3s ease;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 12px;\r\n    margin: 6px 15px;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.tab-button::before {\r\n    content: '';\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 3px;\r\n    background-color: #4169e1;\r\n    bottom: 0;\r\n    left: 0;\r\n    transform: scaleX(0);\r\n    transition: transform 0.3s ease;\r\n    opacity: 0;\r\n}\r\n\r\n.tab-button:hover::before {\r\n    transform: scaleX(0.6);\r\n    opacity: 0.6;\r\n}\r\n\r\n.tab-button.active {\r\n    background-color: #0a1b4d;\r\n    color: white;\r\n    box-shadow: 0 8px 20px rgba(10, 27, 77, 0.2);\r\n    transform: translateY(-2px);\r\n}\r\n\r\n.tab-button.active::before {\r\n    opacity: 0;\r\n}\r\n\r\n.tab-button:hover:not(.active) {\r\n    background-color: #e0e8ff;\r\n    transform: translateY(-2px);\r\n}\r\n\r\n.tab-icon {\r\n    font-size: 1.4rem;\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.tab-button:hover .tab-icon {\r\n    transform: scale(1.2);\r\n}\r\n\r\n\/* FAQ Styling *\/\r\n.faq-container {\r\n    margin-bottom: 30px;\r\n}\r\n\r\n.faq-item {\r\n    background-color: white;\r\n    border-radius: 15px;\r\n    margin-bottom: 20px;\r\n    overflow: hidden;\r\n    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\r\n    transition: all 0.3s ease;\r\n    border: 1px solid rgba(10, 27, 77, 0.05);\r\n}\r\n\r\n.faq-item:hover {\r\n    box-shadow: 0 8px 25px rgba(10, 27, 77, 0.1);\r\n    transform: translateY(-3px);\r\n}\r\n\r\n.faq-question {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 25px 25px;\r\n    cursor: pointer;\r\n    font-weight: 500;\r\n    color: #333;\r\n    position: relative;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.faq-question:hover {\r\n    color: #0a1b4d;\r\n}\r\n\r\n.faq-question .icon {\r\n    width: 32px;\r\n    height: 32px;\r\n    background-color: #f0f5ff;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    font-size: 18px;\r\n    transition: all 0.3s ease;\r\n    color: #4169e1;\r\n    position: absolute;\r\n    right: 25px;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n}\r\n\r\n.faq-question span:first-child {\r\n    padding-right: 50px;\r\n    font-size: 1.05rem;\r\n}\r\n\r\n.faq-question.active {\r\n    background-color: #f8faff;\r\n}\r\n\r\n.faq-question.active .icon {\r\n    background-color: #4169e1;\r\n    color: white;\r\n    transform: translateY(-50%) rotate(45deg);\r\n}\r\n\r\n.faq-question:hover .icon {\r\n    background-color: #e0e8ff;\r\n    transform: translateY(-50%) scale(1.1);\r\n}\r\n\r\n.faq-question.active:hover .icon {\r\n    background-color: #3456c0;\r\n    transform: translateY(-50%) rotate(45deg) scale(1.1);\r\n}\r\n\r\n.faq-answer {\r\n    max-height: 0;\r\n    overflow: hidden;\r\n    transition: max-height 0.4s cubic-bezier(0.44, 0.05, 0.17, 0.97);\r\n    padding: 0 25px;\r\n    background-color: #f8faff;\r\n}\r\n\r\n.faq-answer-content {\r\n    padding: 5px 0 25px 0;\r\n    line-height: 1.7;\r\n    color: #445577;\r\n    font-size: 0.95rem;\r\n}\r\n\r\n.faq-answer-content strong {\r\n    color: #0a1b4d;\r\n    font-weight: 600;\r\n}\r\n\r\n\/* Date Display Styling *\/\r\n.date-display {\r\n    display: inline-block;\r\n    background-color: #4169e1;\r\n    color: white;\r\n    padding: 8px 15px;\r\n    border-radius: 8px;\r\n    margin-top: 15px;\r\n    font-size: 0.95rem;\r\n    font-weight: 500;\r\n    box-shadow: 0 4px 10px rgba(65, 105, 225, 0.2);\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.date-display:hover {\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 6px 15px rgba(65, 105, 225, 0.3);\r\n}\r\n\r\n\/* No Date Message Styling *\/\r\n.no-date-message {\r\n    color: #ff5252;\r\n    margin-top: 15px;\r\n    display: none;\r\n    font-size: 0.95rem;\r\n    font-weight: 500;\r\n    padding: 8px 15px;\r\n    background-color: rgba(255, 82, 82, 0.1);\r\n    border-radius: 8px;\r\n    animation: shake 0.5s ease-in-out;\r\n}\r\n\r\n@keyframes shake {\r\n    0%, 100% { transform: translateX(0); }\r\n    20%, 60% { transform: translateX(-5px); }\r\n    40%, 80% { transform: translateX(5px); }\r\n}\r\n\r\n\/* Tab Content *\/\r\n.tab-content {\r\n    display: none;\r\n    animation: fadeIn 0.5s ease;\r\n}\r\n\r\n@keyframes fadeIn {\r\n    from { opacity: 0; transform: translateY(10px); }\r\n    to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n.tab-content.active {\r\n    display: block;\r\n}\r\n\r\n\/* Responsive Adjustments *\/\r\n@media (max-width: 768px) {\r\n    .main-content {\r\n        flex-direction: column;\r\n        gap: 30px;\r\n    }\r\n    \r\n    .left-column, .right-column {\r\n        width: 100%;\r\n        flex: none;\r\n    }\r\n    \r\n    .date-picker-container {\r\n        margin-bottom: 30px;\r\n        padding: 30px 20px;\r\n    }\r\n    \r\n    .tab-button {\r\n        font-size: 0.95rem;\r\n        padding: 14px 16px;\r\n        min-width: 150px;\r\n    }\r\n    \r\n    .header h1 {\r\n        font-size: 2.2rem;\r\n    }\r\n    \r\n    .date-picker-container h2 {\r\n        font-size: 1.7rem;\r\n    }\r\n    \r\n    .faq-question span:first-child {\r\n        font-size: 1rem;\r\n        padding-right: 40px;\r\n    }\r\n    \r\n    .faq-question .icon {\r\n        width: 28px;\r\n        height: 28px;\r\n        right: 20px;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .container {\r\n        padding: 20px 15px;\r\n    }\r\n    \r\n    .header h1 {\r\n        font-size: 1.8rem;\r\n    }\r\n    \r\n    .tab-button {\r\n        margin: 5px 8px;\r\n        padding: 12px 15px;\r\n        min-width: 130px;\r\n        font-size: 0.9rem;\r\n    }\r\n    \r\n    .tab-icon {\r\n        font-size: 1.2rem;\r\n    }\r\n    \r\n    .faq-question {\r\n        padding: 20px 20px;\r\n    }\r\n    \r\n    .faq-answer {\r\n        padding: 0 20px;\r\n    }\r\n}\r\n\r\n\/* Modern Tab Styling - Clean Style with Underline Indicator *\/\r\n.tabs-header {\r\n    display: flex;\r\n    margin-bottom: 40px;\r\n    background: #f0f2fa;\r\n    border-radius: 16px;\r\n    overflow: hidden;\r\n    padding: 15px;\r\n    flex-wrap: wrap;\r\n    justify-content: space-between;\r\n    gap: 15px;\r\n}\r\n\r\n.tab-button {\r\n    flex: 1;\r\n    min-width: 200px;\r\n    padding: 18px 20px;\r\n    border: none;\r\n    border-radius: 12px;\r\n    cursor: pointer;\r\n    font-weight: 600;\r\n    font-size: 1.1rem;\r\n    color: white;\r\n    text-align: center;\r\n    position: relative;\r\n    overflow: hidden;\r\n    box-shadow: none;\r\n    transition: none;\r\n    background-color: #e1e5f5;\r\n    color: #55659b;\r\n}\r\n\r\n\/* Active state styles - all tabs have same background when not active *\/\r\n.tab-button:not(.active) {\r\n    background-color: #e1e5f5;\r\n    color: #55659b;\r\n}\r\n\r\n\/* Active state styles with bottom border *\/\r\n.tab-button.active {\r\n    position: relative;\r\n}\r\n\r\n.tab-button.active::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 10%;\r\n    width: 80%;\r\n    height: 3px;\r\n    border-radius: 1.5px;\r\n}\r\n\r\n\/* Specific colors for each active tab *\/\r\n.tab-button.active[data-tab=\"all-results\"] {\r\n    background-color: #1e2d59; \/* Dark blue *\/\r\n    color: white;\r\n}\r\n\r\n.tab-button.active[data-tab=\"all-results\"]::after {\r\n    background-color: #5e71b1; \/* Lighter blue for underline *\/\r\n}\r\n\r\n.tab-button.active[data-tab=\"hair-transplant\"] {\r\n    background-color: #e1e5f5; \/* Light blue *\/\r\n    color: #55659b;\r\n}\r\n\r\n.tab-button.active[data-tab=\"hair-transplant\"]::after {\r\n    background-color: #6b7fc3; \/* Medium blue for underline *\/\r\n}\r\n\r\n.tab-button.active[data-tab=\"dental\"] {\r\n    background-color: #4abe9b; \/* Green *\/\r\n    color: white;\r\n}\r\n\r\n.tab-button.active[data-tab=\"dental\"]::after {\r\n    background-color: #7cdfc0; \/* Lighter green for underline *\/\r\n}\r\n\r\n.tab-button.active[data-tab=\"medical-aesthetic\"] {\r\n    background-color: #fdae59; \/* Orange *\/\r\n    color: #333;\r\n}\r\n\r\n.tab-button.active[data-tab=\"medical-aesthetic\"]::after {\r\n    background-color: #ffca8a; \/* Lighter orange for underline *\/\r\n}\r\n\r\n\/* Hide the icon spans but keep them in the DOM for compatibility *\/\r\n.tab-icon {\r\n    display: none;\r\n}\r\n\r\n\/* For mobile responsiveness *\/\r\n@media (max-width: 768px) {\r\n    .tabs-header {\r\n        flex-direction: row;\r\n        flex-wrap: wrap;\r\n        gap: 10px;\r\n        padding: 10px;\r\n    }\r\n    \r\n    .tab-button {\r\n        min-width: calc(50% - 10px);\r\n        flex: 0 0 calc(50% - 10px);\r\n        font-size: 1rem;\r\n        padding: 14px 10px;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .tabs-header {\r\n        flex-direction: column;\r\n        gap: 8px;\r\n    }\r\n    \r\n    .tab-button {\r\n        min-width: 100%;\r\n        width: 100%;\r\n        font-size: 0.95rem;\r\n        padding: 12px 15px;\r\n    }\r\n}\r\n\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"container\">\r\n        <div class=\"header\">\r\n            <h2>Operasyon Sonras\u0131 Rehber<\/h2>\r\n        <\/div>\r\n        \r\n        <div class=\"tabs-header\">\r\n            <button class=\"tab-button active\" data-tab=\"all-results\">\r\n                <span class=\"tab-icon\">\ud83d\udccb<\/span> T\u00fcm Tedaviler\r\n            <\/button>\r\n            <button class=\"tab-button\" data-tab=\"hair-transplant\">\r\n                <span class=\"tab-icon\">\ud83d\udc87<\/span> Sa\u00e7 Ekimi\r\n            <\/button>\r\n            <button class=\"tab-button\" data-tab=\"dental\">\r\n                <span class=\"tab-icon\">\ud83e\uddb7<\/span> Di\u015f Tedavileri\r\n            <\/button>\r\n        <\/div>\r\n        \r\n        <div class=\"main-content\">\r\n            <div class=\"left-column\">\r\n                <div class=\"date-picker-container\">\r\n                    <div class=\"bell-icon\">\r\n                        <img decoding=\"async\" src=\"http:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Group-234-1.svg\" alt=\"Bell icon\">\r\n                    <\/div>\r\n                    <h2>Operasyon Tarihini Se\u00e7in<\/h2>\r\n                    <div class=\"date-input-wrapper\">\r\n                        <input type=\"date\" id=\"operation-date\" class=\"date-input\" placeholder=\"gg.aa.yy\">\r\n                        <span class=\"calendar-icon\" onclick=\"document.getElementById('operation-date').showPicker()\">\ud83d\udcc5<\/span>\r\n                    <\/div>\r\n                    <div class=\"no-date-message\" id=\"no-date-message\">L\u00fctfen \u00f6nce bir operasyon tarihi se\u00e7in<\/div>\r\n                <\/div>\r\n                <!-- Doctor image has been removed -->\r\n            <\/div>\r\n            \r\n            <div class=\"right-column\">\r\n                <div class=\"tab-content active\" id=\"all-results\">\r\n                    <div class=\"faq-container\">\r\n                        <div class=\"faq-item\">\r\n                            <div class=\"faq-question\">\r\n                                <span>Sa\u00e7 ekiminden ka\u00e7 g\u00fcn sonra i\u015fime ve g\u00fcnl\u00fck ya\u015fant\u0131ma d\u00f6nebilirim?<\/span>\r\n                                <span class=\"icon\">+<\/span>\r\n                            <\/div>\r\n                            <div class=\"faq-answer\">\r\n                                <div class=\"faq-answer-content\">\r\n                                    Sa\u00e7 ekiminden sonra <strong>3 g\u00fcn<\/strong> i\u00e7inde sosyal hayat\u0131n\u0131za geri d\u00f6nebilirsiniz.\r\n<strong>3 g\u00fcn<\/strong> dinlenmeniz yeterlidir; ard\u0131ndan i\u015finize ve g\u00fcnl\u00fck ya\u015fant\u0131n\u0131za sorunsuz bir \u015fekilde geri d\u00f6nebilirsiniz.\r\n                                    <div class=\"date-display\" id=\"date-display-1\"><\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"faq-item\">\r\n                            <div class=\"faq-question\">\r\n                                <span>Sa\u00e7 ekiminden sonra ne zaman y\u00fcr\u00fcy\u00fc\u015f yapmaya ba\u015flayabilirim?<\/span>\r\n                                <span class=\"icon\">+<\/span>\r\n                            <\/div>\r\n                            <div class=\"faq-answer\">\r\n                                <div class=\"faq-answer-content\">\r\n                                    24 saat sonra hafif y\u00fcr\u00fcy\u00fc\u015f yapmaya ba\u015flayabilirsiniz. Ancak, sa\u00e7 ekiminden sonraki en az 7\u201310 g\u00fcn boyunca terlemeye neden olan yo\u011fun egzersizlerden veya aktivitelerden ka\u00e7\u0131nmal\u0131s\u0131n\u0131z.\r\n                                    <div class=\"date-display\" id=\"date-display-2\"><\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"faq-item\">\r\n                            <div class=\"faq-question\">\r\n                                <span>Sa\u00e7 ekiminden ka\u00e7 g\u00fcn sonra egzersiz yapmaya ba\u015flayabilirim?<\/span>\r\n                                <span class=\"icon\">+<\/span>\r\n                            <\/div>\r\n                            <div class=\"faq-answer\">\r\n                                <div class=\"faq-answer-content\">\r\n                                    Sa\u00e7 ekiminden sonra en az 14 g\u00fcn boyunca yo\u011fun fiziksel aktivitelerden ve egzersizlerden ka\u00e7\u0131nmal\u0131s\u0131n\u0131z.\r\nHafif egzersizlere 10 g\u00fcn sonra yeniden ba\u015flayabilirsiniz, ancak a\u015f\u0131r\u0131 terlemeye veya ba\u015f ve boyun b\u00f6lgesine bask\u0131 olu\u015fturan aktivitelerden uzak durman\u0131z gerekir.\r\n                                    <div class=\"date-display\" id=\"date-display-3\"><\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"faq-item\">\r\n                            <div class=\"faq-question\">\r\n                                <span>Sa\u00e7 ekiminden sonra ne zaman tekrar normal \u015fekilde uyuyabilirim?<\/span>\r\n                                <span class=\"icon\">+<\/span>\r\n                            <\/div>\r\n                            <div class=\"faq-answer\">\r\n                                <div class=\"faq-answer-content\">\r\n                                   Sa\u00e7 ekiminden sonraki ilk 7 gece boyunca, \u015fi\u015fli\u011fi \u00f6nlemek ve yeni ekilen greftleri korumak i\u00e7in ba\u015f\u0131n\u0131z\u0131 45 derece a\u00e7\u0131yla yukar\u0131da tutarak uyumal\u0131s\u0131n\u0131z.\r\n7\u201310 g\u00fcn\u00fcn ard\u0131ndan yava\u015f yava\u015f normal uyku pozisyonunuza d\u00f6nebilirsiniz.\r\n                                    <div class=\"date-display\" id=\"date-display-4\"><\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"faq-item\">\r\n                            <div class=\"faq-question\">\r\n                                <span>Sa\u00e7 ekiminden ka\u00e7 g\u00fcn sonra cinsel ili\u015fkiye girebilirim?<\/span>\r\n                                <span class=\"icon\">+<\/span>\r\n                            <\/div>\r\n                            <div class=\"faq-answer\">\r\n                                <div class=\"faq-answer-content\">\r\n                                    Sa\u00e7 ekiminden sonra en az 7\u201310 g\u00fcn boyunca cinsel ili\u015fkiden ka\u00e7\u0131nman\u0131z \u00f6nerilir.\r\nBu, kan bas\u0131nc\u0131n\u0131n y\u00fckselmesi, terleme ve greftlerin ekildi\u011fi b\u00f6lgeye istemsiz temas gibi durumlar\u0131 \u00f6nleyerek yeni ekilen greftlerin zarar g\u00f6rmesini engellemek i\u00e7indir\r\n                                    <div class=\"date-display\" id=\"date-display-5\"><\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"tab-content\" id=\"hair-transplant\">\r\n                    <div class=\"faq-container\">\r\n                        <div class=\"faq-item\">\r\n                            <div class=\"faq-question\">\r\n                                <span>Sa\u00e7 ekiminden sonra ne zaman sa\u00e7\u0131m\u0131 y\u0131kayabilirim?<\/span>\r\n                                <span class=\"icon\">+<\/span>\r\n                            <\/div>\r\n                            <div class=\"faq-answer\">\r\n                                <div class=\"faq-answer-content\">\r\n                                    Sa\u00e7 ekiminden sonra sa\u00e7\u0131n\u0131z\u0131 y\u0131kamadan \u00f6nce 48\u201372 saat beklemelisiniz.\r\nDoktorunuz, greftlere zarar vermeden b\u00f6lgeyi nas\u0131l nazik\u00e7e y\u0131kaman\u0131z gerekti\u011fi konusunda size \u00f6zel talimatlar verecektir.\r\n                                    <div class=\"date-display\" id=\"date-display-6\"><\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"faq-item\">\r\n                            <div class=\"faq-question\">\r\n                                <span>Sa\u00e7 ekiminin nihai sonu\u00e7lar\u0131n\u0131 ne zaman g\u00f6rece\u011fim?<\/span>\r\n                                <span class=\"icon\">+<\/span>\r\n                            <\/div>\r\n                            <div class=\"faq-answer\">\r\n                                <div class=\"faq-answer-content\">\r\n                                   \u00c7o\u011fu hastada, i\u015flemden yakla\u015f\u0131k 3\u20134 ay sonra fark edilir d\u00fczeyde sa\u00e7 uzamas\u0131 g\u00f6r\u00fclmeye ba\u015flar. Ancak sa\u00e7\u0131n b\u00fcy\u00fcme d\u00f6ng\u00fcs\u00fcn\u00fc tamamlamas\u0131yla birlikte nihai sonu\u00e7lar genellikle ekimden sonraki 9\u201312 ay aras\u0131nda ortaya \u00e7\u0131kar.\r\n                                    <div class=\"date-display\" id=\"date-display-7\"><\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"faq-item\">\r\n                            <div class=\"faq-question\">\r\n                                <span>Sa\u00e7 ekiminden sonra d\u00f6k\u00fclme ya\u015famak normal midir?<\/span>\r\n                                <span class=\"icon\">+<\/span>\r\n                            <\/div>\r\n                            <div class=\"faq-answer\">\r\n                                <div class=\"faq-answer-content\">\r\n                                    Evet, sa\u00e7 ekiminden sonraki 2\u20134 hafta i\u00e7inde \u201c\u015fok d\u00f6k\u00fclme\u201d ya\u015faman\u0131z normaldir.\r\nBu ge\u00e7ici d\u00f6k\u00fclme, sa\u00e7\u0131n do\u011fal b\u00fcy\u00fcme d\u00f6ng\u00fcs\u00fcn\u00fcn bir par\u00e7as\u0131d\u0131r ve ekilen sa\u00e7lar birka\u00e7 ay i\u00e7inde yeniden \u00e7\u0131kmaya ba\u015flar.\r\n                                    <div class=\"date-display\" id=\"date-display-8\"><\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"tab-content\" id=\"dental\">\r\n                    <div class=\"faq-container\">\r\n                        <div class=\"faq-item\">\r\n                            <div class=\"faq-question\">\r\n                                <span>Di\u015f cerrahisinden ne kadar sonra yemek yiyebilirim?<\/span>\r\n                                <span class=\"icon\">+<\/span>\r\n                            <\/div>\r\n                            <div class=\"faq-answer\">\r\n                                <div class=\"faq-answer-content\">\r\n                                   Yanak veya dilinizi \u0131s\u0131rmamak i\u00e7in yemek yemeden \u00f6nce lokal anestezinin etkisinin ge\u00e7mesini bekleyin.\r\n\u0130lk 24\u201348 saat boyunca yumu\u015fak g\u0131dalar t\u00fcketin ve s\u0131cak yiyecek ve i\u00e7eceklerden ka\u00e7\u0131n\u0131n.\r\nKonfor seviyenize ba\u011fl\u0131 olarak zamanla daha kat\u0131 yiyecekleri beslenmenize kademeli olarak dahil edebilirsiniz.\r\n                                    <div class=\"date-display\" id=\"date-display-9\"><\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"faq-item\">\r\n                            <div class=\"faq-question\">\r\n                                <span>Di\u015f implant\u0131 ameliyat\u0131ndan sonra ne zaman di\u015flerimi f\u0131r\u00e7alayabilirim?<\/span>\r\n                                <span class=\"icon\">+<\/span>\r\n                            <\/div>\r\n                            <div class=\"faq-answer\">\r\n                                <div class=\"faq-answer-content\">\r\n                                    Cerrahi b\u00f6lgeyi ilk 24 saat boyunca f\u0131r\u00e7alamaktan ka\u00e7\u0131nmal\u0131s\u0131n\u0131z.\r\nBunun ard\u0131ndan, implant b\u00f6lgesine dikkat ederek nazik\u00e7e di\u015flerinizi f\u0131r\u00e7alayabilirsiniz.\r\nDi\u015f hekiminiz, ilk birka\u00e7 g\u00fcn boyunca cerrahi b\u00f6lgeyi f\u0131r\u00e7alamak yerine \u00f6zel bir a\u011f\u0131z gargaras\u0131 kullanman\u0131z\u0131 \u00f6nerebilir.\r\n                                    <div class=\"date-display\" id=\"date-display-10\"><\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"faq-item\">\r\n                            <div class=\"faq-question\">\r\n                                <span>Di\u015f cerrahisinden sonra \u015fi\u015flik ne kadar s\u00fcrer?<\/span>\r\n                                <span class=\"icon\">+<\/span>\r\n                            <\/div>\r\n                            <div class=\"faq-answer\">\r\n                                <div class=\"faq-answer-content\">\r\n                                    \u015ei\u015flik genellikle di\u015f cerrahisinden sonraki 48\u201372 saat i\u00e7inde en y\u00fcksek seviyeye ula\u015f\u0131r ve sonraki 5\u20137 g\u00fcn i\u00e7inde yava\u015f yava\u015f azal\u0131r.\r\n\u0130lk 24 saat i\u00e7inde buz kompresi uygulamak, \u015fi\u015fli\u011fin azalmas\u0131na yard\u0131mc\u0131 olabilir.\r\n                                    <div class=\"date-display\" id=\"date-display-11\"><\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            \/\/ Date picker functionality\r\n            const dateInput = document.getElementById('operation-date');\r\n            const noDateMessage = document.getElementById('no-date-message');\r\n            const calendarIcon = document.querySelector('.calendar-icon');\r\n            \r\n            \/\/ Make the calendar icon clickable\r\n            calendarIcon.addEventListener('click', function() {\r\n                dateInput.showPicker();\r\n            });\r\n            \r\n            \/\/ Make the entire date wrapper clickable\r\n            document.querySelector('.date-input-wrapper').addEventListener('click', function() {\r\n                dateInput.showPicker();\r\n            });\r\n            \r\n            \/\/ Tab switching functionality\r\n            const tabButtons = document.querySelectorAll('.tab-button');\r\n            const tabContents = document.querySelectorAll('.tab-content');\r\n            \r\n            tabButtons.forEach(button => {\r\n                button.addEventListener('click', () => {\r\n                    const tabId = button.getAttribute('data-tab');\r\n                    \r\n                    \/\/ Remove active class from all buttons and contents\r\n                    tabButtons.forEach(btn => btn.classList.remove('active'));\r\n                    tabContents.forEach(content => content.classList.remove('active'));\r\n                    \r\n                    \/\/ Add active class to selected button and content\r\n                    button.classList.add('active');\r\n                    document.getElementById(tabId).classList.add('active');\r\n                });\r\n            });\r\n            \r\n            \/\/ FAQ accordion functionality\r\n            const faqQuestions = document.querySelectorAll('.faq-question');\r\n            \r\n            faqQuestions.forEach(question => {\r\n                question.addEventListener('click', () => {\r\n                    const answer = question.nextElementSibling;\r\n                    const isOpen = question.classList.contains('active');\r\n                    \r\n                    \/\/ Check if operation date is selected\r\n                    if (!dateInput.value && !isOpen) {\r\n                        noDateMessage.style.display = 'block';\r\n                        setTimeout(() => {\r\n                            noDateMessage.style.display = 'none';\r\n                        }, 3000);\r\n                        return;\r\n                    }\r\n                    \r\n                    \/\/ Close all other FAQs\r\n                    faqQuestions.forEach(q => {\r\n                        if (q !== question && q.classList.contains('active')) {\r\n                            q.classList.remove('active');\r\n                            q.nextElementSibling.style.maxHeight = '0';\r\n                            q.querySelector('.icon').textContent = '+';\r\n                        }\r\n                    });\r\n                    \r\n                    \/\/ Toggle current FAQ\r\n                    if (isOpen) {\r\n                        question.classList.remove('active');\r\n                        answer.style.maxHeight = '0';\r\n                        question.querySelector('.icon').textContent = '+';\r\n                    } else {\r\n                        question.classList.add('active');\r\n                        answer.style.maxHeight = answer.scrollHeight + 'px';\r\n                        question.querySelector('.icon').textContent = '-';\r\n                    }\r\n                });\r\n            });\r\n            \r\n            \/\/ Update date displays when date changes\r\n            dateInput.addEventListener('change', function() {\r\n                if (!this.value) return;\r\n                \r\n                const selectedDate = new Date(this.value);\r\n                noDateMessage.style.display = 'none';\r\n                \r\n                \/\/ Format the selected date\r\n                const day = selectedDate.getDate().toString().padStart(2, '0');\r\n                const month = (selectedDate.getMonth() + 1).toString().padStart(2, '0');\r\n                const year = selectedDate.getFullYear();\r\n                const formattedDate = `${day}\/${month}\/${year}`;\r\n                \r\n                \/\/ Update all date displays\r\n                const dateDisplays = document.querySelectorAll('.date-display');\r\n                dateDisplays.forEach(display => {\r\n                    display.textContent = formattedDate;\r\n                });\r\n                \r\n                \/\/ Calculate and update all timeline dates\r\n                updateAllDates(selectedDate);\r\n            });\r\n            \r\n            \/\/ Function to calculate post-operation dates\r\n            function updateAllDates(operationDate) {\r\n                \/\/ Hair transplant dates\r\n                const socialLife = addDays(operationDate, 3);\r\n                const walking = addDays(operationDate, 1);\r\n                const workout = addDays(operationDate, 14);\r\n                const sleep = addDays(operationDate, 7);\r\n                const sexualActivity = addDays(operationDate, 7);\r\n                const hairWash = addDays(operationDate, 2);\r\n                const finalResults = addMonths(operationDate, 9);\r\n                const shedding = addDays(operationDate, 14);\r\n                \r\n                \/\/ Dental dates\r\n                const eating = addHours(operationDate, 2);\r\n                const brushTeeth = addDays(operationDate, 1);\r\n                const swelling = addDays(operationDate, 3);\r\n                \r\n                \/\/ Format and update specific FAQs\r\n                updateDateWithDescription('date-display-1', formatDate(socialLife), 'Socialize from');\r\n                updateDateWithDescription('date-display-2', formatDate(walking), 'Walk from');\r\n                updateDateWithDescription('date-display-3', formatDate(workout), 'Exercise from');\r\n                updateDateWithDescription('date-display-4', formatDate(sleep), 'Normal sleep from');\r\n                updateDateWithDescription('date-display-5', formatDate(sexualActivity), 'Resume activity from');\r\n                updateDateWithDescription('date-display-6', formatDate(hairWash), 'Wash hair from');\r\n                updateDateWithDescription('date-display-7', formatDate(finalResults), 'Expect results around');\r\n                updateDateWithDescription('date-display-8', formatDate(shedding), 'Shedding may start around');\r\n                updateDateWithDescription('date-display-9', formatDate(eating), 'Eat soft foods from');\r\n                updateDateWithDescription('date-display-10', formatDate(brushTeeth), 'Brush gently from');\r\n                updateDateWithDescription('date-display-11', formatDate(swelling), 'Swelling peaks around');\r\n            }\r\n            \r\n            \/\/ Helper functions for date calculations\r\n            function addDays(date, days) {\r\n                const result = new Date(date);\r\n                result.setDate(result.getDate() + days);\r\n                return result;\r\n            }\r\n            \r\n            function addHours(date, hours) {\r\n                const result = new Date(date);\r\n                result.setHours(result.getHours() + hours);\r\n                return result;\r\n            }\r\n            \r\n            function addMonths(date, months) {\r\n                const result = new Date(date);\r\n                result.setMonth(result.getMonth() + months);\r\n                return result;\r\n            }\r\n            \r\n            function formatDate(date) {\r\n                const day = date.getDate().toString().padStart(2, '0');\r\n                const month = (date.getMonth() + 1).toString().padStart(2, '0');\r\n                const year = date.getFullYear();\r\n                return `${day}\/${month}\/${year}`;\r\n            }\r\n            \r\n            function updateDateWithDescription(elementId, dateStr, description) {\r\n                const element = document.getElementById(elementId);\r\n                if (element) {\r\n                    element.textContent = `${description} ${dateStr}`;\r\n                }\r\n            }\r\n            \r\n            \/\/ Initialize FAQ heights for animation\r\n            faqQuestions.forEach(question => {\r\n                const answer = question.nextElementSibling;\r\n                answer.style.maxHeight = '0';\r\n            });\r\n            \r\n            \/\/ Set default date (for demo purposes)\r\n            const today = new Date();\r\n            const defaultDate = `${today.getFullYear()}-${String(today.getMonth() + 1).padStart(2, '0')}-${String(today.getDate()).padStart(2, '0')}`;\r\n            dateInput.value = defaultDate;\r\n            \r\n            \/\/ Trigger the change event to update all dates\r\n            const event = new Event('change');\r\n            dateInput.dispatchEvent(event);\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\r\n\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-24d00991 e-con-full e-flex e-con e-parent\" data-id=\"24d00991\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-24cddb5 e-con-full e-flex e-con e-child\" data-id=\"24cddb5\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-f4528a6 e-flex e-con-boxed e-con e-child\" data-id=\"f4528a6\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cd013e3 elementor-widget elementor-widget-heading\" data-id=\"cd013e3\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Hemen Bize Ula\u015f\u0131n ve Seyahatinizi Planlay\u0131n!<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-aebf132 elementor-widget elementor-widget-text-editor\" data-id=\"aebf132\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: center;\">Uzman doktorlar\u0131m\u0131z ve konforlu klini\u011fimizle T\u00fcrkiye\u2019de<\/p>\n<p style=\"text-align: center;\">ayr\u0131cal\u0131kl\u0131 bir tedavi s\u00fcreci ya\u015fay\u0131n!<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-67dd7a0 elementor-widget elementor-widget-button\" data-id=\"67dd7a0\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6MjQ4ODEsInRvZ2dsZSI6ZmFsc2V9\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-long-arrow-alt-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M313.941 216H12c-6.627 0-12 5.373-12 12v56c0 6.627 5.373 12 12 12h301.941v46.059c0 21.382 25.851 32.09 40.971 16.971l86.059-86.059c9.373-9.373 9.373-24.569 0-33.941l-86.059-86.059c-15.119-15.119-40.971-4.411-40.971 16.971V216z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u00dccretsiz Dan\u0131\u015fma Al\u0131n<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4636593e e-flex e-con-boxed e-con e-parent\" data-id=\"4636593e\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-bbec66f e-con-full e-flex e-con e-child\" data-id=\"bbec66f\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6c63a43 elementor-widget elementor-widget-html\" data-id=\"6c63a43\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"tr\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n  <style>\n    * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n    }\n    \n    body {\n      font-family: 'Poppins', sans-serif;\n      background-color: #f8faff;\n      color: #333;\n    }\n    \n    .journey-container {\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 30px 20px;\n    }\n    \n    h2 {\n      font-size: 32px;\n      margin-bottom: 40px;\n      text-align: center;\n      font-weight: 700;\n      color: #2a2a2a;\n    }\n    \n    \/* Progress Tracker Styles *\/\n    .progress-tracker {\n      margin-bottom: 60px;\n      padding: 20px 0;\n    }\n    \n    .step-container {\n      position: relative;\n      width: 100%;\n    }\n    \n    \/* Icon row *\/\n    .icon-row {\n      display: flex;\n      justify-content: space-between;\n      margin-bottom: 20px;\n    }\n    \n    .step-icon-wrapper {\n      width: 60px;\n      height: 60px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      position: relative;\n      z-index: 3;\n    }\n    \n    .step-icon {\n      width: 60px;\n      height: 60px;\n      border-radius: 50%;\n      background-color: #f0f4ff;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      border: 2px solid #C2CCFA;\n      transition: all 0.3s ease;\n    }\n    \n    .step-icon svg {\n      width: 32px;\n      height: 32px;\n      stroke: #C2CCFA;\n      fill: none;\n      transition: stroke 0.3s ease;\n    }\n    \n    .step-icon.active, \n    .step-icon.completed {\n      border-color: #375BFF;\n    }\n    \n    .step-icon.active svg, \n    .step-icon.completed svg {\n      stroke: #375BFF;\n    }\n    \n    \/* Step circles and line *\/\n    .step-circles {\n      position: relative;\n      display: flex;\n      justify-content: space-between;\n      height: 20px;\n      align-items: center;\n      margin-top: 10px;\n    }\n    \n    .line {\n      position: absolute;\n      top: 50%;\n      left: 0;\n      width: 100%;\n      height: 3px;\n      background-color: #C2CCFA;\n      transform: translateY(-50%);\n      z-index: 1;\n    }\n    \n    .progress-line {\n      position: absolute;\n      top: 50%;\n      left: 0;\n      width: 0%;\n      height: 3px;\n      background-color: #375BFF;\n      transform: translateY(-50%);\n      z-index: 2;\n      transition: width 0.5s ease;\n    }\n    \n    .step {\n      z-index: 3;\n      position: relative;\n      cursor: pointer;\n    }\n    \n    .step-circle {\n      width: 20px;\n      height: 20px;\n      border-radius: 50%;\n      background-color: #C2CCFA;\n      transition: all 0.3s ease;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      position: relative;\n    }\n    \n    .step.active .step-circle {\n      background-color: #375BFF;\n    }\n    \n    .step.completed .step-circle {\n      background-color: #375BFF;\n    }\n    \n    .step.completed .step-circle:after {\n      content: '\u2713';\n      color: white;\n      font-size: 12px;\n      position: absolute;\n    }\n    \n    \/* Step labels *\/\n    .step-labels {\n      display: flex;\n      justify-content: space-between;\n      margin-top: 15px;\n    }\n    \n    .step-label {\n      text-align: center;\n      font-size: 14px;\n      font-weight: 600;\n      color: #8892b0;\n      transition: color 0.3s ease;\n      line-height: 1.4;\n      cursor: pointer;\n      width: 18%;\n    }\n    \n    .step-label .step-title {\n      display: block;\n      margin-top: 5px;\n      font-size: 16px;\n    }\n    \n    .step-label .step-number {\n      display: block;\n      font-size: 14px;\n      font-weight: 500;\n    }\n    \n    .step-label.active,\n    .step-label.completed {\n      color: #375BFF;\n    }\n    \n    \/* Content Styles *\/\n    .content-container {\n      position: relative;\n      margin-top: 30px;\n    }\n    \n    .step-content {\n      display: none;\n      padding: 40px;\n      background-color: white;\n      border-radius: 12px;\n      box-shadow: 0 10px 20px rgba(55, 91, 255, 0.1);\n      text-align: center;\n    }\n    \n    .step-content.active {\n      display: block;\n      animation: fadeIn 0.5s ease forwards;\n    }\n    \n    .step-content h2 {\n      margin-top: 0;\n      margin-bottom: 25px;\n      color: #2a2a2a;\n      font-size: 26px;\n    }\n    \n    .step-content p {\n      font-size: 16px;\n      line-height: 1.8;\n      color: #575757;\n      max-width: 800px;\n      margin: 0 auto;\n    }\n    \n    @keyframes fadeIn {\n      from { opacity: 0; transform: translateY(10px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n    \n    \/* Responsive adjustments *\/\n    @media (max-width: 768px) {\n      .journey-container {\n        padding: 20px 15px;\n      }\n      \n      h1 {\n        font-size: 24px;\n        margin-bottom: 30px;\n      }\n      \n      .icon-row {\n        margin-bottom: 15px;\n      }\n      \n      .step-icon {\n        width: 45px;\n        height: 45px;\n      }\n      \n      .step-icon svg {\n        width: 24px;\n        height: 24px;\n      }\n      \n      .step-label {\n        font-size: 12px;\n      }\n      \n      .step-label .step-title {\n        font-size: 13px;\n      }\n      \n      .step-content {\n        padding: 25px 20px;\n      }\n      \n      .step-content h2 {\n        font-size: 20px;\n        margin-bottom: 15px;\n      }\n      \n      .step-content p {\n        font-size: 14px;\n        line-height: 1.6;\n      }\n    }\n    \n    \/* Extra small devices *\/\n    @media (max-width: 480px) {\n      .step-icon {\n        width: 36px;\n        height: 36px;\n      }\n      \n      .step-icon svg {\n        width: 20px;\n        height: 20px;\n      }\n      \n      .step-label {\n        font-size: 10px;\n        width: 19%;\n      }\n      \n      .step-label .step-title {\n        font-size: 11px;\n      }\n    }\n  <\/style>\n<\/head>\n<body>\n  <div class=\"journey-container\">\n    <h2>Dr. Cinik ile Medikal Yolculu\u011funuz<\/h2>\n    \n    <!-- Progress Tracker -->\n    <div class=\"progress-tracker\">\n      <div class=\"step-container\">\n        <div class=\"icon-row\">\n          <div class=\"step-icon-wrapper\">\n            <div class=\"step-icon active\">\n              <!-- Initial Consultation Icon -->\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M8 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2h-2\"><\/path>\n                <path d=\"M12 2v4h4\"><\/path>\n                <path d=\"M12 12v8\"><\/path>\n                <path d=\"M12 12h4\"><\/path>\n                <circle cx=\"8\" cy=\"8\" r=\"1\"><\/circle>\n              <\/svg>\n            <\/div>\n          <\/div>\n          <div class=\"step-icon-wrapper\">\n            <div class=\"step-icon\">\n              <!-- Pre-Procedure Planning Icon -->\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\"><\/rect>\n                <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line>\n                <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line>\n                <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line>\n                <line x1=\"7\" y1=\"14\" x2=\"17\" y2=\"14\"><\/line>\n                <line x1=\"7\" y1=\"18\" x2=\"13\" y2=\"18\"><\/line>\n              <\/svg>\n            <\/div>\n          <\/div>\n          <div class=\"step-icon-wrapper\">\n            <div class=\"step-icon\">\n              <!-- The Procedure Day Icon -->\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M19 4H5c-1.1 0-2 .9-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2z\"><\/path>\n                <path d=\"M16 2v4\"><\/path>\n                <path d=\"M8 2v4\"><\/path>\n                <path d=\"M12 14v4\"><\/path>\n                <path d=\"M12 14h4\"><\/path>\n                <path d=\"M12 14h-4\"><\/path>\n              <\/svg>\n            <\/div>\n          <\/div>\n          <div class=\"step-icon-wrapper\">\n            <div class=\"step-icon\">\n              <!-- Post-Procedure Care Icon -->\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M18 8h1a4 4 0 0 1 0 8h-1\"><\/path>\n                <path d=\"M2 8h16v9a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V8z\"><\/path>\n                <line x1=\"6\" y1=\"1\" x2=\"6\" y2=\"4\"><\/line>\n                <line x1=\"10\" y1=\"1\" x2=\"10\" y2=\"4\"><\/line>\n                <line x1=\"14\" y1=\"1\" x2=\"14\" y2=\"4\"><\/line>\n              <\/svg>\n            <\/div>\n          <\/div>\n          <div class=\"step-icon-wrapper\">\n            <div class=\"step-icon\">\n              <!-- Follow-up Consultation Icon -->\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M12 4.5c-2.5 0-4.5 2-4.5 4.5 0 4.5 6 7.5 7.5 9 1.5-1.5 7.5-4.5 7.5-9 0-2.5-2-4.5-4.5-4.5-1.5 0-3 1-3.5 2-0.5-1-2-2-3.5-2z\"><\/path>\n                <path d=\"M4.5 16.5c-1.5 1.26-2.5 2.7-2.5 4.5h20c0-1.8-1-3.24-2.5-4.5\"><\/path>\n              <\/svg>\n            <\/div>\n          <\/div>\n        <\/div>\n        \n        <div class=\"step-circles\">\n          <div class=\"line\"><\/div>\n          <div class=\"progress-line\"><\/div>\n          <div class=\"step active\" data-step=\"1\">\n            <div class=\"step-circle\"><\/div>\n          <\/div>\n          <div class=\"step\" data-step=\"2\">\n            <div class=\"step-circle\"><\/div>\n          <\/div>\n          <div class=\"step\" data-step=\"3\">\n            <div class=\"step-circle\"><\/div>\n          <\/div>\n          <div class=\"step\" data-step=\"4\">\n            <div class=\"step-circle\"><\/div>\n          <\/div>\n          <div class=\"step\" data-step=\"5\">\n            <div class=\"step-circle\"><\/div>\n          <\/div>\n        <\/div>\n        \n        <div class=\"step-labels\">\n          <div class=\"step-label active\">\n            <span class=\"step-number\">1. Ad\u0131m<\/span>\n            <span class=\"step-title\">\u0130lk Dan\u0131\u015fma<\/span>\n          <\/div>\n          <div class=\"step-label\">\n            <span class=\"step-number\">2. Ad\u0131m<\/span>\n            <span class=\"step-title\">\u0130\u015flem \u00d6ncesi Haz\u0131rl\u0131k<\/span>\n          <\/div>\n          <div class=\"step-label\">\n            <span class=\"step-number\">3. Ad\u0131m<\/span>\n            <span class=\"step-title\">\u0130\u015flem G\u00fcn\u00fc<\/span>\n          <\/div>\n          <div class=\"step-label\">\n            <span class=\"step-number\">4. Ad\u0131m<\/span>\n            <span class=\"step-title\">\u0130\u015flem Sonras\u0131 Bak\u0131m<\/span>\n          <\/div>\n          <div class=\"step-label\">\n            <span class=\"step-number\">5. Ad\u0131m<\/span>\n            <span class=\"step-title\">Takip ve Kontrol<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    <!-- Content Sections -->\n    <div class=\"content-container\">\n      <div class=\"step-content active\" id=\"step-content-1\">\n       \n        <p>Yolculu\u011funuz ilk dan\u0131\u015fma ile ba\u015flar. Ekibimiz, ihtiya\u00e7lar\u0131n\u0131z\u0131 ve hedeflerinizi g\u00f6r\u00fc\u015ferek size \u00f6zel bir tedavi plan\u0131 olu\u015fturur. T\u0131bbi ge\u00e7mi\u015finizi de\u011ferlendirir ve bak\u0131m s\u00fcreciniz hakk\u0131nda bilin\u00e7li kararlar verebilmeniz i\u00e7in gerekli t\u00fcm bilgileri sizinle payla\u015f\u0131r\u0131z..<\/p>\n      <\/div>\n      \n      <div class=\"step-content\" id=\"step-content-2\">\n       \n        <p>\u0130\u015flem \u00f6ncesinde her ad\u0131mda size rehberlik ederek haz\u0131rl\u0131k s\u00fcrecinizi kolayla\u015ft\u0131r\u0131yoruz. Randevunuzun planlanmas\u0131ndan, ihtiya\u00e7 halinde ula\u015f\u0131m ve konaklama d\u00fczenlemelerine kadar her detay\u0131 organize ediyoruz. Ayr\u0131ca, eksiksiz bir i\u015flem \u00f6ncesi kontrol listesi sunarak s\u00fcrece tam anlam\u0131yla haz\u0131r olman\u0131z\u0131 sa\u011fl\u0131yoruz.<\/p>\n      <\/div>\n      \n      <div class=\"step-content\" id=\"step-content-3\">\n      \n        <p>Alan\u0131nda uzman doktorlar\u0131m\u0131z ve t\u0131bbi ekibimiz, en son teknikleri kullanarak i\u015fleminizi titizlikle ger\u00e7ekle\u015ftirir ve en iyi sonu\u00e7lar\u0131 alman\u0131z\u0131 sa\u011flar. Klini\u011fimize ad\u0131m att\u0131\u011f\u0131n\u0131z andan itibaren, t\u00fcm s\u00fcre\u00e7 boyunca konforunuz ve g\u00fcvenli\u011finiz ekibimiz taraf\u0131ndan \u00f6zenle sa\u011flan\u0131r.<\/p>\n      <\/div>\n      \n      <div class=\"step-content\" id=\"step-content-4\">\n       \n        <p>\u0130\u015fleminizin ard\u0131ndan, sorunsuz bir iyile\u015fme s\u00fcreci ge\u00e7irmeniz i\u00e7in t\u0131bbi ekibimiz taraf\u0131ndan yak\u0131ndan takip edilirsiniz. Uygulanan tedaviye ba\u011fl\u0131 olarak, klini\u011fimizdeki konforlu dinlenme odalar\u0131nda kalabilir ya da otelinize ge\u00e7ebilirsiniz. Her iki durumda da size ayr\u0131nt\u0131l\u0131 i\u015flem sonras\u0131 bak\u0131m talimatlar\u0131 verilir. \u0130yile\u015fme s\u00fcreciniz boyunca, ekibimiz 7\/24 her t\u00fcrl\u00fc sorunuz ve ihtiyac\u0131n\u0131z i\u00e7in yan\u0131n\u0131zda olacakt\u0131r.<\/p>\n      <\/div>\n      \n      <div class=\"step-content\" id=\"step-content-5\">\n        \n        <p>\u0130lerlemenizi takip etmek ve i\u015fleminizden en iyi sonu\u00e7lar\u0131 alman\u0131z\u0131 sa\u011flamak i\u00e7in takip randevular\u0131n\u0131z\u0131 planl\u0131yoruz. Tedaviniz sona erdi\u011finde bile size olan ba\u011fl\u0131l\u0131\u011f\u0131m\u0131z devam eder\u2014iyile\u015fme s\u00fcreciniz boyunca size destek ve rehberlik sunmay\u0131 s\u00fcrd\u00fcr\u00fcyoruz. B\u00f6ylece sonu\u00e7lar\u0131n\u0131zdan uzun vadeli memnuniyet sa\u011flam\u0131\u015f olursunuz.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <script>\n    document.addEventListener('DOMContentLoaded', function() {\n      \/\/ Initialize progress line to match current state (step 1)\n      document.querySelector('.progress-line').style.width = '0%';\n      \n      \/\/ Set up click events for steps\n      const steps = document.querySelectorAll('.step, .step-label, .step-icon');\n      \n      steps.forEach(function(element) {\n        element.addEventListener('click', function() {\n          let stepNum;\n          \n          if (this.classList.contains('step')) {\n            stepNum = this.getAttribute('data-step');\n          } else if (this.classList.contains('step-label')) {\n            stepNum = Array.from(this.parentNode.children).indexOf(this) + 1;\n          } else if (this.classList.contains('step-icon')) {\n            stepNum = Array.from(document.querySelectorAll('.step-icon')).indexOf(this) + 1;\n          }\n          \n          \/\/ Update active steps\n          document.querySelectorAll('.step, .step-label, .step-icon').forEach(el => {\n            el.classList.remove('active');\n          });\n          \n          document.querySelector(`.step[data-step=\"${stepNum}\"]`).classList.add('active');\n          document.querySelectorAll('.step-label')[stepNum-1].classList.add('active');\n          document.querySelectorAll('.step-icon')[stepNum-1].classList.add('active');\n          \n          \/\/ Mark previous steps as completed\n          document.querySelectorAll('.step, .step-label, .step-icon').forEach(el => {\n            el.classList.remove('completed');\n          });\n          \n          document.querySelectorAll('.step').forEach(function(step) {\n            const currentStep = step.getAttribute('data-step');\n            if (currentStep < stepNum) {\n              step.classList.add('completed');\n              document.querySelectorAll('.step-label')[currentStep-1].classList.add('completed');\n              document.querySelectorAll('.step-icon')[currentStep-1].classList.add('completed');\n            }\n          });\n          \n          \/\/ Update progress line\n          const progressPercentage = ((stepNum - 1) \/ 4) * 100;\n          document.querySelector('.progress-line').style.width = progressPercentage + '%';\n          \n          \/\/ Show corresponding content\n          document.querySelectorAll('.step-content').forEach(content => {\n            content.classList.remove('active');\n          });\n          document.querySelector(`#step-content-${stepNum}`).classList.add('active');\n        });\n      });\n    });\n  <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Before-After Home \u2192 Sayfa Watch Reo Finand&#8217;s Hair Transplantation Journey! Watch Reo Finand&#8217;s Hair Transplantation Journey! Watch Reo Finand&#8217;s Hair Transplantation Journey! \u00d6ncesi ve Sonras\u0131 Galeris Uzmanl\u0131kla ger\u00e7ekle\u015ftirdi\u011fimiz tedavilerle elde edilen etkileyici d\u00f6n\u00fc\u015f\u00fcmleri g\u00f6r\u00fcn. En Yeniler \u00d6nceEn Eskiler \u00d6nce T\u00fcm \u0130\u015flemlerSa\u00e7 EkimiRinoplastiSakal Ekimidi\u015f T\u00fcm CinsiyetlerErkekKad\u0131n T\u00fcm \u00dclkelerT\u00fcrkiye\u0130ngiltereAmerikaFransa y\u0131ll\u0131k deneyim 0 + mutlu hastalar 0 k+ [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":17568,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-23351","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.2 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>\u00f6ncesi-sonras\u0131 - DR. CINIK<\/title>\n<meta name=\"description\" content=\"T\u00fcrkiye\u2019nin en iyi kliniklerinden biri olan Dr. CINIK KL\u0130N\u0130\u011e\u0130\u2019nin \u00f6ncesi-sonras\u0131 galerisine g\u00f6z at\u0131n ve uzman ellerle ger\u00e7ekle\u015fen etkileyici d\u00f6n\u00fc\u015f\u00fcmlere tan\u0131k olun.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"http:\/\/drcinik.com\/tr\/oncesi-sonrasi\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u00f6ncesi-sonras\u0131\" \/>\n<meta property=\"og:description\" content=\"T\u00fcrkiye\u2019nin en iyi kliniklerinden biri olan Dr. CINIK KL\u0130N\u0130\u011e\u0130\u2019nin \u00f6ncesi-sonras\u0131 galerisine g\u00f6z at\u0131n ve uzman ellerle ger\u00e7ekle\u015fen etkileyici d\u00f6n\u00fc\u015f\u00fcmlere tan\u0131k olun.\" \/>\n<meta property=\"og:url\" content=\"http:\/\/drcinik.com\/tr\/oncesi-sonrasi\/\" \/>\n<meta property=\"og:site_name\" content=\"DR. CINIK\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/facebook.com\/drcinikcom\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-31T12:30:19+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/drcinik.com\/wp-content\/uploads\/2023\/06\/Artboard-2-copy-2.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1080\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@drcinikofficial\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"http:\\\/\\\/drcinik.com\\\/tr\\\/oncesi-sonrasi\\\/\",\"url\":\"http:\\\/\\\/drcinik.com\\\/tr\\\/oncesi-sonrasi\\\/\",\"name\":\"\u00f6ncesi-sonras\u0131 - DR. CINIK\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/drcinik.com\\\/tr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"http:\\\/\\\/drcinik.com\\\/tr\\\/oncesi-sonrasi\\\/#primaryimage\"},\"image\":{\"@id\":\"http:\\\/\\\/drcinik.com\\\/tr\\\/oncesi-sonrasi\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/drcinik.com\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/Artboard-2-copy-2.webp\",\"datePublished\":\"2025-04-22T13:50:27+00:00\",\"dateModified\":\"2025-07-31T12:30:19+00:00\",\"description\":\"T\u00fcrkiye\u2019nin en iyi kliniklerinden biri olan Dr. CINIK KL\u0130N\u0130\u011e\u0130\u2019nin \u00f6ncesi-sonras\u0131 galerisine g\u00f6z at\u0131n ve uzman ellerle ger\u00e7ekle\u015fen etkileyici d\u00f6n\u00fc\u015f\u00fcmlere tan\u0131k olun.\",\"breadcrumb\":{\"@id\":\"http:\\\/\\\/drcinik.com\\\/tr\\\/oncesi-sonrasi\\\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"http:\\\/\\\/drcinik.com\\\/tr\\\/oncesi-sonrasi\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"http:\\\/\\\/drcinik.com\\\/tr\\\/oncesi-sonrasi\\\/#primaryimage\",\"url\":\"https:\\\/\\\/drcinik.com\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/Artboard-2-copy-2.webp\",\"contentUrl\":\"https:\\\/\\\/drcinik.com\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/Artboard-2-copy-2.webp\",\"width\":1080,\"height\":1080,\"caption\":\"Nemanja Gudelj\u2019in sa\u00e7 d\u00f6n\u00fc\u015f\u00fcm\u00fc\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"http:\\\/\\\/drcinik.com\\\/tr\\\/oncesi-sonrasi\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\\\/\\\/drcinik.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u00f6ncesi-sonras\u0131\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/drcinik.com\\\/tr\\\/#website\",\"url\":\"https:\\\/\\\/drcinik.com\\\/tr\\\/\",\"name\":\"DR. CINIK\",\"description\":\"\u00d6zel T\u0131p Merkezi\",\"publisher\":{\"@id\":\"https:\\\/\\\/drcinik.com\\\/tr\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/drcinik.com\\\/tr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/drcinik.com\\\/tr\\\/#organization\",\"name\":\"DR. CINIK\",\"url\":\"https:\\\/\\\/drcinik.com\\\/tr\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\\\/\\\/drcinik.com\\\/tr\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/drcinik.com\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/logo.svg\",\"contentUrl\":\"https:\\\/\\\/drcinik.com\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/logo.svg\",\"width\":\"1024\",\"height\":\"1024\",\"caption\":\"DR. CINIK\"},\"image\":{\"@id\":\"https:\\\/\\\/drcinik.com\\\/tr\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/facebook.com\\\/drcinikcom\",\"https:\\\/\\\/x.com\\\/drcinikofficial\",\"https:\\\/\\\/instagram.com\\\/dr.cinikhospital\",\"https:\\\/\\\/youtube.com\\\/@emrahcinik\",\"https:\\\/\\\/tiktok.com\\\/@dremrahcinik\"],\"email\":\"info@drcinik.com\",\"telephone\":\"+90 549 641 37 01\",\"legalName\":\"Erc Turizm Sa\u011fl\u0131k Hizmetleri Tic. Ltd. \u015eti.\",\"numberOfEmployees\":{\"@type\":\"QuantitativeValue\",\"minValue\":\"51\",\"maxValue\":\"200\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"\u00f6ncesi-sonras\u0131 - DR. CINIK","description":"T\u00fcrkiye\u2019nin en iyi kliniklerinden biri olan Dr. CINIK KL\u0130N\u0130\u011e\u0130\u2019nin \u00f6ncesi-sonras\u0131 galerisine g\u00f6z at\u0131n ve uzman ellerle ger\u00e7ekle\u015fen etkileyici d\u00f6n\u00fc\u015f\u00fcmlere tan\u0131k olun.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"http:\/\/drcinik.com\/tr\/oncesi-sonrasi\/","og_locale":"tr_TR","og_type":"article","og_title":"\u00f6ncesi-sonras\u0131","og_description":"T\u00fcrkiye\u2019nin en iyi kliniklerinden biri olan Dr. CINIK KL\u0130N\u0130\u011e\u0130\u2019nin \u00f6ncesi-sonras\u0131 galerisine g\u00f6z at\u0131n ve uzman ellerle ger\u00e7ekle\u015fen etkileyici d\u00f6n\u00fc\u015f\u00fcmlere tan\u0131k olun.","og_url":"http:\/\/drcinik.com\/tr\/oncesi-sonrasi\/","og_site_name":"DR. CINIK","article_publisher":"https:\/\/facebook.com\/drcinikcom","article_modified_time":"2025-07-31T12:30:19+00:00","og_image":[{"width":1080,"height":1080,"url":"http:\/\/drcinik.com\/wp-content\/uploads\/2023\/06\/Artboard-2-copy-2.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_site":"@drcinikofficial","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"http:\/\/drcinik.com\/tr\/oncesi-sonrasi\/","url":"http:\/\/drcinik.com\/tr\/oncesi-sonrasi\/","name":"\u00f6ncesi-sonras\u0131 - DR. CINIK","isPartOf":{"@id":"https:\/\/drcinik.com\/tr\/#website"},"primaryImageOfPage":{"@id":"http:\/\/drcinik.com\/tr\/oncesi-sonrasi\/#primaryimage"},"image":{"@id":"http:\/\/drcinik.com\/tr\/oncesi-sonrasi\/#primaryimage"},"thumbnailUrl":"https:\/\/drcinik.com\/wp-content\/uploads\/2023\/06\/Artboard-2-copy-2.webp","datePublished":"2025-04-22T13:50:27+00:00","dateModified":"2025-07-31T12:30:19+00:00","description":"T\u00fcrkiye\u2019nin en iyi kliniklerinden biri olan Dr. CINIK KL\u0130N\u0130\u011e\u0130\u2019nin \u00f6ncesi-sonras\u0131 galerisine g\u00f6z at\u0131n ve uzman ellerle ger\u00e7ekle\u015fen etkileyici d\u00f6n\u00fc\u015f\u00fcmlere tan\u0131k olun.","breadcrumb":{"@id":"http:\/\/drcinik.com\/tr\/oncesi-sonrasi\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["http:\/\/drcinik.com\/tr\/oncesi-sonrasi\/"]}]},{"@type":"ImageObject","inLanguage":"tr","@id":"http:\/\/drcinik.com\/tr\/oncesi-sonrasi\/#primaryimage","url":"https:\/\/drcinik.com\/wp-content\/uploads\/2023\/06\/Artboard-2-copy-2.webp","contentUrl":"https:\/\/drcinik.com\/wp-content\/uploads\/2023\/06\/Artboard-2-copy-2.webp","width":1080,"height":1080,"caption":"Nemanja Gudelj\u2019in sa\u00e7 d\u00f6n\u00fc\u015f\u00fcm\u00fc"},{"@type":"BreadcrumbList","@id":"http:\/\/drcinik.com\/tr\/oncesi-sonrasi\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/drcinik.com\/"},{"@type":"ListItem","position":2,"name":"\u00f6ncesi-sonras\u0131"}]},{"@type":"WebSite","@id":"https:\/\/drcinik.com\/tr\/#website","url":"https:\/\/drcinik.com\/tr\/","name":"DR. CINIK","description":"\u00d6zel T\u0131p Merkezi","publisher":{"@id":"https:\/\/drcinik.com\/tr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/drcinik.com\/tr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":"Organization","@id":"https:\/\/drcinik.com\/tr\/#organization","name":"DR. CINIK","url":"https:\/\/drcinik.com\/tr\/","logo":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/drcinik.com\/tr\/#\/schema\/logo\/image\/","url":"https:\/\/drcinik.com\/wp-content\/uploads\/2023\/07\/logo.svg","contentUrl":"https:\/\/drcinik.com\/wp-content\/uploads\/2023\/07\/logo.svg","width":"1024","height":"1024","caption":"DR. CINIK"},"image":{"@id":"https:\/\/drcinik.com\/tr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/facebook.com\/drcinikcom","https:\/\/x.com\/drcinikofficial","https:\/\/instagram.com\/dr.cinikhospital","https:\/\/youtube.com\/@emrahcinik","https:\/\/tiktok.com\/@dremrahcinik"],"email":"info@drcinik.com","telephone":"+90 549 641 37 01","legalName":"Erc Turizm Sa\u011fl\u0131k Hizmetleri Tic. Ltd. \u015eti.","numberOfEmployees":{"@type":"QuantitativeValue","minValue":"51","maxValue":"200"}}]}},"_links":{"self":[{"href":"https:\/\/drcinik.com\/tr\/wp-json\/wp\/v2\/pages\/23351","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/drcinik.com\/tr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/drcinik.com\/tr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/drcinik.com\/tr\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/drcinik.com\/tr\/wp-json\/wp\/v2\/comments?post=23351"}],"version-history":[{"count":0,"href":"https:\/\/drcinik.com\/tr\/wp-json\/wp\/v2\/pages\/23351\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/drcinik.com\/tr\/wp-json\/wp\/v2\/media\/17568"}],"wp:attachment":[{"href":"https:\/\/drcinik.com\/tr\/wp-json\/wp\/v2\/media?parent=23351"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}