{"id":1327,"date":"2026-01-21T20:03:46","date_gmt":"2026-01-21T19:03:46","guid":{"rendered":"https:\/\/www.raday32.hu\/?page_id=1327"},"modified":"2026-01-27T14:07:54","modified_gmt":"2026-01-27T13:07:54","slug":"fogaszat-budapest-idopont","status":"publish","type":"page","link":"https:\/\/www.raday32.hu\/en\/fogaszat-budapest-idopont\/","title":{"rendered":"Fog\u00e1szat Budapest id\u0151pont"},"content":{"rendered":"<!DOCTYPE html>\r\n<html lang=\"hu\">\r\n<head>\r\n\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>R\u00e1day32 Dentalcentrum - Fogorvos Budapest<\/title>\r\n    <meta name=\"description\" content=\"A fogorvos v\u00e1laszt\u00e1s lehet egyszer\u0171. Tudja meg, hogyan! V\u00e1rjuk a R\u00e1day utc\u00e1ban.\">\r\n    \r\n    <!-- Fonts from the reference site -->\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css?family=Droid+Serif:400,700|Lora:400,400i,700,700i|Merriweather:300,300i,400,400i,700,700i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Poppins:300,400,500,600,700|Raleway:100,200,300,400,500,600,700,800,900&subset=latin-ext\" rel=\"stylesheet\">\r\n    \r\n    <!-- FontAwesome for Icons -->\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n    <style>\r\n        :root {\r\n            \/* Colors extracted from reference *\/\r\n            --primary-green: #007056;\r\n            --dark-green: #004D3B; \/* Footer & darker accents *\/\r\n            --primary-gold: #D4AF37;\r\n            --dark-gold: #C5A028;\r\n            --text-dark: #30383B; \r\n            --text-gray: #6a6a6a;\r\n            --text-light: #ffffff;\r\n            --bg-light: #ffffff;\r\n            \r\n            \/* Fonts *\/\r\n            --font-heading: 'Raleway', sans-serif;\r\n            --font-body: 'Poppins', sans-serif; \r\n            --font-serif: 'Merriweather', serif;\r\n            --font-open-sans: 'Open Sans', sans-serif; \r\n        }\r\n\r\n        * {\r\n            box-sizing: border-box;\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n\r\n        body {\r\n            font-family: var(--font-body);\r\n            color: var(--text-dark);\r\n            line-height: 1.7em; \r\n            background-color: var(--bg-light);\r\n            font-size: 15px;\r\n            font-weight: 300; \r\n            -webkit-font-smoothing: antialiased;\r\n            font-style: normal; \r\n        }\r\n\r\n        \/* --- Paragraph Styling --- *\/\r\n        p, ul, ol, dl, blockquote, address {\r\n            margin-bottom: 1.5em;\r\n        }\r\n        \r\n        em, i, cite {\r\n            font-style: normal;\r\n        }\r\n\r\n        p:last-child, \r\n        .contact-details p:last-child, \r\n        .doctor-info p:last-child {\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        \/* --- Block Title Styling --- *\/\r\n        h2 {\r\n            font-family: var(--font-open-sans); \r\n            font-size: 2.5em;\r\n            line-height: 1.3em;\r\n            font-weight: 300;\r\n            color: var(--text-dark);\r\n            margin-top: 0.6667em;\r\n            margin-bottom: 0.5em;\r\n            text-align: center;\r\n        }\r\n\r\n        h1, h3, h4, h5, h6 {\r\n            font-family: var(--font-heading);\r\n            font-weight: 700;\r\n            color: var(--text-dark);\r\n            margin-bottom: 1rem;\r\n            line-height: 1.3; \r\n        }\r\n\r\n        @media (max-width: 479px) {\r\n            html, body {\r\n                font-size: 14px; \r\n            }\r\n            h2 {\r\n                font-size: 2em;\r\n            }\r\n        }\r\n\r\n        a { text-decoration: none; color: inherit; transition: color 0.3s; }\r\n        a:hover { color: var(--primary-gold); }\r\n\r\n        \/* --- Layout Utilities --- *\/\r\n        .container {\r\n            max-width: 1170px;\r\n            margin: 0 auto;\r\n            padding: 0 20px;\r\n            position: relative;\r\n        }\r\n\r\n        .section {\r\n            padding: 80px 0;\r\n        }\r\n\r\n        .text-center { text-align: center; }\r\n        .text-white { color: var(--text-light) !important; }\r\n        .text-green { color: var(--primary-green) !important; }\r\n        .text-gold { color: var(--primary-gold) !important; }\r\n\r\n        \/* --- Buttons --- *\/\r\n        .btn {\r\n            display: inline-block;\r\n            padding: 14px 35px;\r\n            border-radius: 0px;\r\n            text-decoration: none;\r\n            font-weight: 600;\r\n            text-align: center;\r\n            transition: all 0.3s ease;\r\n            cursor: pointer;\r\n            border: none;\r\n            font-size: 13px; \r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            font-family: var(--font-heading);\r\n        }\r\n\r\n        .btn-gold {\r\n            background: linear-gradient(to bottom, #D4AF37 0%, #C5A028 100%);\r\n            color: white;\r\n        }\r\n\r\n        .btn-gold:hover {\r\n            background: linear-gradient(to bottom, #C5A028 0%, #D4AF37 100%);\r\n            color: white;\r\n        }\r\n\r\n        .btn-green {\r\n            background: var(--primary-green);\r\n            color: white;\r\n        }\r\n        \r\n        .btn-green:hover {\r\n            background: var(--dark-green);\r\n            color: white;\r\n        }\r\n\r\n        \/* --- Sticky Header --- *\/\r\n        header {\r\n            background: white;\r\n            position: sticky;\r\n            top: 0;\r\n            z-index: 1000;\r\n            box-shadow: 0 2px 10px rgba(0,0,0,0.05);\r\n            width: 100%;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .header-top {\r\n            padding: 10px 0;\r\n            border-bottom: 1px solid #eee;\r\n            background: white;\r\n        }\r\n\r\n        .header-top .container {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            min-height: 85px;\r\n        }\r\n\r\n        .info-left {\r\n            flex: 1;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: flex-start; \r\n            justify-content: center;\r\n        }\r\n\r\n        .info-right {\r\n            flex: 1; \r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: flex-end; \r\n            justify-content: center;\r\n        }\r\n\r\n        .logo {\r\n            flex: 0 0 auto; \r\n            text-align: center;\r\n            padding: 0 20px; \r\n        }\r\n\r\n        .logo img {\r\n            height: 55px;\r\n            width: auto;\r\n            display: block;\r\n            transition: height 0.3s;\r\n        }\r\n\r\n        .info-group {\r\n            display: flex;\r\n            align-items: center;\r\n            margin-bottom: 4px;\r\n            color: var(--text-gray);\r\n            font-size: 13px;\r\n            line-height: 1.5;\r\n            white-space: nowrap; \r\n        }\r\n        \r\n        .info-group:last-child { margin-bottom: 0; }\r\n\r\n        .info-icon {\r\n            color: var(--primary-green);\r\n            font-size: 16px;\r\n            margin-right: 10px;\r\n            width: 16px;\r\n            text-align: center;\r\n            display: inline-block;\r\n        }\r\n        \r\n        .info-right .info-group {\r\n            flex-direction: row-reverse; \r\n        }\r\n\r\n        .info-right .info-icon {\r\n            margin-right: 0;\r\n            margin-left: 10px; \r\n        }\r\n        \r\n        .info-text strong {\r\n            color: var(--text-dark);\r\n            font-weight: 700;\r\n        }\r\n\r\n        \/* --- Navigation Bar --- *\/\r\n        .header-bottom {\r\n            background: white;\r\n            border-bottom: 1px solid #e5e5e5;\r\n            transition: max-height 0.3s ease-out; \/* Smooth transition for mobile *\/\r\n        }\r\n\r\n        .main-nav {\r\n            display: flex;\r\n            justify-content: center;\r\n            list-style: none;\r\n            padding: 0;\r\n            margin: 0;\r\n            flex-wrap: wrap; \/* Allow wrapping on smaller screens *\/\r\n        }\r\n\r\n        .main-nav li {\r\n            margin: 0;\r\n        }\r\n\r\n        .main-nav a {\r\n            display: block;\r\n            padding: 15px 25px;\r\n            font-family: var(--font-heading);\r\n            font-weight: 600;\r\n            font-size: 13px;\r\n            text-transform: uppercase;\r\n            color: var(--text-dark);\r\n            position: relative;\r\n            transition: color 0.3s;\r\n        }\r\n\r\n        .main-nav a:hover {\r\n            color: var(--primary-green);\r\n        }\r\n        \r\n        .main-nav a::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: 0;\r\n            left: 50%;\r\n            width: 0;\r\n            height: 3px;\r\n            background: var(--primary-green);\r\n            transition: all 0.3s;\r\n            transform: translateX(-50%);\r\n        }\r\n\r\n        .main-nav a:hover::after {\r\n            width: 100%;\r\n        }\r\n\r\n        \/* --- Mobile Menu Toggle --- *\/\r\n        .mobile-menu-toggle {\r\n            display: none; \/* Hidden on desktop *\/\r\n            position: absolute;\r\n            top: 20px;\r\n            right: 20px;\r\n            font-size: 24px;\r\n            color: var(--text-dark);\r\n            cursor: pointer;\r\n            z-index: 1001;\r\n            padding: 10px;\r\n        }\r\n\r\n        \/* --- Hero Section (Premium Dark Style) --- *\/\r\n        .hero {\r\n            background-color: var(--dark-green); \/* Fallback color *\/\r\n            padding: 0; \r\n            position: relative;\r\n            border-bottom: none;\r\n        }\r\n\r\n        \/* New Grid Layout for Hero *\/\r\n        .hero-grid {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr; \/* Split 50-50 on desktop *\/\r\n            min-height: 650px; \/* Taller for premium impact *\/\r\n        }\r\n\r\n        .hero-content-wrapper {\r\n            display: flex;\r\n            align-items: center; \/* Vertical center *\/\r\n            justify-content: center; \/* Horizontal center *\/\r\n            padding: 80px 60px; \/* Spacious padding *\/\r\n            \/* Premium Dark Green Gradient *\/\r\n            background: linear-gradient(135deg, var(--dark-green) 0%, #00604b 100%);\r\n            color: white;\r\n        }\r\n\r\n        .hero-content {\r\n            max-width: 600px;\r\n            background: transparent;\r\n            padding: 0;\r\n            \/* Gold accent line on left *\/\r\n            border-left: 5px solid var(--primary-gold);\r\n            padding-left: 40px;\r\n        }\r\n\r\n        .hero h1 {\r\n            font-size: 3.5rem; \/* Larger, more elegant title *\/\r\n            line-height: 1.2;\r\n            margin-bottom: 25px;\r\n            font-family: var(--font-open-sans); \r\n            font-weight: 300; \r\n            color: white; \/* High contrast white text *\/\r\n        }\r\n        \r\n        .hero h1 span {\r\n            font-weight: 400; \r\n            color: var(--primary-gold); \/* Gold accent *\/\r\n        }\r\n\r\n        .hero p {\r\n            font-size: 1.2rem; \/* Slightly larger body text *\/\r\n            line-height: 1.7;\r\n            margin-bottom: 40px;\r\n            color: rgba(255, 255, 255, 0.9); \/* Soft white for readability *\/\r\n            font-weight: 300;\r\n        }\r\n\r\n        .hero-image-col {\r\n            background-image: url('https:\/\/www.raday32.hu\/wp-content\/uploads\/2026\/01\/diagmarti.jpg'); \r\n            background-size: cover;\r\n            background-position: center;\r\n            min-height: 400px; \r\n            width: 100%;\r\n            height: 100%;\r\n            position: relative;\r\n        }\r\n        \r\n        \/* Optional overlay to blend image edge slightly if needed, or keeping it clean *\/\r\n        .hero-image-col::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0; left: 0; bottom: 0; right: 0;\r\n            background: rgba(0,0,0,0.1); \/* Very subtle dim for image depth *\/\r\n        }\r\n\r\n        \/* --- Social Proof in Hero (New) --- *\/\r\n        .hero-social-proof {\r\n            margin-top: 30px;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 15px;\r\n            font-size: 15px;\r\n            font-weight: 400;\r\n            color: white;\r\n        }\r\n\r\n        .hero-social-proof .stars {\r\n            color: var(--primary-gold);\r\n            font-size: 18px;\r\n            display: flex;\r\n            gap: 3px;\r\n        }\r\n\r\n        .hero-social-proof a {\r\n            color: white;\r\n            text-decoration: none;\r\n            border-bottom: 1px solid rgba(255,255,255,0.4);\r\n            transition: all 0.3s;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .hero-social-proof a:hover {\r\n            border-bottom-color: white;\r\n            color: var(--primary-gold);\r\n        }\r\n\r\n        \/* --- Trust Bar Section (NEW) --- *\/\r\n        .trust-bar {\r\n            background-color: #fbfbfb;\r\n            padding: 50px 0;\r\n            border-bottom: 1px solid #e5e5e5;\r\n        }\r\n\r\n        .trust-bar-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(4, 1fr);\r\n            gap: 30px;\r\n            text-align: center;\r\n        }\r\n\r\n        .trust-item {\r\n            padding: 0 15px;\r\n            border-right: 1px solid #e5e5e5;\r\n        }\r\n\r\n        .trust-item:last-child {\r\n            border-right: none;\r\n        }\r\n\r\n        .trust-number {\r\n            font-family: var(--font-open-sans);\r\n            font-size: 2.8rem;\r\n            font-weight: 300;\r\n            color: var(--primary-green);\r\n            line-height: 1.1;\r\n            margin-bottom: 10px;\r\n            display: block;\r\n        }\r\n\r\n        .trust-label {\r\n            font-family: var(--font-body);\r\n            font-size: 14px;\r\n            color: var(--text-gray);\r\n            line-height: 1.5;\r\n            font-weight: 400;\r\n        }\r\n\r\n        \/* --- Booking \/ Appointment Section --- *\/\r\n        .booking-section {\r\n            background-color: #ffffff;\r\n            padding: 80px 0; \r\n            border-bottom: 1px solid #e5e5e5;\r\n        }\r\n\r\n        .booking-container {\r\n            max-width: 1000px; \/* Limit width slightly for better readability *\/\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .booking-card {\r\n            background: white;\r\n            border-radius: 0; \r\n            box-shadow: 0 5px 25px rgba(0,0,0,0.08);\r\n            padding: 30px;\r\n            width: 100%;\r\n            border: 1px solid #e5e5e5;\r\n            margin-bottom: 50px; \/* Space between module and text below *\/\r\n        }\r\n\r\n        \/* Responsive Iframe\/Widget Placeholder *\/\r\n        .iframe-placeholder {\r\n            width: 100%;\r\n            background-color: #ffffff; \r\n            border: 1px solid #ddd;\r\n            display: block; \r\n            padding: 10px; \r\n            border-radius: 4px;\r\n            overflow: hidden; \r\n        }\r\n        \r\n        #fmc-booking-widget-iframe {\r\n            width: 100% !important;\r\n            height: 600px;\r\n            border: none;\r\n            display: block;\r\n        }\r\n\r\n        \/* Styles for the text block below the module *\/\r\n        .booking-info-block {\r\n            max-width: 900px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .booking-list {\r\n            list-style: none;\r\n            padding: 0;\r\n            margin-top: 25px;\r\n            \/* Grid layout for list items on desktop *\/\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 20px;\r\n        }\r\n\r\n        .booking-list li {\r\n            margin-bottom: 0;\r\n            display: flex;\r\n            align-items: flex-start;\r\n            font-size: 15px; \r\n            line-height: 1.6;\r\n            color: var(--text-dark);\r\n        }\r\n\r\n        .booking-list i {\r\n            margin-right: 12px;\r\n            font-size: 20px;\r\n            color: var(--primary-gold); \r\n            margin-top: 3px; \r\n            flex-shrink: 0;\r\n        }\r\n\r\n        \/* --- \"Why Different\" 3 Column Section (NEW) --- *\/\r\n        .why-different-section {\r\n            background-color: #fbfbfb;\r\n            padding: 100px 0;\r\n        }\r\n\r\n        .why-different-header {\r\n            text-align: center;\r\n            max-width: 850px;\r\n            margin: 0 auto 60px auto;\r\n        }\r\n\r\n        .why-different-header h2 {\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .why-different-header .lead {\r\n            font-size: 17px;\r\n            color: var(--text-dark);\r\n            line-height: 1.7;\r\n            margin-bottom: 20px;\r\n            font-weight: 400;\r\n        }\r\n\r\n        .why-different-header .sub {\r\n            font-size: 16px;\r\n            color: var(--text-gray);\r\n            line-height: 1.6;\r\n            max-width: 750px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .why-different-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 40px;\r\n            margin-bottom: 60px;\r\n        }\r\n\r\n        .why-different-card {\r\n            background: white;\r\n            padding: 40px 30px;\r\n            text-align: left;\r\n            box-shadow: 0 5px 20px rgba(0,0,0,0.05);\r\n            border-top: 4px solid var(--primary-gold);\r\n            transition: transform 0.3s, box-shadow 0.3s;\r\n        }\r\n\r\n        .why-different-card:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n        }\r\n\r\n        .why-different-icon {\r\n            font-size: 36px;\r\n            color: var(--primary-green);\r\n            margin-bottom: 20px;\r\n            display: block;\r\n        }\r\n\r\n        .why-different-card h3 {\r\n            font-family: var(--font-heading);\r\n            font-size: 1.2rem;\r\n            font-weight: 700;\r\n            color: var(--text-dark);\r\n            margin-bottom: 15px;\r\n            line-height: 1.4;\r\n        }\r\n\r\n        .why-different-card p {\r\n            font-size: 14px;\r\n            color: #666;\r\n            line-height: 1.7;\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        \/* Video embed inside why-different section *\/\r\n        .why-different-video {\r\n            max-width: 900px;\r\n            margin: 60px auto 0 auto;\r\n            box-shadow: 0 20px 50px rgba(0,0,0,0.1);\r\n        }\r\n\r\n        .why-different-video-wrapper {\r\n            position: relative;\r\n            padding-bottom: 56.25%;\r\n            height: 0;\r\n            width: 100%;\r\n            overflow: hidden;\r\n            background: #000;\r\n        }\r\n\r\n        .why-different-video-wrapper iframe {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            border: 0;\r\n        }\r\n\r\n        .why-different-cta {\r\n            text-align: center;\r\n            margin-top: 50px;\r\n        }\r\n\r\n        .why-different-cta p {\r\n            font-size: 17px;\r\n            color: var(--text-dark);\r\n            margin-bottom: 25px;\r\n            font-weight: 400;\r\n        }\r\n\r\n        \/* --- Pricing Section (NEW) --- *\/\r\n        .pricing-section {\r\n            background-color: white;\r\n            padding: 100px 0;\r\n        }\r\n\r\n        .pricing-header {\r\n            text-align: center;\r\n            max-width: 850px;\r\n            margin: 0 auto 50px auto;\r\n        }\r\n\r\n        .pricing-header h2 {\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .pricing-header p {\r\n            font-size: 16px;\r\n            color: var(--text-dark);\r\n            line-height: 1.8;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .pricing-table-title {\r\n            text-align: center;\r\n            font-family: var(--font-heading);\r\n            font-size: 1.4rem;\r\n            font-weight: 600;\r\n            color: var(--primary-green);\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .pricing-table-wrapper {\r\n            max-width: 900px;\r\n            margin: 0 auto;\r\n            background: white;\r\n            box-shadow: 0 10px 30px rgba(0,0,0,0.08);\r\n            border-top: 4px solid var(--primary-gold);\r\n        }\r\n\r\n        .pricing-row {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            padding: 22px 30px;\r\n            border-bottom: 1px solid #eee;\r\n            gap: 20px;\r\n        }\r\n\r\n        .pricing-row:last-child {\r\n            border-bottom: none;\r\n        }\r\n\r\n        .pricing-row:nth-child(even) {\r\n            background-color: #fbfbfb;\r\n        }\r\n\r\n        .pricing-name {\r\n            font-family: var(--font-heading);\r\n            font-size: 15px;\r\n            font-weight: 600;\r\n            color: var(--text-dark);\r\n            line-height: 1.5;\r\n            flex: 1;\r\n        }\r\n\r\n        .pricing-name small {\r\n            display: block;\r\n            color: #777;\r\n            font-size: 13px;\r\n            font-weight: 400;\r\n            margin-top: 4px;\r\n            font-family: var(--font-body);\r\n        }\r\n\r\n        .pricing-amount {\r\n            font-family: var(--font-heading);\r\n            font-size: 18px;\r\n            font-weight: 700;\r\n            color: var(--primary-green);\r\n            white-space: nowrap;\r\n            text-align: right;\r\n        }\r\n\r\n        .pricing-amount small {\r\n            display: block;\r\n            font-size: 12px;\r\n            font-weight: 400;\r\n            color: #777;\r\n            margin-top: 2px;\r\n        }\r\n\r\n        .pricing-cta {\r\n            text-align: center;\r\n            margin-top: 50px;\r\n        }\r\n\r\n        .pricing-cta p {\r\n            font-size: 16px;\r\n            color: var(--text-dark);\r\n            max-width: 750px;\r\n            margin: 0 auto 25px auto;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* --- Video Section (New - Fixed Layout) --- *\/\r\n        .video-section {\r\n            background-color: #ffffff;\r\n            padding: 100px 0;\r\n        }\r\n\r\n        \/* New Outer Container to Control Width *\/\r\n        .video-outer-container {\r\n            max-width: 900px;\r\n            margin: 50px auto 0 auto;\r\n            box-shadow: 0 20px 50px rgba(0,0,0,0.1);\r\n        }\r\n\r\n        \/* Aspect Ratio Wrapper - Now Width is 100% of Outer Container *\/\r\n        .video-responsive-wrapper {\r\n            position: relative;\r\n            padding-bottom: 56.25%; \/* 16:9 Aspect Ratio *\/\r\n            height: 0;\r\n            width: 100%; \/* Fixes aspect ratio issue *\/\r\n            overflow: hidden;\r\n            background: #000;\r\n        }\r\n\r\n        .video-responsive-wrapper iframe {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            border: 0;\r\n        }\r\n\r\n        \/* --- Virtual Tour Section (New) --- *\/\r\n        .virtual-tour-section {\r\n            background-color: #fbfbfb; \/* Light grey to separate from white Team section *\/\r\n            padding: 80px 0;\r\n            border-bottom: 1px solid #eee;\r\n        }\r\n\r\n        .virtual-tour-wrapper {\r\n            position: relative;\r\n            padding-bottom: 56.25%; \/* 16:9 Aspect Ratio *\/\r\n            height: 0;\r\n            overflow: hidden;\r\n            max-width: 1000px;\r\n            margin: 0 auto;\r\n            box-shadow: 0 20px 50px rgba(0,0,0,0.1);\r\n            background: #eee;\r\n        }\r\n\r\n        .virtual-tour-wrapper iframe {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            border: 0;\r\n        }\r\n\r\n        \/* --- Premium Offer Section (Green Background) --- *\/\r\n        .premium-section {\r\n            background: linear-gradient(135deg, var(--dark-green) 0%, var(--primary-green) 100%);\r\n            padding: 80px 0;\r\n            color: white;\r\n        }\r\n\r\n        .premium-card {\r\n            background: white;\r\n            border-radius: 0; \r\n            padding: 0;\r\n            overflow: hidden;\r\n            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);\r\n            position: relative;\r\n            max-width: 1100px; \r\n            margin: 0 auto;\r\n            border-top: 4px solid var(--primary-gold);\r\n            border-bottom: 4px solid var(--primary-gold);\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr; \r\n        }\r\n\r\n        .premium-content-wrapper {\r\n            display: flex;\r\n            flex-direction: column;\r\n            border-right: 1px solid #eee; \r\n        }\r\n\r\n        .premium-image-col {\r\n            background-image: url('https:\/\/www.raday32.hu\/wp-content\/uploads\/2026\/01\/gallery12.jpg');\r\n            background-size: cover; \r\n   background-position: 35% top;  \r\n            background-repeat: no-repeat;\r\n            min-height: 400px;\r\n            position: relative;\r\n        }\r\n        \r\n        .premium-image-col::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0; left: 0; right: 0; bottom: 0;\r\n            box-shadow: inset 5px 0 20px rgba(0,0,0,0.05);\r\n            pointer-events: none;\r\n        }\r\n\r\n        .premium-card-header {\r\n            background: #f9f9f9;\r\n            padding: 40px 40px 20px 40px; \r\n            text-align: left; \r\n            border-bottom: 1px solid #eee;\r\n        }\r\n\r\n        .premium-badge {\r\n            background: var(--primary-gold);\r\n            color: white;\r\n            text-transform: uppercase;\r\n            letter-spacing: 2px;\r\n            font-weight: 700;\r\n            font-size: 0.75rem;\r\n            padding: 6px 14px;\r\n            border-radius: 0; \r\n            display: inline-block;\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .premium-title {\r\n            color: var(--text-dark); \r\n            font-size: 2.5em; \r\n            line-height: 1.3em;\r\n            margin-bottom: 0.5em;\r\n            font-family: var(--font-open-sans); \r\n            font-weight: 300; \r\n            text-align: left; \r\n        }\r\n\r\n        .premium-subtitle {\r\n            color: #555;\r\n            font-size: 18px; \r\n            font-family: var(--font-body);\r\n            font-style: normal; \r\n            margin-bottom: 0;\r\n        }\r\n\r\n        .premium-body {\r\n            padding: 40px;\r\n            color: var(--text-dark);\r\n            flex-grow: 1;\r\n        }\r\n\r\n        .service-row {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            padding: 15px 0; \r\n            border-bottom: 1px solid #eee;\r\n        }\r\n\r\n        .service-row:last-child { border-bottom: none; }\r\n\r\n        .service-name {\r\n            font-weight: 600;\r\n            color: var(--text-dark);\r\n            font-size: 15px; \r\n            font-family: var(--font-heading);\r\n        }\r\n\r\n        .service-price {\r\n            text-align: right;\r\n            min-width: 110px;\r\n        }\r\n\r\n        .price-old {\r\n            display: block;\r\n            text-decoration: line-through;\r\n            color: #999;\r\n            font-size: 13px; \r\n        }\r\n\r\n        .price-new {\r\n            display: block;\r\n            color: var(--primary-gold);\r\n            font-weight: 700;\r\n            font-size: 18px; \r\n        }\r\n\r\n        .price-free {\r\n            color: var(--primary-green);\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            font-size: 14px;\r\n        }\r\n\r\n        .premium-total {\r\n            background: #fcfcfc;\r\n            padding: 30px 40px;\r\n            text-align: center;\r\n            border-top: 1px solid #eee;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n        }\r\n\r\n        .total-price-group {\r\n            text-align: left;\r\n        }\r\n\r\n        .total-label {\r\n            margin-bottom: 0; \r\n            color:#666; \r\n            font-size: 14px;\r\n        }\r\n\r\n        .total-price {\r\n            font-size: 2rem;\r\n            font-weight: 700;\r\n            color: var(--primary-green);\r\n            font-family: var(--font-heading);\r\n            line-height: 1;\r\n        }\r\n\r\n        .total-price s {\r\n            font-size: 1.2rem;\r\n            color: #ccc;\r\n            margin-right: 10px;\r\n            font-weight: 400;\r\n        }\r\n\r\n        .premium-note {\r\n            font-size: 14px; \r\n            color: rgba(255,255,255,0.9);\r\n            margin-top: 30px;\r\n            text-align: center;\r\n            line-height: 1.6;\r\n            max-width: 900px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n            font-style: normal; \r\n        }\r\n\r\n        \/* --- Details Section (New Premium Layout) --- *\/\r\n        .details-section {\r\n            background-color: var(--primary-green);\r\n            padding: 100px 0;\r\n            color: white;\r\n        }\r\n\r\n        .details-header {\r\n            text-align: center;\r\n            max-width: 800px;\r\n            margin: 0 auto 60px auto;\r\n        }\r\n\r\n        .details-header h2 {\r\n            color: white;\r\n            font-size: 2.2rem;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .details-header p {\r\n            font-size: 1.1rem;\r\n            color: rgba(255,255,255,0.9);\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* 2x2 Grid for \"Mit tartalmaz\" *\/\r\n        .feature-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 30px;\r\n            margin-bottom: 80px;\r\n        }\r\n\r\n        .feature-card {\r\n            background: white;\r\n            padding: 30px;\r\n            display: flex;\r\n            align-items: flex-start;\r\n            border-left: 5px solid var(--primary-gold);\r\n            box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n            transition: transform 0.3s;\r\n        }\r\n\r\n        .feature-card:hover {\r\n            transform: translateY(-5px);\r\n        }\r\n\r\n        .feature-icon {\r\n            font-size: 28px;\r\n            color: var(--primary-green);\r\n            margin-right: 20px;\r\n            flex-shrink: 0;\r\n            margin-top: 5px;\r\n        }\r\n\r\n        .feature-content h4 {\r\n            color: var(--text-dark);\r\n            font-size: 1.1rem;\r\n            margin-bottom: 10px;\r\n            font-family: var(--font-heading);\r\n        }\r\n\r\n        .feature-content p {\r\n            color: #666;\r\n            font-size: 0.95rem;\r\n            margin-bottom: 0;\r\n            line-height: 1.5;\r\n        }\r\n\r\n        \/* Split Section for \"Mi\u00e9rt v\u00e1lasszon minket\" *\/\r\n        .why-us-wrapper {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 0;\r\n            background: white;\r\n            overflow: hidden; \r\n            box-shadow: 0 15px 40px rgba(0,0,0,0.15);\r\n        }\r\n\r\n        .why-us-content {\r\n            padding: 60px 50px;\r\n            color: var(--text-dark);\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n        }\r\n\r\n        .why-us-image {\r\n            background-image: url('https:\/\/www.raday32.hu\/wp-content\/uploads\/2023\/04\/gallery2.jpg'); \r\n            background-size: cover;\r\n            background-position: center;\r\n            min-height: 400px;\r\n        }\r\n\r\n        .why-us-list {\r\n            list-style: none;\r\n            padding: 0;\r\n            margin: 20px 0 0 0;\r\n        }\r\n\r\n        .why-us-list li {\r\n            margin-bottom: 20px;\r\n            display: flex;\r\n            align-items: flex-start;\r\n            font-size: 15px;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        .why-us-list i {\r\n            color: var(--primary-gold);\r\n            font-size: 18px;\r\n            margin-right: 15px;\r\n            margin-top: 5px;\r\n        }\r\n\r\n        .details-cta {\r\n            text-align: center;\r\n            margin-top: 60px;\r\n        }\r\n        \r\n        .details-cta p {\r\n            font-size: 1.1rem;\r\n            max-width: 800px;\r\n            margin: 0 auto 30px auto;\r\n            color: rgba(255,255,255,0.95);\r\n        }\r\n\r\n        \/* --- Google Reviews Widget Styles (Adapted) --- *\/\r\n        .gr-wrap { font-family: var(--font-body); color: var(--text-gray); }\r\n        .gr-header { display:flex; align-items:center; gap:.5rem; margin-bottom: 2rem; justify-content: center; }\r\n        .gr-stars { display:inline-flex; vertical-align:middle; color: var(--primary-gold); }\r\n        .gr-rating { font-weight:600; font-family: var(--font-heading); color: var(--text-dark); }\r\n        .gr-carousel { position:relative; }\r\n        .gr-viewport {\r\n            overflow:hidden;\r\n            scroll-snap-type:x mandatory;\r\n            -webkit-overflow-scrolling: touch;\r\n            padding-bottom: 20px; \r\n        }\r\n        .gr-track {\r\n            display:flex;\r\n            gap:20px;\r\n            scroll-behavior:smooth;\r\n            touch-action:pan-y;\r\n        }\r\n        .gr-card {\r\n            border:1px solid #eee;\r\n            border-radius: 0; \r\n            padding: 25px;\r\n            background:#fff;\r\n            min-width:300px;\r\n            max-width:360px;\r\n            box-shadow: 0 5px 15px rgba(0,0,0,0.05);\r\n            scroll-snap-align:start;\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n        .gr-author { font-weight:700; margin-top:6px; color: var(--primary-green); font-family: var(--font-heading); font-size: 15px; }\r\n        .gr-text { margin-top:10px; line-height:1.6; font-size: 15px; flex-grow: 1; font-style: normal; color: var(--text-dark); }\r\n        .gr-foot { margin-top:15px; font-size: 13px; opacity:.6; border-top: 1px solid #f0f0f0; padding-top: 10px;}\r\n        .gr-row { display:flex; align-items:center; gap:15px; }\r\n        .gr-avatar { width:40px; height:40px; border-radius:50%; object-fit:cover; background:#f2f2f2; }\r\n        \r\n        .gr-ctrl {\r\n            position:absolute; top:50%; transform:translateY(-50%);\r\n            background:#ffffff;\r\n            border:1px solid var(--primary-green);\r\n            border-radius: 0; \r\n            width:40px; height:40px;\r\n            display:flex; align-items:center; justify-content:center;\r\n            cursor:pointer; user-select:none;\r\n            box-shadow:0 2px 5px rgba(0,0,0,.1);\r\n            color: var(--primary-green);\r\n            z-index: 2;\r\n            transition: all 0.3s;\r\n        }\r\n        .gr-ctrl:hover {\r\n            background: var(--primary-green);\r\n            color: white;\r\n        }\r\n        .gr-ctrl svg { width:20px; height:20px; stroke: currentColor; }\r\n        \r\n        .gr-prev { left:-20px; }\r\n        .gr-next { right:-20px; }\r\n        \r\n        .gr-more { margin-top:30px; text-align:center; }\r\n        .gr-link { text-decoration:none; color: var(--primary-green); font-weight: 600; border-bottom: 1px solid transparent; transition: border 0.3s;}\r\n        .gr-link:hover { border-bottom-color: var(--primary-green); }\r\n        \r\n        @media (max-width:480px){\r\n            .gr-card { min-width:260px; }\r\n            .gr-prev { left:-10px; }\r\n            .gr-next { right:-10px; }\r\n        }\r\n\r\n        \/* --- Reviews Section --- *\/\r\n        .reviews-section {\r\n            background-color: #ffffff;\r\n            padding: 80px 0;\r\n        }\r\n\r\n        \/* --- Team Section --- *\/\r\n        .team-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(4, 1fr); \r\n            gap: 30px;\r\n            margin-top: 50px;\r\n        }\r\n\r\n        .doctor-card {\r\n            background: transparent;\r\n            border-radius: 0;\r\n            padding: 0;\r\n            text-align: center; \r\n            box-shadow: none;\r\n            transition: none;\r\n        }\r\n\r\n        .doctor-img-wrapper {\r\n            margin-bottom: 20px;\r\n            overflow: hidden;\r\n            display: flex;\r\n            justify-content: center; \r\n        }\r\n\r\n        .doctor-img {\r\n            width: 200px; \r\n            height: 200px; \r\n            max-width: 100%; \r\n            border-radius: 50%; \r\n            border: 3px solid #f0f0f0; \r\n            display: block;\r\n            aspect-ratio: 1\/1; \r\n            object-fit: cover;\r\n        }\r\n\r\n        .doctor-info {\r\n            padding: 0;\r\n            text-align: center; \r\n        }\r\n\r\n        .doctor-name {\r\n            color: var(--text-dark);\r\n            font-weight: 700;\r\n            margin-bottom: 5px;\r\n            font-family: var(--font-heading); \r\n            font-size: 16px; \r\n            transition: color 0.3s;\r\n        }\r\n        \r\n        .doctor-card:hover .doctor-name {\r\n            color: var(--primary-green);\r\n        }\r\n\r\n        .doctor-title {\r\n            font-style: normal; \r\n            font-size: 14px; \r\n            margin-bottom: 15px;\r\n            color: var(--text-gray);\r\n            font-family: var(--font-body); \r\n            line-height: 1.4;\r\n            font-weight: 400;\r\n        }\r\n        \r\n        .doctor-bio {\r\n            font-size: 14px; \r\n            color: #666;\r\n            line-height: 1.6;\r\n            font-family: var(--font-body);\r\n            font-weight: 300; \r\n        }\r\n\r\n        \/* --- Contact Section (Light Green\/Grey Tint) --- *\/\r\n        #contact {\r\n            background-color: #f4f8f7; \r\n            padding-top: 80px !important; \r\n            padding-bottom: 80px !important;\r\n            margin: 0 !important; \r\n        }\r\n\r\n        .contact-grid {\r\n            background: white;\r\n            border-radius: 0;\r\n            box-shadow: 0 5px 30px rgba(0,0,0,0.05);\r\n            display: grid;\r\n            grid-template-columns: 40% 60%; \r\n            overflow: hidden; \r\n        }\r\n\r\n        .contact-info {\r\n            padding: 60px 50px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center; \r\n        }\r\n\r\n        .contact-item {\r\n            display: flex;\r\n            margin-bottom: 30px;\r\n            align-items: flex-start; \r\n        }\r\n        \r\n        .contact-item:last-child {\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        .contact-icon-box {\r\n            min-width: 40px;\r\n            margin-right: 15px;\r\n            text-align: center;\r\n            padding-top: 5px; \r\n        }\r\n\r\n        .contact-item i {\r\n            color: var(--primary-green);\r\n            font-size: 24px;\r\n        }\r\n        \r\n        .contact-details h4 {\r\n            font-family: var(--font-heading);\r\n            font-weight: 700;\r\n            font-size: 16px; \r\n            margin-bottom: 8px;\r\n            color: var(--text-dark);\r\n            line-height: 1.3;\r\n        }\r\n        \r\n        .contact-details p {\r\n            font-family: var(--font-body);\r\n            font-size: 14px; \r\n            color: #666;\r\n            line-height: 1.6;\r\n            margin-bottom: 0;\r\n        }\r\n        \r\n        .contact-details a {\r\n            color: var(--text-dark);\r\n            transition: color 0.3s;\r\n        }\r\n        \r\n        .contact-details a:hover {\r\n            color: var(--primary-green);\r\n        }\r\n\r\n        .map-container {\r\n            width: 100%;\r\n            height: 100%;\r\n            min-height: 600px; \r\n        }\r\n\r\n        .map-container iframe {\r\n            width: 100%;\r\n            height: 100%;\r\n            border: 0;\r\n            display: block; \/* Removes bottom space *\/\r\n        }\r\n\r\n        \/* --- CTA Block (Closing) --- *\/\r\n        .cta-block {\r\n            background-color: var(--primary-green);\r\n            color: white;\r\n            padding: 60px 40px;\r\n            text-align: center;\r\n            margin-top: 50px; \r\n        }\r\n\r\n        .cta-block h3 {\r\n            color: white;\r\n            font-size: 1.8rem;\r\n            margin-bottom: 15px;\r\n            font-family: var(--font-heading);\r\n        }\r\n\r\n        .cta-block p {\r\n            font-size: 1.1rem;\r\n            margin-bottom: 30px;\r\n            color: rgba(255,255,255,0.9);\r\n        }\r\n\r\n        .cta-block a.phone-link {\r\n            color: white;\r\n            font-weight: 700;\r\n            border-bottom: 1px solid rgba(255,255,255,0.5);\r\n        }\r\n        \r\n        .cta-block a.phone-link:hover {\r\n            border-bottom-color: white;\r\n        }\r\n\r\n        \/* --- Footer --- *\/\r\n        footer {\r\n            background-color: var(--dark-green);\r\n            color: white;\r\n            padding: 40px 0;\r\n            font-size: 0.9rem;\r\n        }\r\n\r\n        \/* --- Responsive Tweaks (Mobil\/Tablet) --- *\/\r\n        @media (max-width: 768px) { \/* Changed from 992px to 768px to keep desktop header longer *\/\r\n            \/* Header adjustments *\/\r\n            .header-top .container {\r\n                flex-direction: column;\r\n                padding: 15px 10px;\r\n                height: auto;\r\n            }\r\n            \r\n            \/* Booking Card adjustments for mobile *\/\r\n            .booking-card {\r\n                order: 2;\r\n                margin-bottom: 20px;\r\n                padding: 15px; \/* Reduced padding on mobile *\/\r\n            }\r\n\r\n            .iframe-placeholder {\r\n                padding: 0; \r\n                border: 1px solid #ddd; \/* Ensure border is visible *\/\r\n                \r\n                \/* FIX FOR TALL IFRAME ON MOBILE: Internal Scroll *\/\r\n                height: 500px; \/* Fixed height container *\/\r\n                overflow-y: auto; \/* Allow internal scrolling *\/\r\n                -webkit-overflow-scrolling: touch; \/* Smooth scroll on iOS *\/\r\n            }\r\n            \r\n            #fmc-booking-widget-iframe {\r\n                height: 650px !important; \/* Force tall height inside so it doesn't double scroll *\/\r\n            }\r\n            \r\n            \/* Hamburger Menu Visible on Mobile *\/\r\n            .mobile-menu-toggle {\r\n                display: block;\r\n            }\r\n\r\n            .info-left, .info-right {\r\n                display: none; \r\n            }\r\n\r\n            .logo {\r\n                order: 0; \r\n                margin-bottom: 0;\r\n                padding: 0;\r\n            }\r\n            \r\n            \/* Hero Section Mobile Adjustments *\/\r\n            .hero-grid {\r\n                grid-template-columns: 1fr; \/* Stack on mobile *\/\r\n            }\r\n            \r\n            .hero-image-col {\r\n                order: -1; \/* Image on top *\/\r\n                min-height: 300px; \/* Specific height for mobile hero image *\/\r\n                max-height: 400px;\r\n            }\r\n            \r\n            .hero-content-wrapper {\r\n                padding: 50px 25px; \/* Reduced padding on mobile *\/\r\n                text-align: center; \/* Center text on mobile *\/\r\n                justify-content: flex-start;\r\n            }\r\n            \r\n            .hero-content {\r\n                padding-left: 0;\r\n                border-left: none;\r\n                \/* Optional: Move accent to bottom or top on mobile, or remove *\/\r\n                border-bottom: 4px solid var(--primary-gold); \r\n                padding-bottom: 30px;\r\n            }\r\n            \r\n            .hero h1 {\r\n                font-size: 2.2rem; \/* Smaller title on mobile *\/\r\n            }\r\n\r\n            \/* Trust bar mobile *\/\r\n            .trust-bar-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n                gap: 30px 15px;\r\n            }\r\n            .trust-item {\r\n                border-right: none;\r\n                padding: 15px 5px;\r\n            }\r\n            .trust-item:nth-child(odd) {\r\n                border-right: 1px solid #e5e5e5;\r\n            }\r\n            .trust-number {\r\n                font-size: 2.2rem;\r\n            }\r\n\r\n            \/* Why different mobile *\/\r\n            .why-different-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 25px;\r\n            }\r\n\r\n            \/* Pricing mobile *\/\r\n            .pricing-row {\r\n                flex-direction: column;\r\n                align-items: flex-start;\r\n                gap: 8px;\r\n                padding: 18px 20px;\r\n            }\r\n            .pricing-amount {\r\n                text-align: left;\r\n                align-self: flex-end;\r\n            }\r\n\r\n            \/* --- Mobile Navigation Logic --- *\/\r\n            .header-bottom { \r\n                display: none; \/* Hidden by default *\/\r\n                background: white;\r\n                border-top: 1px solid #eee;\r\n                width: 100%;\r\n                position: absolute;\r\n                top: 100%;\r\n                left: 0;\r\n                box-shadow: 0 5px 10px rgba(0,0,0,0.1);\r\n            }\r\n            \r\n            \/* Class added by JS to show menu *\/\r\n            .header-bottom.active {\r\n                display: block;\r\n            }\r\n            \r\n            .main-nav {\r\n                flex-direction: column;\r\n                align-items: center;\r\n                width: 100%;\r\n            }\r\n            \r\n            .main-nav li {\r\n                width: 100%;\r\n                text-align: center;\r\n                border-bottom: 1px solid #f5f5f5;\r\n            }\r\n            \r\n            .main-nav a {\r\n                padding: 15px;\r\n            }\r\n            \r\n            .main-nav a::after {\r\n                display: none; \/* Remove underline effect on mobile *\/\r\n            }\r\n            \r\n            .hero h1 { font-size: 2.2rem; }\r\n            .logo img { height: 40px; }\r\n\r\n            .booking-grid {\r\n                display: flex;\r\n                flex-direction: column;\r\n                gap: 20px;\r\n            }\r\n\r\n            .booking-text-content {\r\n                padding-right: 0;\r\n                display: contents; \r\n            }\r\n            \r\n            .booking-text-content > h2 {\r\n                order: 1;\r\n                margin-bottom: 10px; \r\n            }\r\n\r\n            .booking-card {\r\n                order: 2;\r\n                margin-bottom: 20px;\r\n            }\r\n\r\n            .booking-info-block {\r\n                order: 3;\r\n            }\r\n\r\n            .premium-card {\r\n                grid-template-columns: 1fr;\r\n                max-width: 600px;\r\n            }\r\n            .premium-image-col {\r\n                min-height: 250px;\r\n                order: -1; \r\n            }\r\n            .premium-card-header, .premium-body, .premium-total {\r\n                padding: 30px 20px;\r\n            }\r\n            .premium-total {\r\n                flex-direction: column;\r\n                gap: 20px;\r\n                text-align: center;\r\n            }\r\n            .total-price-group {\r\n                text-align: center;\r\n            }\r\n\r\n            .feature-grid {\r\n                grid-template-columns: 1fr; \r\n            }\r\n            .why-us-wrapper {\r\n                grid-template-columns: 1fr; \r\n            }\r\n            .why-us-image {\r\n                min-height: 250px;\r\n                order: -1; \r\n            }\r\n            .why-us-content {\r\n                padding: 40px 20px;\r\n            }\r\n\r\n            .team-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n\r\n            .contact-grid { \r\n                grid-template-columns: 1fr; \r\n            }\r\n            .map-container {\r\n                min-height: 400px; \r\n            }\r\n        }\r\n        \r\n        @media (max-width: 600px) {\r\n            .service-row {\r\n                flex-direction: column;\r\n                align-items: flex-start;\r\n                text-align: left;\r\n            }\r\n            .service-price {\r\n                margin-top: 5px;\r\n                text-align: left;\r\n            }\r\n            .premium-title { font-size: 1.5rem; }\r\n            .total-price { font-size: 2rem; }\r\n            \r\n            .team-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n            .doctor-card {\r\n                text-align: center; \r\n            }\r\n        }\r\n\r\n        \/* --- Scroll Animations (Premium Feel) --- *\/\r\n        .reveal {\r\n            opacity: 0;\r\n            transform: translateY(30px); \/* Start slightly lower *\/\r\n            transition: all 0.8s cubic-bezier(0.5, 0, 0, 1); \/* Custom easing for smooth \"settling\" *\/\r\n            will-change: opacity, transform;\r\n        }\r\n\r\n        .reveal.active {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n\r\n        \/* Staggered delays for grids *\/\r\n        .feature-card:nth-child(2) { transition-delay: 0.1s; }\r\n        .feature-card:nth-child(3) { transition-delay: 0.2s; }\r\n        .feature-card:nth-child(4) { transition-delay: 0.3s; }\r\n        \r\n        .doctor-card:nth-child(2) { transition-delay: 0.1s; }\r\n        .doctor-card:nth-child(3) { transition-delay: 0.2s; }\r\n        .doctor-card:nth-child(4) { transition-delay: 0.3s; }\r\n\r\n        .booking-list li:nth-child(2) { transition-delay: 0.1s; }\r\n        .booking-list li:nth-child(3) { transition-delay: 0.2s; }\r\n        .booking-list li:nth-child(4) { transition-delay: 0.3s; }\r\n        .booking-list li:nth-child(5) { transition-delay: 0.4s; }\r\n\r\n        .trust-item:nth-child(2) { transition-delay: 0.1s; }\r\n        .trust-item:nth-child(3) { transition-delay: 0.2s; }\r\n        .trust-item:nth-child(4) { transition-delay: 0.3s; }\r\n\r\n        .why-different-card:nth-child(2) { transition-delay: 0.1s; }\r\n        .why-different-card:nth-child(3) { transition-delay: 0.2s; }\r\n\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <!-- Header -->\r\n    <header>\r\n        <!-- Mobile Menu Button -->\r\n        <div class=\"mobile-menu-toggle\" onclick=\"toggleMobileMenu()\">\r\n            <i class=\"fas fa-bars\"><\/i>\r\n        <\/div>\r\n\r\n        <div class=\"header-top\">\r\n            <div class=\"container\">\r\n                \r\n                <!-- Left Info: Phone & Email -->\r\n                <div class=\"info-left\">\r\n                    <div class=\"info-group\">\r\n                        <i class=\"fa fa-phone info-icon\"><\/i>\r\n                        <span class=\"info-text\">\r\n                            <a href=\"tel:+36301971532\"><strong>+36 30 197 1532<\/strong><\/a>\r\n                        <\/span>\r\n                    <\/div>\r\n                    <div class=\"info-group\">\r\n                        <i class=\"fa fa-envelope info-icon\"><\/i>\r\n                        <span class=\"info-text\">\r\n                            <a href=\"mailto:info@raday32.hu\">info@raday32.hu<\/a>\r\n                        <\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Center: Logo -->\r\n                <div class=\"logo\">\r\n                    <a href=\"#\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.raday32.hu\/wp-content\/uploads\/2023\/04\/logo-1x.png\" alt=\"R\u00e1day32 Dentalcentrum Logo\">\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- Right Info: Hours & Address -->\r\n                <div class=\"info-right\">\r\n                    <div class=\"info-group\">\r\n                        <span class=\"info-text\">Nyitvatart\u00e1s: H-Cs: <strong>9:00-19:30<\/strong><\/span>\r\n                        <i class=\"fa fa-calendar info-icon\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"info-group\">\r\n                        <span class=\"info-text\">1092 Bp. R\u00e1day u. 32.<\/span>\r\n                        <i class=\"fa fa-map-marker-alt info-icon\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Bottom Row: Navigation -->\r\n        <div class=\"header-bottom\" id=\"mobile-nav\">\r\n            <div class=\"container\">\r\n                <nav>\r\n                    <ul class=\"main-nav\">\r\n                        <li><a href=\"#booking\" onclick=\"toggleMobileMenu()\">Id\u0151pontfoglal\u00e1s<\/a><\/li>\r\n                        <li><a href=\"#premium-offer\" onclick=\"toggleMobileMenu()\">Exkluz\u00edv Aj\u00e1nlat<\/a><\/li>\r\n                        <li><a href=\"#reviews\" onclick=\"toggleMobileMenu()\">V\u00e9lem\u00e9nyek<\/a><\/li>\r\n                        <li><a href=\"#team\" onclick=\"toggleMobileMenu()\">Csapatunk<\/a><\/li>\r\n                        <li><a href=\"#contact\" onclick=\"toggleMobileMenu()\">Kapcsolat<\/a><\/li>\r\n                    <\/ul>\r\n                <\/nav>\r\n            <\/div>\r\n        <\/div>\r\n    <\/header>\r\n\r\n    <!-- Hero Section -->\r\n    <section class=\"hero\">\r\n        <!-- Changed to Full Width Grid Layout -->\r\n        <div class=\"hero-grid\">\r\n            \r\n            <!-- Left Side: Text -->\r\n            <div class=\"hero-content-wrapper\">\r\n                <div class=\"hero-content reveal\"> <!-- Added reveal -->\r\n                    <h1>Fog\u00e1szat,<br><span style=\"color: var(--primary-gold);\">ahol \u00d6n az els\u0151.<\/span><\/h1>\r\n                    <p>A R\u00e1day32 Dentalcentrumban nem fut\u00f3szalag-ell\u00e1t\u00e1s, hanem val\u00f3di odafigyel\u00e9s v\u00e1rja: teljes k\u00f6r\u0171 vizsg\u00e1lat, \u00e1tl\u00e1that\u00f3 \u00e1rak, pontos diagn\u00f3zis \u00e9rthet\u0151 magyar\u00e1zattal, \u00e9s csak az a kezel\u00e9s, amire val\u00f3ban sz\u00fcks\u00e9ge van.<\/p>\r\n                    <p style=\"font-size: 1rem; margin-bottom: 30px;\">Foglaljon id\u0151pontot egy teljes fog\u00e1szati \u00e1llapotfelm\u00e9r\u00e9sre!<\/p>\r\n                    <a href=\"#booking\" class=\"btn btn-gold\">Id\u0151pontot foglalok<\/a>\r\n                    \r\n                    <!-- Social Proof Block -->\r\n                    <div class=\"hero-social-proof\">\r\n                        <div class=\"stars\">\r\n                            <i class=\"fas fa-star\"><\/i>\r\n                            <i class=\"fas fa-star\"><\/i>\r\n                            <i class=\"fas fa-star\"><\/i>\r\n                            <i class=\"fas fa-star\"><\/i>\r\n                            <i class=\"fas fa-star\"><\/i>\r\n                        <\/div>\r\n                        <div>\r\n                            Kiv\u00e1l\u00f3 fog\u00e1szat | <a href=\"#reviews\">4.5\/5 \u00e9rt\u00e9kel\u00e9s<\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Right Side: Image -->\r\n            <div class=\"hero-image-col reveal\"> <!-- Added reveal -->\r\n                <!-- Background image handles display -->\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Trust Bar Section (NEW) -->\r\n    <section class=\"trust-bar\">\r\n        <div class=\"container\">\r\n            <div class=\"trust-bar-grid\">\r\n                <div class=\"trust-item reveal\">\r\n                    <span class=\"trust-number\">60+ \u00e9v<\/span>\r\n                    <div class=\"trust-label\">nemzetk\u00f6zi \u00e9s hazai szakorvosi tapasztalat<\/div>\r\n                <\/div>\r\n                <div class=\"trust-item reveal\">\r\n                    <span class=\"trust-number\">5000+<\/span>\r\n                    <div class=\"trust-label\">eg\u00e9szs\u00e9ges mosoly 2015 \u00f3ta<\/div>\r\n                <\/div>\r\n                <div class=\"trust-item reveal\">\r\n                    <span class=\"trust-number\">4,5 \/ 5<\/span>\r\n                    <div class=\"trust-label\">val\u00f3di p\u00e1ciens \u00e9rt\u00e9kel\u00e9s<\/div>\r\n                <\/div>\r\n                <div class=\"trust-item reveal\">\r\n                    <span class=\"trust-number\">100%<\/span>\r\n                    <div class=\"trust-label\">odafigyel\u00e9s \u00e9s emp\u00e1tia<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Booking Section (UNCHANGED) -->\r\n    <section class=\"booking-section\" id=\"booking\">\r\n        <div class=\"container booking-container\">\r\n            \r\n            <!-- 1. Title Above Module -->\r\n            <h2 class=\"reveal\" style=\"color: var(--primary-green); margin-bottom: 30px; text-align: center;\">Foglaljon id\u0151pontot most!<\/h2>\r\n            \r\n            <!-- 2. Booking Module (Dynamic GCLID Injection) -->\r\n            <div class=\"booking-card reveal\"> \r\n                <div id=\"booking-iframe-container\" class=\"iframe-placeholder\">\r\n                    <!-- The iframe will be inserted here by JavaScript -->\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- 3. Info Text Below Module -->\r\n            <div class=\"booking-info-block reveal\">\r\n                <h3 style=\"font-size: 1.25rem; font-weight: 600; color: #444; margin-bottom: 25px; line-height: 1.4; text-align: center;\">\r\n                    Mit tartalmaz a 10 000 Ft-os teljes \u00e1llapotfelm\u00e9r\u00e9s d\u00edja?\r\n                <\/h3>\r\n                \r\n                <ul class=\"booking-list\">\r\n                    <li><i class=\"fas fa-check-circle\"><\/i> Nagyfelbont\u00e1s\u00fa 3D digit\u00e1lis kis r\u00f6ntgen<\/li>\r\n                    <li><i class=\"fas fa-check-circle\"><\/i> Teljes fog\u00e1szati diagn\u00f3zis<\/li>\r\n                    <li><i class=\"fas fa-check-circle\"><\/i> Szakorvosi konzult\u00e1ci\u00f3 \u00e9s tan\u00e1csad\u00e1s<\/li>\r\n                    <li><i class=\"fas fa-check-circle\"><\/i> \u00cdr\u00e1sos, r\u00e9szletes kezel\u00e9si terv \u00e1rakkal \u00e9s id\u0151z\u00edt\u00e9ssel<\/li>\r\n                    <li><i class=\"fas fa-check-circle\"><\/i> Odafigyel\u00e9s, t\u00fcrelem \u00e9s emp\u00e1tia \ud83d\ude0a<\/li>\r\n                <\/ul>\r\n\r\n                <div style=\"margin-top: 40px; text-align: center;\">\r\n                    <p style=\"margin-bottom: 15px; font-weight: 600; color: #666;\">Vagy k\u00e9rjen id\u0151pontot telefonon:<\/p>\r\n                    <a href=\"tel:+36301971532\" class=\"btn btn-green\">\r\n                        <i class=\"fa fa-phone\"><\/i> +36 (30) 197-1532\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Why Different Section (NEW - replaces old Video Section intro) -->\r\n    <section class=\"why-different-section\">\r\n        <div class=\"container\">\r\n            <div class=\"why-different-header reveal\">\r\n                <h2>Miben m\u00e1s a R\u00e1day32 Dentalcentrum?<\/h2>\r\n                <p class=\"lead\">A R\u00e1day32 Dentalcentrumban a belv\u00e1ros sz\u00edv\u00e9ben, a R\u00e1day utc\u00e1ban v\u00e1rjuk bar\u00e1ts\u00e1gos, tapasztalt csapatunkkal \u00e9s azzal a figyelemmel, amit \u00d6n meg\u00e9rdemel.<\/p>\r\n                <p class=\"sub\">H\u00e1rom dolog, amit visszat\u00e9r\u0151 p\u00e1cienseink \u00fajra \u00e9s \u00fajra kiemelnek \u2014 \u00e9s amit m\u00e1s rendel\u0151kben gyakran hi\u00e1ba keresnek.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"why-different-grid\">\r\n                <div class=\"why-different-card reveal\">\r\n                    <i class=\"fas fa-search-plus why-different-icon\"><\/i>\r\n                    <h3>Pontos diagn\u00f3zis, semmi felesleges kezel\u00e9s<\/h3>\r\n                    <p>A diagn\u00f3zis sor\u00e1n pontosan elmondjuk, mit tal\u00e1ltunk \u00e9s mi\u00e9rt javasolunk egy adott kezel\u00e9st. Ha valami nem szorul beavatkoz\u00e1sra, azt is \u0151szint\u00e9n megmondjuk. Nincs t\u00faltervez\u00e9s, nincsenek rejtett vagy ut\u00f3lagos t\u00e9telek a sz\u00e1ml\u00e1n, csak az ker\u00fcl a kezel\u00e9si tervbe, amire val\u00f3ban sz\u00fcks\u00e9ge van.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"why-different-card reveal\">\r\n                    <i class=\"fas fa-comments why-different-icon\"><\/i>\r\n                    <h3>Pontosan elmondjuk mi t\u00f6rt\u00e9nik<\/h3>\r\n                    <p>Miel\u0151tt hozz\u00e1kezd\u00fcnk a kezel\u00e9shez, r\u00e9szletesen elmondjuk, mire sz\u00e1m\u00edthat. Kezel\u00e9s k\u00f6zben folyamatosan t\u00e1j\u00e9koztatjuk, hogy \u00e9ppen mit csin\u00e1lunk \u00e9s mit fog \u00e9rezni. \u00c9s v\u00e9gig k\u00e9rdezz\u00fck, hogyan \u00e9rzi mag\u00e1t. Ez\u00e9rt l\u00e1togatnak hozz\u00e1nk vissza azok a p\u00e1cienseink is, akik \u00e9vtizedekig f\u00e9ltek a fogorvost\u00f3l.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"why-different-card reveal\">\r\n                    <i class=\"far fa-clock why-different-icon\"><\/i>\r\n                    <h3>Id\u0151t sz\u00e1nunk \u00d6nre<\/h3>\r\n                    <p>N\u00e1lunk nem egy negyed\u00f3r\u00e1s id\u0151pont v\u00e1rja \u00d6nt, \u00e9s nem fut\u00f3szalagon kezelj\u00fck a p\u00e1cienseinket. Annyi id\u0151t sz\u00e1nunk \u00d6nre, amennyire sz\u00fcks\u00e9g van \u00e9s abban a temp\u00f3ban haladunk a kezel\u00e9ssel, ami \u00d6nnek k\u00e9nyelmes.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"why-different-video reveal\">\r\n                <div class=\"why-different-video-wrapper\">\r\n                    <iframe src=\"https:\/\/www.youtube.com\/embed\/gGa41jNdZYw?wmode=opaque\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\" width=\"100%\" height=\"100%\"><\/iframe>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"why-different-cta reveal\">\r\n                <p>Foglaljon id\u0151pontot most \u00e9s tapasztalja meg, hogyan zajlik egy val\u00f3ban emberi fog\u00e1szati kezel\u00e9s m\u00e1r az els\u0151 pillanatt\u00f3l!<\/p>\r\n                <a href=\"#booking\" class=\"btn btn-gold\">Id\u0151pontot foglalok<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Pricing Section (NEW) -->\r\n    <section class=\"pricing-section\">\r\n        <div class=\"container\">\r\n            <div class=\"pricing-header reveal\">\r\n                <h2>\u00c1tl\u00e1that\u00f3 \u00e1rak, kisz\u00e1m\u00edthat\u00f3 k\u00f6lts\u00e9gek<\/h2>\r\n                <p>A pontos diagn\u00f3zis ut\u00e1n t\u00e9teles, \u00edr\u00e1sos kezel\u00e9si tervet k\u00e9sz\u00edt\u00fcnk, amelyben pontr\u00f3l pontra l\u00e1tja, milyen beavatkoz\u00e1sra van sz\u00fcks\u00e9ge \u00e9s az mennyibe fog ker\u00fclni. A tervt\u0151l csak sz\u00fcks\u00e9g eset\u00e9n \u00e9s el\u0151zetes egyeztet\u00e9s ut\u00e1n t\u00e9r\u00fcnk el. Felesleges, orvosilag indokolatlan kezel\u00e9st soha nem v\u00e9gz\u00fcnk csak az\u00e9rt, hogy magasabb legyen a sz\u00e1mla v\u00e9g\u00f6sszege.<\/p>\r\n                <p>Rendel\u0151nkben minden eg\u00e9szs\u00e9gp\u00e9nzt\u00e1ri k\u00e1rty\u00e1t elfogadunk, a kezel\u00e9s \u00e1r\u00e1t bankk\u00e1rty\u00e1val vagy banki \u00e1tutal\u00e1ssal is rendezheti.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"pricing-table-title reveal\">N\u00e9h\u00e1ny gyakori kezel\u00e9s\u00fcnk \u00e1ra<\/div>\r\n\r\n            <div class=\"pricing-table-wrapper reveal\">\r\n                <div class=\"pricing-row\">\r\n                    <div class=\"pricing-name\">\r\n                        Sub- \u00e9s supragingiv\u00e1lis fogk\u0151elt\u00e1vol\u00edt\u00e1s, pol\u00edroz\u00e1s, sz\u00e1jhigi\u00e9ni\u00e1s tan\u00e1csad\u00e1s\r\n                    <\/div>\r\n                    <div class=\"pricing-amount\">\r\n                        35 000 Ft\r\n                        <small>\/ als\u00f3-fels\u0151 \u00e1llcsont<\/small>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"pricing-row\">\r\n                    <div class=\"pricing-name\">\r\n                        Eszt\u00e9tikus fogt\u00f6m\u00e9s, 1 felsz\u00edn\r\n                        <small>pr\u00e9mium Tokuyama kompozittal<\/small>\r\n                    <\/div>\r\n                    <div class=\"pricing-amount\">30 000 Ft<\/div>\r\n                <\/div>\r\n\r\n                <div class=\"pricing-row\">\r\n                    <div class=\"pricing-name\">\r\n                        Gy\u00f6k\u00e9rt\u00f6m\u00e9s, 1 csatorna\r\n                        <small>bioker\u00e1mia gy\u00f6k\u00e9rt\u00f6m\u0151 anyaggal, l\u00e9zeres tiszt\u00edt\u00e1ssal<\/small>\r\n                    <\/div>\r\n                    <div class=\"pricing-amount\">45 000 Ft<\/div>\r\n                <\/div>\r\n\r\n                <div class=\"pricing-row\">\r\n                    <div class=\"pricing-name\">\r\n                        Anatomikus cirk\u00f3nium korona\r\n                        <small>digit\u00e1lis lenyomatv\u00e9tellel<\/small>\r\n                    <\/div>\r\n                    <div class=\"pricing-amount\">115 000 Ft<\/div>\r\n                <\/div>\r\n\r\n                <div class=\"pricing-row\">\r\n                    <div class=\"pricing-name\">\r\n                        Beyond II Ultra rendel\u0151i fogfeh\u00e9r\u00edt\u00e9s\r\n                        <small>2 fog\u00edv<\/small>\r\n                    <\/div>\r\n                    <div class=\"pricing-amount\">80 000 Ft<\/div>\r\n                <\/div>\r\n\r\n                <div class=\"pricing-row\">\r\n                    <div class=\"pricing-name\">\r\n                        Straumann Roxolid BL SLA implant\u00e1tum\r\n                        <small>Made in Switzerland<\/small>\r\n                    <\/div>\r\n                    <div class=\"pricing-amount\">250 000 Ft<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"pricing-cta reveal\">\r\n                <p>A teljes \u00e1llapotfelm\u00e9r\u00e9sen pontosan megtudhatja, hogy az \u00d6n eset\u00e9ben mire lesz sz\u00fcks\u00e9g \u00e9s mi mennyibe fog ker\u00fclni.<\/p>\r\n                <a href=\"#booking\" class=\"btn btn-gold\">Id\u0151pontot foglalok<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Premium Offer Section (UNCHANGED: Mosoly\u00e1pol\u00e1si Csomag) -->\r\n    <section class=\"premium-section\" id=\"premium-offer\">\r\n        <div class=\"container\">\r\n            <div class=\"premium-card reveal\"> <!-- Added reveal -->\r\n                \r\n                <div class=\"premium-content-wrapper\">\r\n                    <div class=\"premium-card-header\">\r\n                        <span class=\"premium-badge\">Exkluz\u00edv Aj\u00e1nlat<\/span>\r\n                        <h2 class=\"premium-title\">Most 30 000 Ft kedvezm\u00e9nyt adunk Exkluz\u00edv Mosoly\u00e1pol\u00e1si Csomagunkra!<\/h2>\r\n                        <p class=\"premium-subtitle\">Haszn\u00e1lja ki limit\u00e1lt idej\u0171 aj\u00e1nlatunkat <strong>2026. okt\u00f3ber 31-ig!<\/strong><\/p>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"premium-body\">\r\n                        <h3 class=\"text-green\" style=\"margin-bottom: 25px; font-family: var(--font-heading); font-size: 1.3rem;\">Mit tartalmaz a csomag?<\/h3>\r\n                        \r\n                        <div class=\"service-row\">\r\n                            <div class=\"service-name\">Konzult\u00e1ci\u00f3, \u00e1llapotfelm\u00e9r\u00e9s \u00e9s kezel\u00e9si terv<\/div>\r\n                            <div class=\"service-price\">\r\n                                <span class=\"price-old\">10 000 Ft<\/span>\r\n                                <span class=\"price-new\">0 Ft<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"service-row\">\r\n                            <div class=\"service-name\">Digit\u00e1lis panor\u00e1ma r\u00f6ntgen<\/div>\r\n                            <div class=\"service-price\">\r\n                                <span class=\"price-old\">10 000 Ft<\/span>\r\n                                <span class=\"price-new\">0 Ft<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"service-row\">\r\n                            <div class=\"service-name\">Ir\u00e1ny\u00edtott biofilm ter\u00e1pia <br><small style=\"color:#777; font-weight:400;\">(A fogk\u0151elt\u00e1vol\u00edt\u00e1s legfejlettebb m\u00f3dja!)<\/small><\/div>\r\n                            <div class=\"service-price\">\r\n                                <span class=\"price-old\">40 000 Ft<\/span>\r\n                                <span class=\"price-new\">35 000 Ft<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"service-row\">\r\n                            <div class=\"service-name\">Eszt\u00e9tikus pr\u00e9mium t\u00f6m\u00e9s <br><small style=\"color:#777; font-weight:400;\">(Tokuyama, max. 3 felsz\u00edn)<\/small><\/div>\r\n                            <div class=\"service-price\">\r\n                                <span class=\"price-old\">39 000 Ft<\/span>\r\n                                <span class=\"price-new\">34 000 Ft<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"service-row\">\r\n                            <div class=\"service-name\">\u00c9rz\u00e9stelen\u00edt\u00e9s, szak\u00e9rtelem, emp\u00e1tia<\/div>\r\n                            <div class=\"service-price\">\r\n                                <span class=\"price-free\">INGYEN \ud83d\ude0a<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"premium-total\">\r\n                        <div class=\"total-price-group\">\r\n                            <div class=\"total-label\">Teljes \u00e9rt\u00e9k:<\/div>\r\n                            <div class=\"total-price\"><s>99 000 Ft<\/s> 69 000 Ft<\/div>\r\n                        <\/div>\r\n                        <div>\r\n                            <a href=\"#booking\" class=\"btn btn-gold\">K\u00e9rem a kedvezm\u00e9nyt<\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"premium-image-col\">\r\n                    <!-- Image set via CSS -->\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"premium-note reveal\">\r\n                <p><strong>Fontos:<\/strong> A konzult\u00e1ci\u00f3 sor\u00e1n ne felejtse el megeml\u00edteni, hogy az <em>Exkluz\u00edv Mosoly\u00e1pol\u00e1si Csomag<\/em> aj\u00e1nlatra \u00e9rkezett, hogy biztosan \u00e9rv\u00e9nyes\u00edthess\u00fck kedvezm\u00e9ny\u00e9t!<\/p>\r\n                <p style=\"margin-top: 10px;\">Ha eddig halogatta a fog\u00e1szati probl\u00e9m\u00e1j\u00e1t, mert f\u00e9lt a k\u00f6lts\u00e9gekt\u0151l, most igaz\u00e1n \u00e9rdemes belev\u00e1gnia!<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Reviews Section (UNCHANGED) -->\r\n    <section class=\"reviews-section\" id=\"reviews\">\r\n        <div class=\"container reveal\"> <!-- Added reveal -->\r\n            <h2>Mit mondanak azok, akik m\u00e1r j\u00e1rtak n\u00e1lunk?<\/h2>\r\n            <p class=\"text-center\" style=\"margin-top: 10px; margin-bottom: 40px; color: #666; font-family: 'Open Sans', sans-serif; font-style: normal; font-size: 16px;\">T\u00f6bb sz\u00e1z el\u00e9gedett mosoly - P\u00e1cienseink v\u00e9lem\u00e9nye a legjobb garancia!<\/p>\r\n            \r\n            <div id=\"google-reviews\"\r\n                 data-place-id=\"ChIJZeIpSFfcQUcRXVYqNvP4dz4\"\r\n                 data-endpoint=\"https:\/\/steep-frog-6dab.balint-istvan27.workers.dev\"\r\n                 data-max=\"10\">\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Team Section (UPDATED intro text) -->\r\n    <section class=\"section\" id=\"team\">\r\n        <div class=\"container\">\r\n            <h2 class=\"reveal\">Csapatunk, aki figyelni fog \u00d6nre<\/h2>\r\n            <p class=\"text-center reveal\" style=\"max-width: 850px; margin: 0 auto 20px auto; color: #666; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 1.7;\">\r\n                Rendel\u0151nkben nem fut\u00f3szalag-ell\u00e1t\u00e1s v\u00e1rja, hanem olyan szakorvosok, akik val\u00f3ban meghallgatj\u00e1k, meg\u00e9rtik a f\u00e9lelmeit \u00e9s k\u00f6z\u00f6sen keresnek megold\u00e1st. Nem csak a fogait l\u00e1tjuk, hanem \u00d6nt is!\r\n            <\/p>\r\n            <p class=\"text-center reveal\" style=\"max-width: 850px; margin: 0 auto 40px auto; color: #666; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 1.7;\">\r\n                N\u00e1lunk nem v\u00e9letlenszer\u0171 orvoshoz ker\u00fcl minden alkalommal, hanem egy \u00e1lland\u00f3 szakorvoshoz, aki pontosan ismeri \u00d6nt \u00e9s az \u00d6n k\u00f3rt\u00f6rt\u00e9net\u00e9t. N\u00e9gy szakter\u00fcletet fed\u00fcnk le egy helyen (\u00e1ltal\u00e1nos fog\u00e1szatot, sz\u00e1jseb\u00e9szetet, implantol\u00f3gi\u00e1t \u00e9s fogszab\u00e1lyoz\u00e1st) \u00edgy ha egy kezel\u00e9s sor\u00e1n b\u00e1rmilyen szakorvosra is van sz\u00fcks\u00e9g, nem k\u00fcldj\u00fck el m\u00e1shov\u00e1.\r\n            <\/p>\r\n            <div class=\"team-grid\">\r\n                <div class=\"doctor-card reveal\"> <!-- Added reveal -->\r\n                    <div class=\"doctor-img-wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.raday32.hu\/wp-content\/uploads\/2023\/04\/team_marci.jpg\" alt=\"Dr. Gill M\u00e1rton\" class=\"doctor-img\">\r\n                    <\/div>\r\n                    <div class=\"doctor-info\">\r\n                        <div class=\"doctor-name\">Dr. Gill M\u00e1rton<\/div>\r\n                        <div class=\"doctor-title\">rendel\u0151 vezet\u0151 fogorvos<\/div>\r\n                        <p class=\"doctor-bio\">T\u00f6bb gener\u00e1ci\u00f3s orvos csal\u00e1db\u00f3l sz\u00e1rmazom, \u00edgy a gy\u00f3gy\u00edt\u00e1s mindig a k\u00f6zelemben volt. Mindig szem el\u0151tt tartom, hogy nemcsak fogakat, hanem embereket kezeljek.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"doctor-card reveal\"> <!-- Added reveal -->\r\n                    <div class=\"doctor-img-wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.raday32.hu\/wp-content\/uploads\/2023\/04\/team_marti.jpg\" alt=\"Dr. K\u00e1roly M\u00e1rta\" class=\"doctor-img\">\r\n                    <\/div>\r\n                    <div class=\"doctor-info\">\r\n                        <div class=\"doctor-name\">Dr. K\u00e1roly M\u00e1rta<\/div>\r\n                        <div class=\"doctor-title\">fogorvos<\/div>\r\n                        <p class=\"doctor-bio\">2007-ben v\u00e9geztem a Semmelweis Egyetemen, majd hazai \u00e9s holland mag\u00e1nrendel\u0151kben szereztem tapasztalatot nemzetk\u00f6zi p\u00e1ciensekkel. Mindig t\u00f6rekszem a nyugodt, oldott l\u00e9gk\u00f6r kialak\u00edt\u00e1s\u00e1ra , hogy a fog\u00e1szati kezel\u00e9s min\u00e9l stresszmentesebb legyen p\u00e1cienseimnek.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"doctor-card reveal\"> <!-- Added reveal -->\r\n                    <div class=\"doctor-img-wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.raday32.hu\/wp-content\/uploads\/2023\/04\/team_tomi-1.jpg\" alt=\"Dr. W\u00fcrsching Tam\u00e1s\" class=\"doctor-img\">\r\n                    <\/div>\r\n                    <div class=\"doctor-info\">\r\n                        <div class=\"doctor-name\">Dr. W\u00fcrsching Tam\u00e1s<\/div>\r\n                        <div class=\"doctor-title\">sz\u00e1jseb\u00e9sz, implantol\u00f3gus<\/div>\r\n                        <p class=\"doctor-bio\">2008-ban v\u00e9geztem summa cum laude a Semmelweis Egyetemen, majd sz\u00e1jseb\u00e9szeti \u00e9s arc-\u00e1llcsont seb\u00e9szeti szakk\u00e9pes\u00edt\u00e9st szereztem. Tapasztalatot itthon \u00e9s k\u00fclf\u00f6ld\u00f6n, t\u00f6bbek k\u00f6z\u00f6tt Belgiumban \u00e9s Londonban szereztem, k\u00fcl\u00f6n\u00f6s j\u00e1rtass\u00e1ggal az implant\u00e1ci\u00f3, csontp\u00f3tl\u00e1s \u00e9s prec\u00edz sz\u00e1jseb\u00e9szeti beavatkoz\u00e1sok ter\u00e9n.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"doctor-card reveal\"> <!-- Added reveal -->\r\n                    <div class=\"doctor-img-wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.raday32.hu\/wp-content\/uploads\/2023\/04\/team_reza.jpg\" alt=\"Dr. Asadzadeh Reza\" class=\"doctor-img\">\r\n                    <\/div>\r\n                    <div class=\"doctor-info\">\r\n                        <div class=\"doctor-name\">Dr. Asadzadeh Reza<\/div>\r\n                        <div class=\"doctor-title\">fogszab\u00e1lyoz\u00f3 szakorvos<\/div>\r\n                        <p class=\"doctor-bio\">Ir\u00e1nban v\u00e9geztem orvosi tanulm\u00e1nyaimat, majd a Debreceni Egyetemen \u00e9s a Semmelweis Egyetemen fogorvosi \u00e9s fogszab\u00e1lyoz\u00f3 szakk\u00e9pes\u00edt\u00e9st szereztem. C\u00e9lom, hogy p\u00e1cienseimnek a legmagasabb sz\u00ednvonal\u00fa ell\u00e1t\u00e1st ny\u00fajtsam, amelyhez bizalommal fordulhatnak hozz\u00e1m.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Details Section (UPDATED texts) -->\r\n    <section class=\"details-section\">\r\n        <div class=\"container\">\r\n            <div class=\"details-header reveal\"> <!-- Added reveal -->\r\n                <h2>Mit tartalmaz a 10 000 Ft-os vizsg\u00e1lat,<br>amelyet 100%-ban j\u00f3v\u00e1\u00edrunk?<\/h2>\r\n                <p>Sok rendel\u0151ben a konzult\u00e1ci\u00f3 els\u0151re ingyenes, de gyakran sem r\u00f6ntgen, sem val\u00f3di diagn\u00f3zis, sem \u00edr\u00e1sos kezel\u00e9si terv nem j\u00e1r vele. A \u201e0 Ft\" sokszor csak csali: mire kider\u00fcl, mi a baj, m\u00e1r benne \u00fcl a dr\u00e1ga aj\u00e1nlatban.<\/p>\r\n                <p><strong>N\u00e1lunk az els\u0151 vizsg\u00e1lat 10 000 Ft, \u00e9s ez\u00e9rt a p\u00e9nz\u00e9rt mindent megkap, ami ahhoz kell, hogy biztos d\u00f6nt\u00e9st hozzon a kezel\u00e9sr\u0151l.<\/strong><\/p>\r\n            <\/div>\r\n\r\n            <div class=\"feature-grid\">\r\n                <div class=\"feature-card reveal\"> <!-- Added reveal -->\r\n                    <i class=\"fas fa-x-ray feature-icon\"><\/i>\r\n                    <div class=\"feature-content\">\r\n                        <h4>Digit\u00e1lis 3D panor\u00e1ma r\u00f6ntgen<\/h4>\r\n                        <p>Nagyfelbont\u00e1s\u00fa, alacsony sug\u00e1rd\u00f3zis\u00fa felv\u00e9tel a pontos diagn\u00f3zishoz, azonnali \u00e9rt\u00e9kel\u00e9ssel.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"feature-card reveal\"> <!-- Added reveal -->\r\n                    <i class=\"fas fa-user-md feature-icon\"><\/i>\r\n                    <div class=\"feature-content\">\r\n                        <h4>Teljes k\u00f6r\u0171 szakorvosi \u00e1llapotfelm\u00e9r\u00e9s<\/h4>\r\n                        <p>Nem 10 perc a sz\u00e9kben, hanem alapos vizsg\u00e1lat tapasztalt szakorvost\u00f3l, aki id\u0151t sz\u00e1n \u00d6nre \u00e9s a k\u00e9rd\u00e9seire.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"feature-card reveal\"> <!-- Added reveal -->\r\n                    <i class=\"fas fa-comments feature-icon\"><\/i>\r\n                    <div class=\"feature-content\">\r\n                        <h4>Szem\u00e9lyre szabott tan\u00e1csad\u00e1s<\/h4>\r\n                        <p>\u00c9rthet\u0151, \u0151szinte v\u00e1laszok szakmai zsargon n\u00e9lk\u00fcl. Megmondjuk, mi a baj, \u00e9s azt is, hogy mi nem szorul kezel\u00e9sre.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"feature-card reveal\"> <!-- Added reveal -->\r\n                    <i class=\"fas fa-file-invoice-dollar feature-icon\"><\/i>\r\n                    <div class=\"feature-content\">\r\n                        <h4>\u00cdr\u00e1sos, r\u00e9szletes kezel\u00e9si terv<\/h4>\r\n                        <p>Pontos \u00e1rakkal \u00e9s id\u0151z\u00edt\u00e9ssel, rejtett k\u00f6lts\u00e9gek n\u00e9lk\u00fcl. Hazaviheti, \u00e1tgondolhatja, besz\u00e9lhet r\u00f3la a csal\u00e1dj\u00e1val \u00e9s akkor d\u00f6nthet, amikor k\u00e9szen \u00e1ll r\u00e1.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"why-us-wrapper reveal\"> <!-- Added reveal -->\r\n                <div class=\"why-us-content\">\r\n                    <h3 style=\"color: var(--primary-green); font-family: var(--font-heading); font-size: 1.8rem; margin-bottom: 20px;\">Mi\u00e9rt v\u00e1lasszon minket?<\/h3>\r\n                    <ul class=\"why-us-list\">\r\n                        <li>\r\n                            <i class=\"fas fa-check-circle\"><\/i>\r\n                            <span>Nem csak \u201emegn\u00e9zz\u00fck\u201d a fogait \u2013 3D r\u00f6ntgenfelv\u00e9tel \u00e9s szakorvosi vizsg\u00e1lat alapj\u00e1n \u00e1ll\u00edtjuk fel a pontos diagn\u00f3zist.<\/span>\r\n                        <\/li>\r\n                        <li>\r\n                            <i class=\"fas fa-check-circle\"><\/i>\r\n                            <span>A vizsg\u00e1lat d\u00edj\u00e1n fel\u00fcl nem k\u00e9r\u00fcnk extra d\u00edjat a kezel\u00e9si terv\u00e9rt vagy a r\u00f6ntgen\u00e9rt.<\/span>\r\n                        <\/li>\r\n                        <li>\r\n                            <i class=\"fas fa-check-circle\"><\/i>\r\n                            <span>A konzult\u00e1ci\u00f3 d\u00edj\u00e1t <strong>2026. okt\u00f3ber 30-ig<\/strong> megkezdett kezel\u00e9s eset\u00e9n <strong>100%-ban j\u00f3v\u00e1\u00edrjuk<\/strong> kezel\u00e9se \u00f6sszk\u00f6lts\u00e9g\u00e9n!<\/span>\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div class=\"why-us-image\"><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"details-cta reveal\"> <!-- Added reveal -->\r\n                <p>Ez a vizsg\u00e1lat nem k\u00f6telezi \u00d6nt semmire, de minden sz\u00fcks\u00e9ges inform\u00e1ci\u00f3t megkap ahhoz, hogy magabiztos d\u00f6nt\u00e9st hozhasson.<\/p>\r\n                <h3 style=\"color: var(--primary-gold); margin-bottom: 30px;\">Foglaljon id\u0151pontot most \u00e9s tapasztalja meg a k\u00fcl\u00f6nbs\u00e9get!<\/h3>\r\n                <a href=\"#booking\" class=\"btn btn-gold\">Id\u0151pontot foglalok<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Contact & Map Section (UNCHANGED) -->\r\n    <section class=\"section\" id=\"contact\">\r\n        <div class=\"container\">\r\n            <div class=\"contact-grid reveal\"> <!-- Added reveal -->\r\n                <div class=\"contact-info\">\r\n                    <h2 style=\"text-align: left; margin-bottom: 40px;\">Kapcsolat<\/h2>\r\n                    <div class=\"contact-item\">\r\n                        <div class=\"contact-icon-box\">\r\n                            <a href=\"https:\/\/goo.gl\/maps\/RCMWaHtioc6jUFs29\" target=\"_blank\">\r\n                                <i class=\"fa fa-map-marker-alt\"><\/i>\r\n                            <\/a>\r\n                        <\/div>\r\n                        <div class=\"contact-details\">\r\n                            <h4><a href=\"https:\/\/goo.gl\/maps\/RCMWaHtioc6jUFs29\" target=\"_blank\">1092 Budapest, R\u00e1day u. 32.<\/a><\/h4>\r\n                            <p>\r\n                                T\u00f6megk\u00f6zleked\u00e9ssel: M3 - Ferenc k\u00f6r\u00fati meg\u00e1ll\u00f3, 2-es villamos: Zsil utcai meg\u00e1ll\u00f3<br>\r\n                                15-\u00f6s busz: Czuczor vagy R\u00e1day utcai meg\u00e1ll\u00f3, 83-mas trolibusz<br>\r\n                                Aut\u00f3val: parkol\u00e1s a k\u00f6rnyez\u0151 utc\u00e1kban vagy a <a href=\"https:\/\/goo.gl\/maps\/43q82M2QLuxK8DEK6\" target=\"_blank\" style=\"text-decoration: underline;\">B\u00e1lna m\u00e9lygar\u00e1zs\u00e1ban<\/a>\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"contact-item\">\r\n                        <div class=\"contact-icon-box\">\r\n                            <a href=\"tel:+36301971532\">\r\n                                <i class=\"fa fa-mobile-alt\" style=\"font-size: 28px;\"><\/i>\r\n                            <\/a>\r\n                        <\/div>\r\n                        <div class=\"contact-details\">\r\n                            <h4><a href=\"tel:+36301971532\">+36 30 197 1532<\/a><\/h4>\r\n                            <p>Rendel\u00e9si id\u0151 alatt<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"contact-item\">\r\n                        <div class=\"contact-icon-box\">\r\n                            <i class=\"fa fa-calendar-alt\"><\/i>\r\n                        <\/div>\r\n                        <div class=\"contact-details\">\r\n                            <h4>Nyitvatart\u00e1s<\/h4>\r\n                            <p>\r\n                                H\u00e9tf\u0151 - Cs\u00fct\u00f6rt\u00f6k: 9:00 - 19:30<br>\r\n                                P\u00e9ntek: 9:00 - 12:00<br>\r\n                                Szombat - Vas\u00e1rnap: Z\u00c1RVA\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"contact-item\">\r\n                        <div class=\"contact-icon-box\">\r\n                            <a href=\"mailto:info@raday32.hu\">\r\n                                <i class=\"fa fa-envelope\"><\/i>\r\n                            <\/a>\r\n                        <\/div>\r\n                        <div class=\"contact-details\">\r\n                            <h4><a href=\"mailto:info@raday32.hu\">info@raday32.hu<\/a><\/h4>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"map-container\">\r\n                    <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d2696.235960384706!2d19.06263261562626!3d47.48531647917675!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4741dc574829e265%3A0x3e77f8f3362a565d!2sR%C3%A1day32+Dentalcentrum!5e0!3m2!1shu!2shu!4v1486906700711\" allowfullscreen><\/iframe>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"cta-block reveal\"> <!-- Added reveal -->\r\n                <h3>Ne halogassa tov\u00e1bb!<\/h3>\r\n                <p>Egyetlen vizsg\u00e1lat elegend\u0151 ahhoz, hogy tiszt\u00e1n l\u00e1ssa, mi okozza a probl\u00e9m\u00e1t \u00e9s hogyan lehet kezelni. Mi seg\u00edt\u00fcnk \u00d6nnek megtal\u00e1lni a legjobb megold\u00e1st!<\/p>\r\n                <a href=\"#booking\" class=\"btn btn-gold\">Id\u0151pontot foglalok<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Footer -->\r\n    <footer>\r\n        <div class=\"container\">\r\n            <div style=\"display: flex; justify-content: space-between; flex-wrap: wrap;\">\r\n                <div>\r\n                    R\u00e1day32 DentalCentrum \u00a92026 Minden jog fenntartva.\r\n                <\/div>\r\n                <div>\r\n                    <a href=\"http:\/\/www.raday32dentalcentrum.hu\/hu\/adatvedelem\/\" target=\"_blank\">Adatv\u00e9delem<\/a> | \r\n                    <a href=\"https:\/\/www.raday32.com\">English Version<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/footer>\r\n\r\n    <!-- Google Reviews Script -->\r\n    <script>\r\n    (function(){\r\n      \/\/ ... existing google reviews code ...\r\n      async function render() {\r\n        \/\/ ... (rest of the render function remains the same)\r\n        const root = document.getElementById(\"google-reviews\");\r\n        if (!root) return;\r\n\r\n        const placeId = root.dataset.placeId;\r\n        const endpoint = root.dataset.endpoint;\r\n        const max = root.dataset.max || \"10\";\r\n        const url = `${endpoint}?place_id=${encodeURIComponent(placeId)}&max=${encodeURIComponent(max)}`;\r\n\r\n        try {\r\n          const r = await fetch(url, { cache: \"no-store\" });\r\n          if (!r.ok) { root.textContent = \"Nem siker\u00fclt bet\u00f6lteni az \u00e9rt\u00e9kel\u00e9seket.\"; return; }\r\n          const data = await r.json();\r\n\r\n          root.innerHTML = \"\";\r\n          const wrap = el(\"div\",\"gr-wrap\");\r\n\r\n          const header = el(\"div\",\"gr-header\");\r\n          const stars = starEl(data.rating || 0); stars.className = \"gr-stars\";\r\n          const rating = el(\"div\",\"gr-rating\", data.rating ? ` ${Number(data.rating).toFixed(1)} (${data.rating_count || 0} \u00e9rt\u00e9kel\u00e9s)` : \"\");\r\n          header.appendChild(stars); header.appendChild(rating);\r\n          wrap.appendChild(header);\r\n\r\n          const carousel = el(\"div\",\"gr-carousel\");\r\n          const viewport = el(\"div\",\"gr-viewport\");\r\n          const track = el(\"div\",\"gr-track\");\r\n          viewport.appendChild(track);\r\n          carousel.appendChild(viewport);\r\n\r\n          const list = Array.isArray(data.reviews) ? data.reviews : [];\r\n          if (list.length === 0) {\r\n            track.appendChild(el(\"div\", \"gr-card\", \"Nincs megjelen\u00edthet\u0151 magyar \u00e9rt\u00e9kel\u00e9s.\"));\r\n          } else {\r\n            for (const rv of list) {\r\n              const card = el(\"div\",\"gr-card\");\r\n\r\n              const top = el(\"div\",\"gr-row\");\r\n              const avatar = document.createElement(\"img\");\r\n              avatar.className = \"gr-avatar\"; avatar.loading = \"lazy\";\r\n              if (rv.profile_photo_url) avatar.src = rv.profile_photo_url;\r\n              top.appendChild(avatar);\r\n\r\n              const who = document.createElement(\"div\");\r\n              const author = rv.author_url ? a(rv.author, rv.author_url) : document.createTextNode(rv.author);\r\n              const authorBox = el(\"div\",\"gr-author\"); authorBox.appendChild(author);\r\n              who.appendChild(authorBox); who.appendChild(starEl(rv.rating));\r\n              top.appendChild(who);\r\n\r\n              const text = el(\"div\",\"gr-text\");\r\n              text.innerHTML = rv.text || \"\";\r\n              const foot = el(\"div\",\"gr-foot\", new Date(rv.time).toLocaleDateString(\"hu-HU\"));\r\n\r\n              card.appendChild(top); card.appendChild(text); card.appendChild(foot);\r\n              track.appendChild(card);\r\n            }\r\n          }\r\n\r\n          const prev = ctrlBtn(\"prev\");\r\n          const next = ctrlBtn(\"next\");\r\n          carousel.appendChild(prev); carousel.appendChild(next);\r\n\r\n          wrap.appendChild(carousel);\r\n\r\n          const more = el(\"div\",\"gr-more\");\r\n          const link = a(\"Tov\u00e1bbiak a Google-on\", data.google_url || \"#\"); link.className = \"gr-link\";\r\n          more.appendChild(link);\r\n          wrap.appendChild(more);\r\n\r\n          root.appendChild(wrap);\r\n\r\n          setupCarousel(viewport, track, prev, next);\r\n        } catch {\r\n          root.textContent = \"Nem siker\u00fclt bet\u00f6lteni az \u00e9rt\u00e9kel\u00e9seket.\";\r\n        }\r\n      }\r\n\r\n      function setupCarousel(viewport, track, prev, next){\r\n        const cards = Array.from(track.querySelectorAll(\".gr-card\"));\r\n        if (cards.length < 2) { prev.style.display = \"none\"; next.style.display = \"none\"; return; }\r\n\r\n        let cardLefts = [];\r\n        function measure(){ cardLefts = cards.map(c => c.offsetLeft); }\r\n        measure(); new ResizeObserver(measure).observe(track);\r\n\r\n        function currentIndex(){\r\n          const left = viewport.scrollLeft;\r\n          let idx = 0, best = Infinity;\r\n          for (let i = 0; i < cardLefts.length; i++){\r\n            const d = Math.abs(cardLefts[i] - left);\r\n            if (d < best) { best = d; idx = i; }\r\n          }\r\n          return idx;\r\n        }\r\n\r\n        function scrollToIndex(i){\r\n          const clamped = Math.max(0, Math.min(i, cards.length - 1));\r\n          viewport.scrollTo({ left: cardLefts[clamped], behavior: \"smooth\" });\r\n        }\r\n\r\n        prev.addEventListener(\"click\", () => scrollToIndex(currentIndex() - 1));\r\n        next.addEventListener(\"click\", () => scrollToIndex(currentIndex() + 1));\r\n\r\n        let isDown = false, startX = 0, startLeft = 0;\r\n        viewport.addEventListener(\"pointerdown\", e => {\r\n          isDown = true; startX = e.clientX; startLeft = viewport.scrollLeft; viewport.setPointerCapture(e.pointerId);\r\n        });\r\n        viewport.addEventListener(\"pointermove\", e => {\r\n          if (!isDown) return;\r\n          viewport.scrollLeft = startLeft - (e.clientX - startX);\r\n        });\r\n        const endDrag = () => { if (!isDown) return; isDown = false; scrollToIndex(currentIndex()); };\r\n        viewport.addEventListener(\"pointerup\", endDrag);\r\n        viewport.addEventListener(\"pointercancel\", endDrag);\r\n        viewport.addEventListener(\"pointerleave\", endDrag);\r\n\r\n        viewport.tabIndex = 0;\r\n        viewport.addEventListener(\"keydown\", e => {\r\n          if (e.key === \"ArrowLeft\") prev.click();\r\n          if (e.key === \"ArrowRight\") next.click();\r\n        });\r\n      }\r\n\r\n      function ctrlBtn(which){\r\n        const b = el(\"button\", `gr-ctrl gr-${which}`);\r\n        b.setAttribute(\"aria-label\", which === \"prev\" ? \"El\u0151z\u0151\" : \"K\u00f6vetkez\u0151\");\r\n        b.innerHTML = which === \"prev\"\r\n          ? `<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M15.5 19l-7-7 7-7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\/><\/svg>`\r\n          : `<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M8.5 5l7 7-7 7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\/><\/svg>`;\r\n        return b;\r\n      }\r\n\r\n      function starEl(rating) {\r\n        const wrap = document.createElement(\"div\");\r\n        const full = Math.floor(rating);\r\n        const half = rating - full >= 0.5 ? 1 : 0;\r\n        for (let i=0;i<full;i++) wrap.appendChild(svgStar(1));\r\n        if (half) wrap.appendChild(svgStar(0.5));\r\n        for (let i=full+half;i<5;i++) wrap.appendChild(svgStar(0));\r\n        return wrap;\r\n      }\r\n\r\n      function svgStar(fill=1){\r\n        const s = document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\",\"svg\");\r\n        s.setAttribute(\"viewBox\",\"0 0 24 24\");\r\n        s.setAttribute(\"width\",\"16\"); s.setAttribute(\"height\",\"16\");\r\n        \/* Changed star color to Gold variable *\/\r\n        s.style.color = \"var(--primary-gold)\"; \r\n        const path = document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\",\"path\");\r\n        path.setAttribute(\"d\",\"M12 .587l3.668 7.431L24 9.753l-6 5.853 1.417 8.264L12 19.771 4.583 23.87 6 15.606 0 9.753 8.332 8.018z\");\r\n        path.setAttribute(\"fill\", fill>=1 ? \"currentColor\" : fill===0.5 ? \"url(#g)\" : \"none\");\r\n        path.setAttribute(\"stroke\",\"currentColor\");\r\n        s.appendChild(path);\r\n        if (fill===0.5){\r\n          const defs = document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\",\"defs\");\r\n          const lg = document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\",\"linearGradient\");\r\n          lg.setAttribute(\"id\",\"g\");\r\n          lg.innerHTML = '<stop offset=\"50%\" stop-color=\"var(--primary-gold)\"\/><stop offset=\"50%\" stop-color=\"white\"\/>';\r\n          defs.appendChild(lg);\r\n          s.appendChild(defs);\r\n        }\r\n        return s;\r\n      }\r\n\r\n      function el(tag, cls, text){\r\n        const x = document.createElement(tag);\r\n        if (cls) x.className = cls;\r\n        if (text!=null) x.textContent = text;\r\n        return x;\r\n      }\r\n      function a(text, href){\r\n        const x = document.createElement(\"a\");\r\n        x.textContent = text; x.href = href; x.target = \"_blank\";\r\n        x.rel = \"noopener noreferrer nofollow\"; x.style.color = \"var(--primary-green)\";\r\n        return x;\r\n      }\r\n      function escapeHtml(str){ return String(str).replace(\/[&<>\"']\/g, m => ({'&':'&amp;','<':'&lt;','>':'&gt;','\"':'&quot;',\"'\":'&#39;'}[m])); }\r\n\r\n      if (document.readyState === \"loading\") document.addEventListener(\"DOMContentLoaded\", render);\r\n      else render();\r\n    })();\r\n\r\n    \/\/ Hamburger Menu Script\r\n    function toggleMobileMenu() {\r\n        const nav = document.getElementById('mobile-nav');\r\n        nav.classList.toggle('active');\r\n    }\r\n\r\n    \/\/ Scroll Animation Script\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        const reveals = document.querySelectorAll(\".reveal\");\r\n\r\n        const revealOnScroll = new IntersectionObserver((entries, observer) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.classList.add(\"active\");\r\n                    observer.unobserve(entry.target); \/\/ Reveal only once\r\n                }\r\n            });\r\n        }, {\r\n            threshold: 0.1, \/\/ Trigger when 10% visible\r\n            rootMargin: \"0px 0px -50px 0px\" \/\/ Trigger slightly before element is fully in view\r\n        });\r\n\r\n        reveals.forEach(reveal => {\r\n            revealOnScroll.observe(reveal);\r\n        });\r\n    });\r\n\r\n    \/\/ Premium Smooth Scroll Script\r\n    document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n        anchor.addEventListener('click', function (e) {\r\n            e.preventDefault();\r\n            const targetId = this.getAttribute('href');\r\n            if (targetId === '#') return;\r\n            const targetElement = document.querySelector(targetId);\r\n            if (targetElement) {\r\n                \/\/ Determine header height for offset\r\n                \/\/ On mobile header might be smaller, or just use a safe constant\r\n                const headerOffset = 80; \r\n                const targetPosition = targetElement.getBoundingClientRect().top + window.scrollY - headerOffset;\r\n                const startPosition = window.scrollY;\r\n                const distance = targetPosition - startPosition;\r\n                const duration = 1200; \/\/ Duration in ms\r\n                let start = null;\r\n\r\n                function step(timestamp) {\r\n                    if (!start) start = timestamp;\r\n                    const progress = timestamp - start;\r\n                    \/\/ EaseInOutCubic function\r\n                    const ease = progress \/ duration < 0.5\r\n                        ? 4 * progress * progress * progress \/ (duration * duration * duration)\r\n                        : 1 - Math.pow(-2 * progress \/ duration + 2, 3) \/ 2;\r\n                    \r\n                    \/\/ Don't scroll past the end\r\n                    if (progress < duration) {\r\n                        window.scrollTo(0, startPosition + distance * ease);\r\n                        window.requestAnimationFrame(step);\r\n                    } else {\r\n                        window.scrollTo(0, targetPosition);\r\n                    }\r\n                }\r\n                window.requestAnimationFrame(step);\r\n                \r\n                \/\/ Close mobile menu if open\r\n                const nav = document.getElementById('mobile-nav');\r\n                if (nav.classList.contains('active')) {\r\n                    nav.classList.remove('active');\r\n                }\r\n            }\r\n        });\r\n    });\r\n    \r\n    \/\/ Script to Handle GCLID Injection and Iframe Creation\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        \/\/ 1. Get GCLID from URL\r\n        const urlParams = new URLSearchParams(window.location.search);\r\n        let gclid = urlParams.get('gclid');\r\n        \r\n        \/\/ If not in URL, try to get from _gcl_aw cookie (fallback)\r\n        if (!gclid) {\r\n            const gclAwCookie = document.cookie.split('; ').find(row => row.startsWith('_gcl_aw='));\r\n            if (gclAwCookie) {\r\n                \/\/ Cookie format is usually: GCL.123456789.GCLID_VALUE\r\n                const parts = gclAwCookie.split('.');\r\n                if (parts.length > 2) {\r\n                    gclid = parts[2];\r\n                }\r\n            }\r\n        }\r\n\r\n        \/\/ 2. Construct Base URL\r\n        const baseUrl = \"https:\/\/publicapi.flexi-dent.hu\/api\/booking\/embed\/iframe\";\r\n        const token = \"eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJlbWFpbCI6ImJvb2tpbmdAcmFkYXkzMi5odSIsInBhc3N3b3JkIjoiJDJ5JDEwJFVwUld0WDJPbVlvdlh2aTVtSEFUQy54SkpCQUcuSEZUZlpyUzJUZEJCMGViL05VSDRRVVouIn0.BLQevSzlLNNlHYG6oiRLQ1HszFf1xcLF2QDFnpxxAPE\";\r\n        const widgetId = \"234\";\r\n        \r\n        \/\/ 3. Append GCLID to 'infoline' parameter if it exists\r\n        let finalSrc = `${baseUrl}?token=${token}&widgetId=${widgetId}&language=hu`;\r\n        \r\n        if (gclid) {\r\n            \/\/ We inject GCLID into the 'infoline' parameter\r\n            finalSrc += `&infoline=${encodeURIComponent(gclid)}`;\r\n            console.log(\"GCLID injected into booking widget:\", gclid);\r\n        }\r\n\r\n        \/\/ 4. Create and Insert Iframe\r\n        const container = document.getElementById('booking-iframe-container');\r\n        const iframe = document.createElement('iframe');\r\n        \r\n        iframe.id = \"fmc-booking-widget-iframe\";\r\n        iframe.src = finalSrc;\r\n        iframe.style.width = \"100%\";\r\n        iframe.style.border = \"none\";\r\n        iframe.style.display = \"block\";\r\n        \/\/ Desktop height\r\n        iframe.style.height = \"600px\"; \r\n        \r\n        \/\/ Mobile specific height adjustment via JS if needed, currently handled by CSS\r\n        if (window.innerWidth <= 768) {\r\n            iframe.style.height = \"650px\"; \/\/ Slightly taller for mobile flow\r\n        }\r\n\r\n        container.appendChild(iframe);\r\n\r\n        \/\/ 5. Load Flexi-dent Helper Script\r\n        const script = document.createElement('script');\r\n        script.type = \"text\/javascript\";\r\n        script.crossOrigin = \"anonymous\";\r\n        script.src = \"https:\/\/publicapi.flexi-dent.hu\/api\/booking\/embed\/iframe-js\";\r\n        document.body.appendChild(script);\r\n    });\r\n    <\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_seopress_titles_title":"Fog\u00e1szat Budapest - R\u00e1day32 DentalCentrum","_seopress_titles_desc":"","_seopress_robots_index":"","_seopress_robots_follow":"","_seopress_robots_imageindex":"","_seopress_robots_snippet":"","_seopress_robots_primary_cat":"","_seopress_robots_breadcrumbs":"","_seopress_robots_freeze_modified_date":"","_seopress_robots_custom_modified_date":"","_seopress_robots_canonical":"","_seopress_social_fb_title":"","_seopress_social_fb_desc":"","_seopress_social_fb_img":"","_seopress_social_fb_img_attachment_id":0,"_seopress_social_fb_img_width":0,"_seopress_social_fb_img_height":0,"_seopress_social_twitter_title":"","_seopress_social_twitter_desc":"","_seopress_social_twitter_img":"","_seopress_social_twitter_img_attachment_id":0,"_seopress_social_twitter_img_width":0,"_seopress_social_twitter_img_height":0,"_seopress_redirections_value":"","_seopress_redirections_enabled":"","_seopress_redirections_enabled_regex":"","_seopress_redirections_logged_status":"both","_seopress_redirections_param":"","_seopress_redirections_type":301,"_seopress_analysis_target_kw":"","itsec_x_frame_options":"","footnotes":""},"class_list":["post-1327","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.raday32.hu\/en\/wp-json\/wp\/v2\/pages\/1327","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.raday32.hu\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.raday32.hu\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.raday32.hu\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.raday32.hu\/en\/wp-json\/wp\/v2\/comments?post=1327"}],"version-history":[{"count":6,"href":"https:\/\/www.raday32.hu\/en\/wp-json\/wp\/v2\/pages\/1327\/revisions"}],"predecessor-version":[{"id":1366,"href":"https:\/\/www.raday32.hu\/en\/wp-json\/wp\/v2\/pages\/1327\/revisions\/1366"}],"wp:attachment":[{"href":"https:\/\/www.raday32.hu\/en\/wp-json\/wp\/v2\/media?parent=1327"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}