{"id":25553,"date":"2025-04-22T16:50:27","date_gmt":"2025-04-22T13:50:27","guid":{"rendered":"https:\/\/drcinik.com\/?page_id=25553"},"modified":"2025-07-30T06:38:36","modified_gmt":"2025-07-30T03:38:36","slug":"avant-et-apres","status":"publish","type":"page","link":"http:\/\/drcinik.com\/fr\/avant-et-apres\/","title":{"rendered":"Avant et apr\u00e8s"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"25553\" class=\"elementor elementor-25553 elementor-19426\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6d7b49d e-flex e-con-boxed e-con e-parent\" data-id=\"6d7b49d\" 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-e6d0998 e-con-full e-flex e-con e-child\" data-id=\"e6d0998\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4aa8fb8 elementor-widget elementor-widget-text-editor\" data-id=\"4aa8fb8\" 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;\">Avant-Apr\u00e8s<\/h1>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e479b29 elementor-widget elementor-widget-eael-breadcrumbs\" data-id=\"e479b29\" 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\/fr\/\">Home<\/a> <span class=\"eael-breadcrumb-separator\">\u2192<\/span> <span class = \"eael-current\">Page<\/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-d9a1335 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"d9a1335\" 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-7f02c06 elementor-pagination-type-bullets elementor-arrows-position-inside elementor-pagination-position-outside elementor-widget elementor-widget-n-carousel\" data-id=\"7f02c06\" 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 sur 3\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-80dc8a4 e-flex e-con-boxed e-con e-child\" data-id=\"80dc8a4\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-b209b29 e-con-full e-flex e-con e-child\" data-id=\"b209b29\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-5a831ed e-con-full e-flex e-con e-child\" data-id=\"5a831ed\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0bd985c elementor-absolute elementor-widget elementor-widget-html\" data-id=\"0bd985c\" 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-aa8e0ff e-con-full e-flex e-con e-child\" data-id=\"aa8e0ff\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c61c56c elementor-widget elementor-widget-image\" data-id=\"c61c56c\" 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-27418\" 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-890bc5c elementor-widget elementor-widget-image\" data-id=\"890bc5c\" 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-27423\" 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-dd69813 e-con-full e-flex e-con e-child\" data-id=\"dd69813\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-76deabb elementor-widget elementor-widget-image\" data-id=\"76deabb\" 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-27413\" 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-24f1631 elementor-widget elementor-widget-image\" data-id=\"24f1631\" 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-27423\" 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 sur 3\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c312fd2 e-flex e-con-boxed e-con e-child\" data-id=\"c312fd2\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-104a8de e-con-full e-flex e-con e-child\" data-id=\"104a8de\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-5b6d6d1 e-con-full e-flex e-con e-child\" data-id=\"5b6d6d1\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-54fd223 elementor-absolute elementor-widget elementor-widget-html\" data-id=\"54fd223\" 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-95ffc33 e-con-full e-flex e-con e-child\" data-id=\"95ffc33\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8e8dfe9 elementor-widget elementor-widget-image\" data-id=\"8e8dfe9\" 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-10866\" 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-be47774 elementor-widget elementor-widget-image\" data-id=\"be47774\" 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-10856\" 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-5bbb60d e-con-full e-flex e-con e-child\" data-id=\"5bbb60d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c136624 elementor-widget elementor-widget-image\" data-id=\"c136624\" 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-10877\" 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-432d0fb elementor-widget elementor-widget-image\" data-id=\"432d0fb\" 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-10871\" 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 sur 3\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4852339 e-flex e-con-boxed e-con e-child\" data-id=\"4852339\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-28a6c24 e-con-full e-flex e-con e-child\" data-id=\"28a6c24\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-a757d58 e-con-full e-flex e-con e-child\" data-id=\"a757d58\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1a26032 elementor-absolute elementor-widget elementor-widget-html\" data-id=\"1a26032\" 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-593d89c e-con-full e-flex e-con e-child\" data-id=\"593d89c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0646968 elementor-widget elementor-widget-image\" data-id=\"0646968\" 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-27418\" 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-9da4a18 elementor-widget elementor-widget-image\" data-id=\"9da4a18\" 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-27423\" 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-81f3f43 e-con-full e-flex e-con e-child\" data-id=\"81f3f43\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-00e3543 elementor-widget elementor-widget-image\" data-id=\"00e3543\" 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-27413\" 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-975eaa2 elementor-widget elementor-widget-image\" data-id=\"975eaa2\" 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-27423\" 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=\"Pr\u00e9c\u00e9dent\">\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=\"Suivant\">\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-afad9b6 e-flex e-con-boxed e-con e-parent\" data-id=\"afad9b6\" 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-d4a54be elementor-widget elementor-widget-html\" data-id=\"d4a54be\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Before & After Gallery - Elementor Compatible -->\n<div class=\"dr-cinik-gallery-container\">\n    <div class=\"gallery-title-section\">\n        <h2 class=\"gallery-title\">Galerie avant et apr\u00e8s<\/h2>\n        <p class=\"gallery-subtitle\">D\u00e9couvrez les transformations remarquables r\u00e9alis\u00e9es gr\u00e2ce \u00e0 nos proc\u00e9dures expertes<\/p>\n    <\/div>\n\n    <div class=\"filter-row\">\n        <div class=\"filter-dropdown\">\n            <select id=\"sort-filter\" class=\"filter-select\">\n                <option value=\"newest\">Le plus r\u00e9cent en premier<\/option>\n                <option value=\"oldest\">Le plus ancien en premier<\/option>\n            <\/select>\n        <\/div>\n        \n        <div class=\"filter-dropdown\">\n            <select id=\"procedure-filter\" class=\"filter-select\">\n                <option value=\"all\">Toutes les proc\u00e9dures<\/option>\n                <option value=\"hair-transplant\">Greffe de cheveux<\/option>\n                <option value=\"rhinoplasty\">Rhinoplastie<\/option>\n                <option value=\"beard-transplant\">Greffe de barbe<\/option>\n                <option value=\"dental\">Dentaire<\/option>\n            <\/select>\n        <\/div>\n        \n        <div class=\"filter-dropdown\">\n            <select id=\"gender-filter\" class=\"filter-select\">\n                <option value=\"all\">Tous les genres<\/option>\n                <option value=\"male\">Male<\/option>\n                <option value=\"female\">Femelle<\/option>\n            <\/select>\n        <\/div>\n        \n        <div class=\"filter-dropdown\">\n            <select id=\"country-filter\" class=\"filter-select\">\n                <option value=\"all\">Tous les pays<\/option>\n                <option value=\"turkey\">Turquie<\/option>\n                <option value=\"uk\">ROYAUME-UNI<\/option>\n                <option value=\"usa\">USA<\/option>\n                <option value=\"france\">France<\/option>\n            <\/select>\n        <\/div>\n    <\/div>\n\n    <div id=\"gallery-grid\" class=\"gallery-grid\">\n        <!-- Gallery items will be added here by JavaScript -->\n    <\/div>\n<\/div>\n\n<style>\n\/* Reset and base styles *\/\n.dr-cinik-gallery-container * {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n    font-family: inherit;\n}\n\n.dr-cinik-gallery-container {\n    width: 100%;\n    margin: 0 auto;\n    padding: 0;\n}\n\n\/* Gallery title styles *\/\n.gallery-title-section {\n    text-align: center;\n    margin-bottom: 30px;\n}\n\n.gallery-title {\n    font-size: 32px;\n    font-weight: 600;\n    color: #2c3e50;\n    margin-bottom: 10px;\n}\n\n.gallery-subtitle {\n    font-size: 16px;\n    color: #7f8c8d;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n\/* Filter styles *\/\n.filter-row {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 15px;\n    margin-bottom: 40px;\n}\n\n.filter-dropdown {\n    flex: 1;\n    min-width: 150px;\n    max-width: 300px;\n}\n\n.filter-select {\n    width: 100%;\n    padding: 12px 15px;\n    border: 1px solid #e0e0e0;\n    border-radius: 8px;\n    background-color: white;\n    color: #333;\n    font-size: 14px;\n    appearance: none;\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\");\n    background-repeat: no-repeat;\n    background-position: right 15px center;\n    box-shadow: 0 2px 5px rgba(0,0,0,0.05);\n    cursor: pointer;\n    transition: all 0.3s ease;\n}\n\n.filter-select:hover {\n    border-color: #3a7bd5;\n    box-shadow: 0 4px 8px rgba(0,0,0,0.1);\n}\n\n.filter-select:focus {\n    outline: none;\n    border-color: #3a7bd5;\n}\n\n\/* Gallery grid *\/\n.gallery-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n    gap: 25px;\n    width: 100%;\n}\n\n\/* Before\/After Card *\/\n.gallery-item {\n    background-color: white;\n    border-radius: 10px;\n    overflow: hidden;\n    box-shadow: 0 5px 15px rgba(0,0,0,0.08);\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.gallery-item:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 10px 25px rgba(0,0,0,0.12);\n}\n\n.comparison-wrapper {\n    position: relative;\n    width: 100%;\n    height: 0;\n    padding-bottom: 100%; \/* Square aspect ratio *\/\n    overflow: hidden;\n}\n\n.comparison-after, .comparison-before {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-size: cover;\n    background-position: center;\n    background-repeat: no-repeat;\n}\n\n.comparison-before {\n    width: 50%;\n    z-index: 1;\n    border-right: 3px solid white;\n}\n\n.comparison-after {\n    z-index: 0;\n}\n\n\/* Slider control - UPDATED *\/\n.slider-control {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 3px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 10;\n    cursor: ew-resize;\n}\n\n\/* Updated slider handle - now bigger and more round *\/\n.slider-handle {\n    width: 46px; \/* Increased from 36px *\/\n    height: 46px; \/* Increased from 36px *\/\n    background-color: white;\n    border-radius: 50%; \/* Already round, but now bigger *\/\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 3px 10px rgba(0,0,0,0.3);\n    transition: transform 0.2s ease;\n    border: 2px solid #3a7bd5; \/* Added border for better visibility *\/\n}\n\n.slider-handle:hover {\n    transform: scale(1.1);\n}\n\n.slider-arrows {\n    color: #3a7bd5;\n    font-size: 20px; \/* Slightly bigger arrows *\/\n    line-height: 1;\n}\n\n\/* Labels and watermark *\/\n.label {\n    position: absolute;\n    top: 15px;\n    padding: 5px 12px;\n    background-color: rgba(0,0,0,0.6);\n    color: white;\n    font-size: 12px;\n    border-radius: 20px;\n    z-index: 5;\n}\n\n.before-label {\n    left: 15px;\n}\n\n.after-label {\n    right: 15px;\n}\n\n.watermark {\n    position: absolute;\n    bottom: 15px;\n    left: 15px;\n    color: white;\n    font-size: 14px;\n    font-weight: 600;\n    text-shadow: 0 2px 4px rgba(0,0,0,0.5);\n    z-index: 5;\n}\n\n\/* Item info *\/\n.item-info {\n    padding: 15px;\n}\n\n.item-title {\n    font-size: 16px;\n    font-weight: 600;\n    color: #2c3e50;\n    margin-bottom: 5px;\n}\n\n.item-date {\n    color: #95a5a6;\n    font-size: 14px;\n    margin-bottom: 12px;\n}\n\n.item-tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    justify-content: center;\n}\n\n.tag {\n    background-color: #f0f5ff;\n    color: #3a7bd5;\n    padding: 4px 12px;\n    border-radius: 20px;\n    font-size: 12px;\n    font-weight: 500;\n}\n\n\/* Responsive adjustments *\/\n@media (max-width: 768px) {\n    .filter-row {\n        flex-direction: column;\n        align-items: center;\n    }\n    \n    .filter-dropdown {\n        width: 100%;\n        max-width: 100%;\n    }\n    \n    .gallery-title {\n        font-size: 28px;\n    }\n    \n    .gallery-grid {\n        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\n    }\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    \/\/ Gallery data\n    const galleryData = [\n        {\n            id: 1,\n            title: \"Hair Transplant - 4500 Grafts\",\n            procedure: \"hair-transplant\",\n            gender: \"male\",\n            country: \"turkey\",\n            date: \"2023-08-15\",\n            beforeImage: \"http:\/\/drcinik.com\/wp-content\/uploads\/2023\/08\/fue-4500-grafts-before-01.jpg\",\n            afterImage: \"http:\/\/drcinik.com\/wp-content\/uploads\/2023\/08\/fue-4500-grafts-after-01.jpg\"\n        },\n        {\n            id: 2,\n            title: \"Hair Transplant - 4600 Grafts\",\n            procedure: \"hair-transplant\",\n            gender: \"male\",\n            country: \"uk\",\n            date: \"2023-08-10\",\n            beforeImage: \"http:\/\/drcinik.com\/wp-content\/uploads\/2023\/08\/fue-4600-grafts-before-01.jpg\",\n            afterImage: \"http:\/\/drcinik.com\/wp-content\/uploads\/2023\/08\/fue-4600-grafts-after-01.jpg\"\n        },\n        {\n            id: 3,\n            title: \"Hair Transplant - 4200 Grafts\",\n            procedure: \"hair-transplant\",\n            gender: \"male\",\n            country: \"usa\",\n            date: \"2023-08-05\",\n            beforeImage: \"http:\/\/drcinik.com\/wp-content\/uploads\/2023\/08\/sapphire-dhi-4200-grafts-before-01.jpg\",\n            afterImage: \"http:\/\/drcinik.com\/wp-content\/uploads\/2023\/08\/sapphire-dhi-4200-grafts-after-01.jpg\"\n        },\n         {\n            id: 4,\n            title: \"Rhinoplasty\",\n            procedure: \"rhinoplasty\",\n            gender: \"female\",\n            country: \"uk\",\n            date: \"2023-08-10\",\n            beforeImage: \"http:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Isimsiz1-Rhionoplasty-1-2.jpg\",\n            afterImage: \"http:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Isimsiz1-Rhinoplasty-1-3.jpg\"\n        },\n\n\n         {\n            id: 5,\n            title: \"Dental\",\n            procedure: \"dental\",\n            gender: \"female\",\n            country: \"france\",\n            date: \"2023-08-10\",\n            beforeImage: \"http:\/\/drcinik.com\/wp-content\/uploads\/2023\/08\/zirconium-veneer-before-02.jpg\",\n            afterImage: \"http:\/\/drcinik.com\/wp-content\/uploads\/2023\/08\/zirconium-veneer-after-02.jpg\"\n        },\n\n\n         {\n            id: 6,\n            title: \"Beard\",\n            procedure: \"beard-transplant\",\n            gender: \"male\",\n            country: \"uk\",\n            date: \"2023-08-10\",\n            beforeImage: \"http:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Artboard-5-copy-20.webp\",\n            afterImage: \"http:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Artboard-5-copy-21.webp\"\n        },\n\n        {\n            id: 7,\n            title: \"Hair-transplant\",\n            procedure: \"hair-transplant\",\n            gender: \"male\",\n            country: \"uk\",\n            date: \"2023-08-10\",\n            beforeImage: \"http:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Artboard-1-copy-65.webp\",\n            afterImage: \"http:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Artboard-1-copy-67.webp\"\n        },\n\n\n         {\n            id: 8,\n            title: \"Hair-transplant\",\n            procedure: \"hair-transplant\",\n            gender: \"male\",\n            country: \"uk\",\n            date: \"2023-08-10\",\n            beforeImage: \"http:\/\/drcinik.com\/wp-content\/uploads\/2022\/10\/fue-4350-grafts-before-01.jpg\",\n            afterImage: \"http:\/\/drcinik.com\/wp-content\/uploads\/2022\/10\/fue-4350-grafts-after-01.jpg\"\n        },\n\n            {\n            id: 9,\n            title: \"Hair-transplant\",\n            procedure: \"hair-transplant\",\n            gender: \"male\",\n            country: \"uk\",\n            date: \"2024-08-10\",\n            beforeImage: \"http:\/\/drcinik.com\/wp-content\/uploads\/2023\/08\/sapphire-fue-4150-grafts-before-02.jpg\",\n            afterImage: \"http:\/\/drcinik.com\/wp-content\/uploads\/2023\/08\/sapphire-fue-4150-grafts-after-01.jpg\"\n        },\n\n\n           {\n            id: 10,\n            title: \"Rhinoplasty\",\n            procedure: \"rhinoplasty\",\n            gender: \"male\",\n            country: \"uk\",\n            date: \"2024-08-10\",\n            beforeImage: \"http:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/LorenzoIurlo-Rhinoplasty1-3.jpg\",\n            afterImage: \"http:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/LorenzoIurlo-Rhinoplasty1-2.jpg\"\n        },\n\n\n\n   {\n            id: 11,\n            title: \"Hair-transplant\",\n            procedure: \"hair-transplant\",\n            gender: \"male\",\n            country: \"uk\",\n            date: \"2025-04-10\",\n            beforeImage: \"http:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Artboard-5-copy-33.webp\",\n            afterImage: \"http:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Artboard-5-copy-32.webp\"\n        },\n\n\n           {\n            id: 12,\n            title: \"Hair-transplant\",\n            procedure: \"hair-transplant\",\n            gender: \"male\",\n            country: \"uk\",\n            date: \"2023-08-10\",\n            beforeImage: \"http:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Artboard-5-copy-37.webp\",\n            afterImage: \"http:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Artboard-5-copy-36.webp\"\n        },\n\n\n\n\n\n\n    ];\n    \n    \/\/ Filter state\n    let filters = {\n        sort: 'newest',\n        procedure: 'all',\n        gender: 'all',\n        country: 'all'\n    };\n    \n    \/\/ DOM elements\n    const galleryGrid = document.getElementById('gallery-grid');\n    const sortFilter = document.getElementById('sort-filter');\n    const procedureFilter = document.getElementById('procedure-filter');\n    const genderFilter = document.getElementById('gender-filter');\n    const countryFilter = document.getElementById('country-filter');\n    \n    \/\/ Initialize gallery\n    renderGallery();\n    \n    \/\/ Set up filter event listeners\n    sortFilter.addEventListener('change', updateFilters);\n    procedureFilter.addEventListener('change', updateFilters);\n    genderFilter.addEventListener('change', updateFilters);\n    countryFilter.addEventListener('change', updateFilters);\n    \n    \/\/ Update filters and re-render gallery\n    function updateFilters() {\n        filters = {\n            sort: sortFilter.value,\n            procedure: procedureFilter.value,\n            gender: genderFilter.value,\n            country: countryFilter.value\n        };\n        \n        renderGallery();\n    }\n    \n    \/\/ Render gallery based on current filters\n    function renderGallery() {\n        \/\/ Clear gallery\n        galleryGrid.innerHTML = '';\n        \n        \/\/ Filter and sort data\n        let filteredData = [...galleryData];\n        \n        if (filters.procedure !== 'all') {\n            filteredData = filteredData.filter(item => item.procedure === filters.procedure);\n        }\n        \n        if (filters.gender !== 'all') {\n            filteredData = filteredData.filter(item => item.gender === filters.gender);\n        }\n        \n        if (filters.country !== 'all') {\n            filteredData = filteredData.filter(item => item.country === filters.country);\n        }\n        \n        filteredData.sort((a, b) => {\n            if (filters.sort === 'newest') {\n                return new Date(b.date) - new Date(a.date);\n            } else {\n                return new Date(a.date) - new Date(b.date);\n            }\n        });\n        \n        \/\/ Create gallery items\n        if (filteredData.length > 0) {\n            filteredData.forEach(item => {\n                const galleryItem = createGalleryItem(item);\n                galleryGrid.appendChild(galleryItem);\n                initializeSlider(item.id);\n            });\n        } else {\n            const noResults = document.createElement('div');\n            noResults.className = 'no-results';\n            noResults.textContent = 'No results found. Try adjusting your filters.';\n            galleryGrid.appendChild(noResults);\n        }\n    }\n    \n    \/\/ Create gallery item\n    function createGalleryItem(item) {\n        const galleryItem = document.createElement('div');\n        galleryItem.className = 'gallery-item';\n        galleryItem.dataset.id = item.id;\n        \n        const date = new Date(item.date);\n        const formattedDate = date.toLocaleDateString('en-US', {\n            year: 'numeric',\n            month: 'long',\n            day: 'numeric'\n        });\n        \n        galleryItem.innerHTML = `\n            <div class=\"comparison-wrapper\">\n                <div class=\"comparison-after\" style=\"background-image: url('${item.afterImage}')\"><\/div>\n                <div class=\"comparison-before\" style=\"background-image: url('${item.beforeImage}')\"><\/div>\n                \n                <div class=\"label before-label\">Before<\/div>\n                <div class=\"label after-label\">After<\/div>\n                \n                <div class=\"slider-control\" data-id=\"${item.id}\">\n                    <div class=\"slider-handle\">\n                        <div class=\"slider-arrows\">\u2194<\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"watermark\">DR. CINIK<\/div>\n            <\/div>\n            \n            <div class=\"item-info\">\n                <h3 class=\"item-title\">${item.title}<\/h3>\n                <p class=\"item-date\">${formattedDate}<\/p>\n                <div class=\"item-tags\">\n                    <span class=\"tag\">${capitalizeFirstLetter(item.procedure.replace('-', ' '))}<\/span>\n                    <span class=\"tag\">${capitalizeFirstLetter(item.gender)}<\/span>\n                    <span class=\"tag\">${item.country.toUpperCase()}<\/span>\n                <\/div>\n            <\/div>\n        `;\n        \n        return galleryItem;\n    }\n    \n    \/\/ Initialize slider for a specific gallery item\n    function initializeSlider(itemId) {\n        const slider = document.querySelector(`.slider-control[data-id=\"${itemId}\"]`);\n        if (!slider) return;\n        \n        const container = slider.closest('.comparison-wrapper');\n        const beforeImage = container.querySelector('.comparison-before');\n        \n        let isDragging = false;\n        \n        \/\/ Mouse events\n        slider.addEventListener('mousedown', function(e) {\n            isDragging = true;\n            e.preventDefault();\n        });\n        \n        document.addEventListener('mouseup', function() {\n            isDragging = false;\n        });\n        \n        document.addEventListener('mousemove', function(e) {\n            if (!isDragging) return;\n            \n            const containerRect = container.getBoundingClientRect();\n            const position = (e.clientX - containerRect.left) \/ containerRect.width;\n            moveSlider(position, beforeImage, slider);\n        });\n        \n        \/\/ Touch events\n        slider.addEventListener('touchstart', function(e) {\n            isDragging = true;\n        });\n        \n        document.addEventListener('touchend', function() {\n            isDragging = false;\n        });\n        \n        document.addEventListener('touchmove', function(e) {\n            if (!isDragging) return;\n            \n            const touch = e.touches[0];\n            const containerRect = container.getBoundingClientRect();\n            const position = (touch.clientX - containerRect.left) \/ containerRect.width;\n            moveSlider(position, beforeImage, slider);\n            \n            e.preventDefault(); \/\/ Prevent scrolling\n        });\n        \n        \/\/ Click on container to move slider\n        container.addEventListener('click', function(e) {\n            if (!e.target.closest('.slider-control')) {\n                const containerRect = container.getBoundingClientRect();\n                const position = (e.clientX - containerRect.left) \/ containerRect.width;\n                moveSlider(position, beforeImage, slider);\n            }\n        });\n    }\n    \n    \/\/ Move the slider to a specific position\n    function moveSlider(position, beforeImage, slider) {\n        const clampedPosition = Math.max(0, Math.min(1, position));\n        beforeImage.style.width = `${clampedPosition * 100}%`;\n        slider.style.left = `${clampedPosition * 100}%`;\n    }\n    \n    \/\/ Helper function to capitalize first letter\n    function capitalizeFirstLetter(string) {\n        return string.charAt(0).toUpperCase() + string.slice(1);\n    }\n    \n    \/\/ Handle window resize for responsive behavior\n    window.addEventListener('resize', function() {\n        document.querySelectorAll('.slider-control').forEach(slider => {\n            const beforeImage = slider.closest('.comparison-wrapper').querySelector('.comparison-before');\n            const width = parseFloat(window.getComputedStyle(beforeImage).width);\n            const containerWidth = beforeImage.parentElement.offsetWidth;\n            slider.style.left = `${(width \/ containerWidth) * 100}%`;\n        });\n    });\n});\n<\/script>\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-04a7d70 e-flex e-con-boxed e-con e-parent\" data-id=\"04a7d70\" 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-3ea684d e-con-full e-flex e-con e-child\" data-id=\"3ea684d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ee964fa elementor-arrows-position-outside elementor-pagination-position-outside elementor-widget elementor-widget-image-carousel\" data-id=\"ee964fa\" 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 sur 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 sur 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 sur 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 sur 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 sur 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 sur 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-ea5c701 e-flex e-con-boxed e-con e-parent\" data-id=\"ea5c701\" 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-83888ac e-con-full e-flex e-con e-child\" data-id=\"83888ac\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-46859c5 e-con-full e-flex e-con e-child\" data-id=\"46859c5\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-5f9d6d3 e-con-full e-flex e-con e-child\" data-id=\"5f9d6d3\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8e10e72 elementor-widget elementor-widget-counter\" data-id=\"8e10e72\" 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\">Ann\u00e9es d\u2019exp\u00e9rience<\/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-e3dfc26 e-con-full e-flex e-con e-child\" data-id=\"e3dfc26\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1a5cb4e elementor-widget elementor-widget-counter\" data-id=\"1a5cb4e\" 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\">Patients satisfaits<\/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-f31f481 e-con-full e-flex e-con e-child\" data-id=\"f31f481\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-29b91d8 elementor-widget elementor-widget-counter\" data-id=\"29b91d8\" 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\">Personnel m\u00e9dical<\/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-0c373fa e-con-full e-flex e-con e-child\" data-id=\"0c373fa\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f054ffa elementor-widget elementor-widget-counter\" data-id=\"f054ffa\" 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\">Proc\u00e9dures r\u00e9alis\u00e9es<\/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-79362b0 e-con-full e-flex e-con e-child\" data-id=\"79362b0\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dce24ca elementor-widget elementor-widget-counter\" data-id=\"dce24ca\" 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\">H\u00f4pitaux \/ Cliniques<\/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-c0e65b1 e-flex e-con-boxed e-con e-parent\" data-id=\"c0e65b1\" 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-3ade52d e-con-full e-flex e-con e-child\" data-id=\"3ade52d\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-505d195 elementor-widget elementor-widget-html\" data-id=\"505d195\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\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>Guide Post-Op\u00e9ratoire<\/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> Tous les r\u00e9sultats\r\n            <\/button>\r\n            <button class=\"tab-button\" data-tab=\"hair-transplant\">\r\n                <span class=\"tab-icon\">\ud83d\udc87<\/span> Greffe de cheveux\r\n            <\/button>\r\n            <button class=\"tab-button\" data-tab=\"dental\">\r\n                <span class=\"tab-icon\">\ud83e\uddb7<\/span> Traitements dentaires\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>Choisissez la date de l\u2019op\u00e9ration<\/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\">Veuillez d\u2019abord s\u00e9lectionner une date d\u2019op\u00e9ration<\/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>Combien de jours apr\u00e8s une greffe de cheveux puis-je reprendre mon travail et ma vie quotidienne ?<\/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                                    Vous pouvez reprendre votre vie sociale 3 jours apr\u00e8s une greffe de cheveux. Vous devez vous reposer pendant 3 jours, puis vous pouvez reprendre le travail et la vie quotidienne sans probl\u00e8me.\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>Quand puis-je commencer \u00e0 marcher apr\u00e8s une greffe de cheveux ?<\/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                                    Vous pouvez commencer \u00e0 faire de courtes promenades (comme aller faire des courses) 7 jours apr\u00e8s votre greffe de cheveux. Veillez \u00e0 ne pas faire de longues marches et essayez de marcher \u00e0 l\u2019int\u00e9rieur ou en soir\u00e9e.\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>Combien de jours apr\u00e8s une greffe de cheveux puis-je recommencer \u00e0 faire du sport ?<\/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                                    Vous pouvez reprendre les activit\u00e9s physiques intenses 30 jours (1 mois) apr\u00e8s votre chirurgie de greffe de cheveux. M\u00eame si vous pouvez commencer \u00e0 marcher 7 jours apr\u00e8s, les sports lourds n\u00e9cessitent plus de patience. \u00c9vitez les entra\u00eenements intensifs et les sports comme le football pendant 2 \u00e0 3 mois.\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>Quand puis-je dormir normalement apr\u00e8s une greffe de cheveux ?<\/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                                   Vous devez dormir en position inclin\u00e9e jusqu\u2019au 7e jour apr\u00e8s votre chirurgie de restauration capillaire. Apr\u00e8s 7 jours, vous pouvez reprendre une position de sommeil normale.\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>Combien de jours apr\u00e8s une greffe de cheveux puis-je avoir des rapports sexuels ?<\/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                                   Vous devez attendre 10 jours avant de reprendre votre vie sexuelle normale. Les rapports sexuels peuvent nuire aux greffons transplant\u00e9s, donc la patience est n\u00e9cessaire.\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>Quand puis-je laver mes cheveux apr\u00e8s une greffe de cheveux ?<\/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                                    Vous devez attendre 48 \u00e0 72 heures avant de laver vos cheveux apr\u00e8s la greffe. Votre m\u00e9decin vous donnera des instructions sp\u00e9cifiques pour laver doucement la zone sans endommager les greffons.\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>Quand verrai-je les r\u00e9sultats finaux de ma greffe de cheveux ?<\/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                                    La plupart des patients commencent \u00e0 voir une repousse visible environ 3 \u00e0 4 mois apr\u00e8s la proc\u00e9dure. Cependant, les r\u00e9sultats finaux sont g\u00e9n\u00e9ralement visibles entre 9 et 12 mois apr\u00e8s la greffe, lorsque la pousse est compl\u00e8te.\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>Est-il normal de perdre des cheveux apr\u00e8s une greffe ?<\/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                                    Oui, il est normal de subir ce qu\u2019on appelle une \u00ab perte de choc \u00bb dans les 2 \u00e0 4 semaines qui suivent la greffe. Cette chute temporaire fait partie du cycle naturel de croissance des cheveux et les cheveux transplant\u00e9s repousseront apr\u00e8s quelques mois.\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>Quand puis-je manger apr\u00e8s une chirurgie dentaire ?<\/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                                    Attendez que l\u2019anesth\u00e9sie locale ait disparu avant de manger pour \u00e9viter de vous mordre la joue ou la langue. Pr\u00e9f\u00e9rez des aliments mous pendant les 24 \u00e0 48 premi\u00e8res heures et \u00e9vitez les aliments et boissons chauds. Introduisez progressivement des aliments plus solides selon votre confort.\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>Quand puis-je me brosser les dents apr\u00e8s une chirurgie d\u2019implant dentaire ?<\/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                                    Vous devez \u00e9viter de brosser la zone op\u00e9r\u00e9e pendant 24 heures. Apr\u00e8s cela, vous pouvez brosser doucement en faisant attention autour de l\u2019implant. Votre dentiste peut recommander un bain de bouche sp\u00e9cial au lieu du brossage dans la zone op\u00e9r\u00e9e pendant les premiers jours.\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>Combien de temps dure le gonflement apr\u00e8s une chirurgie dentaire ?<\/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                                    Le gonflement atteint g\u00e9n\u00e9ralement son maximum dans les 48 \u00e0 72 heures suivant la chirurgie dentaire et doit diminuer progressivement sur les 5 \u00e0 7 jours suivants. Appliquer des packs de glace pendant les premi\u00e8res 24 heures peut aider \u00e0 r\u00e9duire le gonflement.\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>\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-38d7bcd e-con-full e-flex e-con e-parent\" data-id=\"38d7bcd\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-3a72be0 e-flex e-con-boxed e-con e-child\" data-id=\"3a72be0\" 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-a380254 elementor-widget elementor-widget-heading\" data-id=\"a380254\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Contactez-nous maintenant &amp; planifiez votre voyage !<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-80bfc03 elementor-widget elementor-widget-text-editor\" data-id=\"80bfc03\" 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;\">Vivez un traitement premium en Turquie avec<br \/>nos m\u00e9decins experts et une clinique confortable !<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-10410e6 elementor-widget elementor-widget-button\" data-id=\"10410e6\" 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%3DeyJpZCI6MzIxNDYsInRvZ2dsZSI6ZmFsc2V9\">\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\">Obtenez une consultation gratuite<\/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<div class=\"elementor-element elementor-element-981a233 e-flex e-con-boxed e-con e-parent\" data-id=\"981a233\" 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-ef841ee elementor-widget elementor-widget-html\" data-id=\"ef841ee\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\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@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n  <style>\r\n    * {\r\n      margin: 0;\r\n      padding: 0;\r\n      box-sizing: border-box;\r\n    }\r\n    \r\n    body {\r\n      font-family: 'Poppins', sans-serif;\r\n      background-color: #f8faff;\r\n      color: #333;\r\n    }\r\n    \r\n    .journey-container {\r\n      max-width: 1200px;\r\n      margin: 0 auto;\r\n      padding: 30px 20px;\r\n    }\r\n    \r\n    h2 {\r\n      font-size: 32px;\r\n      margin-bottom: 40px;\r\n      text-align: center;\r\n      font-weight: 700;\r\n      color: #2a2a2a;\r\n    }\r\n    \r\n    \/* Progress Tracker Styles *\/\r\n    .progress-tracker {\r\n      margin-bottom: 60px;\r\n      padding: 20px 0;\r\n    }\r\n    \r\n    .step-container {\r\n      position: relative;\r\n      width: 100%;\r\n    }\r\n    \r\n    \/* Icon row *\/\r\n    .icon-row {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      margin-bottom: 20px;\r\n    }\r\n    \r\n    .step-icon-wrapper {\r\n      width: 60px;\r\n      height: 60px;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      position: relative;\r\n      z-index: 3;\r\n    }\r\n    \r\n    .step-icon {\r\n      width: 60px;\r\n      height: 60px;\r\n      border-radius: 50%;\r\n      background-color: #f0f4ff;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      border: 2px solid #C2CCFA;\r\n      transition: all 0.3s ease;\r\n    }\r\n    \r\n    .step-icon svg {\r\n      width: 32px;\r\n      height: 32px;\r\n      stroke: #C2CCFA;\r\n      fill: none;\r\n      transition: stroke 0.3s ease;\r\n    }\r\n    \r\n    .step-icon.active, \r\n    .step-icon.completed {\r\n      border-color: #375BFF;\r\n    }\r\n    \r\n    .step-icon.active svg, \r\n    .step-icon.completed svg {\r\n      stroke: #375BFF;\r\n    }\r\n    \r\n    \/* Step circles and line *\/\r\n    .step-circles {\r\n      position: relative;\r\n      display: flex;\r\n      justify-content: space-between;\r\n      height: 20px;\r\n      align-items: center;\r\n      margin-top: 10px;\r\n    }\r\n    \r\n    .line {\r\n      position: absolute;\r\n      top: 50%;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 3px;\r\n      background-color: #C2CCFA;\r\n      transform: translateY(-50%);\r\n      z-index: 1;\r\n    }\r\n    \r\n    .progress-line {\r\n      position: absolute;\r\n      top: 50%;\r\n      left: 0;\r\n      width: 0%;\r\n      height: 3px;\r\n      background-color: #375BFF;\r\n      transform: translateY(-50%);\r\n      z-index: 2;\r\n      transition: width 0.5s ease;\r\n    }\r\n    \r\n    .step {\r\n      z-index: 3;\r\n      position: relative;\r\n      cursor: pointer;\r\n    }\r\n    \r\n    .step-circle {\r\n      width: 20px;\r\n      height: 20px;\r\n      border-radius: 50%;\r\n      background-color: #C2CCFA;\r\n      transition: all 0.3s ease;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      position: relative;\r\n    }\r\n    \r\n    .step.active .step-circle {\r\n      background-color: #375BFF;\r\n    }\r\n    \r\n    .step.completed .step-circle {\r\n      background-color: #375BFF;\r\n    }\r\n    \r\n    .step.completed .step-circle:after {\r\n      content: '\u2713';\r\n      color: white;\r\n      font-size: 12px;\r\n      position: absolute;\r\n    }\r\n    \r\n    \/* Step labels *\/\r\n    .step-labels {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      margin-top: 15px;\r\n    }\r\n    \r\n    .step-label {\r\n      text-align: center;\r\n      font-size: 14px;\r\n      font-weight: 600;\r\n      color: #8892b0;\r\n      transition: color 0.3s ease;\r\n      line-height: 1.4;\r\n      cursor: pointer;\r\n      width: 18%;\r\n    }\r\n    \r\n    .step-label .step-title {\r\n      display: block;\r\n      margin-top: 5px;\r\n      font-size: 16px;\r\n    }\r\n    \r\n    .step-label .step-number {\r\n      display: block;\r\n      font-size: 14px;\r\n      font-weight: 500;\r\n    }\r\n    \r\n    .step-label.active,\r\n    .step-label.completed {\r\n      color: #375BFF;\r\n    }\r\n    \r\n    \/* Content Styles *\/\r\n    .content-container {\r\n      position: relative;\r\n      margin-top: 30px;\r\n    }\r\n    \r\n    .step-content {\r\n      display: none;\r\n      padding: 40px;\r\n      background-color: white;\r\n      border-radius: 12px;\r\n      box-shadow: 0 10px 20px rgba(55, 91, 255, 0.1);\r\n      text-align: center;\r\n    }\r\n    \r\n    .step-content.active {\r\n      display: block;\r\n      animation: fadeIn 0.5s ease forwards;\r\n    }\r\n    \r\n    .step-content h2 {\r\n      margin-top: 0;\r\n      margin-bottom: 25px;\r\n      color: #2a2a2a;\r\n      font-size: 26px;\r\n    }\r\n    \r\n    .step-content p {\r\n      font-size: 16px;\r\n      line-height: 1.8;\r\n      color: #575757;\r\n      max-width: 800px;\r\n      margin: 0 auto;\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    \/* Responsive adjustments *\/\r\n    @media (max-width: 768px) {\r\n      .journey-container {\r\n        padding: 20px 15px;\r\n      }\r\n      \r\n      h1 {\r\n        font-size: 24px;\r\n        margin-bottom: 30px;\r\n      }\r\n      \r\n      .icon-row {\r\n        margin-bottom: 15px;\r\n      }\r\n      \r\n      .step-icon {\r\n        width: 45px;\r\n        height: 45px;\r\n      }\r\n      \r\n      .step-icon svg {\r\n        width: 24px;\r\n        height: 24px;\r\n      }\r\n      \r\n      .step-label {\r\n        font-size: 12px;\r\n      }\r\n      \r\n      .step-label .step-title {\r\n        font-size: 13px;\r\n      }\r\n      \r\n      .step-content {\r\n        padding: 25px 20px;\r\n      }\r\n      \r\n      .step-content h2 {\r\n        font-size: 20px;\r\n        margin-bottom: 15px;\r\n      }\r\n      \r\n      .step-content p {\r\n        font-size: 14px;\r\n        line-height: 1.6;\r\n      }\r\n    }\r\n    \r\n    \/* Extra small devices *\/\r\n    @media (max-width: 480px) {\r\n      .step-icon {\r\n        width: 36px;\r\n        height: 36px;\r\n      }\r\n      \r\n      .step-icon svg {\r\n        width: 20px;\r\n        height: 20px;\r\n      }\r\n      \r\n      .step-label {\r\n        font-size: 10px;\r\n        width: 19%;\r\n      }\r\n      \r\n      .step-label .step-title {\r\n        font-size: 11px;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n  <div class=\"journey-container\">\r\n    <h2>Votre parcours m\u00e9dical avec le Dr. Cinik<\/h2>\r\n    \r\n    <!-- Progress Tracker -->\r\n    <div class=\"progress-tracker\">\r\n      <div class=\"step-container\">\r\n        <div class=\"icon-row\">\r\n          <div class=\"step-icon-wrapper\">\r\n            <div class=\"step-icon active\">\r\n              <!-- Initial Consultation Icon -->\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\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>\r\n                <path d=\"M12 2v4h4\"><\/path>\r\n                <path d=\"M12 12v8\"><\/path>\r\n                <path d=\"M12 12h4\"><\/path>\r\n                <circle cx=\"8\" cy=\"8\" r=\"1\"><\/circle>\r\n              <\/svg>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"step-icon-wrapper\">\r\n            <div class=\"step-icon\">\r\n              <!-- Pre-Procedure Planning Icon -->\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\"><\/rect>\r\n                <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line>\r\n                <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line>\r\n                <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line>\r\n                <line x1=\"7\" y1=\"14\" x2=\"17\" y2=\"14\"><\/line>\r\n                <line x1=\"7\" y1=\"18\" x2=\"13\" y2=\"18\"><\/line>\r\n              <\/svg>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"step-icon-wrapper\">\r\n            <div class=\"step-icon\">\r\n              <!-- The Procedure Day Icon -->\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\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>\r\n                <path d=\"M16 2v4\"><\/path>\r\n                <path d=\"M8 2v4\"><\/path>\r\n                <path d=\"M12 14v4\"><\/path>\r\n                <path d=\"M12 14h4\"><\/path>\r\n                <path d=\"M12 14h-4\"><\/path>\r\n              <\/svg>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"step-icon-wrapper\">\r\n            <div class=\"step-icon\">\r\n              <!-- Post-Procedure Care Icon -->\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <path d=\"M18 8h1a4 4 0 0 1 0 8h-1\"><\/path>\r\n                <path d=\"M2 8h16v9a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V8z\"><\/path>\r\n                <line x1=\"6\" y1=\"1\" x2=\"6\" y2=\"4\"><\/line>\r\n                <line x1=\"10\" y1=\"1\" x2=\"10\" y2=\"4\"><\/line>\r\n                <line x1=\"14\" y1=\"1\" x2=\"14\" y2=\"4\"><\/line>\r\n              <\/svg>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"step-icon-wrapper\">\r\n            <div class=\"step-icon\">\r\n              <!-- Follow-up Consultation Icon -->\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\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>\r\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>\r\n              <\/svg>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"step-circles\">\r\n          <div class=\"line\"><\/div>\r\n          <div class=\"progress-line\"><\/div>\r\n          <div class=\"step active\" data-step=\"1\">\r\n            <div class=\"step-circle\"><\/div>\r\n          <\/div>\r\n          <div class=\"step\" data-step=\"2\">\r\n            <div class=\"step-circle\"><\/div>\r\n          <\/div>\r\n          <div class=\"step\" data-step=\"3\">\r\n            <div class=\"step-circle\"><\/div>\r\n          <\/div>\r\n          <div class=\"step\" data-step=\"4\">\r\n            <div class=\"step-circle\"><\/div>\r\n          <\/div>\r\n          <div class=\"step\" data-step=\"5\">\r\n            <div class=\"step-circle\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"step-labels\">\r\n          <div class=\"step-label active\">\r\n            <span class=\"step-number\">\u00c9tape 1<\/span>\r\n            <span class=\"step-title\">Consultation initiale<\/span>\r\n          <\/div>\r\n          <div class=\"step-label\">\r\n            <span class=\"step-number\">\u00c9tape 2<\/span>\r\n            <span class=\"step-title\">Planification pr\u00e9-op\u00e9ratoire<\/span>\r\n          <\/div>\r\n          <div class=\"step-label\">\r\n            <span class=\"step-number\">\u00c9tape 3<\/span>\r\n            <span class=\"step-title\">Jour de l\u2019intervention<\/span>\r\n          <\/div>\r\n          <div class=\"step-label\">\r\n            <span class=\"step-number\">\u00c9tape 4<\/span>\r\n            <span class=\"step-title\">Soins post-op\u00e9ratoires<\/span>\r\n          <\/div>\r\n          <div class=\"step-label\">\r\n            <span class=\"step-number\">\u00c9tape 5<\/span>\r\n            <span class=\"step-title\">Suivi<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    \r\n    <!-- Content Sections -->\r\n    <div class=\"content-container\">\r\n      <div class=\"step-content active\" id=\"step-content-1\">\r\n       \r\n        <p>Votre parcours commence par une consultation initiale. Notre \u00e9quipe discutera de vos besoins et objectifs afin de cr\u00e9er un plan de traitement personnalis\u00e9. Nous \u00e9valuerons vos ant\u00e9c\u00e9dents m\u00e9dicaux et vous fournirons toutes les informations n\u00e9cessaires pour prendre une d\u00e9cision \u00e9clair\u00e9e concernant vos soins.<\/p>\r\n      <\/div>\r\n      \r\n      <div class=\"step-content\" id=\"step-content-2\">\r\n       \r\n        <p>Nous vous aiderons \u00e0 pr\u00e9parer votre intervention gr\u00e2ce \u00e0 des instructions d\u00e9taill\u00e9es et un accompagnement \u00e0 chaque \u00e9tape. Cela inclut la prise de rendez-vous, l\u2019organisation du transport et de l\u2019h\u00e9bergement si n\u00e9cessaire, ainsi qu\u2019une liste de v\u00e9rification compl\u00e8te pour vous assurer que vous \u00eates bien pr\u00e9par\u00e9(e).<\/p>\r\n      <\/div>\r\n      \r\n      <div class=\"step-content\" id=\"step-content-3\">\r\n      \r\n        <p>Nos m\u00e9decins hautement qualifi\u00e9s et notre personnel m\u00e9dical effectueront l\u2019intervention avec pr\u00e9cision en utilisant les techniques les plus r\u00e9centes pour vous garantir les meilleurs r\u00e9sultats. D\u00e8s votre arriv\u00e9e \u00e0 la clinique, notre \u00e9quipe veillera \u00e0 votre confort et votre s\u00e9curit\u00e9 tout au long de la proc\u00e9dure.<\/p>\r\n      <\/div>\r\n      \r\n      <div class=\"step-content\" id=\"step-content-4\">\r\n       \r\n        <p>Apr\u00e8s l\u2019intervention, notre \u00e9quipe m\u00e9dicale assurera un suivi attentif pour garantir une r\u00e9cup\u00e9ration en douceur. Selon le traitement, vous pourrez vous reposer dans nos chambres de convalescence confortables ou retourner \u00e0 votre h\u00f4tel avec des instructions post-op\u00e9ratoires pr\u00e9cises. Notre personnel est disponible 24h\/24 et 7j\/7 pour r\u00e9pondre \u00e0 toutes vos pr\u00e9occupations.<\/p>\r\n      <\/div>\r\n      \r\n      <div class=\"step-content\" id=\"step-content-5\">\r\n        \r\n        <p>Nous planifierons des rendez-vous de suivi pour surveiller vos progr\u00e8s et garantir des r\u00e9sultats optimaux. Notre engagement envers vos soins ne s\u2019arr\u00eate pas apr\u00e8s l\u2019intervention \u2013 nous continuerons \u00e0 vous accompagner tout au long de votre r\u00e9cup\u00e9ration pour assurer une satisfaction durable.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n      \/\/ Initialize progress line to match current state (step 1)\r\n      document.querySelector('.progress-line').style.width = '0%';\r\n      \r\n      \/\/ Set up click events for steps\r\n      const steps = document.querySelectorAll('.step, .step-label, .step-icon');\r\n      \r\n      steps.forEach(function(element) {\r\n        element.addEventListener('click', function() {\r\n          let stepNum;\r\n          \r\n          if (this.classList.contains('step')) {\r\n            stepNum = this.getAttribute('data-step');\r\n          } else if (this.classList.contains('step-label')) {\r\n            stepNum = Array.from(this.parentNode.children).indexOf(this) + 1;\r\n          } else if (this.classList.contains('step-icon')) {\r\n            stepNum = Array.from(document.querySelectorAll('.step-icon')).indexOf(this) + 1;\r\n          }\r\n          \r\n          \/\/ Update active steps\r\n          document.querySelectorAll('.step, .step-label, .step-icon').forEach(el => {\r\n            el.classList.remove('active');\r\n          });\r\n          \r\n          document.querySelector(`.step[data-step=\"${stepNum}\"]`).classList.add('active');\r\n          document.querySelectorAll('.step-label')[stepNum-1].classList.add('active');\r\n          document.querySelectorAll('.step-icon')[stepNum-1].classList.add('active');\r\n          \r\n          \/\/ Mark previous steps as completed\r\n          document.querySelectorAll('.step, .step-label, .step-icon').forEach(el => {\r\n            el.classList.remove('completed');\r\n          });\r\n          \r\n          document.querySelectorAll('.step').forEach(function(step) {\r\n            const currentStep = step.getAttribute('data-step');\r\n            if (currentStep < stepNum) {\r\n              step.classList.add('completed');\r\n              document.querySelectorAll('.step-label')[currentStep-1].classList.add('completed');\r\n              document.querySelectorAll('.step-icon')[currentStep-1].classList.add('completed');\r\n            }\r\n          });\r\n          \r\n          \/\/ Update progress line\r\n          const progressPercentage = ((stepNum - 1) \/ 4) * 100;\r\n          document.querySelector('.progress-line').style.width = progressPercentage + '%';\r\n          \r\n          \/\/ Show corresponding content\r\n          document.querySelectorAll('.step-content').forEach(content => {\r\n            content.classList.remove('active');\r\n          });\r\n          document.querySelector(`#step-content-${stepNum}`).classList.add('active');\r\n        });\r\n      });\r\n    });\r\n  <\/script>\r\n<\/body>\r\n<\/html>\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>Avant-Apr\u00e8s Home \u2192 Page Watch Reo Finand&rsquo;s Hair Transplantation Journey! Watch Reo Finand&rsquo;s Hair Transplantation Journey! Watch Reo Finand&rsquo;s Hair Transplantation Journey! Galerie avant et apr\u00e8s D\u00e9couvrez les transformations remarquables r\u00e9alis\u00e9es gr\u00e2ce \u00e0 nos proc\u00e9dures expertes Le plus r\u00e9cent en premierLe plus ancien en premier Toutes les proc\u00e9duresGreffe de cheveuxRhinoplastieGreffe de barbeDentaire Tous les genresMaleFemelle [&hellip;]<\/p>\n","protected":false},"author":11,"featured_media":0,"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-25553","page","type-page","status-publish","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>Avant et apr\u00e8s - DR. CINIK<\/title>\n<meta name=\"description\" content=\"Soyez t\u00e9moin de transformations \u00e9tonnantes dans la galerie avant apr\u00e8s du Dr CINIK CLINIK, l&#039;une des meilleures cliniques de Turquie ; avec des r\u00e9sultats d&#039;experts.\" \/>\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\/fr\/avant-et-apres\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Avant et apr\u00e8s\" \/>\n<meta property=\"og:description\" content=\"Soyez t\u00e9moin de transformations \u00e9tonnantes dans la galerie avant apr\u00e8s du Dr CINIK CLINIK, l&#039;une des meilleures cliniques de Turquie ; avec des r\u00e9sultats d&#039;experts.\" \/>\n<meta property=\"og:url\" content=\"http:\/\/drcinik.com\/fr\/avant-et-apres\/\" \/>\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-30T03:38:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/drcinik.com\/wp-content\/uploads\/2023\/09\/julio-cesar-02.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"730\" \/>\n\t<meta property=\"og:image:height\" content=\"420\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\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\\\/fr\\\/avant-et-apres\\\/\",\"url\":\"http:\\\/\\\/drcinik.com\\\/fr\\\/avant-et-apres\\\/\",\"name\":\"Avant et apr\u00e8s - DR. CINIK\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/drcinik.com\\\/fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"http:\\\/\\\/drcinik.com\\\/fr\\\/avant-et-apres\\\/#primaryimage\"},\"image\":{\"@id\":\"http:\\\/\\\/drcinik.com\\\/fr\\\/avant-et-apres\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/drcinik.com\\\/wp-content\\\/uploads\\\/2023\\\/09\\\/julio-cesar-02.jpg\",\"datePublished\":\"2025-04-22T13:50:27+00:00\",\"dateModified\":\"2025-07-30T03:38:36+00:00\",\"description\":\"Soyez t\u00e9moin de transformations \u00e9tonnantes dans la galerie avant apr\u00e8s du Dr CINIK CLINIK, l'une des meilleures cliniques de Turquie ; avec des r\u00e9sultats d'experts.\",\"breadcrumb\":{\"@id\":\"http:\\\/\\\/drcinik.com\\\/fr\\\/avant-et-apres\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"http:\\\/\\\/drcinik.com\\\/fr\\\/avant-et-apres\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"http:\\\/\\\/drcinik.com\\\/fr\\\/avant-et-apres\\\/#primaryimage\",\"url\":\"http:\\\/\\\/drcinik.com\\\/wp-content\\\/uploads\\\/2023\\\/09\\\/julio-cesar-02.jpg\",\"contentUrl\":\"http:\\\/\\\/drcinik.com\\\/wp-content\\\/uploads\\\/2023\\\/09\\\/julio-cesar-02.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"http:\\\/\\\/drcinik.com\\\/fr\\\/avant-et-apres\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\\\/\\\/drcinik.com\\\/tr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Avant et apr\u00e8s\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/drcinik.com\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/drcinik.com\\\/fr\\\/\",\"name\":\"DR. CINIK\",\"description\":\"\u00d6zel T\u0131p Merkezi\",\"publisher\":{\"@id\":\"https:\\\/\\\/drcinik.com\\\/fr\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/drcinik.com\\\/fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/drcinik.com\\\/fr\\\/#organization\",\"name\":\"DR. CINIK\",\"url\":\"https:\\\/\\\/drcinik.com\\\/fr\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/drcinik.com\\\/fr\\\/#\\\/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\\\/fr\\\/#\\\/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":"Avant et apr\u00e8s - DR. CINIK","description":"Soyez t\u00e9moin de transformations \u00e9tonnantes dans la galerie avant apr\u00e8s du Dr CINIK CLINIK, l'une des meilleures cliniques de Turquie ; avec des r\u00e9sultats d'experts.","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\/fr\/avant-et-apres\/","og_locale":"fr_FR","og_type":"article","og_title":"Avant et apr\u00e8s","og_description":"Soyez t\u00e9moin de transformations \u00e9tonnantes dans la galerie avant apr\u00e8s du Dr CINIK CLINIK, l'une des meilleures cliniques de Turquie ; avec des r\u00e9sultats d'experts.","og_url":"http:\/\/drcinik.com\/fr\/avant-et-apres\/","og_site_name":"DR. CINIK","article_publisher":"https:\/\/facebook.com\/drcinikcom","article_modified_time":"2025-07-30T03:38:36+00:00","og_image":[{"width":730,"height":420,"url":"https:\/\/drcinik.com\/wp-content\/uploads\/2023\/09\/julio-cesar-02.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_site":"@drcinikofficial","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"http:\/\/drcinik.com\/fr\/avant-et-apres\/","url":"http:\/\/drcinik.com\/fr\/avant-et-apres\/","name":"Avant et apr\u00e8s - DR. CINIK","isPartOf":{"@id":"https:\/\/drcinik.com\/fr\/#website"},"primaryImageOfPage":{"@id":"http:\/\/drcinik.com\/fr\/avant-et-apres\/#primaryimage"},"image":{"@id":"http:\/\/drcinik.com\/fr\/avant-et-apres\/#primaryimage"},"thumbnailUrl":"http:\/\/drcinik.com\/wp-content\/uploads\/2023\/09\/julio-cesar-02.jpg","datePublished":"2025-04-22T13:50:27+00:00","dateModified":"2025-07-30T03:38:36+00:00","description":"Soyez t\u00e9moin de transformations \u00e9tonnantes dans la galerie avant apr\u00e8s du Dr CINIK CLINIK, l'une des meilleures cliniques de Turquie ; avec des r\u00e9sultats d'experts.","breadcrumb":{"@id":"http:\/\/drcinik.com\/fr\/avant-et-apres\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["http:\/\/drcinik.com\/fr\/avant-et-apres\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"http:\/\/drcinik.com\/fr\/avant-et-apres\/#primaryimage","url":"http:\/\/drcinik.com\/wp-content\/uploads\/2023\/09\/julio-cesar-02.jpg","contentUrl":"http:\/\/drcinik.com\/wp-content\/uploads\/2023\/09\/julio-cesar-02.jpg"},{"@type":"BreadcrumbList","@id":"http:\/\/drcinik.com\/fr\/avant-et-apres\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/drcinik.com\/tr\/"},{"@type":"ListItem","position":2,"name":"Avant et apr\u00e8s"}]},{"@type":"WebSite","@id":"https:\/\/drcinik.com\/fr\/#website","url":"https:\/\/drcinik.com\/fr\/","name":"DR. CINIK","description":"\u00d6zel T\u0131p Merkezi","publisher":{"@id":"https:\/\/drcinik.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/drcinik.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/drcinik.com\/fr\/#organization","name":"DR. CINIK","url":"https:\/\/drcinik.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/drcinik.com\/fr\/#\/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\/fr\/#\/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\/fr\/wp-json\/wp\/v2\/pages\/25553","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/drcinik.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/drcinik.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/drcinik.com\/fr\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/drcinik.com\/fr\/wp-json\/wp\/v2\/comments?post=25553"}],"version-history":[{"count":0,"href":"https:\/\/drcinik.com\/fr\/wp-json\/wp\/v2\/pages\/25553\/revisions"}],"wp:attachment":[{"href":"https:\/\/drcinik.com\/fr\/wp-json\/wp\/v2\/media?parent=25553"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}