{"id":356,"date":"2025-07-10T13:47:19","date_gmt":"2025-07-10T13:47:19","guid":{"rendered":"https:\/\/www.preweb.site\/projects\/ghanem\/?page_id=356"},"modified":"2025-07-11T12:43:59","modified_gmt":"2025-07-11T12:43:59","slug":"facelift-3","status":"publish","type":"page","link":"https:\/\/www.preweb.site\/projects\/ghanem\/facelift-3\/","title":{"rendered":"Facelift"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"356\" class=\"elementor elementor-356\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-39bca5dc e-con-full ghanem-snatched-life-wrapper e-flex e-con e-parent\" data-id=\"39bca5dc\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-4fa43c6b e-con-full e-flex e-con e-child\" data-id=\"4fa43c6b\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/www.preweb.site\\\/projects\\\/ghanem\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/hero-facelift.webm&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;}\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div>\t\t<div class=\"elementor-element elementor-element-49ead129 elementor-widget elementor-widget-html\" data-id=\"49ead129\" data-element_type=\"widget\" id=\"hero-lift\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- FINAL HERO SNIPPET v6 - REFINED MESSAGING -->\n<div class=\"hero-content\">\n    <div class=\"exclusive-badge\" role=\"status\">Pioneering Aesthetic Excellence<\/div>\n    <h1 id=\"hero-heading\" class=\"heading-primary\">The Facelift<\/h1>\n    <p class=\"body-text\">Elevate, Restore, Refine \u2013 The Art of Natural Rejuvenation<\/p>\n    <a href=\"#consultation-final\" class=\"btn-elite\" aria-label=\"Request a private consultation\">Begin Your Journey<\/a>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2cab2d67 e-con-full e-flex e-con e-child\" data-id=\"2cab2d67\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-79f0254a elementor-widget elementor-widget-html\" data-id=\"79f0254a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- INTRODUCTORY SECTION -->\n<section id=\"intro-section\" class=\"section\">\n    <div class=\"container\">\n        <div class=\"grid\">\n            <div style=\"grid-column: 2 \/ 12; text-align: center;\">\n                <h2 class=\"ghanem-title-secondary\" style=\"margin-bottom: 32px;\">Facelifts at The Ghanem Clinic<\/h2>\n                <p class=\"ghanem-body-text\">The Ghanem Clinic is one of the UK\u2019s leading destinations for facial rejuvenation \u2014 combining world-class surgical precision with regenerative expertise to deliver natural, age-defying results.\nWhether you\u2019re concerned with deep facial folds, sagging jowls, a tired neckline or overall skin laxity, we tailor each facelift to restore structure and elegance without the tell-tale signs of surgery.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-57a6e63 elementor-widget elementor-widget-html\" data-id=\"57a6e63\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SNIPPET: FACELIFT TYPES SECTION (REVISION) -->\n<section id=\"facelift-types-section\" class=\"section\" style=\"background-color: var(--white);\">\n    <div class=\"container\">\n        <div class=\"creative-benefits-layout\">\n            \n            <div class=\"image-column\">\n                <img decoding=\"async\" src=\"https:\/\/motaah.net\/projects\/medcare\/wp-content\/uploads\/2025\/06\/fc2.jpg\" \n                     alt=\"A collage of diverse, confident faces, representing tailored aesthetic solutions.\" \n                     loading=\"lazy\">\n            <\/div>\n\n            <div class=\"text-column\">\n                <h2 class=\"ghanem-title-secondary\">Which Type of Facelift Is Right for You?<\/h2>\n                <p class=\"ghanem-body-text\" style=\"margin-left: 0; margin-bottom: 40px; text-align: left;\">Our expert surgeons will advise on the right technique based on your anatomy, goals, and age group.<\/p>\n\n                <ul class=\"creative-benefits-list\">\n                    <li>\n                        <div class=\"benefit-icon\">\n                            <!-- Icon representing a small, targeted lift -->\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 15l7-7 7 7\"\/><\/svg>\n                        <\/div>\n                        <div class=\"benefit-content\">\n                            <h3 class=\"benefit-title\">Mini Facelift<\/h3>\n                            <p class=\"benefit-description\">Best for early signs of sagging in the lower face and jowls. A discreet refresh with minimal downtime.<\/p>\n                        <\/div>\n                    <\/li>\n                    <li>\n                        <div class=\"benefit-icon\">\n                            <!-- Icon representing layers and depth -->\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"\/><path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"\/><\/svg>\n                        <\/div>\n                        <div class=\"benefit-content\">\n                            <h3 class=\"benefit-title\">Deep Plane Facelift<\/h3>\n                            <p class=\"benefit-description\">The gold standard for full rejuvenation \u2014 lifting deeper structures of the face to restore youthful contours and definition.<\/p>\n                        <\/div>\n                    <\/li>\n                     <li>\n                        <div class=\"benefit-icon\">\n                            <!-- Icon representing a precise, keyhole technique -->\n                           <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20.24 12.24a6 6 0 0 0-8.49-8.49L5 10.5V19h8.5z\"\/><line x1=\"16\" y1=\"8\" x2=\"2\" y2=\"22\"\/><line x1=\"17.5\" y1=\"15\" x2=\"9\" y2=\"15\"\/><\/svg>\n                        <\/div>\n                        <div class=\"benefit-content\">\n                            <h3 class=\"benefit-title\">Endoscopic Facelift (The Snatched Lift)<\/h3>\n                            <p class=\"benefit-description\">A scar-free, keyhole solution for younger patients or those seeking targeted lifting of the brows and midface without downtime.<\/p>\n                        <\/div>\n                    <\/li>\n                <\/ul>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0503cf5 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"0503cf5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- FIXED GALLERY SECTION HTML -->\n<div class=\"the-ghanem-clinic-transformation-gallery-wrapper\">\n    <div class=\"transformation-showcase\">\n        <div class=\"container\">\n            <div class=\"section-header\">\n                <span class=\"section-badge\">Transformative Results<\/span>\n                <h2 class=\"section-title\">Before & After Gallery<\/h2>\n                <p class=\"section-subtitle\">\n                    Witness the artistry of The Ghanem Clinic through our patients' remarkable transformations,\n                    captured from multiple angles to showcase the precision of our work.\n                <\/p>\n            <\/div>\n\n            <div class=\"controls-wrapper\">\n                <div class=\"controls-card\">\n                    <div class=\"patient-selector\">\n                        <button class=\"patient-tab active\" data-patient=\"1\" aria-pressed=\"true\"><span>Patient 01<\/span><\/button>\n                        <button class=\"patient-tab\" data-patient=\"2\" aria-pressed=\"false\"><span>Patient 02<\/span><\/button>\n                        <button class=\"patient-tab\" data-patient=\"3\" aria-pressed=\"false\"><span>Patient 03<\/span><\/button>\n                    <\/div>\n\n                    <div class=\"view-controls\">\n                        <div class=\"view-toggle\" id=\"viewToggle\">\n                            <span class=\"view-mode-glider\"><\/span>\n                            <button class=\"view-mode active\" data-mode=\"slider\" aria-pressed=\"true\">Interactive<\/button>\n                            <button class=\"view-mode\" data-mode=\"split\" aria-pressed=\"false\">Split View<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"comparison-container\">\n                <div class=\"split-view-grid\" id=\"splitView\" style=\"display: none;\">\n                    <div class=\"split-view-frame\">\n                        <div class=\"angle-selector-unified\">\n                            <button class=\"angle-tab active\" data-angle=\"profile\" aria-pressed=\"true\">Side View<\/button>\n                            <button class=\"angle-tab\" data-angle=\"semi-profile\" aria-pressed=\"false\">Angled View<\/button>\n                            <button class=\"angle-tab\" data-angle=\"frontal\" aria-pressed=\"false\">Front View<\/button>\n                        <\/div>\n                        <div class=\"split-columns\">\n                            <div class=\"split-column\">\n                                <div class=\"split-image-container\">\n                                    <span class=\"split-column-label\">Before<\/span>\n                                    <img decoding=\"async\" class=\"split-image\" id=\"beforeImage\" src=\"https:\/\/www.preweb.site\/projects\/ghanem\/wp-content\/uploads\/2025\/07\/Fakih-before-1.jpg\" alt=\"Before - Patient 01 - Side View\" loading=\"lazy\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"split-column\">\n                                <div class=\"split-image-container\">\n                                    <span class=\"split-column-label\">After<\/span>\n                                    <img decoding=\"async\" class=\"split-image\" id=\"afterImage\" src=\"https:\/\/www.preweb.site\/projects\/ghanem\/wp-content\/uploads\/2025\/07\/Fakih-after-1.jpg\" alt=\"After - Patient 01 - Side View\" loading=\"lazy\">\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"multi-view-grid\" id=\"interactiveView\">\n                    <div class=\"view-column\">\n                        <div class=\"view-label\">Side View<\/div>\n                        <div class=\"comparison-box\" data-view=\"profile\">\n                            <img decoding=\"async\" class=\"before-image\" src=\"https:\/\/www.preweb.site\/projects\/ghanem\/wp-content\/uploads\/2025\/07\/Fakih-before-1.jpg\" alt=\"Before - Patient 01 - Side View\" loading=\"lazy\">\n                            <img decoding=\"async\" class=\"after-image\" src=\"https:\/\/www.preweb.site\/projects\/ghanem\/wp-content\/uploads\/2025\/07\/Fakih-after-1.jpg\" alt=\"After - Patient 01 - Side View\" loading=\"lazy\">\n                            <div class=\"comparison-slider\"><\/div>\n                            <div class=\"comparison-labels\">\n                                <span class=\"label\">Before<\/span>\n                                <span class=\"label\">After<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"view-column\">\n                        <div class=\"view-label\">Angled View<\/div>\n                        <div class=\"comparison-box\" data-view=\"semi-profile\">\n                            <img decoding=\"async\" class=\"before-image\" src=\"https:\/\/www.preweb.site\/projects\/ghanem\/wp-content\/uploads\/2025\/07\/Fakih-before-2.jpg\" alt=\"Before - Patient 01 - Angled View\" loading=\"lazy\">\n                            <img decoding=\"async\" class=\"after-image\" src=\"https:\/\/www.preweb.site\/projects\/ghanem\/wp-content\/uploads\/2025\/07\/Fakih-after-2.jpg\" alt=\"After - Patient 01 - Angled View\" loading=\"lazy\">\n                            <div class=\"comparison-slider\"><\/div>\n                            <div class=\"comparison-labels\">\n                                <span class=\"label\">Before<\/span>\n                                <span class=\"label\">After<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"view-column\">\n                        <div class=\"view-label\">Front View<\/div>\n                        <div class=\"comparison-box\" data-view=\"frontal\">\n                            <img decoding=\"async\" class=\"before-image\" src=\"https:\/\/www.preweb.site\/projects\/ghanem\/wp-content\/uploads\/2025\/07\/Fakih-before-3.jpg\" alt=\"Before - Patient 01 - Front View\" loading=\"lazy\">\n                            <img decoding=\"async\" class=\"after-image\" src=\"https:\/\/www.preweb.site\/projects\/ghanem\/wp-content\/uploads\/2025\/07\/Fakih-after-3.jpg\" alt=\"After - Patient 01 - Front View\" loading=\"lazy\">\n                            <div class=\"comparison-slider\"><\/div>\n                            <div class=\"comparison-labels\">\n                                <span class=\"label\">Before<\/span>\n                                <span class=\"label\">After<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"transformation-stats\">\n                <div class=\"stat-item\">\n                    <div class=\"stat-number\">98%<\/div>\n                    <div class=\"stat-label\">Patient Satisfaction<\/div>\n                <\/div>\n                <div class=\"stat-item\">\n                    <div class=\"stat-number\">15+<\/div>\n                    <div class=\"stat-label\">Years of Excellence<\/div>\n                <\/div>\n                <div class=\"stat-item\">\n                    <div class=\"stat-number\">5,000+<\/div>\n                    <div class=\"stat-label\">Transformations<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"video-container-wrapper\">\n            <div class=\"video-section-header\">\n                <div class=\"collaboration-badge\">\n                    <span>In Collaboration<\/span>\n                    <div class=\"divider\"><\/div>\n                    <span>Prof. Dr. Erdem TEZEL<\/span>\n                <\/div>\n                <h2 class=\"video-section-title\">Witness Real Transformations<\/h2>\n            <\/div>\n\n            <div class=\"video-showcase\">\n                <div class=\"main-video-player\">\n                    <div class=\"video-aspect-wrapper\">\n                        <video class=\"video-element\" id=\"mainVideo\" preload=\"metadata\">\n                            <source src=\"https:\/\/www.preweb.site\/projects\/ghanem\/wp-content\/uploads\/2025\/07\/new_look01.mp4#t=0.1\" type=\"video\/mp4\">\n                        <\/video>\n                        \n                        <div class=\"video-selection-toggle\" id=\"videoSelectionToggle\">\n                            <span class=\"selection-indicator\"><\/span>\n                            <button class=\"video-select-btn active\" data-video=\"1\">New Look 01<\/button>\n                            <button class=\"video-select-btn\" data-video=\"2\">New Look 02<\/button>\n                            <button class=\"video-select-btn\" data-video=\"3\">New Look 03<\/button>\n                        <\/div>\n\n                        <div class=\"video-play-btn\" id=\"playBtn\">\n                            <svg viewBox=\"0 0 24 24\">\n                                <path d=\"M8 5v14l11-7z\" \/>\n                            <\/svg>\n                        <\/div>\n                        \n                        <div class=\"video-click-overlay\" id=\"videoClickOverlay\"><\/div>\n\n                        <div class=\"logo-watermark\">\n                            <img decoding=\"async\" src=\"https:\/\/www.preweb.site\/projects\/ghanem\/wp-content\/uploads\/2025\/07\/tezel-logo.png\" alt=\"Prof. Dr. Erdem TEZEL\">\n                        <\/div>\n\n                        <div class=\"video-progress-indicator\">\n                            <div class=\"progress-bar\"><\/div>\n                        <\/div>\n\n                        <div class=\"video-controls-overlay\"><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n(function() {\n    'use strict';\n    \n    \/\/ Create a unique namespace for gallery functions\n    window.GhanemGalleryModule = {\n        init: function() {\n            const wrapper = document.querySelector('.the-ghanem-clinic-transformation-gallery-wrapper');\n            if (!wrapper) return;\n            \n            \/\/ Prevent event bubbling to main page scripts\n            wrapper.addEventListener('click', function(e) {\n                if (e.target.matches('a[href^=\"#\"]')) {\n                    e.stopPropagation();\n                }\n            }, true);\n            \n            \/\/ Local query selectors that only work within the gallery\n            const qsa = (selector) => wrapper.querySelectorAll(selector);\n            const qs = (selector) => wrapper.querySelector(selector);\n            \n            \/\/ Patient data\n            const patientData = {\n                1: {\n                    name: \"Patient 01\",\n                    profile: { \n                        before: \"https:\/\/www.preweb.site\/projects\/ghanem\/wp-content\/uploads\/2025\/07\/Fakih-before-1.jpg\", \n                        after: \"https:\/\/www.preweb.site\/projects\/ghanem\/wp-content\/uploads\/2025\/07\/Fakih-after-1.jpg\" \n                    },\n                    semiProfile: { \n                        before: \"https:\/\/www.preweb.site\/projects\/ghanem\/wp-content\/uploads\/2025\/07\/Fakih-before-2.jpg\", \n                        after: \"https:\/\/www.preweb.site\/projects\/ghanem\/wp-content\/uploads\/2025\/07\/Fakih-after-2.jpg\" \n                    },\n                    frontal: { \n                        before: \"https:\/\/www.preweb.site\/projects\/ghanem\/wp-content\/uploads\/2025\/07\/Fakih-before-3.jpg\", \n                        after: \"https:\/\/www.preweb.site\/projects\/ghanem\/wp-content\/uploads\/2025\/07\/Fakih-after-3.jpg\" \n                    }\n                },\n                2: {\n                    name: \"Patient 02\",\n                    profile: { \n                        before: \"https:\/\/www.preweb.site\/projects\/ghanem\/wp-content\/uploads\/2025\/07\/J-Before-01-scaled.jpg\", \n                        after: \"https:\/\/www.preweb.site\/projects\/ghanem\/wp-content\/uploads\/2025\/07\/J-after-01-scaled.jpg\" \n                    },\n                    semiProfile: { \n                        before: \"https:\/\/www.preweb.site\/projects\/ghanem\/wp-content\/uploads\/2025\/07\/J-Before-02-scaled.jpg\", \n                        after: \"https:\/\/www.preweb.site\/projects\/ghanem\/wp-content\/uploads\/2025\/07\/J-after-02-scaled.jpg\" \n                    },\n                    frontal: { \n                        before: \"https:\/\/www.preweb.site\/projects\/ghanem\/wp-content\/uploads\/2025\/07\/J-Before-03-scaled.jpg\", \n                        after: \"https:\/\/www.preweb.site\/projects\/ghanem\/wp-content\/uploads\/2025\/07\/J-after-03-scaled.jpg\" \n                    }\n                },\n                3: {\n                    name: \"Patient 03\",\n                    profile: { \n                        before: \"https:\/\/www.preweb.site\/projects\/ghanem\/wp-content\/uploads\/2025\/07\/o-before-01-scaled.jpg\", \n                        after: \"https:\/\/www.preweb.site\/projects\/ghanem\/wp-content\/uploads\/2025\/07\/o-after-01-scaled.jpg\" \n                    },\n                    semiProfile: { \n                        before: \"https:\/\/www.preweb.site\/projects\/ghanem\/wp-content\/uploads\/2025\/07\/o-before-02-scaled.jpg\", \n                        after: \"https:\/\/www.preweb.site\/projects\/ghanem\/wp-content\/uploads\/2025\/07\/o-after-02-scaled.jpg\" \n                    },\n                    frontal: { \n                        before: \"https:\/\/www.preweb.site\/projects\/ghanem\/wp-content\/uploads\/2025\/07\/o-before-03-scaled.jpg\", \n                        after: \"https:\/\/www.preweb.site\/projects\/ghanem\/wp-content\/uploads\/2025\/07\/o-after-03-scaled.jpg\" \n                    }\n                }\n            };\n\n            const angleNameMap = {\n                profile: \"Side View\",\n                'semi-profile': \"Angled View\",\n                frontal: \"Front View\"\n            };\n\n            let currentPatient = 1;\n            let currentView = 'slider';\n\n            function preloadAllPatientImages() {\n                Object.values(patientData).forEach(patient => {\n                    Object.values(patient).forEach(view => {\n                        if (typeof view === 'object' && view.before && view.after) {\n                            new Image().src = view.before;\n                            new Image().src = view.after;\n                        }\n                    });\n                });\n            }\n\n            function initializePatientTabs() {\n                const tabs = qsa('.patient-tab');\n                tabs.forEach(tab => {\n                    tab.addEventListener('click', function(e) {\n                        e.stopPropagation(); \/\/ Prevent bubbling\n                        const patientId = parseInt(tab.dataset.patient);\n                        if (patientId !== currentPatient) {\n                            currentPatient = patientId;\n                            updateActiveTab(tabs, tab);\n                            updateAllImages();\n                        }\n                    });\n                });\n            }\n\n            function updateActiveTab(tabs, activeTab) {\n                tabs.forEach(tab => {\n                    tab.classList.remove('active');\n                    tab.setAttribute('aria-pressed', 'false');\n                });\n                activeTab.classList.add('active');\n                activeTab.setAttribute('aria-pressed', 'true');\n            }\n\n            function updateAllImages() {\n                updateSplitViewAngle();\n                const patient = patientData[currentPatient];\n                qsa('.comparison-box').forEach(box => {\n                    const viewKey = box.dataset.view;\n                    let imageData;\n                    if (viewKey === 'profile') imageData = patient.profile;\n                    if (viewKey === 'semi-profile') imageData = patient.semiProfile;\n                    if (viewKey === 'frontal') imageData = patient.frontal;\n                    if (imageData) updateComparisonBox(box, imageData, patient.name, viewKey);\n                });\n            }\n\n            function updateComparisonBox(box, imageData, patientName, angleKey) {\n                const beforeImg = box.querySelector('.before-image');\n                const afterImg = box.querySelector('.after-image');\n                const displayName = angleNameMap[angleKey];\n                beforeImg.src = imageData.before;\n                beforeImg.alt = `Before - ${patientName} - ${displayName}`;\n                afterImg.src = imageData.after;\n                afterImg.alt = `After - ${patientName} - ${displayName}`;\n                afterImg.style.clipPath = 'inset(0 0 0 50%)';\n                box.querySelector('.comparison-slider').style.left = '50%';\n            }\n\n            function initializeViewModes() {\n                const modes = qsa('.view-mode');\n                const viewToggle = qs('#viewToggle');\n                modes.forEach(mode => {\n                    mode.addEventListener('click', function(e) {\n                        e.stopPropagation();\n                        const viewMode = mode.dataset.mode;\n                        if (viewMode !== currentView) {\n                            currentView = viewMode;\n                            updateActiveTab(modes, mode);\n                            switchViewMode(viewMode);\n                            viewToggle.classList.toggle('glider-right', viewMode === 'split');\n                        }\n                    });\n                });\n            }\n\n            function switchViewMode(mode) {\n                const splitView = qs('#splitView');\n                const interactiveView = qs('#interactiveView');\n                splitView.style.display = (mode === 'split') ? 'block' : 'none';\n                interactiveView.style.display = (mode === 'slider') ? 'grid' : 'none';\n            }\n\n            function initializeUnifiedAngleTabs() {\n                const angleTabs = qsa('.angle-selector-unified .angle-tab');\n                angleTabs.forEach(tab => {\n                    tab.addEventListener('click', function(e) {\n                        e.stopPropagation();\n                        updateActiveTab(angleTabs, tab);\n                        updateSplitViewAngle();\n                    });\n                });\n            }\n\n            function updateSplitViewAngle() {\n                const activeAngleTab = qs('.angle-selector-unified .angle-tab.active');\n                if (!activeAngleTab) return;\n                const angleKey = activeAngleTab.dataset.angle;\n                const patient = patientData[currentPatient];\n                const displayName = angleNameMap[angleKey];\n                let imageData;\n                if (angleKey === 'profile') imageData = patient.profile;\n                else if (angleKey === 'semi-profile') imageData = patient.semiProfile;\n                else if (angleKey === 'frontal') imageData = patient.frontal;\n                const beforeImage = qs('#beforeImage');\n                const afterImage = qs('#afterImage');\n                beforeImage.classList.add('is-loading');\n                afterImage.classList.add('is-loading');\n                let imagesLoaded = 0;\n                const totalImages = 2;\n                const onImageLoad = () => {\n                    imagesLoaded++;\n                    if (imagesLoaded === totalImages) {\n                        beforeImage.classList.remove('is-loading');\n                        afterImage.classList.remove('is-loading');\n                    }\n                };\n                beforeImage.onload = onImageLoad;\n                afterImage.onload = onImageLoad;\n                beforeImage.src = imageData.before;\n                afterImage.src = imageData.after;\n                beforeImage.alt = `Before - ${patient.name} - ${displayName}`;\n                afterImage.alt = `After - ${patient.name} - ${displayName}`;\n            }\n\n            function initializeComparisonSliders() {\n                qsa('.comparison-box').forEach(box => {\n                    const slider = box.querySelector('.comparison-slider');\n                    const afterImage = box.querySelector('.after-image');\n                    let isDragging = false;\n                    \n                    const updateSliderPosition = (x) => {\n                        const rect = box.getBoundingClientRect();\n                        const position = Math.max(0, Math.min(1, (x - rect.left) \/ rect.width));\n                        slider.style.left = `${position * 100}%`;\n                        afterImage.style.clipPath = `inset(0 0 0 ${position * 100}%)`;\n                    };\n                    \n                    const startDrag = (e) => { \n                        e.stopPropagation();\n                        isDragging = true; \n                        box.classList.add('dragging'); \n                    };\n                    \n                    const stopDrag = () => { \n                        isDragging = false; \n                        box.classList.remove('dragging'); \n                    };\n                    \n                    \/\/ Use local event handlers to avoid conflicts\n                    slider.addEventListener('mousedown', startDrag);\n                    \n                    \/\/ Create local mouse move handler\n                    const handleMouseMove = (e) => {\n                        if (isDragging && currentView === 'slider') {\n                            e.preventDefault();\n                            e.stopPropagation();\n                            updateSliderPosition(e.clientX);\n                        }\n                    };\n                    \n                    \/\/ Create local mouse up handler\n                    const handleMouseUp = () => {\n                        if (isDragging) {\n                            stopDrag();\n                        }\n                    };\n                    \n                    \/\/ Add listeners to wrapper to keep them scoped\n                    wrapper.addEventListener('mousemove', handleMouseMove);\n                    wrapper.addEventListener('mouseup', handleMouseUp);\n                    wrapper.addEventListener('mouseleave', handleMouseUp);\n                    \n                    \/\/ Touch events\n                    slider.addEventListener('touchstart', startDrag, { passive: true });\n                    wrapper.addEventListener('touchend', stopDrag);\n                    wrapper.addEventListener('touchmove', (e) => {\n                        if (isDragging && currentView === 'slider') {\n                            updateSliderPosition(e.touches[0].clientX);\n                        }\n                    }, { passive: false });\n                });\n            }\n\n            function initializeVideoPlayer() {\n                const mainVideoPlayer = qs('.main-video-player');\n                const mainVideo = qs('#mainVideo');\n                const playBtn = qs('#playBtn');\n                const videoClickOverlay = qs('#videoClickOverlay');\n                const progressBar = qs('.progress-bar');\n                const videoToggle = qs('#videoSelectionToggle');\n                const videoSelectBtns = qsa('.video-select-btn');\n                \n                if (!mainVideo) return;\n                \n                const videoData = {\n                    1: { url: 'https:\/\/www.preweb.site\/projects\/ghanem\/wp-content\/uploads\/2025\/07\/new_look01.mp4#t=0.1' },\n                    2: { url: 'https:\/\/www.preweb.site\/projects\/ghanem\/wp-content\/uploads\/2025\/07\/new_look02.mp4#t=0.1' },\n                    3: { url: 'https:\/\/www.preweb.site\/projects\/ghanem\/wp-content\/uploads\/2025\/07\/new_look03.mp4#t=0.1' }\n                };\n                let currentVideoId = 1;\n\n                function togglePlay() {\n                    if (mainVideo.paused || mainVideo.ended) {\n                        mainVideo.play();\n                    } else {\n                        mainVideo.pause();\n                    }\n                }\n                \n                playBtn.addEventListener('click', function(e) { \n                    e.stopPropagation(); \n                    togglePlay(); \n                });\n                \n                videoClickOverlay.addEventListener('click', function(e) { \n                    e.stopPropagation(); \n                    togglePlay(); \n                });\n\n                mainVideo.addEventListener('play', () => {\n                    mainVideoPlayer.classList.add('is-playing');\n                    playBtn.classList.add('is-playing');\n                });\n\n                mainVideo.addEventListener('pause', () => {\n                    mainVideoPlayer.classList.remove('is-playing');\n                    playBtn.classList.remove('is-playing');\n                });\n                \n                mainVideo.addEventListener('ended', () => {\n                    mainVideoPlayer.classList.remove('is-playing');\n                    playBtn.classList.remove('is-playing');\n                    progressBar.style.width = '0%';\n                });\n\n                mainVideo.addEventListener('timeupdate', () => {\n                    if(mainVideo.duration > 0) {\n                        const progress = (mainVideo.currentTime \/ mainVideo.duration) * 100;\n                        progressBar.style.width = `${progress}%`;\n                    }\n                });\n                \n                videoSelectBtns.forEach(btn => {\n                    btn.addEventListener('click', (e) => {\n                        e.stopPropagation();\n                        const videoId = parseInt(btn.dataset.video);\n                        if (videoId !== currentVideoId) {\n                            currentVideoId = videoId;\n                            videoSelectBtns.forEach(b => b.classList.remove('active'));\n                            btn.classList.add('active');\n                            videoToggle.classList.remove('video-2', 'video-3');\n                            if (videoId === 2) videoToggle.classList.add('video-2');\n                            if (videoId === 3) videoToggle.classList.add('video-3');\n                            updateVideo(currentVideoId);\n                        }\n                    });\n                });\n                \n                function updateVideo(videoId) {\n                    const video = videoData[videoId];\n                    mainVideo.pause();\n                    mainVideo.src = video.url;\n                    mainVideo.load();\n                    progressBar.style.width = '0%';\n                }\n                \n                updateVideo(1);\n            }\n            \n            \/\/ NEW STICKY CONTROLS FUNCTION\n            function initializeStickyControls() {\n                const controlsWrapper = qs('.controls-wrapper');\n                const videoSection = qs('.video-container-wrapper');\n                const comparisonContainer = qs('.comparison-container');\n                \n                if (!controlsWrapper || !videoSection || window.innerWidth > 992) return;\n                \n                let isSticky = false;\n                let ticking = false;\n                let placeholderElement = null;\n                \n                function createPlaceholder() {\n                    if (!placeholderElement) {\n                        placeholderElement = document.createElement('div');\n                        placeholderElement.className = 'controls-placeholder';\n                        placeholderElement.style.height = controlsWrapper.offsetHeight + 'px';\n                        placeholderElement.style.display = 'none';\n                        controlsWrapper.parentNode.insertBefore(placeholderElement, controlsWrapper);\n                    }\n                }\n                \n                function updateStickyState() {\n                    const scrollY = window.scrollY;\n                    const controlsRect = controlsWrapper.getBoundingClientRect();\n                    const videoRect = videoSection.getBoundingClientRect();\n                    const comparisonRect = comparisonContainer.getBoundingClientRect();\n                    const controlsHeight = controlsWrapper.offsetHeight;\n                    \n                    \/\/ Make sticky when comparison container is visible\n                    if (!isSticky && comparisonRect.top <= controlsHeight) {\n                        isSticky = true;\n                        createPlaceholder();\n                        placeholderElement.style.display = 'block';\n                        controlsWrapper.classList.add('is-sticky');\n                    } else if (isSticky && comparisonRect.top > controlsHeight + 100) {\n                        isSticky = false;\n                        if (placeholderElement) {\n                            placeholderElement.style.display = 'none';\n                        }\n                        controlsWrapper.classList.remove('is-sticky');\n                    }\n                    \n                    \/\/ Hide when reaching video section\n                    if (videoRect.top <= controlsHeight + 20) {\n                        controlsWrapper.style.opacity = '0';\n                        controlsWrapper.style.pointerEvents = 'none';\n                    } else {\n                        controlsWrapper.style.opacity = '';\n                        controlsWrapper.style.pointerEvents = '';\n                    }\n                    \n                    ticking = false;\n                }\n                \n                function requestTick() {\n                    if (!ticking) {\n                        window.requestAnimationFrame(updateStickyState);\n                        ticking = true;\n                    }\n                }\n                \n                \/\/ Throttled scroll handler\n                let scrollTimeout;\n                function handleScroll() {\n                    if (scrollTimeout) {\n                        window.cancelAnimationFrame(scrollTimeout);\n                    }\n                    scrollTimeout = window.requestAnimationFrame(requestTick);\n                }\n                \n                window.addEventListener('scroll', handleScroll, { passive: true });\n                \n                \/\/ Handle resize\n                window.addEventListener('resize', function() {\n                    if (window.innerWidth > 992) {\n                        window.removeEventListener('scroll', handleScroll);\n                        controlsWrapper.classList.remove('is-sticky');\n                        controlsWrapper.style.opacity = '';\n                        controlsWrapper.style.pointerEvents = '';\n                        if (placeholderElement) {\n                            placeholderElement.style.display = 'none';\n                        }\n                        isSticky = false;\n                    } else {\n                        window.addEventListener('scroll', handleScroll, { passive: true });\n                    }\n                });\n                \n                \/\/ Initial check\n                updateStickyState();\n            }\n            \n            \/\/ Initialize all components\n            initializePatientTabs();\n            initializeViewModes();\n            initializeComparisonSliders();\n            initializeUnifiedAngleTabs();\n            preloadAllPatientImages();\n            initializeVideoPlayer();\n            initializeStickyControls(); \/\/ NEW\n        }\n    };\n    \n    \/\/ Initialize on DOM ready\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', function() {\n            window.GhanemGalleryModule.init();\n        });\n    } else {\n        window.GhanemGalleryModule.init();\n    }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-556b3239 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"556b3239\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SNIPPET: WHAT A FACELIFT INCLUDES SECTION -->\n<section id=\"clinic-inclusions-section\" class=\"procedure section dark-section\" aria-labelledby=\"inclusions-heading\">\n    <div class=\"container\">\n        <div class=\"grid\">\n            \n            <div class=\"procedure-content\">\n                <h2 id=\"inclusions-heading\" class=\"heading-secondary\">What a Facelift at The Ghanem Clinic Includes:<\/h2>\n                \n                <ul class=\"benefits-list\" role=\"list\">\n                    <li>\n                        <svg class=\"check-icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><path d=\"M8 12l3 3 5-5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                        <span>In-depth consultation with a specialist facial surgeon<\/span>\n                    <\/li>\n                    <li>\n                        <svg class=\"check-icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><path d=\"M8 12l3 3 5-5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                        <span>3D imaging to preview potential results<\/span>\n                    <\/li>\n                    <li>\n                        <svg class=\"check-icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><path d=\"M8 12l3 3 5-5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                        <span>Comprehensive facial ageing analysis<\/span>\n                    <\/li>\n                    <li>\n                        <svg class=\"check-icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><path d=\"M8 12l3 3 5-5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                        <span>Personalised surgical plan<\/span>\n                    <\/li>\n                    <li>\n                        <svg class=\"check-icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><path d=\"M8 12l3 3 5-5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                        <span>Access to regenerative technologies and aftercare protocols<\/span>\n                    <\/li>\n                     <li>\n                        <svg class=\"check-icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><path d=\"M8 12l3 3 5-5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                        <span>24\/7 post-op care support<\/span>\n                    <\/li>\n                <\/ul>\n            <\/div>\n\n            <div class=\"procedure-visual\">\n                <img decoding=\"async\" src=\"https:\/\/motaah.net\/projects\/medcare\/wp-content\/uploads\/2025\/06\/fc1.jpg\" \n                     alt=\"Illustration showing the comprehensive approach to a facelift, with markings on a woman's face.\" \n                     loading=\"lazy\">\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3e409449 e-con-full e-flex e-con e-child\" data-id=\"3e409449\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6646503f elementor-widget elementor-widget-html\" data-id=\"6646503f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SNIPPET: FACELIFT CONSIDERATIONS SECTION (CONTENT UPDATED) -->\n<section id=\"facelift-considerations-section\" class=\"features section\" aria-labelledby=\"considerations-heading\">\n    <div class=\"container\">\n        <div class=\"grid\">\n            <div class=\"features-header\">\n                <h2 id=\"considerations-heading\" class=\"heading-secondary\">When Should You Consider a Facelift?<\/h2>\n            <\/div>\n            \n            <div class=\"features-showcase\">\n                <!-- Card 1 -->\n                <div class=\"feature-card\" tabindex=\"0\" role=\"listitem\">\n                    <div class=\"feature-icon-wrapper\">\n                        <svg class=\"feature-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 10l5 5 5-5z\"><\/path><\/svg>\n                    <\/div>\n                    <h3 class=\"feature-title\">Lower Face Folds<\/h3>\n                    <p class=\"feature-description\">The appearance of deep nasolabial folds or marionette lines.<\/p>\n                <\/div>\n                \n                <!-- Card 2 -->\n                <div class=\"feature-card\" tabindex=\"0\" role=\"listitem\">\n                    <div class=\"feature-icon-wrapper\">\n                        <svg class=\"feature-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 9l6 6 6-6\"><\/path><\/svg>\n                    <\/div>\n                    <h3 class=\"feature-title\">Jawline Definition<\/h3>\n                    <p class=\"feature-description\">The development of jowling and a sagging, less-defined jawline.<\/p>\n                <\/div>\n                \n                <!-- Card 3 -->\n                <div class=\"feature-card\" tabindex=\"0\" role=\"listitem\">\n                     <div class=\"feature-icon-wrapper\">\n                         <svg class=\"feature-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M1 18s2-4 4-4 4 4 4 4M1 14s2-4 4-4 4 4 4 4M23 18s-2-4-4-4-4 4-4 4M23 14s-2-4-4-4-4 4-4 4\"\/><\/svg>\n                    <\/div>\n                    <h3 class=\"feature-title\">Neck & Skin Laxity<\/h3>\n                    <p class=\"feature-description\">The presence of loose, sagging, or crepey skin on the neck.<\/p>\n                <\/div>\n                \n                <!-- Card 4 -->\n                <div class=\"feature-card\" tabindex=\"0\" role=\"listitem\">\n                    <div class=\"feature-icon-wrapper\">\n                        <svg class=\"feature-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><path d=\"M7 20.662V19a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v1.662\"><\/path><\/svg>\n                    <\/div>\n                    <h3 class=\"feature-title\">Volume & Expression<\/h3>\n                    <p class=\"feature-description\">Volume deflation in the cheeks or midface, leading to a tired, sunken expression.<\/p>\n                <\/div>\n            <\/div>\n            \n            <!-- The detailed block with updated content -->\n            <div class=\"features-detail\">\n                <div class=\"detail-content\">\n                    <h3>Endoscopic Facelift: Snatched Lift<\/h3>\n                    <p class=\"body-text\">Professor Ali Ghanem brings the revolutionary endoscopic facelift technique to the UK, exclusively at The Ghanem Clinic. This groundbreaking approach combines surgical precision with minimal invasiveness, delivering results that were once thought impossible.<\/p>\n                    <div class=\"detail-stats\">\n                        <div class=\"stat-item\">\n                            <span class=\"stat-number\">3mm<\/span>\n                            <span class=\"stat-label\">Micro Incisions<\/span>\n                        <\/div>\n                        <div class=\"stat-item\">\n                            <span class=\"stat-number\">14<\/span>\n                            <span class=\"stat-label\">Days Recovery<\/span>\n                        <\/div>\n                        <div class=\"stat-item\">\n                            <span class=\"stat-number\">10+<\/span>\n                            <span class=\"stat-label\">Years Lasting<\/span>\n                        <\/div>\n                        <div class=\"stat-item\">\n                            <span class=\"stat-number\">98%<\/span>\n                            <span class=\"stat-label\">Patient Satisfaction<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"detail-image-wrapper\">\n                    <img decoding=\"async\" class=\"detail-image\" \n                         src=\"https:\/\/www.preweb.site\/projects\/ghanem\/wp-content\/uploads\/2025\/07\/Ali-in.jpg\" \n                         alt=\"Professor Ali Ghanem performing a precise surgical procedure in a state-of-the-art operating room.\"\n                         loading=\"lazy\">\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d1016cc elementor-widget elementor-widget-html\" data-id=\"d1016cc\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ======================================================= -->\n<!-- ========== THE FOUNDER'S SHOWCASE (FINAL IMAGE) ========== -->\n<!-- ======================================================= -->\n<section id=\"surgeons-section\" class=\"section\">\n    <div class=\"container\">\n        <div class=\"process-header animate-on-scroll\" style=\"margin-bottom: 80px;\">\n            <div class=\"caption-text\" style=\"color: var(--gold);\">The Artist Behind the Art<\/div>\n            <h2 id=\"surgeons-heading\" class=\"heading-secondary\">Meet The Founder<\/h2>\n        <\/div>\n        \n        <div class=\"surgeon-showcase-single animate-on-scroll\">\n            <div class=\"showcase-image-wrapper\">\n                <img decoding=\"async\" src=\"https:\/\/www.preweb.site\/projects\/ghanem\/wp-content\/uploads\/2025\/07\/AliGh.jpg\" \n                     alt=\"Professor Ali Ghanem, a world-renowned facial plastic surgeon, in a professional portrait.\"\n                     loading=\"lazy\">\n            <\/div>\n            \n            <div class=\"showcase-text-content\">\n                <div class=\"decorative-bg\">G<\/div>\n                \n                <h3 class=\"surgeon-name\">Professor Ali Ghanem<\/h3>\n                <p class=\"surgeon-speciality\">Founder & Visionary in Aesthetic Medicine<\/p>\n                \n                <div class=\"surgeon-bio\">\n                    <p>Professor Ali Ghanem, founder and Medical Director, blends scientific insight, artistic vision, and surgical expertise for natural, transformative results.<\/p>\n                    <div class=\"read-more-content\">\n                        <p>Educated in Syria and the UK, he holds credentials from the Royal College of Surgeons, a PhD from UCL, and an MPhil in Medical Law and Ethics. His commitment merges biotechnology with aesthetic medicine, honed through global fellowships and collaborations. Registered with the GMC (no. 5200491), he remains devoted to holistic solutions that empower patients.<\/p>\n                    <\/div>\n                <\/div>\n                <button class=\"read-more-trigger\">Read More<\/button>\n\n                <!-- RealSelf Profile Link -->\n                <a href=\"https:\/\/www.realself.com\/dr\/ali-ghanem-london-united-kingdom\" \n                   class=\"realself-badge\" \n                   target=\"_blank\" \n                   rel=\"noopener noreferrer\" \n                   aria-label=\"View Professor Ali Ghanem's profile on RealSelf\">\n                    <img decoding=\"async\" src=\"https:\/\/www.preweb.site\/projects\/ghanem\/wp-content\/uploads\/2025\/07\/real-self-logo.png\" \n                         alt=\"RealSelf Logo\">\n                    <span>View Profile<\/span>\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-22412617 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"22412617\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SNIPPET: WHY THE GHANEM CLINIC? (CREATIVE REVISION) -->\n<section id=\"why-ghanem-clinic-section\" class=\"section dark-section\">\n    <div class=\"container\">\n        <div class=\"why-ghanem-content\">\n            \n            <div class=\"header-content\">\n                <h2 class=\"ghanem-title-secondary\">Why The Ghanem Clinic?<\/h2>\n                <p class=\"ghanem-body-text\">At the forefront of aesthetic innovation, we deliver tailored rejuvenation plans that blend science with artistry, backed by international expertise and a reputation for excellence.<\/p>\n            <\/div>\n\n            <div class=\"reasons-grid\">\n                <div class=\"reason-item\">\n                    <div class=\"reason-number\">01<\/div>\n                    <h3 class=\"reason-title\">Pioneering Expertise<\/h3>\n                    <p class=\"reason-description\">As the first UK clinic to offer this groundbreaking procedure, we set the standard for endoscopic facial surgery, led by globally-recognized surgeons.<\/p>\n                <\/div>\n                <div class=\"reason-item\">\n                    <div class=\"reason-number\">02<\/div>\n                    <h3 class=\"reason-title\">Award-Winning Care<\/h3>\n                    <p class=\"reason-description\">Our commitment to excellence is reflected in numerous accolades, including Aesthetic Practitioner of the Year for our founder, Professor Ali Ghanem.<\/p>\n                <\/div>\n                <div class=\"reason-item\">\n                    <div class=\"reason-number\">03<\/div>\n                    <h3 class=\"reason-title\">Unrivaled Discretion<\/h3>\n                    <p class=\"reason-description\">We provide an exclusive, confidential experience from consultation to aftercare, ensuring your journey is as comfortable as it is transformative.<\/p>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-202a4aa3 e-con-full e-flex e-con e-child\" data-id=\"202a4aa3\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5f70a60e elementor-widget elementor-widget-html\" data-id=\"5f70a60e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SNIPPET 5: PROCESS SECTION (\"THE BESPOKE EXPERIENCE\") -->\n<section id=\"process\" class=\"process section\" aria-labelledby=\"process-heading\">\n    <div class=\"container\">\n        <div class=\"grid\">\n            <div class=\"process-header\">\n                <div class=\"caption-text\">Your Exclusive Journey<\/div>\n                <h2 id=\"process-heading\" class=\"heading-secondary\">The Bespoke Experience<\/h2>\n            <\/div>\n            \n            <div class=\"process-journey-vertical\">\n                <!-- Step 1 -->\n                <div class=\"journey-step-vertical left\" data-step=\"01\">\n                    <div class=\"step-content\">\n                        <div class=\"step-icon-wrapper\">\n                            <svg class=\"step-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 11.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z\"\/><path d=\"M20.2 12.6c.1.9-.3 1.8-1 2.4l-3.2 3.2c-1.3 1.3-3.1 2-4.9 2-1.9 0-3.7-.7-5-2.1l-.1-.1c-1.3-1.3-2-3-2-4.9 0-1.8.7-3.5 2-4.8l3.2-3.2c.7-.6 1.6-1 2.5-1 .9 0 1.8.3 2.5 1l3.2 3.2c.6.7 1 1.5 1 2.4z\"\/><\/svg>\n                        <\/div>\n                        <h3 class=\"step-title\">Private Consultation<\/h3>\n                        <p class=\"step-description\">An intimate one-on-one with Professor Ghanem to explore your aesthetic vision and establish the foundation of your personalized treatment journey.<\/p>\n                    <\/div>\n                <\/div>\n                \n                <!-- Step 2 -->\n                <div class=\"journey-step-vertical right\" data-step=\"02\">\n                    <div class=\"step-content\">\n                        <div class=\"step-icon-wrapper\">\n                            <svg class=\"step-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M21.21 15.89A10 10 0 1 1 8 2.83\"\/><path d=\"M22 12A10 10 0 0 0 12 2v10z\"\/><\/svg>\n                        <\/div>\n                        <h3 class=\"step-title\">Bespoke Planning<\/h3>\n                        <p class=\"step-description\">Utilizing advanced 3D imaging and precise anatomical analysis, we craft a surgical blueprint tailored to your unique facial architecture.<\/p>\n                    <\/div>\n                <\/div>\n                \n                <!-- Step 3 -->\n                <div class=\"journey-step-vertical left\" data-step=\"03\">\n                    <div class=\"step-content\">\n                        <div class=\"step-icon-wrapper\">\n                            <svg class=\"step-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n                        <\/div>\n                        <h3 class=\"step-title\">Surgical Excellence<\/h3>\n                        <p class=\"step-description\">Your procedure is performed with unparalleled artistry in our state-of-the-art, fully accredited surgical suite, ensuring absolute safety and precision.<\/p>\n                    <\/div>\n                <\/div>\n                \n                <!-- Step 4 -->\n                <div class=\"journey-step-vertical right\" data-step=\"04\">\n                    <div class=\"step-content\">\n                        <div class=\"step-icon-wrapper\">\n                            <svg class=\"step-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n                        <\/div>\n                        <h3 class=\"step-title\">Concierge Aftercare<\/h3>\n                        <p class=\"step-description\">Experience our comprehensive post-operative care program, including dedicated support and luxury recovery protocols to ensure spectacular results.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3e256bb6 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"3e256bb6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SNIPPET 6: EXPERTISE SECTION (FINAL REVISION) -->\n<section id=\"expertise\" class=\"section dark-section\" aria-labelledby=\"expertise-heading\">\n    <div class=\"container\">\n        <div class=\"expertise-content\">\n            \n            <div class=\"expertise-intro\">\n                <div class=\"caption-text\">World-Renowned Excellence<\/div>\n                <h2 id=\"expertise-heading\" class=\"ghanem-title-secondary\">Unparalleled Expertise<\/h2>\n                <p class=\"ghanem-body-text\">Under the visionary leadership of Professor Ali Ghanem, The Ghanem Clinic sets global standards for aesthetic excellence, innovation, and patient care.<\/p>\n            <\/div>\n\n            <div class=\"expertise-main-grid\">\n                \n                <div class=\"professor-column\">\n                    <div class=\"leader-image\">\n                        <!-- Image has been updated -->\n                        <img decoding=\"async\" src=\"https:\/\/ghanemclinic.ams3.digitaloceanspaces.com\/wp-content\/uploads\/2025\/04\/12114620\/Dr.AliGhanem.jpg\" alt=\"Professor Ali Ghanem - Lead Surgeon\" loading=\"lazy\">\n                    <\/div>\n                    <h3 class=\"leader-name\">Professor Ali Ghanem<\/h3>\n                    <p class=\"leader-title\">FOUNDER & LEAD SURGEON<\/p>\n                    <p class=\"leader-bio\">A pioneer in aesthetic surgery, Professor Ghanem brings over three decades of expertise to every procedure. His revolutionary endoscopic facelift technique has transformed the landscape of facial rejuvenation.<\/p>\n                <\/div>\n\n                <div class=\"accolades-column\">\n                    <h3 class=\"accolades-title\">Accolades & Credentials<\/h3>\n                    <ul class=\"accolades-list\">\n                        <li>\n                            <div class=\"accolade-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"><\/path><\/svg><\/div>\n                            <div class=\"accolade-text\">\n                                <strong>Aesthetic Practitioner of the Year<\/strong>\n                                <span>2024 Award Winner<\/span>\n                            <\/div>\n                        <\/li>\n                        <li>\n                            <div class=\"accolade-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2\"><\/path><rect x=\"8\" y=\"2\" width=\"8\" height=\"4\" rx=\"1\" ry=\"1\"><\/rect><\/svg><\/div>\n                            <div class=\"accolade-text\">\n                                <strong>Royal College Fellow<\/strong>\n                                <span>Distinguished Member<\/span>\n                            <\/div>\n                        <\/li>\n                         <li>\n                            <div class=\"accolade-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><\/svg><\/div>\n                            <div class=\"accolade-text\">\n                                <strong>5-Star Patient Excellence<\/strong>\n                                <span>Commitment to Care & Discretion<\/span>\n                            <\/div>\n                        <\/li>\n                        <li>\n                            <div class=\"accolade-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21.5 12H16c-.7 2-2 3-4 3s-3.3-1-4-3H2.5\"><\/path><path d=\"M16 12a4 4 0 1 1-8 0\"><\/path><\/svg><\/div>\n                            <div class=\"accolade-text\">\n                                <strong>International Speaker & Author<\/strong>\n                                <span>Sharing expertise on a global stage<\/span>\n                            <\/div>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n\n            <!-- The entire .trust-media-footer div has been removed -->\n\n        <\/div>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-23e91f40 elementor-widget elementor-widget-html\" data-id=\"23e91f40\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ======================================================= -->\n<!-- ========== DARK ELEGANT TESTIMONIALS SLIDER ========== -->\n<!-- ======================================================= -->\n<section id=\"dark-testimonials-section\" class=\"section\">\n    <div class=\"container\">\n        \n        <div class=\"dark-testimonials-heading-wrapper\">\n             <div class=\"caption-text\">The Ghanem Clinic Experience<\/div>\n             <h2 class=\"ghanem-title-secondary\">Trusted by Patients Worldwide<\/h2>\n        <\/div>\n\n        <div id=\"darkTestimonialSlider\" class=\"dark-testimonial-slider-container\">\n            <!-- Dark-themed slides will be injected here by JavaScript -->\n        <\/div>\n\n        <div class=\"dark-slider-navigation\">\n            <button id=\"darkPrevTestimonial\" class=\"dark-nav-arrow\" aria-label=\"Previous testimonial\">\n                <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"15 18 9 12 15 6\"><\/polyline><\/svg>\n            <\/button>\n            <div id=\"darkTestimonialDots\" class=\"dark-slider-dots\">\n                <!-- Dots will be injected here by JavaScript -->\n            <\/div>\n            <button id=\"darkNextTestimonial\" class=\"dark-nav-arrow\" aria-label=\"Next testimonial\">\n                <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg>\n            <\/button>\n        <\/div>\n        \n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4507af69 elementor-widget elementor-widget-html\" data-id=\"4507af69\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- FINAL CTA SECTION -->\n<section class=\"cta section\" id=\"consultation-final\">\n    <div class=\"container\">\n        <div class=\"cta-content\" style=\"max-width: 800px; margin: 0 auto;\">\n            <h2 class=\"ghanem-title-secondary\">Book Your Consultation<\/h2>\n            <p class=\"ghanem-body-text\" style=\"margin-bottom: 32px;\">Ready to Look Like You, Only Fresher?\nBook your one-on-one consultation today and discover the most advanced, artistic approach to facial rejuvenation in the UK.<\/p>\n            <p class=\"location-note\">\ud83d\udccd Based near Harley Street, our London clinic is a global hub for advanced facial surgery and regenerative aesthetic medicine.<\/p>\n            <a href=\"#consultation\" class=\"btn-elite\" style=\"background: var(--navy); color: var(--white); border-color: var(--navy); margin-top: 40px;\">Book a Consultation<\/a>\n        <\/div>\n    <\/div>\n<\/section>\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","protected":false},"excerpt":{"rendered":"<p>Pioneering Aesthetic Excellence The Facelift Elevate, Restore, Refine \u2013 The Art of Natural Rejuvenation Begin Your Journey Facelifts at The Ghanem Clinic [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-356","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.preweb.site\/projects\/ghanem\/wp-json\/wp\/v2\/pages\/356","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.preweb.site\/projects\/ghanem\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.preweb.site\/projects\/ghanem\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.preweb.site\/projects\/ghanem\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.preweb.site\/projects\/ghanem\/wp-json\/wp\/v2\/comments?post=356"}],"version-history":[{"count":51,"href":"https:\/\/www.preweb.site\/projects\/ghanem\/wp-json\/wp\/v2\/pages\/356\/revisions"}],"predecessor-version":[{"id":412,"href":"https:\/\/www.preweb.site\/projects\/ghanem\/wp-json\/wp\/v2\/pages\/356\/revisions\/412"}],"wp:attachment":[{"href":"https:\/\/www.preweb.site\/projects\/ghanem\/wp-json\/wp\/v2\/media?parent=356"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}