{"id":33150,"date":"2025-04-22T16:50:27","date_gmt":"2025-04-22T13:50:27","guid":{"rendered":"https:\/\/drcinik.com\/?page_id=33150"},"modified":"2025-08-01T01:31:26","modified_gmt":"2025-07-31T22:31:26","slug":"prima-e-dopo","status":"publish","type":"page","link":"http:\/\/drcinik.com\/it\/prima-e-dopo\/","title":{"rendered":"Prima e dopo"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"33150\" class=\"elementor elementor-33150 elementor-19426\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a3d0e45 e-flex e-con-boxed e-con e-parent\" data-id=\"a3d0e45\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-1e93e63 e-con-full e-flex e-con e-child\" data-id=\"1e93e63\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0c4f976 elementor-widget elementor-widget-text-editor\" data-id=\"0c4f976\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h1 style=\"text-align: left; color: white;\">Prima e dopo<\/h1>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-22a9226 elementor-widget elementor-widget-eael-breadcrumbs\" data-id=\"22a9226\" data-element_type=\"widget\" data-widget_type=\"eael-breadcrumbs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"eael-breadcrumbs\">\n\t\t\t<div class=\"eael-breadcrumbs__content\"><a href=\"https:\/\/drcinik.com\/it\/\">Home<\/a> <span class=\"eael-breadcrumb-separator\">\u2192<\/span> <span class = \"eael-current\">Pagina<\/span><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2c9b0831 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"2c9b0831\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-40e3730f elementor-pagination-type-bullets elementor-arrows-position-inside elementor-pagination-position-outside elementor-widget elementor-widget-n-carousel\" data-id=\"40e3730f\" data-element_type=\"widget\" data-settings=\"{&quot;carousel_items&quot;:[{&quot;slide_title&quot;:&quot;Slide #1&quot;,&quot;_id&quot;:&quot;5c19bbe&quot;},{&quot;slide_title&quot;:&quot;Slide #1&quot;,&quot;_id&quot;:&quot;afa1fc2&quot;},{&quot;slide_title&quot;:&quot;Slide #1&quot;,&quot;_id&quot;:&quot;96991d8&quot;}],&quot;slides_to_show&quot;:&quot;1&quot;,&quot;slides_to_show_tablet&quot;:&quot;2&quot;,&quot;slides_to_show_mobile&quot;:&quot;1&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;autoplay_speed&quot;:5000,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;speed&quot;:500,&quot;offset_sides&quot;:&quot;none&quot;,&quot;arrows&quot;:&quot;yes&quot;,&quot;pagination&quot;:&quot;bullets&quot;,&quot;image_spacing_custom&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;image_spacing_custom_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;image_spacing_custom_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-carousel.default\">\n\t\t\t\t\t\t\t<div class=\"e-n-carousel swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Carousel\" dir=\"ltr\">\n\t\t\t<div class=\"swiper-wrapper\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" data-slide=\"1\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 di 3\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-596ce06f e-flex e-con-boxed e-con e-child\" data-id=\"596ce06f\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-87b94f e-con-full e-flex e-con e-child\" data-id=\"87b94f\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-62532036 e-con-full e-flex e-con e-child\" data-id=\"62532036\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3f4ce5be elementor-absolute elementor-widget elementor-widget-html\" data-id=\"3f4ce5be\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <style>\n        .watch-button {\n            display: flex;\n            align-items: center;\n            cursor: pointer;\n            font-family: Arial, sans-serif;\n            width: fit-content;\n        }\n        \n        .play-icon {\n            background-color: #ffffff;\n            width: 36px;\n            height: 36px;\n            min-width: 36px;\n            border-radius: 8px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-right: 10px;\n        }\n        \n        .play-triangle {\n            width: 0;\n            height: 0;\n            border-style: solid;\n            border-width: 8px 0 8px 12px;\n            border-color: transparent transparent transparent #3350CC;\n            margin-left: 3px;\n        }\n        \n        .watch-text {\n            color: #ffffff;\n            font-size: 14px;\n            font-weight: 500;\n            line-height: 1.2;\n        }\n        \n        .journey-text {\n            color: #ffffff;\n            font-size: 14px;\n            font-weight: 700;\n            line-height: 1.2;\n        }\n        \n        @media (max-width: 767px) {\n            .play-icon {\n                width: 30px;\n                height: 30px;\n                min-width: 30px;\n            }\n            \n            .play-triangle {\n                border-width: 6px 0 6px 10px;\n            }\n            \n            .watch-text, .journey-text {\n                font-size: 12px;\n            }\n        }\n        \n        @media (max-width: 359px) {\n            .watch-button {\n                flex-direction: column;\n                align-items: flex-start;\n            }\n            \n            .play-icon {\n                margin-bottom: 5px;\n                margin-right: 0;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"watch-button\" id=\"watchButton\">\n        <div class=\"play-icon\">\n            <div class=\"play-triangle\"><\/div>\n        <\/div>\n        <div class=\"watch-text\">\n            Watch Reo Finand's <br><span class=\"journey-text\">Hair Transplantation Journey!<\/span>\n        <\/div>\n    <\/div>\n    \n    <script>\n        const watchButton = document.getElementById('watchButton');\n        \n        watchButton.addEventListener('click', function() {\n            \/\/ Replace with your video URL\n            const videoUrl = 'YOUR_VIDEO_URL';\n            window.open(videoUrl, '_blank');\n        });\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1c42a526 e-con-full e-flex e-con e-child\" data-id=\"1c42a526\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-650ffa57 elementor-widget elementor-widget-image\" data-id=\"650ffa57\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"730\" height=\"420\" src=\"https:\/\/drcinik.com\/wp-content\/uploads\/2023\/09\/julio-cesar-02.jpg\" class=\"attachment-large size-large wp-image-27421\" alt=\"\" srcset=\"https:\/\/drcinik.com\/wp-content\/uploads\/2023\/09\/julio-cesar-02.jpg 730w, https:\/\/drcinik.com\/wp-content\/uploads\/2023\/09\/julio-cesar-02-300x173.jpg 300w\" sizes=\"(max-width: 730px) 100vw, 730px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-54615685 elementor-widget elementor-widget-image\" data-id=\"54615685\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"730\" height=\"420\" src=\"https:\/\/drcinik.com\/wp-content\/uploads\/2023\/09\/julio-cesar-03.jpg\" class=\"attachment-large size-large wp-image-27426\" alt=\"\" srcset=\"https:\/\/drcinik.com\/wp-content\/uploads\/2023\/09\/julio-cesar-03.jpg 730w, https:\/\/drcinik.com\/wp-content\/uploads\/2023\/09\/julio-cesar-03-300x173.jpg 300w\" sizes=\"(max-width: 730px) 100vw, 730px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6722e038 e-con-full e-flex e-con e-child\" data-id=\"6722e038\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5ebc2eb0 elementor-widget elementor-widget-image\" data-id=\"5ebc2eb0\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"730\" height=\"420\" src=\"https:\/\/drcinik.com\/wp-content\/uploads\/2023\/09\/julio-cesar-01.jpg\" class=\"attachment-large size-large wp-image-27416\" alt=\"\" srcset=\"https:\/\/drcinik.com\/wp-content\/uploads\/2023\/09\/julio-cesar-01.jpg 730w, https:\/\/drcinik.com\/wp-content\/uploads\/2023\/09\/julio-cesar-01-300x173.jpg 300w\" sizes=\"(max-width: 730px) 100vw, 730px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1a3a9f2c elementor-widget elementor-widget-image\" data-id=\"1a3a9f2c\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"730\" height=\"420\" src=\"https:\/\/drcinik.com\/wp-content\/uploads\/2023\/09\/julio-cesar-03.jpg\" class=\"attachment-large size-large wp-image-27426\" 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 di 3\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d068ef0 e-flex e-con-boxed e-con e-child\" data-id=\"d068ef0\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-8bea254 e-con-full e-flex e-con e-child\" data-id=\"8bea254\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-b21f998 e-con-full e-flex e-con e-child\" data-id=\"b21f998\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8927ed8 elementor-absolute elementor-widget elementor-widget-html\" data-id=\"8927ed8\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n   \n    <style>\n        .watch-button {\n            display: flex;\n            align-items: center;\n            cursor: pointer;\n            font-family: Arial, sans-serif;\n            width: fit-content;\n        }\n        \n        .play-icon {\n            background-color: #ffffff;\n            width: 36px;\n            height: 36px;\n            min-width: 36px;\n            border-radius: 8px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-right: 10px;\n        }\n        \n        .play-triangle {\n            width: 0;\n            height: 0;\n            border-style: solid;\n            border-width: 8px 0 8px 12px;\n            border-color: transparent transparent transparent #3350CC;\n            margin-left: 3px;\n        }\n        \n        .watch-text {\n            color: #ffffff;\n            font-size: 14px;\n            font-weight: 500;\n            line-height: 1.2;\n        }\n        \n        .journey-text {\n            color: #ffffff;\n            font-size: 14px;\n            font-weight: 700;\n            line-height: 1.2;\n        }\n        \n        @media (max-width: 767px) {\n            .play-icon {\n                width: 30px;\n                height: 30px;\n                min-width: 30px;\n            }\n            \n            .play-triangle {\n                border-width: 6px 0 6px 10px;\n            }\n            \n            .watch-text, .journey-text {\n                font-size: 12px;\n            }\n        }\n        \n        @media (max-width: 359px) {\n            .watch-button {\n                flex-direction: column;\n                align-items: flex-start;\n            }\n            \n            .play-icon {\n                margin-bottom: 5px;\n                margin-right: 0;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"watch-button\" id=\"watchButton\">\n        <div class=\"play-icon\">\n            <div class=\"play-triangle\"><\/div>\n        <\/div>\n        <div class=\"watch-text\">\n            Watch Reo Finand's <br><span class=\"journey-text\">Hair Transplantation Journey!<\/span>\n        <\/div>\n    <\/div>\n    \n    <script>\n        const watchButton = document.getElementById('watchButton');\n        \n        watchButton.addEventListener('click', function() {\n            \/\/ Replace with your video URL\n            const videoUrl = 'YOUR_VIDEO_URL';\n            window.open(videoUrl, '_blank');\n        });\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-56f1eed e-con-full e-flex e-con e-child\" data-id=\"56f1eed\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8e3200a elementor-widget elementor-widget-image\" data-id=\"8e3200a\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Artboard-1-copy-68-1024x1024.webp\" class=\"attachment-large size-large wp-image-10868\" alt=\"hair transplant before At dr cinik from side of MATTEO DIAMENTE\" srcset=\"https:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Artboard-1-copy-68-1024x1024.webp 1024w, https:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Artboard-1-copy-68-300x300.webp 300w, https:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Artboard-1-copy-68-150x150.webp 150w, https:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Artboard-1-copy-68-768x768.webp 768w, https:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Artboard-1-copy-68-400x400.webp 400w, https:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Artboard-1-copy-68-75x75.webp 75w, https:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Artboard-1-copy-68-460x460.webp 460w, https:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Artboard-1-copy-68.webp 1081w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3fe7e7c elementor-widget elementor-widget-image\" data-id=\"3fe7e7c\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Artboard-1-copy-65-1024x1024.webp\" class=\"attachment-large size-large wp-image-10858\" alt=\"Hair transplant Before at DR cinik hospital\" srcset=\"https:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Artboard-1-copy-65-1024x1024.webp 1024w, https:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Artboard-1-copy-65-300x300.webp 300w, https:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Artboard-1-copy-65-150x150.webp 150w, https:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Artboard-1-copy-65-768x768.webp 768w, https:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Artboard-1-copy-65-400x400.webp 400w, https:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Artboard-1-copy-65-75x75.webp 75w, https:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Artboard-1-copy-65-460x460.webp 460w, https:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Artboard-1-copy-65.webp 1081w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e568e8a e-con-full e-flex e-con e-child\" data-id=\"e568e8a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0d1f0ba elementor-widget elementor-widget-image\" data-id=\"0d1f0ba\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Untitled-1df-1024x1024.webp\" class=\"attachment-large size-large wp-image-10879\" alt=\"Hair transplant after at DR cinik hospital MATTEO DIAMENTE\" srcset=\"https:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Untitled-1df-1024x1024.webp 1024w, https:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Untitled-1df-300x300.webp 300w, https:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Untitled-1df-150x150.webp 150w, https:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Untitled-1df-768x768.webp 768w, https:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Untitled-1df-400x400.webp 400w, https:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Untitled-1df-75x75.webp 75w, https:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Untitled-1df-460x460.webp 460w, https:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Untitled-1df.webp 1080w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5cb8076 elementor-widget elementor-widget-image\" data-id=\"5cb8076\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Artboard-1-copy-69-1024x1024.webp\" class=\"attachment-large size-large wp-image-10873\" 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 di 3\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e39d4e7 e-flex e-con-boxed e-con e-child\" data-id=\"e39d4e7\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-402fbdd e-con-full e-flex e-con e-child\" data-id=\"402fbdd\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-b3b8562 e-con-full e-flex e-con e-child\" data-id=\"b3b8562\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1ef98fd elementor-absolute elementor-widget elementor-widget-html\" data-id=\"1ef98fd\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\n    <style>\n        .watch-button {\n            display: flex;\n            align-items: center;\n            cursor: pointer;\n            font-family: Arial, sans-serif;\n            width: fit-content;\n        }\n        \n        .play-icon {\n            background-color: #ffffff;\n            width: 36px;\n            height: 36px;\n            min-width: 36px;\n            border-radius: 8px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-right: 10px;\n        }\n        \n        .play-triangle {\n            width: 0;\n            height: 0;\n            border-style: solid;\n            border-width: 8px 0 8px 12px;\n            border-color: transparent transparent transparent #3350CC;\n            margin-left: 3px;\n        }\n        \n        .watch-text {\n            color: #ffffff;\n            font-size: 14px;\n            font-weight: 500;\n            line-height: 1.2;\n        }\n        \n        .journey-text {\n            color: #ffffff;\n            font-size: 14px;\n            font-weight: 700;\n            line-height: 1.2;\n        }\n        \n        @media (max-width: 767px) {\n            .play-icon {\n                width: 30px;\n                height: 30px;\n                min-width: 30px;\n            }\n            \n            .play-triangle {\n                border-width: 6px 0 6px 10px;\n            }\n            \n            .watch-text, .journey-text {\n                font-size: 12px;\n            }\n        }\n        \n        @media (max-width: 359px) {\n            .watch-button {\n                flex-direction: column;\n                align-items: flex-start;\n            }\n            \n            .play-icon {\n                margin-bottom: 5px;\n                margin-right: 0;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"watch-button\" id=\"watchButton\">\n        <div class=\"play-icon\">\n            <div class=\"play-triangle\"><\/div>\n        <\/div>\n        <div class=\"watch-text\">\n            Watch Reo Finand's <br><span class=\"journey-text\">Hair Transplantation Journey!<\/span>\n        <\/div>\n    <\/div>\n    \n    <script>\n        const watchButton = document.getElementById('watchButton');\n        \n        watchButton.addEventListener('click', function() {\n            \/\/ Replace with your video URL\n            const videoUrl = 'YOUR_VIDEO_URL';\n            window.open(videoUrl, '_blank');\n        });\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8e1c404 e-con-full e-flex e-con e-child\" data-id=\"8e1c404\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bfcaee5 elementor-widget elementor-widget-image\" data-id=\"bfcaee5\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"730\" height=\"420\" src=\"https:\/\/drcinik.com\/wp-content\/uploads\/2023\/09\/julio-cesar-02.jpg\" class=\"attachment-large size-large wp-image-27421\" alt=\"\" srcset=\"https:\/\/drcinik.com\/wp-content\/uploads\/2023\/09\/julio-cesar-02.jpg 730w, https:\/\/drcinik.com\/wp-content\/uploads\/2023\/09\/julio-cesar-02-300x173.jpg 300w\" sizes=\"(max-width: 730px) 100vw, 730px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-77bd3a8 elementor-widget elementor-widget-image\" data-id=\"77bd3a8\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"730\" height=\"420\" src=\"https:\/\/drcinik.com\/wp-content\/uploads\/2023\/09\/julio-cesar-03.jpg\" class=\"attachment-large size-large wp-image-27426\" alt=\"\" srcset=\"https:\/\/drcinik.com\/wp-content\/uploads\/2023\/09\/julio-cesar-03.jpg 730w, https:\/\/drcinik.com\/wp-content\/uploads\/2023\/09\/julio-cesar-03-300x173.jpg 300w\" sizes=\"(max-width: 730px) 100vw, 730px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6cc94f4 e-con-full e-flex e-con e-child\" data-id=\"6cc94f4\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bf8d7b4 elementor-widget elementor-widget-image\" data-id=\"bf8d7b4\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"730\" height=\"420\" src=\"https:\/\/drcinik.com\/wp-content\/uploads\/2023\/09\/julio-cesar-01.jpg\" class=\"attachment-large size-large wp-image-27416\" alt=\"\" srcset=\"https:\/\/drcinik.com\/wp-content\/uploads\/2023\/09\/julio-cesar-01.jpg 730w, https:\/\/drcinik.com\/wp-content\/uploads\/2023\/09\/julio-cesar-01-300x173.jpg 300w\" sizes=\"(max-width: 730px) 100vw, 730px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-417cad2 elementor-widget elementor-widget-image\" data-id=\"417cad2\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"730\" height=\"420\" src=\"https:\/\/drcinik.com\/wp-content\/uploads\/2023\/09\/julio-cesar-03.jpg\" class=\"attachment-large size-large wp-image-27426\" 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=\"Precedente\">\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=\"Successivo\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-right\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M696 533C708 521 713 504 713 487 713 471 708 454 696 446L400 146C388 133 375 125 354 125 338 125 325 129 313 142 300 154 292 171 292 187 292 204 296 221 308 233L563 492 304 771C292 783 288 800 288 817 288 833 296 850 308 863 321 871 338 875 354 875 371 875 388 867 400 854L696 533Z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t\t\t\t<div class=\"swiper-pagination\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ee3073e e-flex e-con-boxed e-con e-parent\" data-id=\"ee3073e\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-640dfb1 elementor-widget elementor-widget-html\" data-id=\"640dfb1\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Before & After Gallery - Elementor Compatible -->\n<div class=\"dr-cinik-gallery-container\">\n    <div class=\"gallery-title-section\">\n        <h2 class=\"gallery-title\">Galleria prima e dopo<\/h2>\n        <p class=\"gallery-subtitle\">Scopri le straordinarie trasformazioni ottenute grazie alle nostre procedure esperte\n        <\/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\">Il pi\u00f9 recente prima<\/option>\n                <option value=\"oldest\">Il pi\u00f9 vecchio per primo<\/option>\n            <\/select>\n        <\/div>\n        \n        <div class=\"filter-dropdown\">\n            <select id=\"procedure-filter\" class=\"filter-select\">\n                <option value=\"all\">Tutte le procedure<\/option>\n                <option value=\"hair-transplant\">Trapianto di capelli<\/option>\n                <option value=\"rhinoplasty\">Rinoplastica<\/option>\n                <option value=\"beard-transplant\">Trapianto di barba<\/option>\n                <option value=\"dental\">Dentale<\/option>\n            <\/select>\n        <\/div>\n        \n        <div class=\"filter-dropdown\">\n            <select id=\"gender-filter\" class=\"filter-select\">\n                <option value=\"all\">Tutti i sessi<\/option>\n                <option value=\"male\">Maschio<\/option>\n                <option value=\"female\">Femmina<\/option>\n            <\/select>\n        <\/div>\n        \n        <div class=\"filter-dropdown\">\n            <select id=\"country-filter\" class=\"filter-select\">\n                <option value=\"all\">Tutti i paesi<\/option>\n                <option value=\"turkey\">Turchia<\/option>\n                <option value=\"uk\">UK<\/option>\n                <option value=\"usa\">Stati Uniti d'America<\/option>\n                <option value=\"france\">Francia<\/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-9873102 e-flex e-con-boxed e-con e-parent\" data-id=\"9873102\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-a2d034f e-con-full e-flex e-con e-child\" data-id=\"a2d034f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-90dc555 elementor-arrows-position-outside elementor-pagination-position-outside elementor-widget elementor-widget-image-carousel\" data-id=\"90dc555\" data-element_type=\"widget\" data-settings=\"{&quot;slides_to_show&quot;:&quot;5&quot;,&quot;image_spacing_custom&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:59,&quot;sizes&quot;:[]},&quot;slides_to_scroll&quot;:&quot;6&quot;,&quot;image_spacing_custom_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:68,&quot;sizes&quot;:[]},&quot;slides_to_show_mobile&quot;:&quot;2&quot;,&quot;slides_to_scroll_mobile&quot;:&quot;4&quot;,&quot;navigation&quot;:&quot;both&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;autoplay_speed&quot;:5000,&quot;infinite&quot;:&quot;yes&quot;,&quot;speed&quot;:500,&quot;image_spacing_custom_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Image Carousel\" dir=\"ltr\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 di 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 di 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 di 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 di 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 di 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 di 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/drcinik.com\/wp-content\/uploads\/2023\/11\/turkiye-sigorta.png\" alt=\"turkiye-sigorta\" \/><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-prev\" role=\"button\" tabindex=\"0\">\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-left\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M646 125C629 125 613 133 604 142L308 442C296 454 292 471 292 487 292 504 296 521 308 533L604 854C617 867 629 875 646 875 663 875 679 871 692 858 704 846 713 829 713 812 713 796 708 779 692 767L438 487 692 225C700 217 708 204 708 187 708 171 704 154 692 142 675 129 663 125 646 125Z\"><\/path><\/svg>\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-next\" role=\"button\" tabindex=\"0\">\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-right\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M696 533C708 521 713 504 713 487 713 471 708 454 696 446L400 146C388 133 375 125 354 125 338 125 325 129 313 142 300 154 292 171 292 187 292 204 296 221 308 233L563 492 304 771C292 783 288 800 288 817 288 833 296 850 308 863 321 871 338 875 354 875 371 875 388 867 400 854L696 533Z\"><\/path><\/svg>\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"swiper-pagination\"><\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-42704ed6 e-flex e-con-boxed e-con e-parent\" data-id=\"42704ed6\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-8112790 e-con-full e-flex e-con e-child\" data-id=\"8112790\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-74c49f1 e-con-full e-flex e-con e-child\" data-id=\"74c49f1\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-26ab39a e-con-full e-flex e-con e-child\" data-id=\"26ab39a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-db861b1 elementor-widget elementor-widget-counter\" data-id=\"db861b1\" data-element_type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t<div class=\"elementor-counter-title\">anni di esperienza<\/div>\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\"><\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"2000\" data-to-value=\"20\" data-from-value=\"0\" data-delimiter=\",\">0<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\">+<\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0477abf e-con-full e-flex e-con e-child\" data-id=\"0477abf\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-41728f3 elementor-widget elementor-widget-counter\" data-id=\"41728f3\" data-element_type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t<div class=\"elementor-counter-title\">Pazienti felici<\/div>\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\"><\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"2000\" data-to-value=\"50\" data-from-value=\"0\" data-delimiter=\",\">0<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\">k+<\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d4db672 e-con-full e-flex e-con e-child\" data-id=\"d4db672\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-de25009 elementor-widget elementor-widget-counter\" data-id=\"de25009\" data-element_type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t<div class=\"elementor-counter-title\">Il nostro personale medico<\/div>\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\"><\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"2000\" data-to-value=\"280\" data-from-value=\"0\" data-delimiter=\",\">0<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\">+<\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-87f06a0 e-con-full e-flex e-con e-child\" data-id=\"87f06a0\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a7c8ae1 elementor-widget elementor-widget-counter\" data-id=\"a7c8ae1\" data-element_type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t<div class=\"elementor-counter-title\">Applicazioni<\/div>\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\"><\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"2000\" data-to-value=\"35\" data-from-value=\"0\" data-delimiter=\",\">0<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\">+<\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-550322e e-con-full e-flex e-con e-child\" data-id=\"550322e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6a999d3 elementor-widget elementor-widget-counter\" data-id=\"6a999d3\" data-element_type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t<div class=\"elementor-counter-title\">Ospedali\/Cliniche<\/div>\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\"><\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"2000\" data-to-value=\"3\" data-from-value=\"0\" data-delimiter=\",\">0<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\"><\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-360ac8e4 e-flex e-con-boxed e-con e-parent\" data-id=\"360ac8e4\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-77cde76 e-con-full e-flex e-con e-child\" data-id=\"77cde76\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d63dc36 elementor-widget elementor-widget-html\" data-id=\"d63dc36\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"it\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n   \n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n    <style>\n        *\/* Enhanced CSS for Post-Operation Guidelines *\/\n* {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n    font-family: 'Poppins', sans-serif;\n}\n\nbody {\n    background-color: #f5f7fa;\n    color: #333;\n    line-height: 1.6;\n}\n\n.container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 30px 20px;\n}\n\n.header {\n    text-align: center;\n    margin-bottom: 40px;\n    padding-bottom: 20px;\n    border-bottom: 2px solid rgba(10, 27, 77, 0.1);\n}\n\n.header h2 {\n    color: #0a1b4d;\n    font-size: 2.8rem;\n    margin-bottom: 15px;\n    font-weight: 700;\n    letter-spacing: -0.5px;\n    position: relative;\n    display: inline-block;\n}\n\n.header h2::after {\n    content: '';\n    position: absolute;\n    width: 60px;\n    height: 4px;\n    background-color: #4169e1;\n    bottom: -10px;\n    left: 50%;\n    transform: translateX(-50%);\n    border-radius: 2px;\n}\n\n.main-content {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 40px;\n}\n\n.left-column {\n    flex: 1;\n    min-width: 300px;\n}\n\n.right-column {\n    flex: 2;\n    min-width: 300px;\n}\n\n\/* Date Picker Styling *\/\n.date-picker-container {\n    background-color: white;\n    border-radius: 20px;\n    padding: 40px 30px;\n    text-align: center;\n    margin-bottom: 40px;\n    box-shadow: 0 10px 30px rgba(10, 27, 77, 0.1);\n    position: relative;\n    margin-top: 60px;\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.date-picker-container:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 15px 35px rgba(10, 27, 77, 0.15);\n}\n\n.bell-icon {\n    width: 70px;\n    height: 70px;\n    position: absolute;\n    top: -35px;\n    left: 50%;\n    transform: translateX(-50%);\n    filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));\n    transition: transform 0.3s ease;\n}\n\n.date-picker-container:hover .bell-icon {\n    transform: translateX(-50%) scale(1.05);\n}\n\n.bell-icon img {\n    width: 100%;\n    height: 100%;\n}\n\n.date-picker-container h2 {\n    color: #0a1b4d;\n    margin-bottom: 30px;\n    font-size: 1.9rem;\n    font-weight: 600;\n    position: relative;\n    display: inline-block;\n}\n\n.date-picker-container h2::after {\n    content: '';\n    position: absolute;\n    width: 40px;\n    height: 3px;\n    background-color: #4169e1;\n    bottom: -10px;\n    left: 50%;\n    transform: translateX(-50%);\n    border-radius: 2px;\n}\n\n.date-input-wrapper {\n    position: relative;\n    margin: 0 auto;\n    max-width: 360px;\n    cursor: pointer;\n    transition: transform 0.2s ease;\n}\n\n.date-input-wrapper:hover {\n    transform: scale(1.02);\n}\n\n.date-input {\n    width: 100%;\n    padding: 18px 20px;\n    border: 2px solid #e0e7ff;\n    border-radius: 15px;\n    font-size: 1.2rem;\n    text-align: center;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    color: #333;\n    background-color: #f8faff;\n    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05);\n}\n\n.date-input:hover, .date-input:focus {\n    border-color: #4169e1;\n    outline: none;\n    background-color: #fff;\n    box-shadow: 0 0 0 4px rgba(65, 105, 225, 0.1);\n}\n\n.calendar-icon {\n    position: absolute;\n    right: 20px;\n    top: 50%;\n    transform: translateY(-50%);\n    color: #4169e1;\n    font-size: 1.4rem;\n    pointer-events: none;\n    transition: transform 0.2s ease;\n}\n\n.date-input-wrapper:hover .calendar-icon {\n    transform: translateY(-50%) scale(1.1);\n}\n\n.consultation-button {\n    display: block;\n    width: 100%;\n    max-width: 320px;\n    margin: 30px auto 0;\n    padding: 18px 25px;\n    background-color: #4169e1;\n    color: white;\n    border: none;\n    border-radius: 30px;\n    font-size: 1.2rem;\n    font-weight: 600;\n    cursor: pointer;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n    transition: all 0.3s ease;\n    box-shadow: 0 8px 20px rgba(65, 105, 225, 0.3);\n    letter-spacing: 0.5px;\n}\n\n.consultation-button:hover {\n    background-color: #3456c0;\n    transform: translateY(-3px);\n    box-shadow: 0 12px 25px rgba(65, 105, 225, 0.4);\n}\n\n.consultation-button:active {\n    transform: translateY(0);\n    box-shadow: 0 5px 15px rgba(65, 105, 225, 0.3);\n}\n\n.whatsapp-icon {\n    position: absolute;\n    right: -15px;\n    top: 50%;\n    transform: translateY(-50%);\n    background-color: #25D366;\n    width: 44px;\n    height: 44px;\n    border-radius: 50%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    box-shadow: 0 4px 10px rgba(37, 211, 102, 0.3);\n    transition: all 0.3s ease;\n}\n\n.consultation-button:hover .whatsapp-icon {\n    right: -18px;\n    width: 48px;\n    height: 48px;\n}\n\n\/* Tab Styling *\/\n.tabs-header {\n    display: flex;\n    margin-bottom: 40px;\n    background-color: #f0f5ff;\n    border-radius: 20px;\n    overflow: hidden;\n    padding: 15px;\n    flex-wrap: wrap;\n    justify-content: space-around;\n    box-shadow: 0 5px 15px rgba(10, 27, 77, 0.05);\n}\n\n.tab-button {\n    flex: 0 1 auto;\n    min-width: 200px;\n    padding: 16px 24px;\n    border: none;\n    border-radius: 12px;\n    cursor: pointer;\n    font-weight: 600;\n    font-size: 1.1rem;\n    color: #445577;\n    background-color: transparent;\n    transition: all 0.3s ease;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    margin: 6px 15px;\n    position: relative;\n    overflow: hidden;\n}\n\n.tab-button::before {\n    content: '';\n    position: absolute;\n    width: 100%;\n    height: 3px;\n    background-color: #4169e1;\n    bottom: 0;\n    left: 0;\n    transform: scaleX(0);\n    transition: transform 0.3s ease;\n    opacity: 0;\n}\n\n.tab-button:hover::before {\n    transform: scaleX(0.6);\n    opacity: 0.6;\n}\n\n.tab-button.active {\n    background-color: #0a1b4d;\n    color: white;\n    box-shadow: 0 8px 20px rgba(10, 27, 77, 0.2);\n    transform: translateY(-2px);\n}\n\n.tab-button.active::before {\n    opacity: 0;\n}\n\n.tab-button:hover:not(.active) {\n    background-color: #e0e8ff;\n    transform: translateY(-2px);\n}\n\n.tab-icon {\n    font-size: 1.4rem;\n    transition: transform 0.3s ease;\n}\n\n.tab-button:hover .tab-icon {\n    transform: scale(1.2);\n}\n\n\/* FAQ Styling *\/\n.faq-container {\n    margin-bottom: 30px;\n}\n\n.faq-item {\n    background-color: white;\n    border-radius: 15px;\n    margin-bottom: 20px;\n    overflow: hidden;\n    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n    transition: all 0.3s ease;\n    border: 1px solid rgba(10, 27, 77, 0.05);\n}\n\n.faq-item:hover {\n    box-shadow: 0 8px 25px rgba(10, 27, 77, 0.1);\n    transform: translateY(-3px);\n}\n\n.faq-question {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 25px 25px;\n    cursor: pointer;\n    font-weight: 500;\n    color: #333;\n    position: relative;\n    transition: all 0.3s ease;\n}\n\n.faq-question:hover {\n    color: #0a1b4d;\n}\n\n.faq-question .icon {\n    width: 32px;\n    height: 32px;\n    background-color: #f0f5ff;\n    border-radius: 50%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    font-size: 18px;\n    transition: all 0.3s ease;\n    color: #4169e1;\n    position: absolute;\n    right: 25px;\n    top: 50%;\n    transform: translateY(-50%);\n}\n\n.faq-question span:first-child {\n    padding-right: 50px;\n    font-size: 1.05rem;\n}\n\n.faq-question.active {\n    background-color: #f8faff;\n}\n\n.faq-question.active .icon {\n    background-color: #4169e1;\n    color: white;\n    transform: translateY(-50%) rotate(45deg);\n}\n\n.faq-question:hover .icon {\n    background-color: #e0e8ff;\n    transform: translateY(-50%) scale(1.1);\n}\n\n.faq-question.active:hover .icon {\n    background-color: #3456c0;\n    transform: translateY(-50%) rotate(45deg) scale(1.1);\n}\n\n.faq-answer {\n    max-height: 0;\n    overflow: hidden;\n    transition: max-height 0.4s cubic-bezier(0.44, 0.05, 0.17, 0.97);\n    padding: 0 25px;\n    background-color: #f8faff;\n}\n\n.faq-answer-content {\n    padding: 5px 0 25px 0;\n    line-height: 1.7;\n    color: #445577;\n    font-size: 0.95rem;\n}\n\n.faq-answer-content strong {\n    color: #0a1b4d;\n    font-weight: 600;\n}\n\n\/* Date Display Styling *\/\n.date-display {\n    display: inline-block;\n    background-color: #4169e1;\n    color: white;\n    padding: 8px 15px;\n    border-radius: 8px;\n    margin-top: 15px;\n    font-size: 0.95rem;\n    font-weight: 500;\n    box-shadow: 0 4px 10px rgba(65, 105, 225, 0.2);\n    transition: all 0.3s ease;\n}\n\n.date-display:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 6px 15px rgba(65, 105, 225, 0.3);\n}\n\n\/* No Date Message Styling *\/\n.no-date-message {\n    color: #ff5252;\n    margin-top: 15px;\n    display: none;\n    font-size: 0.95rem;\n    font-weight: 500;\n    padding: 8px 15px;\n    background-color: rgba(255, 82, 82, 0.1);\n    border-radius: 8px;\n    animation: shake 0.5s ease-in-out;\n}\n\n@keyframes shake {\n    0%, 100% { transform: translateX(0); }\n    20%, 60% { transform: translateX(-5px); }\n    40%, 80% { transform: translateX(5px); }\n}\n\n\/* Tab Content *\/\n.tab-content {\n    display: none;\n    animation: fadeIn 0.5s ease;\n}\n\n@keyframes fadeIn {\n    from { opacity: 0; transform: translateY(10px); }\n    to { opacity: 1; transform: translateY(0); }\n}\n\n.tab-content.active {\n    display: block;\n}\n\n\/* Responsive Adjustments *\/\n@media (max-width: 768px) {\n    .main-content {\n        flex-direction: column;\n        gap: 30px;\n    }\n    \n    .left-column, .right-column {\n        width: 100%;\n        flex: none;\n    }\n    \n    .date-picker-container {\n        margin-bottom: 30px;\n        padding: 30px 20px;\n    }\n    \n    .tab-button {\n        font-size: 0.95rem;\n        padding: 14px 16px;\n        min-width: 150px;\n    }\n    \n    .header h1 {\n        font-size: 2.2rem;\n    }\n    \n    .date-picker-container h2 {\n        font-size: 1.7rem;\n    }\n    \n    .faq-question span:first-child {\n        font-size: 1rem;\n        padding-right: 40px;\n    }\n    \n    .faq-question .icon {\n        width: 28px;\n        height: 28px;\n        right: 20px;\n    }\n}\n\n@media (max-width: 480px) {\n    .container {\n        padding: 20px 15px;\n    }\n    \n    .header h1 {\n        font-size: 1.8rem;\n    }\n    \n    .tab-button {\n        margin: 5px 8px;\n        padding: 12px 15px;\n        min-width: 130px;\n        font-size: 0.9rem;\n    }\n    \n    .tab-icon {\n        font-size: 1.2rem;\n    }\n    \n    .faq-question {\n        padding: 20px 20px;\n    }\n    \n    .faq-answer {\n        padding: 0 20px;\n    }\n}\n\n\/* Modern Tab Styling - Clean Style with Underline Indicator *\/\n.tabs-header {\n    display: flex;\n    margin-bottom: 40px;\n    background: #f0f2fa;\n    border-radius: 16px;\n    overflow: hidden;\n    padding: 15px;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    gap: 15px;\n}\n\n.tab-button {\n    flex: 1;\n    min-width: 200px;\n    padding: 18px 20px;\n    border: none;\n    border-radius: 12px;\n    cursor: pointer;\n    font-weight: 600;\n    font-size: 1.1rem;\n    color: white;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n    box-shadow: none;\n    transition: none;\n    background-color: #e1e5f5;\n    color: #55659b;\n}\n\n\/* Active state styles - all tabs have same background when not active *\/\n.tab-button:not(.active) {\n    background-color: #e1e5f5;\n    color: #55659b;\n}\n\n\/* Active state styles with bottom border *\/\n.tab-button.active {\n    position: relative;\n}\n\n.tab-button.active::after {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    left: 10%;\n    width: 80%;\n    height: 3px;\n    border-radius: 1.5px;\n}\n\n\/* Specific colors for each active tab *\/\n.tab-button.active[data-tab=\"all-results\"] {\n    background-color: #1e2d59; \/* Dark blue *\/\n    color: white;\n}\n\n.tab-button.active[data-tab=\"all-results\"]::after {\n    background-color: #5e71b1; \/* Lighter blue for underline *\/\n}\n\n.tab-button.active[data-tab=\"hair-transplant\"] {\n    background-color: #e1e5f5; \/* Light blue *\/\n    color: #55659b;\n}\n\n.tab-button.active[data-tab=\"hair-transplant\"]::after {\n    background-color: #6b7fc3; \/* Medium blue for underline *\/\n}\n\n.tab-button.active[data-tab=\"dental\"] {\n    background-color: #4abe9b; \/* Green *\/\n    color: white;\n}\n\n.tab-button.active[data-tab=\"dental\"]::after {\n    background-color: #7cdfc0; \/* Lighter green for underline *\/\n}\n\n.tab-button.active[data-tab=\"medical-aesthetic\"] {\n    background-color: #fdae59; \/* Orange *\/\n    color: #333;\n}\n\n.tab-button.active[data-tab=\"medical-aesthetic\"]::after {\n    background-color: #ffca8a; \/* Lighter orange for underline *\/\n}\n\n\/* Hide the icon spans but keep them in the DOM for compatibility *\/\n.tab-icon {\n    display: none;\n}\n\n\/* For mobile responsiveness *\/\n@media (max-width: 768px) {\n    .tabs-header {\n        flex-direction: row;\n        flex-wrap: wrap;\n        gap: 10px;\n        padding: 10px;\n    }\n    \n    .tab-button {\n        min-width: calc(50% - 10px);\n        flex: 0 0 calc(50% - 10px);\n        font-size: 1rem;\n        padding: 14px 10px;\n    }\n}\n\n@media (max-width: 480px) {\n    .tabs-header {\n        flex-direction: column;\n        gap: 8px;\n    }\n    \n    .tab-button {\n        min-width: 100%;\n        width: 100%;\n        font-size: 0.95rem;\n        padding: 12px 15px;\n    }\n}\n\n    <\/style>\n<\/head>\n<body>\n    <div class=\"container\">\n        <div class=\"header\">\n            <h2>Linee guida post-operatorie<\/h2>\n        <\/div>\n        \n        <div class=\"tabs-header\">\n            <button class=\"tab-button active\" data-tab=\"all-results\">\n                <span class=\"tab-icon\">\ud83d\udccb<\/span> Tutti i risultati\n            <\/button>\n            <button class=\"tab-button\" data-tab=\"hair-transplant\">\n                <span class=\"tab-icon\">\ud83d\udc87<\/span> Trapianto di capelli\n            <\/button>\n            <button class=\"tab-button\" data-tab=\"dental\">\n                <span class=\"tab-icon\">\ud83e\uddb7<\/span> Trattamenti dentali<\/button>\n        <\/div>\n        \n        <div class=\"main-content\">\n            <div class=\"left-column\">\n                <div class=\"date-picker-container\">\n                    <div class=\"bell-icon\">\n                        <img decoding=\"async\" src=\"http:\/\/drcinik.com\/wp-content\/uploads\/2025\/03\/Group-234-1.svg\" alt=\"Bell icon\">\n                    <\/div>\n                    <h2>Seleziona la data dell'operazione<\/h2>\n                    <div class=\"date-input-wrapper\">\n                        <input type=\"date\" id=\"operation-date\" class=\"date-input\" placeholder=\"gg.aa.yy\">\n                        <span class=\"calendar-icon\" onclick=\"document.getElementById('operation-date').showPicker()\">\ud83d\udcc5<\/span>\n                    <\/div>\n                    <div class=\"no-date-message\" id=\"no-date-message\">Seleziona prima una data dell'operazione<\/div>\n                <\/div>\n                <!-- Doctor image has been removed -->\n            <\/div>\n            \n            <div class=\"right-column\">\n                <div class=\"tab-content active\" id=\"all-results\">\n                    <div class=\"faq-container\">\n                        <div class=\"faq-item\">\n                            <div class=\"faq-question\">\n                                <span>Quanti giorni dopo un trapianto di capelli posso tornare al lavoro e alla vita quotidiana?<\/span>\n                                <span class=\"icon\">+<\/span>\n                            <\/div>\n                            <div class=\"faq-answer\">\n                                <div class=\"faq-answer-content\">\n                                    \u00c8 possibile tornare alla vita sociale 3 giorni dopo il trapianto di capelli. \u00c8 necessario riposare per 3 giorni, dopodich\u00e9 si pu\u00f2 tornare al lavoro e alla vita quotidiana senza problemi.\n                                    <div class=\"date-display\" id=\"date-display-1\"><\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"faq-item\">\n                            <div class=\"faq-question\">\n                                <span>Quando posso iniziare a camminare dopo un trapianto di capelli?<\/span>\n                                <span class=\"icon\">+<\/span>\n                            <\/div>\n                            <div class=\"faq-answer\">\n                                <div class=\"faq-answer-content\">\n                                    \u00c8 possibile iniziare a fare brevi passeggiate (come andare a fare shopping) 7 giorni dopo il trapianto di capelli. Assicuratevi di non fare lunghe passeggiate e cercate di fare passeggiate in casa o la sera.\n                                    <div class=\"date-display\" id=\"date-display-2\"><\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"faq-item\">\n                            <div class=\"faq-question\">\n                                <span>Quanti giorni dopo un trapianto di capelli posso iniziare ad allenarmi?<\/span>\n                                <span class=\"icon\">+<\/span>\n                            <\/div>\n                            <div class=\"faq-answer\">\n                                <div class=\"faq-answer-content\">\n                                    \u00c8 possibile riprendere attivit\u00e0 fisiche intense 30 giorni (1 mese) dopo l'intervento di trapianto di capelli. Anche se \u00e8 possibile iniziare a camminare 7 giorni dopo il trapianto di capelli, praticare sport pesanti richiede pi\u00f9 pazienza. Evita allenamenti pesanti e sport intensi come il calcio per 2-3 mesi.\n                                    <div class=\"date-display\" id=\"date-display-3\"><\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"faq-item\">\n                            <div class=\"faq-question\">\n                                <span>Quando posso tornare a dormire normalmente dopo un trapianto di capelli?<\/span>\n                                <span class=\"icon\">+<\/span>\n                            <\/div>\n                            <div class=\"faq-answer\">\n                                <div class=\"faq-answer-content\">\n                                   Dovresti dormire con la testa alta fino al settimo giorno dopo l'intervento di trapianto di capelli. Dopo 7 giorni, puoi tornare a dormire normalmente.\n                                    <div class=\"date-display\" id=\"date-display-4\"><\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"faq-item\">\n                            <div class=\"faq-question\">\n                                <span>Quanti giorni dopo un trapianto di capelli posso avere rapporti sessuali?<\/span>\n                                <span class=\"icon\">+<\/span>\n                            <\/div>\n                            <div class=\"faq-answer\">\n                                <div class=\"faq-answer-content\">\n                                    Dovresti aspettare 10 giorni per tornare alla tua normale vita sessuale. I rapporti sessuali danneggiano gli innesti di capelli trapiantati, quindi devi essere paziente.\n                                    <div class=\"date-display\" id=\"date-display-5\"><\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"tab-content\" id=\"hair-transplant\">\n                    <div class=\"faq-container\">\n                        <div class=\"faq-item\">\n                            <div class=\"faq-question\">\n                                <span>Quando posso lavarmi i capelli dopo un trapianto di capelli?<\/span>\n                                <span class=\"icon\">+<\/span>\n                            <\/div>\n                            <div class=\"faq-answer\">\n                                <div class=\"faq-answer-content\">\n                                    Dovresti aspettare 48-72 ore prima di lavare i capelli dopo un trapianto di capelli. Il tuo medico ti fornir\u00e0 istruzioni specifiche su come lavare delicatamente la zona interessata senza danneggiare gli innesti.\n                                    <div class=\"date-display\" id=\"date-display-6\"><\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"faq-item\">\n                            <div class=\"faq-question\">\n                                <span>Quando vedr\u00f2 i risultati finali del mio trapianto di capelli?<\/span>\n                                <span class=\"icon\">+<\/span>\n                            <\/div>\n                            <div class=\"faq-answer\">\n                                <div class=\"faq-answer-content\">\n                                    La maggior parte dei pazienti inizia a vedere una crescita evidente circa 3-4 mesi dopo l'intervento. Tuttavia, i risultati finali sono in genere visibili tra i 9 e i 12 mesi dopo il trapianto, quando i capelli completano il loro ciclo di crescita.\n                                    <div class=\"date-display\" id=\"date-display-7\"><\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"faq-item\">\n                            <div class=\"faq-question\">\n                                <span>\u00c8 normale che i capelli cadano dopo un trapianto?<\/span>\n                                <span class=\"icon\">+<\/span>\n                            <\/div>\n                            <div class=\"faq-answer\">\n                                <div class=\"faq-answer-content\">\n                                    S\u00ec, \u00e8 normale che si verifichi quella che viene chiamata \"caduta da shock\" entro 2-4 settimane dal trapianto. Questa caduta temporanea \u00e8 una parte naturale del ciclo di crescita dei capelli e i capelli trapiantati ricominceranno a crescere dopo alcuni mesi.\n                                    <div class=\"date-display\" id=\"date-display-8\"><\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"tab-content\" id=\"dental\">\n                    <div class=\"faq-container\">\n                        <div class=\"faq-item\">\n                            <div class=\"faq-question\">\n                                <span>Dopo quanto tempo posso mangiare dopo un intervento di chirurgia dentale?<\/span>\n                                <span class=\"icon\">+<\/span>\n                            <\/div>\n                            <div class=\"faq-answer\">\n                                <div class=\"faq-answer-content\">\n                                    Aspettare che l'effetto dell'anestetico locale sia svanito prima di mangiare per evitare di mordersi la guancia o la lingua. Limitarsi a cibi morbidi per le prime 24-48 ore ed evitare cibi e bevande calde. Introdurre gradualmente cibi pi\u00f9 solidi, man mano che il comfort lo consente.\n                                    <div class=\"date-display\" id=\"date-display-9\"><\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"faq-item\">\n                            <div class=\"faq-question\">\n                                <span>Quando posso lavarmi i denti dopo un intervento di implantologia dentale?<\/span>\n                                <span class=\"icon\">+<\/span>\n                            <\/div>\n                            <div class=\"faq-answer\">\n                                <div class=\"faq-answer-content\">\n                                    Dovresti evitare di spazzolare la zona operata per 24 ore. Successivamente, puoi spazzolare delicatamente, facendo attenzione intorno all'impianto. Il tuo dentista potrebbe consigliarti di utilizzare un collutorio specifico invece di spazzolare la zona operata per i primi giorni.\n                                    <div class=\"date-display\" id=\"date-display-10\"><\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"faq-item\">\n                            <div class=\"faq-question\">\n                                <span>Quanto dura il gonfiore dopo un intervento di chirurgia dentale?<\/span>\n                                <span class=\"icon\">+<\/span>\n                            <\/div>\n                            <div class=\"faq-answer\">\n                                <div class=\"faq-answer-content\">\n                                    Il gonfiore raggiunge in genere il picco entro 48-72 ore dall'intervento e dovrebbe gradualmente attenuarsi nei successivi 5-7 giorni. L'applicazione di impacchi di ghiaccio durante le prime 24 ore pu\u00f2 aiutare a ridurre al minimo il gonfiore.\n                                    <div class=\"date-display\" id=\"date-display-11\"><\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            \/\/ Date picker functionality\n            const dateInput = document.getElementById('operation-date');\n            const noDateMessage = document.getElementById('no-date-message');\n            const calendarIcon = document.querySelector('.calendar-icon');\n            \n            \/\/ Make the calendar icon clickable\n            calendarIcon.addEventListener('click', function() {\n                dateInput.showPicker();\n            });\n            \n            \/\/ Make the entire date wrapper clickable\n            document.querySelector('.date-input-wrapper').addEventListener('click', function() {\n                dateInput.showPicker();\n            });\n            \n            \/\/ Tab switching functionality\n            const tabButtons = document.querySelectorAll('.tab-button');\n            const tabContents = document.querySelectorAll('.tab-content');\n            \n            tabButtons.forEach(button => {\n                button.addEventListener('click', () => {\n                    const tabId = button.getAttribute('data-tab');\n                    \n                    \/\/ Remove active class from all buttons and contents\n                    tabButtons.forEach(btn => btn.classList.remove('active'));\n                    tabContents.forEach(content => content.classList.remove('active'));\n                    \n                    \/\/ Add active class to selected button and content\n                    button.classList.add('active');\n                    document.getElementById(tabId).classList.add('active');\n                });\n            });\n            \n            \/\/ FAQ accordion functionality\n            const faqQuestions = document.querySelectorAll('.faq-question');\n            \n            faqQuestions.forEach(question => {\n                question.addEventListener('click', () => {\n                    const answer = question.nextElementSibling;\n                    const isOpen = question.classList.contains('active');\n                    \n                    \/\/ Check if operation date is selected\n                    if (!dateInput.value && !isOpen) {\n                        noDateMessage.style.display = 'block';\n                        setTimeout(() => {\n                            noDateMessage.style.display = 'none';\n                        }, 3000);\n                        return;\n                    }\n                    \n                    \/\/ Close all other FAQs\n                    faqQuestions.forEach(q => {\n                        if (q !== question && q.classList.contains('active')) {\n                            q.classList.remove('active');\n                            q.nextElementSibling.style.maxHeight = '0';\n                            q.querySelector('.icon').textContent = '+';\n                        }\n                    });\n                    \n                    \/\/ Toggle current FAQ\n                    if (isOpen) {\n                        question.classList.remove('active');\n                        answer.style.maxHeight = '0';\n                        question.querySelector('.icon').textContent = '+';\n                    } else {\n                        question.classList.add('active');\n                        answer.style.maxHeight = answer.scrollHeight + 'px';\n                        question.querySelector('.icon').textContent = '-';\n                    }\n                });\n            });\n            \n            \/\/ Update date displays when date changes\n            dateInput.addEventListener('change', function() {\n                if (!this.value) return;\n                \n                const selectedDate = new Date(this.value);\n                noDateMessage.style.display = 'none';\n                \n                \/\/ Format the selected date\n                const day = selectedDate.getDate().toString().padStart(2, '0');\n                const month = (selectedDate.getMonth() + 1).toString().padStart(2, '0');\n                const year = selectedDate.getFullYear();\n                const formattedDate = `${day}\/${month}\/${year}`;\n                \n                \/\/ Update all date displays\n                const dateDisplays = document.querySelectorAll('.date-display');\n                dateDisplays.forEach(display => {\n                    display.textContent = formattedDate;\n                });\n                \n                \/\/ Calculate and update all timeline dates\n                updateAllDates(selectedDate);\n            });\n            \n            \/\/ Function to calculate post-operation dates\n            function updateAllDates(operationDate) {\n                \/\/ Hair transplant dates\n                const socialLife = addDays(operationDate, 3);\n                const walking = addDays(operationDate, 1);\n                const workout = addDays(operationDate, 14);\n                const sleep = addDays(operationDate, 7);\n                const sexualActivity = addDays(operationDate, 7);\n                const hairWash = addDays(operationDate, 2);\n                const finalResults = addMonths(operationDate, 9);\n                const shedding = addDays(operationDate, 14);\n                \n                \/\/ Dental dates\n                const eating = addHours(operationDate, 2);\n                const brushTeeth = addDays(operationDate, 1);\n                const swelling = addDays(operationDate, 3);\n                \n                \/\/ Format and update specific FAQs\n                updateDateWithDescription('date-display-1', formatDate(socialLife), 'Socialize from');\n                updateDateWithDescription('date-display-2', formatDate(walking), 'Walk from');\n                updateDateWithDescription('date-display-3', formatDate(workout), 'Exercise from');\n                updateDateWithDescription('date-display-4', formatDate(sleep), 'Normal sleep from');\n                updateDateWithDescription('date-display-5', formatDate(sexualActivity), 'Resume activity from');\n                updateDateWithDescription('date-display-6', formatDate(hairWash), 'Wash hair from');\n                updateDateWithDescription('date-display-7', formatDate(finalResults), 'Expect results around');\n                updateDateWithDescription('date-display-8', formatDate(shedding), 'Shedding may start around');\n                updateDateWithDescription('date-display-9', formatDate(eating), 'Eat soft foods from');\n                updateDateWithDescription('date-display-10', formatDate(brushTeeth), 'Brush gently from');\n                updateDateWithDescription('date-display-11', formatDate(swelling), 'Swelling peaks around');\n            }\n            \n            \/\/ Helper functions for date calculations\n            function addDays(date, days) {\n                const result = new Date(date);\n                result.setDate(result.getDate() + days);\n                return result;\n            }\n            \n            function addHours(date, hours) {\n                const result = new Date(date);\n                result.setHours(result.getHours() + hours);\n                return result;\n            }\n            \n            function addMonths(date, months) {\n                const result = new Date(date);\n                result.setMonth(result.getMonth() + months);\n                return result;\n            }\n            \n            function formatDate(date) {\n                const day = date.getDate().toString().padStart(2, '0');\n                const month = (date.getMonth() + 1).toString().padStart(2, '0');\n                const year = date.getFullYear();\n                return `${day}\/${month}\/${year}`;\n            }\n            \n            function updateDateWithDescription(elementId, dateStr, description) {\n                const element = document.getElementById(elementId);\n                if (element) {\n                    element.textContent = `${description} ${dateStr}`;\n                }\n            }\n            \n            \/\/ Initialize FAQ heights for animation\n            faqQuestions.forEach(question => {\n                const answer = question.nextElementSibling;\n                answer.style.maxHeight = '0';\n            });\n            \n            \/\/ Set default date (for demo purposes)\n            const today = new Date();\n            const defaultDate = `${today.getFullYear()}-${String(today.getMonth() + 1).padStart(2, '0')}-${String(today.getDate()).padStart(2, '0')}`;\n            dateInput.value = defaultDate;\n            \n            \/\/ Trigger the change event to update all dates\n            const event = new Event('change');\n            dateInput.dispatchEvent(event);\n        });\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-24d00991 e-con-full e-flex e-con e-parent\" data-id=\"24d00991\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-79ba6181 e-flex e-con-boxed e-con e-child\" data-id=\"79ba6181\" 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-2785b9ef elementor-widget elementor-widget-heading\" data-id=\"2785b9ef\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Contattaci subito e pianifica il tuo viaggio!<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-61cfaa05 elementor-widget elementor-widget-text-editor\" data-id=\"61cfaa05\" 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;\">Vivi un trattamento di alta qualit\u00e0 in Turchia con<br \/>i nostri medici esperti e la nostra clinica confortevole!<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-329a5db1 elementor-widget elementor-widget-button\" data-id=\"329a5db1\" 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%3DeyJpZCI6MzMxODEsInRvZ2dsZSI6ZmFsc2V9\">\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\">Ottieni una consulenza gratuita<\/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-4d50f460 e-flex e-con-boxed e-con e-parent\" data-id=\"4d50f460\" 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-5703a562 elementor-widget elementor-widget-html\" data-id=\"5703a562\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"it\">\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>Il tuo percorso medico con il Dott. 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\">Fase 1<\/span>\r\n            <span class=\"step-title\">Consulenza iniziale<\/span>\r\n          <\/div>\r\n          <div class=\"step-label\">\r\n            <span class=\"step-number\">Fase 2<\/span>\r\n            <span class=\"step-title\">Pianificazione pre-procedura<\/span>\r\n          <\/div>\r\n          <div class=\"step-label\">\r\n            <span class=\"step-number\">Fase 3<\/span>\r\n            <span class=\"step-title\">Giorno dell'intervento<\/span>\r\n          <\/div>\r\n          <div class=\"step-label\">\r\n            <span class=\"step-number\">Fase 4<\/span>\r\n            <span class=\"step-title\">Assistenza post-procedura<\/span>\r\n          <\/div>\r\n          <div class=\"step-label\">\r\n            <span class=\"step-number\">Fase 5<\/span>\r\n            <span class=\"step-title\">Follow-up<\/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>Il tuo percorso inizia con una consulenza iniziale. Il nostro team discuter\u00e0 le tue esigenze e i tuoi obiettivi per creare un piano di trattamento personalizzato. Valuteremo la tua storia clinica e ti forniremo tutte le informazioni necessarie per prendere decisioni consapevoli sulla tua cura.<\/p>\r\n      <\/div>\r\n      \r\n      <div class=\"step-content\" id=\"step-content-2\">\r\n       \r\n        <p>Ti aiuteremo a prepararti per l'intervento con istruzioni dettagliate e assistenza in ogni fase del percorso. Questo include la pianificazione dell'appuntamento, l'organizzazione del trasporto e dell'alloggio, se necessario, e la fornitura di una checklist completa pre-procedura per garantire la vostra completa preparazione.<\/p>\r\n      <\/div>\r\n      \r\n      <div class=\"step-content\" id=\"step-content-3\">\r\n      \r\n        <p>I nostri dottori e il nostro staff medico altamente qualificati eseguiranno la procedura con precisione, utilizzando le tecniche pi\u00f9 recenti, assicurandovi i migliori risultati. Dal momento del tuo arrivo nella nostra clinica, il nostro team garantir\u00e0 la tua comodezza e sicurezza durante l'intero processo.<\/p>\r\n      <\/div>\r\n      \r\n      <div class=\"step-content\" id=\"step-content-4\">\r\n       \r\n        <p>I nostri dottori e il nostro staff medico altamente qualificati eseguiranno la procedura con precisione, utilizzando le tecniche pi\u00f9 recenti, assicurandovi i migliori risultati. Dal momento del tuo arrivo nella nostra clinica, il nostro team garantir\u00e0 la tua comodezza e sicurezza durante l'intero processo.<\/p>\r\n      <\/div>\r\n      \r\n      <div class=\"step-content\" id=\"step-content-5\">\r\n        \r\n        <p>Fisseremo appuntamenti di follow-up per monitorare i tuoi progressi e garantire risultati ottimali dalla procedura. Il nostro impegno per la tua assistenza non termina dopo la procedura: continueremo a fornirti supporto e guida durante tutto il tuo percorso di recupero, garantendoti una soddisfazione duratura con i vostri risultati.<\/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>Prima e dopo Home \u2192 Page Watch Reo Finand&#8217;s Hair Transplantation Journey! Watch Reo Finand&#8217;s Hair Transplantation Journey! Watch Reo Finand&#8217;s Hair Transplantation Journey! Galleria prima e dopo Scopri le straordinarie trasformazioni ottenute grazie alle nostre procedure esperte Il pi\u00f9 recente primaIl pi\u00f9 vecchio per primo Tutte le procedureTrapianto di capelliRinoplasticaTrapianto di barbaDentale Tutti i [&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-33150","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>Prima e dopo - DR. CINIK<\/title>\n<meta name=\"description\" content=\"Ammira le incredibili trasformazioni nella galleria prima e dopo del Dott. CINIK CLINIK, una delle migliori cliniche in Turchia, con risultati da esperti.\" \/>\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\/it\/prima-e-dopo\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Prima e dopo\" \/>\n<meta property=\"og:description\" content=\"Ammira le incredibili trasformazioni nella galleria prima e dopo del Dott. CINIK CLINIK, una delle migliori cliniche in Turchia, con risultati da esperti.\" \/>\n<meta property=\"og:url\" content=\"http:\/\/drcinik.com\/it\/prima-e-dopo\/\" \/>\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-31T22:31:26+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\\\/it\\\/prima-e-dopo\\\/\",\"url\":\"http:\\\/\\\/drcinik.com\\\/it\\\/prima-e-dopo\\\/\",\"name\":\"Prima e dopo - DR. CINIK\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/drcinik.com\\\/it\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"http:\\\/\\\/drcinik.com\\\/it\\\/prima-e-dopo\\\/#primaryimage\"},\"image\":{\"@id\":\"http:\\\/\\\/drcinik.com\\\/it\\\/prima-e-dopo\\\/#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-31T22:31:26+00:00\",\"description\":\"Ammira le incredibili trasformazioni nella galleria prima e dopo del Dott. CINIK CLINIK, una delle migliori cliniche in Turchia, con risultati da esperti.\",\"breadcrumb\":{\"@id\":\"http:\\\/\\\/drcinik.com\\\/it\\\/prima-e-dopo\\\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"http:\\\/\\\/drcinik.com\\\/it\\\/prima-e-dopo\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"http:\\\/\\\/drcinik.com\\\/it\\\/prima-e-dopo\\\/#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\\\/it\\\/prima-e-dopo\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\\\/\\\/drcinik.com\\\/ar\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Prima e dopo\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/drcinik.com\\\/it\\\/#website\",\"url\":\"https:\\\/\\\/drcinik.com\\\/it\\\/\",\"name\":\"DR. CINIK\",\"description\":\"\u00d6zel T\u0131p Merkezi\",\"publisher\":{\"@id\":\"https:\\\/\\\/drcinik.com\\\/it\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/drcinik.com\\\/it\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/drcinik.com\\\/it\\\/#organization\",\"name\":\"DR. CINIK\",\"url\":\"https:\\\/\\\/drcinik.com\\\/it\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/drcinik.com\\\/it\\\/#\\\/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\\\/it\\\/#\\\/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":"Prima e dopo - DR. CINIK","description":"Ammira le incredibili trasformazioni nella galleria prima e dopo del Dott. CINIK CLINIK, una delle migliori cliniche in Turchia, con risultati da esperti.","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\/it\/prima-e-dopo\/","og_locale":"it_IT","og_type":"article","og_title":"Prima e dopo","og_description":"Ammira le incredibili trasformazioni nella galleria prima e dopo del Dott. CINIK CLINIK, una delle migliori cliniche in Turchia, con risultati da esperti.","og_url":"http:\/\/drcinik.com\/it\/prima-e-dopo\/","og_site_name":"DR. CINIK","article_publisher":"https:\/\/facebook.com\/drcinikcom","article_modified_time":"2025-07-31T22:31:26+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\/it\/prima-e-dopo\/","url":"http:\/\/drcinik.com\/it\/prima-e-dopo\/","name":"Prima e dopo - DR. CINIK","isPartOf":{"@id":"https:\/\/drcinik.com\/it\/#website"},"primaryImageOfPage":{"@id":"http:\/\/drcinik.com\/it\/prima-e-dopo\/#primaryimage"},"image":{"@id":"http:\/\/drcinik.com\/it\/prima-e-dopo\/#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-31T22:31:26+00:00","description":"Ammira le incredibili trasformazioni nella galleria prima e dopo del Dott. CINIK CLINIK, una delle migliori cliniche in Turchia, con risultati da esperti.","breadcrumb":{"@id":"http:\/\/drcinik.com\/it\/prima-e-dopo\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["http:\/\/drcinik.com\/it\/prima-e-dopo\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"http:\/\/drcinik.com\/it\/prima-e-dopo\/#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\/it\/prima-e-dopo\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/drcinik.com\/ar\/"},{"@type":"ListItem","position":2,"name":"Prima e dopo"}]},{"@type":"WebSite","@id":"https:\/\/drcinik.com\/it\/#website","url":"https:\/\/drcinik.com\/it\/","name":"DR. CINIK","description":"\u00d6zel T\u0131p Merkezi","publisher":{"@id":"https:\/\/drcinik.com\/it\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/drcinik.com\/it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/drcinik.com\/it\/#organization","name":"DR. CINIK","url":"https:\/\/drcinik.com\/it\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/drcinik.com\/it\/#\/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\/it\/#\/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\/it\/wp-json\/wp\/v2\/pages\/33150","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/drcinik.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/drcinik.com\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/drcinik.com\/it\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/drcinik.com\/it\/wp-json\/wp\/v2\/comments?post=33150"}],"version-history":[{"count":0,"href":"https:\/\/drcinik.com\/it\/wp-json\/wp\/v2\/pages\/33150\/revisions"}],"wp:attachment":[{"href":"https:\/\/drcinik.com\/it\/wp-json\/wp\/v2\/media?parent=33150"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}