{"id":607,"date":"2026-07-05T13:10:43","date_gmt":"2026-07-05T13:10:43","guid":{"rendered":"https:\/\/theme.madsparrow.me\/mokko\/?post_type=portfolios&#038;p=607"},"modified":"2026-09-09T11:05:16","modified_gmt":"2026-09-09T11:05:16","slug":"cansu-senem","status":"publish","type":"portfolios","link":"https:\/\/tayfundemirhan.com\/tr\/cansu-senem\/","title":{"rendered":"Cansu Senem"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"607\" class=\"elementor elementor-607\">\n\t\t\t\t<div class=\"elementor-element elementor-element-39af776 e-flex e-con-boxed no e-con e-parent\" data-id=\"39af776\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e41b822 elementor-widget elementor-widget-html\" data-id=\"e41b822\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"td-portfolio-wrapper\" class=\"font-sans antialiased w-full transition-colors duration-500\">\r\n    \r\n    <!-- Google Fonts: Inter -->\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <!-- Tailwind CSS -->\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <script>\r\n        tailwind.config = {\r\n            darkMode: 'class',\r\n            theme: {\r\n                extend: {\r\n                    fontFamily: {\r\n                        sans: ['Inter', 'sans-serif'],\r\n                    },\r\n                    colors: {\r\n                        td: {\r\n                            dark: '#1a1a1a',\r\n                            gray: '#737373',\r\n                            light: '#f9f9f9',\r\n                            border: '#e5e5e5'\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    <\/script>\r\n\r\n    <style>\r\n        .td-tab-content { display: none; animation: tdFadeIn 0.4s ease-out forwards; opacity: 0; transform: translateY(10px); }\r\n        .td-tab-content.active { display: block; }\r\n        \r\n        @keyframes tdFadeIn {\r\n            to { opacity: 1; transform: translateY(0); }\r\n        }\r\n\r\n        .td-hide-scrollbar::-webkit-scrollbar { display: none; }\r\n        .td-hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }\r\n\r\n        \/* ========================================================= *\/\r\n        \/* DARK MODE - data-theme attribute'una ba\u011fl\u0131 saf CSS \u00e7\u00f6z\u00fcm\u00fc *\/\r\n        \/* JS\/MutationObserver'a gerek yok, site zaten bu attribute'u *\/\r\n        \/* toggle ile html\/body \u00fczerinde de\u011fi\u015ftiriyor.                *\/\r\n        \/* ========================================================= *\/\r\n\r\n        html[data-theme=\"dark\"] .td-card,\r\n        body[data-theme=\"dark\"] .td-card {\r\n            background-color: #141414 !important;\r\n            color: #f9f9f9 !important;\r\n            border-color: #222222 !important;\r\n        }\r\n        html[data-theme=\"dark\"] #td-portfolio-wrapper .td-nav,\r\n        body[data-theme=\"dark\"] #td-portfolio-wrapper .td-nav {\r\n            background-color: #1a1a1a !important;\r\n            border-color: #222222 !important;\r\n        }\r\n        html[data-theme=\"dark\"] #td-content-area,\r\n        body[data-theme=\"dark\"] #td-content-area {\r\n            background-color: #141414 !important;\r\n        }\r\n        html[data-theme=\"dark\"] .td-text-title,\r\n        body[data-theme=\"dark\"] .td-text-title {\r\n            color: #ffffff !important;\r\n        }\r\n        html[data-theme=\"dark\"] .td-text-muted,\r\n        body[data-theme=\"dark\"] .td-text-muted {\r\n            color: #a3a3a3 !important;\r\n        }\r\n        html[data-theme=\"dark\"] .td-border-color,\r\n        body[data-theme=\"dark\"] .td-border-color {\r\n            border-color: #222222 !important;\r\n        }\r\n        html[data-theme=\"dark\"] .td-pill,\r\n        body[data-theme=\"dark\"] .td-pill {\r\n            background-color: #1a1a1a !important;\r\n            border-color: #222222 !important;\r\n            color: #d4d4d4 !important;\r\n        }\r\n        html[data-theme=\"dark\"] .td-pill:hover,\r\n        body[data-theme=\"dark\"] .td-pill:hover {\r\n            background-color: #262626 !important;\r\n            color: #ffffff !important;\r\n        }\r\n        html[data-theme=\"dark\"] .td-icon,\r\n        body[data-theme=\"dark\"] .td-icon {\r\n            color: #a3a3a3 !important;\r\n        }\r\n        html[data-theme=\"dark\"] .td-icon:hover,\r\n        body[data-theme=\"dark\"] .td-icon:hover {\r\n            color: #eb9191 !important;\r\n        }\r\n        html[data-theme=\"dark\"] .td-tab-btn,\r\n        body[data-theme=\"dark\"] .td-tab-btn {\r\n            color: #a3a3a3 !important;\r\n            border-color: transparent !important;\r\n        }\r\n        html[data-theme=\"dark\"] .td-tab-btn.active,\r\n        body[data-theme=\"dark\"] .td-tab-btn.active {\r\n            color: #ffffff !important;\r\n            border-color: #ffffff !important;\r\n        }\r\n\r\n        \/* Tailwind'in dark: varyant\u0131na ba\u011fl\u0131 kalan t\u00fcm td-dark\/td-gray\/td-border\r\n           class'lar\u0131 i\u00e7in genel fallback (h1, \u00fcst bilgi \u00e7ubu\u011fu, filmografi\/bas\u0131n\r\n           sat\u0131rlar\u0131, reklam b\u00f6l\u00fcm\u00fc vs.) *\/\r\n        html[data-theme=\"dark\"] #td-portfolio-wrapper .text-td-dark,\r\n        body[data-theme=\"dark\"] #td-portfolio-wrapper .text-td-dark {\r\n            color: #ffffff !important;\r\n        }\r\n        html[data-theme=\"dark\"] #td-portfolio-wrapper .text-td-gray,\r\n        body[data-theme=\"dark\"] #td-portfolio-wrapper .text-td-gray {\r\n            color: #a3a3a3 !important;\r\n        }\r\n        html[data-theme=\"dark\"] #td-portfolio-wrapper .bg-td-light,\r\n        body[data-theme=\"dark\"] #td-portfolio-wrapper .bg-td-light {\r\n            background-color: #1a1a1a !important;\r\n        }\r\n        html[data-theme=\"dark\"] #td-portfolio-wrapper .bg-td-dark,\r\n        body[data-theme=\"dark\"] #td-portfolio-wrapper .bg-td-dark {\r\n            background-color: #ffffff !important;\r\n            color: #1a1a1a !important;\r\n        }\r\n        html[data-theme=\"dark\"] #td-portfolio-wrapper .border-td-border,\r\n        html[data-theme=\"dark\"] #td-portfolio-wrapper .border-td-border\\\/40,\r\n        html[data-theme=\"dark\"] #td-portfolio-wrapper .border-td-border\\\/50,\r\n        body[data-theme=\"dark\"] #td-portfolio-wrapper .border-td-border,\r\n        body[data-theme=\"dark\"] #td-portfolio-wrapper .border-td-border\\\/40,\r\n        body[data-theme=\"dark\"] #td-portfolio-wrapper .border-td-border\\\/50 {\r\n            border-color: #222222 !important;\r\n        }\r\n        html[data-theme=\"dark\"] #td-portfolio-wrapper .bg-td-border,\r\n        body[data-theme=\"dark\"] #td-portfolio-wrapper .bg-td-border {\r\n            background-color: #333333 !important;\r\n        }\r\n        html[data-theme=\"dark\"] #td-portfolio-wrapper .border-gray-100,\r\n        body[data-theme=\"dark\"] #td-portfolio-wrapper .border-gray-100 {\r\n            border-color: #222222 !important;\r\n        }\r\n    <\/style>\r\n\r\n    <!-- ANA KART -->\r\n    <div id=\"td-main-card\" class=\"td-card bg-white rounded-2xl md:rounded-[2rem] shadow-[0_8px_30px_rgb(0,0,0,0.08)] border border-gray-100 max-w-[1200px] mx-auto overflow-hidden my-10 flex flex-col transition-colors duration-500\">\r\n        \r\n        <!-- \u00dcST B\u00d6L\u00dcM: Foto\u011fraf, \u0130sim ve Sosyal \u0130konlar -->\r\n        <div class=\"flex flex-col\">\r\n\r\n            <div class=\"px-6 pt-8 pb-0 md:px-14 md:pt-12 md:pb-0 flex flex-col md:flex-row items-center md:items-start gap-8 md:gap-10\">\r\n                \r\n                <!-- Foto\u011fraf -->\r\n                <div class=\"w-48 md:w-52 flex-shrink-0 relative group cursor-zoom-in rounded-2xl overflow-hidden shadow-lg border border-gray-100 dark:border-transparent\" onclick=\"openLightbox('https:\/\/tayfundemirhan.com\/tr\/wp-content\/uploads\/2026\/05\/CS1.jpg')\">\r\n                    <img decoding=\"async\" src=\"https:\/\/tayfundemirhan.com\/tr\/wp-content\/uploads\/2026\/05\/CS1.jpg\" \r\n                         class=\"w-full h-auto aspect-[3\/4] object-cover transition-transform duration-500 group-hover:scale-[1.03]\" \r\n                         alt=\"Cansu Senem\">\r\n                    <div class=\"absolute inset-0 bg-black\/20 z-10 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center pointer-events-none\">\r\n                        <div class=\"bg-white\/95 backdrop-blur px-3 py-1.5 rounded-full text-[10px] font-bold tracking-widest text-td-dark flex items-center gap-1.5 shadow-xl\">\r\n                            <svg class=\"w-3.5 h-3.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM10 7v3m0 0v3m0-3h3m-3 0H7\"><\/path><\/svg>\r\n                            B\u00dcY\u00dcT\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- \u0130sim ve Sosyal Medya -->\r\n                <div class=\"flex flex-1 flex-col md:flex-row items-center md:items-center justify-between w-full h-full md:mt-10 gap-6\">\r\n                    <h1 class=\"text-[2.75rem] md:text-6xl lg:text-7xl font-extrabold text-td-dark dark:text-white tracking-tighter leading-none text-center md:text-left transition-colors duration-500\">\r\n                        Cansu <span class=\"font-light text-td-gray dark:text-gray-400\">Senem<\/span>\r\n                    <\/h1>\r\n                    <div class=\"flex items-center gap-2\">\r\n                        <a href=\"https:\/\/www.instagram.com\/cansusenem_\/\" target=\"_blank\" class=\"td-icon text-td-gray dark:text-gray-400 hover:text-[#dd3333] dark:hover:text-[#eb9191] p-1.5 transition-colors\" aria-label=\"Instagram\">\r\n                            <svg class=\"w-[18px] h-[18px]\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm3.98-10.181a1.44 1.44 0 11-2.88 0 1.44 1.44 0 012.88 0z\"\/><\/svg>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/www.imdb.com\/name\/nm10533394\/\" target=\"_blank\" class=\"td-icon text-td-gray dark:text-gray-400 hover:text-[#dd3333] dark:hover:text-[#eb9191] p-1.5 transition-colors\" aria-label=\"IMDb\">\r\n                            <span class=\"font-extrabold text-[13px] tracking-tighter\">IMDb<\/span>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Men\u00fc Sekmeleri (\u0130smin Hemen Alt\u0131nda, Tam Geni\u015flik - art\u0131k d\u0131\u015fardaki padding'e ba\u011fl\u0131 de\u011fil) -->\r\n            <nav id=\"td-nav\" class=\"td-nav mt-6 md:mt-8 px-6 md:px-14 py-4 bg-[#f9f9f9] dark:bg-[#1a1a1a] border-b border-td-border dark:border-[#222] flex items-center gap-6 overflow-x-auto w-full td-hide-scrollbar transition-colors duration-500\">\r\n                <button onclick=\"tdSwitchTab('kimlik', this)\" class=\"td-tab-btn active text-[11px] font-bold tracking-[0.2em] uppercase whitespace-nowrap transition-all duration-300 text-td-dark dark:text-white border-b-2 border-td-dark dark:border-white pb-1 m-0 bg-transparent !px-0 !h-auto !leading-none shadow-none\">\r\n                    K\u0130\u015e\u0130SEL\r\n                <\/button>\r\n                <button onclick=\"tdSwitchTab('filmografi', this)\" class=\"td-tab-btn text-[11px] font-bold tracking-[0.2em] uppercase whitespace-nowrap transition-all duration-300 text-td-gray dark:text-gray-500 hover:text-td-dark dark:hover:text-white border-b-2 border-transparent pb-1 m-0 bg-transparent !px-0 !h-auto !leading-none shadow-none\">\r\n                    F\u0130LMOGRAF\u0130\r\n                <\/button>\r\n                <button onclick=\"tdSwitchTab('galeri', this)\" class=\"td-tab-btn text-[11px] font-bold tracking-[0.2em] uppercase whitespace-nowrap transition-all duration-300 text-td-gray dark:text-gray-500 hover:text-td-dark dark:hover:text-white border-b-2 border-transparent pb-1 m-0 bg-transparent !px-0 !h-auto !leading-none shadow-none\">\r\n                    GALER\u0130\r\n                <\/button>\r\n                <button onclick=\"tdSwitchTab('showreel', this)\" class=\"td-tab-btn text-[11px] font-bold tracking-[0.2em] uppercase whitespace-nowrap transition-all duration-300 text-td-gray dark:text-gray-500 hover:text-td-dark dark:hover:text-white border-b-2 border-transparent pb-1 m-0 bg-transparent !px-0 !h-auto !leading-none shadow-none\">\r\n                    SHOWREEL\r\n                <\/button>\r\n                <button onclick=\"tdSwitchTab('basin', this)\" class=\"td-tab-btn text-[11px] font-bold tracking-[0.2em] uppercase whitespace-nowrap transition-all duration-300 text-td-gray dark:text-gray-500 hover:text-td-dark dark:hover:text-white border-b-2 border-transparent pb-1 m-0 bg-transparent !px-0 !h-auto !leading-none shadow-none\">\r\n                    BASIN\r\n                <\/button>\r\n            <\/nav>\r\n        <\/div>\r\n\r\n        <!-- \u0130\u00c7ER\u0130K ALANI -->\r\n        <div id=\"td-content-area\" class=\"px-6 py-10 md:px-14 md:py-14 bg-white dark:bg-[#141414] w-full transition-colors duration-500\">\r\n            \r\n            <!-- K\u0130ML\u0130K SEKME -->\r\n            <div id=\"kimlik\" class=\"td-tab-content active\">\r\n                <div class=\"flex flex-wrap items-center gap-3 mb-12 text-[11px] md:text-[13px] font-semibold tracking-widest text-td-dark dark:text-white uppercase\">\r\n                    <span>1990<\/span>\r\n                    <span class=\"w-1.5 h-1.5 rounded-full bg-td-border dark:bg-gray-700\"><\/span>\r\n                    <span>167 cm<\/span>\r\n                    <span class=\"w-1.5 h-1.5 rounded-full bg-td-border dark:bg-gray-700\"><\/span>\r\n                    <span>56 kg<\/span>\r\n                    <span class=\"w-1.5 h-1.5 rounded-full bg-td-border dark:bg-gray-700\"><\/span>\r\n                    <span class=\"td-text-muted text-td-gray\">\u0130stanbul<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"space-y-16\">\r\n                    <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12\">\r\n                        <div>\r\n                            <h3 class=\"td-text-muted text-[10px] md:text-[11px] uppercase tracking-[0.25em] text-td-gray font-bold mb-6\">AKADEM\u0130K & E\u011e\u0130T\u0130M<\/h3>\r\n                            <div class=\"space-y-6\">\r\n                                <div><p class=\"td-text-title text-td-dark font-bold text-[14px] md:text-[15px]\">Akademi 35 Bu\u00e7uk<\/p><p class=\"td-text-muted text-td-gray text-[12px] md:text-[13px] mt-1\">Sinema ve Sahne Sanatlar\u0131 Oyunculu\u011fu (2016-2017)<\/p><\/div>\r\n                                <div><p class=\"td-text-title text-td-dark font-bold text-[14px] md:text-[15px]\">\u0130stanbul Bilgi \u00dcniversitesi<\/p><p class=\"td-text-muted text-td-gray text-[12px] md:text-[13px] mt-1\">%100 Ba\u015far\u0131 Burslu (2008-2013)<\/p><\/div>\r\n                                <div><p class=\"td-text-title text-td-dark font-bold text-[14px] md:text-[15px]\">European Viadrina Univ. (Almanya)<\/p><p class=\"td-text-muted text-td-gray text-[12px] md:text-[13px] mt-1\">Akademik De\u011fi\u015fim (2011)<\/p><\/div>\r\n                                <div><p class=\"td-text-title text-td-dark font-bold text-[14px] md:text-[15px]\">Kenter Tiyatrosu<\/p><p class=\"td-text-muted text-td-gray text-[12px] md:text-[13px] mt-1\">Oyunculuk E\u011fitimi (2009-2010)<\/p><\/div>\r\n                                <div><p class=\"td-text-title text-td-dark font-bold text-[14px] md:text-[15px]\">Altan Erkekli Sahnesi<\/p><p class=\"td-text-muted text-td-gray text-[12px] md:text-[13px] mt-1\">Konservatuar Haz\u0131rl\u0131k (2005-2007)<\/p><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div>\r\n                            <h3 class=\"td-text-muted text-[10px] md:text-[11px] uppercase tracking-[0.25em] text-td-gray font-bold mb-6\">\u00c7ALI\u015eILAN E\u011e\u0130TMENLER<\/h3>\r\n                            <div class=\"space-y-6\">\r\n                                <div><p class=\"td-text-title text-td-dark font-bold text-[14px] md:text-[15px]\">Y\u0131ld\u0131z Kenter, Mehmet Birkiye, Engin Hepileri<\/p><p class=\"td-text-muted text-td-gray text-[12px] md:text-[13px] mt-1\">Oyunculuk \/ Kenter Tiyatrosu<\/p><\/div>\r\n                                <div><p class=\"td-text-title text-td-dark font-bold text-[14px] md:text-[15px]\">Vahide Per\u00e7in<\/p><p class=\"td-text-muted text-td-gray text-[12px] md:text-[13px] mt-1\">Oyunculuk \/ Akademi 35 Bu\u00e7uk<\/p><\/div>\r\n                                <div><p class=\"td-text-title text-td-dark font-bold text-[14px] md:text-[15px]\">Altan G\u00f6rd\u00fcm<\/p><p class=\"td-text-muted text-td-gray text-[12px] md:text-[13px] mt-1\">Kamera \u00d6n\u00fc \/ Akademi 35 Bu\u00e7uk<\/p><\/div>\r\n                                <div><p class=\"td-text-title text-td-dark font-bold text-[14px] md:text-[15px]\">G\u00fcrol Tonbul, G\u00fcrhan Elmal\u0131o\u011flu<\/p><p class=\"td-text-muted text-td-gray text-[12px] md:text-[13px] mt-1\">Ses, Nefes, Beden, Do\u011fa\u00e7lama<\/p><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 pt-10 border-t border-td-border\/50 dark:border-gray-800 transition-colors duration-500\">\r\n                        <div>\r\n                            <h3 class=\"td-text-muted text-[10px] md:text-[11px] uppercase tracking-[0.25em] text-td-gray font-bold mb-5\">YETENEKLER<\/h3>\r\n                            <div class=\"flex flex-wrap gap-2\">\r\n                                <span class=\"td-pill px-3 py-2 bg-td-light text-td-dark text-xs font-semibold tracking-wide rounded-lg border border-transparent hover:bg-td-dark hover:text-white transition-colors cursor-default\">Ehliyet (B S\u0131n\u0131f\u0131)<\/span>\r\n                                <span class=\"td-pill px-3 py-2 bg-td-light text-td-dark text-xs font-semibold tracking-wide rounded-lg border border-transparent hover:bg-td-dark hover:text-white transition-colors cursor-default\">Dans (Salsa)<\/span>\r\n                                <span class=\"td-pill px-3 py-2 bg-td-light text-td-dark text-xs font-semibold tracking-wide rounded-lg border border-transparent hover:bg-td-dark hover:text-white transition-colors cursor-default\">At Binicili\u011fi<\/span>\r\n                                <span class=\"td-pill px-3 py-2 bg-td-light text-td-dark text-xs font-semibold tracking-wide rounded-lg border border-transparent hover:bg-td-dark hover:text-white transition-colors cursor-default\">Tenis<\/span>\r\n                                <span class=\"td-pill px-3 py-2 bg-td-light text-td-dark text-xs font-semibold tracking-wide rounded-lg border border-transparent hover:bg-td-dark hover:text-white transition-colors cursor-default\">Seslendirme<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div>\r\n                            <h3 class=\"td-text-muted text-[10px] md:text-[11px] uppercase tracking-[0.25em] text-td-gray font-bold mb-5\">D\u0130LLER<\/h3>\r\n                            <div class=\"flex flex-wrap gap-2\">\r\n                                <span class=\"td-pill px-3 py-2 bg-td-light text-td-dark text-xs font-semibold tracking-wide rounded-lg border border-transparent hover:bg-td-dark hover:text-white transition-colors cursor-default\">\u0130ngilizce (Upper-Intermediate)<\/span>\r\n                                <span class=\"td-pill px-3 py-2 bg-td-light text-td-dark text-xs font-semibold tracking-wide rounded-lg border border-transparent hover:bg-td-dark hover:text-white transition-colors cursor-default\">Almanca (Ba\u015flang\u0131\u00e7)<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- F\u0130LMOGRAF\u0130 SEKME -->\r\n            <div id=\"filmography\" class=\"td-tab-content\">\r\n                <div class=\"space-y-16\">\r\n                    <div>\r\n                        <h3 class=\"td-text-muted text-[10px] md:text-[11px] uppercase tracking-[0.25em] text-td-gray font-bold mb-6 border-b border-td-border dark:border-[#222] pb-3 transition-colors duration-500\">TELEV\u0130ZYON & D\u0130Z\u0130<\/h3>\r\n                        <div class=\"space-y-4\">\r\n                            <div class=\"flex flex-col sm:flex-row sm:justify-between sm:items-center group cursor-default pb-4 border-b border-td-border\/40 dark:border-[#222] gap-2 transition-colors duration-500\"><div><h4 class=\"td-text-title text-td-dark font-bold text-[14px] md:text-[16px]\">\u00d6m\u00fcr Usta (Ana Kadro)<\/h4><p class=\"td-text-muted text-td-gray text-[10px] md:text-[11px] uppercase tracking-widest mt-1\">Ay Yap\u0131m \/ Now \/ Y\u00f6n: Hilal Saral<\/p><\/div><span class=\"td-text-title text-td-dark font-semibold text-[13px] md:text-sm\">2026<\/span><\/div>\r\n                            <div class=\"flex flex-col sm:flex-row sm:justify-between sm:items-center group cursor-default pb-4 border-b border-td-border\/40 dark:border-[#222] gap-2 transition-colors duration-500\"><div><h4 class=\"td-text-title text-td-dark font-bold text-[14px] md:text-[16px]\">A\u015fk, Evlilik, Bo\u015fanma<\/h4><p class=\"td-text-muted text-td-gray text-[10px] md:text-[11px] uppercase tracking-widest mt-1\">Karga Seven Pictures \/ Now \/ Y\u00f6n: Deniz Yorulmazer<\/p><\/div><span class=\"td-text-title text-td-dark font-semibold text-[13px] md:text-sm\">2024<\/span><\/div>\r\n                            <div class=\"flex flex-col sm:flex-row sm:justify-between sm:items-center group cursor-default pb-4 border-b border-td-border\/40 dark:border-[#222] gap-2 transition-colors duration-500\"><div><h4 class=\"td-text-title text-td-dark font-bold text-[14px] md:text-[16px]\">Bir K\u00fc\u00e7\u00fck G\u00fcn I\u015f\u0131\u011f\u0131<\/h4><p class=\"td-text-muted text-td-gray text-[10px] md:text-[11px] uppercase tracking-widest mt-1\">NGM \/ ATV \/ Y\u00f6n: Emre Kabaku\u015fak<\/p><\/div><span class=\"td-text-title text-td-dark font-semibold text-[13px] md:text-sm\">2022-2023<\/span><\/div>\r\n                            <div class=\"flex flex-col sm:flex-row sm:justify-between sm:items-center group cursor-default pb-4 border-b border-td-border\/40 dark:border-[#222] gap-2 transition-colors duration-500\"><div><h4 class=\"td-text-title text-td-dark font-bold text-[14px] md:text-[16px]\">Alef 2<\/h4><p class=\"td-text-muted text-td-gray text-[10px] md:text-[11px] uppercase tracking-widest mt-1\">MAY Productions \/ Blu TV \/ Y\u00f6n: G\u00f6khan Tiryaki<\/p><\/div><span class=\"td-text-title text-td-dark font-semibold text-[13px] md:text-sm\">2022<\/span><\/div>\r\n                            <div class=\"flex flex-col sm:flex-row sm:justify-between sm:items-center group cursor-default pb-4 border-b border-td-border\/40 dark:border-[#222] gap-2 transition-colors duration-500\"><div><h4 class=\"td-text-title text-td-dark font-bold text-[14px] md:text-[16px]\">Mara\u015fl\u0131<\/h4><p class=\"td-text-muted text-td-gray text-[10px] md:text-[11px] uppercase tracking-widest mt-1\">Tims&B \/ ATV \/ Y\u00f6n: Arda Sar\u0131g\u00fcn<\/p><\/div><span class=\"td-text-title text-td-dark font-semibold text-[13px] md:text-sm\">2021<\/span><\/div>\r\n                            <div class=\"flex flex-col sm:flex-row sm:justify-between sm:items-center group cursor-default pb-4 border-b border-td-border\/40 dark:border-[#222] gap-2 transition-colors duration-500\"><div><h4 class=\"td-text-title text-td-dark font-bold text-[14px] md:text-[16px]\">Mucize Doktor<\/h4><p class=\"td-text-muted text-td-gray text-[10px] md:text-[11px] uppercase tracking-widest mt-1\">MF Yap\u0131m \/ Fox \/ Y\u00f6n: Yusuf Pirhasan<\/p><\/div><span class=\"td-text-title text-td-dark font-semibold text-[13px] md:text-sm\">2020<\/span><\/div>\r\n                            <div class=\"flex flex-col sm:flex-row sm:justify-between sm:items-center group cursor-default pb-4 border-b border-td-border\/40 dark:border-[#222] gap-2 transition-colors duration-500\"><div><h4 class=\"td-text-title text-td-dark font-bold text-[14px] md:text-[16px]\">Payitaht Abd\u00fclhamit<\/h4><p class=\"td-text-muted text-td-gray text-[10px] md:text-[11px] uppercase tracking-widest mt-1\">ES Film \/ TRT 1 \/ Y\u00f6n: Serdar Akar<\/p><\/div><span class=\"td-text-title text-td-dark font-semibold text-[13px] md:text-sm\">2019<\/span><\/div>\r\n                            <div class=\"flex flex-col sm:flex-row sm:justify-between sm:items-center group cursor-default pb-2 gap-2\"><div><h4 class=\"td-text-title text-td-dark font-bold text-[14px] md:text-[16px]\">Kad\u0131n<\/h4><p class=\"td-text-muted text-td-gray text-[10px] md:text-[11px] uppercase tracking-widest mt-1\">Medyap\u0131m & MF \/ Fox \/ Y\u00f6n: Nadim G\u00fc\u00e7<\/p><\/div><span class=\"td-text-title text-td-dark font-semibold text-[13px] md:text-sm\">2018<\/span><\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div>\r\n                        <h3 class=\"td-text-muted text-[10px] md:text-[11px] uppercase tracking-[0.25em] text-td-gray font-bold mb-6 border-b border-td-border dark:border-[#222] pb-3 transition-colors duration-500\">S\u0130NEMA<\/h3>\r\n                        <div class=\"space-y-4\">\r\n                            <div class=\"flex flex-col sm:flex-row sm:justify-between sm:items-center group cursor-default pb-2 gap-2\"><div><h4 class=\"td-text-title text-td-dark font-bold text-[14px] md:text-[16px] flex items-center gap-2\"><span class=\"px-2 py-0.5 bg-td-dark text-white text-[9px] uppercase tracking-widest rounded-sm transition-colors duration-500\">Ba\u015frol<\/span> Yedi<\/h4><p class=\"td-text-muted text-td-gray text-[10px] md:text-[11px] uppercase tracking-widest mt-1\">Y\u00f6n: Bu\u011fra Kekik<\/p><\/div><span class=\"td-text-title text-td-dark font-semibold text-[13px] md:text-sm\">2022<\/span><\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div>\r\n                        <h3 class=\"td-text-muted text-[10px] md:text-[11px] uppercase tracking-[0.25em] text-td-gray font-bold mb-6 border-b border-td-border dark:border-[#222] pb-3 transition-colors duration-500\">REKLAM<\/h3>\r\n                        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-x-12 gap-y-4\">\r\n                            <div class=\"td-border-color flex justify-between items-center py-2 border-b border-td-border\/40 transition-colors duration-500\"><span class=\"td-text-title font-bold text-[14px] md:text-[15px] text-td-dark\">Altus Kahve<\/span><span class=\"td-text-muted text-xs text-td-gray\">Red Elephant, 2018<\/span><\/div>\r\n                            <div class=\"td-border-color flex justify-between items-center py-2 border-b border-td-border\/40 transition-colors duration-500\"><span class=\"td-text-title font-bold text-[14px] md:text-[15px] text-td-dark\">Garanti Bankas\u0131<\/span><span class=\"td-text-muted text-xs text-td-gray\">Red Elephant, 2018<\/span><\/div>\r\n                            <div class=\"td-border-color flex justify-between items-center py-2 border-b border-td-border\/40 transition-colors duration-500\"><span class=\"td-text-title font-bold text-[14px] md:text-[15px] text-td-dark\">T\u00fcrk Telekom<\/span><span class=\"td-text-muted text-xs text-td-gray\">Pat Medya, 2018<\/span><\/div>\r\n                            <div class=\"td-border-color flex justify-between items-center py-2 border-b border-td-border\/40 transition-colors duration-500\"><span class=\"td-text-title font-bold text-[14px] md:text-[15px] text-td-dark\">Touche<\/span><span class=\"td-text-muted text-xs text-td-gray\">Mert Edis, 2018<\/span><\/div>\r\n                            <div class=\"td-border-color flex justify-between items-center py-2 md:col-span-2 border-b border-td-border\/40 transition-colors duration-500\"><span class=\"td-text-title font-bold text-[14px] md:text-[15px] text-td-dark\">Doktoryum.com<\/span><span class=\"td-text-muted text-xs text-td-gray\">Modern Innova, 2016<\/span><\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- GALER\u0130 SEKME -->\r\n            <div id=\"galeri\" class=\"td-tab-content\">\r\n                <h3 class=\"td-text-muted text-[10px] md:text-[11px] uppercase tracking-[0.25em] text-td-gray font-bold mb-6\">FOTO\u011eRAF GALER\u0130S\u0130<\/h3>\r\n                <div class=\"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 md:gap-6\">\r\n                    <div class=\"relative group cursor-zoom-in rounded-xl overflow-hidden shadow-sm border border-gray-100 dark:border-[#222] transition-colors duration-500\" onclick=\"openLightbox('https:\/\/tayfundemirhan.com\/tr\/wp-content\/uploads\/2026\/06\/Cansu-Senem-9.jpg')\"><img decoding=\"async\" src=\"https:\/\/tayfundemirhan.com\/tr\/wp-content\/uploads\/2026\/06\/Cansu-Senem-9.jpg\" class=\"w-full h-auto aspect-[3\/4] object-cover transition-transform duration-500 group-hover:scale-[1.03]\" alt=\"Galeri 1\"><div class=\"absolute inset-0 bg-black\/10 dark:bg-black\/30 opacity-0 group-hover:opacity-100 transition-opacity duration-300\"><\/div><\/div>\r\n                    <div class=\"relative group cursor-zoom-in rounded-xl overflow-hidden shadow-sm border border-gray-100 dark:border-[#222] transition-colors duration-500\" onclick=\"openLightbox('https:\/\/tayfundemirhan.com\/tr\/wp-content\/uploads\/2026\/06\/Cansu-Senem-1.jpg')\"><img decoding=\"async\" src=\"https:\/\/tayfundemirhan.com\/tr\/wp-content\/uploads\/2026\/06\/Cansu-Senem-1.jpg\" class=\"w-full h-auto aspect-[3\/4] object-cover transition-transform duration-500 group-hover:scale-[1.03]\" alt=\"Galeri 2\"><div class=\"absolute inset-0 bg-black\/10 dark:bg-black\/30 opacity-0 group-hover:opacity-100 transition-opacity duration-300\"><\/div><\/div>\r\n                    <div class=\"relative group cursor-zoom-in rounded-xl overflow-hidden shadow-sm border border-gray-100 dark:border-[#222] transition-colors duration-500\" onclick=\"openLightbox('https:\/\/tayfundemirhan.com\/tr\/wp-content\/uploads\/2026\/06\/Cansu-Senem-3.jpg')\"><img decoding=\"async\" src=\"https:\/\/tayfundemirhan.com\/tr\/wp-content\/uploads\/2026\/06\/Cansu-Senem-3.jpg\" class=\"w-full h-auto aspect-[3\/4] object-cover transition-transform duration-500 group-hover:scale-[1.03]\" alt=\"Galeri 3\"><div class=\"absolute inset-0 bg-black\/10 dark:bg-black\/30 opacity-0 group-hover:opacity-100 transition-opacity duration-300\"><\/div><\/div>\r\n                    <div class=\"relative group cursor-zoom-in rounded-xl overflow-hidden shadow-sm border border-gray-100 dark:border-[#222] transition-colors duration-500\" onclick=\"openLightbox('https:\/\/tayfundemirhan.com\/tr\/wp-content\/uploads\/2026\/06\/Cansu-Senem-5.jpg')\"><img decoding=\"async\" src=\"https:\/\/tayfundemirhan.com\/tr\/wp-content\/uploads\/2026\/06\/Cansu-Senem-5.jpg\" class=\"w-full h-auto aspect-[3\/4] object-cover transition-transform duration-500 group-hover:scale-[1.03]\" alt=\"Galeri 4\"><div class=\"absolute inset-0 bg-black\/10 dark:bg-black\/30 opacity-0 group-hover:opacity-100 transition-opacity duration-300\"><\/div><\/div>\r\n                    <div class=\"relative group cursor-zoom-in rounded-xl overflow-hidden shadow-sm border border-gray-100 dark:border-[#222] transition-colors duration-500\" onclick=\"openLightbox('https:\/\/tayfundemirhan.com\/tr\/wp-content\/uploads\/2026\/06\/Cansu-Senem-7.jpg')\"><img decoding=\"async\" src=\"https:\/\/tayfundemirhan.com\/tr\/wp-content\/uploads\/2026\/06\/Cansu-Senem-7.jpg\" class=\"w-full h-auto aspect-[3\/4] object-cover transition-transform duration-500 group-hover:scale-[1.03]\" alt=\"Galeri 5\"><div class=\"absolute inset-0 bg-black\/10 dark:bg-black\/30 opacity-0 group-hover:opacity-100 transition-opacity duration-300\"><\/div><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- SHOWREEL SEKME -->\r\n            <div id=\"showreel\" class=\"td-tab-content h-full\">\r\n                <h3 class=\"td-text-muted text-[10px] md:text-[11px] uppercase tracking-[0.25em] text-td-gray font-bold mb-6\">Showreel \u0130zle<\/h3>\r\n                <div class=\"w-full aspect-video rounded-2xl overflow-hidden shadow-lg border border-td-border dark:border-[#222] bg-black relative transition-colors duration-500\">\r\n                    <iframe src=\"https:\/\/player.vimeo.com\/video\/828841554?loop=1&autopause=0&title=0&byline=0&portrait=0\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen><\/iframe>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- BASIN SEKME -->\r\n            <div id=\"basin\" class=\"td-tab-content\">\r\n                <h3 class=\"td-text-muted text-[10px] md:text-[11px] uppercase tracking-[0.25em] text-td-gray font-bold mb-6\">R\u00d6PORTAJ & YANSIMALAR<\/h3>\r\n                <div class=\"flex flex-col\">\r\n                    <a href=\"https:\/\/www.milliyet.com.tr\/cadde\/kisa-kisa-cadde-6877019\" target=\"_blank\" class=\"group flex flex-col md:flex-row md:items-center justify-between py-6 border-b border-td-border dark:border-[#222] hover:px-3 transition-all duration-300\"><div><h4 class=\"td-text-title text-td-dark font-bold text-[16px] md:text-[18px] group-hover:text-[#dd3333] dark:group-hover:text-[#eb9191] transition-colors\">S\u0131radan olmaktan korkar\u0131m<\/h4><p class=\"td-text-muted text-td-gray text-[10px] md:text-[11px] uppercase tracking-widest mt-1\">Milliyet Cadde<\/p><\/div><svg class=\"w-5 h-5 text-td-gray dark:text-gray-600 group-hover:text-[#dd3333] dark:group-hover:text-[#eb9191] transform group-hover:translate-x-1 transition-all hidden md:block\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path><\/svg><\/a>\r\n                    <a href=\"https:\/\/www.sacitaslan.com\/cansu-senem-zor-rolleri-seviyorum-haberi-546590\" target=\"_blank\" class=\"group flex flex-col md:flex-row md:items-center justify-between py-6 border-b border-td-border dark:border-[#222] hover:px-3 transition-all duration-300\"><div><h4 class=\"td-text-title text-td-dark font-bold text-[16px] md:text-[18px] group-hover:text-[#dd3333] dark:group-hover:text-[#eb9191] transition-colors\">Zor rolleri seviyorum<\/h4><p class=\"td-text-muted text-td-gray text-[10px] md:text-[11px] uppercase tracking-widest mt-1\">H\u00fcrriyet Kelebek<\/p><\/div><svg class=\"w-5 h-5 text-td-gray dark:text-gray-600 group-hover:text-[#dd3333] dark:group-hover:text-[#eb9191] transform group-hover:translate-x-1 transition-all hidden md:block\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path><\/svg><\/a>\r\n                    <a href=\"https:\/\/www.sabah.com.tr\/magazin\/beni-zorlayan-rolleri-seviyorum-5910568\" target=\"_blank\" class=\"group flex flex-col md:flex-row md:items-center justify-between py-6 border-b border-td-border dark:border-[#222] hover:px-3 transition-all duration-300\"><div><h4 class=\"td-text-title text-td-dark font-bold text-[16px] md:text-[18px] group-hover:text-[#dd3333] dark:group-hover:text-[#eb9191] transition-colors\">Beni zorlayan rolleri seviyorum<\/h4><p class=\"td-text-muted text-td-gray text-[10px] md:text-[11px] uppercase tracking-widest mt-1\">Sabah Magazin<\/p><\/div><svg class=\"w-5 h-5 text-td-gray dark:text-gray-600 group-hover:text-[#dd3333] dark:group-hover:text-[#eb9191] transform group-hover:translate-x-1 transition-all hidden md:block\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path><\/svg><\/a>\r\n                    <a href=\"https:\/\/neizledik.com\/cansu-senem-ben-hazirim-sadece-bir-projeye-degil-bir-donusume-hazirim-sanatla-gelen-yayilan-bir-donusume\/\" target=\"_blank\" class=\"group flex flex-col md:flex-row md:items-center justify-between py-6 border-b border-td-border dark:border-[#222] hover:px-3 transition-all duration-300\"><div><h4 class=\"td-text-title text-td-dark font-bold text-[16px] md:text-[18px] group-hover:text-[#dd3333] dark:group-hover:text-[#eb9191] transition-colors\">Sadece bir projeye de\u011fil, bir d\u00f6n\u00fc\u015f\u00fcme haz\u0131r\u0131m<\/h4><p class=\"td-text-muted text-td-gray text-[10px] md:text-[11px] uppercase tracking-widest mt-1\">Ne \u0130zledik<\/p><\/div><svg class=\"w-5 h-5 text-td-gray dark:text-gray-600 group-hover:text-[#dd3333] dark:group-hover:text-[#eb9191] transform group-hover:translate-x-1 transition-all hidden md:block\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path><\/svg><\/a>\r\n                    <a href=\"https:\/\/www.yenicagri.com\/cansu-senem-roportaji-en-buyuk-sansim-yildiz-kenter-cansu-senem-kimdir-kac-yasinda\" target=\"_blank\" class=\"group flex flex-col md:flex-row md:items-center justify-between py-6 border-b border-td-border dark:border-[#222] hover:px-3 transition-all duration-300\"><div><h4 class=\"td-text-title text-td-dark font-bold text-[16px] md:text-[18px] group-hover:text-[#dd3333] dark:group-hover:text-[#eb9191] transition-colors\">En b\u00fcy\u00fck \u015fans\u0131m Y\u0131ld\u0131z Kenter<\/h4><p class=\"td-text-muted text-td-gray text-[10px] md:text-[11px] uppercase tracking-widest mt-1\">Yeni \u00c7a\u011fr\u0131<\/p><\/div><svg class=\"w-5 h-5 text-td-gray dark:text-gray-600 group-hover:text-[#dd3333] dark:group-hover:text-[#eb9191] transform group-hover:translate-x-1 transition-all hidden md:block\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path><\/svg><\/a>\r\n                    <a href=\"https:\/\/evosangels.com\/yayinlar\/haziran23\/mobile\/index.html#p=150\" target=\"_blank\" class=\"group flex flex-col md:flex-row md:items-center justify-between py-6 border-b border-transparent hover:px-3 transition-all duration-300\"><div><h4 class=\"td-text-title text-td-dark font-bold text-[16px] md:text-[18px] group-hover:text-[#dd3333] dark:group-hover:text-[#eb9191] transition-colors\">Cansu Senem \u00d6zel R\u00f6portaj\u0131<\/h4><p class=\"td-text-muted text-td-gray text-[10px] md:text-[11px] uppercase tracking-widest mt-1\">Evos Angels Dergisi<\/p><\/div><svg class=\"w-5 h-5 text-td-gray dark:text-gray-600 group-hover:text-[#dd3333] dark:group-hover:text-[#eb9191] transform group-hover:translate-x-1 transition-all hidden md:block\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path><\/svg><\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Lightbox -->\r\n    <div id=\"td-lightbox\" class=\"fixed inset-0 bg-black\/95 z-[9999] hidden flex-col items-center justify-center p-4 md:p-10 opacity-0 transition-opacity duration-300\">\r\n        <button onclick=\"closeLightbox()\" class=\"absolute top-6 right-6 text-white bg-white\/10 hover:bg-white\/20 p-2 rounded-full transition z-50\">\r\n            <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\"><\/path><\/svg>\r\n        <\/button>\r\n        <img decoding=\"async\" src=\"\" id=\"td-lightbox-img\" class=\"max-w-full max-h-[90vh] object-contain rounded-lg shadow-2xl\" alt=\"B\u00fcy\u00fck G\u00f6rsel\">\r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ === SEKME DE\u011e\u0130\u015eT\u0130RME ===\r\n        function tdSwitchTab(tabId, clickedBtn) {\r\n            document.querySelectorAll('.td-tab-content').forEach(el => el.classList.remove('active'));\r\n            document.querySelectorAll('.td-tab-btn').forEach(btn => {\r\n                btn.classList.remove('active', 'text-td-dark', 'border-td-dark', 'dark:text-white', 'dark:border-white');\r\n                btn.classList.add('text-td-gray', 'border-transparent', 'dark:text-gray-500');\r\n            });\r\n\r\n            clickedBtn.classList.add('active');\r\n            clickedBtn.classList.remove('text-td-gray', 'border-transparent', 'dark:text-gray-500');\r\n            clickedBtn.classList.add('text-td-dark', 'border-td-dark', 'dark:text-white', 'dark:border-white');\r\n\r\n            let actualId = tabId;\r\n            if (tabId === 'filmografi') actualId = 'filmography';\r\n            else if (tabId === 'galeri') actualId = 'galeri';\r\n            else if (tabId === 'showreel') actualId = 'showreel';\r\n            else if (tabId === 'basin') actualId = 'basin';\r\n\r\n            const target = document.getElementById(actualId);\r\n            if (target) {\r\n                target.classList.add('active');\r\n                void target.offsetWidth;\r\n            }\r\n        }\r\n\r\n        \/\/ === LIGHTBOX ===\r\n        const lightbox = document.getElementById('td-lightbox');\r\n        const lightboxImg = document.getElementById('td-lightbox-img');\r\n\r\n        function openLightbox(imgSrc) {\r\n            lightboxImg.src = imgSrc;\r\n            lightbox.classList.remove('hidden');\r\n            lightbox.classList.add('flex');\r\n            document.body.style.overflow = 'hidden';\r\n            setTimeout(() => {\r\n                lightbox.classList.remove('opacity-0');\r\n                lightbox.classList.add('opacity-100');\r\n            }, 10);\r\n        }\r\n\r\n        function closeLightbox() {\r\n            lightbox.classList.remove('opacity-100');\r\n            lightbox.classList.add('opacity-0');\r\n            document.body.style.overflow = '';\r\n            setTimeout(() => {\r\n                lightbox.classList.remove('flex');\r\n                lightbox.classList.add('hidden');\r\n                lightboxImg.src = '';\r\n            }, 300);\r\n        }\r\n\r\n        lightbox.addEventListener('click', function(e) {\r\n            if (e.target !== lightboxImg) closeLightbox();\r\n        });\r\n        document.addEventListener('keydown', function(e) {\r\n            if (e.key === 'Escape') closeLightbox();\r\n        });\r\n    <\/script>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"featured_media":4576,"template":"","portfolios_categories":[72],"class_list":["post-607","portfolios","type-portfolios","status-publish","has-post-thumbnail","hentry","portfolios_categories-kadin"],"acf":{"featured_video":"","choi\u0441e_menu_page":"global_settings","full_width":false,"header_transparent":false,"header_white":false,"menu_type_page":"default","menu_align_page":"default"},"_links":{"self":[{"href":"https:\/\/tayfundemirhan.com\/tr\/wp-json\/wp\/v2\/portfolios\/607","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tayfundemirhan.com\/tr\/wp-json\/wp\/v2\/portfolios"}],"about":[{"href":"https:\/\/tayfundemirhan.com\/tr\/wp-json\/wp\/v2\/types\/portfolios"}],"version-history":[{"count":121,"href":"https:\/\/tayfundemirhan.com\/tr\/wp-json\/wp\/v2\/portfolios\/607\/revisions"}],"predecessor-version":[{"id":5059,"href":"https:\/\/tayfundemirhan.com\/tr\/wp-json\/wp\/v2\/portfolios\/607\/revisions\/5059"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tayfundemirhan.com\/tr\/wp-json\/wp\/v2\/media\/4576"}],"wp:attachment":[{"href":"https:\/\/tayfundemirhan.com\/tr\/wp-json\/wp\/v2\/media?parent=607"}],"wp:term":[{"taxonomy":"portfolios_categories","embeddable":true,"href":"https:\/\/tayfundemirhan.com\/tr\/wp-json\/wp\/v2\/portfolios_categories?post=607"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}