<!doctype html>
<html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en-gb" lang="en-gb">
<!--[if IE 7 ]>    <html lang="en-gb" class="isie ie7 oldie no-js"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en-gb" class="isie ie8 oldie no-js"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en-gb" class="isie ie9 no-js"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html lang="en-gb" class="no-js">
<!--<![endif]-->
<head>
    <!-- Head -->
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1254" />
    <script src="https://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="author" content="Makina Marketiniz" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="shortcut icon" href="deppo/image/wfavicon.ico" type="image/x-icon" />
    
    <meta name="google-site-verification" content="" />
    <meta name="yandex-verification" content="" />
	<script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
	
	<!-- Google tag (gtag.js) -->
	<script async src="https://www.googletagmanager.com/gtag/js?id=G-0B4XBJYTMW"></script>
	<script>
	  window.dataLayer = window.dataLayer || [];
	  function gtag(){dataLayer.push(arguments);}
	  gtag('js', new Date());

	  gtag('config', 'G-0B4XBJYTMW');
	</script>
	
	
    <meta name=&#698;google-site-verification&#698; content=&#698;Cit4jdw5HKcE5LfnmLGM7nSnJ8RsyYZ_LA15MZQDHqo&#698; />
    <title>ÜRÜNLER / Endüstriyel Makina Aydınlatma Lambaları | Makina Marketiniz</title>
    <meta name="description" content="Halojen ve LED Endüstriyel Aydınlatma Armatürleri, CNC Lamba, Tüp Lamba, Lineer Şerit Tipi Led Armatür" />
    <meta name="keywords" content="makina lambası, cnc lambası, torna lambası, freze lambası, cnc aydınlatma, endüstriyel aydınlatma," />
    <link rel="canonical" href="https://www.haksanmakina.com.tr//?y162/endustriyel-makina-aydinlatma-lambalari" />
    <style type="text/css">
    /****************** Switches ********************/
    #autosave input[type=checkbox] {
        display: none;
    }

    #autosave input[type="checkbox"]:checked + label:before {
        display: none;
    }

    .mini-switch + label {
        width: 40px;
        height: 20px;
        background: url('//cdn.v3medya.com/wpanel/wpanel.png') no-repeat 0 -24px;
        background-position: -1px -311px;
        display: inline-block;
        padding: 0 0 0 0px;
        cursor: pointer;
    }

    .mini-switch:checked + label {
        width: 40px;
        height: 20px;
        background: url('//cdn.v3medya.com/wpanel/wpanel.png') no-repeat 0 0px;
        background-position: -1px -287px;
        display: inline-block;
        padding: 0 0 0 0px;
        cursor: pointer;
    }

    #guncellendi {
        padding: 5px 10px;
        background-color: #FFFF00;
        color: #000;
        width: 100px;
        position: fixed;
        margin-left: 46%;
        z-index: 9999999999999999;
        display: none;
        text-align: center;
    }

    .v3statusac {
        position: fixed;
        left: 10px;
        z-index: 9999999999;
        cursor: pointer;
        font-size: 30px !important;
    }

    .v3status {
        background-color: #000;
        color: #fff;
        opacity: 0.8;
        position: fixed;
        display: block;
        left: -1px;
        top: -2px;
        margin: 0px;
        width: 101%;
        padding: 5px;
        border: solid 1px #ccc;
        z-index: 999999999;
        display: none;
    }

        .v3status ul {
            list-style: none;
            font-size: 13px;
        }

            .v3status ul li {
                float: left;
                padding: 5px;
                margin-left: 10px;
            }

                .v3status ul li a {
                    color: #fff;
                }
</style>
<div id="guncellendi">Güncellendi</div>
<div id="preload" style="display: none; width: 100%; height: 100%; padding: 20% 45%; position: fixed; margin: 0px; left: 0px; top: 0px; z-index: 999999999999; background-image: url('https://www.haksanmakina.com.tr//../garantipanel/images/trns.gif')">
    <img border="0" src="https://www.haksanmakina.com.tr//../garantipanel/images/loading.gif" style="max-height: 150px;">
</div>

<link rel='stylesheet' href='//cdn.v3medya.com/css/watolye.css' type='text/css' /><link rel='stylesheet' href='//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css'> <!--[if lt IE 9]><script src='https://www.haksanmakina.com.tr//deppo/v3/js/html5.js'></script><![endif]--> <script src='https://www.haksanmakina.com.tr//deppo/v3/js/gen_validatorv4.js'></script> <script src='//cdn.ckeditor.com/4.8.0/basic/ckeditor.js'></script> 

<script type="text/javascript">
    document.getElementsByTagName("body")[0].setAttribute("id", "watolye");

    function AjaxKaydet(){
        for(var dilan in CKEDITOR.instances)
            CKEDITOR.instances[dilan].updateElement();
        jQuery.ajax({type: "POST", url: "?panel/ilan/kilan/<?php echo $sayfa3?>",
            data: jQuery('#autosave').serialize(), success: function () {
                setTimeout(function () { jQuery('#guncellendi').fadeIn('slow'); }, 500);  setTimeout(function () { jQuery('#guncellendi').delay(3000).fadeOut('slow'); }, 500);
            }
        });
    }

    $(document).on('click','[data-form]',function(e){
        $('#preload').fadeIn('slow');
        e.preventDefault();
        var _this=$(this);
        $.post(_this.data('url'),$(_this.data('form')).find('input,textarea,select').serialize(),function(){
            show('mmesaj');
            $(_this.data('form'))[0].reset();
            $('#preload').fadeOut('slow');
        });
    });
    //data-url="islem.php?islem=fmail" data-form="#iform"

    //!-- Göster/Gizle -->
    function hide(id){var divObject=document.getElementById(id); divObject.style.display="none";}
    function show(id){var divObject=document.getElementById(id); divObject.style.display="block";}
    //!-- Göster/Gizle -->

    function sgoster(id){
        setTimeout(function() {var divObject=document.getElementById(id); divObject.style.display="block";}, 0);
        setTimeout(function() {var divObject=document.getElementById(id); divObject.style.display="none";}, 3000);
    }

    jQuery(function(){
        jQuery('form.fcontrol button').prop('disabled',true);
    });

    jQuery(document).on('input','form.fcontrol input.icontrol',function(e){
        if(jQuery('form.fcontrol input.icontrol').filter(function() { return this.value == ""; }).length==0){
            jQuery('form.fcontrol').find('.alert1').remove();
            jQuery('form.fcontrol button').prop('disabled',false);
        }else{
            jQuery('form.fcontrol button').prop('disabled',true);
            if(jQuery('form.fcontrol').find('.alert1').length==0){
                jQuery('form.fcontrol').prepend('<div class="v3-row alert alert-danger alert1" style="padding:5px;">Formda boş alanlar var.</div><br>');
            }
        }
    });

    jQuery(function(){
        jQuery('form.fcontrol2 button').prop('disabled',true);
    });

    jQuery(document).on('input','form.fcontrol2 input.icontrol',function(e){
        if(jQuery('form.fcontrol2 input.icontrol').filter(function() { return this.value == ""; }).length==0){
            jQuery('form.fcontrol2').find('.alert2').remove();
            jQuery('form.fcontrol2 button').prop('disabled',false);
        }else{
            jQuery('form.fcontrol2 button').prop('disabled',true);
            if(jQuery('form.fcontrol2').find('.alert2').length==0){
                jQuery('form.fcontrol2').prepend('<div class="v3-row alert alert-danger alert2" style="padding:5px;">Formda boş alanlar var.</div><br>');
            }
        }
    });

    jQuery(function(){
        jQuery('form.fcontrol3 button').prop('disabled',true);
    });

    jQuery(document).on('input','form.fcontrol3 input.icontrol',function(e){
        if(jQuery('form.fcontrol3 input.icontrol').filter(function() { return this.value == ""; }).length==0){
            jQuery('form.fcontrol3').find('.alert3').remove();
            jQuery('form.fcontrol3 button').prop('disabled',false);
        }else{
            jQuery('form.fcontrol3 button').prop('disabled',true);
            if(jQuery('form.fcontrol3').find('.alert3').length==0){
                jQuery('form.fcontrol3').prepend('<div class="v3-row alert alert-danger alert3" style="padding:5px;">Formda boş alanlar var.</div><br>');
            }
        }
    });

    //<form class="fcontrol">
    //<input type="text" class="icontrol">
    //</form>

    //!-- Fade Out -->
    jQuery(window).load(function(){setTimeout(function(){
        jQuery('.v3_mbox').fadeOut() }, 3000);});
    //<div class="v3_mbox"></div>
    //!-- Fade Out -->

    //!-- Sadece Sayı -->
    function IsNumeric(nesne){var ValidChars = "0123456789.";
        var IsNumber=true;
        var Char;
        for (i = 0; i < nesne.value.length && IsNumber == true; i++){Char = nesne.value.charAt(i); 
            if (ValidChars.indexOf(Char) == -1) {// alert('Lütfen Sadece Sayısal Değer Giriniz')
                nesne.value = nesne.value.substring(0,i);
                break;}}
        return IsNumber;}
    //<input name="" type="text" onKeyUp="IsNumeric(this);">
    //!-- Sadece Sayı -->

    //!-- Font Boyut -->
    function degistir(kaynak, deger) {
        var hedef = document.getElementById(kaynak);
        var hedeffont = parseInt(hedef.style.fontSize, 10)
        hedef.style.fontSize = (hedeffont + parseInt(deger, 10)) + 'px';
    }
    //Kullanımı onClick="degistir('ContentID','2');"
    //!-- Font Boyut -->

    
    //!-- Lazyload -->

    //!-- LightBOX-1 -->


    //var frmvalidator = new Validator("FormID");
    //frmvalidator.addValidation("Zorunlu","req","Lütfen Adınızı Giriniz");
    //frmvalidator.addValidation("max50","maxlen=50");
    //frmvalidator.addValidation("Email","email");
    //frmvalidator.addValidation("Numara","numeric");
</script>
































<script src="//cdn.v3medya.com/js/watolye.js"></script>
<link rel='stylesheet' href='deppo/v3/css/watolye.css' type='text/css' /><link rel='stylesheet' href='//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css'>


<!--[if lt IE 9]>
    <script src="https://www.haksanmakina.com.tr//deppo/v3/js/html5.js"></script>
<![endif]-->
<script type="text/javascript">
    
        //!-- Göster/Gizle -->
	function hide(id){var divObject=document.getElementById(id); divObject.style.display="none";}
        function show(id){var divObject=document.getElementById(id); divObject.style.display="block";}
    //!-- Göster/Gizle -->

    //!-- Fade Out -->
    jQuery(window).load(function () { setTimeout(function () {
        jQuery('.v3_mbox').fadeOut() }, 3000); });
    //!-- Fade Out -->

    //!-- Sadece Sayı -->
    function IsNumeric(nesne){var ValidChars = "0123456789.";
        var IsNumber=true;
        var Char;
        for (i = 0; i < nesne.value.length && IsNumber == true; i++){Char = nesne.value.charAt(i); 
            if (ValidChars.indexOf(Char) == -1) {// alert('Lütfen Sadece Sayısal Değer Giriniz')
                nesne.value = nesne.value.substring(0,i);
                break;}}
        return IsNumber;}
    //<input name="" type="text" onKeyUp="IsNumeric(this);">
    //!-- Sadece Sayı -->
</script>






<script src="https://www.haksanmakina.com.tr//deppo/v3/js/il-ilce.js"></script>
<script src="https://www.haksanmakina.com.tr//deppo/v3/js/gen_validatorv4.js"></script>
<script src="//cdn.ckeditor.com/4.4.7/basic/ckeditor.js"></script>

    <!-- Google fonts - witch you want to use - (rest you can just remove) -->
    <link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Open+Sans:400,800,700italic,700,600italic,600,400italic,300italic,300|Roboto:100,300,400,500,700&amp;subset=latin,latin-ext' type='text/css' />
    
    <!--[if lt IE 9]>
		<script src="https://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
    
    <!-- ######### CSS STYLES ######### -->
	
    <link rel="stylesheet" href="css/reset.css" type="text/css" />
	<link rel="stylesheet" href="css/style.css" type="text/css" />   
    <link rel="stylesheet" href="css/font-awesome/css/font-awesome.min.css">    
    <!-- responsive devices styles -->
	<link rel="stylesheet" media="screen" href="css/responsive-leyouts.css" type="text/css" />
    
    <!-- sticky menu -->
    <link rel="stylesheet" href="js/sticky-menu/core.css">
    
    <!-- REVOLUTION SLIDER -->
    <link rel="stylesheet" type="text/css" href="js/revolutionslider/css/fullwidth.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="js/revolutionslider/rs-plugin/css/settings.css" media="screen" />
    
    <!-- jquery jcarousel -->
    <link rel="stylesheet" type="text/css" href="js/jcarousel/skin.css" />
    <link rel="stylesheet" type="text/css" href="js/jcarousel/skin2.css" />
	
	<!-- faqs -->
    <link rel="stylesheet" href="js/accordion/accordion.css" type="text/css" media="all">
    
    <!-- tabs css -->
    <link rel="stylesheet" type="text/css" href="js/tabs/tabs.css" />
    
    <!-- testimonials -->
    <link rel="stylesheet" href="js/testimonials/fadeeffect.css" type="text/css" media="all">

    <!-- fancyBox -->
    <link rel="stylesheet" type="text/css" href="js/portfolio/source/jquery.fancybox.css" media="screen" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css" integrity="sha512-2SwdPD6INVrV/lHTZbO2nodKhrnDdJK9/kg2XD1r9uGqPo1cUbujc+IYdlYdEErWNu69gVcYgdxlmVmzTWnetw==" crossorigin="anonymous" referrerpolicy="no-referrer" />

<script language="JavaScript" type="text/javascript">
	function hide(id){var divObject=document.getElementById(id);divObject.style.display="none";}
	function show(id){var divObject=document.getElementById(id);divObject.style.display="block";}	
</script>
<script language="JavaScript" type="text/javascript">
$(document).ready(function(){
        $("#kroki1").click(function(){
            $("#kroki1a").show();
        });
    });
</script>
<script language="JavaScript" type="text/javascript">
$(document).ready(function(){
        $("#kroki2").click(function(){
            $("#kroki2a").show();
        });
    });
</script>
<script language="JavaScript" type="text/javascript">
$(document).ready(function(){
        $("#kroki3").click(function(){
            $("#kroki3a").show();
        });
    });
</script>
<script language="Javascript">
var isNS = (navigator.appName == "Netscape") ? 1 : 0;
var EnableRightClick = 0;
if(isNS)
document.captureEvents(Event.MOUSEDOWN||Event.MOUSEUP);
function mischandler(){
if(EnableRightClick==1){ return true; }
else {return false; }
}
function mousehandler(e){
if(EnableRightClick==1){ return true; }
var myevent = (isNS) ? e : event;
var eventbutton = (isNS) ? myevent.which : myevent.button;
if((eventbutton==2)||(eventbutton==3)) return false;
}
function keyhandler(e) {
var myevent = (isNS) ? e : window.event;
if (myevent.keyCode==96)
EnableRightClick = 1;
return;
}
document.oncontextmenu = mischandler;
document.onkeypress = keyhandler;
document.onmousedown = mousehandler;
document.onmouseup = mousehandler;
</script>
    <!-- Head -->
</head>
<!--[if lt IE 9]>
<div style="background-color:#FFF1A8; opacity:0.2; position:fixed; left:0px; top:0px; width:99.8%; padding:10px; border:solid 1px #ccc; z-index:99999999999; text-align:center;" id="uyari">
Web Sitesi tarafından artık desteklenmeyen bir Internet Explorer sürümünü kullanıyorsunuz. Bazı özellikler doğru çalışmayabilir. <a href="https://www.google.com/intl/tr/chrome/browser/promo/gmail/?brand=CHHM" target="_blank" style="color:#1155CC; font-weight:bold;">Google Chrome</a> gibi <a href="https://www.google.com/intl/tr/chrome/browser/promo/gmail/?brand=CHHM" target="_blank" style="color:#1155CC; font-weight:bold;">modern bir tarayıcıya</a> geçin. <a href="javascript:hide('uyari');" style="color:#1155CC; font-weight:bold;">Yoksay</a>
</div>
<![endif]-->
<style>
.v3icerik {
	position : fixed;
top : expression(eval(document.body.scrollTop));
	margin-left : 2px;
	height : 105%;
	width : 100%;
	z-index : 99999999;
	border : 0px solid #000;
}
iframe {
	height : 100%;
	width : 100%;
	border : none;
}
/* message box */
.message-box {
	display: none;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 9999;
}
.message-box.open {
	display: block;
}
.message-box .mb-container {
	position: absolute;
	left: 0px;
	top: 35%;
	background: rgba(0, 0, 0, 0.9);
	padding: 20px;
	width: 100%;
}
.message-box .mb-container .mb-middle {
	width: 50%;
	left: 25%;
	position: relative;
	color: #FFF;
}
.message-box .mb-container .mb-middle .mb-title {
	width: 100%;
	float: left;
	padding: 10px 0px 0px;
	font-size: 31px;
	font-weight: 400;
	line-height: 36px;
}
.message-box .mb-container .mb-middle .mb-title .fa, .message-box .mb-container .mb-middle .mb-title .glyphicon {
	font-size: 38px;
	float: left;
	margin-right: 10px;
}
.message-box .mb-container .mb-middle .mb-content {
	width: 100%;
	float: left;
	padding: 10px 0px 0px;
}
.message-box .mb-container .mb-middle .mb-content p {
	margin-bottom: 0px;
}
.message-box .mb-container .mb-middle .mb-footer {
	width: 100%;
	float: left;
	padding: 10px 0px;
}
.message-box.message-box-warning .mb-container {
	background: rgba(254, 162, 35, 0.9);
}
.message-box.message-box-danger .mb-container {
	background: rgba(182, 70, 69, 0.9);
}
.message-box.message-box-info .mb-container {
	background: rgba(63, 186, 228, 0.9);
}
.message-box.message-box-success .mb-container {
	background: rgba(149, 183, 93, 0.9);
}
	/* end message box */
</style>

<div style="display:none; background-image:url('deppo/v3/img/trns.png'); margin-top:-20px;" class="v3icerik" id="icerik" align="center" onclick="icerik.location.href='about:blank'; hide('icerik');">
  <div style="margin-top:5%; width:80%; height:70%; position:relative; border:solid 5px #ccc; background-color:#fff;" class="yuvarla rounded">
    <div style="margin-top:10px; position:absolute; right:-20px; top:-35px; width:32px; height:32px; z-index:9999999999999999999;"><a href="about:blank" target="icerik" class="fa fa-remove" onclick="hide('icerik')" style="cursor:pointer;font-size:30px;" id="ajxsepet"></a></div>
    <iframe name="icerik"></iframe>
  </div>
</div>

<div id="islem" style="background-color:#fff; position:fixed; left:-1px; top:-2px; margin:0px; height:35px; width:100%; border:solid 1px #ccc; z-index:999999999; display:none;">
  <iframe name="islem" style="width:98%; float:left;" scrolling="no"></iframe>
  <i class="fa fa-remove" style="cursor:pointer; float:right; font-size:20px; margin-top:6px; margin-right:10px;" onclick="hide('islem')"></i>
</div>

<div class="message-box animated fadeIn" data-sound="alert" id="mmesaj">
  <div class="mb-container">
    <div class="mb-middle">
      <div class="mb-title"><span class="fa fa-check"></span>  İşlem Başarılı ! </div>
      <div class="mb-content">
        <p> Bizi tercih Ettiğiniz için Teşekkürler </p>
      </div>
      <div class="mb-footer">
        <div class="pull-right">
          <a style="cursor:pointer;" onclick="hide('mmesaj')" class="v3-btn v3-btn-default v3-btn-lg mb-control-close"> Kapat </a>
        </div>
      </div>
    </div>
  </div>
</div>

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  ga('create', 'G-0B4XBJYTMW', 'auto');
  ga('send', 'pageview');
</script>
<style>
    :root {
        --primary-red: #cf060c;
        --primary-blue: #000c69;
        --light-gray: #f8f8f8;
        --medium-gray: #eaeaea;
        --dark-gray: #333333;
        --text-light: #ffffff;
        --text-dark: #333333;
        --transition-speed: 0.3s;
    }
/* Reset & Base */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
a:hover {
    text-decoration: none;
    color: #e5e5e5;
}

body {
    font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
    color: var(--dark-gray);
    background: var(--white);
    line-height: 1.6;
    overflow-x: hidden;
}

.container {
    width: 75%;
    margin: 0 auto;
    padding: 0 24px;
} 
    
    /* Header Container */
    #header {
        background-size: cover;
        background-position: center;
        border-radius: 10px;
        overflow: visible;
        padding: 20px;
        position: relative;
    }
    
    /* YENİ Top Header Tasarımı */
    #topHeader {
        background: linear-gradient(135deg, var(--primary-blue) 0%, #474747 100%);
        color: var(--text-light);
        padding: 8px 0;
        font-size: 0.85rem;
        border-radius: 10px 10px 0 0;
        position: relative;
        overflow: visible;
    }
    
    .top-container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 20px;
        position: relative;
    }
    
    .top-left-section {
        display: flex;
        align-items: center;
        gap: 25px;
    }
    
    .top-right-section {
        display: flex;
        align-items: center;
        gap: 15px;
        position: relative;
    }
    
    .contact-info {
        display: flex;
        align-items: center;
        gap: 20px;
    }
    
    .contact-item {
        display: flex;
        align-items: center;
        gap: 8px;
    }
    
    .contact-item i {
        color: var(--primary-red);
        font-size: 1rem;
        width: 20px;
        text-align: center;
    }
    
    .contact-item a {
        color: var(--text-light);
        text-decoration: none;
        transition: all var(--transition-speed);
        font-weight: 500;
    }
    
    .contact-item a:hover {
        color: #ff6b6b;
        transform: translateY(-1px);
    }
    
    .social-links {
        display: flex;
        align-items: center;
        gap: 10px;
    }
    
    .social-links a {
        color: var(--text-light);
        text-decoration: none;
        width: 28px;
        height: 28px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.1);
        transition: all var(--transition-speed);
    }
    
    .social-links a:hover {
        background: var(--primary-red);
        transform: translateY(-2px);
        box-shadow: 0 4px 8px rgba(207, 6, 12, 0.3);
    }
    
    /* DİL DROPDOWN MENÜSÜ */
    .language-dropdown {
        position: relative;
        z-index: 10001;
    }
    
    .language-dropdown > a {
        display: flex;
        align-items: center;
        gap: 8px;
        color: var(--text-light);
        text-decoration: none;
        padding: 6px 12px;
        border-radius: 4px;
        background: rgba(255, 255, 255, 0.1);
        transition: all var(--transition-speed);
        position: relative;
        z-index: 10002;
    }
    
    .language-dropdown > a:hover {
        background: rgba(255, 255, 255, 0.2);
    }
    
    .language-dropdown > a i:last-child {
        font-size: 0.8rem;
        transition: transform var(--transition-speed);
    }
    
    .language-dropdown:hover > a i:last-child {
        transform: rotate(180deg);
    }
    
    .language-menu {
        position: absolute;
        top: 100%;
        background: rgba(0, 12, 105, 0.98);
        list-style: none;
        min-width: 125px;
        border-radius: 4px;
        padding: 8px 0;
        opacity: 0;
        visibility: hidden;
        transform: translateY(-10px);
        transition: all var(--transition-speed);
        z-index: 20000;
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
        margin-top: 5px;
        border: 1px solid rgba(255, 255, 255, 0.1);
    }
    
    .language-dropdown:hover .language-menu {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
    
    .language-menu li {
        margin: 1px;
        padding: 0;
        padding: 2px;
        background: rgb(255 255 255 / 8%);
    }
    
    .language-menu a {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 10px 15px;
        color: var(--text-light);
        text-decoration: none;
        transition: all var(--transition-speed);
        white-space: nowrap;
    }
    
    .language-menu a:hover {
        background: rgba(207, 6, 12, 0.8);
        color: white;
    }
    
    .language-menu a i {
        width: 20px;
        text-align: center;
        font-size: 0.9rem;
    }
    
    .top-divider {
        width: 1px;
        height: 20px;
        background: rgba(255, 255, 255, 0.3);
        z-index: 10001;
    }
    
    /* ARAMA SİSTEMİ STİLLERİ */
    .search-container {
        display: flex;
        align-items: center;
        position: relative;
    }
    
    .search-toggle-btn {
        background: rgba(255, 255, 255, 0.1);
        border: none;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        color: white;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.3s ease;
        font-size: 14px;
    }
    
    .search-toggle-btn:hover {
        background: var(--primary-red);
        transform: translateY(-2px);
        box-shadow: 0 4px 8px rgba(207, 6, 12, 0.3);
    }
    
    /* Buton içindeki ikon gizlenecek */
    .search-input-wrapper.active ~ .search-toggle-btn i {
        opacity: 0;
    }
    
    .search-input-wrapper {
        position: absolute;
        right: 0;
        top: 0;
        width: 0;
        overflow: hidden;
        transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        background: #fff;
        border-radius: 20px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        z-index: 1000;
    }
    
    .search-input-wrapper.active {
        width: 250px;
    }
    
    .search-input {
        width: 100%;
        padding: 8px 15px 8px 40px;
        border: none;
        background: transparent;
        color: var(--dark-gray);
        font-size: 14px;
        outline: none;
    }
    
    .search-input::placeholder {
        color: #888;
    }
    
    .search-input-icon {
        position: absolute;
        left: 12px;
        top: 50%;
        transform: translateY(-50%);
        color: var(--primary-blue);
        font-size: 14px;
    }
    
    .search-submit-btn {
        display: none;
    }
    
    /* GİZLİ ARAMA FORMU */
    .hidden-search-form {
        display: none;
    }
    
    /* Main Header */
    #trueHeader {
        background-color: rgba(255, 255, 255, 0.95);
        padding: 20px 0;
        position: relative;
        z-index: 1000;
    }
    
    .header-container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 20px;
    }
    
    /* Logo */
    .logo-container {
        flex: 0 0 auto;
        z-index: 1001;
    }
    
    .logo {
        height: 90px;
        width: auto;
        filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.1));
    }
    
    /* Navigation - İCONLU MENÜ */
    .main-nav {
        flex: 1 1 auto;
        display: flex;
        justify-content: flex-end;
        z-index: 1001;
    }
    
    .menu {
        position: relative;
        z-index: 1001;
    }
    
    .menu ul {
        display: flex;
        list-style: none;
    }
    
    .menu ul li {
        position: relative;
        margin-left: 2px;
        z-index: 1001;
    }
    
    .menu ul li a {
        color: var(--dark-gray);
        text-decoration: none;
        font-weight: 500;
        padding: 10px 10px;
        display: flex;
        align-items: center;
        gap: 8px;
        border-radius: 4px;
        transition: all var(--transition-speed);
        position: relative;
        z-index: 1001;
    }
    
    .menu ul li a:hover {
        color: var(--primary-red);
        background-color: rgba(207, 6, 12, 0.05);
    }
    
    .menu ul li a.active {
        color: var(--primary-red);
    }
    
    .menu ul li a i:last-child {
        margin-left: 0px;
        font-size: 0.8rem;
        transition: transform var(--transition-speed);
    }
    
    /* Dropdown Menus */
    .menu ul li:hover > a i:last-child {
        transform: rotate(180deg);
    }
    
    .menu ul li ul {
        position: absolute;
        top: 100%;
        left: 0;
        background-color: rgba(255, 255, 255, 0.98);
        min-width: 220px;
        border-radius: 4px;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        opacity: 0;
        visibility: hidden;
        transform: translateY(10px);
        transition: all var(--transition-speed);
        z-index: 10000;
        padding: 8px 0;
        display: block;
    }
    
    .menu ul li:hover ul {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
    
    .menu ul li ul li {
        margin: 0;
        width: 100%;
        display: block;
    }
    
    .menu ul li ul li a {
        padding: 10px 20px;
        white-space: nowrap;
        border-radius: 0;
        display: flex;
        align-items: center;
        gap: 10px;
        width: 100%;
    }
    
    .menu ul li ul li a:hover {
        background-color: rgba(207, 6, 12, 0.08);
    }
    
    /* MOBİL STİLLER */
    @media (max-width: 768px) {
        /* Desktop header'ları gizle */
        #topHeader, #trueHeader {
            display: none !important;
        }
        
        /* Mobil Header Container */
        .mobile-header-wrapper {
            display: block !important;
            position: relative;
            width: 100%;
            z-index: 10010;
        }
        
        /* Mobil Top Header */
        .mobile-top-header {
            background: linear-gradient(135deg, var(--primary-blue) 0%, #1a237e 100%);
            color: var(--text-light);
            padding: 10px 15px;
            position: relative;
            z-index: 10011;
        }
        
        .mobile-top-container {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .mobile-contact-mini {
            display: none;
            flex-direction: column;
            gap: 5px;
        }
        
        .mobile-contact-mini a {
            color: white;
            text-decoration: none;
            font-size: 0.8rem;
            display: flex;
            align-items: center;
            gap: 5px;
        }
        
        .mobile-contact-mini a i {
            color: var(--primary-red);
            font-size: 0.9rem;
        }
        
        .mobile-top-right {
            display: flex;
            align-items: center;
            gap: 8px;
        }
        
        .mobile-social-mini {
            display: flex;
            gap: 6px;
        }
        
        .mobile-social-mini a {
            color: white;
            font-size: 0.9rem;
            width: 26px;
            height: 26px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.1);
            text-decoration: none;
        }
        
        /* Mobil Arama */
        .mobile-search-toggle-btn {
            background: rgba(255, 255, 255, 0.1);
            border: none;
            width: 32px;
            height: 32px;
            border-radius: 50%;
            color: white;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 14px;
        }
        
        .mobile-search-toggle-btn:hover {
            background: var(--primary-red);
        }
        
        /* Buton içindeki ikon gizlenecek */
        .mobile-search-input-wrapper.active ~ .mobile-search-toggle-btn i {
            opacity: 0;
        }
        
        .mobile-search-input-wrapper {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            width: 100%;
            height: 0;
            background: white;
            border-radius: 0;
            transition: height 0.3s ease;
            z-index: 10020;
            display: flex;
            align-items: center;
            padding: 0 15px;
            overflow: hidden;
        }
        
        .mobile-search-input-wrapper.active {
            width: 100%;
            height: 60px;
        }
        
        .mobile-search-input {
            width: 100%;
            padding: 15px 15px 15px 45px;
            border: none;
            background: transparent;
            color: var(--dark-gray);
            font-size: 16px;
            outline: none;
        }
        
        .mobile-search-input::placeholder {
            color: #888;
        }
        
        .mobile-search-input-icon {
            position: absolute;
            left: 25px;
            top: 50%;
            transform: translateY(-50%);
            color: var(--primary-blue);
            font-size: 16px;
        }
        
        .mobile-search-close {
            background: none;
            border: none;
            color: var(--dark-gray);
            font-size: 18px;
            cursor: pointer;
            margin-left: 10px;
            display: none;
        }
        
        .mobile-search-input-wrapper.active .mobile-search-close {
            display: block;
        }
        
        /* Mobil Dil Menüsü */
        .mobile-language-dropdown {
            position: relative;
        }
        
        .mobile-language-trigger {
            color: white;
            text-decoration: none;
            font-size: 1.1rem;
            width: 32px;
            height: 32px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.1);
        }
        
        .mobile-language-menu {
            position: absolute;
            top: 100%;
            right: 0;
            background: rgba(0, 12, 105, 0.98);
            list-style: none;
            min-width: 140px;
            border-radius: 4px;
            padding: 8px 0;
            opacity: 0;
            visibility: hidden;
            transform: translateY(10px);
            transition: all var(--transition-speed);
            z-index: 10030;
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
            margin-top: 5px;
            border: 1px solid rgba(255, 255, 255, 0.1);
        }
        
        .mobile-language-menu.active {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }
        
        .mobile-language-menu li {
            padding: 0;
        }
        
        .mobile-language-menu a {
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 10px 15px;
            color: var(--text-light);
            text-decoration: none;
            transition: all var(--transition-speed);
            white-space: nowrap;
        }
        
        .mobile-language-menu a:hover {
            background: rgba(207, 6, 12, 0.8);
        }
        
        /* Mobil Ana Header */
        .mobile-main-header {
            background-color: white;
            padding: 10px 15px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            position: relative;
            z-index: 10009;
        }
        
        .mobile-header-inner {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        /* Hamburger Menu */
        .mobile-menu-toggle {
            background: none;
            border: none;
            width: 40px;
            height: 40px;
            cursor: pointer;
            padding: 0;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            gap: 5px;
        }
        
        .mobile-menu-toggle span {
            display: block;
            width: 24px;
            height: 2px;
            background-color: var(--primary-blue);
            transition: all 0.3s ease;
            border-radius: 2px;
        }
        
        .mobile-menu-toggle.active span:nth-child(1) {
            transform: rotate(45deg) translate(5px, 5px);
        }
        
        .mobile-menu-toggle.active span:nth-child(2) {
            opacity: 0;
        }
        
        .mobile-menu-toggle.active span:nth-child(3) {
            transform: rotate(-45deg) translate(5px, -5px);
        }
        
        /* Mobil Logo */
        .mobile-logo {
            height: 75px;
            width: auto;
        }
        
        /* Mobil Menü Overlay */
        .mobile-nav-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.7);
            z-index: 10014;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease;
        }
        
        .mobile-nav-overlay.active {
            opacity: 1;
            visibility: visible;
        }
        
        /* Mobil Menü Container */
        .mobile-nav-container {
            position: fixed;
            top: 0;
            left: -100%;
            width: 85%;
            max-width: 300px;
            height: 100%;
            background-color: white;
            z-index: 10015;
            transition: left 0.3s ease;
            overflow-y: auto;
            box-shadow: 2px 0 10px rgba(0, 0, 0, 0.2);
        }
        
        .mobile-nav-container.active {
            left: 0;
        }
        
        /* Mobil Menü Header */
        .mobile-nav-header {
            background: linear-gradient(135deg, var(--primary-blue) 0%, #1a237e 100%);
            padding: 20px 15px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .mobile-nav-logo {
            height: 80px;
            width: auto;
            filter: brightness(0) invert(1);
        }
        
        .mobile-close-btn {
            background: none;
            border: none;
            color: white;
            font-size: 1.5rem;
            cursor: pointer;
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        /* Mobil Menü İçerik */
        .mobile-nav-content {
            padding: 20px 0;
        }
        
        .mobile-menu {
            list-style: none;
            margin: 0;
            padding: 0;
        }
        
        .mobile-menu > li {
            border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        }
        
        .mobile-menu > li > a {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 15px 20px;
            color: var(--dark-gray);
            text-decoration: none;
            font-weight: 500;
        }
        
        .mobile-menu > li > a.active,
        .mobile-menu > li > a:hover {
            color: var(--primary-red);
            background-color: rgba(207, 6, 12, 0.05);
        }
        
        .mobile-menu > li > a i:first-child {
            margin-right: 10px;
            width: 20px;
            text-align: center;
        }
        
        .mobile-submenu {
            list-style: none;
            margin: 0;
            padding: 0;
            background-color: rgba(0, 12, 105, 0.03);
            display: none;
        }
        
        .mobile-submenu.active {
            display: block;
        }
        
        .mobile-submenu li {
            border-top: 1px solid rgba(0, 0, 0, 0.05);
        }
        
        .mobile-submenu a {
            display: flex;
            align-items: center;
            padding: 12px 20px 12px 45px;
            color: var(--dark-gray);
            text-decoration: none;
        }
        
        .mobile-submenu a:hover {
            color: var(--primary-red);
            background-color: rgba(207, 6, 12, 0.05);
        }
        
        /* Mobil İletişim Bölümü */
        .mobile-contact-section {
            padding: 20px;
            background-color: rgba(0, 12, 105, 0.03);
            margin-top: 20px;
        }
        
        .mobile-contact-item {
            display: flex;
            align-items: center;
            margin-bottom: 15px;
        }
        
        .mobile-contact-item i {
            color: var(--primary-red);
            margin-right: 10px;
            width: 20px;
        }
        
        .mobile-contact-item a {
            color: var(--dark-gray);
            text-decoration: none;
        }
        
        .mobile-social-links {
            display: flex;
            gap: 10px;
            margin-top: 15px;
        }
        
        .mobile-social-links a {
            width: 36px;
            height: 36px;
            border-radius: 50%;
            background-color: var(--primary-blue);
            color: white;
            display: flex;
            align-items: center;
            justify-content: center;
            text-decoration: none;
        }
        
        /* Mobil Dil Seçici */
        .mobile-language-selector {
            padding: 15px 20px;
            background-color: rgba(0, 12, 105, 0.05);
            border-top: 1px solid rgba(0, 0, 0, 0.1);
        }
        
        .mobile-language-selector select {
            width: 100%;
            padding: 10px;
            border: 1px solid rgba(0, 12, 105, 0.2);
            border-radius: 4px;
            background-color: white;
            color: var(--dark-gray);
        }
    }
    
    /* Responsive Adjustments */
    @media (max-width: 1100px) {
        .menu ul li a {
            padding: 12px 14px;
            font-size: 0.95rem;
        }
        
        .contact-info {
            gap: 15px;
        }
        
        .search-input-wrapper.active {
            width: 200px;
        }
    }
    
    @media (max-width: 992px) {
        .menu ul {
            flex-wrap: wrap;
            justify-content: center;
        }
        
        .menu ul li {
            margin: 2px;
        }
        
        .menu ul li a {
            padding: 10px 12px;
            font-size: 0.9rem;
        }
        
        .top-container {
            flex-direction: column;
            gap: 10px;
            padding: 10px 20px;
        }
        
        .top-left-section, .top-right-section {
            width: 100%;
            justify-content: center;
        }
    }
    
    @media (min-width: 769px) {
        .mobile-header-wrapper {
            display: none !important;
        }
        
        .mobile-search-input-wrapper,
        .mobile-search-toggle-btn,
        .mobile-search-close {
            display: none !important;
        }
    }
    
    @media (max-width: 768px) {
        .desktop-search {
            display: none !important;
        }
    }
</style>

<!-- GİZLİ ARAMA FORMU -->
<form method="post" id="site-searchform" action="?q" class="hidden-search-form">
    <div id="boy">
        <!-- search -->
        <div class="site-search-area" style="float:left; display:none;">
            <div>
                <select name="s9">
                    <option value="" selected></option>
                    
                    <option value="19">CNC Talaşlı İmalat Teknolojileri</option>
                    
                    <option value="10">CNC Talaşlı İmalat Teknolojileri</option>
                    
                    <option value="13">Talaşlı İmalat Makinaları</option>
                    
                    <option value="15">Talaşlı İmalat Makinaları</option>
                    
                    <option value="5">Saç İşleme Makinaları</option>
                    
                    <option value="4">Saç İşleme Makinaları</option>
                    
                    <option value="16">Kaynak Teknolojileri</option>
                    
                    <option value="9">Kaynak Teknolojileri</option>
                    
                    <option value="17">Hava Üretim Teknolojileri</option>
                    
                    <option value="8">Hava Üretim Teknolojileri</option>
                    
                    <option value="18">Taşıma ve Kaldırma Ekipmanları</option>
                    
                    <option value="11">Taşıma ve Kaldırma Ekipmanları</option>
                    
                    <option value="14">Hırdavat ve Makina Ekipmanları</option>
                    
                    <option value="162">Endüstriyel Makina Aydınlatma Lambaları</option>
                    
                    <option value="12">Hırdavat ve Makina Ekipmanları</option>
                    
                    <option value="142">Makina Yedek Parçaları</option>
                    
                </select>
            </div>
        </div>
        <!-- search -->

        <!-- search -->
        <div class="site-search-area" style="float:left;">
            <div>
                <input class="input-text" name="key" id="s" value="" onFocus="if (this.value == '') {this.value = '';}" onBlur="if (this.value == '') {this.value = '';}" type="text" />
                <input id="searchsubmit" value="Gönder" type="submit" />
            </div>
        </div>
        <!-- search -->
    </div>
</form>

<!-- MOBİL HEADER YAPISI -->
<div class="mobile-header-wrapper" style="display: none;">
    <!-- Mobil Top Header -->
    <div class="mobile-top-header">
        <div class="mobile-top-container">
            <div class="mobile-top-left">
                <div class="mobile-contact-mini">
                    <a href="tel:+90 212 613 02 09">
                        <i class="fas fa-phone-alt"></i>
                        <span>+90 212 613 02 09</span>
                    </a>
                    <a href="mailto:info@haksanmakina.com.tr">
                        <i class="fas fa-envelope"></i>
                        <span>info@haksanmakina.com.tr</span>
                    </a>
                </div>
                <div class="mobile-social-mini">
                    <a href="#"><i class="fab fa-facebook-f"></i></a>
                    <a href="#"><i class="fab fa-twitter"></i></a>
                    <a href="#"><i class="fab fa-instagram"></i></a>
                    <a href="#"><i class="fab fa-linkedin-in"></i></a>
                </div>
            </div>
            <div class="mobile-top-right">
                <!-- Mobil Arama -->
                <div class="search-container">
                    <button class="mobile-search-toggle-btn" id="mobileSearchToggle">
                        <i class="fas fa-search"></i>
                    </button>
                    <div class="mobile-search-input-wrapper" id="mobileSearchInput">
                        <i class="fas fa-search mobile-search-input-icon"></i>
                        <input type="text" class="mobile-search-input" placeholder="" id="mobileSearchField">
                        <button class="mobile-search-close" id="mobileSearchClose">
                            <i class="fas fa-times"></i>
                        </button>
                    </div>
                </div>
                
                <!-- Mobil Dil Menüsü -->
                <div class="mobile-language-dropdown">
                    <a href="#" class="mobile-language-trigger">
                        <i class="fas fa-globe"></i>
                    </a>
                    <ul class="mobile-language-menu">
                        <li><a href="?lang=lang1">
                            <span>Türkçe</span>
                        </a></li>
                        <li><a href="?lang=lang2">
                            <span>English</span>
                        </a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    
    <!-- Mobil Ana Header -->
    <div class="mobile-main-header">
        <div class="mobile-header-inner">
            <button class="mobile-menu-toggle" id="mobileMenuToggle">
                <span></span>
                <span></span>
                <span></span>
            </button>
            
            <div class="mobile-logo-container">
                <a href="?">
                    <img src="images/logo.png" class="mobile-logo" alt="Logo" />
                </a>
            </div>
            
            <div class="mobile-header-right">
                <!-- Boş alan -->
            </div>
        </div>
    </div>
    
    <!-- Mobil Menü Overlay -->
    <div class="mobile-nav-overlay" id="mobileNavOverlay"></div>
    
    <!-- Mobil Menü Container -->
    <div class="mobile-nav-container" id="mobileNavContainer">
        <div class="mobile-nav-header">
            <a href="?">
                <img src="images/logo-w.png" class="mobile-nav-logo" alt="Logo" />
            </a>
            <button class="mobile-close-btn" id="mobileCloseBtn">
                <i class="fas fa-times"></i>
            </button>
        </div>
        
        <div class="mobile-nav-content">
            <!-- Mobil Menü -->
            <ul class="mobile-menu">
                <li><a href="?">
                    <i class="fas fa-home"></i>
                    <span>ANASAYFA</span>
                    <i class="fas fa"></i>
                </a></li>
                
                <!-- Hakkımızda Menüsü -->
                <li>
                    <a href="#" class="mobile-submenu-toggle">
                        <i class="fas fa-info-circle"></i>
                        <span>KURUMSAL</span>
                        <i class="fas fa-chevron-down"></i>
                    </a>
                    <ul class="mobile-submenu">
                        
                        <li><a href="?s365/hakkimizda.html">
                            <i class="fas fa-chevron-right"></i>
                            <span>Hakkımızda</span>
                        </a></li>
                        
                        <li><a href="?s379/referanslarimiz.html">
                            <i class="fas fa-chevron-right"></i>
                            <span>Referanslarımız</span>
                        </a></li>
                        
                        <li><a href="?s648/distributorluklerimiz.html">
                            <i class="fas fa-chevron-right"></i>
                            <span>Distribütörlüklerimiz</span>
                        </a></li>
                        
                        <li><a href="?s962/markalarimiz.html">
                            <i class="fas fa-chevron-right"></i>
                            <span>Markalarımız</span>
                        </a></li>
                        
                        <li><a href="?s645/magazalarimiz.html">
                            <i class="fas fa-chevron-right"></i>
                            <span>Mağazalarımız</span>
                        </a></li>
                        
                        <li><a href="?s1381/blog.html">
                            <i class="fas fa-chevron-right"></i>
                            <span>Blog</span>
                        </a></li>
                        
                    </ul>
                </li>
                
                <!-- Ürünler Menüsü -->
                <li>
                    <a href="#" class="mobile-submenu-toggle">
                        <i class="fas fa-box-open"></i>
                        <span>ÜRÜNLER</span>
                        <i class="fas fa-chevron-down"></i>
                    </a>
                    <ul class="mobile-submenu">
                        
                        <li><a href="?y10/cnc-talasli-imalat-teknolojileri.html">
                            <i class="fas fa-chevron-right"></i>
                            <span>CNC Talaşlı İmalat Teknolojileri</span>
                        </a></li>
                        
                        <li><a href="?y13/talasli-imalat-makinalari.html">
                            <i class="fas fa-chevron-right"></i>
                            <span>Talaşlı İmalat Makinaları</span>
                        </a></li>
                        
                        <li><a href="?y4/sac-isleme-makinalari.html">
                            <i class="fas fa-chevron-right"></i>
                            <span>Saç İşleme Makinaları</span>
                        </a></li>
                        
                        <li><a href="?y9/kaynak-teknolojileri.html">
                            <i class="fas fa-chevron-right"></i>
                            <span>Kaynak Teknolojileri</span>
                        </a></li>
                        
                        <li><a href="?y8/hava-uretim-teknolojileri.html">
                            <i class="fas fa-chevron-right"></i>
                            <span>Hava Üretim Teknolojileri</span>
                        </a></li>
                        
                        <li><a href="?y11/tasima-ve-kaldirma-ekipmanlari.html">
                            <i class="fas fa-chevron-right"></i>
                            <span>Taşıma ve Kaldırma Ekipmanları</span>
                        </a></li>
                        
                        <li><a href="?y162/endustriyel-makina-aydinlatma-lambalari.html">
                            <i class="fas fa-chevron-right"></i>
                            <span>Endüstriyel Makina Aydınlatma Lambaları</span>
                        </a></li>
                        
                        <li><a href="?y12/hirdavat-ve-makina-ekipmanlari.html">
                            <i class="fas fa-chevron-right"></i>
                            <span>Hırdavat ve Makina Ekipmanları</span>
                        </a></li>
                        
                        <li><a href="?y142/makina-yedek-parcalari.html">
                            <i class="fas fa-chevron-right"></i>
                            <span>Makina Yedek Parçaları</span>
                        </a></li>
                        
                    </ul>
                </li>
                
                <!-- Hizmetler Menüsü -->
                <li>
                    <a href="#" class="mobile-submenu-toggle">
                        <i class="fas fa-cogs"></i>
                        <span>2. EL ÜRÜNLER</span>
                        <i class="fas fa-chevron-down"></i>
                    </a>
                    <ul class="mobile-submenu">
                        
                        <li><a href="?y19/cnc-talasli-imalat-teknolojileri.html">
                            <i class="fas fa-chevron-right"></i>
                            <span>CNC Talaşlı İmalat Teknolojileri</span>
                        </a></li>
                        
                        <li><a href="?y15/talasli-imalat-makinalari.html">
                            <i class="fas fa-chevron-right"></i>
                            <span>Talaşlı İmalat Makinaları</span>
                        </a></li>
                        
                        <li><a href="?y5/sac-isleme-makinalari.html">
                            <i class="fas fa-chevron-right"></i>
                            <span>Saç İşleme Makinaları</span>
                        </a></li>
                        
                        <li><a href="?y16/kaynak-teknolojileri.html">
                            <i class="fas fa-chevron-right"></i>
                            <span>Kaynak Teknolojileri</span>
                        </a></li>
                        
                        <li><a href="?y17/hava-uretim-teknolojileri.html">
                            <i class="fas fa-chevron-right"></i>
                            <span>Hava Üretim Teknolojileri</span>
                        </a></li>
                        
                        <li><a href="?y18/tasima-ve-kaldirma-ekipmanlari.html">
                            <i class="fas fa-chevron-right"></i>
                            <span>Taşıma ve Kaldırma Ekipmanları</span>
                        </a></li>
                        
                        <li><a href="?y14/hirdavat-ve-makina-ekipmanlari.html">
                            <i class="fas fa-chevron-right"></i>
                            <span>Hırdavat ve Makina Ekipmanları</span>
                        </a></li>
                        
                    </ul>
                </li>
                
                <li><a href="?m364/bayilikler.html">
                    <i class="fas fa-store"></i>
                    <span>BAYİLİKLER</span>
                    <i class="fas fa-chevron-down"></i>
                </a></li>
                
                <li><a href="?b6/duyurular.html">
                    <i class="fas fa-bullhorn"></i>
                    <span>DUYURULAR</span>
                    <i class="fas fa-chevron-down"></i>
                </a></li>
                
                <!-- İletişim Menüsü -->
                <li>
                    <a href="#" class="mobile-submenu-toggle">
                        <i class="fas fa-address-book"></i>
                        <span>İLETİŞİM</span>
                        <i class="fas fa-chevron-down"></i>
                    </a>
                    <ul class="mobile-submenu">
                        <li><a href="?t/servis-talep-formu.html">
                            <i class="fas fa-chevron-right"></i>
                            <span>Servis Formu</span>
                        </a></li>
                        <li><a href="?i/iletisim.html">
                            <i class="fas fa-chevron-right"></i>
                            <span>İletişim</span>
                        </a></li>
                    </ul>
                </li>
            </ul>
            
            <!-- Mobil İletişim Bilgileri -->
            <div class="mobile-contact-section">
                <div class="mobile-contact-item">
                    <i class="fas fa-phone-alt"></i>
                    <a href="tel:+90 212 613 02 09">+90 212 613 02 09</a>
                </div>
                <div class="mobile-contact-item">
                    <i class="fas fa-envelope"></i>
                    <a href="mailto:info@haksanmakina.com.tr">info@haksanmakina.com.tr</a>
                </div>
                <div class="mobile-social-links">
                    <a href="#"><i class="fab fa-facebook-f"></i></a>
                    <a href="#"><i class="fab fa-twitter"></i></a>
                    <a href="#"><i class="fab fa-instagram"></i></a>
                    <a href="#"><i class="fab fa-linkedin-in"></i></a>
                </div>
            </div>
            
            <!-- Mobil Dil Seçici -->
            <div class="mobile-language-selector">
                <select id="mobileLanguageSelect">
                    <option value="?lang=lang1">Türkçe</option>
                    <option value="?lang=lang2">English</option>
                </select>
            </div>
        </div>
    </div>
</div>

<!-- DESKTOP HEADER (ORJİNAL) -->
<header id="header">
    <!-- YENİ Top Header Tasarımı -->
    <div id="topHeader">
        <div class="top-container">
            <div class="top-left-section">
                <div class="contact-info">
                    <div class="contact-item">
                        <i class="fas fa-phone-alt"></i>
                        <a href="tel:+90 212 613 02 09">+90 212 613 02 09</a>
                    </div>
                    
                    <div class="top-divider"></div>
                    
                    <div class="contact-item">
                        <i class="fas fa-envelope"></i>
                        <a href="mailto:info@haksanmakina.com.tr">info@haksanmakina.com.tr</a>
                    </div>
                </div>
            </div>
            
            <div class="top-right-section">
                <!-- Desktop Arama -->
                <div class="search-container desktop-search">
                    <button class="search-toggle-btn" id="desktopSearchToggle">
                        <i class="fas fa-search"></i>
                    </button>
                    <div class="search-input-wrapper" id="desktopSearchInput">
                        <i class="fas fa-search search-input-icon"></i>
                        <input type="text" class="search-input" placeholder="" id="desktopSearchField">
                    </div>
                </div>
                
                <div class="top-divider"></div>
                
                <div class="social-links">
                    <a href="https://www.facebook.com/hksnmak/"><i class="fab fa-facebook-f"></i></a>
                    <!--<a href="#"><i class="fab fa-twitter"></i></a>-->
                    <a href="https://www.instagram.com/haksan_makina/"><i class="fab fa-instagram"></i></a>
                    <a href="https://www.linkedin.com/company/haksanmakina"><i class="fab fa-linkedin-in"></i></a>
                </div>
                
                <div class="top-divider"></div>
                
                <!-- AÇILIR DİL MENÜSÜ -->
                <div class="language-dropdown">
                    <a href="#">
                        <i class="fas fa-globe"></i>
                        <span>Türkçe</span>
                        <i class="fas fa-chevron-down"></i>
                    </a>
                    <ul class="language-menu">
                        <li><a href="?lang=lang1"> Türkçe</a></li>
                        <li><a href="?lang=lang2"> English</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    
    <!-- Main Header -->
    <div id="trueHeader">
        <div class="header-container">
            <!-- Logo -->
            <div class="logo-container">
                <a href="?">
                    <img src="images/logo.png" class="logo" alt="Logo" />
                </a>
            </div>
            
            <!-- Menu - İCONLU MENÜ -->
            <nav class="main-nav">
                <div class="menu">
                    <!-- Ana Menü -->
                    <ul id="tiny">
                        <li><a href="?" class="active">
                            <i class="fas fa-home"></i>
                            <span>ANASAYFA</span>
                        </a></li>
                        
                        <!-- Hakkımızda Menüsü -->
                        <li>
                            <a href="#">
                                <i class="fas fa-info-circle"></i>
                                <span>KURUMSAL</span>
                                <i class="fas fa-chevron-down"></i>
                            </a>
                            <ul>
                                
                                <li><a href="?s365/hakkimizda.html">
                                    <i class="fas fa-chevron-right"></i>
                                    <span>Hakkımızda</span>
                                </a></li>
                                
                                <li><a href="?s379/referanslarimiz.html">
                                    <i class="fas fa-chevron-right"></i>
                                    <span>Referanslarımız</span>
                                </a></li>
                                
                                <li><a href="?s648/distributorluklerimiz.html">
                                    <i class="fas fa-chevron-right"></i>
                                    <span>Distribütörlüklerimiz</span>
                                </a></li>
                                
                                <li><a href="?s962/markalarimiz.html">
                                    <i class="fas fa-chevron-right"></i>
                                    <span>Markalarımız</span>
                                </a></li>
                                
                                <li><a href="?s645/magazalarimiz.html">
                                    <i class="fas fa-chevron-right"></i>
                                    <span>Mağazalarımız</span>
                                </a></li>
                                
                                <li><a href="?s1381/blog.html">
                                    <i class="fas fa-chevron-right"></i>
                                    <span>Blog</span>
                                </a></li>
                                
                            </ul>
                        </li>
                        
                        <!-- Ürünler Menüsü -->
                        <li>
                            <a href="#">
                                <i class="fas fa-box-open"></i>
                                <span>ÜRÜNLER</span>
                                <i class="fas fa-chevron-down"></i>
                            </a>
                            <ul>
                                
                                <li><a href="?y10/cnc-talasli-imalat-teknolojileri.html">
                                    <i class="fas fa-chevron-right"></i>
                                    <span>CNC Talaşlı İmalat Teknolojileri</span>
                                </a></li>
                                
                                <li><a href="?y13/talasli-imalat-makinalari.html">
                                    <i class="fas fa-chevron-right"></i>
                                    <span>Talaşlı İmalat Makinaları</span>
                                </a></li>
                                
                                <li><a href="?y4/sac-isleme-makinalari.html">
                                    <i class="fas fa-chevron-right"></i>
                                    <span>Saç İşleme Makinaları</span>
                                </a></li>
                                
                                <li><a href="?y9/kaynak-teknolojileri.html">
                                    <i class="fas fa-chevron-right"></i>
                                    <span>Kaynak Teknolojileri</span>
                                </a></li>
                                
                                <li><a href="?y8/hava-uretim-teknolojileri.html">
                                    <i class="fas fa-chevron-right"></i>
                                    <span>Hava Üretim Teknolojileri</span>
                                </a></li>
                                
                                <li><a href="?y11/tasima-ve-kaldirma-ekipmanlari.html">
                                    <i class="fas fa-chevron-right"></i>
                                    <span>Taşıma ve Kaldırma Ekipmanları</span>
                                </a></li>
                                
                                <li><a href="?y162/endustriyel-makina-aydinlatma-lambalari.html">
                                    <i class="fas fa-chevron-right"></i>
                                    <span>Endüstriyel Makina Aydınlatma Lambaları</span>
                                </a></li>
                                
                                <li><a href="?y12/hirdavat-ve-makina-ekipmanlari.html">
                                    <i class="fas fa-chevron-right"></i>
                                    <span>Hırdavat ve Makina Ekipmanları</span>
                                </a></li>
                                
                                <li><a href="?y142/makina-yedek-parcalari.html">
                                    <i class="fas fa-chevron-right"></i>
                                    <span>Makina Yedek Parçaları</span>
                                </a></li>
                                
                    </ul>
                </li>
                
                <!-- Hizmetler Menüsü -->
                <li>
                    <a href="#">
                        <i class="fas fa-cogs"></i>
                        <span>2. EL ÜRÜNLER</span>
                        <i class="fas fa-chevron-down"></i>
                    </a>
                    <ul>
                        
                        <li><a href="?y19/cnc-talasli-imalat-teknolojileri.html">
                            <i class="fas fa-chevron-right"></i>
                            <span>CNC Talaşlı İmalat Teknolojileri</span>
                        </a></li>
                        
                        <li><a href="?y15/talasli-imalat-makinalari.html">
                            <i class="fas fa-chevron-right"></i>
                            <span>Talaşlı İmalat Makinaları</span>
                        </a></li>
                        
                        <li><a href="?y5/sac-isleme-makinalari.html">
                            <i class="fas fa-chevron-right"></i>
                            <span>Saç İşleme Makinaları</span>
                        </a></li>
                        
                        <li><a href="?y16/kaynak-teknolojileri.html">
                            <i class="fas fa-chevron-right"></i>
                            <span>Kaynak Teknolojileri</span>
                        </a></li>
                        
                        <li><a href="?y17/hava-uretim-teknolojileri.html">
                            <i class="fas fa-chevron-right"></i>
                            <span>Hava Üretim Teknolojileri</span>
                        </a></li>
                        
                        <li><a href="?y18/tasima-ve-kaldirma-ekipmanlari.html">
                            <i class="fas fa-chevron-right"></i>
                            <span>Taşıma ve Kaldırma Ekipmanları</span>
                        </a></li>
                        
                        <li><a href="?y14/hirdavat-ve-makina-ekipmanlari.html">
                            <i class="fas fa-chevron-right"></i>
                            <span>Hırdavat ve Makina Ekipmanları</span>
                        </a></li>
                        
                    </ul>
                </li>
                
                <li><a href="?m364/bayilikler.html">
                    <i class="fas fa-store"></i>
                    <span>BAYİLİKLER</span>
                </a></li>
                
                <li><a href="?b6/duyurular.html">
                    <i class="fas fa-bullhorn"></i>
                    <span>DUYURULAR</span>
                </a></li>
                
                <!-- İletişim Menüsü -->
                <li>
                    <a href="#">
                        <i class="fas fa-address-book"></i>
                        <span>İLETİŞİM</span>
                        <i class="fas fa-chevron-down"></i>
                    </a>
                    <ul>
                        <li><a href="?t/servis-talep-formu.html">
                            <i class="fas fa-chevron-right"></i>
                            <span>Servis Formu</span>
                        </a></li>
                        <li><a href="?i/iletisim.html">
                            <i class="fas fa-chevron-right"></i>
                            <span>İletişim</span>
                        </a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </nav>
</div>
</div>
</header>

<script>
// ARAMA SİSTEMİ ve MOBİL MENÜ SCRIPT
document.addEventListener('DOMContentLoaded', function() {
    // ========== ARAMA SİSTEMİ ==========
    
    // Desktop Arama
    const desktopSearchToggle = document.getElementById('desktopSearchToggle');
    const desktopSearchInput = document.getElementById('desktopSearchInput');
    const desktopSearchField = document.getElementById('desktopSearchField');
    
    // Mobil Arama
    const mobileSearchToggle = document.getElementById('mobileSearchToggle');
    const mobileSearchInput = document.getElementById('mobileSearchInput');
    const mobileSearchField = document.getElementById('mobileSearchField');
    const mobileSearchClose = document.getElementById('mobileSearchClose');
    
    // Gizli Arama Formu
    const siteSearchForm = document.getElementById('site-searchform');
    const searchInput = document.getElementById('s');
    const searchSubmit = document.getElementById('searchsubmit');
    
    // Desktop Arama Aç/Kapat (Hover ile)
    if (desktopSearchToggle && desktopSearchInput) {
        desktopSearchToggle.addEventListener('mouseenter', function() {
            if (!desktopSearchInput.classList.contains('active')) {
                desktopSearchInput.classList.add('active');
                setTimeout(() => {
                    if (desktopSearchField) desktopSearchField.focus();
                }, 400);
            }
        });
        
        // Input'tan çıkınca kapat
        desktopSearchInput.addEventListener('mouseleave', function(e) {
            if (!desktopSearchField.value && !desktopSearchToggle.matches(':hover')) {
                desktopSearchInput.classList.remove('active');
                if (desktopSearchField) desktopSearchField.value = '';
            }
        });
        
        // Input'a yazınca kapanmasın
        if (desktopSearchField) {
            desktopSearchField.addEventListener('input', function() {
                // Input doluysa kapanmasın
            });
            
            // Enter tuşu ile arama
            desktopSearchField.addEventListener('keypress', function(e) {
                if (e.key === 'Enter') {
                    performSearch(this.value);
                }
            });
            
            // ESC tuşu ile kapat
            desktopSearchField.addEventListener('keydown', function(e) {
                if (e.key === 'Escape') {
                    desktopSearchInput.classList.remove('active');
                    this.value = '';
                    this.blur();
                }
            });
        }
    }
    
    // Mobil Arama Aç/Kapat (Tıklama ile)
    if (mobileSearchToggle && mobileSearchInput) {
        mobileSearchToggle.addEventListener('click', function() {
            mobileSearchInput.classList.add('active');
            setTimeout(() => {
                if (mobileSearchField) mobileSearchField.focus();
            }, 300);
            
            // Mobil dil menüsünü kapat
            const mobileLangMenu = document.querySelector('.mobile-language-menu');
            if (mobileLangMenu) mobileLangMenu.classList.remove('active');
        });
        
        // Mobil kapat butonu
        if (mobileSearchClose) {
            mobileSearchClose.addEventListener('click', function() {
                mobileSearchInput.classList.remove('active');
                if (mobileSearchField) {
                    mobileSearchField.value = '';
                    mobileSearchField.blur();
                }
            });
        }
        
        // Mobil input event'leri
        if (mobileSearchField) {
            // Enter tuşu ile arama
            mobileSearchField.addEventListener('keypress', function(e) {
                if (e.key === 'Enter') {
                    performSearch(this.value);
                }
            });
            
            // ESC tuşu ile kapat
            mobileSearchField.addEventListener('keydown', function(e) {
                if (e.key === 'Escape') {
                    mobileSearchInput.classList.remove('active');
                    this.value = '';
                    this.blur();
                }
            });
        }
    }
    
    // Arama fonksiyonu (Gizli formu submit et)
    function performSearch(query) {
        if (query.trim() && siteSearchForm && searchInput) {
            // Gizli formdaki input'a değeri ata
            searchInput.value = query;
            
            // Formu submit et
            siteSearchForm.submit();
        }
    }
    
    // ========== MOBİL MENÜ KONTROLLERİ ==========
    const mobileMenuToggle = document.getElementById('mobileMenuToggle');
    const mobileCloseBtn = document.getElementById('mobileCloseBtn');
    const mobileNavOverlay = document.getElementById('mobileNavOverlay');
    const mobileNavContainer = document.getElementById('mobileNavContainer');
    const mobileLanguageTrigger = document.querySelector('.mobile-language-trigger');
    const mobileLanguageMenu = document.querySelector('.mobile-language-menu');
    const mobileSubmenuToggles = document.querySelectorAll('.mobile-submenu-toggle');
    const mobileLanguageSelect = document.getElementById('mobileLanguageSelect');
    
    // Mobil menü aç/kapat fonksiyonu
    function toggleMobileMenu() {
        if (mobileMenuToggle && mobileNavContainer && mobileNavOverlay) {
            const isOpen = mobileNavContainer.classList.contains('active');
            
            if (!isOpen) {
                // Menüyü aç
                mobileMenuToggle.classList.add('active');
                mobileNavOverlay.classList.add('active');
                mobileNavContainer.classList.add('active');
                document.body.style.overflow = 'hidden';
                
                // Arama ve dil menülerini kapat
                if (mobileSearchInput) mobileSearchInput.classList.remove('active');
                if (mobileLanguageMenu) mobileLanguageMenu.classList.remove('active');
            } else {
                closeMobileMenu();
            }
        }
    }
    
    // Mobil menüyü kapat fonksiyonu
    function closeMobileMenu() {
        if (mobileMenuToggle && mobileNavContainer && mobileNavOverlay) {
            mobileMenuToggle.classList.remove('active');
            mobileNavOverlay.classList.remove('active');
            mobileNavContainer.classList.remove('active');
            document.body.style.overflow = '';
            
            // Alt menüleri kapat
            document.querySelectorAll('.mobile-submenu').forEach(submenu => {
                submenu.classList.remove('active');
            });
            
            // Chevron ikonlarını sıfırla
            document.querySelectorAll('.mobile-submenu-toggle i:last-child').forEach(icon => {
                icon.style.transform = 'rotate(0deg)';
            });
        }
    }
    
    // Mobil dil menüsü aç/kapat fonksiyonu
    function toggleLanguageMenu(e) {
        if (e) e.preventDefault();
        
        if (mobileLanguageMenu) {
            const isOpen = mobileLanguageMenu.classList.contains('active');
            
            if (!isOpen) {
                // Dil menüsünü aç
                mobileLanguageMenu.classList.add('active');
                
                // Arama ve mobil menüyü kapat
                if (mobileSearchInput) mobileSearchInput.classList.remove('active');
                closeMobileMenu();
            } else {
                // Dil menüsünü kapat
                mobileLanguageMenu.classList.remove('active');
            }
        }
    }
    
    // Alt menü toggle fonksiyonu
    function toggleSubmenu(e) {
        if (e) e.preventDefault();
        
        const parentLi = this.parentElement;
        const submenu = this.nextElementSibling;
        const icon = this.querySelector('i:last-child');
        
        if (submenu && submenu.classList.contains('mobile-submenu')) {
            const isOpen = submenu.classList.contains('active');
            
            if (!isOpen) {
                // Bu alt menüyü aç
                submenu.classList.add('active');
                if (icon) icon.style.transform = 'rotate(180deg)';
                
                // Diğer alt menüleri kapat
                document.querySelectorAll('.mobile-submenu').forEach(sm => {
                    if (sm !== submenu) {
                        sm.classList.remove('active');
                    }
                });
                
                // Diğer chevron ikonlarını sıfırla
                document.querySelectorAll('.mobile-submenu-toggle i:last-child').forEach(ic => {
                    if (ic !== icon) {
                        ic.style.transform = 'rotate(0deg)';
                    }
                });
            } else {
                // Bu alt menüyü kapat
                submenu.classList.remove('active');
                if (icon) icon.style.transform = 'rotate(0deg)';
            }
        }
    }
    
    // EVENT LISTENER'LAR
    if (mobileMenuToggle) {
        mobileMenuToggle.addEventListener('click', toggleMobileMenu);
    }
    
    if (mobileCloseBtn) {
        mobileCloseBtn.addEventListener('click', closeMobileMenu);
    }
    
    if (mobileNavOverlay) {
        mobileNavOverlay.addEventListener('click', closeMobileMenu);
    }
    
    if (mobileLanguageTrigger) {
        mobileLanguageTrigger.addEventListener('click', toggleLanguageMenu);
    }
    
    if (mobileSubmenuToggles.length > 0) {
        mobileSubmenuToggles.forEach(toggle => {
            toggle.addEventListener('click', toggleSubmenu);
        });
    }
    
    if (mobileLanguageSelect) {
        mobileLanguageSelect.addEventListener('change', function() {
            window.location.href = this.value;
        });
    }
    
    // Dışarı tıklayınca dil menüsünü kapat
    document.addEventListener('click', function(e) {
        if (mobileLanguageMenu && mobileLanguageMenu.classList.contains('active')) {
            if (!e.target.closest('.mobile-language-dropdown')) {
                mobileLanguageMenu.classList.remove('active');
            }
        }
    });
    
    // ESC tuşuyla menüleri kapat
    document.addEventListener('keydown', function(e) {
        if (e.key === 'Escape') {
            closeMobileMenu();
            if (mobileLanguageMenu) {
                mobileLanguageMenu.classList.remove('active');
            }
            if (mobileSearchInput) {
                mobileSearchInput.classList.remove('active');
            }
            if (desktopSearchInput) {
                desktopSearchInput.classList.remove('active');
            }
        }
    });
    
    // Pencere boyutu değiştiğinde
    window.addEventListener('resize', function() {
        if (window.innerWidth > 768) {
            closeMobileMenu();
            if (mobileLanguageMenu) {
                mobileLanguageMenu.classList.remove('active');
            }
            if (mobileSearchInput) {
                mobileSearchInput.classList.remove('active');
            }
        }
    });
    
    // Desktop dil dropdown için hover event
    const desktopLanguageDropdown = document.querySelector('.language-dropdown');
    if (desktopLanguageDropdown) {
        desktopLanguageDropdown.addEventListener('mouseenter', function() {
            const menu = this.querySelector('.language-menu');
            if (menu) {
                menu.style.opacity = '1';
                menu.style.visibility = 'visible';
                menu.style.transform = 'translateY(0)';
            }
        });
        
        desktopLanguageDropdown.addEventListener('mouseleave', function() {
            const menu = this.querySelector('.language-menu');
            if (menu) {
                menu.style.opacity = '0';
                menu.style.visibility = 'hidden';
                menu.style.transform = 'translateY(-10px)';
            }
        });
    }
});
</script>

<div class="clearfix"></div><!-- Kategori Listeleme Sayfası - Modern Tasarım -->


<!-- Main Content Area -->
<div class="modern-main-container">
    <div class="modern-container">
        
        <!-- Page Content Header -->
        <div class="page-content-header">
            <h2 class="content-section-title">Tüm Kategoriler</h2>
            <p class="content-section-subtitle">Aradığınız ürün kategorilerini keşfedin</p>
            <div class="section-title-divider"></div>
        </div>
        
        <!-- Categories Grid -->
        <div class="modern-categories-grid">
            
            
            <div class="category-card">
                <a href="?z166/lineertupled-aydinlatma-lambalari.html" class="card-link">
                    <div class="card-image-container">
                        <div class="image-wrapper">
                            
                            <img src="deppo/kategori/172022301255.jpg" 
                                 alt="Lineer & TüpLED Aydınlatma Lambaları" 
                                 class="category-image">
                            
                            <div class="image-overlay">
                                <span class="view-btn">Kategoriyi Görüntüle</span>
                            </div>
                        </div>
                        <div class="product-count-badge">
                            <span class="count-icon"><img src="images/h-icon.png" style="margin-left: 8px; margin-top: 5px;" /></span>
                            <span class="count-number"></span>
                        </div>
                    </div>
                    
                    <div class="card-content">
                        <h3 class="category-title">Lineer & TüpLED Aydınlatma Lambaları</h3>
                        <p class="category-description">Özellikle CNC Tezgahlarda YOğun Kullanılan, Uzunluklarına Göre 6 Watt ile 46 Watt LED, 24 Volt ve 220 Volt Çalışma Gerilimine Sahip IP-67 Su ve Toza Dayanıklı, Az Enerji Tüketip Uzun Ömürlü ve Güçlü Aydınlatma Sağlayan Makina Lambaları</p>
                        
                        <div class="category-footer">
                            <span class="category-link">
                                <span class="link-text">Kategoriye Git</span>
                                <span class="link-icon"><i class="fas fa-arrow-right"></i></span>
                            </span>
                        </div>
                    </div>
                </a>
            </div>
            
            
            
            <div class="category-card">
                <a href="?z165/led-spiral-kol-aydinlatma-lambalari.html" class="card-link">
                    <div class="card-image-container">
                        <div class="image-wrapper">
                            
                            <img src="deppo/kategori/183312812224.jpg" 
                                 alt="LED Spiral Kol Aydınlatma Lambaları" 
                                 class="category-image">
                            
                            <div class="image-overlay">
                                <span class="view-btn">Kategoriyi Görüntüle</span>
                            </div>
                        </div>
                        <div class="product-count-badge">
                            <span class="count-icon"><img src="images/h-icon.png" style="margin-left: 8px; margin-top: 5px;" /></span>
                            <span class="count-number"></span>
                        </div>
                    </div>
                    
                    <div class="card-content">
                        <h3 class="category-title">LED Spiral Kol Aydınlatma Lambaları</h3>
                        <p class="category-description">3 Watt - 6 Watt - 18 Watt LED 12-24 Volt ve 110-220 Volt Çalışma Gerilimine Sahip IP-67 Su ve Toza Dayanıklı, Az Enerji Tüketip Uzun Ömürlü ve Güçlü Aydınlatma Sağlayan Makina Lambaları</p>
                        
                        <div class="category-footer">
                            <span class="category-link">
                                <span class="link-text">Kategoriye Git</span>
                                <span class="link-icon"><i class="fas fa-arrow-right"></i></span>
                            </span>
                        </div>
                    </div>
                </a>
            </div>
            
            
            
            <div class="category-card">
                <a href="?z164/led-akrobat-aydinlatma-lambalari.html" class="card-link">
                    <div class="card-image-container">
                        <div class="image-wrapper">
                            
                            <img src="deppo/kategori/1829512812224.jpg" 
                                 alt="LED Akrobat Aydınlatma Lambaları" 
                                 class="category-image">
                            
                            <div class="image-overlay">
                                <span class="view-btn">Kategoriyi Görüntüle</span>
                            </div>
                        </div>
                        <div class="product-count-badge">
                            <span class="count-icon"><img src="images/h-icon.png" style="margin-left: 8px; margin-top: 5px;" /></span>
                            <span class="count-number"></span>
                        </div>
                    </div>
                    
                    <div class="card-content">
                        <h3 class="category-title">LED Akrobat Aydınlatma Lambaları</h3>
                        <p class="category-description">6 Watt - 18 Watt LED 12-24 Volt ve 110-220 Volt Çalışma Gerilimine Sahip IP-67 Su ve Toza Dayanıklı, Az Enerji Tüketip Uzun Ömürlü ve Güçlü Aydınlatma Sağlayan Makina Lambaları</p>
                        
                        <div class="category-footer">
                            <span class="category-link">
                                <span class="link-text">Kategoriye Git</span>
                                <span class="link-icon"><i class="fas fa-arrow-right"></i></span>
                            </span>
                        </div>
                    </div>
                </a>
            </div>
            
            
            
            <div class="category-card">
                <a href="?z163/halojen-akrobat-aydinlatma-lambalari.html" class="card-link">
                    <div class="card-image-container">
                        <div class="image-wrapper">
                            
                            <img src="deppo/kategori/174142301255.jpg" 
                                 alt="Halojen Akrobat Aydınlatma Lambaları" 
                                 class="category-image">
                            
                            <div class="image-overlay">
                                <span class="view-btn">Kategoriyi Görüntüle</span>
                            </div>
                        </div>
                        <div class="product-count-badge">
                            <span class="count-icon"><img src="images/h-icon.png" style="margin-left: 8px; margin-top: 5px;" /></span>
                            <span class="count-number"></span>
                        </div>
                    </div>
                    
                    <div class="card-content">
                        <h3 class="category-title">Halojen Akrobat Aydınlatma Lambaları</h3>
                        <p class="category-description">50W-70W Aydınlatma Gücüne Sahip 24 Volt ve 220 Volt Çalışma Gerilimine Sahip Halojen Değişebilen Ampül Aydınlatma Armatürleri</p>
                        
                        <div class="category-footer">
                            <span class="category-link">
                                <span class="link-text">Kategoriye Git</span>
                                <span class="link-icon"><i class="fas fa-arrow-right"></i></span>
                            </span>
                        </div>
                    </div>
                </a>
            </div>
            
            
        </div>
        
        
        
    </div>
</div>

<!-- Cleanup -->


<!-- Modern Categories Page CSS -->
<style>
/* Modern Color Variables */
:root {
    --primary-blue: #010d8f;
    --primary-red: #cf060c;
    --text-dark: #333333;
    --text-light: #fff;
    --text-detay: #666666;
    --light-bg: #f8f9fa;
    --white: #ffffff;
    --shadow-light: 0 5px 15px rgba(0,0,0,0.08);
    --shadow-medium: 0 10px 30px rgba(0,0,0,0.12);
    --border-radius-sm: 8px;
    --border-radius-md: 12px;
    --border-radius-lg: 16px;
    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;
    --transition-slow: 0.5s ease;
}

/* Modern Page Header */
.modern-page-header {
    background: linear-gradient(135deg, var(--primary-blue) 0%, #1a237e 100%);
    padding: 50px 0 30px;
    position: relative;
    overflow: hidden;
}

.modern-page-header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        radial-gradient(circle at 20% 80%, rgba(255,255,255,0.1) 1px, transparent 1px),
        radial-gradient(circle at 80% 20%, rgba(255,255,255,0.05) 1px, transparent 1px);
    background-size: 40px 40px;
    opacity: 0.3;
}

.modern-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    z-index: 2;
}

.header-content {
    text-align: center;
    color: var(--white);
}

.page-main-title {
    font-size: 42px;
    font-weight: 800;
    margin: 0 0 15px 0;
    line-height: 1.2;
    text-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.modern-breadcrumb {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    font-size: 16px;
}

.crumb-link {
    color: rgba(255,255,255,0.9);
    text-decoration: none;
    transition: var(--transition-fast);
    font-weight: 500;
    padding: 5px 0;
}

.crumb-link:hover {
    color: var(--white);
    transform: translateY(-1px);
}

.crumb-divider {
    color: rgba(255,255,255,0.6);
    font-size: 12px;
}

.crumb-divider i {
    transition: var(--transition-fast);
}

.crumb-link:hover + .crumb-divider i {
    color: var(--white);
}

/* Main Container */
.modern-main-container {
    padding: 50px 0;
    background: var(--light-bg);
    min-height: 60vh;
}

/* Content Header */
.page-content-header {
    text-align: center;
    margin-bottom: 50px;
}

.content-section-title {
    font-size: 32px;
    color: var(--primary-blue);
    font-weight: 700;
    margin: 0 0 10px 0;
    line-height: 1.3;
}

.content-section-subtitle {
    font-size: 18px;
    color: var(--text-detay);
    margin: 0 0 20px 0;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.section-title-divider {
    width: 80px;
    height: 4px;
    background: linear-gradient(90deg, var(--primary-red) 0%, var(--primary-blue) 100%);
    margin: 0 auto;
    border-radius: 2px;
    animation: dividerGrow 1s ease-out;
}

@keyframes dividerGrow {
    from { width: 0; opacity: 0; }
    to { width: 80px; opacity: 1; }
}

/* Categories Grid - Desktop (4'lü) */
.modern-categories-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* Masaüstünde 4'lü grid */
    gap: 30px;
    margin-bottom: 50px;
}

/* Category Card */
.category-card {
    background: var(--white);
    border-radius: var(--border-radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-light);
    transition: all var(--transition-normal) cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid #eef0f4;
    position: relative;
    height: 100%;
}

.category-card:hover {
    transform: translateY(-10px);
    box-shadow: var(--shadow-medium);
    border-color: var(--primary-blue);
}

.category-card:hover .card-link {
    text-decoration: none;
}

/* Card Link */
.card-link {
    display: block;
    text-decoration: none;
    color: inherit;
    height: 100%;
}

/* Image Container */
.card-image-container {
    position: relative;
    height: 220px;
    overflow: hidden;
    background: linear-gradient(135deg, #f5f7fa 0%, #e4e8f0 100%);
}

.image-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
}

.category-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform var(--transition-slow) ease;
}

.category-card:hover .category-image {
    transform: scale(1.1);
}

/* Image Overlay */
.image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, transparent 50%, rgba(1, 13, 143, 0.95) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity var(--transition-normal);
}

.category-card:hover .image-overlay {
    opacity: 1;
}

.view-btn {
    background: var(--white);
    color: var(--primary-blue);
    padding: 12px 24px;
    border-radius: 50px;
    font-weight: 600;
    font-size: 14px;
    transform: translateY(20px);
    transition: all var(--transition-normal) 0.1s;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}

.category-card:hover .view-btn {
    transform: translateY(0);
}

/* Product Count Badge */
.product-count-badge {
    position: absolute;
    top: 15px;
    right: 15px;
    background: rgba(255,255,255,0.95);
    border-radius: 50px;
    display: flex;
    align-items: center;
    gap: 8px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.1);
    backdrop-filter: blur(5px);
    z-index: 2;
}

.count-icon {
    color: var(--primary-red);
    font-size: 14px;
}

.count-icon img {
    width: 16px;
    height: 16px;
}

.count-number {
    color: var(--text-dark);
    font-weight: 700;
    font-size: 14px;
    padding-right: 10px;
}

/* Card Content */
.card-content {
    padding: 25px;
    background: var(--white);
}

.category-title {
    color: var(--primary-blue);
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 12px 0;
    line-height: 1.4;
    transition: color var(--transition-fast);
}

.category-card:hover .category-title {
    color: var(--primary-red);
}

.category-description {
    color: var(--text-detay);
    font-size: 15px;
    line-height: 1.6;
    margin: 0 0 20px 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Category Footer */
.category-footer {
    border-top: 1px solid #eef0f4;
    padding-top: 20px;
    margin-top: 15px;
}

.category-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--primary-blue);
    font-weight: 600;
    font-size: 15px;
    transition: all var(--transition-fast);
}

.category-link:hover {
    color: var(--primary-red);
    gap: 12px;
}

.link-icon {
    transition: transform var(--transition-fast);
}

.category-link:hover .link-icon {
    transform: translateX(5px);
}

/* Empty State */
.empty-state {
    text-align: center;
    padding: 60px 20px;
    background: var(--white);
    border-radius: var(--border-radius-md);
    box-shadow: var(--shadow-light);
    max-width: 500px;
    margin: 0 auto;
}

.empty-state-icon {
    font-size: 60px;
    color: var(--primary-blue);
    margin-bottom: 20px;
    opacity: 0.7;
}

.empty-state-title {
    color: var(--primary-blue);
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 10px 0;
}

.empty-state-message {
    color: var(--text-detay);
    font-size: 16px;
    margin: 0;
}

/* Tablet Responsive (768px-992px) - 3'lü Grid */
@media (max-width: 992px) {
    .page-main-title {
        font-size: 36px;
    }
    
    .content-section-title {
        font-size: 28px;
    }
    
    .modern-categories-grid {
        grid-template-columns: repeat(3, 1fr); /* Tablet'te 3'lü */
        gap: 25px;
    }
    
    .card-image-container {
        height: 200px;
    }
    
    .card-content {
        padding: 20px;
    }
    
    .category-title {
        font-size: 18px;
    }
}

/* Mobil Responsive (576px-768px) - 2'li Grid */
@media (max-width: 768px) {
    .modern-page-header {
        padding: 40px 0 25px;
    }
    
    .modern-main-container {
        padding: 40px 0;
    }
    
    /* 2'li Grid Düzeni */
    .modern-categories-grid {
        grid-template-columns: repeat(2, 1fr); /* Mobilde 2'li grid */
        gap: 20px;
    }
    
    .card-content {
        padding: 18px;
    }
    
    .category-title {
        font-size: 17px;
        margin-bottom: 10px;
    }
    
    .category-description {
        font-size: 14px;
        line-height: 1.5;
        -webkit-line-clamp: 2;
        margin-bottom: 15px;
    }
    
    .category-footer {
        padding-top: 15px;
        margin-top: 10px;
    }
    
    .category-link {
        font-size: 14px;
    }
}

/* Küçük Mobil (576px altı) */
@media (max-width: 576px) {
    .page-main-title {
        font-size: 28px;
    }
    
    .content-section-title {
        font-size: 24px;
    }
    
    .content-section-subtitle {
        font-size: 16px;
        margin-bottom: 15px;
    }
    
    .section-title-divider {
        width: 60px;
        height: 3px;
    }
    
    /* Mobilde 2'li Grid */
    .modern-categories-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
    
    .modern-breadcrumb {
        font-size: 14px;
    }
    
    .card-image-container {
        height: 160px;
    }
    
    .card-content {
        padding: 15px;
    }
    
    .category-title {
        font-size: 16px;
        line-height: 1.3;
    }
    
    .category-description {
        font-size: 13px;
        line-height: 1.4;
        -webkit-line-clamp: 2;
        margin-bottom: 12px;
    }
    
    .category-footer {
        padding-top: 12px;
    }
    
    .category-link {
        font-size: 13px;
        gap: 8px;
    }
    
    .product-count-badge {
        top: 10px;
        right: 10px;
        padding: 5px 8px;
    }
    
    .count-icon img {
        margin-left: 4px !important;
        margin-top: 3px !important;
        width: 14px;
        height: 14px;
    }
    
    .count-number {
        font-size: 12px;
        padding-right: 5px;
    }
    
    .empty-state {
        padding: 40px 15px;
    }
    
    .empty-state-icon {
        font-size: 48px;
    }
    
    .empty-state-title {
        font-size: 20px;
    }
    
    .empty-state-message {
        font-size: 14px;
    }
    
    .view-btn {
        padding: 10px 20px;
        font-size: 12px;
    }
}

/* Çok Küçük Ekranlar (iPhone SE vb.) */
@media (max-width: 380px) {
    .modern-categories-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
    
    .card-image-container {
        height: 140px;
    }
    
    .card-content {
        padding: 12px;
    }
    
    .category-title {
        font-size: 14px;
        margin-bottom: 8px;
    }
    
    .category-description {
        font-size: 12px;
        -webkit-line-clamp: 2;
        margin-bottom: 10px;
    }
    
    .category-footer {
        padding-top: 10px;
    }
    
    .category-link {
        font-size: 12px;
    }
    
    .product-count-badge {
        top: 8px;
        right: 8px;
        padding: 4px 6px;
    }
    
    .count-icon img {
        margin-left: 2px !important;
        margin-top: 2px !important;
        width: 12px;
        height: 12px;
    }
    
    .count-number {
        font-size: 11px;
    }
    
    .content-section-title {
        font-size: 22px;
    }
    
    .content-section-subtitle {
        font-size: 14px;
    }
}

/* Büyük Ekranlar (1200px üstü) */
@media (min-width: 1200px) {
    .modern-categories-grid {
        grid-template-columns: repeat(4, 1fr); /* Büyük ekranlarda da 4'lü */
    }
}

/* Animation Classes */
.category-card {
    animation: fadeInUp 0.6s ease forwards;
    opacity: 0;
}

.category-card:nth-child(1) { animation-delay: 0.1s; }
.category-card:nth-child(2) { animation-delay: 0.2s; }
.category-card:nth-child(3) { animation-delay: 0.3s; }
.category-card:nth-child(4) { animation-delay: 0.4s; }
.category-card:nth-child(5) { animation-delay: 0.5s; }
.category-card:nth-child(6) { animation-delay: 0.6s; }

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Focus States for Accessibility */
.card-link:focus {
    outline: 3px solid var(--primary-blue);
    outline-offset: 3px;
    border-radius: var(--border-radius-sm);
}

.card-link:focus .category-title {
    color: var(--primary-red);
}

/* Print Styles */
@media print {
    .modern-categories-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
    }
    
    .category-card {
        box-shadow: none !important;
        border: 1px solid #ddd !important;
        break-inside: avoid;
    }
}
</style><!-- Modern Footer -->
<footer class="haksan-modern-footer">
    <div class="footer-top-wave">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none">
            <path d="M321.39,56.44c58-10.79,114.16-30.13,172-41.86,82.39-16.72,168.19-17.73,250.45-.39C823.78,31,906.67,72,985.66,92.83c70.05,18.48,146.53,26.09,214.34,3V0H0V27.35A600.21,600.21,0,0,0,321.39,56.44Z" fill="currentColor"></path>
        </svg>
    </div>
    
    <div class="haksan-footer-container">
        <div class="haksan-footer-grid">
            
            <!-- İletişim Bilgileri -->
            <div class="haksan-footer-column">
                <div class="haksan-footer-column-header">
                    <div class="haksan-footer-icon">
                        <i class="fas fa-map-marker-alt"></i>
                    </div>
                    <h3 class="haksan-footer-title">İletişim Bilgileri</h3>
                </div>
                <div class="haksan-footer-content">
                    <ul class="haksan-contact-list">
					<li class="haksan-contact-item">
                            <i class="haksan-contact-icon fas fa-map-marker-alt"></i>
                            <div class="haksan-contact-text">
                                <strong>Merkez:</strong>
                                <p>Yenidoğan Mah. Eyüp Sultan Caddesi : 24 Bayrampaşa / İSTANBUL</p>
                            </div>
                        </li>
                        <li class="haksan-contact-item">
                            <i class="haksan-contact-icon fas fa-map-marker-alt"></i>
                            <div class="haksan-contact-text">
                                <strong>Emintaş Şube:</strong>
                                <p>Abdi İpekçi Cad. 1.Emintaş Sanayi Sitesi No: 74 / 121 Bayrampaşa / İSTANBUL</p>
                            </div>
                        </li>
						<li class="haksan-contact-item">
                            <i class="haksan-contact-icon fas fa-map-marker-alt"></i>
                            <div class="haksan-contact-text">
                                <strong>İkitelli Şube:</strong>
                                <p>İkitelli OSB. Demirciler San. Sit. B3 Blok No:92 İkitelli / İSTANBUL</p>
                            </div>
                        </li>
                        <li class="haksan-contact-item">
                            <i class="haksan-contact-icon fas fa-phone-alt"></i>
                            <div class="haksan-contact-text">
                                <strong>Telefon:</strong>
                                <div class="haksan-phone-numbers">
                                    <a href="tel:+902126130209">+90 212 613 02 09</a>
                                    <a href="tel:+902125672275">+90 212 567 22 75</a>
                                </div>
                            </div>
                        </li>
                        <li class="haksan-contact-item">
                            <i class="haksan-contact-icon fas fa-envelope"></i>
                            <div class="haksan-contact-text">
                                <strong>E-posta:</strong>
                                <a href="mailto:info@haksanmakina.com.tr" class="haksan-email-link">info@haksanmakina.com.tr</a>
                            </div>
                        </li>
                        <li class="haksan-contact-item">
                            <i class="haksan-contact-icon fas fa-globe"></i>
                            <div class="haksan-contact-text">
                                <strong>Web Siteleri:</strong>
                                <a href="." class="haksan-website-link">www.haksanmakina.com.tr</a>
								<a href="https://www.haksancnc.com.tr/" class="haksan-website-link">www.haksancnc.com.tr</a>
								<a href="https://www.haksankalip.com/" class="haksan-website-link">www.haksankalip.com</a>
								<a href="https://www.sacisleme.com.tr/" class="haksan-website-link">www.sacisleme.com.tr</a>
								
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            
            <!-- Hızlı Menü -->
            <div class="haksan-footer-column">
                <div class="haksan-footer-column-header">
                    <div class="haksan-footer-icon">
                        <i class="fas fa-link"></i>
                    </div>
                    <h3 class="haksan-footer-title">MENU</h3>
                </div>
                <div class="haksan-footer-content">
                    <ul class="haksan-menu-list">
                        <li class="haksan-menu-item">
                            <a href="?">
                                <div class="haksan-menu-icon">
                                    <i class="fas fa-home"></i>
                                </div>
                                <span class="haksan-menu-text">ANASAYFA</span>
                                <i class="haksan-arrow-icon fas fa-chevron-right"></i>
                            </a>
                        </li>
                        <li class="haksan-menu-item">
                            <a href="?s365/Hakkimizda.html">
                                <div class="haksan-menu-icon">
                                    <i class="fas fa-info-circle"></i>
                                </div>
                                <span class="haksan-menu-text">KURUMSAL</span>
                                <i class="haksan-arrow-icon fas fa-chevron-right"></i>
                            </a>
                        </li>
                        <li class="haksan-menu-item">
                            <a href="?m364/bayilikler.html">
                                <div class="haksan-menu-icon">
                                    <i class="fas fa-store"></i>
                                </div>
                                <span class="haksan-menu-text">BAYİLİKLER</span>
                                <i class="haksan-arrow-icon fas fa-chevron-right"></i>
                            </a>
                        </li>
                        <li class="haksan-menu-item">
                            <a href="?b6/duyurular.html">
                                <div class="haksan-menu-icon">
                                    <i class="fas fa-bullhorn"></i>
                                </div>
                                <span class="haksan-menu-text">DUYURULAR</span>
                                <i class="haksan-arrow-icon fas fa-chevron-right"></i>
                            </a>
                        </li>
                        <li class="haksan-menu-item">
                            <a href="?i/iletisim.html">
                                <div class="haksan-menu-icon">
                                    <i class="fas fa-envelope"></i>
                                </div>
                                <span class="haksan-menu-text">İLETİŞİM</span>
                                <i class="haksan-arrow-icon fas fa-chevron-right"></i>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            
            <!-- Ürün Kategorileri 1 -->
            <div class="haksan-footer-column haksan-product-column">
                <div class="haksan-footer-column-header">
                    <div class="haksan-footer-icon">
                        <i class="fas fa-boxes"></i>
                    </div>
                    <h3 class="haksan-footer-title">ÜRÜNLER</h3>
                </div>
                <div class="haksan-footer-content">
                    <ul class="haksan-menu-list">
                        
                        <li class="haksan-menu-item">
                            <a href="?y10/cnc-talasli-imalat-teknolojileri.html">
                                <div class="haksan-menu-icon">
                                    <i class="fas fa-cube"></i>
                                </div>
                                <span class="haksan-menu-text">CNC Talaşlı İmalat Teknolojileri</span>
                                <i class="haksan-arrow-icon fas fa-chevron-right"></i>
                            </a>
                        </li>
                        
                        <li class="haksan-menu-item">
                            <a href="?y13/talasli-imalat-makinalari.html">
                                <div class="haksan-menu-icon">
                                    <i class="fas fa-cube"></i>
                                </div>
                                <span class="haksan-menu-text">Talaşlı İmalat Makinaları</span>
                                <i class="haksan-arrow-icon fas fa-chevron-right"></i>
                            </a>
                        </li>
                        
                        <li class="haksan-menu-item">
                            <a href="?y4/sac-isleme-makinalari.html">
                                <div class="haksan-menu-icon">
                                    <i class="fas fa-cube"></i>
                                </div>
                                <span class="haksan-menu-text">Saç İşleme Makinaları</span>
                                <i class="haksan-arrow-icon fas fa-chevron-right"></i>
                            </a>
                        </li>
                        
                        <li class="haksan-menu-item">
                            <a href="?y9/kaynak-teknolojileri.html">
                                <div class="haksan-menu-icon">
                                    <i class="fas fa-cube"></i>
                                </div>
                                <span class="haksan-menu-text">Kaynak Teknolojileri</span>
                                <i class="haksan-arrow-icon fas fa-chevron-right"></i>
                            </a>
                        </li>
                        
                        <li class="haksan-menu-item">
                            <a href="?y8/hava-uretim-teknolojileri.html">
                                <div class="haksan-menu-icon">
                                    <i class="fas fa-cube"></i>
                                </div>
                                <span class="haksan-menu-text">Hava Üretim Teknolojileri</span>
                                <i class="haksan-arrow-icon fas fa-chevron-right"></i>
                            </a>
                        </li>
                        
                        <li class="haksan-menu-item">
                            <a href="?y11/tasima-ve-kaldirma-ekipmanlari.html">
                                <div class="haksan-menu-icon">
                                    <i class="fas fa-cube"></i>
                                </div>
                                <span class="haksan-menu-text">Taşıma ve Kaldırma Ekipmanları</span>
                                <i class="haksan-arrow-icon fas fa-chevron-right"></i>
                            </a>
                        </li>
                        
                        <li class="haksan-menu-item">
                            <a href="?y162/endustriyel-makina-aydinlatma-lambalari.html">
                                <div class="haksan-menu-icon">
                                    <i class="fas fa-cube"></i>
                                </div>
                                <span class="haksan-menu-text">Endüstriyel Makina Aydınlatma Lambaları</span>
                                <i class="haksan-arrow-icon fas fa-chevron-right"></i>
                            </a>
                        </li>
                        
                        <li class="haksan-menu-item">
                            <a href="?y12/hirdavat-ve-makina-ekipmanlari.html">
                                <div class="haksan-menu-icon">
                                    <i class="fas fa-cube"></i>
                                </div>
                                <span class="haksan-menu-text">Hırdavat ve Makina Ekipmanları</span>
                                <i class="haksan-arrow-icon fas fa-chevron-right"></i>
                            </a>
                        </li>
                        
                        <li class="haksan-menu-item">
                            <a href="?y142/makina-yedek-parcalari.html">
                                <div class="haksan-menu-icon">
                                    <i class="fas fa-cube"></i>
                                </div>
                                <span class="haksan-menu-text">Makina Yedek Parçaları</span>
                                <i class="haksan-arrow-icon fas fa-chevron-right"></i>
                            </a>
                        </li>
                        
                    </ul>
                </div>
            </div>
            
            <!-- Ürün Kategorileri 2 -->
            <div class="haksan-footer-column haksan-product-column">
                <div class="haksan-footer-column-header">
                    <div class="haksan-footer-icon">
                        <i class="fas fa-industry"></i>
                    </div>
                    <h3 class="haksan-footer-title">2. EL ÜRÜNLER</h3>
                </div>
                <div class="haksan-footer-content">
                    <ul class="haksan-menu-list">
                        
                        <li class="haksan-menu-item">
                            <a href="?y19/cnc-talasli-imalat-teknolojileri.html">
                                <div class="haksan-menu-icon">
                                    <i class="fas fa-cogs"></i>
                                </div>
                                <span class="haksan-menu-text">CNC Talaşlı İmalat Teknolojileri</span>
                                <i class="haksan-arrow-icon fas fa-chevron-right"></i>
                            </a>
                        </li>
                        
                        <li class="haksan-menu-item">
                            <a href="?y15/talasli-imalat-makinalari.html">
                                <div class="haksan-menu-icon">
                                    <i class="fas fa-cogs"></i>
                                </div>
                                <span class="haksan-menu-text">Talaşlı İmalat Makinaları</span>
                                <i class="haksan-arrow-icon fas fa-chevron-right"></i>
                            </a>
                        </li>
                        
                        <li class="haksan-menu-item">
                            <a href="?y5/sac-isleme-makinalari.html">
                                <div class="haksan-menu-icon">
                                    <i class="fas fa-cogs"></i>
                                </div>
                                <span class="haksan-menu-text">Saç İşleme Makinaları</span>
                                <i class="haksan-arrow-icon fas fa-chevron-right"></i>
                            </a>
                        </li>
                        
                        <li class="haksan-menu-item">
                            <a href="?y16/kaynak-teknolojileri.html">
                                <div class="haksan-menu-icon">
                                    <i class="fas fa-cogs"></i>
                                </div>
                                <span class="haksan-menu-text">Kaynak Teknolojileri</span>
                                <i class="haksan-arrow-icon fas fa-chevron-right"></i>
                            </a>
                        </li>
                        
                        <li class="haksan-menu-item">
                            <a href="?y17/hava-uretim-teknolojileri.html">
                                <div class="haksan-menu-icon">
                                    <i class="fas fa-cogs"></i>
                                </div>
                                <span class="haksan-menu-text">Hava Üretim Teknolojileri</span>
                                <i class="haksan-arrow-icon fas fa-chevron-right"></i>
                            </a>
                        </li>
                        
                        <li class="haksan-menu-item">
                            <a href="?y18/tasima-ve-kaldirma-ekipmanlari.html">
                                <div class="haksan-menu-icon">
                                    <i class="fas fa-cogs"></i>
                                </div>
                                <span class="haksan-menu-text">Taşıma ve Kaldırma Ekipmanları</span>
                                <i class="haksan-arrow-icon fas fa-chevron-right"></i>
                            </a>
                        </li>
                        
                        <li class="haksan-menu-item">
                            <a href="?y14/hirdavat-ve-makina-ekipmanlari.html">
                                <div class="haksan-menu-icon">
                                    <i class="fas fa-cogs"></i>
                                </div>
                                <span class="haksan-menu-text">Hırdavat ve Makina Ekipmanları</span>
                                <i class="haksan-arrow-icon fas fa-chevron-right"></i>
                            </a>
                        </li>
                        
                    </ul>
                </div>
            </div>
            
        </div>
        
        <!-- Footer Bottom -->
        <div class="haksan-footer-bottom">
            <div class="haksan-footer-bottom-grid">
                <div class="haksan-copyright-section">
                    <div class="haksan-copyright-content">
                        <div class="haksan-logo-section">
                            <div class="haksan-logo-text">
                                <span class="haksan-company-name"><img src="images/logo-w.png" /></span>
                            </div>
                        </div>
                        <p class="haksan-copyright-text">
                            Copyright © 2016-2026 Haksan Makina | Tüm Hakları Saklıdır. <i class="fa-solid fa-code"></i> <a href="https://www.garantimedya.com.tr">Garanti Medya</a>
                        </p>
                    </div>
                </div>
                
                <div class="haksan-social-section">
                    <div class="haksan-social-links">
                        <a href="https://www.facebook.com/hksnmak/" class="haksan-social-link facebook" target="_blank" aria-label="Facebook">
                            <i class="fab fa-facebook-f"></i>
                            <span class="haksan-social-tooltip">Facebook</span>
                        </a>
                        <!--<a href="#" class="haksan-social-link twitter" target="_blank" aria-label="Twitter">
                            <i class="fab fa-twitter"></i>
                            <span class="haksan-social-tooltip">Twitter</span>
                        </a>-->
                        <a href="https://www.instagram.com/haksan_makina/" class="haksan-social-link instagram" target="_blank" aria-label="Instagram">
                            <i class="fab fa-instagram"></i>
                            <span class="haksan-social-tooltip">Instagram</span>
                        </a>
                        <a href="https://www.linkedin.com/company/haksanmakina" class="haksan-social-link linkedin" target="_blank" aria-label="LinkedIn">
                            <i class="fab fa-linkedin-in"></i>
                            <span class="haksan-social-tooltip">LinkedIn</span>
                        </a>
                        <a href="mailto:info@haksanmakina.com.tr" class="haksan-social-link email" aria-label="E-posta">
                            <i class="fas fa-envelope"></i>
                            <span class="haksan-social-tooltip">E-posta</span>
                        </a>
                    </div>
                    
                    <div class="haksan-back-to-top">
                        <a href="#" class="haksan-back-top-btn" aria-label="Yukarı Çık">
                            <i class="fas fa-chevron-up"></i>
                            <span>Yukarı Çık</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>

<style>
/* Modern Footer CSS */
.haksan-modern-footer {
    background: linear-gradient(135deg, #0a1440 0%, #0a1b5a 100%);
    color: #ffffff;
    position: relative;
    width: 100%;
    margin-top: 100px;
    padding-top: 80px;
    clear: both;
}

.footer-top-wave {
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 80px;
    color: #0a1440;
    z-index: 1;
}

.footer-top-wave svg {
    width: 100%;
    height: 100%;
    display: block;
}

.haksan-footer-container {
    width: 90%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    z-index: 2;
}

.haksan-footer-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 40px;
    margin-bottom: 60px;
}

.haksan-footer-column {
    animation: haksan-fadeInUp 0.6s ease forwards;
    opacity: 0;
}

.haksan-footer-column:nth-child(1) { animation-delay: 0.1s; }
.haksan-footer-column:nth-child(2) { animation-delay: 0.2s; }
.haksan-footer-column:nth-child(3) { animation-delay: 0.3s; }
.haksan-footer-column:nth-child(4) { animation-delay: 0.4s; }

.haksan-footer-column-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 2px solid #cf060c;
}

.haksan-footer-icon {
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, #cf060c 0%, #e63946 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    box-shadow: 0 5px 15px rgba(207, 6, 12, 0.3);
}

.haksan-footer-title {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    color: #ffffff;
}

.haksan-contact-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.haksan-contact-item {
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
    align-items: flex-start;
    padding: 15px;
    border-radius: 8px;
    transition: all 0.2s ease;
    background: rgba(255,255,255,0.05);
}

.haksan-contact-item:hover {
    background: rgba(255,255,255,0.1);
    transform: translateX(5px);
}

.haksan-contact-icon {
    color: #cf060c;
    font-size: 18px;
    min-width: 24px;
    margin-top: 2px;
}

.haksan-contact-text {
    flex: 1;
}

.haksan-contact-text strong {
    display: block;
    color: #ffffff;
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: 600;
}

.haksan-contact-text p,
.haksan-contact-text a {
    color: rgba(255,255,255,0.8);
    margin: 0;
    line-height: 1.5;
    font-size: 14px;
    transition: color 0.2s ease;
}

.haksan-contact-text a:hover {
    color: #cf060c;
}

.haksan-phone-numbers {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.haksan-menu-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.haksan-menu-item {
    margin-bottom: 8px;
}

.haksan-menu-item a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 15px;
    color: rgba(255,255,255,0.8);
    text-decoration: none;
    border-radius: 8px;
    transition: all 0.3s ease;
    background: rgba(255,255,255,0.05);
    position: relative;
    overflow: hidden;
}

.haksan-menu-item a::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 3px;
    background: #cf060c;
    transform: scaleY(0);
    transition: transform 0.3s ease;
}

.haksan-menu-item a:hover {
    background: rgba(255,255,255,0.1);
    color: #ffffff;
    transform: translateX(5px);
}

.haksan-menu-item a:hover::before {
    transform: scaleY(1);
}

.haksan-menu-item a:hover .haksan-arrow-icon {
    transform: translateX(5px);
    color: #cf060c;
}

.haksan-menu-icon {
    width: 32px;
    height: 32px;
    background: rgba(255,255,255,0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    transition: all 0.2s ease;
}

.haksan-menu-item a:hover .haksan-menu-icon {
    background: #cf060c;
    transform: rotate(10deg);
}

.haksan-menu-text {
    flex: 1;
    font-size: 14px;
    font-weight: 500;
}

.haksan-arrow-icon {
    color: rgba(255,255,255,0.5);
    font-size: 12px;
    transition: all 0.2s ease;
}

.haksan-footer-bottom {
    border-top: 1px solid rgba(255,255,255,0.1);
    padding-top: 30px;
    padding-bottom: 30px;
}

.haksan-footer-bottom-grid {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 30px;
}

.haksan-copyright-section {
    flex: 1;
    min-width: 300px;
}

.haksan-logo-section {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}

.haksan-logo-circle {
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, #010d8f 0%, #cf060c 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}

.haksan-logo-text {
    display: flex;
    flex-direction: column;
}

.haksan-company-name {
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
}

.haksan-slogan {
    font-size: 12px;
    color: rgba(255,255,255,0.6);
    text-transform: uppercase;
    letter-spacing: 1px;
}

.haksan-copyright-text {
    color: rgba(255,255,255,0.7);
    font-size: 14px;
    margin: 10px 0 0 0;
    line-height: 1.6;
}

.haksan-web-design {
    display: block;
    margin-top: 5px;
    font-size: 13px;
}

.haksan-web-design a {
    color: #cf060c;
    text-decoration: none;
    font-weight: 600;
    transition: color 0.2s ease;
}

.haksan-web-design a:hover {
    color: #ffffff;
    text-decoration: underline;
}

.haksan-social-section {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 20px;
    min-width: 300px;
}

.haksan-social-links {
    display: flex;
    gap: 10px;
}

.haksan-social-link {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    text-decoration: none;
    position: relative;
    transition: all 0.3s ease;
    background: rgba(255,255,255,0.1);
}

.haksan-social-link:hover {
    transform: translateY(-5px);
}

.haksan-social-link.facebook:hover { background: #1877f2; }
.haksan-social-link.twitter:hover { background: #1da1f2; }
.haksan-social-link.instagram:hover { background: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d); }
.haksan-social-link.linkedin:hover { background: #0077b5; }
.haksan-social-link.email:hover { background: #cf060c; }

.haksan-social-tooltip {
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    background: #333333;
    color: #ffffff;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    white-space: nowrap;
    z-index: 100;
}

.haksan-social-tooltip::before {
    content: '';
    position: absolute;
    top: -5px;
    left: 50%;
    transform: translateX(-50%);
    border-width: 0 5px 5px 5px;
    border-style: solid;
    border-color: transparent transparent #333333 transparent;
}

.haksan-social-link:hover .haksan-social-tooltip {
    opacity: 1;
    visibility: visible;
}

.haksan-back-to-top {
    text-align: right;
}

.haksan-back-top-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg, #cf060c 0%, #e63946 100%);
    color: #ffffff;
    padding: 10px 20px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    transition: all 0.3s ease;
    box-shadow: 0 5px 15px rgba(207, 6, 12, 0.3);
}

.haksan-back-top-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(207, 6, 12, 0.4);
    gap: 12px;
}

.haksan-back-top-btn i {
    transition: transform 0.3s ease;
}

.haksan-back-top-btn:hover i {
    transform: translateY(-2px);
}

@keyframes haksan-fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive Optimizasyonları */
/* Masaüstü ve Laptop için 4'lü grid */
@media (min-width: 992px) {
    .haksan-footer-grid {
        grid-template-columns: repeat(4, 1fr);
        gap: 30px;
    }
    
    /* Laptop ekranlar için optimizasyon */
    @media (max-width: 1400px) {
        .haksan-footer-grid {
            gap: 25px;
        }
        
        .haksan-footer-title {
            font-size: 18px;
        }
        
        .haksan-menu-text {
            font-size: 13px;
        }
        
        .haksan-contact-text p,
        .haksan-contact-text a {
            font-size: 13px;
        }
    }
}

/* Tablet ve küçük laptop */
@media (max-width: 1200px) and (min-width: 768px) {
    .haksan-footer-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }
    
    .haksan-footer-bottom-grid {
        flex-direction: column;
        text-align: center;
        gap: 30px;
    }
    
    .haksan-social-section {
        align-items: center;
    }
}

/* Mobil için dropdown menüler */
@media (max-width: 768px) {
    .haksan-footer-container {
        width: 95%;
        padding: 0 15px;
    }
    
    .haksan-modern-footer {
        padding-top: 60px;
        margin-top: 80px;
    }
    
    .haksan-footer-grid {
        grid-template-columns: 1fr;
        gap: 0;
    }
    
    .haksan-footer-column {
        margin-bottom: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        padding-bottom: 15px;
    }
    
    .haksan-footer-column:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }
    
    .haksan-footer-column-header {
        margin-bottom: 0;
        cursor: pointer;
        user-select: none;
        position: relative;
        padding-right: 40px;
    }
    
    /* Ürün kolonları için dropdown okları */
    .haksan-product-column .haksan-footer-column-header::after {
        content: '\f078';
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
        transition: transform 0.3s ease;
        color: #cf060c;
        font-size: 16px;
    }
    
    .haksan-product-column.haksan-column-expanded .haksan-footer-column-header::after {
        transform: translateY(-50%) rotate(180deg);
    }
    
    /* Ürün kolonları içeriği başlangıçta kapalı */
    .haksan-product-column .haksan-footer-content {
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        transition: all 0.3s ease;
        margin-top: 0;
        margin-bottom: 0;
    }
    
    /* Ürün kolonları açıldığında */
    .haksan-product-column.haksan-column-expanded .haksan-footer-content {
        max-height: 1000px;
        opacity: 1;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    
    /* İletişim ve MENU her zaman açık */
    .haksan-footer-column:not(.haksan-product-column) .haksan-footer-content {
        max-height: none !important;
        opacity: 1 !important;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    
    .haksan-footer-bottom-grid {
        flex-direction: column;
        text-align: center;
        gap: 30px;
    }
    
    .haksan-social-section {
        align-items: center;
    }
    
    .haksan-copyright-section,
    .haksan-social-section {
        min-width: 100%;
    }
    
    .haksan-footer-bottom {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

/* Küçük mobil cihazlar */
@media (max-width: 576px) {
    .haksan-footer-container {
        width: 100%;
        padding: 0 15px;
    }
    
    .haksan-modern-footer {
        padding-top: 50px;
        margin-top: 60px;
    }
    
    .footer-top-wave {
        height: 60px;
    }
    
    .haksan-footer-icon {
        width: 40px;
        height: 40px;
        font-size: 18px;
    }
    
    .haksan-footer-title {
        font-size: 18px;
    }
    
    .haksan-logo-section {
        flex-direction: column;
        text-align: center;
        gap: 10px;
    }
    
    .haksan-social-links {
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .haksan-back-top-btn {
        padding: 8px 16px;
        font-size: 13px;
    }
}
</style>

<script>
document.addEventListener('DOMContentLoaded', function() {
    // Back to top button
    const backTopBtn = document.querySelector('.haksan-back-top-btn');
    
    if (backTopBtn) {
        backTopBtn.addEventListener('click', function(e) {
            e.preventDefault();
            window.scrollTo({
                top: 0,
                behavior: 'smooth'
            });
        });
    }
    
    // Mobilde kategori kolonları için dropdown
    const setupMobileDropdowns = () => {
        const productColumns = document.querySelectorAll('.haksan-product-column');
        
        // Sadece mobilde çalışsın
        if (window.innerWidth <= 768) {
            productColumns.forEach(column => {
                const header = column.querySelector('.haksan-footer-column-header');
                const content = column.querySelector('.haksan-footer-content');
                
                if (header && content) {
                    // Başlangıçta kapalı
                    if (!column.classList.contains('haksan-column-expanded')) {
                        content.style.maxHeight = '0';
                        content.style.opacity = '0';
                    }
                    
                    // Header'a tıklama event'i ekle
                    header.addEventListener('click', function(e) {
                        // Eğer bir linke tıklanmadıysa
                        if (!e.target.closest('a')) {
                            e.preventDefault();
                            
                            // Diğer kolonları kapat
                            productColumns.forEach(col => {
                                if (col !== column && col.classList.contains('haksan-column-expanded')) {
                                    col.classList.remove('haksan-column-expanded');
                                    const otherContent = col.querySelector('.haksan-footer-content');
                                    if (otherContent) {
                                        otherContent.style.maxHeight = '0';
                                        otherContent.style.opacity = '0';
                                    }
                                }
                            });
                            
                            // Bu kolonu aç/kapat
                            column.classList.toggle('haksan-column-expanded');
                            if (column.classList.contains('haksan-column-expanded')) {
                                content.style.maxHeight = content.scrollHeight + 'px';
                                content.style.opacity = '1';
                            } else {
                                content.style.maxHeight = '0';
                                content.style.opacity = '0';
                            }
                        }
                    });
                    
                    // Menü item'larına tıklanınca dropdown kapanmasın
                    const menuLinks = content.querySelectorAll('a');
                    menuLinks.forEach(link => {
                        link.addEventListener('click', function(e) {
                            e.stopPropagation();
                        });
                    });
                }
            });
        } else {
            // Masaüstünde dropdown class'larını kaldır
            productColumns.forEach(column => {
                column.classList.remove('haksan-column-expanded');
                const content = column.querySelector('.haksan-footer-content');
                if (content) {
                    content.style.maxHeight = '';
                    content.style.opacity = '';
                }
            });
        }
    };
    
    // İlk yüklemede ve pencere boyutu değiştiğinde çalıştır
    setupMobileDropdowns();
    window.addEventListener('resize', setupMobileDropdowns);
    
    // Sayfa yüklendiğinde animasyonları başlat
    setTimeout(() => {
        document.querySelectorAll('.haksan-footer-column').forEach((column, index) => {
            setTimeout(() => {
                column.style.opacity = '1';
                column.style.transform = 'translateY(0)';
            }, index * 100);
        });
    }, 100);
});
</script>

<!-- Eski JS dosyaları (aşağıdaki kodu footer'dan sonra yerleştirin) -->
<script type="text/javascript" src="js/universal/jquery.js"></script>



<script type="text/javascript" src="js/portfolio/source/jquery.fancybox.js"></script>
<script type="text/javascript" src="js/portfolio/source/helpers/jquery.fancybox-media.js"></script>

<script type="text/javascript">
    $(document).ready(function() {
        $('.fancybox').fancybox();

        $(document).ready(function() {
            $('.fancybox-media').fancybox({
                openEffect  : 'none',
                closeEffect : 'none',
                helpers : {
                    media : {}
                }
            });
        });
    });
</script>

<script type="text/javascript" src="js/mainmenu/ddsmoothmenu.js"></script>
<script type="text/javascript" src="js/mainmenu/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/mainmenu/selectnav.js"></script>

<script type="text/javascript" src="js/jcarousel/jquery.jcarousel.min.js"></script>

<script type="text/javascript" src="js/revolutionslider/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>

<script type="text/javascript" src="js/mainmenu/scripts.js"></script>

<script type="text/javascript" src="js/tabs/tabs.js"></script>

<script type="text/javascript">
    $(document).ready(function(){
        $(window).scroll(function(){
            if ($(this).scrollTop() > 100) {
                $('.scrollup').fadeIn();
            } else {
                $('.scrollup').fadeOut();
            }
        });
 
        $('.scrollup').click(function(){
            $("html, body").animate({ scrollTop: 0 }, 500);
            return false;
        });
    });
</script>

<script type="text/javascript">
    jQuery(document).ready(function() {
        jQuery('#mycarousel').jcarousel();
    });
    
    jQuery(document).ready(function() {
        jQuery('#mycarouseltwo').jcarousel();
    });
    
    jQuery(document).ready(function() {
        jQuery('#mycarouselthree').jcarousel();
    });
    
    jQuery(document).ready(function() {
        jQuery('#mycarouselfour').jcarousel();
    });
</script>

<script type="text/javascript" src="js/accordion/custom.js"></script>

<script type="text/javascript">
    var tpj=jQuery;
    tpj.noConflict();

    tpj(document).ready(function() {
        if (tpj.fn.cssOriginal!=undefined)
            tpj.fn.css = tpj.fn.cssOriginal;

        var api = tpj('.fullwidthbanner').revolution({
            delay:3000,
            startwidth:1170,
            startheight:500,
            onHoverStop:"on",
            thumbWidth:100,
            thumbHeight:50,
            thumbAmount:3,
            hideThumbs:200,
            navigationType:"none",
            navigationArrows:"solo",
            navigationStyle:"round",
            navigationHAlign:"center",
            navigationVAlign:"bottom",
            navigationHOffset:30,
            navigationVOffset:-40,
            soloArrowLeftHalign:"left",
            soloArrowLeftValign:"center",
            soloArrowLeftHOffset:0,
            soloArrowLeftVOffset:0,
            soloArrowRightHalign:"right",
            soloArrowRightValign:"center",
            soloArrowRightHOffset:0,
            soloArrowRightVOffset:0,
            touchenabled:"on",
            stopAtSlide:-1,
            stopAfterLoops:-1,
            hideCaptionAtLimit:0,
            hideAllCaptionAtLilmit:0,
            hideSliderAtLimit:0,
            fullWidth:"on",
            shadow:0
        });
    });
</script>

<script type="text/javascript" src="js/sticky-menu/core.js"></script>

<script type="text/javascript">
$(window).load(function(){
    $(".controlls li a").click(function(e) {
        e.preventDefault();
        var id = $(this).attr('class');
        $('#slider div:visible').fadeOut(500, function() {
            $('div#' + id).fadeIn();
        })
    });
});
</script>