<!doctype html>
<html lang="tr">
<head>
<meta name="google-site-verification" content="0216AeI_ICnk5zEsKsydDMir9sgkEp8hFHir4wuDRU8" />
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Sayfa bulunamadı &#8211; TheMaxut Köşk &#8211; Resmi Web Sayfası</title>
<meta name='robots' content='max-image-preview:large' />
<link rel='dns-prefetch' href='//fonts.googleapis.com' />
<link rel="alternate" type="application/rss+xml" title="TheMaxut Köşk - Resmi Web Sayfası &raquo; akışı" href="https://www.themaxut.com/feed/" />
<link rel="alternate" type="application/rss+xml" title="TheMaxut Köşk - Resmi Web Sayfası &raquo; yorum akışı" href="https://www.themaxut.com/comments/feed/" />
<style id="wp-img-auto-sizes-contain-inline-css">
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
</style>
<style id="wp-emoji-styles-inline-css">

	img.wp-smiley, img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}
/*# sourceURL=wp-emoji-styles-inline-css */
</style>
<link rel='stylesheet' id='wp-block-library-css' href='https://www.themaxut.com/wp-includes/css/dist/block-library/style.min.css?ver=7.0' media='all' />
<style id="wp-block-library-theme-inline-css">
.wp-block-audio :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-audio :where(figcaption){color:#ffffffa6}.wp-block-audio{margin:0 0 1em}.wp-block-code{border:1px solid #ccc;border-radius:4px;font-family:Menlo,Consolas,monaco,monospace;padding:.8em 1em}.wp-block-embed :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-embed :where(figcaption){color:#ffffffa6}.wp-block-embed{margin:0 0 1em}.blocks-gallery-caption{color:#555;font-size:13px;text-align:center}.is-dark-theme .blocks-gallery-caption{color:#ffffffa6}:root :where(.wp-block-image figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme :root :where(.wp-block-image figcaption){color:#ffffffa6}.wp-block-image{margin:0 0 1em}.wp-block-pullquote{border-bottom:4px solid;border-top:4px solid;color:currentColor;margin-bottom:1.75em}.wp-block-pullquote :where(cite),.wp-block-pullquote :where(footer),.wp-block-pullquote__citation{color:currentColor;font-size:.8125em;font-style:normal;text-transform:uppercase}.wp-block-quote{border-left:.25em solid;margin:0 0 1.75em;padding-left:1em}.wp-block-quote cite,.wp-block-quote footer{color:currentColor;font-size:.8125em;font-style:normal;position:relative}.wp-block-quote:where(.has-text-align-right){border-left:none;border-right:.25em solid;padding-left:0;padding-right:1em}.wp-block-quote:where(.has-text-align-center){border:none;padding-left:0}.wp-block-quote.is-large,.wp-block-quote.is-style-large,.wp-block-quote:where(.is-style-plain){border:none}.wp-block-search .wp-block-search__label{font-weight:700}.wp-block-search__button{border:1px solid #ccc;padding:.375em .625em}:where(.wp-block-group.has-background){padding:1.25em 2.375em}.wp-block-separator.has-css-opacity{opacity:.4}.wp-block-separator{border:none;border-bottom:2px solid;margin-left:auto;margin-right:auto}.wp-block-separator.has-alpha-channel-opacity{opacity:1}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){width:100px}.wp-block-separator.has-background:not(.is-style-dots){border-bottom:none;height:1px}.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots){height:2px}.wp-block-table{margin:0 0 1em}.wp-block-table td,.wp-block-table th{word-break:normal}.wp-block-table :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-table :where(figcaption){color:#ffffffa6}.wp-block-video :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-video :where(figcaption){color:#ffffffa6}.wp-block-video{margin:0 0 1em}:root :where(.wp-block-template-part.has-background){margin-bottom:0;margin-top:0;padding:1.25em 2.375em}
/*# sourceURL=/wp-includes/css/dist/block-library/theme.min.css */
</style>
<style id="classic-theme-styles-inline-css">
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
/*# sourceURL=/wp-includes/css/classic-themes.min.css */
</style>
<style id="global-styles-inline-css">
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
:root :where(.wp-block-icon svg){width: 24px;}
:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-term-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-term-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
/*# sourceURL=global-styles-inline-css */
</style>
<link rel='stylesheet' id='consua-style-css' href='https://www.themaxut.com/wp-content/themes/consua/style.css?ver=1.0' media='all' />
<link rel='stylesheet' id='consua-fonts-css' href='https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&#038;display=swap' media='all' />
<link rel='stylesheet' id='fontawesome-css' href='https://www.themaxut.com/wp-content/themes/consua/assets/css/font-awesome.min.css?ver=6.3.1' media='all' />
<link rel='stylesheet' id='themify-css' href='https://www.themaxut.com/wp-content/themes/consua/assets/css/themify-icons.css?ver=1.0' media='all' />
<link rel='stylesheet' id='elegant-css' href='https://www.themaxut.com/wp-content/themes/consua/assets/css/elegant-icons.css?ver=1.0' media='all' />
<link rel='stylesheet' id='flaticon-css' href='https://www.themaxut.com/wp-content/themes/consua/assets/css/flaticon-set.css?ver=1.0' media='all' />
<link rel='stylesheet' id='magnific-popup-css' href='https://www.themaxut.com/wp-content/themes/consua/assets/css/magnific-popup.css?ver=1.0' media='all' />
<link rel='stylesheet' id='swiper-bundle-css' href='https://www.themaxut.com/wp-content/themes/consua/assets/css/swiper-bundle.min.css?ver=1.0' media='all' />
<link rel='stylesheet' id='consua-animate-css' href='https://www.themaxut.com/wp-content/themes/consua/assets/css/animate.css?ver=1.0' media='all' />
<link rel='stylesheet' id='bootstrap-css' href='https://www.themaxut.com/wp-content/themes/consua/assets/css/bootstrap.min.css?ver=4.3.1' media='all' />
<link rel='stylesheet' id='consua-validnavs-css' href='https://www.themaxut.com/wp-content/themes/consua/assets/css/validnavs.css?ver=1.0' media='all' />
<link rel='stylesheet' id='consua-shop-css' href='https://www.themaxut.com/wp-content/themes/consua/assets/css/shop.css?ver=1.0' media='all' />
<link rel='stylesheet' id='consua-helper-css' href='https://www.themaxut.com/wp-content/themes/consua/assets/css/helper.css?ver=1.0' media='all' />
<link rel='stylesheet' id='consua-main-style-css' href='https://www.themaxut.com/wp-content/themes/consua/assets/css/style.css?ver=1.0' media='all' />
<link rel='stylesheet' id='consua-unittest-css' href='https://www.themaxut.com/wp-content/themes/consua/assets/css/unit-test.css?ver=1.0' media='all' />
<link rel='stylesheet' id='consua-color-schemes-css' href='https://www.themaxut.com/wp-content/themes/consua/assets/css/color.schemes.css?ver=7.0' media='all' />
<script id="jquery-core-js" src="https://www.themaxut.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
<script id="jquery-migrate-js" src="https://www.themaxut.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
<link rel="https://api.w.org/" href="https://www.themaxut.com/wp-json/" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.themaxut.com/xmlrpc.php?rsd" />
<meta name="generator" content="WordPress 7.0" />
<meta name="generator" content="Redux 4.5.11" /><meta name="generator" content="Elementor 4.1.3; features: e_font_icon_svg, additional_custom_breakpoints; settings: css_print_method-external, google_font-enabled, font_display-swap">
			<style>
				.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),
				.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * {
					background-image: none !important;
				}
				@media screen and (max-height: 1024px) {
					.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),
					.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * {
						background-image: none !important;
					}
				}
				@media screen and (max-height: 640px) {
					.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),
					.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * {
						background-image: none !important;
					}
				}
			</style>
			<!-- THEMAXUT ÖZEL SCROLLBAR & PREMIUM FLOATING PANEL -->
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Montserrat:wght@300;400;500;600&display=swap" rel="stylesheet">
<script src="https://unpkg.com/@phosphor-icons/web"></script>

<script>
    tailwind.config = {
        important: '#tmx-floating-widget',
        theme: {
            extend: {
                fontFamily: {
                    sans: ['Montserrat', 'sans-serif'],
                    serif: ['Cinzel', 'serif'],
                },
                colors: {
                    tmx: {
                        gold: '#D4AF37',
                        charcoal: '#1C1C1C',
                    }
                }
            }
        }
    }
</script>

<style>
    /* =========================================
       THEMAXUT ÖZEL SCROLLBAR (KAYDIRMA ÇUBUĞU)
       ========================================= */
    ::-webkit-scrollbar {
        width: 10px !important;
        height: 10px !important;
    }
    ::-webkit-scrollbar-track {
        background: #111111 !important;
        border-left: 1px solid rgba(212, 175, 55, 0.15) !important;
    }
    ::-webkit-scrollbar-thumb {
        background: linear-gradient(180deg, #D4AF37 0%, #8b6508 100%) !important;
        border-radius: 10px !important;
        border: 2px solid #111111 !important; /* Track rengiyle aynı yapılarak ince görünüm verilir */
    }
    ::-webkit-scrollbar-thumb:hover {
        background: linear-gradient(180deg, #f3e5ab 0%, #D4AF37 100%) !important;
    }

    /* Firefox için Scrollbar Destekleyici Kod */
    * {
        scrollbar-width: thin !important;
        scrollbar-color: #D4AF37 #111111 !important;
    }

    /* =========================================
       FLOATING PANEL & BUTTON CSS
       ========================================= */
    #tmx-floating-widget {
        position: fixed !important;
        bottom: 30px !important;
        left: 30px !important;
        z-index: 999999 !important;
        font-family: 'Montserrat', sans-serif !important;
    }

    /* Floating Button */
    .tmx-fab-btn {
        width: 60px !important;
        height: 60px !important;
        border-radius: 50% !important;
        background: linear-gradient(135deg, #111111 0%, #1C1C1C 100%) !important;
        border: 2px solid #D4AF37 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        cursor: pointer !important;
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5), 0 0 15px rgba(212, 175, 55, 0.4) !important;
        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
        position: relative !important;
    }

    .tmx-fab-btn::before {
        content: '' !important;
        position: absolute !important;
        inset: -6px !important;
        border-radius: 50% !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        animation: tmxRipple 2s infinite !important;
    }

    .tmx-fab-btn:hover {
        transform: scale(1.1) !important;
        background: linear-gradient(135deg, #D4AF37 0%, #8b6508 100%) !important;
        border-color: #ffffff !important;
        box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
    }

    .tmx-fab-btn i {
        color: #D4AF37 !important;
        font-size: 28px !important;
        transition: color 0.4s ease !important;
    }
    
    .tmx-fab-btn:hover i {
        color: #111111 !important;
    }

    @keyframes tmxRipple {
        0% { transform: scale(1); opacity: 1; }
        100% { transform: scale(1.5); opacity: 0; }
    }

    /* Premium Panel */
    .tmx-fab-panel {
        position: absolute !important;
        bottom: 80px !important;
        left: 0 !important;
        width: 320px !important;
        background: rgba(15, 15, 15, 0.95) !important;
        backdrop-filter: blur(15px) !important;
        -webkit-backdrop-filter: blur(15px) !important;
        border: 1px solid rgba(212, 175, 55, 0.3) !important;
        border-radius: 1.5rem !important;
        box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8), inset 0 0 0 1px rgba(255, 255, 255, 0.05) !important;
        transform-origin: bottom left !important;
        transform: scale(0.8) translateY(20px) !important;
        opacity: 0 !important;
        visibility: hidden !important;
        transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
        overflow: hidden !important;
    }

    .tmx-fab-panel.active {
        opacity: 1 !important;
        visibility: visible !important;
        transform: scale(1) translateY(0) !important;
    }

    /* Panel Header Gradient */
    .tmx-fab-header {
        background: linear-gradient(to right, rgba(212, 175, 55, 0.15), transparent) !important;
        border-bottom: 1px solid rgba(212, 175, 55, 0.2) !important;
    }

    .tmx-fab-item {
        transition: all 0.3s ease !important;
    }
    .tmx-fab-item:hover {
        background: rgba(212, 175, 55, 0.05) !important;
        padding-left: 1.25rem !important; /* Sağa kayma efekti */
    }

    .tmx-fab-close {
        color: rgba(255,255,255,0.4) !important;
        transition: all 0.3s ease !important;
    }
    .tmx-fab-close:hover {
        color: #D4AF37 !important;
        transform: rotate(90deg) !important;
    }

    /* Mobile adjustments */
    @media (max-width: 768px) {
        #tmx-floating-widget {
            bottom: 20px !important;
            left: 20px !important;
        }
        .tmx-fab-btn {
            width: 50px !important;
            height: 50px !important;
        }
        .tmx-fab-btn i {
            font-size: 24px !important;
        }
        .tmx-fab-panel {
            width: 280px !important;
            bottom: 70px !important;
        }
    }
</style>

<div id="tmx-floating-widget">
    
    <!-- PREMIUM PANEL -->
    <div id="tmxPanel" class="tmx-fab-panel">
        
        <!-- Header -->
        <div class="tmx-fab-header p-5 flex justify-between items-start relative">
            <div>
                <h4 class="font-serif font-bold text-white text-lg tracking-wider mb-1 drop-shadow-md">Themaxut</h4>
                <p class="text-[10px] text-tmx-gold font-light tracking-[0.2em] uppercase">7 Yıldızlı Konfor</p>
            </div>
            <button onclick="toggleTmxPanel()" class="tmx-fab-close focus:outline-none">
                <i class="ph-bold ph-x text-xl"></i>
            </button>
        </div>

        <!-- Body / Info -->
        <div class="p-2">
            <!-- Adres -->
            <a href="https://maps.google.com/?q=TheMaxut" target="_blank" class="tmx-fab-item flex items-start gap-4 p-3 rounded-xl decoration-none">
                <div class="w-10 h-10 rounded-full bg-white/5 border border-tmx-gold/20 flex items-center justify-center shrink-0">
                    <i class="ph-fill ph-map-pin text-tmx-gold text-lg"></i>
                </div>
                <div>
                    <div class="text-[10px] text-white/50 uppercase tracking-widest mb-1 font-semibold">Adres</div>
                    <div class="text-xs text-white/90 font-light leading-relaxed">Güvenevler Mah. No: 29 <br> Şehitkamil / Gaziantep</div>
                </div>
            </a>

            <!-- Telefon -->
            <a href="tel:+905386130509" class="tmx-fab-item flex items-start gap-4 p-3 rounded-xl decoration-none">
                <div class="w-10 h-10 rounded-full bg-white/5 border border-tmx-gold/20 flex items-center justify-center shrink-0">
                    <i class="ph-fill ph-phone-call text-tmx-gold text-lg"></i>
                </div>
                <div class="flex flex-col justify-center">
                    <div class="text-[10px] text-white/50 uppercase tracking-widest mb-1 font-semibold">Hızlı İletişim</div>
                    <div class="text-sm text-white font-medium">+90 ( 538 ) 613 05 09</div>
                </div>
            </a>
            
            <!-- Instagram -->
            <a href="https://www.instagram.com/the_maxut/" target="_blank" class="tmx-fab-item flex items-start gap-4 p-3 rounded-xl decoration-none">
                <div class="w-10 h-10 rounded-full bg-white/5 border border-tmx-gold/20 flex items-center justify-center shrink-0">
                    <i class="ph-fill ph-instagram-logo text-tmx-gold text-lg"></i>
                </div>
                <div class="flex flex-col justify-center">
                    <div class="text-[10px] text-white/50 uppercase tracking-widest mb-1 font-semibold">Bizi Takip Edin</div>
                    <div class="text-sm text-white font-medium">@the_maxut</div>
                </div>
            </a>
        </div>

        <!-- Footer / WhatsApp Button -->
        <div class="p-4 border-t border-white/10 bg-black/40">
            <a href="https://wa.me/905386130509?text=Merhaba,%20hizmetleriniz%20hakk%C4%B1nda%20bilgi%20almak%20istiyorum." target="_blank" class="flex items-center justify-center gap-2 w-full py-3 bg-gradient-to-r from-tmx-gold to-[#8b6508] rounded-xl text-black font-bold text-xs uppercase tracking-widest hover:shadow-[0_5px_15px_rgba(212,175,55,0.4)] transition-all">
                <i class="ph-fill ph-whatsapp-logo text-lg"></i>
                WhatsApp Destek
            </a>
        </div>
    </div>

    <!-- FLOATING BUTTON -->
    <button id="tmxFabBtn" onclick="toggleTmxPanel()" class="tmx-fab-btn">
        <i class="ph-fill ph-sparkle"></i>
    </button>

</div>

<script>
    const tmxPanel = document.getElementById('tmxPanel');
    const tmxFabBtn = document.getElementById('tmxFabBtn');
    const tmxFabIcon = tmxFabBtn.querySelector('i');

    function toggleTmxPanel() {
        tmxPanel.classList.toggle('active');
        
        // İkonu panele göre değiştir (Açıkken Çarpı, Kapalıyken Işıltı)
        if (tmxPanel.classList.contains('active')) {
            tmxFabIcon.classList.remove('ph-sparkle');
            tmxFabIcon.classList.add('ph-x');
        } else {
            tmxFabIcon.classList.remove('ph-x');
            tmxFabIcon.classList.add('ph-sparkle');
        }
    }

    // Panel dışına tıklayınca otomatik kapatma
    document.addEventListener('click', function(event) {
        const isClickInside = document.getElementById('tmx-floating-widget').contains(event.target);
        
        if (!isClickInside && tmxPanel.classList.contains('active')) {
            tmxPanel.classList.remove('active');
            tmxFabIcon.classList.remove('ph-x');
            tmxFabIcon.classList.add('ph-sparkle');
        }
    });
</script><link rel="icon" href="https://www.themaxut.com/wp-content/uploads/2026/06/cropped-maxutt-1-32x32.png" sizes="32x32" />
<link rel="icon" href="https://www.themaxut.com/wp-content/uploads/2026/06/cropped-maxutt-1-192x192.png" sizes="192x192" />
<link rel="apple-touch-icon" href="https://www.themaxut.com/wp-content/uploads/2026/06/cropped-maxutt-1-180x180.png" />
<meta name="msapplication-TileImage" content="https://www.themaxut.com/wp-content/uploads/2026/06/cropped-maxutt-1-270x270.png" />
<style id="wp-custom-css">
.breadcrumb-area {
    display: none !important;
}
</style>
<style id="consua_opt-dynamic-css" title="dynamic-css" class="redux-options-output">.breadcrumb-area{background-image:url('https://www.themaxut.com/wp-content/uploads/2023/08/10-1.jpg');}</style></head>
<body class="error404 wp-embed-responsive wp-theme-consua right-sidebar  elementor-default elementor-kit-7">

		<div data-elementor-type="wp-post" data-elementor-id="1115" class="elementor elementor-1115">
				<div class="elementor-element elementor-element-9222954 e-con-full e-flex e-con e-parent" data-id="9222954" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-6f62a00 elementor-widget elementor-widget-html" data-id="6f62a00" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<script src="https://cdn.tailwindcss.com"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Montserrat:wght@300;400;500;600&display=swap" rel="stylesheet">
<script src="https://unpkg.com/@phosphor-icons/web"></script>

<script>
    tailwind.config = {
        important: '#tmx-header-wrapper',
        theme: {
            extend: {
                fontFamily: {
                    sans: ['Montserrat', 'sans-serif'],
                    serif: ['Cinzel', 'serif'],
                },
                colors: {
                    tmx: {
                        gold: '#D4AF37',
                        goldlight: '#F3E5AB',
                        champagne: '#F7E7CE',
                        rosegold: '#B76E79',
                        charcoal: '#1C1C1C',
                        softtext: '#4A4A4A',
                        pearl: '#FCFBF9'
                    }
                },
                maxWidth: {
                    'tmx': '1600px',
                }
            }
        }
    }
</script>

<style>
    /* Reset & Base Setup */
    #tmx-header-wrapper {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        z-index: 9999 !important;
        transition: all 0.4s ease-in-out !important;
        -webkit-font-smoothing: antialiased !important;
        pointer-events: none !important; /* Alt sayfanın tıklanabilir olmasını sağlar */
    }

    #tmx-header-wrapper > * {
        pointer-events: auto !important; /* Sadece header elementlerinin tıklanmasını sağlar */
    }

    /* Main Navbar Glassmorphism - DARK GOLD ICE CAPSULE DESIGN */
    .tmx-main-nav {
        /* Tamamen Siyah zemin üzerine merkezden hafif gold yansımalar */
        background-color: rgba(8, 8, 8, 0.9) !important; 
        background-image: radial-gradient(at 50% 0%, rgba(212, 175, 55, 0.12) 0px, transparent 50%),
                          radial-gradient(at 50% 100%, rgba(212, 175, 55, 0.05) 0px, transparent 50%) !important;
        backdrop-filter: blur(25px) saturate(180%) !important;
        -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
        border: 1px solid rgba(212, 175, 55, 0.25) !important;
        transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4), inset 0 1px 1px rgba(255, 255, 255, 0.05) !important;
        border-radius: 100px !important;
        max-width: 1350px !important;
        width: 96% !important;
        margin: 15px auto 0 auto !important;
        position: relative !important;
    }

    /* Mobilde Header Arka Planı Daha Dark */
    @media (max-width: 1023px) {
        .tmx-main-nav {
            background-color: rgba(0, 0, 0, 0.95) !important;
            background-image: radial-gradient(at 50% 0%, rgba(212, 175, 55, 0.1) 0px, transparent 50%) !important;
        }
        .tmx-scrolled .tmx-main-nav {
            background-color: rgba(0, 0, 0, 0.98) !important;
            background-image: radial-gradient(at 50% 0%, rgba(212, 175, 55, 0.12) 0px, transparent 50%) !important;
        }
    }

    /* Scrolled State */
    .tmx-scrolled .tmx-main-nav {
        background-color: rgba(0, 0, 0, 0.95) !important;
        background-image: radial-gradient(at 50% 0%, rgba(212, 175, 55, 0.15) 0px, transparent 60%) !important;
        box-shadow: 0 15px 50px rgba(0, 0, 0, 0.6), inset 0 1px 1px rgba(255, 255, 255, 0.08) !important;
        margin-top: 15px !important; 
    }

    /* Logo styling - Küçültüldü ve Header içine sığdırıldı */
    .tmx-logo-wrapper {
        display: block !important;
        height: 50px !important; /* Mobilde küçültüldü */
        transition: transform 0.3s ease !important;
    }
    @media (min-width: 1024px) {
        .tmx-logo-wrapper {
            height: 65px !important; /* Desktopta header içine sığacak şekilde ayarlandı */
        }
    }
    .tmx-logo-wrapper:hover {
        transform: scale(1.05) !important;
    }

    /* Nav Links Underline Effect (Dark Theme) */
    .tmx-main-nav .tmx-nav-link {
        position: relative !important;
        font-family: 'Montserrat', sans-serif !important;
        font-size: 12px !important;
        font-weight: 500 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.12em !important;
        color: rgba(255, 255, 255, 0.85) !important;
        padding: 0.5rem 0 !important;
        transition: color 0.3s ease !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 6px !important;
    }

    .tmx-main-nav .tmx-nav-link::after {
        content: '' !important;
        position: absolute !important;
        bottom: 0 !important;
        left: 50% !important;
        width: 0 !important;
        height: 2px !important;
        background: linear-gradient(90deg, transparent, #D4AF37, transparent) !important;
        transition: all 0.4s ease !important;
        transform: translateX(-50%) !important;
    }

    .tmx-main-nav .tmx-nav-link:hover, .tmx-main-nav .tmx-nav-link.active-link {
        color: #D4AF37 !important;
    }

    .tmx-main-nav .tmx-nav-link:hover::after, .tmx-main-nav .tmx-nav-link.active-link::after {
        width: 100% !important;
    }

    /* Premium Button (Right CTA) */
    .tmx-cta-btn {
        background: linear-gradient(135deg, #D4AF37 0%, #aa771c 100%) !important;
        color: #ffffff !important; 
        border: 1px solid #f3e5ab !important;
        padding: 10px 24px !important;
        border-radius: 30px !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        letter-spacing: 0.15em !important;
        text-transform: uppercase !important;
        transition: all 0.4s ease !important;
        box-shadow: 0 5px 15px rgba(212, 175, 55, 0.2) !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 8px !important;
    }

    .tmx-cta-btn:hover {
        background: linear-gradient(135deg, #f3e5ab, #D4AF37) !important;
        box-shadow: 0 10px 25px rgba(212, 175, 55, 0.4) !important;
        transform: translateY(-2px) !important;
        color: #ffffff !important;
    }

    /* Mobile Menu Fullscreen Overlay */
    .tmx-mobile-menu {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
        background: rgba(17, 17, 17, 0.98) !important;
        backdrop-filter: blur(20px) !important;
        -webkit-backdrop-filter: blur(20px) !important;
        z-index: 99999 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        opacity: 0 !important;
        pointer-events: none !important;
        transition: all 0.5s cubic-bezier(0.86, 0, 0.07, 1) !important;
    }

    .tmx-mobile-menu.active {
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    .tmx-mobile-link {
        font-family: 'Cinzel', serif !important;
        font-size: 22px !important;
        color: rgba(255, 255, 255, 0.6) !important;
        margin: 12px 0 !important;
        transition: all 0.4s ease !important;
        text-decoration: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 12px !important;
        transform: translateY(20px) !important;
        opacity: 0 !important;
        width: auto !important;
        text-align: center !important;
    }

    .tmx-mobile-menu.active .tmx-mobile-link {
        transform: translateY(0) !important;
        opacity: 1 !important;
    }

    /* Staggering delay for mobile links */
    .tmx-mobile-menu.active .tmx-mobile-link:nth-child(1) { transition-delay: 0.1s !important; }
    .tmx-mobile-menu.active .tmx-mobile-link:nth-child(2) { transition-delay: 0.2s !important; }
    .tmx-mobile-menu.active .tmx-mobile-link:nth-child(3) { transition-delay: 0.3s !important; }
    .tmx-mobile-menu.active .tmx-mobile-link:nth-child(4) { transition-delay: 0.4s !important; }
    .tmx-mobile-menu.active .tmx-mobile-link:nth-child(5) { transition-delay: 0.5s !important; }
    .tmx-mobile-menu.active .tmx-mobile-link:nth-child(6) { transition-delay: 0.6s !important; }

    .tmx-mobile-link:hover, .tmx-mobile-link.active-link {
        color: #D4AF37 !important;
        transform: scale(1.05) !important;
    }

    .tmx-mobile-close {
        position: absolute !important;
        top: 30px !important;
        right: 30px !important;
        color: #D4AF37 !important;
        font-size: 40px !important;
        cursor: pointer !important;
        transition: transform 0.4s ease !important;
    }

    .tmx-mobile-close:hover {
        transform: rotate(90deg) !important;
        color: #ffffff !important;
    }

    /* Hamburger Icon */
    .tmx-hamburger {
        color: #D4AF37 !important;
        transition: color 0.3s ease !important;
    }

    /* YEPYENİ SIFIRDAN PREMIUM RANDEVU MODAL */
    #tmx-appointment-modal {
        position: fixed !important;
        inset: 0 !important;
        background: rgba(0, 0, 0, 0.85) !important;
        backdrop-filter: blur(20px) !important;
        -webkit-backdrop-filter: blur(20px) !important;
        z-index: 999999 !important;
        display: none !important;
        align-items: center !important;
        justify-content: center !important;
        opacity: 0 !important;
        transition: opacity 0.5s ease !important;
    }
    #tmx-appointment-modal.active {
        display: flex !important;
        opacity: 1 !important;
    }
    #tmx-appointment-modal .tmx-modal-box {
        background: #0A0A0A !important;
        background-image: radial-gradient(at 100% 0%, rgba(212, 175, 55, 0.15) 0px, transparent 50%),
                          radial-gradient(at 0% 100%, rgba(212, 175, 55, 0.05) 0px, transparent 50%) !important;
        border: 1px solid rgba(212, 175, 55, 0.3) !important;
        border-radius: 1rem !important;
        width: 90% !important;
        max-width: 420px !important;
        padding: 3rem !important;
        transform: translateY(30px) scale(0.95) !important;
        transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
        box-shadow: 0 30px 60px rgba(0,0,0,0.9), inset 0 0 0 1px rgba(255,255,255,0.05) !important;
        color: #ffffff !important;
        position: relative !important;
        overflow: hidden !important;
    }
    #tmx-appointment-modal.active .tmx-modal-box {
        transform: translateY(0) scale(1) !important;
    }
    
    #tmx-appointment-modal .tmx-close-btn {
        position: absolute !important;
        top: 20px !important;
        right: 20px !important;
        color: rgba(255,255,255,0.4) !important;
        transition: all 0.3s ease !important;
        background: transparent !important;
        border: none !important;
        cursor: pointer !important;
        z-index: 10 !important;
    }
    #tmx-appointment-modal .tmx-close-btn:hover {
        color: #D4AF37 !important;
        transform: rotate(90deg) !important;
    }

    #tmx-appointment-modal .tmx-input-group {
        position: relative !important;
        margin-bottom: 1.5rem !important;
    }

    #tmx-appointment-modal .tmx-input-icon {
        position: absolute !important;
        left: 0 !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        color: rgba(212, 175, 55, 0.7) !important;
        font-size: 1.2rem !important;
        pointer-events: none !important;
        transition: all 0.4s ease !important;
    }

    #tmx-appointment-modal .tmx-input-field {
        width: 100% !important;
        background: transparent !important;
        border: none !important;
        border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
        color: #ffffff !important;
        padding: 0.75rem 0.5rem 0.75rem 2rem !important;
        font-family: 'Montserrat', sans-serif !important;
        font-size: 15px !important;
        outline: none !important;
        transition: all 0.4s ease !important;
        border-radius: 0 !important;
    }
    #tmx-appointment-modal .tmx-input-field::placeholder {
        color: rgba(255, 255, 255, 0.3) !important;
        font-weight: 300 !important;
    }
    #tmx-appointment-modal .tmx-input-field:focus {
        border-bottom-color: #D4AF37 !important;
        box-shadow: 0 10px 10px -10px rgba(212, 175, 55, 0.4) !important;
    }
    #tmx-appointment-modal .tmx-input-field:focus + .tmx-input-icon {
        color: #D4AF37 !important;
        transform: translateY(-50%) scale(1.1) !important;
    }

    #tmx-appointment-modal .tmx-input-field option {
        background: #1C1C1C !important;
        color: #ffffff !important;
        padding: 10px !important;
    }
    
    #tmx-appointment-modal select.tmx-input-field {
        cursor: pointer !important;
        appearance: none !important;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23D4AF37'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E") !important;
        background-repeat: no-repeat !important;
        background-position: right 0 center !important;
        background-size: 16px !important;
        padding-right: 20px !important;
    }

    .tmx-btn-premium-send {
        width: 100% !important;
        background: linear-gradient(90deg, #D4AF37 0%, #aa771c 100%) !important;
        color: #000000 !important;
        border: none !important;
        padding: 16px 24px !important;
        border-radius: 4px !important;
        font-family: 'Montserrat', sans-serif !important;
        font-weight: 600 !important;
        font-size: 12px !important;
        text-transform: uppercase !important;
        letter-spacing: 0.2em !important;
        cursor: pointer !important;
        transition: all 0.4s ease !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 10px !important;
        margin-top: 2rem !important;
        box-shadow: 0 10px 20px rgba(212, 175, 55, 0.3) !important;
    }
    .tmx-btn-premium-send:hover {
        box-shadow: 0 15px 30px rgba(212, 175, 55, 0.5) !important;
        transform: translateY(-3px) !important;
        background: linear-gradient(90deg, #f3e5ab 0%, #D4AF37 100%) !important;
    }
</style>

<div id="tmx-header-wrapper" class="font-sans">

    <!-- MAIN NAVBAR (Dark Gold Ice Kapsül Menü) -->
    <div class="tmx-main-nav">
        <div class="px-5 lg:px-8 flex justify-between items-center h-[80px] lg:h-[95px]">
            
            <!-- LOGO (SOL) - flex-1 ile genişlik eşitlendi -->
            <div class="flex-1 flex items-center justify-start">
                <a href="/" class="tmx-logo-wrapper flex items-center justify-start">
                    <img src="/wp-content/uploads/2026/06/maxutt-1.png" alt="The Maxut Logo" class="w-auto h-full object-contain drop-shadow-[0_5px_10px_rgba(0,0,0,0.5)]">
                </a>
            </div>

            <!-- DESKTOP: Menü Bağlantıları (ORTA) - flex-[2] ile tam ortaya hizalandı ve gap büyütüldü -->
            <div class="hidden lg:flex flex-[2] justify-center items-center gap-4 lg:gap-8 px-2">
                <a href="/" class="tmx-nav-link"><i class="ph-light ph-house-line text-lg mb-0.5 text-tmx-gold"></i> Anasayfa</a>
                <i class="ph-fill ph-diamond text-[5px] text-tmx-gold/30"></i>
                
                <a href="/kurumsal" class="tmx-nav-link"><i class="ph-light ph-buildings text-lg mb-0.5 text-tmx-gold"></i> Kurumsal</a>
                <i class="ph-fill ph-diamond text-[5px] text-tmx-gold/30"></i>
                
                <a href="/hizmetlerimiz" class="tmx-nav-link"><i class="ph-light ph-sparkle text-lg mb-0.5 text-tmx-gold"></i> Hizmetlerimiz</a>
                <i class="ph-fill ph-diamond text-[5px] text-tmx-gold/30"></i>
                
                <a href="/galeri" class="tmx-nav-link"><i class="ph-light ph-image text-lg mb-0.5 text-tmx-gold"></i> Galeri</a>
                <i class="ph-fill ph-diamond text-[5px] text-tmx-gold/30"></i>
                
                <a href="/iletisim" class="tmx-nav-link"><i class="ph-light ph-envelope-simple text-lg mb-0.5 text-tmx-gold"></i> İletişim</a>
            </div>

            <!-- DESKTOP: Sağ Menü & Randevu Butonu (SAĞ) - flex-1 ile sağa itildi -->
            <div class="hidden lg:flex flex-1 justify-end items-center">
                <button onclick="openTmxAppointmentModal()" class="tmx-cta-btn">
                    <i class="ph-fill ph-calendar-plus text-sm text-white"></i> Randevu
                </button>
            </div>

            <!-- MOBILE: Hamburger (SAĞ) -->
            <div class="lg:hidden flex-1 flex justify-end items-center gap-3">
                <button onclick="openTmxMobileMenu()" class="focus:outline-none tmx-hamburger pl-2">
                    <i class="ph-light ph-list text-[34px]"></i>
                </button>
            </div>

        </div>
    </div>

</div>

<!-- FULLSCREEN MOBILE MENU (Overlay) -->
<div id="tmx-mobile-overlay" class="tmx-mobile-menu">
    <button onclick="closeTmxMobileMenu()" class="tmx-mobile-close focus:outline-none">
        <i class="ph-light ph-x"></i>
    </button>

    <div class="flex flex-col items-center justify-center w-full h-full p-6 text-center">
        
        <!-- Mobile Menu Logo (px cinsinden küçültüldü ve ortalandı) -->
        <img src="/wp-content/uploads/2026/06/maxutt-1.png" alt="The Maxut Logo" style="height: 60px; width: auto;" class="mx-auto mb-10 filter drop-shadow-[0_0_15px_rgba(212,175,55,0.2)]">
        
        <!-- Menü Linkleri -->
        <nav class="flex flex-col items-center justify-center w-full gap-2">
            <a href="/" class="tmx-mobile-link group">
                <i class="ph-light ph-house-line text-tmx-gold"></i> Anasayfa
            </a>
            <a href="/kurumsal" class="tmx-mobile-link group">
                <i class="ph-light ph-buildings text-tmx-gold"></i> Kurumsal
            </a>
            <a href="/hizmetlerimiz" class="tmx-mobile-link group">
                <i class="ph-light ph-sparkle text-tmx-gold"></i> Hizmetlerimiz
            </a>
            <a href="/galeri" class="tmx-mobile-link group">
                <i class="ph-light ph-image text-tmx-gold"></i> Galeri
            </a>
            <a href="/iletisim" class="tmx-mobile-link group">
                <i class="ph-light ph-envelope-simple text-tmx-gold"></i> İletişim
            </a>
            <!-- Randevu Butonu Ortalandı -->
            <button onclick="closeTmxMobileMenu(); openTmxAppointmentModal();" class="tmx-mobile-link group mt-5 flex justify-center items-center text-center mx-auto" style="color: #D4AF37 !important;">
                <i class="ph-fill ph-calendar-plus"></i> Online Randevu
            </button>
        </nav>
        
    </div>
</div>

<!-- RANDEVU MODAL (Yepyeni Sıfırdan Premium Tasarım) -->
<div id="tmx-appointment-modal" class="tmx-modal-overlay">
    <div class="tmx-modal-box">
        
        <!-- Çarpı Butonu -->
        <button onclick="closeTmxAppointmentModal()" class="tmx-close-btn">
            <i class="ph-light ph-x text-2xl"></i>
        </button>
        
        <!-- Başlık -->
        <div class="text-center mb-10">
            <h3 class="font-serif font-semibold text-3xl text-white tracking-widest uppercase m-0 mb-3">Randevu</h3>
            <div class="h-px w-12 bg-tmx-gold mx-auto mb-3"></div>
            <p class="text-[10px] text-white/40 font-light tracking-[0.2em] uppercase">Themaxut Ayrıcalığı</p>
        </div>
        
        <!-- Form Alanları (Minimalist İkonlu Çizgi Tasarımı) -->
        <div class="space-y-6">
            <div class="tmx-input-group">
                <input id="apt-name" type="text" placeholder="Adınız Soyadınız" class="tmx-input-field">
                <i class="ph-light ph-user tmx-input-icon"></i>
            </div>

            <div class="tmx-input-group">
                <input id="apt-phone" type="tel" placeholder="Telefon Numaranız" class="tmx-input-field">
                <i class="ph-light ph-phone tmx-input-icon"></i>
            </div>
            
            <div class="tmx-input-group">
                <select id="apt-service" class="tmx-input-field" style="color: rgba(255,255,255,0.4) !important;" onchange="this.style.color='#ffffff'">
                    <option value="" disabled selected hidden>İlgilendiğiniz Hizmet</option>
                    <option value="Bayan Kuaför">Bayan Kuaför İşlemleri</option>
                    <option value="Spa & Hamam">Spa & Hamam</option>
                    <option value="VIP Gelin Paketi">VIP Gelin Paketi</option>
                    <option value="Beauty Salon">Beauty Salon & Cilt Bakım</option>
                    <option value="Pilates">Pilates</option>
                </select>
                <i class="ph-light ph-sparkle tmx-input-icon"></i>
            </div>
            
            <!-- Premium Gönder Butonu -->
            <button onclick="sendAppointmentToWhatsApp()" class="tmx-btn-premium-send">
                <i class="ph-fill ph-whatsapp-logo text-xl"></i>
                WhatsApp İle Gönder
            </button>
        </div>
        
    </div>
</div>

<!-- OTOMATİK BOŞLUK (Anasayfa hariç sayfalarda header'ın altını açar, arkası belirtilen gold gradyanı kullanır) -->
<div id="tmx-header-spacer" style="display: none; height: 100px; width: 100%; background-color: transparent !important; background-image: radial-gradient(at 0% 0%, rgba(212, 175, 55, 0.05) 0px, transparent 50%), radial-gradient(at 100% 100%, rgba(183, 110, 121, 0.03) 0px, transparent 50%) !important;"></div>

<script>
    // Header Scroll Effect (Zemin daralır)
    window.addEventListener('scroll', () => {
        const header = document.getElementById('tmx-header-wrapper');
        if (window.scrollY > 40) {
            header.classList.add('tmx-scrolled');
        } else {
            header.classList.remove('tmx-scrolled');
        }
    });

    // Sayfaya Göre Menü Aktifleştirme & Spacer Mantığı (Kusursuz Dinamik Yaklaşım)
    document.addEventListener('DOMContentLoaded', () => {
        // Sondaki slash'ı silerek tam eşleşme kontrolü sağlar (örn. /kurumsal/ -> /kurumsal)
        const currentPath = window.location.pathname.replace(/\/$/, "");
        const navLinks = document.querySelectorAll('.tmx-nav-link, .tmx-mobile-link');
        
        // Linkleri Aktifleştirme
        navLinks.forEach(link => {
            let linkHref = link.getAttribute('href');
            if(!linkHref) return;
            
            // Eğer anchor linki (#) varsa, temizle
            if(linkHref.includes('#') && linkHref.length > 1) {
                linkHref = linkHref.split('#')[0];
            }
            linkHref = linkHref.replace(/\/$/, "");
            
            // Eşleşiyorsa aktif yap
            if (currentPath === linkHref || (currentPath === '' && linkHref === '')) {
                link.classList.add('active-link');
            }
        });

        // Anasayfa Değilse Spacer (Boşluk) Göster
        if (currentPath !== '' && currentPath !== '/' && currentPath !== '/index.html') {
            const spacer = document.getElementById('tmx-header-spacer');
            if(spacer) {
                spacer.style.display = 'block';
            }
        }
    });

    // Mobil Menü İşlevleri
    const mobileMenu = document.getElementById('tmx-mobile-overlay');

    function openTmxMobileMenu() {
        mobileMenu.classList.add('active');
        document.body.style.overflow = 'hidden'; 
    }

    function closeTmxMobileMenu() {
        mobileMenu.classList.remove('active');
        document.body.style.overflow = 'auto'; 
    }

    // Appointment Modal Functions
    const aptModal = document.getElementById('tmx-appointment-modal');

    function openTmxAppointmentModal() {
        aptModal.classList.add('active');
        document.body.style.overflow = 'hidden';
    }

    function closeTmxAppointmentModal() {
        aptModal.classList.remove('active');
        document.body.style.overflow = 'auto';
    }

    aptModal.addEventListener('click', function(e) {
        if(e.target === this) {
            closeTmxAppointmentModal();
        }
    });

    function sendAppointmentToWhatsApp() {
        const name = document.getElementById('apt-name').value.trim();
        const phone = document.getElementById('apt-phone').value.trim();
        const serviceElement = document.getElementById('apt-service');
        const service = serviceElement.options[serviceElement.selectedIndex].text;
        
        if(!name || !phone || serviceElement.value === "") {
            alert("Lütfen isim, telefon ve hizmet alanlarını eksiksiz doldurun.");
            return;
        }
        
        const message = `Merhaba, randevu oluşturmak istiyorum.%0A%0A*Ad Soyad:* ${name}%0A*Telefon:* ${phone}%0A*Hizmet:* ${service}`;
        const whatsappUrl = `https://wa.me/905386130509?text=${message}`;
        
        window.open(whatsappUrl, '_blank');
        closeTmxAppointmentModal();
    }
</script>				</div>
				</div>
				</div>
		<!-- Page title --><div class="breadcrumb-area shadow dark bg-cover text-center text-light "><div class="breadcrum-shape"><img src="https://www.themaxut.com/wp-content/uploads/2023/09/50.png" alt="TheMaxut Köşk - Resmi Web Sayfası"></div><div class="container"><div class="row"><div class="col-lg-12 col-md-12"><h1 class="breadcumb-title">404 PAGE</h1><ul class="breadcrumb" class="nav"><li><a href="https://www.themaxut.com" title="Home"><i class="fas fa-home"></i>Home</a></li><li>Error 404</li></ul></div></div></div></div><!-- End of Page title --><div class="error-page-area text-center default-padding"><div class="shape-left" style="background: url(https://www.themaxut.com/wp-content/uploads/2023/09/44-left.png);"></div><div class="shape-right" style="background: url(https://www.themaxut.com/wp-content/uploads/2023/09/44-right.png);"></div><div class="container"><div class="row align-center"><div class="col-lg-8 offset-lg-2"><div class="error-box"><h1>404</h1><h2>Oops! That page can&#039;t be found.</h2><p>Unfortunately, something went wrong and this page does not exist. Try using the search or return to the previous page.</p><a class="btn circle btn-theme effect btn-md" href="https://www.themaxut.com/">Return To Home</a></div></div></div></div></div>		<div data-elementor-type="wp-post" data-elementor-id="1040" class="elementor elementor-1040">
				<div class="elementor-element elementor-element-a8f7172 e-con-full e-flex e-con e-parent" data-id="a8f7172" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-65d44bd elementor-widget elementor-widget-html" data-id="65d44bd" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<script src="https://cdn.tailwindcss.com"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Montserrat:wght@300;400;500;600&display=swap" rel="stylesheet">
<script src="https://unpkg.com/@phosphor-icons/web"></script>

<script>
    tailwind.config = {
        important: '#tmx-footer-wrapper',
        theme: {
            extend: {
                fontFamily: {
                    sans: ['Montserrat', 'sans-serif'],
                    serif: ['Cinzel', 'serif'],
                },
                colors: {
                    tmx: {
                        gold: '#D4AF37',
                        goldlight: '#F3E5AB',
                        champagne: '#F7E7CE',
                        rosegold: '#B76E79',
                        charcoal: '#1C1C1C',
                        softtext: '#4A4A4A',
                        pearl: '#FCFBF9'
                    }
                },
                maxWidth: {
                    'tmx': '1600px',
                }
            }
        }
    }
</script>

<style>
    #tmx-footer-wrapper {
        background-color: #111111 !important;
        background-image: radial-gradient(at 50% 0%, rgba(212, 175, 55, 0.08) 0px, transparent 60%),
                          radial-gradient(at 100% 100%, rgba(212, 175, 55, 0.03) 0px, transparent 50%) !important;
        color: #FCFBF9 !important;
        overflow-x: hidden !important;
        line-height: 1.8 !important;
        -webkit-font-smoothing: antialiased !important;
        width: 100% !important;
        position: relative !important;
        border-top: 2px solid rgba(212, 175, 55, 0.3) !important;
    }

    #tmx-footer-wrapper::before {
        content: '' !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        height: 1px !important;
        background: linear-gradient(90deg, transparent, #D4AF37, transparent) !important;
        opacity: 0.8 !important;
    }

    #tmx-footer-wrapper h3, 
    #tmx-footer-wrapper h4 {
        color: #ffffff !important;
        letter-spacing: 0.05em !important;
    }

    .tmx-text-gradient-gold {
        background: linear-gradient(to right, #b8860b, #d4af37, #f3e5ab, #cda75c, #8b6508) !important;
        -webkit-background-clip: text !important;
        background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
        color: transparent !important;
        background-size: 200% auto !important;
        display: inline-block !important;
    }

    /* Animated Line Effect for Headings */
    @keyframes lineGlow {
        0% { width: 30px; opacity: 0.6; }
        50% { width: 60px; opacity: 1; }
        100% { width: 30px; opacity: 0.6; }
    }
    
    .tmx-footer-title {
        position: relative !important;
        padding-bottom: 10px !important;
        display: inline-flex !important;
    }
    
    .tmx-footer-title::after {
        content: '' !important;
        position: absolute !important;
        left: 0 !important;
        bottom: 0 !important;
        height: 2px !important;
        background: linear-gradient(90deg, #D4AF37, transparent) !important;
        animation: lineGlow 3s infinite ease-in-out !important;
        border-radius: 2px !important;
    }

    .tmx-footer-link {
        position: relative !important;
        transition: all 0.3s ease !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 8px !important;
        color: rgba(255, 255, 255, 0.7) !important;
    }

    .tmx-footer-link:hover {
        color: #D4AF37 !important;
        transform: translateX(5px) !important;
    }

    .tmx-social-btn {
        width: 40px !important;
        height: 40px !important;
        border-radius: 50% !important;
        border: 1px solid rgba(212, 175, 55, 0.3) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: #D4AF37 !important;
        transition: all 0.4s ease !important;
        background: rgba(255, 255, 255, 0.03) !important;
    }

    .tmx-social-btn:hover {
        background: #D4AF37 !important;
        color: #111111 !important;
        transform: translateY(-3px) !important;
        box-shadow: 0 10px 20px rgba(212, 175, 55, 0.2) !important;
    }

    .tmx-divider-glow {
        height: 1px !important;
        background: linear-gradient(90deg, rgba(212, 175, 55, 0.1), rgba(212, 175, 55, 0.4), rgba(212, 175, 55, 0.1)) !important;
        width: 100% !important;
        margin: 2rem 0 !important;
    }

    /* Modal (Popup) CSS */
    #tmx-footer-modal {
        display: none !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        background: rgba(0, 0, 0, 0.7) !important;
        backdrop-filter: blur(10px) !important;
        -webkit-backdrop-filter: blur(10px) !important;
        z-index: 99999 !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 20px !important;
        opacity: 0 !important;
        transition: opacity 0.3s ease !important;
    }

    #tmx-footer-modal.active {
        display: flex !important;
        opacity: 1 !important;
    }

    .tmx-modal-box {
        background: #FCFBF9 !important;
        border: 1px solid #D4AF37 !important;
        border-radius: 1.5rem !important;
        width: 100% !important;
        max-width: 700px !important;
        max-height: 85vh !important;
        display: flex !important;
        flex-direction: column !important;
        box-shadow: 0 25px 50px rgba(0,0,0,0.4), inset 0 0 0 4px rgba(212, 175, 55, 0.1) !important;
        transform: translateY(20px) !important;
        transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
        color: #4A4A4A !important;
    }

    #tmx-footer-modal.active .tmx-modal-box {
        transform: translateY(0) !important;
    }

    .tmx-modal-header {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 1.5rem 2rem !important;
        border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
        background: linear-gradient(to right, #FCFBF9, #F7E7CE) !important;
        border-radius: 1.5rem 1.5rem 0 0 !important;
    }

    .tmx-modal-body {
        padding: 2rem !important;
        overflow-y: auto !important;
        font-family: 'Montserrat', sans-serif !important;
        font-size: 14px !important;
        font-weight: 300 !important;
        line-height: 1.8 !important;
        text-align: justify !important;
    }

    .tmx-modal-body::-webkit-scrollbar {
        width: 6px !important;
    }
    .tmx-modal-body::-webkit-scrollbar-track {
        background: rgba(0,0,0,0.05) !important;
    }
    .tmx-modal-body::-webkit-scrollbar-thumb {
        background: #D4AF37 !important;
        border-radius: 10px !important;
    }
</style>

<footer id="tmx-footer-wrapper" class="font-sans">

    <!-- Top Luxury Line -->
    <div class="max-w-tmx mx-auto px-4 sm:px-6 lg:px-12 pt-16 pb-12">
        <div class="grid grid-cols-1 lg:grid-cols-12 gap-12 lg:gap-8">
            
            <!-- 1. Sütun: Logo ve Vizyon -->
            <div class="lg:col-span-4 flex flex-col items-start text-left">
                <img src="/wp-content/uploads/2026/06/maxutt-1.png" alt="The Maxut Logo" class="h-20 md:h-24 mb-6 object-contain filter drop-shadow-[0_0_15px_rgba(212,175,55,0.3)]">
                <p class="text-[14px] font-light text-white/60 leading-relaxed mb-8 max-w-sm">
                    Gaziantep'in kalbinde, estetiği ve 7 yıldızlı VIP konforunu yaşam tarzınız haline getiren eşsiz bir güzellik & arınma köşkü. Ayrıcalıklı dünyaya hoş geldiniz.
                </p>
                <div class="flex items-center gap-4">
                    <a href="https://www.instagram.com/the_maxut/" target="_blank" class="tmx-social-btn group">
                        <i class="ph-light ph-instagram-logo text-xl"></i>
                    </a>
                    <a href="https://wa.me/905386130509" target="_blank" class="tmx-social-btn group">
                        <i class="ph-light ph-whatsapp-logo text-xl"></i>
                    </a>
                </div>
            </div>

            <!-- 2. Sütun: Hızlı Bağlantılar -->
            <div class="lg:col-span-2 lg:col-start-6 flex flex-col items-start">
                <h4 class="tmx-footer-title font-serif font-semibold text-lg mb-6 flex items-center gap-2">
                    <i class="ph-fill ph-diamond text-tmx-gold text-xs"></i> Keşfedin
                </h4>
                <ul class="space-y-4">
                    <li><a href="/" class="tmx-footer-link text-[13px] uppercase tracking-widest"><i class="ph-light ph-caret-right text-tmx-gold"></i> Anasayfa</a></li>
                    <li><a href="/hakkimizda" class="tmx-footer-link text-[13px] uppercase tracking-widest"><i class="ph-light ph-caret-right text-tmx-gold"></i> Kurumsal</a></li>
                    <li><a href="/spa" class="tmx-footer-link text-[13px] uppercase tracking-widest"><i class="ph-light ph-caret-right text-tmx-gold"></i> Spa & Hamam</a></li>
                    <li><a href="/beauty" class="tmx-footer-link text-[13px] uppercase tracking-widest"><i class="ph-light ph-caret-right text-tmx-gold"></i> Beauty Salon</a></li>
                    <li><a href="/kuafor" class="tmx-footer-link text-[13px] uppercase tracking-widest"><i class="ph-light ph-caret-right text-tmx-gold"></i> Bayan Kuaför</a></li>
                </ul>
            </div>

            <!-- 3. Sütun: Hizmetlerimiz -->
            <div class="lg:col-span-2 flex flex-col items-start">
                <h4 class="tmx-footer-title font-serif font-semibold text-lg mb-6 flex items-center gap-2">
                    <i class="ph-fill ph-diamond text-tmx-gold text-xs"></i> Hizmetler
                </h4>
                <ul class="space-y-4">
                    <li><a href="/pilates" class="tmx-footer-link text-[13px] uppercase tracking-widest"><i class="ph-light ph-caret-right text-tmx-gold"></i> Pilates Salonu</a></li>
                    <li><a href="/cafe" class="tmx-footer-link text-[13px] uppercase tracking-widest"><i class="ph-light ph-caret-right text-tmx-gold"></i> The Maxut Cafe</a></li>
                    <li><a href="/kuafor#vip-gelin" class="tmx-footer-link text-[13px] uppercase tracking-widest"><i class="ph-light ph-caret-right text-tmx-gold"></i> VIP Gelin Paketi</a></li>
                    <li><a href="/spa#masaj-odasi" class="tmx-footer-link text-[13px] uppercase tracking-widest"><i class="ph-light ph-caret-right text-tmx-gold"></i> Profesyonel Masaj</a></li>
                    <li><a href="/beauty#kalici-makyaj" class="tmx-footer-link text-[13px] uppercase tracking-widest"><i class="ph-light ph-caret-right text-tmx-gold"></i> Kalıcı Makyaj</a></li>
                </ul>
            </div>

            <!-- 4. Sütun: İletişim -->
            <div class="lg:col-span-3 flex flex-col items-start text-left">
                <h4 class="tmx-footer-title font-serif font-semibold text-lg mb-6 flex items-center gap-2">
                    <i class="ph-fill ph-diamond text-tmx-gold text-xs"></i> İletişim
                </h4>
                <ul class="space-y-5">
                    <li class="flex items-center gap-4">
                        <i class="ph-light ph-map-pin text-tmx-gold text-xl"></i>
                        <span class="text-[14px] font-light text-white/70 leading-relaxed">Güvenevler Mah. No: 29 Şehitkamil / Gaziantep</span>
                    </li>
                    <li class="flex items-center gap-4">
                        <i class="ph-light ph-phone text-tmx-gold text-xl"></i>
                        <a href="tel:+905386130509" class="text-[14px] font-light text-white/70 hover:text-tmx-gold transition-colors">+90 ( 538 ) 613 05 09</a>
                    </li>
                    <li class="flex items-center gap-4">
                        <i class="ph-light ph-envelope-simple text-tmx-gold text-xl"></i>
                        <a href="mailto:info@themaxut.com" class="text-[14px] font-light text-white/70 hover:text-tmx-gold transition-colors">info@themaxut.com</a>
                    </li>
                </ul>
            </div>

        </div>

        <div class="tmx-divider-glow"></div>

        <!-- Bottom Footer (Copyright & Legal) -->
        <div class="flex flex-col md:flex-row justify-between items-center gap-6">
            <div class="text-[12px] font-light text-white/40 tracking-wider">
                &copy; 2026 THE MAXUT KÖŞKÜ. TÜM HAKLARI SAKLIDIR.
            </div>
            
            <div class="flex items-center gap-6">
                <button onclick="openTmxLegalModal('kvkk')" class="text-[11px] font-medium text-white/50 hover:text-tmx-gold uppercase tracking-widest transition-colors focus:outline-none">
                    KVKK AYDINLATMA METNİ
                </button>
                <span class="text-tmx-gold/30">|</span>
                <button onclick="openTmxLegalModal('gizlilik')" class="text-[11px] font-medium text-white/50 hover:text-tmx-gold uppercase tracking-widest transition-colors focus:outline-none">
                    GİZLİLİK POLİTİKASI
                </button>
            </div>
        </div>
    </div>

    <!-- YASAL METİNLER (KVKK / GİZLİLİK) POPUP MODAL -->
    <div id="tmx-footer-modal">
        <div class="tmx-modal-box">
            <!-- Header -->
            <div class="tmx-modal-header">
                <h4 id="tmx-modal-title" class="font-serif font-bold text-xl text-black m-0">Yasal Metin</h4>
                <button onclick="closeTmxLegalModal()" class="text-black/50 hover:text-[#D4AF37] transition-colors focus:outline-none">
                    <i class="ph-light ph-x text-3xl"></i>
                </button>
            </div>
            
            <!-- Body -->
            <div id="tmx-modal-content" class="tmx-modal-body">
                <!-- İçerik JS ile buraya yüklenecek -->
            </div>

            <!-- Footer Action -->
            <div class="p-6 border-t border-tmx-gold/20 flex justify-end bg-black/5 rounded-b-[1.5rem]">
                <button onclick="closeTmxLegalModal()" class="px-8 py-3 bg-gradient-to-r from-[#D4AF37] to-[#8b6508] text-white rounded-full text-xs font-semibold uppercase tracking-widest hover:shadow-lg hover:-translate-y-1 transition-all focus:outline-none">
                    Okudum, Anladım
                </button>
            </div>
        </div>
    </div>

</footer>

<script>
    // Dinamik İçerikler
    const legalContents = {
        kvkk: {
            title: "KVKK Aydınlatma Metni",
            body: `
                <p class="mb-4"><strong class="text-tmx-gold">Themaxut</strong> olarak, müşterilerimizin, çalışanlarımızın ve web sitemizi ziyaret eden tüm bireylerin kişisel verilerinin güvenliği hususuna azami hassasiyet göstermekteyiz. Bu bilinçle, kurumumuz ile ilişkili tüm şahıslara ait her türlü kişisel verilerin 6698 sayılı Kişisel Verilerin Korunması Kanunu ("KVKK")'na, bağlı mevzuatına ve Kişisel Verileri Koruma Kurulu kararlarına uygun olarak işlenerek, muhafaza edilmesine büyük önem atfetmekteyiz.</p>
                <p class="mb-4"><strong>1. Veri Sorumlusunun Kimliği:</strong><br> KVKK uyarınca, Themaxut olarak "Veri Sorumlusu" sıfatıyla, kişisel verilerinizi aşağıda açıklanan amaçlar kapsamında; hukuka ve dürüstlük kurallarına uygun bir şekilde işleyebilecek, kaydedebilecek, saklayabilecek ve mevzuatın izin verdiği durumlarda üçüncü kişilere aktarabileceğiz.</p>
                <p class="mb-4"><strong>2. Kişisel Verilerin İşlenme Amacı:</strong><br> Toplanan kişisel verileriniz (Ad, Soyad, İletişim Bilgileri, Randevu Bilgileri vb.), sizlere sunduğumuz güzellik, spa ve kuaför hizmetlerinden faydalanabilmeniz, randevu süreçlerinin yönetilmesi, hizmet kalitemizin artırılması ve iletişim faaliyetlerinin yürütülmesi amaçlarıyla işlenmektedir.</p>
                <p>KVKK'nın 11. maddesinde sayılan haklarınızı kullanmak ve detaylı bilgi almak için <strong>info@themaxut.com</strong> adresi üzerinden bizimle iletişime geçebilirsiniz.</p>
            `
        },
        gizlilik: {
            title: "Gizlilik Politikası",
            body: `
                <p class="mb-4"><strong class="text-tmx-gold">Themaxut</strong> web sitesine ("Site") hoş geldiniz. Bu Gizlilik Politikası, sitemizi ziyaret ettiğinizde ve hizmetlerimizden faydalandığınızda hakkınızda toplanan bilgilerin nasıl kullanıldığını ve korunduğunu açıklamaktadır.</p>
                <p class="mb-4"><strong>Bilgi Toplama ve Kullanım:</strong><br> Sitemiz üzerinden randevu oluştururken veya iletişim formunu doldururken sağladığınız ad, e-posta adresi, telefon numarası gibi kişisel bilgiler, yalnızca taleplerinizi karşılamak ve size daha iyi hizmet sunmak amacıyla kullanılır. Bu bilgiler, yasal bir zorunluluk olmadıkça veya açık rızanız bulunmadıkça hiçbir üçüncü şahıs veya kurumla paylaşılmaz.</p>
                <p class="mb-4"><strong>Çerezler (Cookies):</strong><br> Sitemiz, kullanıcı deneyimini geliştirmek ve site trafiğini analiz etmek amacıyla çerezler kullanmaktadır. Çerezler, tarayıcınız aracılığıyla cihazınıza kaydedilen küçük veri dosyalarıdır. Tarayıcı ayarlarınızı değiştirerek çerez kullanımını kontrol edebilirsiniz.</p>
                <p>Gizlilik politikamızda zaman zaman güncellemeler yapılabilir. Değişiklikler bu sayfa üzerinden duyurulacaktır.</p>
            `
        }
    };

    const tmxModal = document.getElementById('tmx-footer-modal');
    const tmxModalTitle = document.getElementById('tmx-modal-title');
    const tmxModalContent = document.getElementById('tmx-modal-content');

    function openTmxLegalModal(type) {
        if(legalContents[type]) {
            tmxModalTitle.innerHTML = legalContents[type].title;
            tmxModalContent.innerHTML = legalContents[type].body;
            tmxModal.classList.add('active');
            document.body.style.overflow = 'hidden'; // Arka planın kaymasını engelle
        }
    }

    function closeTmxLegalModal() {
        tmxModal.classList.remove('active');
        document.body.style.overflow = 'auto'; // Arka plan kaymasını geri aç
    }

    // Modal dışına tıklayınca kapatma
    tmxModal.addEventListener('click', function(e) {
        if(e.target === this) {
            closeTmxLegalModal();
        }
    });

    // ESC tuşu ile kapatma
    document.addEventListener('keydown', function(e) {
        if (e.key === "Escape" && tmxModal.classList.contains('active')) {
            closeTmxLegalModal();
        }
    });
</script>				</div>
				</div>
				</div>
		</body>
</html>