{"id":75273,"date":"2024-01-30T16:30:18","date_gmt":"2024-01-30T16:30:18","guid":{"rendered":"https:\/\/yalovadentalpark.com\/yalova-dental-park-tandkliniek\/"},"modified":"2026-09-29T12:50:31","modified_gmt":"2026-09-29T12:50:31","slug":"yalova-dental-park-tandkliniek","status":"publish","type":"page","link":"https:\/\/yalovadentalpark.com\/nl\/","title":{"rendered":"Yalova Dental Park Tandkliniek"},"content":{"rendered":"<p><section data-bb-version=\"5.2.9\" id=\"bt_bb_section6abc43caf20d1\" class=\"bt_bb_section bt_bb_layout_wide bt_bb_full_screen bt_bb_vertical_align_top bt_bb_top_spacing_none bt_bb_bottom_spacing_none\"  data-bt-override-class=\"{&quot;bt_bb_top_spacing_&quot;:{&quot;current_class&quot;:&quot;bt_bb_top_spacing_none&quot;,&quot;def&quot;:&quot;none&quot;},&quot;bt_bb_bottom_spacing_&quot;:{&quot;current_class&quot;:&quot;bt_bb_bottom_spacing_none&quot;,&quot;def&quot;:&quot;none&quot;},&quot;bt_bb_animation_&quot;:{&quot;current_class&quot;:&quot;bt_bb_animation_no_animation&quot;,&quot;def&quot;:&quot;no_animation&quot;}}\"><div class=\"bt_bb_port\"><div class=\"bt_bb_cell\"><div class=\"bt_bb_cell_inner\"><div class=\"bt_bb_row \"  data-bt-override-class=\"{}\"><div class=\"bt_bb_row_holder\" ><div  class=\"bt_bb_column col-xxl-12 col-xl-12 col-xs-12 col-sm-12 col-md-12 col-lg-12 bt_bb_vertical_align_top bt_bb_align_left bt_bb_padding_normal\"  data-width=\"12\" data-bt-override-class=\"{}\"><div class=\"bt_bb_column_content\"><div data-bb-version=\"5.9.10\" class=\"bt_bb_separator bt_bb_border_style_none bt_bb_top_spacing_large bt_bb_bottom_spacing_none\" data-bt-override-class=\"{&quot;bt_bb_top_spacing_&quot;:{&quot;current_class&quot;:&quot;bt_bb_top_spacing_large&quot;,&quot;def&quot;:&quot;large&quot;},&quot;bt_bb_bottom_spacing_&quot;:{&quot;current_class&quot;:&quot;bt_bb_bottom_spacing_none&quot;,&quot;def&quot;:&quot;none&quot;}}\"><\/div><div class=\"bt_bb_raw_content\"><style>\n    \/* 3. Bro\u015f\u00fcr ana kapsay\u0131c\u0131s\u0131 *\/\n    .landing-wrapper {\n        font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n        color: #1e293b;\n        line-height: 1.7;\n        width: 100%;\n        max-width: 1400px;\n        margin: 0 auto;\n        background: #ffffff;\n        padding: 0 20px;\n        box-sizing: border-box;\n        position: relative !important;\n        top: 0 !important;\n    }\n\n    \/* --- HERO B\u00d6L\u00dcM\u00dc (MASA\u00dcST\u00dc) --- *\/\n    .hero-custom-bg {\n        position: relative;\n        padding: 60px 30px 25px 30px;\n        min-height: 560px;\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        border-radius: 24px;\n        text-align: center;\n        margin-bottom: 60px;\n        overflow: hidden;\n        border: 1px solid rgba(255, 255, 255, 0.9);\n        box-shadow: 0 25px 50px -12px rgba(15, 23, 42, 0.2);\n        background-image: \n            linear-gradient(180deg, rgba(15, 23, 42, 0.35) 0%, rgba(15, 23, 42, 0.05) 40%, rgba(15, 23, 42, 0.45) 100%),\n            url('https:\/\/yalovadentalpark.com\/wp-content\/uploads\/2020\/02\/IMG_3020-scaled.jpg');\n        background-size: 100% 100%, cover;\n        background-position: center center, center center;\n        background-repeat: no-repeat, no-repeat;\n    }\n\n    .hero-custom-bg::before {\n        content: \"\";\n        position: absolute;\n        top: 0; left: 0; right: 0; bottom: 0;\n        pointer-events: none;\n        backdrop-filter: contrast(1.08) saturate(1.1) brightness(0.98);\n        -webkit-backdrop-filter: contrast(1.08) saturate(1.1) brightness(0.98);\n        z-index: 1;\n    }\n\n    .hero-custom-bg > * {\n        position: relative;\n        z-index: 2;\n    }\n\n    .hero-title-main {\n        font-size: 44px;\n        margin: 0 auto;\n        font-weight: 800;\n        color: #ffffff;\n        max-width: 950px;\n        letter-spacing: -0.8px;\n        line-height: 1.25;\n        text-shadow: 0 2px 12px rgba(0,0,0,0.8), 0 0 25px rgba(0,0,0,0.5);\n    }\n\n    .lab-card {\n        position: relative;\n        border-radius: 16px;\n        overflow: hidden;\n        height: 320px;\n        box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n        transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.4s ease;\n    }\n    .lab-card:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 20px 40px rgba(0,0,0,0.2);\n    }\n    .lab-card img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.6s ease;\n        filter: brightness(0.9) contrast(1.05);\n    }\n    .lab-card:hover img {\n        transform: scale(1.06);\n        filter: brightness(1) contrast(1.1);\n    }\n    .lab-card-overlay {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: linear-gradient(180deg, rgba(15, 23, 42, 0.1) 0%, rgba(15, 23, 42, 0.5) 50%, rgba(15, 23, 42, 0.92) 100%);\n        display: flex;\n        flex-direction: column;\n        justify-content: flex-end;\n        padding: 24px;\n        box-sizing: border-box;\n        transition: background 0.4s ease;\n    }\n\n    @keyframes floatCard {\n        0% { transform: translateY(0px); }\n        50% { transform: translateY(-6px); }\n        100% { transform: translateY(0px); }\n    }\n    @keyframes floatCardAlt {\n        0% { transform: translateY(6px); }\n        50% { transform: translateY(-2px); }\n        100% { transform: translateY(6px); }\n    }\n    @keyframes blinkCursor {\n        0%, 100% { opacity: 1; }\n        50% { opacity: 0; }\n    }\n\n    .typing-badge-cursor {\n        display: inline-block;\n        width: 2px;\n        height: 12px;\n        background-color: #1d4c79;\n        margin-left: 3px;\n        animation: blinkCursor 0.8s infinite;\n        vertical-align: middle;\n    }\n\n    .hero-features-grid {\n        display: grid;\n        grid-template-columns: 1.2fr 1fr 1.1fr;\n        gap: 20px;\n        max-width: 980px;\n        margin: 60px auto 0 auto;\n        width: 100%;\n    }\n    \n    .hero-feat-card {\n        position: relative;\n        height: 120px;\n        border-radius: 20px;\n        overflow: hidden;\n        cursor: pointer;\n        text-align: left;\n        background: rgba(255, 255, 255, 0.92);\n        backdrop-filter: blur(14px);\n        -webkit-backdrop-filter: blur(14px);\n        box-shadow: 0 15px 35px -10px rgba(15, 23, 42, 0.22), 0 0 0 1px rgba(255, 255, 255, 0.9) inset;\n        transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.4s ease, background 0.4s ease;\n        border: 1px solid rgba(255, 255, 255, 0.8);\n    }\n\n    .hero-feat-card:nth-child(1) { animation: floatCard 5s ease-in-out infinite; }\n    .hero-feat-card:nth-child(2) { animation: floatCardAlt 6s ease-in-out infinite; }\n    .hero-feat-card:nth-child(3) { animation: floatCard 5.5s ease-in-out infinite 0.5s; }\n\n    .hero-feat-card-bg {\n        position: absolute;\n        top: 0;\n        right: 0;\n        width: 48%;\n        height: 100%;\n        object-fit: cover;\n        transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.6s ease;\n        mask-image: linear-gradient(to right, transparent 0%, black 100%);\n        -webkit-mask-image: linear-gradient(to right, transparent 0%, black 100%);\n        filter: brightness(1) contrast(1.05);\n    }\n\n    .hero-feat-card-overlay {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        padding: 16px 18px;\n        box-sizing: border-box;\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        z-index: 2;\n    }\n\n    .hero-feat-header {\n        display: flex;\n        align-items: center;\n        justify-content: flex-start;\n    }\n    .hero-feat-icon {\n        width: 28px;\n        height: 28px;\n        border-radius: 8px;\n        background: #eef4f9;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 13px;\n        color: #1d4c79;\n        font-weight: 700;\n    }\n    .hero-feat-title {\n        font-size: 17px;\n        font-weight: 700;\n        color: #0f172a;\n        margin: 0 0 2px 0;\n        letter-spacing: -0.3px;\n    }\n    .hero-feat-sub {\n        font-size: 12px;\n        color: #64748b;\n        margin: 0;\n        font-weight: 500;\n    }\n\n    \/* POP-UP MODAL ST\u0130LLER\u0130 (MASA\u00dcST\u00dc) *\/\n    .gallery-modal-bg {\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100vw;\n        height: 100vh;\n        background: rgba(15, 23, 42, 0.85);\n        backdrop-filter: blur(12px);\n        -webkit-backdrop-filter: blur(12px);\n        z-index: 999999;\n        display: none;\n        align-items: center;\n        justify-content: center;\n        padding: 20px;\n        box-sizing: border-box;\n    }\n    .gallery-modal-content {\n        background: #ffffff;\n        width: 100%;\n        max-width: 1050px;\n        height: 85vh;\n        max-height: 650px;\n        border-radius: 24px;\n        overflow: hidden;\n        display: grid;\n        grid-template-columns: 280px 1fr;\n        box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.4);\n        position: relative;\n        transition: grid-template-columns 0.3s ease;\n    }\n    .gallery-modal-content.icon-only-mode {\n        grid-template-columns: 110px 1fr;\n    }\n    .gallery-sidebar {\n        background: #f8fafc;\n        border-right: 1px solid #e2e8f0;\n        padding: 20px 14px;\n        display: flex;\n        flex-direction: column;\n        gap: 12px;\n        overflow-y: auto;\n    }\n    .gallery-thumb-item {\n        display: flex;\n        align-items: center;\n        gap: 12px;\n        padding: 8px;\n        border-radius: 12px;\n        border: 2px solid transparent;\n        background: #ffffff;\n        cursor: pointer;\n        transition: all 0.2s ease;\n        box-shadow: 0 2px 6px rgba(0,0,0,0.03);\n    }\n    .icon-only-mode .gallery-thumb-item {\n        justify-content: center;\n        padding: 5px;\n    }\n    .gallery-thumb-item.active {\n        border-color: #1d4c79;\n        background: #eef4f9;\n    }\n    .gallery-thumb-item img {\n        width: 50px;\n        height: 50px;\n        border-radius: 8px;\n        object-fit: contain;\n        object-position: top center;\n        background: #f1f5f9;\n        flex-shrink: 0;\n    }\n    .icon-only-mode .gallery-thumb-item img {\n        width: 64px;\n        height: 64px;\n        object-fit: cover;\n    }\n    .gallery-thumb-title {\n        font-size: 13px;\n        font-weight: 600;\n        color: #0f172a;\n        line-height: 1.35;\n    }\n    .gallery-main-view {\n        position: relative;\n        background: #0b1120;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        padding: 20px;\n        box-sizing: border-box;\n    }\n    .gallery-main-view img {\n        max-width: 100%;\n        max-height: calc(100% - 60px);\n        width: auto;\n        height: auto;\n        object-fit: contain;\n        transition: opacity 0.3s ease;\n        border-radius: 8px;\n    }\n    .gallery-main-caption {\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        background: linear-gradient(180deg, rgba(15, 23, 42, 0) 0%, rgba(15, 23, 42, 0.95) 40%, rgba(15, 23, 42, 1) 100%);\n        padding: 24px 30px 18px 30px;\n        text-align: center;\n        z-index: 5;\n    }\n    .gallery-main-caption-text {\n        color: #ffffff;\n        font-size: 20px;\n        font-weight: 700;\n        letter-spacing: -0.3px;\n    }\n    .gallery-close-btn {\n        position: absolute;\n        top: 20px;\n        right: 20px;\n        width: 40px;\n        height: 40px;\n        background: rgba(255, 255, 255, 0.25);\n        backdrop-filter: blur(8px);\n        color: #ffffff;\n        border: none;\n        border-radius: 50%;\n        font-size: 20px;\n        cursor: pointer;\n        z-index: 10;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    \/* GRID REPOS\u0130TORY D\u00dcZENLER\u0130 *\/\n    .health-tourism-grid {\n        display: grid;\n        grid-template-columns: 1fr 1.25fr;\n        gap: 40px;\n        align-items: center;\n    }\n    .treatment-cards-grid {\n        display: grid;\n        grid-template-columns: repeat(4, 1fr);\n        gap: 15px;\n        margin-bottom: 30px;\n    }\n    .dynamic-options-grid {\n        display: none;\n        grid-template-columns: 1.4fr 1fr;\n        gap: 30px;\n        align-items: start;\n    }\n    .faq-grid-wrapper {\n        display: grid;\n        grid-template-columns: 1fr 1.3fr;\n        gap: 30px;\n        background: #f8fafc;\n        padding: 40px;\n        border-radius: 20px;\n        border: 1px solid #e2e8f0;\n    }\n\n    \/* --- SERT\u0130F\u0130KA 3D \u0130NCE KURUMSAL \u00c7ER\u00c7EVEL\u0130 KATMANLI KART S\u0130STEM\u0130 --- *\/\n    .cert-stack-wrapper {\n        position: relative;\n        width: 100%;\n        height: 470px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        padding: 20px 0;\n        box-sizing: border-box;\n        overflow: hidden; \/* Ta\u015fmalar\u0131 Engeller *\/\n    }\n\n    .cert-item-card {\n        position: absolute;\n        width: 270px;\n        background: #ffffff;\n        border-radius: 16px;\n        padding: 10px;\n        border: 1px solid #cbd5e1;\n        box-shadow: 0 10px 25px rgba(15, 23, 42, 0.08);\n        cursor: pointer;\n        transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.6s ease, box-shadow 0.6s ease, border-color 0.6s ease;\n        user-select: none;\n        box-sizing: border-box;\n        will-change: transform, opacity;\n    }\n\n    .cert-item-card img {\n        width: 100%;\n        height: auto;\n        max-height: 320px;\n        display: block;\n        border-radius: 10px;\n        object-fit: contain;\n        background: #ffffff;\n        pointer-events: none;\n    }\n\n    .cert-item-badge {\n        font-size: 12px;\n        font-weight: 700;\n        color: #1d4c79;\n        text-align: center;\n        margin-top: 8px;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        letter-spacing: 0.3px;\n        pointer-events: none;\n    }\n\n    \/* Katman Pozisyonlar\u0131 (Masa\u00fcst\u00fc) *\/\n    .cert-item-card.pos-left {\n        transform: translateX(-115px) scale(0.86) rotate(-5deg);\n        z-index: 10;\n        opacity: 0.75;\n        filter: brightness(0.95);\n    }\n    .cert-item-card.pos-left:hover {\n        opacity: 0.95;\n        transform: translateX(-120px) scale(0.88) rotate(-3deg);\n    }\n\n    .cert-item-card.pos-center {\n        transform: translateX(0) scale(1.06) rotate(0deg);\n        z-index: 30;\n        opacity: 1;\n        filter: brightness(1);\n        border-color: #1d4c79;\n        box-shadow: 0 20px 40px rgba(15, 23, 42, 0.18), 0 0 0 1px #1d4c79;\n    }\n\n    .cert-item-card.pos-right {\n        transform: translateX(115px) scale(0.86) rotate(5deg);\n        z-index: 10;\n        opacity: 0.75;\n        filter: brightness(0.95);\n    }\n    .cert-item-card.pos-right:hover {\n        opacity: 0.95;\n        transform: translateX(120px) scale(0.88) rotate(3deg);\n    }\n\n    \/* ========================================================= *\/\n    \/* --- MOB\u0130L UYUMLULUK VE \u00d6ZEL MOB\u0130L D\u00dcZELTMELER --- *\/\n    \/* ========================================================= *\/\n    @media (max-width: 992px) {\n        .health-tourism-grid {\n            grid-template-columns: 1fr;\n            gap: 25px;\n        }\n        .treatment-cards-grid {\n            grid-template-columns: 1fr 1fr;\n        }\n        .dynamic-options-grid {\n            grid-template-columns: 1fr;\n            gap: 20px;\n        }\n        .faq-grid-wrapper {\n            grid-template-columns: 1fr;\n            padding: 25px 20px;\n        }\n        \n        \/* Tablet Sertifika D\u00fczenlemeleri *\/\n        .cert-stack-wrapper {\n            height: 380px;\n        }\n        .cert-item-card {\n            width: 210px;\n            padding: 8px;\n        }\n        .cert-item-card.pos-left {\n            transform: translateX(-38%) scale(0.82) rotate(-4deg);\n        }\n        .cert-item-card.pos-right {\n            transform: translateX(38%) scale(0.82) rotate(4deg);\n        }\n    }\n\n    @media (max-width: 576px) {\n        \/* Telefon Ekranlar\u0131 \u0130\u00e7in Hassas Hizalama & Ta\u015fma \u00d6nleme *\/\n        .cert-stack-wrapper {\n            height: 310px;\n            padding: 10px 0;\n        }\n        .cert-item-card {\n            width: 155px;\n            padding: 6px;\n            border-radius: 12px;\n        }\n        .cert-item-card img {\n            max-height: 200px;\n        }\n        .cert-item-badge {\n            font-size: 10px;\n            margin-top: 4px;\n        }\n        \n        .cert-item-card.pos-left {\n            transform: translateX(-35%) scale(0.8) rotate(-4deg);\n            opacity: 0.65;\n        }\n        .cert-item-card.pos-left:hover {\n            transform: translateX(-35%) scale(0.82) rotate(-2deg);\n        }\n        .cert-item-card.pos-center {\n            transform: translateX(0) scale(1) rotate(0deg);\n        }\n        .cert-item-card.pos-right {\n            transform: translateX(35%) scale(0.8) rotate(4deg);\n            opacity: 0.65;\n        }\n        .cert-item-card.pos-right:hover {\n            transform: translateX(35%) scale(0.82) rotate(2deg);\n        }\n    }\n\n    @media (max-width: 768px) {\n        .landing-wrapper {\n            padding: 0 12px !important;\n            margin-top: -60px !important;\n            position: relative !important;\n            top: 0 !important;\n        }\n\n        .hero-custom-bg {\n            padding: 20px 14px 18px 14px !important;\n            min-height: auto !important;\n            border-radius: 18px !important;\n            margin-top: 0px !important;\n            margin-bottom: 35px !important;\n            background-image: \n                linear-gradient(135deg, rgba(15, 23, 42, 0.85) 0%, rgba(30, 41, 59, 0.80) 100%), \n                url('https:\/\/yalovadentalpark.com\/wp-content\/uploads\/2020\/02\/implant-123.jpg') !important;\n            background-size: cover !important;\n            background-position: center center !important;\n        }\n\n        .hero-custom-bg::before {\n            backdrop-filter: contrast(1.02) brightness(1.05) !important;\n            -webkit-backdrop-filter: contrast(1.02) brightness(1.05) !important;\n        }\n\n        .hero-title-main {\n            font-size: 22px !important;\n            line-height: 1.3 !important;\n            text-shadow: 0 2px 8px rgba(0,0,0,0.7) !important;\n            margin-top: 4px !important;\n        }\n\n        .hero-features-grid {\n            grid-template-columns: 1fr;\n            gap: 10px;\n            margin-top: 20px;\n        }\n\n        .hero-feat-card {\n            animation: none !important;\n            transform: none !important;\n            height: 95px !important;\n            border-radius: 14px !important;\n        }\n        \n        .hero-feat-card-overlay {\n            padding: 14px 16px 22px 16px !important;\n        }\n\n        .hero-feat-icon {\n            margin-top: 4px !important;\n        }\n\n        .hero-feat-title { font-size: 15px !important; }\n        .hero-feat-sub { font-size: 11.5px !important; }\n\n        h2 { font-size: 22px !important; }\n        p { font-size: 14px !important; }\n\n        .gallery-modal-bg {\n            padding: 10px !important;\n        }\n        .gallery-modal-content, .gallery-modal-content.icon-only-mode {\n            display: flex !important;\n            flex-direction: column !important;\n            height: 85vh !important;\n            max-height: 85vh !important;\n            border-radius: 18px !important;\n            grid-template-columns: none !important;\n        }\n        .gallery-main-view {\n            flex: 1 !important;\n            height: auto !important;\n            padding: 15px 10px !important;\n        }\n        .gallery-main-view img {\n            max-height: calc(100% - 30px) !important;\n            object-fit: contain !important;\n        }\n        .gallery-sidebar {\n            height: 90px !important;\n            min-height: 90px !important;\n            border-right: none !important;\n            border-top: 1px solid #e2e8f0 !important;\n            flex-direction: row !important;\n            overflow-x: auto !important;\n            overflow-y: hidden !important;\n            padding: 10px !important;\n            gap: 10px !important;\n            background: #ffffff !important;\n        }\n        .gallery-thumb-item {\n            min-width: 65px !important;\n            width: 65px !important;\n            height: 65px !important;\n            padding: 2px !important;\n            box-sizing: border-box !important;\n            justify-content: center !important;\n        }\n        .gallery-thumb-item img {\n            width: 100% !important;\n            height: 100% !important;\n            object-fit: cover !important;\n            border-radius: 6px !important;\n        }\n        .gallery-thumb-title {\n            display: none !important;\n        }\n        .gallery-main-caption {\n            padding: 10px 15px !important;\n        }\n        .gallery-main-caption-text {\n            font-size: 14px !important;\n        }\n        .gallery-close-btn {\n            top: 10px !important;\n            right: 10px !important;\n            width: 36px !important;\n            height: 36px !important;\n            font-size: 18px !important;\n            background: rgba(15, 23, 42, 0.6) !important;\n        }\n\n        .treatment-cards-grid {\n            grid-template-columns: 1fr;\n            gap: 10px;\n        }\n\n        #faq-display-box {\n            padding: 22px 18px !important;\n        }\n        #faq-box-title {\n            font-size: 18px !important;\n        }\n\n        #iletisim {\n            padding: 35px 18px !important;\n            border-radius: 16px !important;\n        }\n        #iletisim h2 {\n            font-size: 22px !important;\n        }\n        #iletisim a {\n            width: 100%;\n            justify-content: center;\n            box-sizing: border-box;\n        }\n    }\n<\/style>\n\n<div class=\"landing-wrapper\">\n\n    <!-- 1. HERO SECTION -->\n    <div class=\"hero-custom-bg\">\n        \n        <div>\n            <div style=\"display: flex; justify-content: center; margin-bottom: 16px;\">\n                <span style=\"display: inline-flex; align-items: center; justify-content: center; max-width: 100%; min-height: 36px; background: rgba(255, 255, 255, 0.95); color: #1d4c79; padding: 0 18px; border-radius: 30px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; border: 1px solid #ffffff; white-space: nowrap; box-shadow: 0 4px 12px rgba(0,0,0,0.15); box-sizing: border-box; overflow: hidden; text-overflow: ellipsis;\">\n                    <span id=\"typedBadge\"><\/span><span class=\"typing-badge-cursor\" id=\"badgeCursor\"><\/span>\n                <\/span>\n            <\/div>\n\n            <h1 class=\"hero-title-main\">T\u00fcrkiye'de Uzman Di\u015f Hekimli\u011fi & Ki\u015fiye \u00d6zel Estetik Dokunu\u015flar<\/h1>\n        <\/div>\n        \n        <div class=\"hero-features-grid\">\n            <div class=\"hero-feat-card\" onclick=\"openGallery('clinic')\">\n                <img decoding=\"async\" src=\"https:\/\/yalovadentalpark.com\/wp-content\/uploads\/2022\/12\/Yalova-dental-park-dis-klinigi.jpg\" class=\"hero-feat-card-bg\" alt=\"Klinik \u0130mk\u00e2nlar\u0131m\u0131z\">\n                <div class=\"hero-feat-card-overlay\">\n                    <div class=\"hero-feat-header\">\n                        <div class=\"hero-feat-icon\">\u2197<\/div>\n                    <\/div>\n                    <div>\n                        <h3 class=\"hero-feat-title\">Klini\u011fimiz<\/h3>\n                        <p class=\"hero-feat-sub\">Dijital \u0130mk\u00e2nlar<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"hero-feat-card\" onclick=\"openGallery('beforeafter')\">\n                <img decoding=\"async\" src=\"https:\/\/yalovadentalpark.com\/wp-content\/uploads\/2023\/07\/all-on-four-implant-in-istanbul.jpg\" class=\"hero-feat-card-bg\" alt=\"G\u00fcl\u00fc\u015f D\u00f6n\u00fc\u015f\u00fcmleri\">\n                <div class=\"hero-feat-card-overlay\">\n                    <div class=\"hero-feat-header\">\n                        <div class=\"hero-feat-icon\">\u2197<\/div>\n                    <\/div>\n                    <div>\n                        <h3 class=\"hero-feat-title\">\u00d6ncesi & Sonras\u0131<\/h3>\n                        <p class=\"hero-feat-sub\">Ger\u00e7ek Hasta Sonu\u00e7lar\u0131<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"hero-feat-card\" onclick=\"openGallery('doctors')\">\n                <img decoding=\"async\" src=\"https:\/\/yalovadentalpark.com\/wp-content\/uploads\/2022\/09\/dentist-clinic-in-turkey-yalova-dental-park.jpg\" class=\"hero-feat-card-bg\" alt=\"Hekimlerimiz\">\n                <div class=\"hero-feat-card-overlay\">\n                    <div class=\"hero-feat-header\">\n                        <div class=\"hero-feat-icon\">\u2197<\/div>\n                    <\/div>\n                    <div>\n                        <h3 class=\"hero-feat-title\">Hekimlerimiz<\/h3>\n                        <p class=\"hero-feat-sub\">Uzman T\u0131bbi Kadro<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- POP-UP MODAL PENCERES\u0130 -->\n    <div id=\"galleryModal\" class=\"gallery-modal-bg\" onclick=\"closeGalleryOnBg(event)\">\n        <div id=\"galleryModalContent\" class=\"gallery-modal-content\">\n            <button class=\"gallery-close-btn\" onclick=\"closeGallery()\">\u2715<\/button>\n            <div id=\"gallerySidebar\" class=\"gallery-sidebar\"><\/div>\n            <div class=\"gallery-main-view\">\n                <img decoding=\"async\" id=\"galleryMainImg\" src=\"\" alt=\"Galeri G\u00f6rseli\">\n                <div id=\"galleryCaptionArea\" class=\"gallery-main-caption\" style=\"display: none;\">\n                    <div id=\"galleryTitle\" class=\"gallery-main-caption-text\"><\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- 2. Neden Yalova Dental Park? -->\n    <div style=\"margin-bottom: 70px;\">\n        <div style=\"text-align: center; margin-bottom: 40px;\">\n            <h2 style=\"color: #0f172a; margin-bottom: 12px; font-weight: 700;\">Neden Yalova Dental Park?<\/h2>\n            <p style=\"color: #64748b; max-width: 600px; margin: 0 auto;\">Uluslararas\u0131 hastalar\u0131m\u0131z i\u00e7in konfor, g\u00fcven ve esteti\u011fi en \u00fcst d\u00fczeyde bir araya getiriyoruz.<\/p>\n        <\/div>\n        <div style=\"display: flex; flex-direction: column; gap: 14px; max-width: 950px; margin: 0 auto;\">\n            \n            <details style=\"background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; overflow: hidden;\">\n                <summary style=\"padding: 18px 22px; font-size: 16px; font-weight: 600; color: #0f172a; cursor: pointer; display: flex; justify-content: space-between; align-items: center; background: #ffffff;\">\n                    <span>Uzman T\u0131bbi Kadro & Akademik M\u00fckemmellik<\/span>\n                    <span style=\"font-size: 13px; color: #1d4c79;\">\u25bc<\/span>\n                <\/summary>\n                <div style=\"padding: 28px 22px; background: linear-gradient(rgba(15, 23, 42, 0.88), rgba(15, 23, 42, 0.88)), url('https:\/\/b4162630.assetcdn.net\/2.0\/4162630\/wp-content\/uploads\/2026\/06\/yalova-dental-park-erol-keskin.jpg?lossy=2&strip=1&webp=1') center\/cover no-repeat; color: #ffffff;\">\n                    <p style=\"margin: 0; font-size: 15px; line-height: 1.7; font-weight: 300;\">Multidisipliner klinik ekibimiz; deneyimli \u00e7ene cerrahlar\u0131n\u0131, estetik protez uzmanlar\u0131n\u0131 ve kozmetik di\u015f hekimlerini bir araya getiriyor. Her tedavi plan\u0131, uzun \u00f6m\u00fcrl\u00fc ve hayalinizdeki do\u011fal g\u00fcl\u00fc\u015fe ula\u015fman\u0131z i\u00e7in ki\u015fiye \u00f6zel olarak haz\u0131rlan\u0131r.<\/p>\n                <\/div>\n            <\/details>\n\n            <details style=\"background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; overflow: hidden;\">\n                <summary style=\"padding: 18px 22px; font-size: 16px; font-weight: 600; color: #0f172a; cursor: pointer; display: flex; justify-content: space-between; align-items: center; background: #ffffff;\">\n                    <span>B\u00fcnyemizde Sertifikal\u0131 3D CAD\/CAM Dijital Laboratuvar<\/span>\n                    <span style=\"font-size: 13px; color: #1d4c79;\">\u25bc<\/span>\n                <\/summary>\n                <div style=\"padding: 28px 22px; background: linear-gradient(rgba(15, 23, 42, 0.88), rgba(15, 23, 42, 0.88)), url('https:\/\/yalovadentalpark.com\/wp-content\/uploads\/2020\/02\/cadcam123.jpeg') center\/cover no-repeat; color: #ffffff;\">\n                    <p style=\"margin: 0; font-size: 15px; line-height: 1.7; font-weight: 300;\">Standart kliniklerin aksine, zirkonyum kaplama ve restorasyonlar\u0131n\u0131z\u0131 kendi sertifikal\u0131 di\u015f laboratuvar\u0131m\u0131zda \u00fcretiyoruz. Bu sayede d\u0131\u015f laboratuvar bekleme s\u00fcreleri ortadan kalkar, an\u0131nda ki\u015fiye \u00f6zel renk uyumu sa\u011flan\u0131r ve mikron d\u00fczeyinde hassas uyum garanti edilir.<\/p>\n                <\/div>\n            <\/details>\n\n            <details style=\"background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; overflow: hidden;\">\n                <summary style=\"padding: 18px 22px; font-size: 16px; font-weight: 600; color: #0f172a; cursor: pointer; display: flex; justify-content: space-between; align-items: center; background: #ffffff;\">\n                    <span>Her \u015eey Dahil VIP Sa\u011fl\u0131k Turizmi Konforu<\/span>\n                    <span style=\"font-size: 13px; color: #1d4c79;\">\u25bc<\/span>\n                <\/summary>\n                <div style=\"padding: 28px 22px; background: linear-gradient(rgba(15, 23, 42, 0.88), rgba(15, 23, 42, 0.88)), url('https:\/\/images.unsplash.com\/photo-1540555700478-4be289fbecef?auto=format&fit=crop&w=1200&q=80') center\/cover no-repeat; color: #ffffff;\">\n                    <p style=\"margin: 0; font-size: 15px; line-height: 1.7; font-weight: 300;\">Stresten uzak bir medikal seyahat deneyimi ya\u015fay\u0131n. Uluslararas\u0131 hasta program\u0131m\u0131z; l\u00fcks \u00f6zel VIP ara\u00e7larla havaliman\u0131 kar\u015f\u0131lamalar\u0131n\u0131, konforlu otel konaklamalar\u0131n\u0131 ve kendi ana dilinizde 7\/24 kesintisiz terc\u00fcman deste\u011fini kapsar.<\/p>\n                <\/div>\n            <\/details>\n\n            <details style=\"background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; overflow: hidden;\">\n                <summary style=\"padding: 18px 22px; font-size: 16px; font-weight: 600; color: #0f172a; cursor: pointer; display: flex; justify-content: space-between; align-items: center; background: #ffffff;\">\n                    <span>Prestijli D\u00fcnya Markalar\u0131 & %70'e Varan Fiyat Avantaj\u0131<\/span>\n                    <span style=\"font-size: 13px; color: #1d4c79;\">\u25bc<\/span>\n                <\/summary>\n                <div style=\"padding: 28px 22px; background: linear-gradient(rgba(15, 23, 42, 0.88), rgba(15, 23, 42, 0.88)), url('https:\/\/images.unsplash.com\/photo-1588776814546-1ffcf47267a5?auto=format&fit=crop&w=1200&q=80') center\/cover no-repeat; color: #ffffff;\">\n                    <p style=\"margin: 0; font-size: 15px; line-height: 1.7; font-weight: 300;\">Tedavilerinizde yaln\u0131zca Straumann Group, Medentika ve Ivoclar Vivadent gibi CE sertifikal\u0131 d\u00fcnya lideri markalar\u0131 kullan\u0131yoruz. \u0130ngiltere ve Avrupa klinik fiyatlar\u0131na k\u0131yasla %70'e varan tasarruf sa\u011flarken, \u00fcst d\u00fczey Avrupa standartlar\u0131ndan \u00f6d\u00fcn vermezsiniz.<\/p>\n                <\/div>\n            <\/details>\n\n            <details style=\"background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; overflow: hidden;\">\n                <summary style=\"padding: 18px 22px; font-size: 16px; font-weight: 600; color: #0f172a; cursor: pointer; display: flex; justify-content: space-between; align-items: center; background: #ffffff;\">\n                    <span>\u015eeffaf Fiyatland\u0131rma & Uluslararas\u0131 Garanti Sertifikas\u0131<\/span>\n                    <span style=\"font-size: 13px; color: #1d4c79;\">\u25bc<\/span>\n                <\/summary>\n                <div style=\"padding: 28px 22px; background: linear-gradient(rgba(15, 23, 42, 0.88), rgba(15, 23, 42, 0.88)), url('https:\/\/yalovadentalpark.com\/wp-content\/uploads\/2020\/02\/IMG_2579-scaled.jpg') center\/cover no-repeat; color: #ffffff;\">\n                    <p style=\"margin: 0; font-size: 15px; line-height: 1.7; font-weight: 300;\">Gizli maliyetler veya s\u00fcrpriz \u00fccretler yok. T\u00fcm tedaviler seyahatiniz \u00f6ncesinde tam bir fiyat \u015feffafl\u0131\u011f\u0131yla sunulur. Tedaviniz tamamland\u0131\u011f\u0131nda, yap\u0131lan restorasyonlar ve implantlar resmi uluslararas\u0131 garanti pasaportlar\u0131 ile g\u00fcvence alt\u0131na al\u0131n\u0131r.<\/p>\n                <\/div>\n            <\/details>\n\n        <\/div>\n    <\/div>\n\n    <!-- 4. YALOVA'DA SA\u011eLIK TUR\u0130ZM\u0130 & ISO SERT\u0130F\u0130KALI D\u0130\u015e KL\u0130N\u0130\u011e\u0130 B\u00d6L\u00dcM\u00dc -->\n    <div style=\"background: #f8fafc; padding: 40px 20px; border-radius: 20px; margin-bottom: 70px; border: 1px solid #e2e8f0;\">\n        <div class=\"health-tourism-grid\">\n            \n            <!-- SOL ALAN: OTOMAT\u0130K D\u00d6NEN YEN\u0130LENM\u0130\u015e KATMANLI SERT\u0130F\u0130KA SLIDERI -->\n            <div class=\"cert-stack-wrapper\" id=\"certStackWrapper\">\n                <!-- Sol Kart (ISO 9001) -->\n                <div class=\"cert-item-card\" id=\"certCard-iso9001\" onclick=\"userSelectCert('iso9001')\">\n                    <img decoding=\"async\" src=\"https:\/\/yalovadentalpark.com\/wp-content\/uploads\/2020\/02\/ISO9001.png\" alt=\"ISO 9001:2015 Sertifikas\u0131\">\n                    <div class=\"cert-item-badge\">ISO 9001:2015<\/div>\n                <\/div>\n\n                <!-- Orta Kart (Sa\u011fl\u0131k Turizmi Yetki Belgesi) -->\n                <div class=\"cert-item-card\" id=\"certCard-main\" onclick=\"userSelectCert('main')\">\n                    <img decoding=\"async\" src=\"https:\/\/yalovadentalpark.com\/wp-content\/uploads\/2023\/02\/saglik-bakanligi-dis-klinigi-yalova.jpg\" alt=\"T.C. Sa\u011fl\u0131k Bakanl\u0131\u011f\u0131 Sa\u011fl\u0131k Turizmi Belgesi\">\n                    <div class=\"cert-item-badge\">Sa\u011fl\u0131k Turizmi Belgesi<\/div>\n                <\/div>\n\n                <!-- Sa\u011f Kart (ISO 10002) -->\n                <div class=\"cert-item-card\" id=\"certCard-iso10002\" onclick=\"userSelectCert('iso10002')\">\n                    <img decoding=\"async\" src=\"https:\/\/yalovadentalpark.com\/wp-content\/uploads\/2020\/02\/ISO10002.png\" alt=\"ISO 10002:2018 Sertifikas\u0131\">\n                    <div class=\"cert-item-badge\">ISO 10002:2018<\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- SA\u011e ALAN: D\u00dcZENLENM\u0130\u015e KURUMSAL MET\u0130N -->\n            <div style=\"display: flex; flex-direction: column; justify-content: center;\">\n                <span style=\"display: inline-block; background: #eef4f9; color: #1d4c79; padding: 5px 15px; border-radius: 20px; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 12px; align-self: flex-start;\">Uluslararas\u0131 Kalite Standartlar\u0131<\/span>\n                \n                <h2 style=\"color: #0f172a; margin: 0 0 16px 0; font-weight: 700; line-height: 1.3;\">\n                    T\u00fcrkiye\u2019nin Akredite & ISO Sertifikal\u0131 Uluslararas\u0131 Di\u015f Klini\u011fi\n                <\/h2>\n                \n                <p style=\"color: #64748b; margin: 0 0 16px 0; font-weight: 400;\">\n                    <strong>Yalova Dental Park<\/strong> olarak, modern dijital di\u015f hekimli\u011fi ile yaln\u0131zca sa\u011fl\u0131kl\u0131 ve uzun \u00f6m\u00fcrl\u00fc g\u00fcl\u00fc\u015fler sunmakla kalm\u0131yor, her misafirimize \u00f6zel estetik ve kusursuz sonu\u00e7lar tasarl\u0131yoruz. T.C. Sa\u011fl\u0131k Bakanl\u0131\u011f\u0131 onayl\u0131 <strong>Uluslararas\u0131 Sa\u011fl\u0131k Turizmi Yetki Belgesi<\/strong>'nin yan\u0131 s\u0131ra; <strong>ISO 9001:2015 Kalite Y\u00f6netim Sistemi<\/strong> ve <strong>ISO 10002:2018 M\u00fc\u015fteri\/Hasta Memnuniyeti Y\u00f6netim Sistemi<\/strong> sertifikalar\u0131m\u0131zla, klinik s\u00fcre\u00e7lerimiz uluslararas\u0131 standartlarda belgelenmi\u015ftir.\n                <\/p>\n                \n                <p style=\"color: #64748b; margin: 0 0 25px 0; font-weight: 400;\">\n                    Uluslararas\u0131 misafirlerimiz uzman di\u015f hekimlerimiz taraf\u0131ndan uygulanan \u00fcst d\u00fczey tedavilerden faydalan\u0131rken, Yalova'n\u0131n e\u015fsiz do\u011fal g\u00fczelliklerini ve kapl\u0131calar\u0131n\u0131 ke\u015ffetme f\u0131rsat\u0131 bulur. Y\u00fcksek hijyen, standartla\u015ft\u0131r\u0131lm\u0131\u015f kalite ve %100 hasta memnuniyeti oda\u011f\u0131nda dinlendirici bir tatil e\u015fli\u011finde g\u00fcl\u00fc\u015f\u00fcn\u00fcz\u00fc g\u00fcvenle tazeleyin.\n                <\/p>\n                \n                <div style=\"display: flex; align-items: center; justify-content: space-between; gap: 10px; border-top: 1px solid #e2e8f0; padding-top: 20px; flex-wrap: wrap;\">\n                    <div style=\"display: flex; gap: 8px; flex-wrap: wrap;\">\n                        <span style=\"font-size: 11.5px; font-weight: 600; color: #1d4c79; background: #ffffff; padding: 6px 12px; border-radius: 8px; border: 1px solid #cbd5e1; display: inline-block;\">\u2713 Bakanl\u0131k Onayl\u0131<\/span>\n                        <span style=\"font-size: 11.5px; font-weight: 600; color: #1d4c79; background: #ffffff; padding: 6px 12px; border-radius: 8px; border: 1px solid #cbd5e1; display: inline-block;\">\u2713 ISO 9001 Kalite<\/span>\n                        <span style=\"font-size: 11.5px; font-weight: 600; color: #1d4c79; background: #ffffff; padding: 6px 12px; border-radius: 8px; border: 1px solid #cbd5e1; display: inline-block;\">\u2713 ISO 10002 Memnuniyet<\/span>\n                    <\/div>\n                    <div>\n                        <img decoding=\"async\" src=\"https:\/\/yalovadentalpark.com\/wp-content\/uploads\/2026\/03\/healthturkiye.jpeg\" alt=\"Health T\u00fcrkiye Resmi Logosu\" style=\"max-height: 40px; width: auto; object-fit: contain;\">\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n\n    <!-- 5. DENTAL PARK LABS & MARKA TEKNOLOJ\u0130S\u0130 B\u00d6L\u00dcM\u00dc -->\n    <div style=\"margin-bottom: 70px; background: #0f172a; border-radius: 20px; overflow: hidden; border: 1px solid #1e293b; box-shadow: 0 20px 40px rgba(0,0,0,0.08);\">\n        <div style=\"display: flex; flex-direction: row; flex-wrap: wrap;\">\n            <div style=\"background: #14141d; padding: 35px 25px; width: 100%; max-width: 360px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; border-right: 1px solid rgba(255,255,255,0.08);\">\n                <div>\n                    <div style=\"margin-bottom: 20px;\">\n                        <img decoding=\"async\" src=\"https:\/\/yalovadentalpark.com\/wp-content\/uploads\/2020\/02\/straumann-logo.webp\" alt=\"Straumann Group Logosu\" style=\"max-width: 180px; height: auto; display: block;\">\n                    <\/div>\n                    <h2 style=\"color: #ffffff; font-weight: 600; line-height: 1.3; margin: 0 0 16px 0; letter-spacing: -0.3px;\">Dental Park Labs: Di\u015f Hekimli\u011finin Gelece\u011fi<\/h2>\n                    <p style=\"color: #94a3b8; margin: 0 0 25px 0; font-weight: 400;\">B\u00fcnyemizdeki 3D CAD\/CAM dijital di\u015f laboratuvar\u0131 sayesinde, mikron d\u00fczeyinde hassasiyetle i\u015flenmi\u015f do\u011fal ve uzun \u00f6m\u00fcrl\u00fc restorasyonlar \u00fcretiyoruz.<\/p>\n                <\/div>\n                <a href=\"https:\/\/wa.me\/905496347868\" style=\"background: #1d4c79; color: #ffffff; padding: 14px 20px; text-decoration: none; border-radius: 12px; font-weight: 600; font-size: 14px; text-align: center; display: block; box-shadow: 0 8px 20px rgba(29, 76, 121, 0.4);\">5 Dakikada Fiyat Teklifi Al\u0131n<\/a>\n            <\/div>\n            <div style=\"flex: 1; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1px; background: rgba(255,255,255,0.08);\">\n                <div style=\"background: linear-gradient(180deg, #1e293b 0%, #334155 100%); padding: 30px 20px 20px 20px; display: flex; flex-direction: column; justify-content: space-between; min-height: 440px; box-sizing: border-box;\">\n                    <div>\n                        <div style=\"height: 45px; margin-bottom: 15px; display: flex; align-items: center;\">\n                            <img decoding=\"async\" src=\"https:\/\/yalovadentalpark.com\/wp-content\/uploads\/2020\/02\/in-house-lab-logo.webp\" alt=\"Klinik \u0130\u00e7i Laboratuvar Logosu\" style=\"max-height: 40px; max-width: 140px; object-fit: contain;\">\n                        <\/div>\n                        <p style=\"color: #cbd5e1; font-size: 13.5px; line-height: 1.6; margin: 0; font-style: italic;\">Sertifikal\u0131 klinik laboratuvar\u0131m\u0131z sayesinde, kaplamalar\u0131n\u0131z ve implant protezleriniz y\u00fcksek hassasiyetle yerinde haz\u0131rlan\u0131r.<\/p>\n                    <\/div>\n                    <div style=\"margin-top: 20px; text-align: center;\">\n                        <img decoding=\"async\" src=\"https:\/\/yalovadentalpark.com\/wp-content\/uploads\/2020\/02\/partner-tech-img-1.webp\" alt=\"Dental Park Klinik \u0130\u00e7i Laboratuvarlar\u0131\" style=\"width: 100%; max-height: 180px; object-fit: cover; border-radius: 10px;\">\n                    <\/div>\n                <\/div>\n                <div style=\"background: linear-gradient(180deg, #1e293b 0%, #334155 100%); padding: 30px 20px 20px 20px; display: flex; flex-direction: column; justify-content: space-between; min-height: 440px; box-sizing: border-box;\">\n                    <div>\n                        <div style=\"height: 45px; margin-bottom: 15px; display: flex; align-items: center;\">\n                            <img decoding=\"async\" src=\"https:\/\/yalovadentalpark.com\/wp-content\/uploads\/2020\/02\/Medentika_Logo_STMN_Group_Brand_White.png.webp\" alt=\"Medentika Logosu\" style=\"max-height: 45px; max-width: 160px; object-fit: contain;\">\n                        <\/div>\n                        <p style=\"color: #cbd5e1; font-size: 13.5px; line-height: 1.6; margin: 0; font-style: italic;\">M\u00fckemmel cerrahi uyum sa\u011flayan y\u00fcksek hassasiyetli titanyum bile\u015fenler ve dayan\u0131kl\u0131 ba\u011flant\u0131lar.<\/p>\n                    <\/div>\n                    <div style=\"margin-top: 20px; text-align: center;\">\n                        <img decoding=\"async\" src=\"https:\/\/yalovadentalpark.com\/wp-content\/uploads\/2020\/02\/medentika-implants-high-precision-implant-systems-for-reliable-and-aesthetic-outcomes-1.png.webp\" alt=\"Medentika Di\u015f \u0130mplant Teknolojisi\" style=\"width: 100%; max-height: 180px; object-fit: cover; border-radius: 10px;\">\n                    <\/div>\n                <\/div>\n                <div style=\"background: linear-gradient(180deg, #1e293b 0%, #334155 100%); padding: 30px 20px 20px 20px; display: flex; flex-direction: column; justify-content: space-between; min-height: 440px; box-sizing: border-box;\">\n                    <div>\n                        <div style=\"height: 45px; margin-bottom: 15px; display: flex; align-items: center;\">\n                            <img decoding=\"async\" src=\"https:\/\/yalovadentalpark.com\/wp-content\/uploads\/2020\/02\/straumann-logo-2.webp\" alt=\"Straumann Logosu\" style=\"max-height: 40px; max-width: 140px; object-fit: contain;\">\n                        <\/div>\n                        <p style=\"color: #cbd5e1; font-size: 13.5px; line-height: 1.6; margin: 0; font-style: italic;\">Onlarca y\u0131ll\u0131k klinik ba\u015far\u0131 ve bilimsel ara\u015ft\u0131rmalarla desteklenen d\u00fcnyan\u0131n en g\u00fcvenilir implant markas\u0131.<\/p>\n                    <\/div>\n                    <div style=\"margin-top: 20px; text-align: center;\">\n                        <img decoding=\"async\" src=\"https:\/\/yalovadentalpark.com\/wp-content\/uploads\/2020\/02\/partner-tech-img-3.webp\" alt=\"Straumann Di\u015f \u0130mplant Teknolojisi\" style=\"width: 100%; max-height: 180px; object-fit: cover; border-radius: 10px;\">\n                    <\/div>\n                <\/div>\n                <div style=\"background: linear-gradient(180deg, #1e293b 0%, #334155 100%); padding: 30px 20px 20px 20px; display: flex; flex-direction: column; justify-content: space-between; min-height: 440px; box-sizing: border-box;\">\n                    <div>\n                        <div style=\"height: 45px; margin-bottom: 15px; display: flex; align-items: center;\">\n                            <img decoding=\"async\" src=\"https:\/\/yalovadentalpark.com\/wp-content\/uploads\/2020\/02\/ivoclar-logo.webp\" alt=\"Ivoclar Logosu\" style=\"max-height: 40px; max-width: 160px; object-fit: contain;\">\n                        <\/div>\n                        <p style=\"color: #cbd5e1; font-size: 13.5px; line-height: 1.6; margin: 0; font-style: italic;\">Hassas restorasyonlar, estetik kronlar (E-Max) ve do\u011fal lamine kaplamalarda d\u00fcnya lideri teknoloji.<\/p>\n                    <\/div>\n                    <div style=\"margin-top: 20px; text-align: center;\">\n                        <img decoding=\"async\" src=\"https:\/\/yalovadentalpark.com\/wp-content\/uploads\/2020\/02\/partner-tech-img-4.webp\" alt=\"Ivoclar Estetik Di\u015f Teknolojisi\" style=\"width: 100%; max-height: 180px; object-fit: cover; border-radius: 10px;\">\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- 6. POP\u00dcLER D\u0130\u015e TEDAV\u0130LER\u0130 -->\n    <div style=\"background: #f8fafc; padding: 40px 20px; border-radius: 20px; margin-bottom: 70px; border: 1px solid #e2e8f0;\">\n        <div style=\"text-align: center; margin-bottom: 30px;\">\n            <span style=\"display: inline-block; background: #eef4f9; color: #1d4c79; padding: 5px 15px; border-radius: 20px; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 10px;\">De\u011fi\u015fimi Ba\u015flat\u0131n<\/span>\n            <h2 style=\"color: #0f172a; margin-bottom: 12px; font-weight: 700;\">Pop\u00fcler Di\u015f Tedavileri<\/h2>\n            <p style=\"color: #64748b; max-width: 650px; margin: 0 auto;\">Tedavi tercihinizi yaparak maliyet kar\u015f\u0131la\u015ft\u0131rmas\u0131n\u0131 g\u00f6r\u00fcnt\u00fclemek i\u00e7in kartlar\u0131 se\u00e7in.<\/p>\n        <\/div>\n\n        <div class=\"treatment-cards-grid\">\n            <div id=\"card-hollywood\" onclick=\"toggleCard('hollywood')\" style=\"background: #ffffff; padding: 18px 14px; border-radius: 12px; text-align: left; border: 2px solid #e2e8f0; cursor: pointer; transition: all 0.2s; box-shadow: 0 4px 15px rgba(0,0,0,0.02);\">\n                <input type=\"checkbox\" id=\"chk-hollywood\" style=\"width: 16px; height: 16px; accent-color: #1d4c79; margin-bottom: 6px; pointer-events: none;\">\n                <h4 style=\"color: #0f172a; font-size: 15px; margin: 0 0 4px 0; font-weight: 600;\">Hollywood G\u00fcl\u00fc\u015f\u00fc<\/h4>\n                <p style=\"color: #64748b; font-size: 11.5px; margin: 0;\">\u0130mplant & kaplama kombinasyonu.<\/p>\n            <\/div>\n            <div id=\"card-implant\" onclick=\"toggleCard('implant')\" style=\"background: #ffffff; padding: 18px 14px; border-radius: 12px; text-align: left; border: 2px solid #e2e8f0; cursor: pointer; transition: all 0.2s; box-shadow: 0 4px 15px rgba(0,0,0,0.02);\">\n                <input type=\"checkbox\" id=\"chk-implant\" style=\"width: 16px; height: 16px; accent-color: #1d4c79; margin-bottom: 6px; pointer-events: none;\">\n                <h4 style=\"color: #0f172a; font-size: 15px; margin: 0 0 4px 0; font-weight: 600;\">Di\u015f \u0130mplant\u0131<\/h4>\n                <p style=\"color: #64748b; font-size: 11.5px; margin: 0;\">Kal\u0131c\u0131 & g\u00fcvenli tedavi.<\/p>\n            <\/div>\n            <div id=\"card-kaplama\" onclick=\"toggleCard('kaplama')\" style=\"background: #ffffff; padding: 18px 14px; border-radius: 12px; text-align: left; border: 2px solid #e2e8f0; cursor: pointer; transition: all 0.2s; box-shadow: 0 4px 15px rgba(0,0,0,0.02);\">\n                <input type=\"checkbox\" id=\"chk-kaplama\" style=\"width: 16px; height: 16px; accent-color: #1d4c79; margin-bottom: 6px; pointer-events: none;\">\n                <h4 style=\"color: #0f172a; font-size: 15px; margin: 0 0 4px 0; font-weight: 600;\">Kuron & Kaplama<\/h4>\n                <p style=\"color: #64748b; font-size: 11.5px; margin: 0;\">Zirkonyum veya E-Max.<\/p>\n            <\/div>\n            <div id=\"card-beyazlatma\" onclick=\"toggleCard('beyazlatma')\" style=\"background: #ffffff; padding: 18px 14px; border-radius: 12px; text-align: left; border: 2px solid #e2e8f0; cursor: pointer; transition: all 0.2s; box-shadow: 0 4px 15px rgba(0,0,0,0.02);\">\n                <input type=\"checkbox\" id=\"chk-beyazlatma\" style=\"width: 16px; height: 16px; accent-color: #1d4c79; margin-bottom: 6px; pointer-events: none;\">\n                <h4 style=\"color: #0f172a; font-size: 15px; margin: 0 0 4px 0; font-weight: 600;\">Di\u015f Beyazlatma<\/h4>\n                <p style=\"color: #64748b; font-size: 11.5px; margin: 0;\">I\u015f\u0131l \u0131\u015f\u0131l bir parlakl\u0131k.<\/p>\n            <\/div>\n        <\/div>\n\n        <div id=\"dynamic-options-container\" class=\"dynamic-options-grid\">\n            <div style=\"background: #ffffff; border: 1px solid #cbd5e1; border-radius: 14px; padding: 20px; box-shadow: 0 4px 15px rgba(0,0,0,0.02);\">\n                <h4 style=\"font-size: 13px; color: #1d4c79; margin: 0 0 15px 0; text-transform: uppercase; letter-spacing: 0.5px; font-weight: 600;\">Se\u00e7ilen Tedavi Detaylar\u0131<\/h4>\n                <div style=\"display: flex; flex-direction: column; gap: 15px;\">\n                    <div id=\"opt-box-hollywood\" style=\"display: none; padding-bottom: 12px; border-bottom: 1px solid #f1f5f9;\">\n                        <div style=\"font-size: 13px; color: #0f172a; font-weight: 600; margin-bottom: 8px;\">Hollywood G\u00fcl\u00fc\u015f\u00fc Kombinasyonu:<\/div>\n                        <div style=\"display: grid; grid-template-columns: 1fr; gap: 10px;\">\n                            <div>\n                                <label style=\"font-size: 11px; color: #475569; display: block; margin-bottom: 3px;\">\u0130mplant Markas\u0131:<\/label>\n                                <select id=\"hs-brand-implant\" onchange=\"calculatePackage()\" style=\"width: 100%; padding: 8px; border-radius: 6px; border: 1px solid #cbd5e1; font-size: 12px;\">\n                                    <option value=\"\" selected>Se\u00e7iniz<\/option>\n                                    <option value=\"nta\">NTA<\/option>\n                                    <option value=\"medentika\">MEDENTIKA<\/option>\n                                    <option value=\"straumann\">STRAUMANN<\/option>\n                                <\/select>\n                            <\/div>\n                            <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 8px;\">\n                                <div>\n                                    <label style=\"font-size: 11px; color: #475569; display: block; margin-bottom: 3px;\">\u0130mplant Adedi:<\/label>\n                                    <select id=\"hs-qty-implant\" onchange=\"calculatePackage()\" style=\"width: 100%; padding: 8px; border-radius: 6px; border: 1px solid #cbd5e1; font-size: 12px;\">\n                                        <option value=\"0\" selected>Se\u00e7iniz<\/option>\n                                        <script>for(var i=1; i<=28; i++) { document.write('<option value=\"'+i+'\">'+i+' Adet<\/option>'); }<\/script>\n                                    <\/select>\n                                <\/div>\n                                <div>\n                                    <label style=\"font-size: 11px; color: #475569; display: block; margin-bottom: 3px;\">Kaplama Adedi:<\/label>\n                                    <select id=\"hs-qty-kaplama\" onchange=\"calculatePackage()\" style=\"width: 100%; padding: 8px; border-radius: 6px; border: 1px solid #cbd5e1; font-size: 12px;\">\n                                        <option value=\"0\" selected>Se\u00e7iniz<\/option>\n                                        <script>for(var i=1; i<=28; i++) { document.write('<option value=\"'+i+'\">'+i+' Adet<\/option>'); }<\/script>\n                                    <\/select>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div id=\"opt-box-implant\" style=\"display: none; padding-bottom: 12px; border-bottom: 1px solid #f1f5f9;\">\n                        <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 10px;\">\n                            <div>\n                                <label style=\"font-size: 12px; color: #334155; display: block; margin-bottom: 4px; font-weight: 500;\">\u0130mplant Markas\u0131:<\/label>\n                                <select id=\"brand-implant\" onchange=\"calculatePackage()\" style=\"width: 100%; padding: 8px; border-radius: 6px; border: 1px solid #cbd5e1; font-size: 12px;\">\n                                    <option value=\"\" selected>Se\u00e7iniz<\/option>\n                                    <option value=\"nta\">NTA<\/option>\n                                    <option value=\"medentika\">MEDENTIKA<\/option>\n                                    <option value=\"straumann\">STRAUMANN<\/option>\n                                <\/select>\n                            <\/div>\n                            <div>\n                                <label style=\"font-size: 12px; color: #334155; display: block; margin-bottom: 4px; font-weight: 500;\">\u0130mplant Adedi:<\/label>\n                                <select id=\"qty-implant\" onchange=\"calculatePackage()\" style=\"width: 100%; padding: 8px; border-radius: 6px; border: 1px solid #cbd5e1; font-size: 12px;\">\n                                    <option value=\"0\" selected>Se\u00e7iniz<\/option>\n                                    <script>for(var i=1; i<=28; i++) { document.write('<option value=\"'+i+'\">'+i+' Adet<\/option>'); }<\/script>\n                                <\/select>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div id=\"opt-box-kaplama\" style=\"display: none; padding-bottom: 12px; border-bottom: 1px solid #f1f5f9;\">\n                        <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 10px;\">\n                            <div>\n                                <label style=\"font-size: 12px; color: #334155; display: block; margin-bottom: 4px; font-weight: 500;\">Kaplama T\u00fcr\u00fc:<\/label>\n                                <select id=\"type-kaplama\" onchange=\"calculatePackage()\" style=\"width: 100%; padding: 8px; border-radius: 6px; border: 1px solid #cbd5e1; font-size: 12px;\">\n                                    <option value=\"\" selected>Se\u00e7iniz<\/option>\n                                    <option value=\"zirkonyum\">Zirkonyum<\/option>\n                                    <option value=\"emax\">E-Max<\/option>\n                                <\/select>\n                            <\/div>\n                            <div>\n                                <label style=\"font-size: 12px; color: #334155; display: block; margin-bottom: 4px; font-weight: 500;\">Adet:<\/label>\n                                <select id=\"qty-kaplama\" onchange=\"calculatePackage()\" style=\"width: 100%; padding: 8px; border-radius: 6px; border: 1px solid #cbd5e1; font-size: 12px;\">\n                                    <option value=\"0\" selected>Se\u00e7iniz<\/option>\n                                    <script>for(var i=1; i<=28; i++) { document.write('<option value=\"'+i+'\">'+i+' Adet<\/option>'); }<\/script>\n                                <\/select>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div id=\"opt-box-beyazlatma\" style=\"display: none; font-size: 12.5px; color: #64748b;\">\n                        <span>\u2728 Di\u015f Beyazlatma, tek seansl\u0131k profesyonel bir paket tedavisidir.<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div id=\"summary-card-container\" style=\"background: #ffffff; color: #0f172a; padding: 20px; border-radius: 16px; border: 1px solid #cbd5e1; box-shadow: 0 10px 30px rgba(0,0,0,0.03);\">\n                <h3 style=\"color: #1d4c79; font-size: 17px; margin-top: 0; margin-bottom: 4px; font-weight: 600;\">Paket Fiyat \u00d6zeti<\/h3>\n                <p style=\"color: #64748b; font-size: 11.5px; margin-bottom: 12px;\">\u0130ngiltere vs. Dental Park fiyat kar\u015f\u0131la\u015ft\u0131rmas\u0131:<\/p>\n                <div style=\"display: grid; grid-template-columns: 1.5fr 1.2fr 1fr; background: #f8fafc; padding: 8px 10px; border-radius: 6px; font-size: 10.5px; color: #475569; text-transform: uppercase; margin-bottom: 8px; font-weight: 500; border: 1px solid #e2e8f0;\">\n                    <div>Tedavi<\/div>\n                    <div style=\"text-align: right;\">\u0130ngiltere Fiyat\u0131<\/div>\n                    <div style=\"text-align: right;\">Dental Park<\/div>\n                <\/div>\n                <div id=\"summary-results\" style=\"display: flex; flex-direction: column; gap: 6px; margin-bottom: 15px; min-height: 40px;\"><\/div>\n                <div style=\"border-top: 1px solid #e2e8f0; padding-top: 12px; display: flex; justify-content: space-between; align-items: center;\">\n                    <div>\n                        <span style=\"font-size: 10px; color: #64748b; display: block; text-transform: uppercase; font-weight: 500;\">Toplam Tutar<\/span>\n                        <span id=\"total-our-price\" style=\"font-size: 18px; font-weight: 600; color: #1d4c79;\">\u00a30<\/span>\n                    <\/div>\n                    <a href=\"https:\/\/wa.me\/905496347868\" style=\"background: #1d4c79; color: #fff; padding: 9px 16px; text-decoration: none; border-radius: 6px; font-weight: 500; font-size: 12px;\">Paketi Al\u0131n<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- 7. \u00d6NCES\u0130 \/ SONRASI B\u00d6L\u00dcM\u00dc -->\n    <div style=\"background: #f8fafc; padding: 40px 20px; border-radius: 20px; margin-bottom: 70px; border: 1px solid #e2e8f0;\">\n        <div style=\"text-align: center; margin-bottom: 35px;\">\n            <span style=\"display: inline-block; background: #eef4f9; color: #1d4c79; padding: 5px 15px; border-radius: 20px; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 10px;\">Ger\u00e7ek Hasta Sonu\u00e7lar\u0131<\/span>\n            <h2 style=\"color: #0f172a; margin-bottom: 12px; font-weight: 700;\">\u00d6ncesi ve Sonras\u0131 G\u00fcl\u00fc\u015f D\u00f6n\u00fc\u015f\u00fcmleri<\/h2>\n            <p style=\"color: #64748b; max-width: 600px; margin: 0 auto;\">G\u00fcl\u00fc\u015fteki de\u011fi\u015fimi yak\u0131ndan incelemek i\u00e7in kayd\u0131r\u0131c\u0131y\u0131 sola ve sa\u011fa s\u00fcr\u00fckleyin.<\/p>\n        <\/div>\n\n        <style>\n            .ba-grid-wrapper {\n                display: grid;\n                grid-template-columns: 1fr 1fr;\n                gap: 30px;\n                align-items: center;\n            }\n            .ba-slider-container {\n                position: relative;\n                width: 100%;\n                height: 380px;\n                border-radius: 16px;\n                overflow: hidden;\n                border: 1px solid #cbd5e1;\n                box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n                user-select: none;\n            }\n            .ba-layer-base {\n                position: absolute;\n                top: 0; left: 0; width: 100%; height: 100%;\n            }\n            .ba-layer-base img {\n                width: 100%; height: 100%; object-fit: cover; display: block;\n            }\n            .ba-layer-overlay {\n                position: absolute;\n                top: 0; left: 0; width: 50%; height: 100%; overflow: hidden; z-index: 2;\n            }\n            .ba-overlay-inner {\n                position: absolute; top: 0; left: 0; height: 100%;\n            }\n            .ba-overlay-inner img {\n                width: 100%; height: 100%; object-fit: cover; display: block;\n            }\n            .ba-slider-handle {\n                position: absolute; top: 0; bottom: 0; left: 50%; width: 4px; background: #1d4c79; z-index: 5; cursor: ew-resize; transform: translateX(-50%);\n            }\n            .ba-slider-button {\n                position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 36px; height: 36px; background: #1d4c79; color: #ffffff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 13px; box-shadow: 0 4px 10px rgba(0,0,0,0.3); border: 2px solid #ffffff;\n            }\n            @media (max-width: 768px) {\n                .ba-grid-wrapper { grid-template-columns: 1fr; }\n                .ba-slider-container { height: 280px; }\n            }\n        <\/style>\n\n        <div class=\"ba-grid-wrapper\">\n            <div class=\"ba-slider-container\" id=\"baSlider\">\n                <div class=\"ba-layer-base\">\n                    <img decoding=\"async\" id=\"baAfterImg\" src=\"https:\/\/yalovadentalpark.com\/wp-content\/uploads\/2022\/12\/yalova-dental-clinic-after-photos.jpg\" alt=\"Tedavi Sonras\u0131\">\n                <\/div>\n                <div class=\"ba-layer-overlay\" id=\"baOverlay\">\n                    <div class=\"ba-overlay-inner\" id=\"baOverlayInner\">\n                        <img decoding=\"async\" id=\"baBeforeImg\" src=\"https:\/\/yalovadentalpark.com\/wp-content\/uploads\/2022\/12\/yalova-dental-clinic-before-photos.jpg\" alt=\"Tedavi \u00d6ncesi\">\n                    <\/div>\n                <\/div>\n                <div class=\"ba-slider-handle\" id=\"baHandle\">\n                    <div class=\"ba-slider-button\">\u2194<\/div>\n                <\/div>\n            <\/div>\n\n            <div style=\"display: flex; flex-direction: column; justify-content: center; padding: 10px;\">\n                <div style=\"font-size: 38px; font-weight: 800; color: #0f172a; line-height: 1.1; letter-spacing: -1px; margin-bottom: 4px;\">\n                    %100 Ger\u00e7ek.\n                <\/div>\n                <div style=\"font-size: 38px; font-weight: 800; color: #1d4c79; line-height: 1.1; letter-spacing: -1px; margin-bottom: 18px;\">\n                    %100 Siz.\n                <\/div>\n                <p style=\"color: #475569; margin: 0; font-weight: 400;\">\n                    Filtreler veya dijital ill\u00fczyonlar yok. Do\u011frudan klini\u011fimizde tamamlanan do\u011fal ve estetik sonu\u00e7larla yeni g\u00fcl\u00fc\u015f\u00fcn\u00fcze g\u00fcvenle ad\u0131m at\u0131n.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- 8. KL\u0130N\u0130K \u0130\u00c7\u0130 LABORATUVARIMIZ -->\n    <div style=\"margin-bottom: 70px;\">\n        <div style=\"text-align: center; margin-bottom: 35px;\">\n            <h2 style=\"color: #0f172a; margin-bottom: 12px; font-weight: 700;\">Modern Klinik \u0130\u00e7i Laboratuvar\u0131m\u0131z<\/h2>\n            <p style=\"color: #64748b; max-width: 750px; margin: 0 auto;\">Di\u015f protezlerinizi ve kaplamalar\u0131n\u0131z\u0131 klini\u011fimiz b\u00fcnyesindeki son teknoloji laboratuvarda \u00fcretiyor, zamandan tasarruf sa\u011flarken kusursuz uyum ve estetik elde ediyoruz.<\/p>\n        <\/div>\n        <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px;\">\n            <div class=\"lab-card\">\n                <img decoding=\"async\" src=\"https:\/\/yalovadentalpark.com\/wp-content\/uploads\/2020\/02\/cadcam123.jpeg\" alt=\"3D CAD CAM Teknolojisi\">\n                <div class=\"lab-card-overlay\">\n                    <h4 style=\"margin: 0 0 6px 0; color: #ffffff; font-size: 18px; font-weight: 600; letter-spacing: -0.3px;\">3D CAD\/CAM Teknolojisi<\/h4>\n                    <p style=\"color: #cbd5e1; font-size: 13px; margin: 0; line-height: 1.4; font-weight: 300;\">Dijital \u00f6l\u00e7\u00fclerle kusursuz ve h\u0131zl\u0131 \u00fcretim.<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"lab-card\">\n                <img decoding=\"async\" src=\"https:\/\/yalovadentalpark.com\/wp-content\/uploads\/2020\/02\/IMG_2568-scaled.jpg\" alt=\"H\u0131zl\u0131 ve Hassas Revizyon\">\n                <div class=\"lab-card-overlay\">\n                    <h4 style=\"margin: 0 0 6px 0; color: #ffffff; font-size: 18px; font-weight: 600; letter-spacing: -0.3px;\">H\u0131zl\u0131 & Hassas Revizyon<\/h4>\n                    <p style=\"color: #cbd5e1; font-size: 13px; margin: 0; line-height: 1.4; font-weight: 300;\">Bekleme s\u00fcrenizi en aza indiren yerinde \u00fcretim.<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"lab-card\">\n                <img decoding=\"async\" src=\"https:\/\/yalovadentalpark.com\/wp-content\/uploads\/2020\/02\/IMG_2579-scaled.jpg\" alt=\"\u00d6zel Renk Se\u00e7imi ve F\u0131r\u0131nlama\">\n                <div class=\"lab-card-overlay\">\n                    <h4 style=\"margin: 0 0 6px 0; color: #ffffff; font-size: 18px; font-weight: 600; letter-spacing: -0.3px;\">Ki\u015fiye \u00d6zel Renk Se\u00e7imi<\/h4>\n                    <p style=\"color: #cbd5e1; font-size: 13px; margin: 0; line-height: 1.4; font-weight: 300;\">Do\u011fal di\u015f tonunuzla tam uyumlu \u00f6zel f\u0131r\u0131nlama.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- 9. SIK\u00c7A SORULAN SORULAR -->\n    <div style=\"margin-bottom: 70px;\">\n        <div style=\"text-align: center; margin-bottom: 35px;\">\n            <h2 style=\"color: #0f172a; margin-bottom: 12px; font-weight: 700;\">S\u0131k\u00e7a Sorulan Sorular<\/h2>\n            <p style=\"color: #64748b; max-width: 600px; margin: 0 auto;\">Di\u015f seyahatiniz ve ki\u015fisel tedavi s\u00fcreciniz hakk\u0131nda merak edilen detaylar.<\/p>\n        <\/div>\n        <div class=\"faq-grid-wrapper\">\n            <div style=\"display: flex; flex-direction: column; gap: 10px;\">\n                <div class=\"faq-item active\" onclick=\"updateFaq(this)\" data-title=\"Ortalama tedavi s\u00fcresi ne kadard\u0131r?\" data-desc=\"Tedavi t\u00fcr\u00fcne g\u00f6re de\u011fi\u015fiklik g\u00f6sterir. Kaplama ve g\u00fcl\u00fc\u015f tasar\u0131m\u0131 tedavilerinin b\u00fcy\u00fck \u00e7o\u011funlu\u011fu 5 ila 7 g\u00fcn i\u00e7erisinde konforla tamamlanmaktad\u0131r.\" style=\"background: #ffffff; padding: 16px 18px; border-radius: 10px; border: 1px solid #cbd5e1; cursor: pointer; font-weight: 600; color: #0f172a; font-size: 14.5px;\">Ortalama tedavi s\u00fcresi ne kadard\u0131r?<\/div>\n                <div class=\"faq-item\" onclick=\"updateFaq(this)\" data-title=\"Havaliman\u0131 transferi ve otel konaklamas\u0131 dahil mi?\" data-desc=\"Evet, uluslararas\u0131 paketlerimize l\u00fcks VIP havaliman\u0131 transferleri ve konforlu otel konaklamalar\u0131 dahildir.\" style=\"background: #ffffff; padding: 16px 18px; border-radius: 10px; border: 1px solid #cbd5e1; cursor: pointer; font-weight: 600; color: #0f172a; font-size: 14.5px;\">Havaliman\u0131 transferi ve otel konaklamas\u0131 dahil mi?<\/div>\n                <div class=\"faq-item\" onclick=\"updateFaq(this)\" data-title=\"Terc\u00fcman ve dil deste\u011fi sa\u011flan\u0131yor mu?\" data-desc=\"Kesinlikle. Kendi ana dilinizde sorunsuz bir ileti\u015fim i\u00e7in tedavi s\u00fcrecinizin her ad\u0131m\u0131nda \u00f6zel terc\u00fcmanlar\u0131m\u0131z size e\u015flik eder.\" style=\"background: #ffffff; padding: 16px 18px; border-radius: 10px; border: 1px solid #cbd5e1; cursor: pointer; font-weight: 600; color: #0f172a; font-size: 14.5px;\">Terc\u00fcman ve dil deste\u011fi sa\u011flan\u0131yor mu?<\/div>\n                <div class=\"faq-item\" onclick=\"updateFaq(this)\" data-title=\"Tedavi sonras\u0131nda garanti veriliyor mu?\" data-desc=\"Evet, t\u00fcm implant ve estetik kaplama i\u015flemlerimiz uluslararas\u0131 garanti sertifikalar\u0131 ile g\u00fcvence alt\u0131na al\u0131nmaktad\u0131r.\" style=\"background: #ffffff; padding: 16px 18px; border-radius: 10px; border: 1px solid #cbd5e1; cursor: pointer; font-weight: 600; color: #0f172a; font-size: 14.5px;\">Tedavi sonras\u0131nda garanti veriliyor mu?<\/div>\n            <\/div>\n            <div id=\"faq-display-box\" style=\"background: linear-gradient(135deg, #ffffff 0%, #f0f7ff 100%); color: #0f172a; padding: 35px 25px; border-radius: 16px; display: flex; flex-direction: column; justify-content: center; border: 1px solid #d0e1f0; box-shadow: 0 10px 25px rgba(29, 76, 121, 0.05);\">\n                <h3 id=\"faq-box-title\" style=\"color: #1d4c79; font-size: 21px; margin-top: 0; margin-bottom: 12px; font-weight: 700; line-height: 1.35;\">Ortalama tedavi s\u00fcresi ne kadard\u0131r?<\/h3>\n                <p id=\"faq-box-desc\" style=\"color: #475569; font-size: 15px; line-height: 1.7; margin-bottom: 25px;\">Tedavi t\u00fcr\u00fcne g\u00f6re de\u011fi\u015fiklik g\u00f6sterir. Kaplama ve g\u00fcl\u00fc\u015f tasar\u0131m\u0131 tedavilerinin b\u00fcy\u00fck \u00e7o\u011funlu\u011fu 5 ila 7 g\u00fcn i\u00e7erisinde konforla tamamlanmaktad\u0131r.<\/p>\n                <a href=\"https:\/\/wa.me\/905496347868\" style=\"background: #1d4c79; color: #fff; padding: 12px 24px; text-decoration: none; border-radius: 10px; font-weight: 600; font-size: 13.5px; display: inline-block; align-self: flex-start; box-shadow: 0 6px 18px rgba(29, 76, 121, 0.2);\">Detayl\u0131 Bilgi Al\u0131n<\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- 10. WHATSAPP \u0130LET\u0130\u015e\u0130M B\u00d6L\u00dcM\u00dc -->\n    <div id=\"iletisim\" style=\"background: linear-gradient(135deg, #0f172a 0%, #14141d 100%); color: #ffffff; padding: 50px 25px; border-radius: 20px; text-align: center; margin-bottom: 40px; border: 1px solid #1e293b; box-shadow: 0 15px 35px rgba(0,0,0,0.15); position: relative; overflow: hidden;\">\n        <span style=\"display: inline-block; background: rgba(37, 211, 102, 0.15); color: #25d366; padding: 5px 18px; border-radius: 30px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 16px;\">H\u0131zl\u0131 & Do\u011frudan Destek<\/span>\n        <h2 style=\"margin-bottom: 14px; color: #ffffff; font-weight: 600; letter-spacing: -0.3px;\">Hayalinizdeki G\u00fcl\u00fc\u015f \u0130\u00e7in \u0130lk Ad\u0131m\u0131 At\u0131n<\/h2>\n        <p style=\"max-width: 620px; margin: 0 auto 30px auto; color: #94a3b8; line-height: 1.6;\">Form doldurup beklemeyin! WhatsApp \u00fczerinden medikal dan\u0131\u015fmanlar\u0131m\u0131zla an\u0131nda ileti\u015fime ge\u00e7in ve \u00fccretsiz tedavi plan\u0131n\u0131z\u0131 hemen al\u0131n.<\/p>\n        <div style=\"display: flex; justify-content: center; align-items: center; gap: 12px; flex-wrap: wrap;\">\n            <a href=\"https:\/\/wa.me\/905496347868?text=Merhaba,%20bilgi%20ve%20tedavi%20plan%C4%B1%20almak%20istiyorum.\" target=\"_blank\" style=\"background: #25d366; color: #ffffff; padding: 16px 32px; text-decoration: none; border-radius: 12px; font-weight: 700; font-size: 15.5px; display: inline-flex; align-items: center; gap: 10px; box-shadow: 0 10px 25px rgba(37, 211, 102, 0.3);\">\n                <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"><\/path><\/svg>\n                Hemen WhatsApp ile \u0130leti\u015fime Ge\u00e7in\n            <\/a>\n            <a href=\"tel:+905496347868\" style=\"background: rgba(255, 255, 255, 0.08); color: #ffffff; border: 1px solid rgba(255, 255, 255, 0.15); padding: 16px 28px; text-decoration: none; border-radius: 12px; font-weight: 600; font-size: 15px; display: inline-flex; align-items: center; gap: 8px;\">\n                \ud83d\udcde Do\u011frudan Bizi Aray\u0131n\n            <\/a>\n        <\/div>\n        <div style=\"margin-top: 25px; font-size: 12.5px; color: #64748b;\">\n            \ud83d\udcac Ortalama yan\u0131t s\u00fcresi: <strong style=\"color: #94a3b8;\">30 dakika<\/strong>\n        <\/div>\n    <\/div>\n\n<\/div>\n\n<!-- Calculation & Slider Script & POPUP GALLERY SCRIPT & CERTIFICATE SWITCHER -->\n<script>\n\/\/ --- SERT\u0130F\u0130KA D\u00d6NG\u00dcS\u00dc & OTOMAT\u0130K KAYDIRMA S\u0130STEM\u0130 ---\nvar certOrder = ['iso9001', 'main', 'iso10002'];\nvar currentCertIndex = 1; \/\/ Ba\u015flang\u0131\u00e7ta 'main' (Sa\u011fl\u0131k Turizmi) ortada\nvar certAutoInterval = null;\n\nfunction renderCertPositions() {\n    var cardIso9001 = document.getElementById('certCard-iso9001');\n    var cardMain = document.getElementById('certCard-main');\n    var cardIso10002 = document.getElementById('certCard-iso10002');\n\n    var certCards = {\n        'iso9001': cardIso9001,\n        'main': cardMain,\n        'iso10002': cardIso10002\n    };\n\n    \/\/ Temizle\n    Object.values(certCards).forEach(function(card) {\n        if(card) {\n            card.classList.remove('pos-center', 'pos-left', 'pos-right');\n        }\n    });\n\n    var centerKey = certOrder[currentCertIndex];\n    var leftKey = certOrder[(currentCertIndex + 2) % 3];\n    var rightKey = certOrder[(currentCertIndex + 1) % 3];\n\n    if (certCards[centerKey]) certCards[centerKey].classList.add('pos-center');\n    if (certCards[leftKey]) certCards[leftKey].classList.add('pos-left');\n    if (certCards[rightKey]) certCards[rightKey].classList.add('pos-right');\n}\n\nfunction nextCert() {\n    currentCertIndex = (currentCertIndex + 1) % 3;\n    renderCertPositions();\n}\n\nfunction userSelectCert(targetKey) {\n    var index = certOrder.indexOf(targetKey);\n    if (index !== -1) {\n        currentCertIndex = index;\n        renderCertPositions();\n        restartCertAutoRotate();\n    }\n}\n\nfunction startCertAutoRotate() {\n    stopCertAutoRotate();\n    certAutoInterval = setInterval(nextCert, 3500);\n}\n\nfunction stopCertAutoRotate() {\n    if (certAutoInterval) {\n        clearInterval(certAutoInterval);\n        certAutoInterval = null;\n    }\n}\n\nfunction restartCertAutoRotate() {\n    stopCertAutoRotate();\n    startCertAutoRotate();\n}\n\n\/\/ --- HERO ROZET D\u00d6NG\u00dcSEL DAKT\u0130LO ---\nfunction initTypingBadge() {\n    var text = \"Yalova'n\u0131n Dijital Di\u015f Klini\u011fi\";\n    var index = 0;\n    var isDeleting = false;\n    var typeSpeed = 40; \n    var deleteSpeed = 20;\n    var waitTime = 3000;\n    var target = document.getElementById('typedBadge');\n\n    if(!target) return;\n\n    function loopTyping() {\n        if (!isDeleting && index <= text.length) {\n            target.textContent = text.substring(0, index);\n            index++;\n            if (index > text.length) {\n                isDeleting = true;\n                setTimeout(loopTyping, waitTime);\n                return;\n            }\n            setTimeout(loopTyping, typeSpeed);\n        } else if (isDeleting && index >= 0) {\n            target.textContent = text.substring(0, index);\n            index--;\n            if (index < 0) {\n                isDeleting = false;\n                index = 0;\n                setTimeout(loopTyping, 400);\n                return;\n            }\n            setTimeout(loopTyping, deleteSpeed);\n        }\n    }\n    \n    loopTyping();\n}\n\n\/\/ --- POP-UP GALER\u0130 VER\u0130LER\u0130 ---\nvar galleryData = {\n    clinic: [\n        { img: \"https:\/\/yalovadentalpark.com\/wp-content\/uploads\/2022\/12\/Yalova-dental-park-dis-klinigi.jpg\" },\n        { img: \"https:\/\/yalovadentalpark.com\/wp-content\/uploads\/2022\/12\/yalova-dis-klinigi-1.jpg\" },\n        { img: \"https:\/\/yalovadentalpark.com\/wp-content\/uploads\/2022\/12\/yalova-dis.jpg\" },\n        { img: \"https:\/\/yalovadentalpark.com\/wp-content\/uploads\/2022\/12\/yalova-hollywood-smile.jpg\" },\n        { img: \"https:\/\/yalovadentalpark.com\/wp-content\/uploads\/2022\/12\/yalova-digital-dentistry.jpg\" },\n        { img: \"https:\/\/yalovadentalpark.com\/wp-content\/uploads\/2022\/12\/yalova-smile-beauty-dental-park.jpg\" },\n        { img: \"https:\/\/yalovadentalpark.com\/wp-content\/uploads\/2022\/12\/Yalova-dental-park-clinic-9.jpg\" },\n        { img: \"https:\/\/yalovadentalpark.com\/wp-content\/uploads\/2022\/12\/Yalova-dental-park-clinic-11.jpg\" },\n        { img: \"https:\/\/yalovadentalpark.com\/wp-content\/uploads\/2022\/12\/Yalova-dental-park-clinic-12.jpg\" },\n        { img: \"https:\/\/yalovadentalpark.com\/wp-content\/uploads\/2022\/12\/Yalova-dental-park-clinic-14.jpg\" }\n    ],\n    beforeafter: [\n        { img: \"https:\/\/yalovadentalpark.com\/wp-content\/uploads\/2023\/07\/all-on-four-implant-in-istanbul.jpg\" },\n        { img: \"https:\/\/yalovadentalpark.com\/wp-content\/uploads\/2023\/07\/natural-look-dental-crown-in-turkey.jpg\" },\n        { img: \"https:\/\/yalovadentalpark.com\/wp-content\/uploads\/2023\/07\/dental-tourism-to-turkey-is-safe.jpg\" },\n        { img: \"https:\/\/yalovadentalpark.com\/wp-content\/uploads\/2023\/07\/zirconium-crown-teeth-turkey.jpg\" },\n        { img: \"https:\/\/yalovadentalpark.com\/wp-content\/uploads\/2023\/07\/turkey-dental-solutions.jpg\" },\n        { img: \"https:\/\/yalovadentalpark.com\/wp-content\/uploads\/2023\/07\/smile-design-in-turkey-istanbul.jpg\" },\n        { img: \"https:\/\/yalovadentalpark.com\/wp-content\/uploads\/2023\/07\/istanbul-hollywood-smile-design.jpg\" },\n        { img: \"https:\/\/yalovadentalpark.com\/wp-content\/uploads\/2023\/07\/hollywood-smile-treatment-in-yalova.jpg\" },\n        { img: \"https:\/\/yalovadentalpark.com\/wp-content\/uploads\/2023\/07\/best-hollywood-smile-in-istanbul.jpg\" },\n        { img: \"https:\/\/yalovadentalpark.com\/wp-content\/uploads\/2023\/07\/smile-design-in-turkey-istanbul.jpg\" },\n        { img: \"https:\/\/yalovadentalpark.com\/wp-content\/uploads\/2023\/07\/hollywood-smile-for-man-turkey.jpg\" },\n        { img: \"https:\/\/yalovadentalpark.com\/wp-content\/uploads\/2023\/07\/zirconium-crown-veneer-istanbul.jpg\" },\n        { img: \"https:\/\/yalovadentalpark.com\/wp-content\/uploads\/2023\/07\/smile-dental-zirconium-istanbul.jpg\" }\n    ],\n    doctors: [\n        { img: \"https:\/\/b4162630.assetcdn.net\/2.0\/4162630\/wp-content\/uploads\/2026\/06\/yalova-dental-park-erol-keskin.jpg?lossy=2&strip=1&webp=1\", title: \"Dt. Erol Keskin\", sub: \"Kurucu Di\u015f Hekimi\" },\n        { img: \"https:\/\/b4162630.assetcdn.net\/2.0\/4162630\/wp-content\/uploads\/2026\/06\/yalova-dental-park-ahmet-ali-buluc.jpg?lossy=2&strip=1&webp=1\", title: \"Dt. Ahmet Ali Bulu\u00e7\", sub: \"Kurucu Di\u015f Hekimi\" },\n        { img: \"https:\/\/b4162630.assetcdn.net\/2.0\/4162630\/wp-content\/uploads\/2026\/06\/yalova-dental-park-ortac-gop.jpg?lossy=2&strip=1&webp=1\", title: \"Dt. Orta\u00e7 Gop\", sub: \"Kurucu Di\u015f Hekimi\" },\n        { img: \"https:\/\/b4162630.assetcdn.net\/2.0\/4162630\/wp-content\/uploads\/2026\/06\/yalova-dis-gamze-karaman.jpg?lossy=2&strip=1&webp=1\", title: \"Dr. Dt. Gamze Karaman\", sub: \"Protetik Di\u015f Tedavisi Uzman\u0131\" },\n        { img: \"https:\/\/b4162630.assetcdn.net\/2.0\/4162630\/wp-content\/uploads\/2026\/06\/yalova-dental-park-erva-guclu.jpg?lossy=2&strip=1&webp=1\", title: \"Dr. Dt. Evra G\u00fc\u00e7l\u00fc\", sub: \"Pedodonti (\u00c7ocuk Di\u015f Hekimli\u011fi) Uzman\u0131\" },\n        { img: \"https:\/\/b4162630.assetcdn.net\/2.0\/4162630\/wp-content\/uploads\/2026\/06\/yalova-dental-park-sahin-kilinckaya.jpg?lossy=2&strip=1&webp=1\", title: \"Dr. Dt. \u015eahin K\u0131l\u0131n\u00e7kaya\", sub: \"Endodonti (Kanal Tedavisi) Uzman\u0131\" }\n    ]\n};\n\nfunction openGallery(category) {\n    var modal = document.getElementById('galleryModal');\n    var modalContent = document.getElementById('galleryModalContent');\n    var sidebar = document.getElementById('gallerySidebar');\n    var captionArea = document.getElementById('galleryCaptionArea');\n    var items = galleryData[category];\n\n    if(!items || items.length === 0) return;\n\n    if(category === 'doctors') {\n        modalContent.classList.remove('icon-only-mode');\n        captionArea.style.display = 'block';\n    } else {\n        modalContent.classList.add('icon-only-mode');\n        captionArea.style.display = 'none';\n    }\n\n    sidebar.innerHTML = '';\n    items.forEach(function(item, index) {\n        var thumbDiv = document.createElement('div');\n        thumbDiv.className = 'gallery-thumb-item' + (index === 0 ? ' active' : '');\n        thumbDiv.onclick = function() { selectGalleryItem(category, index); };\n        \n        if(category === 'doctors') {\n            thumbDiv.innerHTML = '<img decoding=\"async\" src=\"' + item.img + '\" alt=\"K\u00fc\u00e7\u00fck G\u00f6rsel\"><div class=\"gallery-thumb-title\"><div>' + item.title + '<\/div><div style=\"font-size:11px; color:#64748b; font-weight:400;\">' + item.sub + '<\/div><\/div>';\n        } else {\n            thumbDiv.innerHTML = '<img decoding=\"async\" src=\"' + item.img + '\" alt=\"K\u00fc\u00e7\u00fck G\u00f6rsel\">';\n        }\n        \n        sidebar.appendChild(thumbDiv);\n    });\n\n    selectGalleryItem(category, 0);\n    modal.style.display = 'flex';\n}\n\nfunction selectGalleryItem(category, index) {\n    var item = galleryData[category][index];\n    var mainImg = document.getElementById('galleryMainImg');\n    var titleEl = document.getElementById('galleryTitle');\n    \n    mainImg.style.opacity = '0.3';\n    setTimeout(function() {\n        mainImg.src = item.img;\n        if(category === 'doctors') {\n            titleEl.innerHTML = item.title + ' <span style=\"font-weight: 300; font-size: 14px; opacity: 0.8; margin-left: 6px;\">| ' + item.sub + '<\/span>';\n        } else {\n            titleEl.innerHTML = '';\n        }\n        mainImg.style.opacity = '1';\n    }, 150);\n\n    var thumbs = document.querySelectorAll('.gallery-thumb-item');\n    thumbs.forEach(function(thumb, idx) {\n        if(idx === index) thumb.classList.add('active');\n        else thumb.classList.remove('active');\n    });\n}\n\nfunction closeGallery() {\n    document.getElementById('galleryModal').style.display = 'none';\n}\n\nfunction closeGalleryOnBg(e) {\n    if(e.target.id === 'galleryModal') closeGallery();\n}\n\n\/\/ --- HESAPLAYICI & G\u00dcNCEL POUND F\u0130YATLAR ---\nvar selectedCards = { hollywood: false, implant: false, kaplama: false, beyazlatma: false };\n\nfunction toggleCard(type) {\n    selectedCards[type] = !selectedCards[type];\n    var card = document.getElementById('card-' + type);\n    var chk = document.getElementById('chk-' + type);\n    \n    if(selectedCards[type]) {\n        chk.checked = true;\n        card.style.borderColor = '#1d4c79';\n        card.style.background = '#f4f7fa';\n    } else {\n        chk.checked = false;\n        card.style.borderColor = '#e2e8f0';\n        card.style.background = '#ffffff';\n    }\n    \n    updateDynamicOptionsView();\n    calculatePackage();\n}\n\nfunction updateDynamicOptionsView() {\n    var anySelected = selectedCards.hollywood || selectedCards.implant || selectedCards.kaplama || selectedCards.beyazlatma;\n    var container = document.getElementById('dynamic-options-container');\n    container.style.display = anySelected ? 'grid' : 'none';\n\n    document.getElementById('opt-box-hollywood').style.display = selectedCards.hollywood ? 'block' : 'none';\n    document.getElementById('opt-box-implant').style.display = selectedCards.implant ? 'block' : 'none';\n    document.getElementById('opt-box-kaplama').style.display = selectedCards.kaplama ? 'block' : 'none';\n    document.getElementById('opt-box-beyazlatma').style.display = selectedCards.beyazlatma ? 'block' : 'none';\n}\n\nfunction calculatePackage() {\n    var htmlContent = '';\n    var totalOurPrice = 0;\n    var hasValidSelection = false;\n\n    if(selectedCards.hollywood) {\n        var hsBrand = document.getElementById('hs-brand-implant').value;\n        var hsQtyImp = parseInt(document.getElementById('hs-qty-implant').value) || 0;\n        var hsQtyKap = parseInt(document.getElementById('hs-qty-kaplama').value) || 0;\n\n        if(hsBrand !== \"\" && hsQtyImp > 0) {\n            hasValidSelection = true;\n            var brandName = hsBrand == 'nta' ? 'NTA \u0130mplant' : (hsBrand == 'medentika' ? 'Medentika' : 'Straumann');\n            var ukMin = hsQtyImp * 2500;\n            var ukMax = hsQtyImp * 3500;\n            var unitOurPrice = hsBrand == 'nta' ? 500 : (hsBrand == 'medentika' ? 660 : 860);\n            var ourPrice = hsQtyImp * unitOurPrice;\n            totalOurPrice += ourPrice;\n\n            htmlContent += '<div style=\"display: grid; grid-template-columns: 1.5fr 1.2fr 1fr; align-items: center; background: #f8fafc; padding: 6px 8px; border-radius: 6px; border: 1px solid #e2e8f0; font-size: 11.5px;\">'+\n                '<div style=\"color: #0f172a; font-weight: 500;\">'+brandName+' ('+hsQtyImp+' Adet)<\/div>'+\n                '<div style=\"text-align: right; color: #64748b; font-size: 10.5px;\">\u00a3'+ukMin.toLocaleString()+'-'+ukMax.toLocaleString()+'<\/div>'+\n                '<div style=\"text-align: right; color: #1d4c79; font-weight: 600;\">\u00a3'+ourPrice.toLocaleString()+'<\/div>'+\n            '<\/div>';\n        }\n\n        if(hsQtyKap > 0) {\n            hasValidSelection = true;\n            var ukMin = hsQtyKap * 800;\n            var ukMax = hsQtyKap * 1200;\n            var ourPrice = hsQtyKap * 240;\n            totalOurPrice += ourPrice;\n\n            htmlContent += '<div style=\"display: grid; grid-template-columns: 1.5fr 1.2fr 1fr; align-items: center; background: #f8fafc; padding: 6px 8px; border-radius: 6px; border: 1px solid #e2e8f0; font-size: 11.5px;\">'+\n                '<div style=\"color: #0f172a; font-weight: 500;\">Kuron\/Kaplama ('+hsQtyKap+' Adet)<\/div>'+\n                '<div style=\"text-align: right; color: #64748b; font-size: 10.5px;\">\u00a3'+ukMin.toLocaleString()+'-'+ukMax.toLocaleString()+'<\/div>'+\n                '<div style=\"text-align: right; color: #1d4c79; font-weight: 600;\">\u00a3'+ourPrice.toLocaleString()+'<\/div>'+\n            '<\/div>';\n        }\n    }\n\n    if(selectedCards.implant) {\n        var brand = document.getElementById('brand-implant').value;\n        var qty = parseInt(document.getElementById('qty-implant').value) || 0;\n\n        if(brand !== \"\" && qty > 0) {\n            hasValidSelection = true;\n            var brandName = brand == 'nta' ? 'NTA \u0130mplant' : (brand == 'medentika' ? 'Medentika' : 'Straumann');\n            var ukMin = qty * 2500;\n            var ukMax = qty * 3500;\n            var unitOurPrice = brand == 'nta' ? 500 : (brand == 'medentika' ? 660 : 860);\n            var ourPrice = qty * unitOurPrice;\n            totalOurPrice += ourPrice;\n\n            htmlContent += '<div style=\"display: grid; grid-template-columns: 1.5fr 1.2fr 1fr; align-items: center; background: #f8fafc; padding: 6px 8px; border-radius: 6px; border: 1px solid #e2e8f0; font-size: 11.5px;\">'+\n                '<div style=\"color: #0f172a; font-weight: 500;\">'+brandName+' ('+qty+' Adet)<\/div>'+\n                '<div style=\"text-align: right; color: #64748b; font-size: 10.5px;\">\u00a3'+ukMin.toLocaleString()+'-'+ukMax.toLocaleString()+'<\/div>'+\n                '<div style=\"text-align: right; color: #1d4c79; font-weight: 600;\">\u00a3'+ourPrice.toLocaleString()+'<\/div>'+\n            '<\/div>';\n        }\n    }\n\n    if(selectedCards.kaplama) {\n        var type = document.getElementById('type-kaplama').value;\n        var qty = parseInt(document.getElementById('qty-kaplama').value) || 0;\n\n        if(type !== \"\" && qty > 0) {\n            hasValidSelection = true;\n            var typeName = type == 'zirkonyum' ? 'Zirkonyum' : 'E-Max';\n            var ukMinPer = type == 'zirkonyum' ? 800 : 700;\n            var ukMaxPer = 1200;\n            var ukMin = qty * ukMinPer;\n            var ukMax = qty * ukMaxPer;\n            var unitOurPrice = type == 'zirkonyum' ? 240 : 500;\n            var ourPrice = qty * unitOurPrice;\n            totalOurPrice += ourPrice;\n\n            htmlContent += '<div style=\"display: grid; grid-template-columns: 1.5fr 1.2fr 1fr; align-items: center; background: #f8fafc; padding: 6px 8px; border-radius: 6px; border: 1px solid #e2e8f0; font-size: 11.5px;\">'+\n                '<div style=\"color: #0f172a; font-weight: 500;\">'+typeName+' ('+qty+' Adet)<\/div>'+\n                '<div style=\"text-align: right; color: #64748b; font-size: 10.5px;\">\u00a3'+ukMin.toLocaleString()+'-'+ukMax.toLocaleString()+'<\/div>'+\n                '<div style=\"text-align: right; color: #1d4c79; font-weight: 600;\">\u00a3'+ourPrice.toLocaleString()+'<\/div>'+\n            '<\/div>';\n        }\n    }\n\n    if(selectedCards.beyazlatma) {\n        hasValidSelection = true;\n        var ukMin = 400;\n        var ukMax = 600;\n        var ourPrice = 330;\n        totalOurPrice += ourPrice;\n\n        htmlContent += '<div style=\"display: grid; grid-template-columns: 1.5fr 1.2fr 1fr; align-items: center; background: #f8fafc; padding: 6px 8px; border-radius: 6px; border: 1px solid #e2e8f0; font-size: 11.5px;\">'+\n            '<div style=\"color: #0f172a; font-weight: 500;\">Di\u015f Beyazlatma<\/div>'+\n            '<div style=\"text-align: right; color: #64748b; font-size: 10.5px;\">\u00a3'+ukMin+'-'+ukMax+'<\/div>'+\n            '<div style=\"text-align: right; color: #1d4c79; font-weight: 600;\">\u00a3'+ourPrice+'<\/div>'+\n        '<\/div>';\n    }\n\n    var summaryCard = document.getElementById('summary-card-container');\n    if(hasValidSelection) {\n        summaryCard.style.display = 'block';\n        document.getElementById('summary-results').innerHTML = htmlContent;\n        document.getElementById('total-our-price').innerText = '\u00a3' + totalOurPrice.toLocaleString();\n    } else {\n        summaryCard.style.display = 'none';\n    }\n}\n\nfunction updateFaq(element) {\n    var items = document.querySelectorAll('.faq-item');\n    items.forEach(function(item) { item.style.background = '#ffffff'; item.style.borderColor = '#cbd5e1'; });\n    element.style.background = '#f4f7fa';\n    element.style.borderColor = '#1d4c79';\n    document.getElementById('faq-box-title').innerText = element.getAttribute('data-title');\n    document.getElementById('faq-box-desc').innerText = element.getAttribute('data-desc');\n}\n\nfunction initCertSlider() {\n    renderCertPositions();\n    startCertAutoRotate();\n\n    var certWrapper = document.getElementById('certStackWrapper');\n    if (certWrapper) {\n        certWrapper.addEventListener('mouseenter', stopCertAutoRotate);\n        certWrapper.addEventListener('mouseleave', startCertAutoRotate);\n        certWrapper.addEventListener('touchstart', stopCertAutoRotate, {passive: true});\n    }\n}\n\nif (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initCertSlider);\n} else {\n    initCertSlider();\n}\n\nwindow.addEventListener('DOMContentLoaded', () => {\n    initTypingBadge();\n\n    var firstItem = document.querySelector('.faq-item');\n    if(firstItem) { firstItem.style.background = '#f4f7fa'; firstItem.style.borderColor = '#1d4c79'; }\n\n    var slider = document.getElementById('baSlider');\n    var overlay = document.getElementById('baOverlay');\n    var overlayInner = document.getElementById('baOverlayInner');\n    var handle = document.getElementById('baHandle');\n    var isDragging = false;\n\n    function syncDimensions() {\n        if(slider && overlayInner) {\n            overlayInner.style.width = slider.offsetWidth + 'px';\n        }\n    }\n\n    syncDimensions();\n    window.addEventListener('resize', syncDimensions);\n\n    function moveSlider(clientX) {\n        var rect = slider.getBoundingClientRect();\n        var x = clientX - rect.left;\n        if(x < 0) x = 0;\n        if(x > rect.width) x = rect.width;\n        var percent = (x \/ rect.width) * 100;\n\n        handle.style.left = percent + '%';\n        overlay.style.width = percent + '%';\n    }\n\n    handle.addEventListener('mousedown', function(e) { isDragging = true; e.preventDefault(); });\n    window.addEventListener('mouseup', function() { isDragging = false; });\n    window.addEventListener('mousemove', function(e) {\n        if(!isDragging) return;\n        moveSlider(e.clientX);\n        e.preventDefault();\n    }); \n\n    slider.addEventListener('click', function(e) { moveSlider(e.clientX); });\n    handle.addEventListener('touchstart', function(e) { isDragging = true; });\n    window.addEventListener('touchend', function() { isDragging = false; });\n    window.addEventListener('touchmove', function(e) {\n        if(!isDragging) return;\n        moveSlider(e.touches[0].clientX);\n    });\n});\n<\/script><\/div><\/div><\/div><\/div><\/div><\/div><!-- cell_inner --><\/div><!-- cell --><\/div><!-- port --><\/section><section data-bb-version=\"4.5.5\" id=\"bt_bb_section6abc43caf295c\" class=\"bt_bb_section bt_bb_layout_boxed_1200 bt_bb_vertical_align_top bt_bb_top_spacing_none bt_bb_bottom_spacing_large bt_bb_hidden_ms bt_bb_hidden_sm bt_bb_hidden_md bt_bb_hidden_lg bt_bb_hidden_xl\" style=\"margin-top: -7.25em; z-index: 2;\" data-bt-override-class=\"{&quot;bt_bb_top_spacing_&quot;:{&quot;current_class&quot;:&quot;bt_bb_top_spacing_none&quot;,&quot;def&quot;:&quot;none&quot;,&quot;md&quot;:&quot;normal&quot;},&quot;bt_bb_bottom_spacing_&quot;:{&quot;current_class&quot;:&quot;bt_bb_bottom_spacing_large&quot;,&quot;def&quot;:&quot;large&quot;}}\"><div class=\"bt_bb_port\"><div class=\"bt_bb_cell\"><div class=\"bt_bb_cell_inner\"><div data-bb-version=\"4.6.1\" class=\"bt_bb_row bt_bb_row_width_boxed_1400 bt_bb_row_width_boxed  bt_bb_hidden_xs bt_bb_hidden_ms\" style=\"margin-right: 0; margin-left: 0;\" data-bt-override-class=\"{}\"><div class=\"bt_bb_row_holder\" ><div data-bb-version=\"4.6.1\"  class=\"bt_bb_column col-xxl-12 col-xl-12 bt_bb_vertical_align_bottom bt_bb_align_center bt_bb_padding_normal\" style=\"border-radius: 20px 20px 0px 0px;\" data-width=\"12\" data-bt-override-class=\"{&quot;bt_bb_align_&quot;:{&quot;current_class&quot;:&quot;bt_bb_align_center&quot;,&quot;def&quot;:&quot;center&quot;},&quot;bt_bb_padding_&quot;:{&quot;current_class&quot;:&quot;bt_bb_padding_normal&quot;,&quot;def&quot;:&quot;normal&quot;}}\"><div class=\"bt_bb_column_content\"><div data-bb-version=\"4.5.5\" class=\"bt_bb_separator bt_bb_border_style_none bt_bb_top_spacing_none bt_bb_bottom_spacing_normal\" data-bt-override-class=\"{&quot;bt_bb_top_spacing_&quot;:{&quot;current_class&quot;:&quot;bt_bb_top_spacing_none&quot;,&quot;def&quot;:&quot;none&quot;},&quot;bt_bb_bottom_spacing_&quot;:{&quot;current_class&quot;:&quot;bt_bb_bottom_spacing_normal&quot;,&quot;def&quot;:&quot;normal&quot;,&quot;md&quot;:&quot;extra_small&quot;,&quot;sm&quot;:&quot;small&quot;,&quot;xs&quot;:&quot;small&quot;}}\"><\/div><div class=\"bt_bb_raw_content\"><!DOCTYPE html>\n<html>\n<head>\n\t<title>\u015eimdi Ara<\/title>\n\t<style>\n\t\tbutton {\n\t\t\tcolor: #ffffff;\n\t\t\tbackground-color: #2ecc71;\n\t\t\tfont-size: 19px;\n\t\t\tfont-weight: bold;\n\t\t\tborder: none;\n\t\t\tborder-radius: 8px;\n\t\t\tpadding: 15px 50px;\n\t\t\tletter-spacing: 1px;\n\t\t\tcursor: pointer;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tposition: relative;\n\t\t\toverflow: hidden;\n\t\t}\n\t\tbutton:hover {\n\t\t\tcolor: #2ecc71;\n\t\t\tbackground-color: #ffffff;\n\t\t\tanimation: none;\n\t\t}\n\t\t.icon {\n\t\t\tmargin-right: 10px;\n\t\t\tfont-size: 24px;\n\t\t\tline-height: 1;\n\t\t}\n\t\t.lightbeam {\n\t\t\tposition: absolute;\n\t\t\ttop: 0;\n\t\t\tleft: -2px;\n\t\t\twidth: 4px;\n\t\t\theight: 100%;\n\t\t\tbackground-color: #ffffff !important; \/* Beyaz \u00e7izgi *\/\n\t\t\tbox-shadow: 0 0 20px 10px rgba(255, 255, 255, 1) !important; \/* Beyaz outter glow *\/\n\t\t\tanimation: lightbeam 5s 1.5s infinite;\n\t\t}\n\t\t@keyframes lightbeam {\n\t\t\t0%, 100% {\n\t\t\t\tleft: -2px;\n\t\t\t\tbox-shadow: 0 0 20px 10px rgba(255, 255, 255, 1) !important;\n\t\t\t}\n\t\t\t50% {\n\t\t\t\tleft: 100%;\n\t\t\t\tbox-shadow: none !important;\n\t\t\t}\n\t\t}\n\t<\/style>\n<\/head>\n<body>\n\t<a href=\"tel:+902268147707\">\n\t\t<button type=\"button\" name=\"Call Us Now\" autofocus>\n\t\t\t<span class=\"icon\" style=\"color: inherit;\">\u260e<\/span> <span style=\"font-weight: inherit; margin-left: -5px;\">\u015eimdi Aray\u0131n!<\/span>\n\t\t\t<div class=\"lightbeam\"><\/div>\n\t\t<\/button>\n\t<\/a>\n<\/body>\n<\/html>\n<\/div><div data-bb-version=\"4.5.5\" class=\"bt_bb_separator bt_bb_border_style_none bt_bb_top_spacing_none bt_bb_bottom_spacing_normal\" data-bt-override-class=\"{&quot;bt_bb_top_spacing_&quot;:{&quot;current_class&quot;:&quot;bt_bb_top_spacing_none&quot;,&quot;def&quot;:&quot;none&quot;},&quot;bt_bb_bottom_spacing_&quot;:{&quot;current_class&quot;:&quot;bt_bb_bottom_spacing_normal&quot;,&quot;def&quot;:&quot;normal&quot;,&quot;md&quot;:&quot;extra_small&quot;}}\"><\/div><\/div><\/div><\/div><\/div><\/div><!-- cell_inner --><\/div><!-- cell --><\/div><!-- port --><\/section><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":75288,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-75273","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/yalovadentalpark.com\/nl\/wp-json\/wp\/v2\/pages\/75273","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yalovadentalpark.com\/nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yalovadentalpark.com\/nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yalovadentalpark.com\/nl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yalovadentalpark.com\/nl\/wp-json\/wp\/v2\/comments?post=75273"}],"version-history":[{"count":7,"href":"https:\/\/yalovadentalpark.com\/nl\/wp-json\/wp\/v2\/pages\/75273\/revisions"}],"predecessor-version":[{"id":76286,"href":"https:\/\/yalovadentalpark.com\/nl\/wp-json\/wp\/v2\/pages\/75273\/revisions\/76286"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/yalovadentalpark.com\/nl\/wp-json\/wp\/v2\/media\/75288"}],"wp:attachment":[{"href":"https:\/\/yalovadentalpark.com\/nl\/wp-json\/wp\/v2\/media?parent=75273"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}