{"id":12,"date":"2026-02-17T11:46:41","date_gmt":"2026-02-17T11:46:41","guid":{"rendered":"https:\/\/meteaksoyotokurtarma.com\/?page_id=12"},"modified":"2026-02-28T20:13:10","modified_gmt":"2026-02-28T20:13:10","slug":"ana-sayfa","status":"publish","type":"page","link":"https:\/\/meteaksoyotokurtarma.com\/","title":{"rendered":"Ana Sayfa"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12\" class=\"elementor elementor-12\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f8c4b4 e-con-full e-flex e-con e-parent\" data-id=\"4f8c4b4\" data-element_type=\"container\" data-e-type=\"container\" id=\"hero\">\n\t\t\t\t<div class=\"elementor-element elementor-element-910a289 elementor-widget elementor-widget-html\" data-id=\"910a289\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n<style>\n\/* --- Hero Alan\u0131 Kapsay\u0131c\u0131 --- *\/\n#oto-hero-wrap {\n    --lacivert: #09152B;\n    --sari: #ECBD49;\n    --wp-yesil: #25D366;\n    --beyaz: #ffffff;\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    \n    position: relative;\n    background-image: linear-gradient(rgba(9, 21, 43, 0.85), rgba(9, 21, 43, 0.92)), url('https:\/\/meteaksoyotokurtarma.com\/wp-content\/uploads\/2026\/02\/11.jpeg');\n    background-size: cover;\n    background-position: center;\n    background-attachment: scroll; \n    min-height: 90vh; \n    display: flex;\n    align-items: center;\n    overflow: hidden;\n    padding: 120px 0 160px 0; \n}\n\n\/* --- S\u0130NEMAT\u0130K AN\u0130MASYON SAHNES\u0130 --- *\/\n.hero-animation-scene {\n    position: absolute;\n    bottom: 0; \n    left: 0;\n    width: 100%;\n    height: 120px;\n    pointer-events: none;\n    z-index: 10;\n    opacity: 1; \n    background: linear-gradient(to top, rgba(9, 21, 43, 0.95) 0%, transparent 100%);\n    border-bottom: 4px solid var(--sari);\n}\n\n.hero-animation-scene::after {\n    content: '';\n    position: absolute;\n    bottom: 20px;\n    left: 0;\n    width: 100%;\n    height: 4px;\n    background-image: repeating-linear-gradient(90deg, var(--sari) 0, var(--sari) 30px, transparent 30px, transparent 60px);\n    opacity: 0.4;\n}\n\n\/* --- ARA\u00c7LAR --- *\/\n\n\/* Yolda Kalm\u0131\u015f Araba *\/\n.broken-car-wrap {\n    position: absolute;\n    bottom: 30px; \n    left: 0;\n    transform-origin: left bottom; \n    animation: car-sequence 10s linear infinite;\n    z-index: 2;\n}\n\n.broken-car-icon i {\n    font-size: 50px;\n    color: #b0b0b0; \n    transform: scaleX(-1); \/* Sa\u011fa d\u00f6n\u00fck *\/\n    animation: car-shake 1s infinite alternate;\n}\n\n.smoke-container {\n    position: absolute;\n    top: -35px;\n    right: 5px; \n    animation: smoke-visibility 10s linear infinite;\n}\n.smoke-container i {\n    font-size: 28px;\n    color: rgba(255, 255, 255, 0.6);\n    animation: smoke-rise 1.5s ease-out infinite;\n}\n\n\/* \u00c7ekici Kamyonu *\/\n.tow-truck-wrap {\n    position: absolute;\n    bottom: 30px;\n    left: 0;\n    z-index: 3;\n    animation: truck-sequence 10s linear infinite;\n}\n\n.tow-truck-icon i {\n    font-size: 75px;\n    color: var(--sari);\n    transform: scaleX(-1); \/* S\u00fcrekli sa\u011fa d\u00f6n\u00fck *\/\n}\n\n.tow-truck-icon::before {\n    content: '';\n    position: absolute;\n    top: 5px;\n    left: 35px;\n    width: 12px;\n    height: 8px;\n    background: var(--sari);\n    border-radius: 5px;\n    box-shadow: 0 0 15px var(--sari), 0 0 30px orange;\n    animation: yellow-flash 0.4s infinite alternate;\n}\n\n\/* \u00c7ekme Halat\u0131 *\/\n.tow-line {\n    position: absolute;\n    bottom: 5px;\n    left: 80%;\n    height: 3px;\n    background-color: var(--sari);\n    transform-origin: left center;\n    transform: rotate(-8deg); \n    z-index: 1;\n    animation: tow-line-sequence 10s linear infinite;\n}\n\n\/* --- YEN\u0130 D\u00dcZ G\u0130D\u0130\u015eL\u0130 MATEMAT\u0130KSEL SENARYO --- *\/\n\n\/* 1. \u00c7ekici Senaryosu (Sadece d\u00fcz ilerler) *\/\n@keyframes truck-sequence {\n    0% { transform: translateX(-30vw) scaleX(-1); } \n    30% { transform: translateX(47vw) scaleX(-1); } \/* Gelip araban\u0131n hemen \u00f6n\u00fcnde durur *\/\n    50% { transform: translateX(47vw) scaleX(-1); } \/* Halat ba\u011flanana kadar bekler *\/\n    100% { transform: translateX(130vw) scaleX(-1); } \/* Ayn\u0131 y\u00f6nde d\u00fcz devam eder *\/\n}\n\n\/* 2. Araba Senaryosu *\/\n@keyframes car-sequence {\n    0%, 40% { transform: translateX(35vw) translateY(0) rotate(0deg); } \n    45%, 50% { transform: translateX(35vw) translateY(-4px) rotate(-8deg); } \n    100% { transform: translateX(118vw) translateY(-4px) rotate(-8deg); } \n}\n\n\/* 3. \u00c7ekme Halat\u0131 *\/\n@keyframes tow-line-sequence {\n    0%, 35% { opacity: 0; width: 0; } \n    40%, 100% { opacity: 1; width: 9vw; } \/* \u00c7ekici durduktan sonra halat gerilir *\/\n}\n\n\/* 4. Duman ve Titreme *\/\n@keyframes smoke-visibility {\n    0%, 40% { opacity: 1; } \n    45%, 100% { opacity: 0; } \n}\n@keyframes smoke-rise {\n    0% { transform: translateY(0) scale(1); opacity: 0.8; }\n    100% { transform: translateY(-40px) scale(1.5); opacity: 0; }\n}\n@keyframes car-shake {\n    0% { transform: scaleX(-1) rotate(0deg); }\n    100% { transform: scaleX(-1) rotate(2deg); }\n}\n@keyframes yellow-flash {\n    from { opacity: 0.4; filter: brightness(1); }\n    to { opacity: 1; filter: brightness(1.5); box-shadow: 0 0 20px var(--sari), 0 0 40px orange; }\n}\n\n\/* --- \u0130\u00c7ER\u0130K --- *\/\n.hero-container {\n    position: relative;\n    z-index: 20; \n    max-width: 900px;\n    margin: 0 auto;\n    padding: 0 20px;\n    text-align: center;\n    color: var(--beyaz);\n}\n.hero-title {\n    font-size: 5.5em; \n    font-weight: 900;\n    line-height: 1.1;\n    margin-bottom: 20px;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    text-shadow: 3px 3px 15px rgba(0,0,0,0.7);\n}\n.hero-title span { color: var(--sari); }\n.hero-subtitle {\n    font-size: 1.6em;\n    font-weight: 500;\n    margin-bottom: 40px;\n    color: #f0f0f0;\n    max-width: 700px;\n    margin-left: auto;\n    margin-right: auto;\n}\n.hero-actions { display: flex; justify-content: center; gap: 25px; flex-wrap: wrap; }\n.hero-btn {\n    display: flex; align-items: center; justify-content: center; gap: 15px;\n    padding: 20px 45px; border-radius: 50px; text-decoration: none; font-weight: 800; font-size: 22px;\n    transition: all 0.3s ease; color: var(--beyaz); text-transform: uppercase; box-shadow: 0 5px 15px rgba(0,0,0,0.3);\n}\n.hero-wp-btn { background-color: var(--wp-yesil); }\n.hero-wp-btn:hover { background-color: #1ebc57; transform: translateY(-5px); box-shadow: 0 15px 30px rgba(37, 211, 102, 0.5); }\n.hero-call-btn {\n    background-color: var(--sari); color: var(--lacivert); animation: hero-pulse-yellow 1.2s infinite;\n}\n.hero-call-btn i { animation: fa-shake 1.5s infinite; }\n@keyframes hero-pulse-yellow {\n    0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(236, 189, 73, 0.8); }\n    70% { transform: scale(1.05); box-shadow: 0 0 0 25px rgba(236, 189, 73, 0); }\n    100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(236, 189, 73, 0); }\n}\n.hero-features { display: flex; justify-content: center; gap: 50px; margin-top: 70px; flex-wrap: wrap; }\n.feature-item {\n    display: flex; align-items: center; gap: 12px; font-size: 18px; font-weight: 700; color: var(--sari);\n    background: rgba(9, 21, 43, 0.7); padding: 12px 25px; border-radius: 30px; border: 1px solid rgba(236, 189, 73, 0.3);\n}\n.feature-item i { font-size: 26px; }\n\n\/* --- Mobil Uyumluluk --- *\/\n@media (max-width: 768px) {\n    #oto-hero-wrap { min-height: 80vh; padding-top: 80px; padding-bottom: 120px; }\n    .hero-title { font-size: 2.8em; }\n    .hero-subtitle { font-size: 1.1em; }\n    .hero-btn { padding: 18px 25px; font-size: 18px; width: 100%; box-sizing: border-box; }\n    .feature-item { font-size: 14px; padding: 10px 15px; width: 100%; justify-content: center; }\n    .broken-car-icon i { font-size: 35px; }\n    .tow-truck-icon i { font-size: 55px; }\n    .tow-truck-icon::before { left: 25px; width: 8px; height: 6px; }\n    \n    @keyframes truck-sequence {\n        0% { transform: translateX(-40vw) scaleX(-1); }\n        30% { transform: translateX(45vw) scaleX(-1); }\n        50% { transform: translateX(45vw) scaleX(-1); }\n        100% { transform: translateX(140vw) scaleX(-1); }\n    }\n    @keyframes car-sequence {\n        0%, 40% { transform: translateX(25vw) translateY(0) rotate(0deg); }\n        45%, 50% { transform: translateX(25vw) translateY(-3px) rotate(-8deg); }\n        100% { transform: translateX(120vw) translateY(-3px) rotate(-8deg); }\n    }\n    @keyframes tow-line-sequence {\n        0%, 35% { opacity: 0; width: 0; }\n        40%, 100% { opacity: 1; width: 14vw; }\n    }\n}\n<\/style>\n\n<div id=\"oto-hero-wrap\">\n    <div class=\"hero-container\">\n        <h1 class=\"hero-title\">\n            <span>Yolda m\u0131 Kald\u0131n\u0131z?<\/span>\n        <\/h1>\n        <p class=\"hero-subtitle\">\n            Panik Yok! Profesyonel \u00e7ekici hizmetimizle 7\/24 yan\u0131n\u0131zday\u0131z. En h\u0131zl\u0131 \u015fekilde konumunuza ula\u015f\u0131yoruz.\n        <\/p>\n        \n        <div class=\"hero-actions\">\n            <a href=\"tel:+905456380007\" class=\"hero-btn hero-call-btn\">\n                <i class=\"fas fa-phone-volume\"><\/i> HEMEN ARA\n            <\/a>\n            <a href=\"https:\/\/wa.me\/905456380007?text=Merhaba%2C%20yolda%20kald%C4%B1m%2C%20acil%20%C3%A7ekici%20ihtiyac%C4%B1m%20var.\" target=\"_blank\" class=\"hero-btn hero-wp-btn\">\n                <i class=\"fab fa-whatsapp\"><\/i> KONUM G\u00d6NDER\n            <\/a>\n        <\/div>\n\n        <div class=\"hero-features\">\n            <div class=\"feature-item\">\n                <i class=\"fas fa-clock\"><\/i> 7\/24 H\u0131zl\u0131 Servis\n            <\/div>\n            <div class=\"feature-item\">\n                <i class=\"fas fa-turkish-lira-sign\"><\/i> Uygun Fiyat Garantisi\n            <\/div>\n            <div class=\"feature-item\">\n                <i class=\"fas fa-shield-alt\"><\/i> G\u00fcvenli Ta\u015f\u0131ma\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"hero-animation-scene\">\n        \n        <div class=\"broken-car-wrap\">\n            <div class=\"smoke-container\"><i class=\"fas fa-cloud\"><\/i><\/div>\n            <div class=\"broken-car-icon\"><i class=\"fas fa-car-crash\"><\/i><\/div>\n            <div class=\"tow-line\"><\/div>\n        <\/div>\n        \n        <div class=\"tow-truck-wrap\">\n            <div class=\"tow-truck-icon\"><i class=\"fas fa-truck-pickup\"><\/i><\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7a88b74 e-con-full e-flex e-con e-parent\" data-id=\"7a88b74\" data-element_type=\"container\" data-e-type=\"container\" id=\"hizmetler\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ea57096 elementor-widget elementor-widget-html\" data-id=\"ea57096\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n<style>\n\/* --- Hizmetler Alan\u0131 Kapsay\u0131c\u0131 --- *\/\n#oto-hizmetler-wrap {\n    --lacivert: #09152B;\n    --sari: #ECBD49;\n    --beyaz: #ffffff;\n    --acik-gri: #f4f6f9;\n    --koyu-gri: #333333;\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    \n    background-color: var(--acik-gri);\n    padding: 100px 0;\n    position: relative;\n}\n\n.hizmetler-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 20px;\n}\n\n\/* --- Ba\u015fl\u0131k Alan\u0131 (Antalya Vurgusu) --- *\/\n.hizmetler-header {\n    text-align: center;\n    margin-bottom: 60px;\n}\n\n.hizmetler-header h4 {\n    color: var(--sari);\n    font-size: 20px;\n    font-weight: 800;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    margin-bottom: 10px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n}\n\n.hizmetler-header h2 {\n    color: var(--lacivert);\n    font-size: 3.2em;\n    font-weight: 900;\n    margin: 0 0 20px 0;\n    line-height: 1.2;\n}\n\n.hizmetler-header p {\n    color: var(--koyu-gri);\n    font-size: 1.2em;\n    max-width: 800px;\n    margin: 0 auto;\n    font-weight: 500;\n}\n\n\/* --- Hizmet Kartlar\u0131 Grid Yap\u0131s\u0131 --- *\/\n.hizmetler-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr); \/* Masa\u00fcst\u00fcnde kesinlikle 4 kart yan yana *\/\n    gap: 25px;\n}\n\n\/* --- Tekil Hizmet Kart\u0131 --- *\/\n.hizmet-card {\n    background-color: var(--lacivert);\n    border-radius: 15px;\n    padding: 40px 25px;\n    text-align: center;\n    color: var(--beyaz);\n    transition: all 0.4s ease;\n    position: relative;\n    overflow: hidden;\n    border-bottom: 5px solid var(--sari);\n    box-shadow: 0 10px 30px rgba(9, 21, 43, 0.1);\n}\n\n\/* Hover (\u00dczerine Gelme) Efekti *\/\n.hizmet-card:hover {\n    transform: translateY(-15px);\n    box-shadow: 0 20px 40px rgba(9, 21, 43, 0.3);\n    border-bottom: 5px solid #25D366;\n}\n\n\/* Kart \u0130\u00e7i \u0130konlar *\/\n.hizmet-icon {\n    width: 80px;\n    height: 80px;\n    background-color: rgba(236, 189, 73, 0.1);\n    color: var(--sari);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 35px;\n    margin: 0 auto 25px auto;\n    transition: all 0.4s ease;\n}\n\n.hizmet-card:hover .hizmet-icon {\n    background-color: var(--sari);\n    color: var(--lacivert);\n    transform: scale(1.1) rotate(5deg);\n}\n\n.hizmet-card h3 {\n    font-size: 1.4em;\n    margin: 0 0 15px 0;\n    font-weight: 700;\n}\n\n.hizmet-card p {\n    color: #cccccc;\n    font-size: 14px;\n    line-height: 1.6;\n    margin-bottom: 30px;\n}\n\n\/* Kart \u0130\u00e7i H\u0131zl\u0131 Arama Butonu *\/\n.card-call-btn {\n    display: inline-block;\n    background-color: transparent;\n    color: var(--sari);\n    border: 2px solid var(--sari);\n    padding: 10px 20px;\n    border-radius: 30px;\n    text-decoration: none;\n    font-weight: 700;\n    font-size: 13px;\n    transition: all 0.3s ease;\n    text-transform: uppercase;\n}\n\n.card-call-btn:hover {\n    background-color: var(--sari);\n    color: var(--lacivert);\n}\n\n\/* --- Alt Aksiyon Alan\u0131 (Devasa \u00c7a\u011fr\u0131 Merkezi) --- *\/\n.hizmetler-bottom-cta {\n    margin-top: 60px;\n    background: linear-gradient(135deg, var(--sari) 0%, #d4a73b 100%);\n    border-radius: 20px;\n    padding: 40px;\n    text-align: center;\n    color: var(--lacivert);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 20px;\n    box-shadow: 0 15px 30px rgba(236, 189, 73, 0.3);\n}\n\n.hizmetler-bottom-cta h3 {\n    font-size: 2em;\n    font-weight: 900;\n    margin: 0;\n}\n\n.cta-big-btn {\n    background-color: var(--lacivert);\n    color: var(--beyaz);\n    padding: 18px 40px;\n    border-radius: 50px;\n    text-decoration: none;\n    font-size: 22px;\n    font-weight: 900;\n    display: flex;\n    align-items: center;\n    gap: 15px;\n    animation: cta-pulse 1.5s infinite;\n}\n\n.cta-big-btn i {\n    color: var(--sari);\n    animation: fa-shake 2s infinite;\n}\n\n@keyframes cta-pulse {\n    0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(9, 21, 43, 0.5); }\n    70% { transform: scale(1.05); box-shadow: 0 0 0 20px rgba(9, 21, 43, 0); }\n    100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(9, 21, 43, 0); }\n}\n\n\/* --- Tablet Uyumluluk --- *\/\n@media (max-width: 1024px) {\n    .hizmetler-grid {\n        grid-template-columns: repeat(2, 1fr); \/* Orta boy ekranlarda 2'li d\u00fczen *\/\n    }\n}\n\n\/* --- Mobil Uyumluluk --- *\/\n@media (max-width: 768px) {\n    #oto-hizmetler-wrap { padding: 60px 0; }\n    .hizmetler-header h2 { font-size: 2.2em; }\n    .hizmetler-header p { font-size: 1em; }\n    \n    .hizmetler-grid {\n        grid-template-columns: 1fr; \/* Telefonda tekli d\u00fczen *\/\n    }\n    \n    .hizmet-card { padding: 30px 20px; }\n    .hizmetler-bottom-cta { padding: 30px 20px; }\n    .hizmetler-bottom-cta h3 { font-size: 1.5em; }\n    .cta-big-btn { font-size: 18px; padding: 15px 25px; width: 100%; box-sizing: border-box; justify-content: center;}\n}\n<\/style>\n\n<div id=\"oto-hizmetler-wrap\">\n    <div class=\"hizmetler-container\">\n        \n        <div class=\"hizmetler-header\">\n            <h4><i class=\"fas fa-map-marked-alt\"><\/i> T\u00fcm Antalya'ya Hizmet<\/h4>\n            <h2>Profesyonel Oto Kurtarma<\/h2>\n            <p>Antalya Merkez ba\u015fta olmak \u00fczere t\u00fcm il\u00e7elere, donan\u0131ml\u0131 ara\u00e7lar\u0131m\u0131z ve uzman kadromuzla dakikalar i\u00e7inde ula\u015f\u0131yoruz. Sorun ne olursa olsun, \u00e7\u00f6z\u00fcm bizde.<\/p>\n        <\/div>\n\n        <div class=\"hizmetler-grid\">\n            \n            <div class=\"hizmet-card\">\n                <div class=\"hizmet-icon\">\n                    <i class=\"fas fa-car-crash\"><\/i>\n                <\/div>\n                <h3>7\/24 Oto \u00c7ekici<\/h3>\n                <p>Kaza, ar\u0131za veya yolda kalma durumlar\u0131nda Antalya'n\u0131n her noktas\u0131na en yak\u0131n \u00e7ekicimizi an\u0131nda y\u00f6nlendiriyoruz.<\/p>\n                <a href=\"tel:+905456380007\" class=\"card-call-btn\">Hemen \u00c7a\u011f\u0131r<\/a>\n            <\/div>\n\n            <div class=\"hizmet-card\">\n                <div class=\"hizmet-icon\">\n                    <i class=\"fas fa-motorcycle\"><\/i>\n                <\/div>\n                <h3>Motosiklet Ta\u015f\u0131ma<\/h3>\n                <p>Motosikletleriniz i\u00e7in \u00f6zel aparatl\u0131 \u00e7ekicilerimizle, sars\u0131nt\u0131s\u0131z ve %100 g\u00fcvenli ta\u015f\u0131ma garantisi sunuyoruz.<\/p>\n                <a href=\"tel:+905456380007\" class=\"card-call-btn\">Hemen \u00c7a\u011f\u0131r<\/a>\n            <\/div>\n\n            <div class=\"hizmet-card\">\n                <div class=\"hizmet-icon\">\n                    <i class=\"fas fa-battery-three-quarters\"><\/i>\n                <\/div>\n                <h3>Ak\u00fc Takviye & Yol Yard\u0131m<\/h3>\n                <p>Arac\u0131n\u0131z\u0131n ak\u00fcs\u00fc m\u00fc bitti? Oldu\u011funuz yere gelip an\u0131nda ak\u00fc takviyesi yap\u0131yor, yola devam etmenizi sa\u011fl\u0131yoruz.<\/p>\n                <a href=\"tel:+905456380007\" class=\"card-call-btn\">Hemen \u00c7a\u011f\u0131r<\/a>\n            <\/div>\n\n            <div class=\"hizmet-card\">\n                <div class=\"hizmet-icon\">\n                    <i class=\"fas fa-truck-loading\"><\/i>\n                <\/div>\n                <h3>\u015eehirleraras\u0131 Ta\u015f\u0131ma<\/h3>\n                <p>Antalya'dan T\u00fcrkiye'nin d\u00f6rt bir yan\u0131na veya di\u011fer \u015fehirlerden Antalya'ya tekli ve \u00e7oklu ara\u00e7 ta\u015f\u0131ma hizmeti.<\/p>\n                <a href=\"tel:+905456380007\" class=\"card-call-btn\">Hemen \u00c7a\u011f\u0131r<\/a>\n            <\/div>\n\n        <\/div>\n\n        <div class=\"hizmetler-bottom-cta\">\n            <h3>Zaman Kaybetmeyin, Biz Hemen Geliyoruz!<\/h3>\n            <p style=\"margin:0; font-weight:600;\">Antalya'n\u0131n her yerine 60 dakika i\u00e7inde ula\u015f\u0131m garantisi.<\/p>\n            <a href=\"tel:+905456380007\" class=\"cta-big-btn\">\n                <i class=\"fas fa-phone-volume\"><\/i> 0545 638 00 07\n            <\/a>\n        <\/div>\n\n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c9d8bb2 e-con-full e-flex e-con e-parent\" data-id=\"c9d8bb2\" data-element_type=\"container\" data-e-type=\"container\" id=\"bolgeler\">\n\t\t\t\t<div class=\"elementor-element elementor-element-07160aa elementor-widget elementor-widget-html\" data-id=\"07160aa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n<style>\n\/* --- B\u00f6lgeler Alan\u0131 Kapsay\u0131c\u0131 (Karanl\u0131k Radar Temas\u0131) --- *\/\n#oto-harita-wrap {\n    --lacivert: #09152B;\n    --sari: #ECBD49;\n    --beyaz: #ffffff;\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    \n    background: radial-gradient(circle at center, #112240 0%, #060a13 100%);\n    padding: 100px 0;\n    position: relative;\n    overflow: hidden;\n    color: var(--beyaz);\n    border-top: 4px solid var(--sari);\n    border-bottom: 4px solid var(--sari);\n}\n\n\/* Arka Plan Izgaras\u0131 *\/\n#oto-harita-wrap::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0; width: 100%; height: 100%;\n    background-image: \n        linear-gradient(rgba(236, 189, 73, 0.03) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(236, 189, 73, 0.03) 1px, transparent 1px);\n    background-size: 40px 40px;\n    z-index: 1;\n}\n\n.harita-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 20px;\n    position: relative;\n    z-index: 2;\n}\n\n\/* --- Ba\u015fl\u0131k --- *\/\n.harita-header { text-align: center; margin-bottom: 50px; }\n.harita-header h4 { color: var(--sari); font-size: 20px; font-weight: 800; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 10px; }\n.harita-header h2 { font-size: 3.5em; font-weight: 900; margin: 0 0 15px 0; text-shadow: 0 5px 15px rgba(0,0,0,0.5); }\n.harita-header p { font-size: 1.2em; color: #aab8c2; max-width: 700px; margin: 0 auto; }\n\n\/* --- RADAR AN\u0130MASYONLARI --- *\/\n.radar-bg-system {\n    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);\n    width: 800px; height: 800px; pointer-events: none; z-index: 1;\n}\n.radar-circle {\n    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);\n    border-radius: 50%; border: 1px solid rgba(236, 189, 73, 0.15);\n}\n.radar-circle-1 { width: 300px; height: 300px; border-width: 2px; }\n.radar-circle-2 { width: 550px; height: 550px; border-style: dashed; }\n.radar-circle-3 { width: 800px; height: 800px; }\n\n.radar-sweep {\n    position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%;\n    background: conic-gradient(from 0deg, transparent 75%, rgba(236, 189, 73, 0.4) 100%);\n    animation: radar-spin 4s linear infinite;\n}\n@keyframes radar-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }\n\n\/* --- WIKIPEDIA HAR\u0130TASI \u0130\u00c7\u0130N ST\u0130LLER --- *\/\n#wikipedia-map-container {\n    position: relative;\n    z-index: 10;\n    width: 100%;\n    max-width: 900px;\n    margin: 0 auto;\n    filter: drop-shadow(0 20px 30px rgba(0,0,0,0.6));\n    min-height: 400px;\n}\n\n#wikipedia-map-container svg {\n    width: 100%;\n    height: auto;\n    pointer-events: none; \n}\n\n\/* Harita arka plan\u0131n\u0131 sil *\/\n#wikipedia-map-container svg rect { fill: transparent !important; }\n\n\/* Varsay\u0131lan \u0130l\u00e7e G\u00f6r\u00fcn\u00fcm\u00fc *\/\n#wikipedia-map-container svg path {\n    pointer-events: auto; \n    fill: #1B3B6D !important;\n    stroke: rgba(236, 189, 73, 0.4) !important;\n    stroke-width: 1px !important;\n    cursor: pointer;\n    \/* Z\u0131plamay\u0131 \u00e7\u00f6zen kritik nokta: Transform yok, sadece renk ve opacity ge\u00e7i\u015fi *\/\n    transition: fill 0.3s ease, opacity 0.3s ease, stroke-width 0.3s ease, filter 0.3s ease !important;\n}\n\n\/* OPT\u0130K \u0130LL\u00dcZYON: Biri hoverland\u0131\u011f\u0131nda, D\u0130\u011eERLER\u0130N\u0130 karart *\/\n#wikipedia-map-container svg.is-interacting path {\n    opacity: 0.4 !important; \n}\n\n\/* HOVER (\u00dcST\u00dcNE GELME) EFEKT\u0130 - F\u0130Z\u0130KSEL B\u00dcY\u00dcME YOK, SADECE PARLAMA *\/\n#wikipedia-map-container svg path.is-hovered, \n#wikipedia-map-container svg path:hover {\n    fill: var(--sari) !important;\n    stroke: var(--beyaz) !important;\n    stroke-width: 3px !important;\n    opacity: 1 !important; \/* Se\u00e7ili olan tam parlak kals\u0131n *\/\n    filter: drop-shadow(0 0 15px rgba(236, 189, 73, 0.9));\n}\n\n\/* --- D\u0130NAM\u0130K \u0130S\u0130M KUTUCU\u011eU --- *\/\n#map-tooltip {\n    position: fixed;\n    background-color: var(--lacivert);\n    color: var(--sari);\n    padding: 10px 20px;\n    border-radius: 8px;\n    font-size: 18px;\n    font-weight: 900;\n    pointer-events: none; \/* Kutunun fareye tak\u0131lmas\u0131n\u0131 \u00f6nler *\/\n    opacity: 0;\n    z-index: 999999;\n    border: 2px solid var(--sari);\n    box-shadow: 0 10px 20px rgba(0,0,0,0.5);\n    transition: opacity 0.2s ease;\n    text-transform: uppercase;\n    transform: translate(-50%, -150%);\n}\n\n\/* --- Alt Buton --- *\/\n.harita-action { text-align: center; margin-top: 40px; position: relative; z-index: 10; }\n.map-call-btn {\n    display: inline-flex; align-items: center; gap: 10px;\n    background-color: var(--sari); color: var(--lacivert);\n    padding: 15px 35px; border-radius: 30px;\n    font-size: 18px; font-weight: 800; text-decoration: none;\n    text-transform: uppercase; transition: transform 0.3s;\n    box-shadow: 0 5px 15px rgba(236, 189, 73, 0.4);\n}\n.map-call-btn:hover { transform: scale(1.05); }\n\n\/* --- Mobil --- *\/\n@media (max-width: 768px) {\n    #oto-harita-wrap { padding: 60px 0; }\n    .harita-header h2 { font-size: 2.2em; }\n    .radar-bg-system { width: 400px; height: 400px; }\n}\n<\/style>\n\n<div id=\"oto-harita-wrap\">\n    \n    <div class=\"radar-bg-system\">\n        <div class=\"radar-sweep\"><\/div>\n        <div class=\"radar-circle radar-circle-1\"><\/div>\n        <div class=\"radar-circle radar-circle-2\"><\/div>\n        <div class=\"radar-circle radar-circle-3\"><\/div>\n    <\/div>\n\n    <div class=\"harita-container\">\n        \n        <div class=\"harita-header\">\n            <h4><i class=\"fas fa-satellite-dish\"><\/i> Radar\u0131m\u0131zdas\u0131n\u0131z<\/h4>\n            <h2>Hizmet B\u00f6lgelerimiz<\/h2>\n            <p>Antalya Merkez'den Alanya'ya, Ka\u015f'tan Manavgat'a kadar konumunuz neresi olursa olsun, size en yak\u0131n \u00e7ekicimizi an\u0131nda y\u00f6nlendiriyoruz.<\/p>\n        <\/div>\n\n        <div id=\"map-tooltip\"><\/div>\n\n        <div id=\"wikipedia-map-container\">\n            <div style=\"text-align:center; color:#ECBD49; padding:50px;\"><i class=\"fas fa-spinner fa-spin fa-3x\"><\/i><br><br>Harita Y\u00fckleniyor...<\/div>\n        <\/div>\n\n        <div class=\"harita-action\">\n            <a href=\"tel:+905456380007\" class=\"map-call-btn\">\n                <i class=\"fas fa-truck-pickup\"><\/i> Bulundu\u011fum Konuma \u00c7ekici \u0130ste\n            <\/a>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n    const mapUrl = \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/d\/d0\/Antalya_%28tr%29.svg\";\n    const mapContainer = document.getElementById(\"wikipedia-map-container\");\n    const tooltip = document.getElementById(\"map-tooltip\");\n\n    fetch(mapUrl)\n        .then(response => response.text())\n        .then(svgData => {\n            mapContainer.innerHTML = svgData;\n            \n            const svgElement = mapContainer.querySelector(\"svg\");\n            \n            \/\/ Wikipedia gereksiz etiketlerini temizle\n            const texts = svgElement.querySelectorAll(\"text\");\n            texts.forEach(t => t.remove());\n\n            const paths = svgElement.querySelectorAll(\"path\");\n            \n            paths.forEach(path => {\n                let rawId = path.getAttribute(\"id\") || (path.parentElement && path.parentElement.getAttribute(\"id\"));\n                \n                if (rawId && rawId.length > 2 && rawId.toLowerCase() !== \"svg\") {\n                    \n                    \/\/ \"PATH\" yaz\u0131s\u0131n\u0131 temizle, alt \u00e7izgileri bo\u015fluk yap\n                    let regionName = rawId.replace(\/path\/i, '').replace(\/_\/g, \" \").replace(\/-\/g, \" \").trim();\n\n                    path.addEventListener(\"mouseenter\", () => {\n                        tooltip.style.opacity = \"1\";\n                        tooltip.innerText = regionName;\n                        path.classList.add(\"is-hovered\");\n                        \n                        \/\/ Di\u011ferlerini karartmak i\u00e7in ana SVG'ye class ekle\n                        svgElement.classList.add(\"is-interacting\");\n                    });\n\n                    path.addEventListener(\"mousemove\", (e) => {\n                        tooltip.style.left = (e.clientX + 15) + \"px\";\n                        tooltip.style.top = (e.clientY - 35) + \"px\";\n                    });\n\n                    path.addEventListener(\"mouseleave\", () => {\n                        tooltip.style.opacity = \"0\";\n                        path.classList.remove(\"is-hovered\");\n                        \n                        \/\/ Fareden \u00e7\u0131k\u0131nca karartmay\u0131 kald\u0131r\n                        svgElement.classList.remove(\"is-interacting\");\n                    });\n                }\n            });\n        })\n        .catch(error => {\n            mapContainer.innerHTML = \"<p style='color:white;text-align:center;'>Harita y\u00fcklenemedi. L\u00fctfen sayfay\u0131 yenileyin.<\/p>\";\n            console.error(\"SVG Hatas\u0131:\", error);\n        });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-77250a0 e-con-full e-flex e-con e-parent\" data-id=\"77250a0\" data-element_type=\"container\" data-e-type=\"container\" id=\"galeri\">\n\t\t\t\t<div class=\"elementor-element elementor-element-beb65db elementor-widget elementor-widget-html\" data-id=\"beb65db\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n<style>\n\/* --- Galeri Kapsay\u0131c\u0131 --- *\/\n#oto-album-wrap {\n    --lacivert: #09152B;\n    --sari: #ECBD49;\n    --beyaz: #ffffff;\n    --acik-gri: #f4f6f9;\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    background-color: var(--acik-gri);\n    padding: 100px 0;\n}\n\n.album-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 20px;\n}\n\n\/* --- Ba\u015fl\u0131k --- *\/\n.album-header { text-align: center; margin-bottom: 50px; }\n.album-header h2 { font-size: 4em; font-weight: 900; margin: 0; color: var(--lacivert); text-transform: uppercase; letter-spacing: 2px;}\n.album-header .line { width: 100px; height: 5px; background-color: var(--sari); margin: 15px auto 0 auto; border-radius: 5px; }\n\n\/* --- Alb\u00fcm Kartlar\u0131 (Grid) --- *\/\n.album-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 30px;\n}\n\n.album-card {\n    background: var(--beyaz);\n    border-radius: 15px;\n    overflow: hidden;\n    box-shadow: 0 10px 20px rgba(0,0,0,0.08);\n    cursor: pointer;\n    transition: all 0.3s ease;\n    border: 2px solid transparent;\n    position: relative;\n}\n\n.album-card:hover {\n    transform: translateY(-10px);\n    border-color: var(--sari);\n    box-shadow: 0 15px 30px rgba(9, 21, 43, 0.2);\n}\n\n\/* Alb\u00fcm Kapak Resmi \/ \u0130konu *\/\n.album-cover {\n    width: 100%;\n    aspect-ratio: 4 \/ 3;\n    background-color: var(--lacivert);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    overflow: hidden;\n}\n\n.album-cover i {\n    font-size: 70px;\n    color: var(--sari);\n    transition: transform 0.4s ease;\n}\n\n.album-card:hover .album-cover i {\n    transform: scale(1.2);\n}\n\n\/* Klas\u00f6r Efekti (Foto\u011fraf Say\u0131s\u0131) *\/\n.album-count {\n    position: absolute;\n    top: 15px;\n    right: 15px;\n    background: var(--sari);\n    color: var(--lacivert);\n    padding: 5px 12px;\n    border-radius: 20px;\n    font-weight: 800;\n    font-size: 13px;\n    display: flex;\n    align-items: center;\n    gap: 5px;\n}\n\n.album-title {\n    padding: 20px;\n    text-align: center;\n}\n\n.album-title h3 {\n    margin: 0;\n    font-size: 1.4em;\n    font-weight: 800;\n    color: var(--lacivert);\n}\n\n\/* --- DEV EKRAN POPUP (MODAL) --- *\/\n#album-modal {\n    position: fixed;\n    top: 0; left: 0; width: 100%; height: 100%;\n    background-color: rgba(9, 21, 43, 0.95);\n    z-index: 999999;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 0.3s ease;\n}\n\n#album-modal.active {\n    opacity: 1;\n    pointer-events: auto;\n}\n\n.modal-content {\n    width: 90vw; \/* Ekran\u0131n %90'\u0131n\u0131 kaplar *\/\n    height: 90vh;\n    background: var(--lacivert);\n    border: 3px solid var(--sari);\n    border-radius: 20px;\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n    box-shadow: 0 20px 50px rgba(0,0,0,0.8);\n}\n\n\/* Kapatma Butonu *\/\n.modal-close {\n    position: absolute;\n    top: 15px; right: 25px;\n    font-size: 40px;\n    color: var(--sari);\n    cursor: pointer;\n    z-index: 10;\n    transition: transform 0.3s;\n}\n.modal-close:hover { transform: scale(1.2) rotate(90deg); color: var(--beyaz); }\n\n\/* Popup Ba\u015fl\u0131\u011f\u0131 *\/\n.modal-header {\n    padding: 20px;\n    text-align: center;\n    background: rgba(0,0,0,0.2);\n    border-bottom: 1px solid rgba(236, 189, 73, 0.2);\n}\n.modal-header h3 {\n    margin: 0; color: var(--sari); font-size: 2em; font-weight: 900; text-transform: uppercase;\n}\n\n\/* Slider Alan\u0131 *\/\n.slider-container {\n    flex: 1;\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 20px;\n}\n\n.slider-container img {\n    max-width: 100%;\n    max-height: 100%;\n    object-fit: contain; \/* Foto\u011fraf\u0131 kesmeden tam s\u0131\u011fd\u0131r\u0131r *\/\n    border-radius: 10px;\n    animation: fadeIn 0.4s ease;\n}\n\n@keyframes fadeIn { from { opacity: 0; transform: scale(0.95); } to { opacity: 1; transform: scale(1); } }\n\n\/* Y\u00f6n Butonlar\u0131 *\/\n.slider-btn {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    background: var(--sari);\n    color: var(--lacivert);\n    border: none;\n    width: 60px; height: 60px;\n    border-radius: 50%;\n    font-size: 24px;\n    cursor: pointer;\n    display: flex; align-items: center; justify-content: center;\n    transition: all 0.3s;\n    box-shadow: 0 5px 15px rgba(0,0,0,0.5);\n}\n\n.slider-btn:hover { background: var(--beyaz); transform: translateY(-50%) scale(1.1); }\n.prev-btn { left: 20px; }\n.next-btn { right: 20px; }\n\n\/* Resim Sayac\u0131 (\u00d6rn: 1 \/ 3) *\/\n.slider-counter {\n    position: absolute;\n    bottom: 20px;\n    left: 50%;\n    transform: translateX(-50%);\n    background: rgba(0,0,0,0.7);\n    color: var(--beyaz);\n    padding: 8px 20px;\n    border-radius: 20px;\n    font-weight: 700;\n    font-size: 16px;\n    letter-spacing: 2px;\n}\n\n\/* Mobil *\/\n@media (max-width: 768px) {\n    #oto-album-wrap { padding: 60px 0; }\n    .album-header h2 { font-size: 2.5em; }\n    .modal-content { width: 95vw; height: 85vh; border-width: 2px; }\n    .modal-header h3 { font-size: 1.5em; }\n    .slider-btn { width: 45px; height: 45px; font-size: 18px; }\n    .prev-btn { left: 10px; }\n    .next-btn { right: 10px; }\n}\n<\/style>\n\n<div id=\"oto-album-wrap\">\n    <div class=\"album-container\">\n        \n        <div class=\"album-header\">\n            <h2>Galeri<\/h2>\n            <div class=\"line\"><\/div>\n        <\/div>\n\n        <div class=\"album-grid\">\n            \n            <div class=\"album-card\" onclick=\"openAlbum('album-cekiciler', '\u00c7ekicilerimiz')\">\n                <div class=\"album-cover\">\n                    <i class=\"fas fa-truck-pickup\"><\/i>\n                    <div class=\"album-count\"><i class=\"fas fa-image\"><\/i> 3<\/div>\n                <\/div>\n                <div class=\"album-title\">\n                    <h3>\u00c7ekicilerimiz<\/h3>\n                <\/div>\n            <\/div>\n\n            <div class=\"album-card\" onclick=\"openAlbum('album-musteri1', 'M\u00fc\u015fteri 1 Kurtarma')\">\n                <div class=\"album-cover\">\n                    <i class=\"fas fa-car-crash\"><\/i>\n                    <div class=\"album-count\"><i class=\"fas fa-image\"><\/i> 2<\/div>\n                <\/div>\n                <div class=\"album-title\">\n                    <h3>M\u00fc\u015fterilerimizden<\/h3>\n                <\/div>\n            <\/div>\n\n            \n\n            <div class=\"album-card\" onclick=\"openAlbum('album-filo', 'Ara\u00e7 Filomuz')\">\n                <div class=\"album-cover\">\n                    <i class=\"fas fa-truck-loading\"><\/i>\n                    <div class=\"album-count\"><i class=\"fas fa-image\"><\/i> 1<\/div>\n                <\/div>\n                <div class=\"album-title\">\n                    <h3>Ara\u00e7 Filomuz<\/h3>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/div>\n\n<div style=\"display:none;\">\n    \n    <div id=\"album-cekiciler\">\n        <img decoding=\"async\" src=\"https:\/\/meteaksoyotokurtarma.com\/wp-content\/uploads\/2026\/02\/11.jpeg\">\n        <img decoding=\"async\" src=\"https:\/\/meteaksoyotokurtarma.com\/wp-content\/uploads\/2026\/02\/22.jpeg\">\n        <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/800x1200\/09152B\/ECBD49?text=Cekici+Foto+3+(Dikey)\">\n    <\/div>\n\n    <div id=\"album-musteri1\">\n        <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/1000x700\/09152B\/ECBD49?text=Musteri+1+-+Kaza+Ani\">\n        <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/1000x700\/09152B\/ECBD49?text=Musteri+1+-+Kurtarma\">\n    <\/div>\n\n    <div id=\"album-musteri2\">\n        <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/1000x600\/09152B\/ECBD49?text=Musteri+2+-+Motor+Yukleme\">\n        <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/1000x600\/09152B\/ECBD49?text=Musteri+2+-+Teslimat\">\n    <\/div>\n\n    <div id=\"album-filo\">\n        <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/1200x600\/09152B\/ECBD49?text=Filomuzun+Toplu+Hali\">\n    <\/div>\n\n<\/div>\n\n<div id=\"album-modal\">\n    <div class=\"modal-content\">\n        <span class=\"modal-close\" onclick=\"closeAlbum()\">&times;<\/span>\n        \n        <div class=\"modal-header\">\n            <h3 id=\"modal-title\">Alb\u00fcm Ad\u0131<\/h3>\n        <\/div>\n        \n        <div class=\"slider-container\">\n            <button class=\"slider-btn prev-btn\" onclick=\"prevSlide()\"><i class=\"fas fa-chevron-left\"><\/i><\/button>\n            <img decoding=\"async\" id=\"slider-main-img\" src=\"\" alt=\"Galeri G\u00f6rseli\">\n            <button class=\"slider-btn next-btn\" onclick=\"nextSlide()\"><i class=\"fas fa-chevron-right\"><\/i><\/button>\n            <div class=\"slider-counter\" id=\"slider-counter\">1 \/ 3<\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\nlet currentImages = [];\nlet currentIndex = 0;\n\n\/\/ Alb\u00fcm\u00fc A\u00e7ma Fonksiyonu\nfunction openAlbum(albumId, albumTitle) {\n    \/\/ T\u0131klanan alb\u00fcm\u00fcn ba\u015fl\u0131\u011f\u0131n\u0131 ayarla\n    document.getElementById('modal-title').innerText = albumTitle;\n    \n    \/\/ Gizli alandaki foto\u011fraflar\u0131 bul\n    const albumDiv = document.getElementById(albumId);\n    if (!albumDiv) return; \/\/ Alb\u00fcm yoksa \u00e7\u0131k\n\n    const imgs = albumDiv.querySelectorAll('img');\n    currentImages = Array.from(imgs).map(img => img.src); \/\/ Linkleri diziye al\n\n    if (currentImages.length === 0) return;\n\n    \/\/ \u0130lk foto\u011fraf\u0131 g\u00f6ster\n    currentIndex = 0;\n    updateSlider();\n\n    \/\/ Y\u00f6n butonlar\u0131n\u0131 duruma g\u00f6re gizle\/g\u00f6ster (E\u011fer 1 foto\u011fraf varsa oklara gerek yok)\n    const prevBtn = document.querySelector('.prev-btn');\n    const nextBtn = document.querySelector('.next-btn');\n    if (currentImages.length <= 1) {\n        prevBtn.style.display = 'none';\n        nextBtn.style.display = 'none';\n    } else {\n        prevBtn.style.display = 'flex';\n        nextBtn.style.display = 'flex';\n    }\n\n    \/\/ Modal\u0131 ekrana getir\n    document.getElementById('album-modal').classList.add('active');\n}\n\n\/\/ Alb\u00fcm\u00fc Kapatma Fonksiyonu\nfunction closeAlbum() {\n    document.getElementById('album-modal').classList.remove('active');\n}\n\n\/\/ Sonraki Foto\u011frafa Ge\u00e7\nfunction nextSlide() {\n    currentIndex++;\n    if (currentIndex >= currentImages.length) {\n        currentIndex = 0; \/\/ Sona gelince ba\u015fa d\u00f6n\n    }\n    updateSlider();\n}\n\n\/\/ \u00d6nceki Foto\u011frafa Ge\u00e7\nfunction prevSlide() {\n    currentIndex--;\n    if (currentIndex < 0) {\n        currentIndex = currentImages.length - 1; \/\/ Ba\u015ftayken sona git\n    }\n    updateSlider();\n}\n\n\/\/ Slider'\u0131 G\u00fcncelleyen Ana Fonksiyon\nfunction updateSlider() {\n    const mainImg = document.getElementById('slider-main-img');\n    const counter = document.getElementById('slider-counter');\n    \n    \/\/ Ge\u00e7i\u015f animasyonu i\u00e7in resmi anl\u0131k gizle\n    mainImg.style.opacity = '0';\n    \n    setTimeout(() => {\n        mainImg.src = currentImages[currentIndex];\n        mainImg.style.opacity = '1';\n        counter.innerText = (currentIndex + 1) + \" \/ \" + currentImages.length;\n    }, 150); \/\/ 150ms sonra yeni resmi g\u00f6ster (fade efekti)\n}\n\n\/\/ Modalin d\u0131\u015f\u0131ndaki siyah alana t\u0131klay\u0131nca kapatma\ndocument.getElementById('album-modal').addEventListener('click', function(e) {\n    if (e.target === this) {\n        closeAlbum();\n    }\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Yolda m\u0131 Kald\u0131n\u0131z? Panik Yok! Profesyonel \u00e7ekici hizmetimizle 7\/24 yan\u0131n\u0131zday\u0131z. En h\u0131zl\u0131 \u015fekilde konumunuza ula\u015f\u0131yoruz. HEMEN ARA KONUM G\u00d6NDER 7\/24 H\u0131zl\u0131 Servis Uygun Fiyat Garantisi G\u00fcvenli Ta\u015f\u0131ma T\u00fcm Antalya&#8217;ya Hizmet Profesyonel Oto Kurtarma Antalya Merkez ba\u015fta olmak \u00fczere t\u00fcm il\u00e7elere, donan\u0131ml\u0131 ara\u00e7lar\u0131m\u0131z ve uzman kadromuzla dakikalar i\u00e7inde ula\u015f\u0131yoruz. Sorun ne olursa olsun, \u00e7\u00f6z\u00fcm bizde. 7\/24 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/meteaksoyotokurtarma.com\/index.php\/wp-json\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/meteaksoyotokurtarma.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/meteaksoyotokurtarma.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/meteaksoyotokurtarma.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/meteaksoyotokurtarma.com\/index.php\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":70,"href":"https:\/\/meteaksoyotokurtarma.com\/index.php\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":110,"href":"https:\/\/meteaksoyotokurtarma.com\/index.php\/wp-json\/wp\/v2\/pages\/12\/revisions\/110"}],"wp:attachment":[{"href":"https:\/\/meteaksoyotokurtarma.com\/index.php\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}