{"id":139,"date":"2025-12-04T22:29:42","date_gmt":"2025-12-04T22:29:42","guid":{"rendered":"https:\/\/medestanbul.com\/wordpress_K\/?page_id=139"},"modified":"2025-12-04T23:46:20","modified_gmt":"2025-12-04T23:46:20","slug":"plastic-surgery","status":"publish","type":"page","link":"https:\/\/medestanbul.com\/index.php\/plastic-surgery\/","title":{"rendered":"plastic surgery"},"content":{"rendered":"\n\n\n\n \n \n Medestanbul Plastic Surgery | Premium Aesthetic Procedures in Istanbul<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&family=Open+Sans:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n <style>\n \/* ============================================\n RESET & BASE STYLES\n ============================================ *\/\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n :root {\n --primary: #00838F; \/* Bluish Cyan - Primary color *\/\n --secondary: #006064; \/* Dark Cyan - Secondary color *\/\n --accent: #4DB6AC; \/* Light Cyan - Accent color *\/\n --light: #E0F7FA; \/* Very Light Cyan *\/\n --dark: #004D40; \/* Very Dark Cyan *\/\n --gray: #546E7A; \/* Blue Gray *\/\n --white: #FFFFFF; \/* Pure White *\/\n --logo-red: #C62828; \/* Logo red - for CTAs *\/\n --logo-red-light: #EF5350; \/* Logo pale red *\/\n --plastic-pink: #E91E63; \/* Plastic surgery pink *\/\n --beauty-gold: #FF9800; \/* Beauty gold *\/\n --aesthetic-purple: #9C27B0; \/* Aesthetic purple *\/\n --shadow: 0 10px 30px rgba(0, 131, 143, 0.1);\n --transition: all 0.3s ease;\n --border-radius: 10px;\n }\n\n body {\n font-family: 'Open Sans', sans-serif;\n line-height: 1.6;\n color: #333;\n background: var(--white);\n overflow-x: hidden;\n }\n\n h1, h2, h3, h4, h5, h6 {\n font-family: 'Montserrat', sans-serif;\n font-weight: 700;\n line-height: 1.3;\n margin-bottom: 20px;\n color: var(--dark);\n }\n\n a {\n text-decoration: none;\n color: inherit;\n transition: var(--transition);\n }\n\n .container {\n width: 100%;\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n }\n\n .section {\n padding: 100px 0 80px; \/* Increased top padding *\/\n scroll-margin-top: 80px; \/* Add space when scrolling to sections *\/\n }\n\n .btn {\n display: inline-block;\n padding: 15px 35px;\n border-radius: 50px;\n font-weight: 600;\n font-size: 1.1rem;\n transition: var(--transition);\n border: none;\n cursor: pointer;\n font-family: 'Montserrat', sans-serif;\n text-align: center;\n }\n\n \/* Primary buttons use LOGO RED *\/\n .btn-primary {\n background: linear-gradient(135deg, var(--logo-red), var(--logo-red-light));\n color: var(--white);\n box-shadow: 0 10px 20px rgba(198, 40, 40, 0.3);\n }\n\n .btn-primary:hover {\n background: linear-gradient(135deg, var(--logo-red-light), var(--logo-red));\n transform: translateY(-5px);\n box-shadow: 0 15px 30px rgba(198, 40, 40, 0.4);\n }\n\n \/* Secondary buttons use bluish cyan *\/\n .btn-secondary {\n background: transparent;\n color: var(--primary);\n border: 2px solid var(--primary);\n }\n\n .btn-secondary:hover {\n background: var(--primary);\n color: var(--white);\n transform: translateY(-5px);\n }\n\n .section-title {\n text-align: center;\n margin-bottom: 60px;\n position: relative;\n z-index: 2; \/* Ensure title is above images *\/\n }\n\n .section-title h2 {\n font-size: 2.8rem;\n color: var(--dark);\n position: relative;\n display: inline-block;\n padding-bottom: 20px;\n background: var(--white); \/* Add background to ensure visibility *\/\n padding: 20px 40px;\n border-radius: var(--border-radius);\n box-shadow: var(--shadow);\n }\n\n .section-title h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 4px;\n background: var(--primary);\n border-radius: 2px;\n }\n\n .section-title p {\n font-size: 1.2rem;\n color: var(--gray);\n max-width: 700px;\n margin: 30px auto 0;\n padding: 0 20px;\n background: var(--white); \/* Add background to ensure visibility *\/\n padding: 15px 30px;\n border-radius: var(--border-radius);\n }\n\n \/* ============================================\n SIDEBAR HEADER - Using Bluish Cyan\n ============================================ *\/\n .sidebar-header {\n position: fixed;\n left: 0;\n top: 0;\n width: 250px;\n height: 100vh;\n background: linear-gradient(180deg, var(--primary) 0%, var(--secondary) 100%);\n color: var(--white);\n z-index: 1000;\n box-shadow: 5px 0 20px rgba(0, 0, 0, 0.1);\n display: flex;\n flex-direction: column;\n overflow-y: auto;\n }\n\n .logo-container {\n padding: 40px 20px;\n text-align: center;\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n background: rgba(255, 255, 255, 0.05);\n }\n\n .logo {\n font-size: 1.8rem;\n font-weight: 800;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 10px;\n }\n\n .logo-icon {\n width: 60px;\n height: 60px;\n background: var(--white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--logo-red);\n font-size: 1.8rem;\n margin-bottom: 10px;\n border: 2px solid var(--logo-red-light);\n }\n\n .logo-text {\n font-size: 1.4rem;\n line-height: 1.2;\n text-align: center;\n }\n\n .logo-tagline {\n font-size: 0.8rem;\n opacity: 0.8;\n margin-top: 5px;\n font-weight: 400;\n }\n\n .sidebar-nav {\n padding: 30px 0;\n flex-grow: 1;\n }\n\n .nav-links {\n list-style: none;\n }\n\n .nav-links li {\n margin-bottom: 5px;\n }\n\n .nav-links a {\n display: flex;\n align-items: center;\n gap: 15px;\n padding: 15px 25px;\n color: rgba(255, 255, 255, 0.8);\n transition: var(--transition);\n border-left: 3px solid transparent;\n }\n\n .nav-links a:hover,\n .nav-links a.active {\n background: rgba(255, 255, 255, 0.1);\n color: var(--white);\n border-left: 3px solid var(--accent);\n }\n\n .nav-links i {\n width: 20px;\n text-align: center;\n font-size: 1.2rem;\n }\n\n .sidebar-footer {\n padding: 20px;\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n text-align: center;\n }\n\n .emergency-contact {\n background: rgba(255, 255, 255, 0.1);\n padding: 15px;\n border-radius: var(--border-radius);\n margin-bottom: 15px;\n }\n\n \/* Emergency button uses LOGO RED *\/\n .emergency-contact .btn {\n width: 100%;\n background: var(--logo-red);\n color: var(--white);\n padding: 12px;\n font-size: 0.9rem;\n }\n\n .emergency-contact .btn:hover {\n background: var(--logo-red-light);\n }\n\n .sidebar-footer p {\n font-size: 0.8rem;\n opacity: 0.6;\n margin-top: 10px;\n }\n\n \/* ============================================\n MAIN CONTENT AREA\n ============================================ *\/\n .main-content {\n margin-left: 250px;\n width: calc(100% - 250px);\n min-height: 100vh;\n }\n\n \/* ============================================\n HERO SECTION - Istanbul Plastic Surgery\n ============================================ *\/\n .hero {\n height: 100vh;\n min-height: 800px;\n background: linear-gradient(rgba(0, 131, 143, 0.85), rgba(0, 96, 100, 0.9)), \n url('https:\/\/images.unsplash.com\/photo-1559757148-5c350d0d3c56?ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80');\n background-size: cover;\n background-position: center;\n background-attachment: fixed;\n display: flex;\n align-items: center;\n position: relative;\n color: var(--white);\n overflow: hidden;\n width: 100%;\n }\n\n .hero::before {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 150px;\n background: linear-gradient(to top, var(--white), transparent);\n }\n\n .hero-content {\n max-width: 900px;\n position: relative;\n z-index: 2;\n animation: fadeInUp 1s ease;\n padding: 0 40px;\n }\n\n .hero h1 {\n font-size: 4rem;\n margin-bottom: 25px;\n line-height: 1.2;\n text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);\n color: var(--white);\n }\n\n .hero p {\n font-size: 1.4rem;\n margin-bottom: 40px;\n opacity: 0.9;\n max-width: 700px;\n }\n\n .hero-btns {\n display: flex;\n gap: 20px;\n flex-wrap: wrap;\n }\n\n .hero-stats {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 30px;\n margin-top: 60px;\n background: rgba(255, 255, 255, 0.1);\n padding: 30px;\n border-radius: var(--border-radius);\n backdrop-filter: blur(10px);\n }\n\n .stat-item {\n text-align: center;\n }\n\n .stat-number {\n font-size: 2.5rem;\n font-weight: 800;\n color: var(--logo-red-light);\n margin-bottom: 10px;\n }\n\n .stat-label {\n font-size: 1rem;\n opacity: 0.9;\n }\n\n \/* ============================================\n WHY ISTANBUL SECTION\n ============================================ *\/\n .why-istanbul {\n background: var(--light);\n padding: 100px 0 80px; \/* Increased top padding *\/\n }\n\n .why-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 30px;\n margin-top: 50px;\n }\n\n .why-card {\n background: var(--white);\n padding: 40px 30px;\n border-radius: var(--border-radius);\n text-align: center;\n box-shadow: var(--shadow);\n transition: var(--transition);\n border: 1px solid rgba(0, 131, 143, 0.1);\n }\n\n .why-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 20px 40px rgba(0, 131, 143, 0.15);\n }\n\n .why-icon {\n width: 80px;\n height: 80px;\n background: linear-gradient(135deg, var(--primary), var(--accent));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 25px;\n color: var(--white);\n font-size: 2rem;\n }\n\n \/* ============================================\n 3D BODY VISUALIZATION SECTION\n ============================================ *\/\n .visualization-section {\n background: var(--white);\n padding: 100px 0 80px; \/* Increased top padding *\/\n }\n\n .visualization-container {\n background: var(--white);\n border-radius: var(--border-radius);\n box-shadow: var(--shadow);\n overflow: hidden;\n margin-bottom: 60px;\n position: relative;\n border: 1px solid rgba(0, 131, 143, 0.1);\n min-height: 500px;\n }\n\n .visualization-header {\n background: linear-gradient(135deg, var(--primary), var(--secondary));\n color: var(--white);\n padding: 25px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n gap: 15px;\n }\n\n .visualization-controls {\n display: flex;\n gap: 15px;\n flex-wrap: wrap;\n }\n\n .visualization-control {\n background: rgba(255, 255, 255, 0.2);\n border: none;\n color: var(--white);\n padding: 10px 20px;\n border-radius: 5px;\n cursor: pointer;\n transition: var(--transition);\n font-weight: 600;\n display: flex;\n align-items: center;\n gap: 8px;\n }\n\n .visualization-control:hover {\n background: var(--accent);\n transform: translateY(-2px);\n }\n\n .visualization-content {\n position: relative;\n height: 500px;\n width: 100%;\n overflow: hidden;\n }\n\n .body-visualization {\n width: 100%;\n height: 500px;\n position: relative;\n background: linear-gradient(135deg, #f8f9fa, #e9ecef);\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n }\n\n .body-model {\n width: 300px;\n height: 450px;\n position: relative;\n perspective: 1000px;\n }\n\n .human-silhouette {\n width: 100%;\n height: 100%;\n background: linear-gradient(135deg, #ffccbc, #ffab91);\n border-radius: 150px 150px 30px 30px;\n position: relative;\n overflow: hidden;\n box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n }\n\n .procedure-area {\n position: absolute;\n background: rgba(233, 30, 99, 0.3);\n border: 2px solid var(--plastic-pink);\n border-radius: 50%;\n cursor: pointer;\n transition: var(--transition);\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--plastic-pink);\n font-weight: bold;\n font-size: 0.8rem;\n text-align: center;\n padding: 5px;\n }\n\n .procedure-area:hover {\n background: rgba(233, 30, 99, 0.5);\n transform: scale(1.1);\n z-index: 10;\n }\n\n .procedure-steps {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 30px;\n margin-top: 60px;\n }\n\n .step-card {\n background: var(--white);\n padding: 40px 30px;\n border-radius: var(--border-radius);\n text-align: center;\n box-shadow: var(--shadow);\n transition: var(--transition);\n position: relative;\n overflow: hidden;\n border: 1px solid rgba(0, 131, 143, 0.1);\n }\n\n .step-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 20px 40px rgba(0, 131, 143, 0.15);\n border-color: var(--accent);\n }\n\n .step-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 5px;\n background: linear-gradient(to right, var(--primary), var(--accent));\n }\n\n .step-icon {\n width: 80px;\n height: 80px;\n background: linear-gradient(135deg, var(--primary), var(--accent));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 25px;\n color: var(--white);\n font-size: 2rem;\n box-shadow: 0 10px 20px rgba(0, 131, 143, 0.3);\n }\n\n .step-card h3 {\n color: var(--dark);\n margin-bottom: 15px;\n font-size: 1.5rem;\n }\n\n \/* ============================================\n COMPREHENSIVE PROCEDURES SECTION\n ============================================ *\/\n .procedures-section {\n padding: 100px 0 80px; \/* Increased top padding *\/\n background: var(--light);\n }\n\n .procedure-categories {\n display: flex;\n justify-content: center;\n gap: 15px;\n margin-bottom: 50px;\n flex-wrap: wrap;\n }\n\n .category-btn {\n padding: 15px 30px;\n background: var(--white);\n border: 2px solid rgba(0, 131, 143, 0.2);\n border-radius: 50px;\n font-weight: 600;\n color: var(--gray);\n cursor: pointer;\n transition: var(--transition);\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .category-btn.active {\n background: var(--primary);\n color: var(--white);\n border-color: var(--primary);\n box-shadow: 0 5px 15px rgba(0, 131, 143, 0.3);\n }\n\n .category-btn:hover:not(.active) {\n border-color: var(--primary);\n color: var(--primary);\n }\n\n .category-btn.body-btn.active {\n background: var(--plastic-pink);\n color: var(--white);\n border-color: #C2185B;\n }\n\n .category-btn.breast-btn.active {\n background: var(--aesthetic-purple);\n color: var(--white);\n border-color: #7B1FA2;\n }\n\n .category-btn.face-btn.active {\n background: var(--beauty-gold);\n color: var(--dark);\n border-color: #F57C00;\n }\n\n .category-btn.genital-btn.active {\n background: #9C27B0;\n color: var(--white);\n border-color: #7B1FA2;\n }\n\n .procedures-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));\n gap: 30px;\n margin-bottom: 50px;\n }\n\n .procedure-card {\n background: var(--white);\n border-radius: var(--border-radius);\n overflow: hidden;\n box-shadow: var(--shadow);\n transition: var(--transition);\n border: 1px solid rgba(0, 131, 143, 0.1);\n height: 100%;\n display: flex;\n flex-direction: column;\n }\n\n .procedure-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 25px 50px rgba(0, 131, 143, 0.15);\n }\n\n .procedure-image {\n height: 250px;\n overflow: hidden;\n position: relative;\n }\n\n .procedure-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.5s ease;\n }\n\n .procedure-card:hover .procedure-image img {\n transform: scale(1.1);\n }\n\n .procedure-category-badge {\n position: absolute;\n top: 15px;\n right: 15px;\n background: var(--logo-red);\n color: var(--white);\n padding: 5px 15px;\n border-radius: 20px;\n font-size: 0.8rem;\n font-weight: 600;\n }\n\n .procedure-content {\n padding: 25px;\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n }\n\n .procedure-content h3 {\n color: var(--dark);\n margin-bottom: 15px;\n font-size: 1.4rem;\n }\n\n .procedure-description {\n color: var(--gray);\n margin-bottom: 20px;\n flex-grow: 1;\n }\n\n .procedure-features {\n list-style: none;\n margin: 15px 0;\n }\n\n .procedure-features li {\n padding: 8px 0;\n padding-left: 25px;\n position: relative;\n font-size: 0.9rem;\n }\n\n .procedure-features li::before {\n content: '\u2713';\n position: absolute;\n left: 0;\n top: 8px;\n width: 18px;\n height: 18px;\n background: var(--light);\n color: var(--primary);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: bold;\n font-size: 0.8rem;\n }\n\n .procedure-meta {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-top: auto;\n padding-top: 20px;\n border-top: 1px solid rgba(0, 131, 143, 0.1);\n }\n\n .procedure-price {\n font-size: 1.4rem;\n font-weight: 700;\n color: var(--logo-red);\n }\n\n .procedure-time {\n font-size: 0.9rem;\n color: var(--gray);\n display: flex;\n align-items: center;\n gap: 5px;\n }\n\n \/* ============================================\n SURGERY COST CALCULATOR\n ============================================ *\/\n .calculator-section {\n background: linear-gradient(135deg, var(--light) 0%, rgba(77, 182, 172, 0.1) 100%);\n padding: 100px 0 80px; \/* Increased top padding *\/\n }\n\n .calculator-container {\n max-width: 900px;\n margin: 0 auto;\n background: var(--white);\n border-radius: var(--border-radius);\n box-shadow: var(--shadow);\n padding: 50px;\n position: relative;\n overflow: hidden;\n border: 1px solid rgba(0, 131, 143, 0.1);\n }\n\n .calculator-container::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 5px;\n background: linear-gradient(to right, var(--primary), var(--accent));\n }\n\n .calculator-form {\n display: grid;\n gap: 25px;\n margin-bottom: 40px;\n }\n\n .form-group {\n margin-bottom: 20px;\n }\n\n .form-group label {\n display: block;\n margin-bottom: 10px;\n font-weight: 600;\n color: var(--dark);\n }\n\n .form-control {\n width: 100%;\n padding: 18px 25px;\n border: 2px solid rgba(0, 131, 143, 0.2);\n border-radius: 10px;\n font-size: 1rem;\n transition: var(--transition);\n background: var(--light);\n }\n\n .form-control:focus {\n outline: none;\n border-color: var(--primary);\n box-shadow: 0 0 0 3px rgba(0, 131, 143, 0.1);\n background: var(--white);\n }\n\n .procedure-selection {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));\n gap: 15px;\n margin-top: 20px;\n }\n\n .procedure-option {\n padding: 20px 15px;\n background: var(--light);\n border: 2px solid rgba(0, 131, 143, 0.2);\n border-radius: var(--border-radius);\n text-align: center;\n cursor: pointer;\n transition: var(--transition);\n font-weight: 600;\n color: var(--dark);\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 10px;\n }\n\n .procedure-option:hover {\n border-color: var(--primary);\n transform: translateY(-3px);\n }\n\n .procedure-option.selected {\n background: var(--primary);\n color: var(--white);\n border-color: var(--primary);\n box-shadow: 0 5px 15px rgba(0, 131, 143, 0.3);\n }\n\n .calculator-result {\n background: linear-gradient(135deg, rgba(224, 247, 250, 0.5) 0%, rgba(77, 182, 172, 0.05) 100%);\n border-radius: 15px;\n padding: 40px;\n text-align: center;\n border-left: 5px solid var(--primary);\n animation: slideInUp 0.5s ease;\n display: none;\n }\n\n .result-title {\n color: var(--dark);\n margin-bottom: 20px;\n font-size: 1.8rem;\n }\n\n .price-total {\n font-size: 4rem;\n font-weight: 800;\n color: var(--logo-red);\n margin: 20px 0;\n text-shadow: 2px 2px 4px rgba(0,0,0,0.1);\n }\n\n .result-details {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 20px;\n margin-top: 30px;\n }\n\n .detail-item {\n background: var(--white);\n padding: 20px;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n border: 1px solid rgba(0, 131, 143, 0.1);\n }\n\n .detail-label {\n font-size: 0.9rem;\n color: var(--gray);\n margin-bottom: 5px;\n }\n\n .detail-value {\n font-size: 1.5rem;\n font-weight: 700;\n color: var(--dark);\n }\n\n \/* ============================================\n WHY CHOOSE US SECTION\n ============================================ *\/\n .why-choose-us {\n padding: 100px 0 80px; \/* Increased top padding *\/\n background: var(--white);\n }\n\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 30px;\n margin-top: 50px;\n }\n\n .feature-card {\n background: var(--white);\n padding: 40px 30px;\n border-radius: var(--border-radius);\n text-align: center;\n box-shadow: var(--shadow);\n transition: var(--transition);\n border: 1px solid rgba(0, 131, 143, 0.1);\n }\n\n .feature-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 20px 40px rgba(0, 131, 143, 0.15);\n }\n\n .feature-icon {\n width: 70px;\n height: 70px;\n background: linear-gradient(135deg, var(--primary), var(--accent));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 25px;\n color: var(--white);\n font-size: 1.8rem;\n }\n\n \/* ============================================\n ISTANBUL ADVANTAGES\n ============================================ *\/\n .istanbul-advantages {\n background: var(--light);\n padding: 100px 0 80px; \/* Increased top padding *\/\n }\n\n .advantages-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 30px;\n margin-top: 50px;\n }\n\n .advantage-card {\n background: var(--white);\n padding: 40px 30px;\n border-radius: var(--border-radius);\n box-shadow: var(--shadow);\n transition: var(--transition);\n border: 1px solid rgba(0, 131, 143, 0.1);\n }\n\n .advantage-card:hover {\n transform: translateY(-10px);\n }\n\n .advantage-number {\n font-size: 3rem;\n font-weight: 800;\n color: var(--primary);\n margin-bottom: 20px;\n opacity: 0.2;\n }\n\n \/* ============================================\n CONTACT SECTION\n ============================================ *\/\n .contact-section {\n padding: 100px 0 80px; \/* Increased top padding *\/\n background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);\n color: var(--white);\n }\n\n .contact-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 40px;\n margin-top: 50px;\n }\n\n .contact-info {\n background: rgba(255, 255, 255, 0.1);\n padding: 40px;\n border-radius: var(--border-radius);\n backdrop-filter: blur(10px);\n }\n\n .contact-item {\n display: flex;\n align-items: flex-start;\n gap: 20px;\n margin-bottom: 30px;\n }\n\n .contact-icon {\n width: 50px;\n height: 50px;\n background: rgba(255, 255, 255, 0.2);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.5rem;\n }\n\n \/* ============================================\n ANIMATIONS\n ============================================ *\/\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes slideInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes spin {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n }\n\n \/* ============================================\n RESPONSIVE DESIGN\n ============================================ *\/\n @media (max-width: 1200px) {\n .container {\n max-width: 100%;\n padding: 0 30px;\n }\n \n .hero h1 {\n font-size: 3.5rem;\n }\n \n .section-title h2 {\n font-size: 2.5rem;\n }\n }\n\n @media (max-width: 992px) {\n .sidebar-header {\n width: 200px;\n }\n \n .main-content {\n margin-left: 200px;\n width: calc(100% - 200px);\n }\n \n .hero h1 {\n font-size: 3rem;\n }\n \n .hero p {\n font-size: 1.2rem;\n }\n \n .section-title h2 {\n font-size: 2.2rem;\n padding: 15px 30px;\n }\n \n .procedures-grid {\n grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n }\n }\n\n @media (max-width: 768px) {\n .sidebar-header {\n width: 70px;\n overflow: hidden;\n }\n \n .sidebar-header:hover {\n width: 250px;\n }\n \n .logo-text,\n .logo-tagline,\n .nav-links span,\n .emergency-contact p {\n display: none;\n }\n \n .sidebar-header:hover .logo-text,\n .sidebar-header:hover .logo-tagline,\n .sidebar-header:hover .nav-links span,\n .sidebar-header:hover .emergency-contact p {\n display: block;\n }\n \n .main-content {\n margin-left: 70px;\n width: calc(100% - 70px);\n }\n \n .hero {\n min-height: 700px;\n }\n \n .hero h1 {\n font-size: 2.5rem;\n }\n \n .hero p {\n font-size: 1.1rem;\n }\n \n .hero-btns {\n flex-direction: column;\n gap: 15px;\n }\n \n .btn {\n width: 100%;\n text-align: center;\n }\n \n .section {\n padding: 80px 0 60px; \/* Adjusted for mobile *\/\n }\n \n .section-title h2 {\n font-size: 1.8rem;\n padding: 15px 20px;\n }\n \n .procedure-categories,\n .gallery-filter {\n flex-direction: column;\n align-items: center;\n }\n \n .category-btn,\n .gallery-filter-btn {\n width: 100%;\n max-width: 300px;\n text-align: center;\n justify-content: center;\n }\n }\n\n @media (max-width: 576px) {\n .sidebar-header {\n display: none;\n }\n \n .main-content {\n margin-left: 0;\n width: 100%;\n }\n \n .hero h1 {\n font-size: 2rem;\n }\n \n .hero p {\n font-size: 1rem;\n }\n \n .section-title h2 {\n font-size: 1.6rem;\n }\n \n .container {\n padding: 0 20px;\n }\n \n .calculator-container {\n padding: 30px 20px;\n }\n \n .procedures-grid {\n grid-template-columns: 1fr;\n }\n \n .procedure-selection {\n grid-template-columns: 1fr;\n }\n }\n <\/style>\n<\/head>\n<body>\n <!-- Sidebar Navigation -->\n <div class=\"sidebar-header\">\n <div class=\"logo-container\">\n <div class=\"logo\">\n <div class=\"logo-icon\">\n <i class=\"fas fa-stethoscope\"><\/i>\n <\/div>\n <div class=\"logo-text\">Medestanbul<br>Plastic Surgery<\/div>\n <div class=\"logo-tagline\">Excellence in Aesthetics<\/div>\n <\/div>\n <\/div>\n \n <nav class=\"sidebar-nav\">\n <ul class=\"nav-links\">\n <li><a href=\"#home\" class=\"active\"><i class=\"fas fa-home\"><\/i> <span>Home<\/span><\/a><\/li>\n <li><a href=\"#why-istanbul\"><i class=\"fas fa-map-marker-alt\"><\/i> <span>Why Istanbul?<\/span><\/a><\/li>\n <li><a href=\"#procedures\"><i class=\"fas fa-procedures\"><\/i> <span>All Procedures<\/span><\/a><\/li>\n <li><a href=\"#visualization\"><i class=\"fas fa-body\"><\/i> <span>3D Visualization<\/span><\/a><\/li>\n <li><a href=\"#calculator\"><i class=\"fas fa-calculator\"><\/i> <span>Cost Calculator<\/span><\/a><\/li>\n <li><a href=\"#why-us\"><i class=\"fas fa-award\"><\/i> <span>Why Choose Us<\/span><\/a><\/li>\n <li><a href=\"#advantages\"><i class=\"fas fa-star\"><\/i> <span>Istanbul Advantages<\/span><\/a><\/li>\n <li><a href=\"#contact\"><i class=\"fas fa-phone-alt\"><\/i> <span>Contact<\/span><\/a><\/li>\n <\/ul>\n <\/nav>\n \n <div class=\"sidebar-footer\">\n <div class=\"emergency-contact\">\n <button class=\"btn\"><i class=\"fas fa-phone-alt\"><\/i> Emergency Contact<\/button>\n <p>24\/7 Support Available<\/p>\n <\/div>\n <p>\u00a9 2024 Medestanbul Plastic Surgery<\/p>\n <\/div>\n <\/div>\n\n <!-- Main Content -->\n <div class=\"main-content\">\n <!-- Hero Section -->\n <section class=\"hero\" id=\"home\">\n <div class=\"container\">\n <div class=\"hero-content\">\n <h1>World-Class Plastic Surgery in Istanbul<\/h1>\n <p>Experience premium aesthetic procedures performed by internationally renowned surgeons at Turkey’s leading plastic surgery center. Where medical excellence meets affordable luxury.<\/p>\n <div class=\"hero-btns\">\n <a href=\"#calculator\" class=\"btn btn-primary\">Calculate Your Cost<\/a>\n <a href=\"#contact\" class=\"btn btn-secondary\">Free Video Consultation<\/a>\n <\/div>\n <div class=\"hero-stats\">\n <div class=\"stat-item\">\n <div class=\"stat-number\">10,000+<\/div>\n <div class=\"stat-label\">Successful Procedures<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">99%<\/div>\n <div class=\"stat-label\">Patient Satisfaction<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">50+<\/div>\n <div class=\"stat-label\">Expert Surgeons<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">JCI<\/div>\n <div class=\"stat-label\">Accredited Hospital<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Why Istanbul Section -->\n <section class=\"why-istanbul section\" id=\"why-istanbul\">\n <div class=\"container\">\n <div class=\"section-title\">\n <h2>Why Choose Istanbul for Plastic Surgery?<\/h2>\n <p>Istanbul has become the world’s leading destination for plastic surgery, offering unmatched quality, expertise, and value.<\/p>\n <\/div>\n \n <div class=\"why-grid\">\n <div class=\"why-card\">\n <div class=\"why-icon\">\n <i class=\"fas fa-money-bill-wave\"><\/i>\n <\/div>\n <h3>Cost Savings<\/h3>\n <p>Save 60-70% compared to US\/Europe without compromising on quality. All-inclusive packages with no hidden fees.<\/p>\n <\/div>\n \n <div class=\"why-card\">\n <div class=\"why-icon\">\n <i class=\"fas fa-user-md\"><\/i>\n <\/div>\n <h3>World-Class Surgeons<\/h3>\n <p>Internationally trained surgeons with extensive experience in the latest aesthetic techniques and technologies.<\/p>\n <\/div>\n \n <div class=\"why-card\">\n <div class=\"why-icon\">\n <i class=\"fas fa-hospital\"><\/i>\n <\/div>\n <h3>JCI Accredited Facilities<\/h3>\n <p>State-of-the-art hospitals meeting international healthcare standards for safety and excellence.<\/p>\n <\/div>\n \n <div class=\"why-card\">\n <div class=\"why-icon\">\n <i class=\"fas fa-globe-europe\"><\/i>\n <\/div>\n <h3>Medical Tourism Hub<\/h3>\n <p>Comprehensive care packages including airport transfers, luxury accommodation, and 24\/7 patient support.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Comprehensive Procedures Section -->\n <section class=\"procedures-section section\" id=\"procedures\">\n <div class=\"container\">\n <div class=\"section-title\">\n <h2>Comprehensive Plastic Surgery Procedures<\/h2>\n <p>Explore our complete range of aesthetic and reconstructive procedures performed by board-certified plastic surgeons.<\/p>\n <\/div>\n \n <div class=\"procedure-categories\">\n <button class=\"category-btn active\" data-category=\"all\">\n <i class=\"fas fa-star\"><\/i> All Procedures\n <\/button>\n <button class=\"category-btn body-btn\" data-category=\"body\">\n <i class=\"fas fa-user\"><\/i> Body Procedures\n <\/button>\n <button class=\"category-btn breast-btn\" data-category=\"breast\">\n <i class=\"fas fa-venus\"><\/i> Breast Procedures\n <\/button>\n <button class=\"category-btn face-btn\" data-category=\"face\">\n <i class=\"fas fa-smile\"><\/i> Face Procedures\n <\/button>\n <button class=\"category-btn genital-btn\" data-category=\"genital\">\n <i class=\"fas fa-female\"><\/i> Genital Aesthetics\n <\/button>\n <\/div>\n \n <div class=\"procedures-grid\" id=\"proceduresContainer\">\n <!-- Procedures will be loaded by JavaScript -->\n <\/div>\n \n <div class=\"text-center\">\n <a href=\"#contact\" class=\"btn btn-primary\">Book Free Consultation for Any Procedure<\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- 3D Body Visualization Section -->\n <section class=\"visualization-section section\" id=\"visualization\">\n <div class=\"container\">\n <div class=\"section-title\">\n <h2>Interactive 3D Body Visualization<\/h2>\n <p>Visualize your transformation with our interactive 3D body model. Select areas to see detailed procedure information.<\/p>\n <\/div>\n \n <div class=\"visualization-container\">\n <div class=\"visualization-header\">\n <h3><i class=\"fas fa-user-md\"><\/i> Click on Body Areas to Explore Procedures<\/h3>\n <div class=\"visualization-controls\">\n <button class=\"visualization-control\" data-view=\"front\"><i class=\"fas fa-user\"><\/i> Front View<\/button>\n <button class=\"visualization-control\" data-view=\"side\"><i class=\"fas fa-user\"><\/i> Side View<\/button>\n <button class=\"visualization-control\" data-reset><i class=\"fas fa-redo\"><\/i> Reset<\/button>\n <\/div>\n <\/div>\n \n <div class=\"visualization-content\">\n <div class=\"body-visualization\">\n <div class=\"body-model\">\n <div class=\"human-silhouette\" id=\"bodySilhouette\">\n <!-- Procedure areas added by JavaScript -->\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"visualization-instructions\">\n <i class=\"fas fa-mouse-pointer\"><\/i>\n <p>Click on any highlighted area to see detailed information about available procedures<\/p>\n <\/div>\n <\/div>\n \n <div class=\"procedure-steps\">\n <div class=\"step-card\">\n <div class=\"step-icon\">\n <i class=\"fas fa-search\"><\/i>\n <\/div>\n <h3>Explore Procedures<\/h3>\n <p>Use our interactive 3D model to understand different body areas and available transformation options.<\/p>\n <\/div>\n <div class=\"step-card\">\n <div class=\"step-icon\">\n <i class=\"fas fa-calendar-check\"><\/i>\n <\/div>\n <h3>Virtual Consultation<\/h3>\n <p>Connect with our surgeons online to discuss your goals, expectations, and personalized treatment plan.<\/p>\n <\/div>\n <div class=\"step-card\">\n <div class=\"step-icon\">\n <i class=\"fas fa-plane\"><\/i>\n <\/div>\n <h3>Travel to Istanbul<\/h3>\n <p>Our team handles all arrangements – flights, transfers, luxury accommodation, and hospital coordination.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Surgery Cost Calculator -->\n <section class=\"calculator-section section\" id=\"calculator\">\n <div class=\"container\">\n <div class=\"section-title\">\n <h2>Transparent Cost Calculator<\/h2>\n <p>Get an accurate estimated cost for your desired procedure. All prices are all-inclusive with no hidden fees.<\/p>\n <\/div>\n \n <div class=\"calculator-container\">\n <form class=\"calculator-form\" id=\"costCalculator\">\n <div class=\"form-group\">\n <label for=\"procedureType\">Select Your Desired Procedure:<\/label>\n <div class=\"procedure-selection\" id=\"procedureSelection\">\n <!-- Procedure options loaded by JavaScript -->\n <\/div>\n <\/div>\n \n <div class=\"form-group\">\n <label for=\"hospitalStay\">Hospital Stay Duration:<\/label>\n <select class=\"form-control\" id=\"hospitalStay\">\n <option value=\"1\">1 Day (Outpatient)<\/option>\n <option value=\"2\" selected>2-3 Days (Most Common)<\/option>\n <option value=\"3\">4-7 Days (Complex Procedures)<\/option>\n <option value=\"4\">1-2 Weeks (Multiple Procedures)<\/option>\n <\/select>\n <\/div>\n \n <div class=\"form-group\">\n <label for=\"accommodation\">Recovery Accommodation:<\/label>\n <select class=\"form-control\" id=\"accommodation\">\n <option value=\"1\">Basic Package (3-star hotel, 7 nights)<\/option>\n <option value=\"2\" selected>Standard Package (4-star hotel, 10 nights)<\/option>\n <option value=\"3\">Premium Package (5-star hotel, 14 nights)<\/option>\n <option value=\"4\">VIP Package (Private villa with nurse, 14 nights)<\/option>\n <\/select>\n <\/div>\n \n <button type=\"submit\" class=\"btn btn-primary\">Calculate Total Cost<\/button>\n <\/form>\n \n <div class=\"calculator-result\" id=\"calculatorResult\">\n <h3 class=\"result-title\">Your Personalized Cost Estimate<\/h3>\n <div class=\"price-total\" id=\"totalPrice\">$8,500<\/div>\n <p style=\"color: var(--gray); margin-bottom: 30px;\">All-inclusive package with no hidden costs<\/p>\n <div class=\"result-details\">\n <div class=\"detail-item\">\n <div class=\"detail-label\">Surgery Cost<\/div>\n <div class=\"detail-value\" id=\"surgeryCost\">$5,200<\/div>\n <\/div>\n <div class=\"detail-item\">\n <div class=\"detail-label\">Hospital & Anesthesia<\/div>\n <div class=\"detail-value\" id=\"hospitalCost\">$1,500<\/div>\n <\/div>\n <div class=\"detail-item\">\n <div class=\"detail-label\">Accommodation<\/div>\n <div class=\"detail-value\" id=\"accommodationCost\">$1,200<\/div>\n <\/div>\n <div class=\"detail-item\">\n <div class=\"detail-label\">Aftercare Package<\/div>\n <div class=\"detail-value\" id=\"aftercareCost\">$600<\/div>\n <\/div>\n <\/div>\n <p style=\"margin-top: 20px; color: var(--gray); font-size: 0.9rem;\">\n * Includes: Surgeon fees, anesthesia, hospital stay, medications, follow-up consultations, airport transfers, and 24\/7 patient support\n <\/p>\n <div class=\"hero-btns\" style=\"margin-top: 30px; justify-content: center;\">\n <a href=\"#contact\" class=\"btn btn-primary\">Book Free Consultation<\/a>\n <a href=\"#contact\" class=\"btn btn-secondary\">Download Brochure<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Why Choose Us Section -->\n <section class=\"why-choose-us section\" id=\"why-us\">\n <div class=\"container\">\n <div class=\"section-title\">\n <h2>Why Choose Medestanbul?<\/h2>\n <p>Discover what sets us apart as Istanbul’s premier plastic surgery center.<\/p>\n <\/div>\n \n <div class=\"features-grid\">\n <div class=\"feature-card\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-award\"><\/i>\n <\/div>\n <h3>Board-Certified Surgeons<\/h3>\n <p>All our surgeons are internationally certified with extensive experience in aesthetic and reconstructive surgery.<\/p>\n <\/div>\n \n <div class=\"feature-card\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-shield-alt\"><\/i>\n <\/div>\n <h3>JCI Accreditation<\/h3>\n <p>Our hospital meets the highest international standards for patient safety and healthcare quality.<\/p>\n <\/div>\n \n <div class=\"feature-card\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-comments-dollar\"><\/i>\n <\/div>\n <h3>All-Inclusive Pricing<\/h3>\n <p>Transparent pricing with no hidden costs. Everything from surgery to accommodation included.<\/p>\n <\/div>\n \n <div class=\"feature-card\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-headset\"><\/i>\n <\/div>\n <h3>24\/7 Multilingual Support<\/h3>\n <p>Dedicated patient coordinators available around the clock in English, Arabic, Russian, and more.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Istanbul Advantages -->\n <section class=\"istanbul-advantages section\" id=\"advantages\">\n <div class=\"container\">\n <div class=\"section-title\">\n <h2>Istanbul Medical Tourism Advantages<\/h2>\n <p>Experience the benefits of choosing Istanbul as your plastic surgery destination.<\/p>\n <\/div>\n \n <div class=\"advantages-grid\">\n <div class=\"advantage-card\">\n <div class=\"advantage-number\">01<\/div>\n <h3>Cost-Effective Excellence<\/h3>\n <p>World-class medical care at 60-70% lower costs compared to Western countries. Save thousands without compromising quality.<\/p>\n <\/div>\n \n <div class=\"advantage-card\">\n <div class=\"advantage-number\">02<\/div>\n <h3>Advanced Technology<\/h3>\n <p>State-of-the-art medical equipment and the latest surgical techniques for optimal results and faster recovery.<\/p>\n <\/div>\n \n <div class=\"advantage-card\">\n <div class=\"advantage-number\">03<\/div>\n <h3>Cultural Experience<\/h3>\n <p>Combine your medical journey with exploring Istanbul’s rich history, stunning architecture, and vibrant culture.<\/p>\n <\/div>\n \n <div class=\"advantage-card\">\n <div class=\"advantage-number\">04<\/div>\n <h3>Easy Accessibility<\/h3>\n <p>Direct flights from most major cities worldwide. Visa-free or e-visa entry for many nationalities.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Contact Section -->\n <section class=\"contact-section section\" id=\"contact\">\n <div class=\"container\">\n <div class=\"section-title\">\n <h2 style=\"color: var(--white); background: transparent; box-shadow: none;\">Ready for Your Transformation?<\/h2>\n <p style=\"color: rgba(255, 255, 255, 0.9); background: transparent;\">Contact us today for a free consultation and start your journey to a new you.<\/p>\n <\/div>\n \n <div class=\"contact-grid\">\n <div class=\"contact-info\">\n <h3 style=\"color: var(--white); margin-bottom: 30px;\">Get in Touch<\/h3>\n \n <div class=\"contact-item\">\n <div class=\"contact-icon\">\n <i class=\"fas fa-phone-alt\"><\/i>\n <\/div>\n <div>\n <h4 style=\"color: var(--white);\">Call Us<\/h4>\n <p>+90 212 123 4567 (Turkey)<br>+1 (888) 123-4567 (USA)<\/p>\n <\/div>\n <\/div>\n \n <div class=\"contact-item\">\n <div class=\"contact-icon\">\n <i class=\"fas fa-envelope\"><\/i>\n <\/div>\n <div>\n <h4 style=\"color: var(--white);\">Email Us<\/h4>\n <p>info@medestanbul.com<br>consultation@medestanbul.com<\/p>\n <\/div>\n <\/div>\n \n <div class=\"contact-item\">\n <div class=\"contact-icon\">\n <i class=\"fas fa-map-marker-alt\"><\/i>\n <\/div>\n <div>\n <h4 style=\"color: var(--white);\">Visit Us<\/h4>\n <p>Nispetiye Cd. No: 12<br>Etiler, Istanbul, Turkey<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"contact-info\">\n <h3 style=\"color: var(--white); margin-bottom: 30px;\">Quick Contact Form<\/h3>\n <form id=\"contactForm\" style=\"display: grid; gap: 15px;\">\n <input type=\"text\" placeholder=\"Your Name\" class=\"form-control\" style=\"background: rgba(255, 255, 255, 0.1); color: var(--white); border-color: rgba(255, 255, 255, 0.3);\">\n <input type=\"email\" placeholder=\"Your Email\" class=\"form-control\" style=\"background: rgba(255, 255, 255, 0.1); color: var(--white); border-color: rgba(255, 255, 255, 0.3);\">\n <input type=\"tel\" placeholder=\"Phone Number\" class=\"form-control\" style=\"background: rgba(255, 255, 255, 0.1); color: var(--white); border-color: rgba(255, 255, 255, 0.3);\">\n <select class=\"form-control\" style=\"background: rgba(255, 255, 255, 0.1); color: var(--white); border-color: rgba(255, 255, 255, 0.3);\">\n <option value=\"\">Select Procedure Interest<\/option>\n <option value=\"body\">Body Procedures<\/option>\n <option value=\"breast\">Breast Procedures<\/option>\n <option value=\"face\">Face Procedures<\/option>\n <option value=\"genital\">Genital Aesthetics<\/option>\n <\/select>\n <textarea placeholder=\"Your Message\" rows=\"4\" class=\"form-control\" style=\"background: rgba(255, 255, 255, 0.1); color: var(--white); border-color: rgba(255, 255, 255, 0.3);\"><\/textarea>\n <button type=\"submit\" class=\"btn btn-primary\">Send Message<\/button>\n <\/form>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <\/div>\n\n <script>\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Initialize all procedures with topic-specific images\n initProcedures();\n \n \/\/ Initialize 3D visualization\n initVisualization();\n \n \/\/ Initialize calculator\n initCalculator();\n \n \/\/ Initialize contact form\n initContactForm();\n \n \/\/ Initialize smooth scrolling\n initSmoothScrolling();\n \n \/\/ Ensure section titles are visible\n ensureTitleVisibility();\n });\n\n \/\/ Enhanced procedures data with topic-specific images\n const procedures = {\n body: [\n {\n id: 'abdominoplasty',\n title: 'Abdominoplasty (Tummy Tuck)',\n description: 'Remove excess skin and fat from the abdomen while tightening muscles for a flatter, firmer stomach.',\n image: 'https:\/\/images.unsplash.com\/photo-1559757175-0eb30cd8c063?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80',\n features: ['Excess skin removal', 'Muscle tightening', 'Improved abdominal contour', 'Scar minimized'],\n price: '$5,800 - $7,500',\n time: '3-5 hours',\n recovery: '2-4 weeks'\n },\n {\n id: 'arm-lift',\n title: 'Arm Lift (Brachioplasty)',\n description: 'Remove sagging skin and excess fat from upper arms for toned, youthful-looking arms.',\n image: 'https:\/\/images.unsplash.com\/photo-1571019613454-1cb2f99b2d8b?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80',\n features: ['Excess skin removal', 'Fat reduction', 'Arm contouring', 'Minimal scarring'],\n price: '$3,500 - $5,000',\n time: '2-3 hours',\n recovery: '2-3 weeks'\n },\n {\n id: 'bbl',\n title: 'Brazilian Butt Lift (BBL)',\n description: 'Enhance buttock shape and size using your own fat transfer for natural-looking results.',\n image: 'https:\/\/images.unsplash.com\/photo-1544005313-94ddf0286df2?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80',\n features: ['Fat transfer from abdomen\/thighs', 'Natural augmentation', 'Dual body contouring', 'Minimal scarring'],\n price: '$6,500 - $8,500',\n time: '3-4 hours',\n recovery: '2-4 weeks'\n },\n {\n id: 'gynecomastia',\n title: 'Gynecomastia Surgery',\n description: 'Male breast reduction to treat enlarged breast tissue for a more masculine chest contour.',\n image: 'https:\/\/images.unsplash.com\/photo-1576091160399-112ba8d25d1f?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80',\n features: ['Excess gland removal', 'Fat liposuction', 'Chest contouring', 'Minimal scarring'],\n price: '$4,000 - $6,000',\n time: '1-2 hours',\n recovery: '1-2 weeks'\n },\n {\n id: 'liposuction',\n title: 'Liposuction',\n description: 'Remove stubborn fat deposits from various body areas for improved contour and proportion.',\n image: 'https:\/\/images.unsplash.com\/photo-1519824294-5d4f4f10c0b7?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80',\n features: ['Targeted fat removal', 'Body contouring', 'Minimally invasive', 'Quick recovery'],\n price: '$3,500 - $6,000',\n time: '1-3 hours',\n recovery: '1-2 weeks'\n },\n {\n id: 'vaser-lipo',\n title: 'Vaser Liposuction',\n description: 'Advanced ultrasound-assisted liposuction for precise fat removal and skin tightening.',\n image: 'https:\/\/images.unsplash.com\/photo-1559757175-0eb30cd8c063?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80',\n features: ['Ultrasound technology', 'Precise fat removal', 'Skin tightening', 'Reduced downtime'],\n price: '$4,500 - $7,000',\n time: '2-4 hours',\n recovery: '1-2 weeks'\n },\n {\n id: 'thigh-lift',\n title: 'Inner Thigh Lift',\n description: 'Remove excess skin and fat from inner thighs for smoother, more toned leg contour.',\n image: 'https:\/\/images.unsplash.com\/photo-1571019614241-fa7f5d5d5a7a?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80',\n features: ['Excess skin removal', 'Inner thigh contouring', 'Improved leg shape', 'Scar concealed'],\n price: '$4,000 - $6,000',\n time: '2-3 hours',\n recovery: '2-3 weeks'\n },\n {\n id: 'j-plasma',\n title: 'J-Plasma (Renuvion)',\n description: 'Advanced skin tightening using cold plasma technology for dramatic skin contraction.',\n image: 'https:\/\/images.unsplash.com\/photo-1559757148-5c350d0d3c56?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80',\n features: ['Cold plasma technology', 'Dramatic skin tightening', 'Minimally invasive', 'Quick recovery'],\n price: '$5,000 - $7,000',\n time: '1-2 hours',\n recovery: '1 week'\n },\n {\n id: 'monsplasty',\n title: 'Monsplasty',\n description: 'Reduce and lift the mons pubis area for a smoother, more youthful appearance.',\n image: 'https:\/\/images.unsplash.com\/photo-1559757148-5c350d0d3c56?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80',\n features: ['Mons reduction', 'Lifting procedure', 'Smoother contour', 'Youthful appearance'],\n price: '$3,000 - $4,500',\n time: '1-2 hours',\n recovery: '1-2 weeks'\n }\n ],\n breast: [\n {\n id: 'augmentation',\n title: 'Breast Augmentation',\n description: 'Increase breast size and improve shape using implants or fat transfer for enhanced femininity.',\n image: 'https:\/\/images.unsplash.com\/photo-1551601651-2a8555f1a136?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80',\n features: ['Implant or fat transfer', 'Size enhancement', 'Shape improvement', 'Natural-looking results'],\n price: '$4,500 - $6,500',\n time: '1-2 hours',\n recovery: '1-2 weeks'\n },\n {\n id: 'lift',\n title: 'Breast Lifting (Mastopexy)',\n description: 'Lift and reshape sagging breasts for a more youthful appearance without increasing size.',\n image: 'https:\/\/images.unsplash.com\/photo-1581094794329-c8112a89af12?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80',\n features: ['Breast lifting', 'Nipple repositioning', 'Shape restoration', 'Youthful contour'],\n price: '$5,000 - $7,000',\n time: '2-3 hours',\n recovery: '2-3 weeks'\n },\n {\n id: 'reduction',\n title: 'Breast Reduction',\n description: 'Reduce breast size to alleviate physical discomfort and achieve better proportion.',\n image: 'https:\/\/images.unsplash.com\/photo-1581094794329-c8112a89af12?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80',\n features: ['Size reduction', 'Symptom relief', 'Improved proportion', 'Scar minimized'],\n price: '$5,500 - $7,500',\n time: '2-4 hours',\n recovery: '2-4 weeks'\n },\n {\n id: 'implant-removal',\n title: 'Breast Implant Removal',\n description: 'Safe removal of breast implants with or without replacement or breast lift.',\n image: 'https:\/\/images.unsplash.com\/photo-1581094794329-c8112a89af12?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80',\n features: ['Implant removal', 'Capsule removal', 'Option for lift', 'Safety first'],\n price: '$4,000 - $6,000',\n time: '1-3 hours',\n recovery: '1-2 weeks'\n },\n {\n id: 'inverted-nipple',\n title: 'Inverted Nipple Surgery',\n description: 'Correct inverted nipples to achieve normal projection and appearance.',\n image: 'https:\/\/images.unsplash.com\/photo-1559757148-5c350d0d3c56?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80',\n features: ['Nipple correction', 'Normal projection', 'Minimal scarring', 'Quick procedure'],\n price: '$1,500 - $2,500',\n time: '30-60 minutes',\n recovery: '3-7 days'\n }\n ],\n face: [\n {\n id: 'neck-lift',\n title: 'Neck Lift',\n description: 'Tighten sagging neck skin and muscles for a more defined, youthful jawline and neck.',\n image: 'https:\/\/images.unsplash.com\/photo-1579684385127-1ef15d508118?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80',\n features: ['Neck skin tightening', 'Jawline definition', 'Muscle tightening', 'Youthful appearance'],\n price: '$4,500 - $6,500',\n time: '2-3 hours',\n recovery: '1-2 weeks'\n },\n {\n id: 'otoplasty',\n title: 'Otoplasty (Ear Surgery)',\n description: 'Reshape, resize, or reposition ears for better proportion and symmetry.',\n image: 'https:\/\/images.unsplash.com\/photo-1559757148-5c350d0d3c56?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80',\n features: ['Ear reshaping', 'Proportion correction', 'Symmetry improvement', 'Natural results'],\n price: '$2,500 - $4,000',\n time: '1-2 hours',\n recovery: '1-2 weeks'\n },\n {\n id: 'rhinoplasty',\n title: 'Rhinoplasty (Nose Job)',\n description: 'Reshape the nose for improved appearance and\/or better breathing function.',\n image: 'https:\/\/images.unsplash.com\/photo-1559757148-5c350d0d3c56?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80',\n features: ['Nasal reshaping', 'Breathing improvement', 'Facial harmony', 'Natural-looking'],\n price: '$4,000 - $6,000',\n time: '2-3 hours',\n recovery: '1-2 weeks'\n },\n {\n id: 'facelift',\n title: 'Facelift',\n description: 'Comprehensive facial rejuvenation to reduce visible signs of aging.',\n image: 'https:\/\/images.unsplash.com\/photo-1579684385127-1ef15d508118?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80',\n features: ['Facial skin tightening', 'Wrinkle reduction', 'Youthful restoration', 'Natural expression'],\n price: '$8,000 - $12,000',\n time: '3-5 hours',\n recovery: '2-4 weeks'\n }\n ],\n genital: [\n {\n id: 'labiaplasty',\n title: 'Labiaplasty',\n description: 'Reshape and reduce the labia minora for improved comfort and aesthetic appearance.',\n image: 'https:\/\/images.unsplash.com\/photo-1559757148-5c350d0d3c56?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80',\n features: ['Labia reshaping', 'Size reduction', 'Comfort improvement', 'Aesthetic enhancement'],\n price: '$3,500 - $5,000',\n time: '1-2 hours',\n recovery: '1-2 weeks'\n },\n {\n id: 'vaginal-tightening',\n title: 'Vaginal Tightening',\n description: 'Tighten vaginal muscles and tissues for improved sexual satisfaction and confidence.',\n image: 'https:\/\/images.unsplash.com\/photo-1559757148-5c350d0d3c56?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80',\n features: ['Muscle tightening', 'Tissue rejuvenation', 'Improved sensation', 'Enhanced confidence'],\n price: '$4,000 - $6,000',\n time: '1-2 hours',\n recovery: '2-3 weeks'\n }\n ]\n };\n\n function initProcedures() {\n const container = document.getElementById('proceduresContainer');\n const selectionContainer = document.getElementById('procedureSelection');\n \n if (!container) return;\n\n \/\/ Create procedure cards\n let allProcedures = [];\n Object.keys(procedures).forEach(category => {\n allProcedures = [...allProcedures, ...procedures[category]];\n });\n\n \/\/ Render all procedures\n container.innerHTML = allProcedures.map(procedure => createProcedureCard(procedure)).join('');\n \n \/\/ Create calculator options\n if (selectionContainer) {\n \/\/ Select popular procedures for calculator\n const popularProcedures = [\n { id: 'abdominoplasty', title: 'Tummy Tuck', category: 'body', icon: 'fas fa-user' },\n { id: 'augmentation', title: 'Breast Augmentation', category: 'breast', icon: 'fas fa-venus' },\n { id: 'liposuction', title: 'Liposuction', category: 'body', icon: 'fas fa-weight' },\n { id: 'rhinoplasty', title: 'Rhinoplasty', category: 'face', icon: 'fas fa-nose' },\n { id: 'bbl', title: 'Brazilian BBL', category: 'body', icon: 'fas fa-venus' },\n { id: 'facelift', title: 'Facelift', category: 'face', icon: 'fas fa-smile' }\n ];\n \n selectionContainer.innerHTML = popularProcedures.map(proc => `\n <div class=\"procedure-option\" data-procedure=\"${proc.id}\">\n <i class=\"${proc.icon}\"><\/i>\n <p>${proc.title}<\/p>\n <\/div>\n `).join('');\n }\n\n \/\/ Add category filtering\n const categoryBtns = document.querySelectorAll('.category-btn');\n categoryBtns.forEach(btn => {\n btn.addEventListener('click', function() {\n \/\/ Update active button\n categoryBtns.forEach(b => b.classList.remove('active'));\n this.classList.add('active');\n \n const category = this.dataset.category;\n const cards = document.querySelectorAll('.procedure-card');\n \n cards.forEach(card => {\n const cardCategory = card.dataset.category;\n if (category === 'all' || cardCategory === category) {\n card.style.display = 'block';\n setTimeout(() => {\n card.style.opacity = '1';\n card.style.transform = 'translateY(0)';\n }, 10);\n } else {\n card.style.display = 'none';\n }\n });\n });\n });\n }\n\n function createProcedureCard(procedure) {\n \/\/ Determine category based on procedure ID\n let category = 'body';\n if (procedure.id.includes('breast') || ['augmentation', 'lift', 'reduction', 'implant-removal', 'inverted-nipple'].includes(procedure.id)) {\n category = 'breast';\n } else if (procedure.id.includes('face') || ['neck-lift', 'otoplasty', 'rhinoplasty', 'facelift'].includes(procedure.id)) {\n category = 'face';\n } else if (procedure.id.includes('genital') || ['labiaplasty', 'vaginal-tightening', 'monsplasty'].includes(procedure.id)) {\n category = 'genital';\n }\n\n return `\n <div class=\"procedure-card\" data-category=\"${category}\">\n <div class=\"procedure-image\">\n <img decoding=\"async\" src=\"${procedure.image}\" alt=\"${procedure.title}\">\n <div class=\"procedure-category-badge\">${category.charAt(0).toUpperCase() + category.slice(1)}<\/div>\n <\/div>\n <div class=\"procedure-content\">\n <h3>${procedure.title}<\/h3>\n <p class=\"procedure-description\">${procedure.description}<\/p>\n <ul class=\"procedure-features\">\n ${procedure.features.map(feature => `<li>${feature}<\/li>`).join('')}\n <\/ul>\n <div class=\"procedure-meta\">\n <div class=\"procedure-price\">${procedure.price}<\/div>\n <div class=\"procedure-time\">\n <i class=\"far fa-clock\"><\/i> ${procedure.time}\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n `;\n }\n\n function initVisualization() {\n const silhouette = document.getElementById('bodySilhouette');\n if (!silhouette) return;\n\n const procedureAreas = [\n { name: 'Breast Procedures', top: '25%', left: '40%', width: '20%', height: '8%', category: 'breast' },\n { name: 'Abdominoplasty', top: '40%', left: '35%', width: '30%', height: '10%', category: 'body' },\n { name: 'Arm Procedures', top: '28%', left: '15%', width: '8%', height: '20%', category: 'body' },\n { name: 'Arm Procedures', top: '28%', left: '77%', width: '8%', height: '20%', category: 'body' },\n { name: 'Thigh Procedures', top: '55%', left: '35%', width: '30%', height: '15%', category: 'body' },\n { name: 'BBL', top: '52%', left: '40%', width: '20%', height: '10%', category: 'body' },\n { name: 'Face Procedures', top: '12%', left: '35%', width: '30%', height: '15%', category: 'face' },\n { name: 'Neck Lift', top: '18%', left: '40%', width: '20%', height: '8%', category: 'face' }\n ];\n\n procedureAreas.forEach(area => {\n const areaElement = document.createElement('div');\n areaElement.className = 'procedure-area';\n areaElement.textContent = area.name;\n areaElement.style.top = area.top;\n areaElement.style.left = area.left;\n areaElement.style.width = area.width;\n areaElement.style.height = area.height;\n areaElement.dataset.category = area.category;\n \n areaElement.addEventListener('click', function() {\n const category = this.dataset.category;\n \/\/ Filter procedures by this category\n const categoryBtns = document.querySelectorAll('.category-btn');\n categoryBtns.forEach(btn => {\n if (btn.dataset.category === category) {\n btn.click();\n \/\/ Scroll to procedures section\n document.querySelector('#procedures').scrollIntoView({ behavior: 'smooth' });\n }\n });\n });\n \n silhouette.appendChild(areaElement);\n });\n\n \/\/ Add visualization controls\n const controls = document.querySelectorAll('.visualization-control');\n controls.forEach(control => {\n control.addEventListener('click', function() {\n const view = this.dataset.view;\n if (view) {\n \/\/ In a real implementation, this would rotate the 3D model\n alert(`Switching to ${view} view of the body model.`);\n } else if (this.dataset.reset) {\n \/\/ Reset view\n silhouette.style.transform = 'rotateY(0deg)';\n }\n });\n });\n }\n\n function initCalculator() {\n const form = document.getElementById('costCalculator');\n const resultDiv = document.getElementById('calculatorResult');\n const procedureOptions = document.querySelectorAll('.procedure-option');\n \n if (!form) return;\n\n \/\/ Procedure selection\n procedureOptions.forEach(option => {\n option.addEventListener('click', function() {\n procedureOptions.forEach(o => o.classList.remove('selected'));\n this.classList.add('selected');\n });\n });\n\n \/\/ Initialize first option as selected\n if (procedureOptions.length > 0) {\n procedureOptions[0].classList.add('selected');\n }\n\n \/\/ Form submission\n form.addEventListener('submit', function(e) {\n e.preventDefault();\n \n \/\/ Get selected procedure\n const selectedProcedure = document.querySelector('.procedure-option.selected');\n const procedureId = selectedProcedure ? selectedProcedure.dataset.procedure : 'abdominoplasty';\n \n \/\/ Get other values\n const stay = parseInt(document.getElementById('hospitalStay').value);\n const accom = parseInt(document.getElementById('accommodation').value);\n \n \/\/ Procedure base prices\n const basePrices = {\n 'abdominoplasty': 5800,\n 'augmentation': 4500,\n 'liposuction': 3500,\n 'rhinoplasty': 4000,\n 'bbl': 6500,\n 'facelift': 8000\n };\n \n \/\/ Calculate costs\n const baseCost = basePrices[procedureId] || 5000;\n const hospitalCost = stay * 750;\n const accommodationCost = accom * 600;\n const aftercareCost = 800;\n \n const totalCost = baseCost + hospitalCost + accommodationCost + aftercareCost;\n \n \/\/ Update result display\n document.getElementById('totalPrice').textContent = `$${totalCost.toLocaleString()}`;\n document.getElementById('surgeryCost').textContent = `$${baseCost.toLocaleString()}`;\n document.getElementById('hospitalCost').textContent = `$${hospitalCost.toLocaleString()}`;\n document.getElementById('accommodationCost').textContent = `$${accommodationCost.toLocaleString()}`;\n document.getElementById('aftercareCost').textContent = `$${aftercareCost.toLocaleString()}`;\n \n \/\/ Show result with animation\n resultDiv.style.display = 'block';\n resultDiv.style.animation = 'slideInUp 0.5s ease';\n \n \/\/ Scroll to result\n setTimeout(() => {\n resultDiv.scrollIntoView({ behavior: 'smooth', block: 'center' });\n }, 100);\n });\n }\n\n function initContactForm() {\n const contactForm = document.getElementById('contactForm');\n if (contactForm) {\n contactForm.addEventListener('submit', function(e) {\n e.preventDefault();\n alert('Thank you for your message! Our patient coordinator will contact you within 24 hours.');\n this.reset();\n });\n }\n }\n\n function initSmoothScrolling() {\n \/\/ Smooth scrolling for navigation links\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function(e) {\n e.preventDefault();\n \n const targetId = this.getAttribute('href');\n if (targetId === '#') return;\n \n const targetElement = document.querySelector(targetId);\n if (targetElement) {\n \/\/ Update active nav link\n document.querySelectorAll('.nav-links a').forEach(link => {\n link.classList.remove('active');\n });\n this.classList.add('active');\n \n \/\/ Scroll to target with offset for fixed sidebar\n const offset = 80;\n const elementPosition = targetElement.getBoundingClientRect().top;\n const offsetPosition = elementPosition + window.pageYOffset - offset;\n \n window.scrollTo({\n top: offsetPosition,\n behavior: 'smooth'\n });\n }\n });\n });\n\n \/\/ Update active nav link on scroll\n window.addEventListener('scroll', function() {\n const sections = document.querySelectorAll('section');\n const navLinks = document.querySelectorAll('.nav-links a');\n \n let currentSection = '';\n const scrollPosition = window.scrollY + 100; \/\/ Offset for better detection\n \n sections.forEach(section => {\n const sectionTop = section.offsetTop;\n const sectionHeight = section.clientHeight;\n \n if (scrollPosition >= sectionTop && scrollPosition < sectionTop + sectionHeight) {\n currentSection = section.getAttribute('id');\n }\n });\n \n navLinks.forEach(link => {\n link.classList.remove('active');\n if (link.getAttribute('href') === `#${currentSection}`) {\n link.classList.add('active');\n }\n });\n });\n }\n\n function ensureTitleVisibility() {\n \/\/ Add a slight delay to ensure DOM is fully loaded\n setTimeout(() => {\n const sectionTitles = document.querySelectorAll('.section-title');\n sectionTitles.forEach(title => {\n \/\/ Force title to be visible by bringing it to front\n title.style.zIndex = '100';\n title.style.position = 'relative';\n });\n }, 500);\n }\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Medestanbul Plastic Surgery | Premium Aesthetic Procedures in Istanbul MedestanbulPlastic Surgery Excellence in Aesthetics Home Why Istanbul? All Procedures 3D Visualization Cost Calculator Why Choose Us Istanbul Advantages Contact Emergency Contact 24\/7 Support Available \u00a9 2024 Medestanbul Plastic Surgery World-Class Plastic Surgery in Istanbul Experience premium aesthetic procedures performed by internationally renowned surgeons at Turkey’s […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"tpgb_global_settings":"","footnotes":""},"class_list":["post-139","page","type-page","status-publish","hentry"],"tpgb_featured_images":null,"tpgb_post_meta_info":{"get_date":"December 4, 2025","get_modified_date":"December 4, 2025","author_name":"admin","author_url":"https:\/\/medestanbul.com\/index.php\/author\/admin\/","author_email":"admin@medestanbul.com","author_website":"https:\/\/medestanbul.com\/wordpress_K","author_description":"","author_facebook":"","author_twitter":"","author_instagram":"","author_role":["administrator"],"author_firstname":"","author_lastname":"","user_login":"Admin","author_avatar":"<img alt='' src='https:\/\/secure.gravatar.com\/avatar\/a71e8f9882ea120032b57b19b18f28a2719668ac7e0a6faab20f29574e62d526?s=200&d=mm&r=g' srcset='https:\/\/secure.gravatar.com\/avatar\/a71e8f9882ea120032b57b19b18f28a2719668ac7e0a6faab20f29574e62d526?s=400&d=mm&r=g 2x' class='avatar avatar-200 photo' height='200' width='200' decoding='async'\/>","author_avatar_url":"https:\/\/secure.gravatar.com\/avatar\/a71e8f9882ea120032b57b19b18f28a2719668ac7e0a6faab20f29574e62d526?s=96&d=mm&r=g","comment_count":0,"post_likes":0,"post_views":0},"tpgb_post_category":[],"_links":{"self":[{"href":"https:\/\/medestanbul.com\/index.php\/wp-json\/wp\/v2\/pages\/139","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/medestanbul.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/medestanbul.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/medestanbul.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/medestanbul.com\/index.php\/wp-json\/wp\/v2\/comments?post=139"}],"version-history":[{"count":5,"href":"https:\/\/medestanbul.com\/index.php\/wp-json\/wp\/v2\/pages\/139\/revisions"}],"predecessor-version":[{"id":144,"href":"https:\/\/medestanbul.com\/index.php\/wp-json\/wp\/v2\/pages\/139\/revisions\/144"}],"wp:attachment":[{"href":"https:\/\/medestanbul.com\/index.php\/wp-json\/wp\/v2\/media?parent=139"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}