{"id":102,"date":"2025-11-26T12:29:21","date_gmt":"2025-11-26T12:29:21","guid":{"rendered":"https:\/\/www.faraltin.com\/?page_id=102"},"modified":"2026-02-28T12:00:19","modified_gmt":"2026-02-28T12:00:19","slug":"elementor-102","status":"publish","type":"page","link":"https:\/\/www.faraltin.com\/","title":{"rendered":"ANA SAYFA"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"102\" class=\"elementor elementor-102\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6b6df15 e-con-full e-flex e-con e-parent\" data-id=\"6b6df15\" data-element_type=\"container\" data-e-type=\"container\" id=\"hero-section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c493e26 elementor-widget elementor-widget-html\" data-id=\"c493e26\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script type=\"application\/json\" id=\"events-data\">\n{\n  \"events\": [  \n    {\n      \"id\": 1,\n      \"title\": \"Istanbul Marriott Hotel Sisli\",\n      \"date\": \"19 Aral\u0131k 2025\",\n      \"venue\": \"\u015ei\u015fli, \u0130stanbul\",\n      \"description\": \"Kapal\u0131 bir \u015firket etkinli\u011fi\",\n      \"image\": \"https:\/\/www.faraltin.com\/wp-content\/uploads\/2025\/12\/photo-14877-nMaiQc3ulrwBV4A.jpg\" \n    },\n    {\n      \"id\": 2,\n      \"title\": \"Tam Finans Y\u0131l Sonu Etkinli\u011fi\",\n      \"date\": \"24 Aral\u0131k 2025\",\n      \"venue\": \"Le M\u00e9ridien Istanbul Etiler\",\n      \"description\": \"Tam Finans ile y\u0131la veda ediyoruz.\",\n      \"image\": \"https:\/\/www.faraltin.com\/wp-content\/uploads\/2025\/12\/643554408.jpg\"\n    },\n    {\n      \"id\": 3,\n      \"title\": \"BART BOMONTI\",\n      \"date\": \"27 Aral\u0131k 2025\",\n      \"venue\": \"Bomonti, \u0130stanbul\",\n      \"description\": \"Her t\u00fcrden m\u00fczik ile FARALTIN'in geni\u015f ar\u015fivi e\u015fli\u011finde kokteyl ve yemek keyfi\",\n      \"image\": \"https:\/\/www.faraltin.com\/wp-content\/uploads\/2025\/12\/470796654_17928120182986333_1366288076119952777_n.jpg\"\n\n    },\n     {\n      \"id\": 4,\n      \"title\": \"The House C\u00e2fe Y\u0131lba\u015f\u0131\",\n      \"date\": \"31 Aral\u0131k 2025\",\n      \"venue\": \"THE HOUSE C\u00c2FE ORTAK\u00d6Y\",\n      \"description\": \"Merhaba 2026!\",\n      \"image\": \"https:\/\/www.faraltin.com\/wp-content\/uploads\/2025\/12\/The-House-Cafe-1675532661279-2.jpg\"\n    }\n  ]\n}\n<\/script>\n\n<style>\n\/* ORTAK OVERLAY *\/\n.apple-overlay {\n  position: fixed;\n  inset: 0;\n  background: rgba(0, 0, 0, 0.6);\n  backdrop-filter: blur(20px); \n  -webkit-backdrop-filter: blur(20px);\n  z-index: 9990;\n  opacity: 0;\n  visibility: hidden;\n  pointer-events: none;\n  transition: all 0.5s ease;\n}\n\n\/* ANA MODAL *\/\n.apple-modal {\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  width: 90%;\n  max-width: 900px;\n  height: 600px;\n  background: #000000; \n  border: 1px solid rgba(255,255,255,0.15);\n  box-shadow: 0 40px 100px rgba(0,0,0,0.9);\n  border-radius: 24px;\n  z-index: 9999;\n  display: flex;\n  flex-direction: row;\n  overflow: hidden;\n  opacity: 0;\n  visibility: hidden;\n  pointer-events: none;\n  transform: translate(-50%, -45%) scale(0.92);\n  transition: opacity 0.4s ease, visibility 0.4s ease, transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);\n}\n\n.apple-overlay.active { opacity: 1; visibility: visible; pointer-events: auto; }\n.apple-modal.active { opacity: 1; visibility: visible; pointer-events: auto; transform: translate(-50%, -50%) scale(1); }\n\n\/* --- SOL PANEL --- *\/\n.modal-left {\n  flex: 1;\n  padding: 40px;\n  overflow-y: auto;\n  background: transparent; \n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n.modal-left::-webkit-scrollbar { width: 0; } \n\n.modal-header {\n  font-size: 28px;\n  font-weight: 700;\n  color: #fff;\n  margin-bottom: 24px;\n  letter-spacing: -0.5px;\n}\n\n\/* Kart Yap\u0131s\u0131 *\/\n.event-item {\n  background: rgba(255,255,255,0.05);\n  border-radius: 12px;\n  overflow: hidden;\n  transition: background 0.2s ease;\n  cursor: pointer;\n  border: 1px solid transparent;\n}\n.event-item:hover { background: rgba(255,255,255,0.1); }\n.event-item.active { background: rgba(255,255,255,0.15); border-color: rgba(255,255,255,0.1); }\n\n.item-header { padding: 18px 20px; display: flex; justify-content: space-between; align-items: center; }\n.item-title { font-size: 16px; font-weight: 600; color: #fff; letter-spacing: 0.3px; }\n\n.item-icon {\n  width: 28px; height: 28px; border-radius: 50%;\n  background: #ffffff; color: #000000;\n  display: flex; align-items: center; justify-content: center;\n  font-size: 18px; font-weight: 500; line-height: 1;\n  transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);\n  box-shadow: 0 0 15px rgba(255,255,255,0.2);\n}\n.event-item:hover .item-icon { transform: scale(1.1); }\n.event-item.active .item-icon { opacity: 0; transform: rotate(90deg) scale(0.5); }\n\n.item-content-wrapper { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.4s cubic-bezier(0.25, 1, 0.5, 1); will-change: grid-template-rows; }\n.event-item.active .item-content-wrapper { grid-template-rows: 1fr; }\n.item-body { overflow: hidden; min-height: 0; }\n.item-inner-padding { padding: 0 20px 20px 20px; color: #ccc; font-size: 14px; line-height: 1.5; opacity: 0; transform: translateY(-10px); transition: opacity 0.3s ease, transform 0.3s ease; }\n.event-item.active .item-inner-padding { opacity: 1; transform: translateY(0); transition-delay: 0.1s; }\n.item-meta { margin-top: 12px; display: flex; gap: 15px; font-size: 12px; color: #fff; opacity: 0.8; text-transform: uppercase; font-weight: 700; }\n\n\/* --- SA\u011e PANEL (DE\u011e\u0130\u015e\u0130KL\u0130K BURADA) --- *\/\n.modal-right {\n  flex: 1.2;\n  background: #000;\n  position: relative;\n  overflow: hidden;\n  border-left: 1px solid rgba(255,255,255,0.1);\n  \n  \/* G\u00dcVENL\u0130 ALAN: \u00dcstten 70px bo\u015fluk b\u0131rak *\/\n  padding-top: 70px; \n}\n\n\/* G\u00d6RSEL AYARI *\/\n.modal-image {\n  width: 100%;\n  height: 100%; \/* Kalan alan\u0131 doldurur *\/\n  object-fit: cover;\n  \/* position:absolute KALDIRILDI, art\u0131k ak\u0131\u015f\u0131n i\u00e7inde *\/\n  display: block; \n  opacity: 0;\n  transform: scale(1.05);\n  transition: opacity 0.5s ease, transform 1s ease;\n}\n.modal-image.show {\n  opacity: 1;\n  transform: scale(1);\n}\n\n\/* KAPAT BUTONU (SA\u011e \u00dcSTTE SAB\u0130T) *\/\n.close-btn {\n  position: absolute;\n  top: 20px;\n  right: 20px;\n  width: 36px;\n  height: 36px;\n  background: rgba(255,255,255,0.1);\n  border-radius: 50%;\n  color: #fff;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  z-index: 20;\n  font-size: 24px;\n  border: 1px solid rgba(255,255,255,0.1);\n  transition: transform 0.2s, background 0.2s;\n}\n.close-btn:hover { \n  transform: scale(1.1); \n  background: #ffffff; \n  color: #000 !important;\n}\n\n\/* Mobil Uyumluluk *\/\n@media (max-width: 768px) {\n  .apple-modal {\n    flex-direction: column;\n    height: 85vh;\n    width: 95%;\n  }\n  .modal-right {\n    display: none;\n  }\n}\n<\/style>\n\n<div class=\"apple-overlay\"><\/div>\n\n<div class=\"apple-modal\">\n  <div class=\"close-btn cursor-zone\">\u00d7<\/div>\n\n  <div class=\"modal-left\">\n    <div class=\"modal-header\">Gelecek Etkinlikler<\/div>\n    <div class=\"accordion-container\"><\/div>\n  <\/div>\n\n  <div class=\"modal-right\">\n    <img decoding=\"async\" src=\"\" class=\"modal-image\" id=\"preview-image\" alt=\"Event Venue\">\n  <\/div>\n<\/div>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n  const jsonData = document.querySelector(\"#events-data\");\n  if (!jsonData) return;\n  \n  const events = JSON.parse(jsonData.textContent).events;\n  const container = document.querySelector(\".accordion-container\");\n  const previewImage = document.querySelector(\"#preview-image\");\n  \n  events.forEach(ev => {\n    const img = new Image();\n    img.src = ev.image;\n  });\n\n  events.forEach((ev, index) => {\n    const item = document.createElement(\"div\");\n    item.classList.add(\"event-item\");\n    if(index === 0) item.classList.add(\"active\");\n\n    item.innerHTML = `\n      <div class=\"item-header\">\n        <span class=\"item-title\">${ev.title}<\/span>\n        <span class=\"item-icon\">+<\/span>\n      <\/div>\n      <div class=\"item-content-wrapper\">\n        <div class=\"item-body\">\n          <div class=\"item-inner-padding\">\n            <p>${ev.description}<\/p>\n            <div class=\"item-meta\">\n              <span>\ud83d\udcc5 ${ev.date}<\/span>\n              <span>\ud83d\udccd ${ev.venue}<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    `;\n\n    item.addEventListener(\"click\", () => {\n      if (item.classList.contains(\"active\")) return;\n      document.querySelectorAll(\".event-item\").forEach(el => el.classList.remove(\"active\"));\n      item.classList.add(\"active\");\n      updateImage(ev.image);\n    });\n\n    container.appendChild(item);\n  });\n\n  if(events.length > 0) updateImage(events[0].image);\n\n  function updateImage(src) {\n    previewImage.classList.remove(\"show\");\n    setTimeout(() => {\n      previewImage.src = src;\n      previewImage.onload = () => {\n        previewImage.classList.add(\"show\");\n      };\n      if (previewImage.complete) previewImage.classList.add(\"show\");\n    }, 250); \n  }\n\n  const modal = document.querySelector(\".apple-modal\");\n  const overlay = document.querySelector(\".apple-overlay\");\n  const closeBtn = document.querySelector(\".close-btn\");\n  const triggers = document.querySelectorAll(\".event-trigger\");\n\n  triggers.forEach(t => {\n    t.addEventListener(\"click\", (e) => {\n      e.preventDefault();\n      const aboutModal = document.querySelector(\".about-modal\");\n      if(aboutModal) aboutModal.classList.remove(\"active\");\n      modal.classList.add(\"active\");\n      overlay.classList.add(\"active\");\n    });\n  });\n\n  const closeModal = () => {\n    modal.classList.remove(\"active\");\n    const aboutModal = document.querySelector(\".about-modal\");\n    if (!aboutModal || !aboutModal.classList.contains(\"active\")) {\n        overlay.classList.remove(\"active\");\n    }\n  };\n\n  closeBtn.addEventListener(\"click\", closeModal);\n  overlay.addEventListener(\"click\", () => {\n      modal.classList.remove(\"active\");\n      const aboutModal = document.querySelector(\".about-modal\");\n      if(aboutModal) aboutModal.classList.remove(\"active\");\n      overlay.classList.remove(\"active\");\n  });\n  \n  document.addEventListener(\"keydown\", (e) => {\n    if(e.key === \"Escape\") closeModal();\n  });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-de7a4d9 elementor-widget elementor-widget-html\" data-id=\"de7a4d9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.about-modal {\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  width: 90%;\n  max-width: 550px;\n  max-height: 80vh;\n  \n  \/* D\u00dcZELTME 1: Tamamen Siyah Arka Plan (Gri g\u00f6r\u00fcnme ihtimali yok) *\/\n  background: #000000 !important; \n  \/* Hafif \u015feffafl\u0131k istersen: background: rgba(0,0,0,0.96) !important; *\/\n  \n  border: 1px solid rgba(255,255,255,0.15); \/* \u00c7er\u00e7eve biraz daha belirgin *\/\n  box-shadow: 0 40px 100px rgba(0,0,0,0.9); \/* G\u00f6lge daha koyu *\/\n  border-radius: 24px;\n  z-index: 99999; \/* En \u00fcstte oldu\u011fundan emin olal\u0131m *\/\n  \n  padding: 45px;\n  display: flex;\n  flex-direction: column;\n  \n  \/* Ba\u015flang\u0131\u00e7 (Gizli) *\/\n  opacity: 0;\n  visibility: hidden;\n  pointer-events: none;\n  transform: translate(-50%, -45%) scale(0.92);\n  \n  \/* Animasyon *\/\n  transition: \n    opacity 0.4s ease,\n    visibility 0.4s ease,\n    transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);\n}\n\n\/* Aktif Durum *\/\n.about-modal.active {\n  opacity: 1;\n  visibility: visible;\n  pointer-events: auto;\n  transform: translate(-50%, -50%) scale(1);\n}\n\n\/* D\u00dcZELTME 2: Ba\u015fl\u0131k Rengi - Tam Beyaz *\/\n.about-title {\n  font-size: 28px;\n  font-weight: 700;\n  color: #ffffff !important; \/* Temay\u0131 ezmesi i\u00e7in !important *\/\n  margin-bottom: 25px;\n  letter-spacing: -0.5px;\n  border-bottom: 1px solid rgba(255,255,255,0.1); \/* Alt \u00e7izgi *\/\n  padding-bottom: 15px;\n}\n\n\/* D\u00dcZELTME 3: Metin Okunabilirli\u011fi *\/\n.about-scroll-area {\n  overflow-y: auto;\n  padding-right: 15px;\n  \n  \/* Yaz\u0131 Rengi: Tam Beyaz *\/\n  color: #ffffff !important; \n  \n  font-size: 17px; \/* Bir t\u0131k b\u00fcy\u00fctt\u00fcm *\/\n  line-height: 1.7; \/* Sat\u0131r aras\u0131n\u0131 a\u00e7t\u0131m *\/\n  font-weight: 400; \/* \u00c7ok ince olmas\u0131n *\/\n}\n\n\/* Paragraflar aras\u0131 bo\u015fluk *\/\n.about-scroll-area p {\n  margin-bottom: 20px;\n  color: #ffffff !important; \/* P etiketini de zorla beyaz yap *\/\n}\n\n\/* Scrollbar Tasar\u0131m\u0131 (Beyaz) *\/\n.about-scroll-area::-webkit-scrollbar { width: 4px; }\n.about-scroll-area::-webkit-scrollbar-track { background: #111; }\n.about-scroll-area::-webkit-scrollbar-thumb { \n  background: #666; \n  border-radius: 4px; \n}\n\n\/* Kapat Butonu *\/\n.about-close {\n  position: absolute;\n  top: 20px;\n  right: 20px;\n  width: 36px;\n  height: 36px;\n  background: rgba(255,255,255,0.1);\n  border-radius: 50%;\n  color: #ffffff !important;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  z-index: 20;\n  font-size: 24px;\n  transition: all 0.2s;\n  border: 1px solid rgba(255,255,255,0.1);\n}\n.about-close:hover { \n  background: #ffffff; \n  color: #000000 !important; \n}\n<\/style>\n\n<div class=\"about-modal\">\n  <div class=\"about-close cursor-zone\">\u00d7<\/div>\n  \n  <div class=\"about-title\">Hakk\u0131mda<\/div>\n  \n  <div class=\"about-scroll-area\">\n    <p>Merhaba, ben Faraltin. Elektronik m\u00fczi\u011fin derinliklerinde, atmosferik sesler ve f\u00fct\u00fcristik ritimlerle kendi evrenimi yarat\u0131yorum. Sahne performanslar\u0131mda sadece m\u00fczik de\u011fil, g\u00f6rsel bir hikaye anlat\u0131c\u0131l\u0131\u011f\u0131 sunmay\u0131 hedefliyorum.<\/p>\n    \n    <p>\u0130stanbul'un kaotik enerjisinden ve modern d\u00fcnyan\u0131n dijital esteti\u011finden ilham al\u0131yorum. Progressive House ve Melodic Techno t\u00fcrleri aras\u0131nda k\u00f6pr\u00fcler kurarken, dinleyicilerimi zaman ve mekan\u0131n \u00f6tesine ge\u00e7en bir yolculu\u011fa davet ediyorum.<\/p>\n    \n    <p>Sanat, teknoloji ve duygu. \u00dcretim s\u00fcrecimin merkezinde bu \u00fc\u00e7leme yer al\u0131yor. Her par\u00e7a, anlat\u0131lmam\u0131\u015f bir hikayenin, g\u00f6r\u00fclmemi\u015f bir r\u00fcyan\u0131n yans\u0131mas\u0131.<\/p>\n  <\/div>\n<\/div>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n  const aboutModal = document.querySelector(\".about-modal\");\n  const aboutClose = document.querySelector(\".about-close\");\n  const aboutTriggers = document.querySelectorAll(\".about-trigger\");\n  const overlay = document.querySelector(\".apple-overlay\"); \/\/ Events kodundaki overlay\n\n  \/* A\u00c7MA *\/\n  aboutTriggers.forEach(t => {\n    t.addEventListener(\"click\", (e) => {\n      e.preventDefault();\n      \/\/ Events popup a\u00e7\u0131ksa kapat\n      const eventModal = document.querySelector(\".apple-modal\");\n      if(eventModal) eventModal.classList.remove(\"active\");\n\n      aboutModal.classList.add(\"active\");\n      if(overlay) overlay.classList.add(\"active\");\n    });\n  });\n\n  \/* KAPATMA *\/\n  const closeAbout = () => {\n    aboutModal.classList.remove(\"active\");\n    if(overlay) overlay.classList.remove(\"active\");\n  };\n\n  aboutClose.addEventListener(\"click\", closeAbout);\n  \n  if(overlay) {\n    overlay.addEventListener(\"click\", () => {\n      if(aboutModal.classList.contains(\"active\")) closeAbout();\n    });\n  }\n\n  \/\/ ESC Tu\u015fu\n  document.addEventListener(\"keydown\", (e) => {\n    if(e.key === \"Escape\" && aboutModal.classList.contains(\"active\")) {\n      closeAbout();\n    }\n  });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f9aa1fe elementor-widget elementor-widget-html\" data-id=\"f9aa1fe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" \/>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-138d1b0 e-grid e-con-full e-con e-child\" data-id=\"138d1b0\" data-element_type=\"container\" data-e-type=\"container\" id=\"top-bar\" data-settings=\"{&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-57aa342 e-con-full e-flex e-con e-child\" data-id=\"57aa342\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t\n<hr class=\"e-cb3522f-8f9c978 e-divider-base\" data-interaction-id=\"cb3522f\"   \/>\n\t\t<div class=\"elementor-element elementor-element-17d117b e-con-full event-trigger cursor-zone e-grid e-con e-child\" data-id=\"17d117b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b44a9bd elementor-widget-tablet__width-inherit elementor-widget elementor-widget-heading\" data-id=\"b44a9bd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">UPCOMING EVENTS<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-94caf47 e-con-full e-flex e-con e-child\" data-id=\"94caf47\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-21295a8 e-con-full e-flex e-con e-child\" data-id=\"21295a8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t\n<hr class=\"e-b437e9d-2a9f9e2 e-divider-base\" data-interaction-id=\"b437e9d\"   \/>\n\t\t<div class=\"elementor-element elementor-element-2b0f2f7 e-con-full about-trigger cursor-zone e-grid e-con e-child\" data-id=\"2b0f2f7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-16ecb71 elementor-widget-tablet__width-inherit elementor-widget elementor-widget-heading\" data-id=\"16ecb71\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">ABOUT<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9014412 e-flex e-con-boxed e-con e-child\" data-id=\"9014412\" data-element_type=\"container\" data-e-type=\"container\" id=\"social-bar\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-13cd613 e-grid-align-mobile-center elementor-widget-mobile__width-inherit elementor-shape-rounded elementor-grid-0 e-grid-align-center elementor-widget elementor-widget-social-icons\" data-id=\"13cd613\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"social-icons.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-social-icons-wrapper elementor-grid\" role=\"list\">\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-spotify elementor-animation-grow elementor-repeater-item-c4e75c5\" href=\"https:\/\/open.spotify.com\/intl-tr\/artist\/faraltin\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Spotify<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-spotify\" viewBox=\"0 0 496 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M248 8C111.1 8 0 119.1 0 256s111.1 248 248 248 248-111.1 248-248S384.9 8 248 8zm100.7 364.9c-4.2 0-6.8-1.3-10.7-3.6-62.4-37.6-135-39.2-206.7-24.5-3.9 1-9 2.6-11.9 2.6-9.7 0-15.8-7.7-15.8-15.8 0-10.3 6.1-15.2 13.6-16.8 81.9-18.1 165.6-16.5 237 26.2 6.1 3.9 9.7 7.4 9.7 16.5s-7.1 15.4-15.2 15.4zm26.9-65.6c-5.2 0-8.7-2.3-12.3-4.2-62.5-37-155.7-51.9-238.6-29.4-4.8 1.3-7.4 2.6-11.9 2.6-10.7 0-19.4-8.7-19.4-19.4s5.2-17.8 15.5-20.7c27.8-7.8 56.2-13.6 97.8-13.6 64.9 0 127.6 16.1 177 45.5 8.1 4.8 11.3 11 11.3 19.7-.1 10.8-8.5 19.5-19.4 19.5zm31-76.2c-5.2 0-8.4-1.3-12.9-3.9-71.2-42.5-198.5-52.7-280.9-29.7-3.6 1-8.1 2.6-12.9 2.6-13.2 0-23.3-10.3-23.3-23.6 0-13.6 8.4-21.3 17.4-23.9 35.2-10.3 74.6-15.2 117.5-15.2 73 0 149.5 15.2 205.4 47.8 7.8 4.5 12.9 10.7 12.9 22.6 0 13.6-11 23.3-23.2 23.3z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-soundcloud elementor-animation-grow elementor-repeater-item-04704e8\" href=\"http:\/\/www.soundcloud.com\/faraltin\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Soundcloud<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-soundcloud\" viewBox=\"0 0 640 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M111.4 256.3l5.8 65-5.8 68.3c-.3 2.5-2.2 4.4-4.4 4.4s-4.2-1.9-4.2-4.4l-5.6-68.3 5.6-65c0-2.2 1.9-4.2 4.2-4.2 2.2 0 4.1 2 4.4 4.2zm21.4-45.6c-2.8 0-4.7 2.2-5 5l-5 105.6 5 68.3c.3 2.8 2.2 5 5 5 2.5 0 4.7-2.2 4.7-5l5.8-68.3-5.8-105.6c0-2.8-2.2-5-4.7-5zm25.5-24.1c-3.1 0-5.3 2.2-5.6 5.3l-4.4 130 4.4 67.8c.3 3.1 2.5 5.3 5.6 5.3 2.8 0 5.3-2.2 5.3-5.3l5.3-67.8-5.3-130c0-3.1-2.5-5.3-5.3-5.3zM7.2 283.2c-1.4 0-2.2 1.1-2.5 2.5L0 321.3l4.7 35c.3 1.4 1.1 2.5 2.5 2.5s2.2-1.1 2.5-2.5l5.6-35-5.6-35.6c-.3-1.4-1.1-2.5-2.5-2.5zm23.6-21.9c-1.4 0-2.5 1.1-2.5 2.5l-6.4 57.5 6.4 56.1c0 1.7 1.1 2.8 2.5 2.8s2.5-1.1 2.8-2.5l7.2-56.4-7.2-57.5c-.3-1.4-1.4-2.5-2.8-2.5zm25.3-11.4c-1.7 0-3.1 1.4-3.3 3.3L47 321.3l5.8 65.8c.3 1.7 1.7 3.1 3.3 3.1 1.7 0 3.1-1.4 3.1-3.1l6.9-65.8-6.9-68.1c0-1.9-1.4-3.3-3.1-3.3zm25.3-2.2c-1.9 0-3.6 1.4-3.6 3.6l-5.8 70 5.8 67.8c0 2.2 1.7 3.6 3.6 3.6s3.6-1.4 3.9-3.6l6.4-67.8-6.4-70c-.3-2.2-2-3.6-3.9-3.6zm241.4-110.9c-1.1-.8-2.8-1.4-4.2-1.4-2.2 0-4.2.8-5.6 1.9-1.9 1.7-3.1 4.2-3.3 6.7v.8l-3.3 176.7 1.7 32.5 1.7 31.7c.3 4.7 4.2 8.6 8.9 8.6s8.6-3.9 8.6-8.6l3.9-64.2-3.9-177.5c-.4-3-2-5.8-4.5-7.2zm-26.7 15.3c-1.4-.8-2.8-1.4-4.4-1.4s-3.1.6-4.4 1.4c-2.2 1.4-3.6 3.9-3.6 6.7l-.3 1.7-2.8 160.8s0 .3 3.1 65.6v.3c0 1.7.6 3.3 1.7 4.7 1.7 1.9 3.9 3.1 6.4 3.1 2.2 0 4.2-1.1 5.6-2.5 1.7-1.4 2.5-3.3 2.5-5.6l.3-6.7 3.1-58.6-3.3-162.8c-.3-2.8-1.7-5.3-3.9-6.7zm-111.4 22.5c-3.1 0-5.8 2.8-5.8 6.1l-4.4 140.6 4.4 67.2c.3 3.3 2.8 5.8 5.8 5.8 3.3 0 5.8-2.5 6.1-5.8l5-67.2-5-140.6c-.2-3.3-2.7-6.1-6.1-6.1zm376.7 62.8c-10.8 0-21.1 2.2-30.6 6.1-6.4-70.8-65.8-126.4-138.3-126.4-17.8 0-35 3.3-50.3 9.4-6.1 2.2-7.8 4.4-7.8 9.2v249.7c0 5 3.9 8.6 8.6 9.2h218.3c43.3 0 78.6-35 78.6-78.3.1-43.6-35.2-78.9-78.5-78.9zm-296.7-60.3c-4.2 0-7.5 3.3-7.8 7.8l-3.3 136.7 3.3 65.6c.3 4.2 3.6 7.5 7.8 7.5 4.2 0 7.5-3.3 7.5-7.5l3.9-65.6-3.9-136.7c-.3-4.5-3.3-7.8-7.5-7.8zm-53.6-7.8c-3.3 0-6.4 3.1-6.4 6.7l-3.9 145.3 3.9 66.9c.3 3.6 3.1 6.4 6.4 6.4 3.6 0 6.4-2.8 6.7-6.4l4.4-66.9-4.4-145.3c-.3-3.6-3.1-6.7-6.7-6.7zm26.7 3.4c-3.9 0-6.9 3.1-6.9 6.9L227 321.3l3.9 66.4c.3 3.9 3.1 6.9 6.9 6.9s6.9-3.1 6.9-6.9l4.2-66.4-4.2-141.7c0-3.9-3-6.9-6.9-6.9z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-youtube elementor-animation-grow elementor-repeater-item-6914aa2\" href=\"http:\/\/www.youtube.com\/@faraltin\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Youtube<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-youtube\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-instagram elementor-animation-grow elementor-repeater-item-23d5e4a\" href=\"http:\/\/www.instagram.com\/faraltin\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Instagram<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-instagram\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-linkedin elementor-animation-grow elementor-repeater-item-63be9be\" href=\"https:\/\/tr.linkedin.com\/in\/faraltin\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Linkedin<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-linkedin\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8bd61d9 e-con-full e-flex e-con e-child\" data-id=\"8bd61d9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c70f52d elementor-widget elementor-widget-html\" data-id=\"c70f52d\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"faraltin-logo\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* YEN\u0130 EKLENEN: Ta\u015f\u0131y\u0131c\u0131 Konteyner (Ortalama i\u015flemi burada yap\u0131l\u0131r) *\/\n.logo-container {\n    display: flex;           \/* Esnek kutu modeli *\/\n    justify-content: center; \/* Yatayda ortala *\/\n    align-items: center;     \/* Dikeyde ortala *\/\n    width: 100%;             \/* Geni\u015flik %100 olsun *\/\n    position: relative;\n    padding: 20px 0;         \/* \u00dcstten ve alttan biraz bo\u015fluk *\/\n}\n\n\/* --- Orijinal Kodlar\u0131n\u0131z (Ayn\u0131 kald\u0131) --- *\/\n\n\/* Logo alan\u0131 *\/\n.logo-wrapper {\n    position: relative;\n    display: inline-block; \/* Glitch'in resme yap\u0131\u015fmas\u0131 i\u00e7in \u00f6nemli *\/\n}\n\n\/* Ana logo *\/\n.logo-img {\n    width: 420px;\n    max-width: 100%;\n    display: block;\n    position: relative;\n    z-index: 3;\n}\n\n\/* Glitch katmanlar\u0131 *\/\n.logo-wrapper::before,\n.logo-wrapper::after {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-image: url(\"https:\/\/www.faraltin.com\/wp-content\/uploads\/2025\/11\/faraltin-type-1.png\");\n    background-size: contain;\n    background-repeat: no-repeat;\n    mix-blend-mode: screen;\n    opacity: 0.55;\n    pointer-events: none;\n    z-index: 1;\n}\n\n\/* Mor glitch *\/\n.logo-wrapper::before {\n    left: 3px;\n    filter: hue-rotate(240deg) saturate(2.5);\n    animation: glitch1 1.8s infinite linear alternate-reverse;\n}\n\n\/* Turkuaz glitch *\/\n.logo-wrapper::after {\n    left: -3px;\n    filter: hue-rotate(180deg) saturate(2.5);\n    animation: glitch2 1.8s infinite linear alternate-reverse;\n}\n\n\/* Animasyonlar *\/\n@keyframes glitch1 {\n    0% { clip-path: inset(5% 0 60% 0); }\n    25% { clip-path: inset(35% 0 25% 0); }\n    50% { clip-path: inset(15% 0 40% 0); }\n    75% { clip-path: inset(50% 0 20% 0); }\n    100% { clip-path: inset(25% 0 55% 0); }\n}\n\n@keyframes glitch2 {\n    0% { clip-path: inset(55% 0 10% 0); }\n    25% { clip-path: inset(20% 0 45% 0); }\n    50% { clip-path: inset(45% 0 20% 0); }\n    75% { clip-path: inset(10% 0 65% 0); }\n    100% { clip-path: inset(30% 0 35% 0); }\n}\n\n\/* Mobil i\u00e7in *\/\n@media (max-width: 600px) {\n    .logo-img {\n        width: 260px; \/* Mobilde logo k\u00fc\u00e7\u00fcl\u00fcr ama yine ortada kal\u0131r *\/\n    }\n}\n<\/style>\n\n<div class=\"logo-container\">\n    <div class=\"logo-wrapper\">\n        <img decoding=\"async\" src=\"https:\/\/www.faraltin.com\/wp-content\/uploads\/2025\/11\/faraltin-type-1.png\"\n             class=\"logo-img\" alt=\"faraltin logo\">\n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1c2c4c6 e-grid e-con-boxed e-con e-parent\" data-id=\"1c2c4c6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a3c367c elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"a3c367c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* 1. AN\u0130MASYON T\u00dcNEL\u0130 (KISA VE SER\u0130) *\/\n.fa-scroll-track { \n  width: 100%; \n  height: 180vh; \n  position: relative; \n  z-index: 10; \n}\n\n\/* 2. YAPI\u015eKAN SAHNE *\/\n.fa-sticky-viewport {\n  position: -webkit-sticky; position: sticky;\n  top: 0; width: 100%; height: 100vh;\n  overflow: hidden;\n}\n\n\/* 3. \u0130\u00c7ER\u0130K TUTUCU *\/\n.fa-content-holder {\n  position: absolute; top: 0; left: 0;\n  width: 100%; height: 100%;\n  z-index: 1;\n  background: var(--fa-white-bg, #f5f5f7);\n  opacity: 0; \n  transform: translateY(10vh); \n  will-change: transform, opacity;\n}\n\n#white-section { background: var(--fa-white-bg, #F5F3ED) !important; }\n\n\/* 4. S\u0130YAH PERDE *\/\n.fa-black-overlay {\n  position: absolute; top: -2px; left: -2px;\n  width: calc(100% + 4px); height: calc(100% + 4px);\n  z-index: 10000; \n  pointer-events: none;\n  display: flex; opacity: 1; will-change: opacity;\n}\n.fa-black-overlay svg { width: 100%; height: 100vh; display: block; }\n\n#fa-plus-group {\n  transform-origin: center center;\n  transform: scale(0.05); \n  will-change: transform;\n}\n\n\/* \u2b50\ufe0f KLON MEN\u00dcLER (Siyah) - \u00c7OK HIZLI GE\u00c7\u0130\u015e \u2b50\ufe0f *\/\n.fa-cloned-header {\n  position: absolute !important; \n  z-index: 10001 !important; \n  background: transparent !important; \n  \n  opacity: 0 !important;\n  visibility: hidden !important;\n  \n  \/* \u2b50\ufe0f 0.3s (\u00c7ok H\u0131zl\u0131 Netle\u015fme) \u2b50\ufe0f *\/\n  transition: opacity 0.3s ease-out, visibility 0.3s ease-out !important;\n  \n  top: 0; left: 0; width: 100%;\n  pointer-events: none;\n  filter: blur(5px); \/* Ba\u015flang\u0131\u00e7ta hafif blur *\/\n}\n\n\/* Aktif oldu\u011funda ANINDA netle\u015fir *\/\n.fa-cloned-header.fa-active {\n  opacity: 1 !important;\n  visibility: visible !important;\n  pointer-events: auto !important;\n  filter: blur(0px) !important; \/* BLUR YOK, NET G\u00d6R\u00dcNT\u00dc *\/\n}\n\n\/* \u2b50\ufe0f OR\u0130J\u0130NAL MEN\u00dcLER (Beyaz) - HIZLI S\u0130L\u0130NME \u2b50\ufe0f *\/\n#top-bar, #social-bar {\n    transition: opacity 0.3s ease-out !important;\n}\n\n.fa-fade-out-original {\n  opacity: 0 !important;\n  pointer-events: none !important;\n}\n\n\/* Konumland\u0131rmalar *\/\n.fa-clone-top { top: 0; left: 0; width: 100%; }\n.fa-clone-social {\n  top: auto !important; bottom: 0 !important;\n  left: 0; right: 0; width: 100%;\n  display: flex; align-items: flex-end; justify-content: center;\n  padding-bottom: 20px;\n}\n\n\/* Renk Zorlamalar\u0131 *\/\n.fa-cloned-header, .fa-cloned-header * { color: #000000 !important; fill: #000000 !important; border-color: #000000 !important; stroke: #000000 !important; }\n.fa-cloned-header .elementor-divider-separator, .fa-cloned-header hr, .fa-cloned-header *::before, .fa-cloned-header *::after { background-color: #000000 !important; border-color: #000000 !important; color: #000000 !important; }\n.fa-cloned-header img, .fa-cloned-header svg { filter: grayscale(100%) brightness(0) !important; }\n.fa-cloned-header a, .fa-cloned-header button, .fa-cloned-header .cursor-zone, .fa-cloned-header .event-trigger, .fa-cloned-header .about-trigger { cursor: none !important; pointer-events: auto !important; }\n\n.elementor-widget-html { line-height: 0; font-size: 0; }\nbody.elementor-editor-active .fa-scroll-track { display: none; }\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n  if (document.body.classList.contains(\"elementor-editor-active\")) return;\n\n  const targetSection = document.getElementById(\"white-section\");\n  const origTopBar = document.getElementById(\"top-bar\");\n  const origSocialBar = document.getElementById(\"social-bar\");\n\n  if (!targetSection) return;\n\n  if (targetSection.dataset.faWrapped === \"1\") return;\n  targetSection.dataset.faWrapped = \"1\";\n\n  \/\/ --- AYARLAR ---\n  const WHITE_BG = \"#F5F3ED\"; \n  targetSection.style.background = WHITE_BG;\n  targetSection.style.setProperty(\"--fa-white-bg\", WHITE_BG);\n  targetSection.style.minHeight = \"100vh\";\n  \n  const PLUS_BASE_SCALE = 0.05;\n  const PLUS_MAX_SCALE\u00a0 = 250; \n  const SLIDE_DISTANCE = 5; \n  const unit = \"vh\";\n  \n  \/\/ \u2b50\ufe0f\u2b50\ufe0f\u2b50\ufe0f HIZ AYARLARI \u2b50\ufe0f\u2b50\ufe0f\u2b50\ufe0f\n  const CONTENT_FINISH_POINT = 0.75; \n  const MENU_TRANSITION_POINT = 0.70;\n\n  \/\/ --- HTML YAPISI ---\n  const track = document.createElement(\"div\");\n  track.className = \"fa-scroll-track\";\n  const stickyView = document.createElement(\"div\");\n  stickyView.className = \"fa-sticky-viewport\";\n  const contentHolder = document.createElement(\"div\");\n  contentHolder.className = \"fa-content-holder\";\n  const overlay = document.createElement(\"div\");\n  overlay.className = \"fa-black-overlay\";\n  \n  overlay.innerHTML = `\n    <svg viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid slice\">\n      <defs>\n        <mask id=\"fa-hole-mask\">\n          <rect x=\"0\" y=\"0\" width=\"100\" height=\"100\" fill=\"white\" \/>\n          <g id=\"fa-plus-group\">\n            <path d=\"M47 0 H53 V47 H100 V53 H53 V100 H47 V53 H0 V47 H47 Z\" fill=\"black\" \/>\n          <\/g>\n        <\/mask>\n      <\/defs>\n      <rect x=\"0\" y=\"0\" width=\"100\" height=\"100\" fill=\"black\" mask=\"url(#fa-hole-mask)\" \/>\n    <\/svg>\n  `;\n\n  targetSection.parentNode.insertBefore(track, targetSection);\n  track.appendChild(stickyView);\n  stickyView.appendChild(contentHolder);\n  stickyView.appendChild(overlay);\n  contentHolder.appendChild(targetSection);\n\n  \/\/ --- KLON Y\u00d6NET\u0130M\u0130 ---\n  let cloneTop = null;\n  let cloneSocial = null;\n  const allClones = [];\n  let clonesCreated = false;\n\n  const setupMirrorEvents = (originalParent, clonedParent) => {\n    const selectors = 'a, button, .cursor-zone, .event-trigger, .about-trigger, [onclick]';\n    const originalElements = originalParent.querySelectorAll(selectors);\n    const clonedElements = clonedParent.querySelectorAll(selectors);\n    clonedElements.forEach((cloneEl, index) => {\n      const originalEl = originalElements[index];\n      if (originalEl) {\n        cloneEl.addEventListener('mouseenter', () => { originalEl.classList.add('hover', 'active', 'hovered'); originalEl.dispatchEvent(new MouseEvent('mouseenter', { bubbles: true, view: window })); });\n        cloneEl.addEventListener('mouseleave', () => { originalEl.classList.remove('hover', 'active', 'hovered'); originalEl.dispatchEvent(new MouseEvent('mouseleave', { bubbles: true, view: window })); });\n        cloneEl.addEventListener('click', () => { originalEl.click(); });\n      }\n    });\n  };\n\n  const createClones = () => {\n    if (clonesCreated) return; \n\n    if (origTopBar) {\n      cloneTop = origTopBar.cloneNode(true);\n      cloneTop.id = \"\"; cloneTop.classList.add(\"fa-cloned-header\", \"fa-clone-top\");\n      stickyView.appendChild(cloneTop); setupMirrorEvents(origTopBar, cloneTop); allClones.push(cloneTop);\n    }\n    if (origSocialBar) {\n      cloneSocial = origSocialBar.cloneNode(true);\n      cloneSocial.id = \"\"; cloneSocial.classList.add(\"fa-cloned-header\", \"fa-clone-social\");\n      stickyView.appendChild(cloneSocial); setupMirrorEvents(origSocialBar, cloneSocial); allClones.push(cloneSocial);\n    }\n    clonesCreated = true;\n  };\n\n  \/\/ --- GE\u00c7\u0130\u015e Y\u00d6NET\u0130C\u0130S\u0130 ---\n  const manageMenuTransition = (isActive) => {\n      \/\/ Not: createClones art\u0131k burada \u00e7a\u011fr\u0131lm\u0131yor, a\u015fa\u011f\u0131da daha erken \u00e7a\u011fr\u0131l\u0131yor.\n\n      if (isActive) {\n          allClones.forEach(el => { if(el) el.classList.add(\"fa-active\"); });\n          if(origTopBar) origTopBar.classList.add('fa-fade-out-original');\n          if(origSocialBar) origSocialBar.classList.add('fa-fade-out-original');\n      } else {\n          allClones.forEach(el => { if(el) el.classList.remove(\"fa-active\"); });\n          if(origTopBar) origTopBar.classList.remove('fa-fade-out-original');\n          if(origSocialBar) origSocialBar.classList.remove('fa-fade-out-original');\n      }\n  };\n\n  \/\/ --- UPDATE ---\n  const plusGroup = overlay.querySelector(\"#fa-plus-group\");\n  let ticking = false;\n\n  const update = () => {\n    ticking = false;\n    const rect = track.getBoundingClientRect();\n    const trackH = track.offsetHeight;\n    const winH = window.innerHeight;\n    const totalDist = Math.max(1, trackH - winH);\n    const scrolled = -rect.top;\n\n    \/\/ A. HERO MODU\n    if (rect.top > 1) {\n      overlay.style.opacity = \"1\";\n      plusGroup.style.transform = `scale(${PLUS_BASE_SCALE})`;\n      contentHolder.style.opacity = \"0\";\n      contentHolder.style.transform = `translateY(${SLIDE_DISTANCE}${unit})`;\n      manageMenuTransition(false);\n      return;\n    }\n\n    \/\/ B. ZOOM MODU\n    if (scrolled >= 0 && scrolled < totalDist) {\n      \n      \/\/ \u2b50\ufe0f\u2b50\ufe0f\u2b50\ufe0f KR\u0130T\u0130K DE\u011e\u0130\u015e\u0130KL\u0130K: KLONLARI HEMEN YARAT \u2b50\ufe0f\u2b50\ufe0f\u2b50\ufe0f\n      \/\/ Scroll ba\u015flad\u0131\u011f\u0131 ilk anda (progress %0 iken) klonlar olu\u015fsun.\n      \/\/ G\u00f6r\u00fcn\u00fcrl\u00fckleri CSS (opacity:0) ile kapal\u0131 oldu\u011fu i\u00e7in sorun olmaz.\n      if (!clonesCreated) createClones();\n\n      const progress = scrolled \/ totalDist;\n      \n      const ease = Math.pow(progress, 2.0);\n\n      \/\/ 1. ZOOM\n      const scale = PLUS_BASE_SCALE + (ease * PLUS_MAX_SCALE);\n      plusGroup.style.transform = `scale(${scale})`;\n      \n      \/\/ 2. \u0130\u00c7ER\u0130K\n      let contentProgress = ease \/ CONTENT_FINISH_POINT; \n      if(contentProgress > 1) contentProgress = 1;\n      \n      const slideY = SLIDE_DISTANCE * (1 - contentProgress); \n      contentHolder.style.visibility = \"visible\";\n      contentHolder.style.opacity = contentProgress.toString();\n      contentHolder.style.transform = `translateY(${slideY}${unit})`;\n\n      \/\/ 3. Overlay\n      if (progress > 0.85) {\n         const fadeOut = (1 - progress) * 6.6;\n         overlay.style.opacity = Math.max(0, fadeOut).toString();\n      }\n\n      \/\/ 4. MEN\u00dc GE\u00c7\u0130\u015e\u0130\n      if (progress > MENU_TRANSITION_POINT) {\n          manageMenuTransition(true);\n      } else {\n          manageMenuTransition(false);\n      }\n      \n      return;\n    }\n\n    \/\/ C. B\u0130T\u0130\u015e\n    if (scrolled >= totalDist) {\n      overlay.style.opacity = \"0\";\n      plusGroup.style.transform = `scale(${PLUS_MAX_SCALE})`;\n      \n      contentHolder.style.opacity = \"1\";\n      contentHolder.style.transform = `translateY(0${unit})`;\n      contentHolder.style.visibility = \"visible\";\n      \n      \/\/ Biti\u015fte de klon oldu\u011fundan emin ol\n      if (!clonesCreated) createClones();\n      manageMenuTransition(true);\n    }\n  };\n\n  const onScroll = () => {\n    if (!ticking) { ticking = true; requestAnimationFrame(update); }\n  };\n\n  window.addEventListener(\"scroll\", onScroll, { passive: true });\n  window.addEventListener(\"resize\", onScroll);\n  update();\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b56ebc3 e-con-full e-flex e-con e-parent\" data-id=\"b56ebc3\" data-element_type=\"container\" data-e-type=\"container\" id=\"white-section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-db68bf1 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"db68bf1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" \/>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n<script async src=\"\/\/www.instagram.com\/embed.js\"><\/script>\n\n<style>\n\/* -----------------------------------------------------------\n   1. GLOBAL CURSOR FIX\n----------------------------------------------------------- *\/\nbody .cursor, body .mouse-cursor, body .elementor-cursor, body .cursor-follower {\n    z-index: 2147483647 !important; \n    pointer-events: none !important; \n    display: block !important;\n    opacity: 1 !important;\n    visibility: visible !important;\n}\n\n\/* -----------------------------------------------------------\n   2. GENEL YAPILANDIRMA\n----------------------------------------------------------- *\/\n#apple-hub-wrapper {\n    position: absolute; top: 0; left: 0; width: 100%; height: 100vh;\n    display: flex; align-items: center; justify-content: center;\n    z-index: 5; margin: 0 !important; padding: 0 !important;\n    padding-bottom: 5vh !important; \n    opacity: 1 !important; transition: none !important;\n}\n\n.swiper-container-wrapper {\n    position: relative;\n    width: 100%;\n    max-width: 1400px;\n}\n\n.swiper { \n    width: 100%; height: auto; overflow: visible !important; \n    padding: 3vh 20px 60px 20px !important; \n    box-sizing: border-box; \n}\n.swiper-wrapper { display: flex; align-items: center; }\n\n\/* -----------------------------------------------------------\n   3. KART TASARIMI (YUMU\u015eAK APPLE AN\u0130MASYONU)\n----------------------------------------------------------- *\/\n.apple-card {\n    background: #fff; \n    height: 55vh; width: auto; \n    max-height: 600px; min-height: 300px;\n    border-radius: 24px; \n    box-shadow: 0 20px 40px rgba(0,0,0,0.06);\n    position: relative; overflow: hidden;\n    transition: transform 0.65s cubic-bezier(0.32, 0.72, 0, 1), box-shadow 0.65s cubic-bezier(0.32, 0.72, 0, 1), opacity 0.3s;\n    transform-origin: center center; display: flex; flex-direction: column;\n    z-index: 10; flex-shrink: 0; opacity: 1;\n    cursor: none !important; \n}\n\n.apple-card:hover { \n    transform: scale(1.02); \n    box-shadow: 0 30px 60px rgba(0,0,0,0.12); \n}\n\n.apple-card.is-hidden { opacity: 0 !important; pointer-events: none; }\n\n.ar-video { aspect-ratio: 16 \/ 9; }\n.ar-portrait { aspect-ratio: 4 \/ 5; }\n\n\/* -----------------------------------------------------------\n   4. MEDYA \u0130\u00c7ER\u0130\u011e\u0130 K\u00dc\u00c7\u00dcK KART DURUMU\n----------------------------------------------------------- *\/\n.ac-media {\n    width: 100%; height: 100%; position: absolute; top:0; left:0; background: #fff;\n    display: flex; align-items: center; justify-content: center; overflow: hidden;\n    z-index: 1; \n}\n.ac-media img, .ac-media video, .ac-media iframe {\n    width: 100%; height: 100%; object-fit: cover; border: none; display: block;\n}\n\n.ac-media iframe.instagram-media {\n    margin: 0 !important; border-radius: 0 !important; \n    min-width: 100% !important; width: 100% !important; height: 100% !important;\n}\n\n.ac-media-overlay {\n    position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n    z-index: 10; cursor: none !important; background: transparent;\n}\n\n\/* -----------------------------------------------------------\n   5. A\u00c7ILAN KART (CLONE) & Y\u00dcZDEL\u0130K INSTAGRAM UYUMU\n----------------------------------------------------------- *\/\n.apple-card-clone {\n    position: fixed; z-index: 10000 !important;\n    background: #fff; border-radius: 24px; overflow: hidden;\n    box-shadow: 0 30px 80px rgba(0,0,0,0.15), 0 15px 30px rgba(0,0,0,0.05);\n    margin: 0 !important; transition: all 0.5s cubic-bezier(0.32, 0.72, 0, 1);\n    display: flex; flex-direction: column; cursor: none !important; \n}\n\n.apple-card-clone.is-expanded {\n    top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;\n    margin: auto !important; width: 85vw !important; height: 80vh !important;\n    max-width: 1200px; transform: none !important; flex-direction: row !important;\n}\n\n.apple-card-clone.is-expanded .ac-media-overlay { display: none !important; }\n.apple-card-clone.is-expanded .ac-media iframe, \n.apple-card-clone.is-expanded .ac-media video {\n    pointer-events: auto !important;\n}\n\n\/* Standart A\u00e7\u0131lan Medya (Foto\u011fraf ve Video \u0130\u00e7in Siyah) *\/\n.apple-card-clone.is-expanded .ac-media { \n    width: 65%; height: 100%; background: #000; padding: 0;\n    display: flex; align-items: center; justify-content: center;\n}\n.apple-card-clone.is-expanded .ac-media img, \n.apple-card-clone.is-expanded .ac-media video {\n    max-width: 100% !important; max-height: 100% !important;\n    width: 100% !important; height: 100% !important; object-fit: contain !important; \n}\n\n\/* ========================================================\n   INSTAGRAM IFRAME'\u0130N\u0130 Y\u00dcZDEL\u0130K VE KARE YAPAN KOD (G\u00dcNCELLEND\u0130)\n======================================================== *\/\n.apple-card-clone.is-expanded .ac-media iframe.instagram-media {\n    width: 70% !important; \/* Kendine ayr\u0131lan siyah alan\u0131n geni\u015fli\u011finin %70'ini kaplar *\/\n    max-width: 590px !important; \/* \u00c7ok devasa ekranlarda 590px'i ge\u00e7mesin (senin oran\u0131n) *\/\n    height: auto !important; \/* Y\u00fcksekli\u011fi serbest b\u0131rak\u0131yoruz... *\/\n    aspect-ratio: 1 \/ 1 !important; \/* ...ve burayla onu tam bir kare (1:1) yap\u0131yoruz! *\/\n    min-width: 0 !important; \n    margin: auto !important; \/* Tam ortaya hizalar *\/\n    border-radius: 12px !important; \n    background: #fff !important; \n}\n\/* ======================================================== *\/\n\n.ac-details {\n    opacity: 0; visibility: hidden; position: relative; width: 0; height: 0; overflow: hidden;\n    background: #fff; padding: 50px; display: flex; flex-direction: column; justify-content: center;\n    transition: opacity 0.5s ease 0.3s;\n}\n.apple-card-clone.is-expanded .ac-details { opacity: 1; visibility: visible; width: 35%; height: 100%; }\n\n\/* -----------------------------------------------------------\n   6. RESPONSIVE (MOB\u0130L UYUM)\n----------------------------------------------------------- *\/\n@media (max-width: 1024px) {\n    .apple-card-clone.is-expanded { width: 90vw !important; height: 85vh !important; }\n    .apple-card-clone.is-expanded .ac-media { width: 60%; }\n    .apple-card-clone.is-expanded .ac-details { width: 40%; padding: 30px; }\n}\n\n@media (max-width: 768px) {\n    .swiper { padding: 3vh 15px 70px 15px !important; } \n    .apple-card { height: 50vh; min-width: 75vw; max-width: 85vw; cursor: none !important; }\n    .ar-video, .ar-portrait { aspect-ratio: unset !important; } \n    .apple-card-clone.is-expanded { flex-direction: column !important; width: 95vw !important; height: 90vh !important; max-width: none; }\n    \n    .apple-card-clone.is-expanded .ac-media { width: 100% !important; height: 50% !important; }\n    \n    \/* Mobilde daha az yer oldu\u011fu i\u00e7in oran %85'e \u00e7\u0131kar\u0131ld\u0131 ki kutu \u00e7ok k\u00fc\u00e7\u00fclmesin *\/\n    .apple-card-clone.is-expanded .ac-media iframe.instagram-media { \n        width: 85% !important; \n        max-width: 350px !important; \n        height: auto !important;\n        aspect-ratio: 1 \/ 1 !important; \/* Mobilde bile kusursuz kare kal\u0131r *\/\n        border-radius: 12px !important; \n    }\n\n    .apple-card-clone.is-expanded .ac-details { width: 100% !important; height: 50% !important; padding: 25px; justify-content: flex-start; overflow-y: auto; }\n    .ac-details h2 { font-size: 22px !important; }\n    .ac-details p { font-size: 15px !important; }\n}\n\n\/* -----------------------------------------------------------\n   7. UI ELEMENTLER\u0130\n----------------------------------------------------------- *\/\n.ac-info-floating {\n    position: absolute; bottom: 20px; left: 20px; right: 20px;\n    background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);\n    padding: 15px 24px; border-radius: 20px;\n    display: flex; justify-content: center; \n    align-items: center;\n    z-index: 25; pointer-events: none; box-shadow: 0 10px 20px rgba(0,0,0,0.05);\n}\n.apple-card-clone .ac-info-floating { display: none !important; }\n\n.ac-text { text-align: center; }\n.ac-text h3 { margin: 0; font-size: 16px; font-weight: 700; color: #1d1d1f; }\n.ac-text p { margin: 3px 0 0 0; font-size: 13px; color: #86868b; }\n\n.ac-plus-btn {\n    position: absolute; right: 24px; \n    width: 32px; height: 32px; background: #1d1d1f; border-radius: 50%;\n    display: flex; align-items: center; justify-content: center; cursor: none; pointer-events: auto; transition: 0.3s;\n}\n.ac-plus-btn svg { width: 14px; fill: #fff; }\n.ac-plus-btn:hover { background: #000; transform: rotate(90deg) scale(1.1); }\n\n.ac-close-btn {\n    position: absolute; top: 24px !important; right: 24px !important; width: 36px; height: 36px; \n    background: rgba(0,0,0,0.08); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);\n    border-radius: 50%; display: flex; align-items: center; justify-content: center;\n    pointer-events: all !important; z-index: 20000 !important; cursor: none !important; \n    opacity: 0; transition: all 0.3s ease;\n}\n.ac-close-btn svg { width: 14px; height: 14px; fill: #333; transition: transform 0.3s ease; }\n.ac-close-btn:hover { background: rgba(0,0,0,0.15); transform: scale(1.05); }\n.ac-close-btn:hover svg { transform: rotate(90deg); }\n.apple-card-clone.is-expanded .ac-close-btn { opacity: 1; }\n\n#apple-body-backdrop {\n    position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.75);\n    backdrop-filter: blur(25px) saturate(180%); z-index: 9999 !important; opacity: 0; visibility: hidden; pointer-events: none; transition: 0.6s;\n}\n#apple-body-backdrop.is-active { opacity: 1; visibility: visible; pointer-events: auto; }\nbody.apple-focused { overflow: hidden !important; }\n\n\/* -----------------------------------------------------------\n   8. Y\u00d6N TU\u015eLARI\n----------------------------------------------------------- *\/\n.apple-slider-nav {\n    display: flex; gap: 12px; justify-content: flex-end;\n    position: absolute; bottom: 0px; right: 20px; \n    z-index: 100; pointer-events: auto;\n}\n.apple-btn-prev, .apple-btn-next {\n    width: 44px; height: 44px; border-radius: 50%;\n    background: rgba(0,0,0,0.05); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);\n    display: flex; align-items: center; justify-content: center;\n    cursor: none !important; pointer-events: auto !important; transition: background 0.3s;\n}\n.apple-btn-prev:hover, .apple-btn-next:hover { background: rgba(0,0,0,0.1); }\n.apple-btn-prev svg, .apple-btn-next svg { width: 20px; fill: #1d1d1f; pointer-events: none; }\n.apple-btn-prev.swiper-button-disabled, .apple-btn-next.swiper-button-disabled { opacity: 0.3; }\n\n<\/style>\n\n<div id=\"apple-hub-wrapper\">\n    <div class=\"swiper-container-wrapper\">\n        <div class=\"swiper apple-swiper\">\n            <div class=\"swiper-wrapper\">\n\n                <div class=\"swiper-slide apple-card ar-portrait\">\n                    <div class=\"ac-media\">\n                        <div class=\"ac-media-overlay cursor-zone\"><\/div>\n                        <blockquote class=\"instagram-media\" data-instgrm-captioned data-instgrm-permalink=\"https:\/\/www.instagram.com\/p\/DN0ulT_2GqG\/?utm_source=ig_embed&amp;utm_campaign=loading\" data-instgrm-version=\"14\" style=\" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:540px; min-width:326px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);\">\n                             <div style=\"padding:16px;\"> <a href=\"https:\/\/www.instagram.com\/p\/DN0ulT_2GqG\/?utm_source=ig_embed&amp;utm_campaign=loading\" target=\"_blank\">View on Instagram<\/a><\/div>\n                        <\/blockquote>\n                    <\/div>\n                    <div class=\"ac-info-floating\">\n                        <div class=\"ac-text\"><h3>New Post<\/h3><p>@faraltin<\/p><\/div>\n                        <div class=\"ac-plus-btn cursor-zone\">\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z\"\/><\/svg>\n                        <\/div>\n                    <\/div>\n                    <div class=\"ac-details-source\" style=\"display:none;\">\n                        <div class=\"ac-details\">\n                             <div class=\"ac-close-btn cursor-zone\">\n                                 <svg viewBox=\"0 0 24 24\"><path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"\/><\/svg>\n                             <\/div>\n                             <h2 style=\"font-size:28px; font-weight:700; margin-bottom:15px; color:#1d1d1f;\">Instagram Update<\/h2>\n                             <p style=\"color:#86868b; line-height:1.6; font-size:17px;\">En son payla\u015f\u0131mlar ve g\u00fcncellemeler. Detaylar i\u00e7in g\u00f6nderiye g\u00f6z at\u0131n.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"swiper-slide apple-card ar-portrait\">\n                    <div class=\"ac-media\">\n                        <div class=\"ac-media-overlay cursor-zone\"><\/div>\n                        <img decoding=\"async\" src=\"https:\/\/www.faraltin.com\/wp-content\/uploads\/2026\/02\/IMG_4307.heic\" alt=\"Live Performance\" style=\"width: 100%; height: 100%; object-fit: cover;\">\n                    <\/div>\n                    <div class=\"ac-info-floating\">\n                        <div class=\"ac-text\"><h3>Performance<\/h3><p>at thirtythree<\/p><\/div>\n                        <div class=\"ac-plus-btn cursor-zone\">\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z\"\/><\/svg>\n                        <\/div>\n                    <\/div>\n                    <div class=\"ac-details-source\" style=\"display:none;\">\n                        <div class=\"ac-details\">\n                             <div class=\"ac-close-btn cursor-zone\">\n                                 <svg viewBox=\"0 0 24 24\"><path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"\/><\/svg>\n                             <\/div>\n                             <h2 style=\"font-size:28px; font-weight:700; margin-bottom:15px; color:#1d1d1f;\">Performance<\/h2>\n                             <p style=\"color:#86868b; line-height:1.6; font-size:17px;\">Sahneden harika bir an. Enerjiniz muazzamd\u0131!<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"swiper-slide apple-card ar-video\">\n                    <div class=\"ac-media\">\n                        <div class=\"ac-media-overlay cursor-zone\"><\/div>\n                        <video preload=\"metadata\" autoplay loop muted playsinline src=\"https:\/\/www.w3schools.com\/html\/mov_bbb.mp4\"><\/video>\n                    <\/div>\n                    <div class=\"ac-info-floating\">\n                        <div class=\"ac-text\"><h3>New Track<\/h3><p>Coming Soon<\/p><\/div>\n                        <div class=\"ac-plus-btn cursor-zone\">\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z\"\/><\/svg>\n                        <\/div>\n                    <\/div>\n                    <div class=\"ac-details-source\" style=\"display:none;\">\n                        <div class=\"ac-details\">\n                             <div class=\"ac-close-btn cursor-zone\">\n                                 <svg viewBox=\"0 0 24 24\"><path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"\/><\/svg>\n                             <\/div>\n                             <h2 style=\"font-size:28px; font-weight:700; margin-bottom:15px; color:#1d1d1f;\">Unreleased ID<\/h2>\n                             <p style=\"color:#86868b; line-height:1.6; font-size:17px;\">Yeni par\u00e7adan kesit.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n        \n        <div class=\"apple-slider-nav\">\n            <div class=\"apple-btn-prev cursor-zone\"><svg viewBox=\"0 0 24 24\"><path d=\"M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z\"\/><\/svg><\/div>\n            <div class=\"apple-btn-next cursor-zone\"><svg viewBox=\"0 0 24 24\"><path d=\"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z\"\/><\/svg><\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n    const swiper = new Swiper('.apple-swiper', {\n        slidesPerView: 'auto', \n        spaceBetween: 30, \n        centeredSlides: false, \n        grabCursor: false, \n        mousewheel: { forceToAxis: true, sensitivity: 1, releaseOnEdges: true },\n        freeMode: { enabled: true, sticky: false, momentumRatio: 0.8 },\n        speed: 800,\n        navigation: {\n            nextEl: '.apple-btn-next',\n            prevEl: '.apple-btn-prev',\n        },\n        breakpoints: {\n            320: { spaceBetween: 15 },\n            768: { spaceBetween: 30 }\n        }\n    });\n\n    let backdrop = document.getElementById('apple-body-backdrop');\n    if (!backdrop) {\n        backdrop = document.createElement('div');\n        backdrop.id = 'apple-body-backdrop';\n        document.body.appendChild(backdrop);\n    }\n\n    let activeClone = null;\n    let activeOriginal = null;\n\n    const openCard = (originalCard) => {\n        if(activeClone) return; \n\n        const rect = originalCard.getBoundingClientRect();\n        activeOriginal = originalCard;\n        const clone = originalCard.cloneNode(true);\n        activeClone = clone;\n\n        clone.classList.remove('swiper-slide');\n        clone.classList.add('apple-card-clone');\n        \n        clone.style.top = rect.top + 'px';\n        clone.style.left = rect.left + 'px';\n        clone.style.width = rect.width + 'px';\n        clone.style.height = rect.height + 'px';\n        clone.style.margin = '0';\n\n        const sourceDetails = clone.querySelector('.ac-details-source');\n        if(sourceDetails) {\n            clone.appendChild(sourceDetails.firstElementChild); \n            sourceDetails.remove();\n        }\n\n        const closeBtn = clone.querySelector('.ac-close-btn');\n        if(closeBtn) {\n            clone.insertAdjacentElement('beforeend', closeBtn);\n            setTimeout(() => {\n                closeBtn.addEventListener('click', closeCard, { once: true });\n            }, 100);\n        }\n\n        document.body.appendChild(clone);\n\n        if (window.instgrm) { window.instgrm.Embeds.process(); }\n\n        originalCard.classList.add('is-hidden');\n        document.body.classList.add('apple-focused');\n        backdrop.classList.add('is-active');\n\n        requestAnimationFrame(() => {\n            clone.classList.add('is-expanded');\n            clone.style.top = ''; clone.style.left = ''; clone.style.width = ''; clone.style.height = '';\n        });\n    };\n\n    const closeCard = (e) => {\n        if(e) e.stopPropagation();\n        if(!activeClone || !activeOriginal) return;\n\n        const rect = activeOriginal.getBoundingClientRect();\n        \n        activeClone.classList.remove('is-expanded');\n        activeClone.style.top = rect.top + 'px';\n        activeClone.style.left = rect.left + 'px';\n        activeClone.style.width = rect.width + 'px';\n        activeClone.style.height = rect.height + 'px';\n\n        document.body.classList.remove('apple-focused');\n        backdrop.classList.remove('is-active');\n\n        setTimeout(() => {\n            if(activeClone) activeClone.remove();\n            if(activeOriginal) activeOriginal.classList.remove('is-hidden');\n            activeClone = null;\n            activeOriginal = null;\n        }, 500);\n    };\n\n    const cards = document.querySelectorAll('.apple-card');\n    cards.forEach(card => {\n        card.addEventListener('click', (e) => {\n            if (e.target.closest('.ac-close-btn')) return;\n            if (!card.classList.contains('is-hidden')) {\n                openCard(card);\n            }\n        });\n    });\n\n    backdrop.addEventListener('click', closeCard);\n    document.addEventListener('keydown', (e) => { if(e.key === 'Escape') closeCard(); });\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>\u00d7 Gelecek Etkinlikler \u00d7 Hakk\u0131mda Merhaba, ben Faraltin. Elektronik m\u00fczi\u011fin derinliklerinde, atmosferik sesler ve f\u00fct\u00fcristik ritimlerle kendi evrenimi yarat\u0131yorum. Sahne [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"disabled","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"disabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-102","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.faraltin.com\/index.php?rest_route=\/wp\/v2\/pages\/102","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.faraltin.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.faraltin.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.faraltin.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.faraltin.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=102"}],"version-history":[{"count":297,"href":"https:\/\/www.faraltin.com\/index.php?rest_route=\/wp\/v2\/pages\/102\/revisions"}],"predecessor-version":[{"id":1893,"href":"https:\/\/www.faraltin.com\/index.php?rest_route=\/wp\/v2\/pages\/102\/revisions\/1893"}],"wp:attachment":[{"href":"https:\/\/www.faraltin.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=102"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}