<!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>Haksan Makina olarak, CNC makineleri alanındaki uzmanlığımızı yansıtmak amacıyla tamamen yeni bir web sitesi oluşturduk. Kullanıcı dostu tasarımımızla, en son teknolojiye sahip CNC makinelerimizi kolayca keşfedebilir, ürünlerimiz hakkında detaylı bilgi alabilir ve sektördeki yenilikleri takip edebilirsiniz. Yeni sitemizde ayrıca, | Makina Marketiniz</title>
    <meta name="description" content="Haksan Makina, CNC makineleri üzerine odaklanmış tamamen yeni web sitesiyle karşınızda!" />
    <meta name="keywords" content="fiberlazer,lazerkesim,lazer,kesim,cutting,fiber,laser,lasercutting" />
    <link rel="canonical" href="https://www.haksanmakina.com.tr//?h1353/haksan-makina-olarak-cnc-makineleri-alanindaki-uzmanligimizi-yansitmak-amaciyla-tamamen-yeni-bir-web-sitesi-olusturdukkullanici-dostu-tasarimimizla-en-son-teknolojiye-sahip-cnc-makinelerimizi-kolayca-kesfedebilir-urunlerimiz-hakkinda-detayli-bilgi-alabilir-ve-sektordeki-yenilikleri-takip-edebilirsinizyeni-sitemizde-ayrica" />

    <meta property="og:title" content="Haksan Makina olarak, CNC makineleri alanındaki uzmanlığımızı yansıtmak amacıyla tamamen yeni bir web sitesi oluşturduk. Kullanıcı dostu tasarımımızla, en son teknolojiye sahip CNC makinelerimizi kolayca keşfedebilir, ürünlerimiz hakkında detaylı bilgi alabilir ve sektördeki yenilikleri takip edebilirsiniz. Yeni sitemizde ayrıca," />
    <meta property="og:type" content="product" />
    <meta property="og:site_name" content="Haksan Makina | CNC | Torna | Freze | Matkap | Dik İşleme | Abkant | " />
    <meta property="og:url" content="https://www.haksanmakina.com.tr//?h1353/haksan-makina-olarak-cnc-makineleri-alanindaki-uzmanligimizi-yansitmak-amaciyla-tamamen-yeni-bir-web-sitesi-olusturdukkullanici-dostu-tasarimimizla-en-son-teknolojiye-sahip-cnc-makinelerimizi-kolayca-kesfedebilir-urunlerimiz-hakkinda-detayli-bilgi-alabilir-ve-sektordeki-yenilikleri-takip-edebilirsinizyeni-sitemizde-ayrica" />
    <meta property="og:image" content="https://www.haksanmakina.com.tr//deppo/image/yeni-cnc-web-sitemiz-yayinda!-3225171417.png" />
    <meta property="og:image:width" content="200" />
    <meta property="og:image:height" content="200" />
    <meta property="og:description" content="Haksan Makina, CNC makineleri üzerine odaklanmış tamamen yeni web sitesiyle karşınızda!" />

    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:site" content="https://www.haksanmakina.com.tr/" />
    <meta name="twitter:creator" content="@twitter" />
    <meta name="twitter:title" content="Haksan Makina olarak, CNC makineleri alanındaki uzmanlığımızı yansıtmak amacıyla tamamen yeni bir web sitesi oluşturduk. Kullanıcı dostu tasarımımızla, en son teknolojiye sahip CNC makinelerimizi kolayca keşfedebilir, ürünlerimiz hakkında detaylı bilgi alabilir ve sektördeki yenilikleri takip edebilirsiniz. Yeni sitemizde ayrıca," />
    <meta name="twitter:description" content="Haksan Makina, CNC makineleri üzerine odaklanmış tamamen yeni web sitesiyle karşınızda!" />
    <meta name="twitter:image" content="https://www.haksanmakina.com.tr//deppo/image/yeni-cnc-web-sitemiz-yayinda!-3225171417.png" />
    <meta name="twitter:domain" content="https://www.haksanmakina.com.tr//?h1353/haksan-makina-olarak-cnc-makineleri-alanindaki-uzmanligimizi-yansitmak-amaciyla-tamamen-yeni-bir-web-sitesi-olusturdukkullanici-dostu-tasarimimizla-en-son-teknolojiye-sahip-cnc-makinelerimizi-kolayca-kesfedebilir-urunlerimiz-hakkinda-detayli-bilgi-alabilir-ve-sektordeki-yenilikleri-takip-edebilirsinizyeni-sitemizde-ayrica" />

    <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>

<!-- ORTA -->      
<div class="page_title">
	<div class="container">
		<div class="title"><h1>DUYURULAR</h1></div>
        <div class="pagenation">&nbsp;<a href="?">ANASAYFA</a> <i>/</i> <a href="#">DUYURULAR</a></div>
	</div>
</div><!-- end page title --> 

<div class="container main-content" style="max-width:1200px; padding:30px 15px;">
    
    <!-- DUYURULAR SİDEBAR - Masaüstünde açık, mobilde gizli -->
    <aside class="sidebar-desktop" style="float:left; width:33.333%; padding-right:20px; margin-top:100px!important; margin-bottom: 100px!important;">
        <div class="sidebar_widget" style="background:white; border-radius:14px; box-shadow:0 6px 24px rgba(10,20,64,0.09); border:1px solid #e5e9f2; overflow:hidden; margin-bottom:25px; position:sticky; top:20px;">
            <h3 class="sidebar_title" style="background:#0a1440; color:white; margin:0; padding:18px 24px; font-size:1.45rem; border-bottom:3px solid #e63946;">
                <i class="icon-bullhorn" style="margin-right:10px;"></i>DUYURULAR
            </h3>
            
            <!-- DUYURU LİSTESİ - TAMAMEN GÖRÜNÜR -->
            <ul class="recent_posts_list" style="padding:18px 24px; margin:0; list-style:none; overflow-y:visible; max-height:none;">
            
                <li style="padding:14px 0; border-bottom:1px solid #eef2f8; transition:all 0.25s;">
                    <a href="?h1385/lk-machinery-taiwan-cnc-isleme-merkezleriuretimde-verimlilik-ve-hassasiyetin-adresi.html" style="display:flex; align-items:center; gap:16px; color:#1e293b; text-decoration:none; font-weight:500; transition:all 0.25s; padding:4px;">
                        <div style="min-width:32px; height:32px; background:#e63946; border-radius:50%; display:flex; align-items:center; justify-content:center; color:white;">
                            <i class="icon-file-alt"></i>
                        </div>
                        <span style="flex:1; font-size:0.95rem;">LK Machinery Taiwan CNC İşleme Merkezleri: Üretimde Verimlilik ve Hassasiyetin Adresi</span>
                    </a>
                </li>
            
                <li style="padding:14px 0; border-bottom:1px solid #eef2f8; transition:all 0.25s;">
                    <a href="?h1370/cevherden-makineye25-zirvesinde-yerini-aldi.html" style="display:flex; align-items:center; gap:16px; color:#1e293b; text-decoration:none; font-weight:500; transition:all 0.25s; padding:4px;">
                        <div style="min-width:32px; height:32px; background:#e63946; border-radius:50%; display:flex; align-items:center; justify-content:center; color:white;">
                            <i class="icon-file-alt"></i>
                        </div>
                        <span style="flex:1; font-size:0.95rem;">Cevherden Makineye&#697;25 Zirvesi’nde Yerini Aldı</span>
                    </a>
                </li>
            
                <li style="padding:14px 0; border-bottom:1px solid #eef2f8; transition:all 0.25s;">
                    <a href="?h1354/haksan-makinadan-dijital-ve-cevre-dostu-canli-gorusme-hizmeti-ile-makina-yatiriminizda-verimlilik-saglayin!.html" style="display:flex; align-items:center; gap:16px; color:#1e293b; text-decoration:none; font-weight:500; transition:all 0.25s; padding:4px;">
                        <div style="min-width:32px; height:32px; background:#e63946; border-radius:50%; display:flex; align-items:center; justify-content:center; color:white;">
                            <i class="icon-file-alt"></i>
                        </div>
                        <span style="flex:1; font-size:0.95rem;">Haksan Makina&#697;dan Dijital ve Çevre Dostu Canlı Görüşme Hizmeti ile Makina Yatırımınızda Verimlilik Sağlayın!</span>
                    </a>
                </li>
            
                <li style="padding:14px 0; border-bottom:1px solid #eef2f8; transition:all 0.25s;">
                    <a href="?h1353/yeni-web-sitemiz-haksancnc-com-tr-yayinda!.html" style="display:flex; align-items:center; gap:16px; color:#1e293b; text-decoration:none; font-weight:500; transition:all 0.25s; padding:4px;">
                        <div style="min-width:32px; height:32px; background:#e63946; border-radius:50%; display:flex; align-items:center; justify-content:center; color:white;">
                            <i class="icon-file-alt"></i>
                        </div>
                        <span style="flex:1; font-size:0.95rem;">Yeni Web Sitemiz haksancnc.com.tr Yayında..!</span>
                    </a>
                </li>
            
                <li style="padding:14px 0; border-bottom:1px solid #eef2f8; transition:all 0.25s;">
                    <a href="?h1352/yeni-isbirligiaore-laser-ile-fiber-lazer-kesim-teknolojisi-haksan-makinada!.html" style="display:flex; align-items:center; gap:16px; color:#1e293b; text-decoration:none; font-weight:500; transition:all 0.25s; padding:4px;">
                        <div style="min-width:32px; height:32px; background:#e63946; border-radius:50%; display:flex; align-items:center; justify-content:center; color:white;">
                            <i class="icon-file-alt"></i>
                        </div>
                        <span style="flex:1; font-size:0.95rem;">Yeni İşbirliği: AORE Laser ile Fiber Lazer Kesim Teknolojisi Haksan Makina&#697;da!</span>
                    </a>
                </li>
            
                <li style="padding:14px 0; border-bottom:1px solid #eef2f8; transition:all 0.25s;">
                    <a href="?h1350/sanayi-ve-teknoloji-fuari-2024-maktek-avrasya.html" style="display:flex; align-items:center; gap:16px; color:#1e293b; text-decoration:none; font-weight:500; transition:all 0.25s; padding:4px;">
                        <div style="min-width:32px; height:32px; background:#e63946; border-radius:50%; display:flex; align-items:center; justify-content:center; color:white;">
                            <i class="icon-file-alt"></i>
                        </div>
                        <span style="flex:1; font-size:0.95rem;">Sanayi ve Teknoloji Fuarı 2024 MAKTEK AVRASYA</span>
                    </a>
                </li>
            
                <li style="padding:14px 0; border-bottom:1px solid #eef2f8; transition:all 0.25s;">
                    <a href="?h959/manford-freze-tezgahlarindan-elektrikli-otomatik-takim-baglama-sistemi-!.html" style="display:flex; align-items:center; gap:16px; color:#1e293b; text-decoration:none; font-weight:500; transition:all 0.25s; padding:4px;">
                        <div style="min-width:32px; height:32px; background:#e63946; border-radius:50%; display:flex; align-items:center; justify-content:center; color:white;">
                            <i class="icon-file-alt"></i>
                        </div>
                        <span style="flex:1; font-size:0.95rem;">MANFORD Freze Tezgahlarından Elektrikli Otomatik Takım Bağlama Sistemi...!</span>
                    </a>
                </li>
            
                <li style="padding:14px 0; border-bottom:1px solid #eef2f8; transition:all 0.25s;">
                    <a href="?h801/ecocadan-cnc-dik-ve-kopru-tipi-isleme-merkezleri-.html" style="display:flex; align-items:center; gap:16px; color:#1e293b; text-decoration:none; font-weight:500; transition:all 0.25s; padding:4px;">
                        <div style="min-width:32px; height:32px; background:#e63946; border-radius:50%; display:flex; align-items:center; justify-content:center; color:white;">
                            <i class="icon-file-alt"></i>
                        </div>
                        <span style="flex:1; font-size:0.95rem;">ECOCA&#697;dan CNC Dik ve Köprü Tipi İşleme Merkezleri...</span>
                    </a>
                </li>
            
                <li style="padding:14px 0; border-bottom:1px solid #eef2f8; transition:all 0.25s;">
                    <a href="?h558/kesmak-makina-cesitlerine-hergun-yenilerini-ekliyor-.html" style="display:flex; align-items:center; gap:16px; color:#1e293b; text-decoration:none; font-weight:500; transition:all 0.25s; padding:4px;">
                        <div style="min-width:32px; height:32px; background:#e63946; border-radius:50%; display:flex; align-items:center; justify-content:center; color:white;">
                            <i class="icon-file-alt"></i>
                        </div>
                        <span style="flex:1; font-size:0.95rem;">KESMAK MAKİNA Çeşitlerine Hergün Yenilerini Ekliyor...</span>
                    </a>
                </li>
            
                <li style="padding:14px 0; border-bottom:1px solid #eef2f8; transition:all 0.25s;">
                    <a href="?h377/daha-hizli-ve-modern-arayuz-ile-www-haksanmakina-com-tr.html" style="display:flex; align-items:center; gap:16px; color:#1e293b; text-decoration:none; font-weight:500; transition:all 0.25s; padding:4px;">
                        <div style="min-width:32px; height:32px; background:#e63946; border-radius:50%; display:flex; align-items:center; justify-content:center; color:white;">
                            <i class="icon-file-alt"></i>
                        </div>
                        <span style="flex:1; font-size:0.95rem;">Daha Hızlı ve Modern Arayüz ile www.haksanmakina.com.tr</span>
                    </a>
                </li>
            
                <li style="padding:14px 0; border-bottom:1px solid #eef2f8; transition:all 0.25s;">
                    <a href="?h376/manford-freze-tezgahlarindan-elektrikli-otomatik-takim-baglama-sistemi-!.html" style="display:flex; align-items:center; gap:16px; color:#1e293b; text-decoration:none; font-weight:500; transition:all 0.25s; padding:4px;">
                        <div style="min-width:32px; height:32px; background:#e63946; border-radius:50%; display:flex; align-items:center; justify-content:center; color:white;">
                            <i class="icon-file-alt"></i>
                        </div>
                        <span style="flex:1; font-size:0.95rem;">MANFORD Freze Tezgahlarından Elektrikli Otomatik Takım Bağlama Sistemi...!</span>
                    </a>
                </li>
            
            </ul>
            
            <!-- GERİ DÖN BUTONU - SADECE MASAÜSTÜ -->
            <div class="desktop-back-button" style="padding:20px 24px; border-top:1px solid #eef2f8; background:#f9fbfd;">
                <a href="javascript:history.back()" style="display:flex; align-items:center; justify-content:center; gap:10px; background:#0a1440; color:white; padding:12px 20px; border-radius:50px; text-decoration:none; font-weight:600; font-size:0.95rem; transition:all 0.3s; border:1px solid #0a1440;">
                    <i class="icon-chevron-left" style="font-size:0.9rem;"></i>
                    Geri Dön
                </a>
            </div>
        </div>
    </aside>

    <!-- ANA İÇERİK - Detay Sayfası -->
    <main class="content-main" style="float:left; width:66.667%; padding-left:20px; margin-top:100px!important; margin-bottom: 100px!important;">
        <article class="blog-post-card" style="background:white; border-radius:16px; box-shadow:0 10px 40px rgba(10,20,64,0.1); border:1px solid #e5e9f2; overflow:hidden; margin-bottom:30px; transition:box-shadow 0.3s ease, border-color 0.3s ease;">
            
            <div class="post-image" style="width:100%; height:auto; overflow:hidden; position:relative;">
                <img src="deppo/image/yeni-cnc-web-sitemiz-yayinda!-3225171417.png" alt="Yeni Web Sitemiz haksancnc.com.tr Yayında..!" 
                     style="width:100%; height:100%; object-fit:cover; transition:transform 0.6s ease;"
                     onerror="this.style.height='auto'">
                <div style="position:absolute; inset:0; background:linear-gradient(to bottom, transparent 60%, rgba(10,20,64,0.4)); pointer-events:none;"></div>
            </div>
            
            <div style="padding:40px;">
                <h1 style="margin:0 0 28px; font-size:2.4rem; line-height:1.25; color:#0a1440; font-weight:800; position:relative; padding-bottom:18px;">
                    Yeni Web Sitemiz haksancnc.com.tr Yayında..!
                    <span style="position:absolute; bottom:0; left:0; width:80px; height:5px; background:#e63946; border-radius:3px;"></span>
                </h1>
                <div style="line-height:1.85; color:#334155; font-size:1.08rem;">
                    <p><strong>Haksan Makina </strong>olarak,<strong> CNC</strong> makineleri alanındaki uzmanlığımızı yansıtmak amacıyla tamamen yeni bir web sitesi oluşturduk. Kullanıcı dostu tasarımımızla, en son teknolojiye sahip CNC makinelerimizi kolayca keşfedebilir, &uuml;r&uuml;nlerimiz hakkında detaylı bilgi alabilir ve sekt&ouml;rdeki yenilikleri takip edebilirsiniz. Yeni sitemizde ayrıca, hizmetlerimiz, bayiliklerimiz ve destek se&ccedil;eneklerimiz hakkında da bilgilere ulaşabilirsiniz. Sitemizi ziyaret ederek CNC makineleri d&uuml;nyasına adım atın ve geri bildirimlerinizi bizimle paylaşmayı unutmayın!<br />
<br />
<strong>Yeni CNC İnternet Sitemize&nbsp;<a href='https://www.haksancnc.com.tr' rel='noopener' target='_new'>www.haksancnc.com.tr</a> adresinden ulaşabilirsiniz.</strong><br />
<br />
&nbsp;</p>

<div class='flex flex-col flex-shrink-0 items-end relative'>
<div class='pt-0'>
<div class='flex gizmo-bot-avatar h-8 items-center justify-center overflow-hidden rounded-full w-8'>
<div class='bg-token-main-surface-primary flex h-8 items-center justify-center p-1 relative rounded-sm text-token-text-primary w-8'>&nbsp;</div>
</div>
</div>
</div>

<div class='agent-turn flex flex-col group/conversation-turn min-w-0 relative w-full'>
<div class='flex-col gap-1 md:gap-3'>
<div class='flex flex-col flex-grow max-w-full'>
<div class='[.text-message+&amp;]:mt-5 break-words flex flex-col gap-2 items-end min-h-8 text-message text-start w-full whitespace-normal' dir='auto'>
<div class='empty:hidden first:pt-[3px] flex flex-col gap-1 w-full'>
<div class='break-words dark dark:prose-invert markdown prose w-full'>
<p>&nbsp;</p>
</div>
</div>
</div>
</div>
</div>
</div>

                </div>
            </div>
        </article>
        
        <!-- MOBİL GERİ DÖN BUTONU - İÇERİĞİN ALTINDA -->
        <div class="mobile-back-button" style="display:none; margin-top:20px; margin-bottom:30px;">
            <a href="javascript:history.back()" style="display:flex; align-items:center; justify-content:center; gap:10px; background:#0a1440; color:white; padding:15px 20px; border-radius:50px; text-decoration:none; font-weight:600; font-size:1rem; transition:all 0.3s; border:1px solid #0a1440; box-shadow:0 4px 12px rgba(10,20,64,0.1);">
                <i class="icon-chevron-left" style="font-size:1rem;"></i>
                Geri Dön
            </a>
        </div>
    </main>
    
    <div style="clear:both;"></div>
</div>

<!-- MOBİL DUYURU BUTONU -->
<div id="mobileAnnounceBtn" style="display:none; position:fixed; bottom:30px; left:20px; z-index:1000;">
    <div style="position:relative;">
        <button onclick="toggleAnnouncements()" style="width:60px; height:60px; background:#e63946; border:none; border-radius:50%; box-shadow:0 4px 20px rgba(230,57,70,0.4); cursor:pointer; display:flex; align-items:center; justify-content:center; transition:all 0.3s; position:relative;">
            <i class="icon-bullhorn" style="font-size:1.5rem; color:white;"></i>
        </button>
    </div>
</div>

<!-- MOBİL DUYURU PANELİ -->
<div id="mobileAnnouncePanel" style="display:none; position:fixed; inset:0; background:rgb(18 35 111 / 40%); z-index:99999; padding:20px; overflow-y:auto;">
    <div style="max-width:500px; margin:40px auto; background:white; border-radius:20px; overflow:hidden; box-shadow:0 10px 40px rgba(0,0,0,0.3);">
        <div style="background:#0a1440; color:white; padding:20px; display:flex; justify-content:space-between; align-items:center;">
            <h3 style="margin:0; font-size:1.4rem; color:#fff;">
                <i class="icon-bullhorn" style="margin-right:10px; color:#fff;"></i>DUYURULAR
            </h3>
            <button onclick="closeAnnouncements()" id="closeAnnounceBtn" style="background:none; border:none; color:white; font-size:1.8rem; cursor:pointer; padding:0; width:40px; height:40px; display:flex; align-items:center; justify-content:center; border-radius:50%; transition:0.3s;">×</button>
        </div>
        
        <div style="padding:20px; max-height:70vh; overflow-y:auto;">
            <ul style="list-style:none; padding:0; margin:0;">
            
                <li style="padding:15px; border-bottom:1px solid #eef2f8; transition:all 0.3s;">
                    <a href="?h1385/lk-machinery-taiwan-cnc-isleme-merkezleriuretimde-verimlilik-ve-hassasiyetin-adresi.html" style="display:flex; align-items:flex-start; gap:15px; color:#1e293b; text-decoration:none;">
                        <div style="min-width:40px; height:40px; background:#e63946; border-radius:50%; display:flex; align-items:center; justify-content:center; color:white; flex-shrink:0;">
                            <i class="icon-file-alt"></i>
                        </div>
                        <div>
                            <div style="font-weight:600; margin-bottom:4px; font-size:1rem;">LK Machinery Taiwan CNC İşleme Merkezleri: Üretimde Verimlilik ve Hassasiyetin Adresi</div>
                        </div>
                    </a>
                </li>
            
                <li style="padding:15px; border-bottom:1px solid #eef2f8; transition:all 0.3s;">
                    <a href="?h1370/cevherden-makineye25-zirvesinde-yerini-aldi.html" style="display:flex; align-items:flex-start; gap:15px; color:#1e293b; text-decoration:none;">
                        <div style="min-width:40px; height:40px; background:#e63946; border-radius:50%; display:flex; align-items:center; justify-content:center; color:white; flex-shrink:0;">
                            <i class="icon-file-alt"></i>
                        </div>
                        <div>
                            <div style="font-weight:600; margin-bottom:4px; font-size:1rem;">Cevherden Makineye&#697;25 Zirvesi’nde Yerini Aldı</div>
                        </div>
                    </a>
                </li>
            
                <li style="padding:15px; border-bottom:1px solid #eef2f8; transition:all 0.3s;">
                    <a href="?h1354/haksan-makinadan-dijital-ve-cevre-dostu-canli-gorusme-hizmeti-ile-makina-yatiriminizda-verimlilik-saglayin!.html" style="display:flex; align-items:flex-start; gap:15px; color:#1e293b; text-decoration:none;">
                        <div style="min-width:40px; height:40px; background:#e63946; border-radius:50%; display:flex; align-items:center; justify-content:center; color:white; flex-shrink:0;">
                            <i class="icon-file-alt"></i>
                        </div>
                        <div>
                            <div style="font-weight:600; margin-bottom:4px; font-size:1rem;">Haksan Makina&#697;dan Dijital ve Çevre Dostu Canlı Görüşme Hizmeti ile Makina Yatırımınızda Verimlilik Sağlayın!</div>
                        </div>
                    </a>
                </li>
            
                <li style="padding:15px; border-bottom:1px solid #eef2f8; transition:all 0.3s;">
                    <a href="?h1353/yeni-web-sitemiz-haksancnc-com-tr-yayinda!.html" style="display:flex; align-items:flex-start; gap:15px; color:#1e293b; text-decoration:none;">
                        <div style="min-width:40px; height:40px; background:#e63946; border-radius:50%; display:flex; align-items:center; justify-content:center; color:white; flex-shrink:0;">
                            <i class="icon-file-alt"></i>
                        </div>
                        <div>
                            <div style="font-weight:600; margin-bottom:4px; font-size:1rem;">Yeni Web Sitemiz haksancnc.com.tr Yayında..!</div>
                        </div>
                    </a>
                </li>
            
                <li style="padding:15px; border-bottom:1px solid #eef2f8; transition:all 0.3s;">
                    <a href="?h1352/yeni-isbirligiaore-laser-ile-fiber-lazer-kesim-teknolojisi-haksan-makinada!.html" style="display:flex; align-items:flex-start; gap:15px; color:#1e293b; text-decoration:none;">
                        <div style="min-width:40px; height:40px; background:#e63946; border-radius:50%; display:flex; align-items:center; justify-content:center; color:white; flex-shrink:0;">
                            <i class="icon-file-alt"></i>
                        </div>
                        <div>
                            <div style="font-weight:600; margin-bottom:4px; font-size:1rem;">Yeni İşbirliği: AORE Laser ile Fiber Lazer Kesim Teknolojisi Haksan Makina&#697;da!</div>
                        </div>
                    </a>
                </li>
            
                <li style="padding:15px; border-bottom:1px solid #eef2f8; transition:all 0.3s;">
                    <a href="?h1350/sanayi-ve-teknoloji-fuari-2024-maktek-avrasya.html" style="display:flex; align-items:flex-start; gap:15px; color:#1e293b; text-decoration:none;">
                        <div style="min-width:40px; height:40px; background:#e63946; border-radius:50%; display:flex; align-items:center; justify-content:center; color:white; flex-shrink:0;">
                            <i class="icon-file-alt"></i>
                        </div>
                        <div>
                            <div style="font-weight:600; margin-bottom:4px; font-size:1rem;">Sanayi ve Teknoloji Fuarı 2024 MAKTEK AVRASYA</div>
                        </div>
                    </a>
                </li>
            
                <li style="padding:15px; border-bottom:1px solid #eef2f8; transition:all 0.3s;">
                    <a href="?h959/manford-freze-tezgahlarindan-elektrikli-otomatik-takim-baglama-sistemi-!.html" style="display:flex; align-items:flex-start; gap:15px; color:#1e293b; text-decoration:none;">
                        <div style="min-width:40px; height:40px; background:#e63946; border-radius:50%; display:flex; align-items:center; justify-content:center; color:white; flex-shrink:0;">
                            <i class="icon-file-alt"></i>
                        </div>
                        <div>
                            <div style="font-weight:600; margin-bottom:4px; font-size:1rem;">MANFORD Freze Tezgahlarından Elektrikli Otomatik Takım Bağlama Sistemi...!</div>
                        </div>
                    </a>
                </li>
            
                <li style="padding:15px; border-bottom:1px solid #eef2f8; transition:all 0.3s;">
                    <a href="?h801/ecocadan-cnc-dik-ve-kopru-tipi-isleme-merkezleri-.html" style="display:flex; align-items:flex-start; gap:15px; color:#1e293b; text-decoration:none;">
                        <div style="min-width:40px; height:40px; background:#e63946; border-radius:50%; display:flex; align-items:center; justify-content:center; color:white; flex-shrink:0;">
                            <i class="icon-file-alt"></i>
                        </div>
                        <div>
                            <div style="font-weight:600; margin-bottom:4px; font-size:1rem;">ECOCA&#697;dan CNC Dik ve Köprü Tipi İşleme Merkezleri...</div>
                        </div>
                    </a>
                </li>
            
                <li style="padding:15px; border-bottom:1px solid #eef2f8; transition:all 0.3s;">
                    <a href="?h558/kesmak-makina-cesitlerine-hergun-yenilerini-ekliyor-.html" style="display:flex; align-items:flex-start; gap:15px; color:#1e293b; text-decoration:none;">
                        <div style="min-width:40px; height:40px; background:#e63946; border-radius:50%; display:flex; align-items:center; justify-content:center; color:white; flex-shrink:0;">
                            <i class="icon-file-alt"></i>
                        </div>
                        <div>
                            <div style="font-weight:600; margin-bottom:4px; font-size:1rem;">KESMAK MAKİNA Çeşitlerine Hergün Yenilerini Ekliyor...</div>
                        </div>
                    </a>
                </li>
            
                <li style="padding:15px; border-bottom:1px solid #eef2f8; transition:all 0.3s;">
                    <a href="?h377/daha-hizli-ve-modern-arayuz-ile-www-haksanmakina-com-tr.html" style="display:flex; align-items:flex-start; gap:15px; color:#1e293b; text-decoration:none;">
                        <div style="min-width:40px; height:40px; background:#e63946; border-radius:50%; display:flex; align-items:center; justify-content:center; color:white; flex-shrink:0;">
                            <i class="icon-file-alt"></i>
                        </div>
                        <div>
                            <div style="font-weight:600; margin-bottom:4px; font-size:1rem;">Daha Hızlı ve Modern Arayüz ile www.haksanmakina.com.tr</div>
                        </div>
                    </a>
                </li>
            
            </ul>
        </div>
        
        <!-- MOBİL PANEL GERİ DÖN BUTONU -->
        <div style="padding:20px; border-top:1px solid #eef2f8; background:#f9fbfd;">
            <a href="javascript:history.back()" style="display:flex; align-items:center; justify-content:center; gap:10px; background:#0a1440; color:white; padding:14px 20px; border-radius:50px; text-decoration:none; font-weight:600; font-size:1rem; transition:all 0.3s; border:1px solid #0a1440;">
                <i class="icon-chevron-left" style="font-size:0.9rem;"></i>
                Geri Dön
            </a>
        </div>
    </div>
</div>

<!-- CSS -->
<style>
/* Desktop Styles */
@media (min-width: 993px) {
    .main-content { display:block; }
    .sidebar-desktop { display:block !important; }
    .desktop-back-button { display:block !important; }
    .mobile-back-button { display:none !important; }
    #mobileAnnounceBtn { display:none !important; }
    #mobileAnnouncePanel { display:none !important; }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container {
        width: 87%!important;
        margin: auto auto auto auto;
    }
}

/* Mobile Styles */
@media (max-width: 992px) {
    .sidebar-desktop { display:none !important; }
    .desktop-back-button { display:none !important; }
    .mobile-back-button { display:block !important; }
    .container {
        width: 92%!important;
        margin: auto auto auto auto;
    }
    .content-main { 
        float: none !important;
        width: 100% !important;
        padding-left: 0 !important;
        margin-top: 20px !important;
        margin-bottom: 80px !important;
    }
    
    #mobileAnnounceBtn { display:block !important; }
    
    .page_title { padding:40px 0 25px; }
    h1 { font-size:1.8rem !important; }
    .blog-post-card { margin-bottom:10px; }
    .blog-post-card > div { padding:25px !important; }
    
    .post-image { 
        width: 100% !important;
        height: auto !important;
    }
    
    /* Mobil geri dön butonu özel stiller */
    .mobile-back-button a {
        background: #e63946 !important;
        border-color: #e63946 !important;
    }
    
    .mobile-back-button a:hover {
        background: #c82333 !important;
        transform: translateY(-2px);
        box-shadow: 0 6px 20px rgba(230,57,70,0.4);
    }
}

/* Genel Stiller */
:root {
    --primary: #0a1440;
    --accent: #e63946;
}

/* Hover Efektleri */
.blog-post-card:hover { 
    box-shadow: 0 15px 35px rgba(10,20,64,0.15); 
    border-color: #e63946;
}

.blog-post-card:hover .post-image img { 
    transform: scale(1.05); 
}

.recent_posts_list li:hover { 
    background: rgba(230,57,70,0.05); 
    padding-left: 10px; 
}

.recent_posts_list a:hover { 
    color: var(--accent); 
}

/* Masaüstü Geri Dön Butonu Hover */
.desktop-back-button a:hover {
    background: #e63946 !important;
    border-color: #e63946 !important;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(230,57,70,0.3);
}

#mobileAnnounceBtn button:hover { 
    transform: scale(1.1) translateY(-3px); 
    box-shadow: 0 6px 25px rgba(230,57,70,0.5); 
}

#closeAnnounceBtn:hover {
    background: rgba(255,255,255,0.2);
    transform: rotate(90deg);
}

/* Sidebar scrollbar tamamen kaldırıldı */
.recent_posts_list {
    overflow-y: visible !important;
    max-height: none !important;
}
</style>

<script>
// Duyuruları aç/kapa
let isOpen = false;

function toggleAnnouncements() {
    if (isOpen) {
        closeAnnouncements();
    } else {
        document.getElementById('mobileAnnouncePanel').style.display = 'block';
        document.body.style.overflow = 'hidden';
        isOpen = true;
    }
}

function closeAnnouncements() {
    document.getElementById('mobileAnnouncePanel').style.display = 'none';
    document.body.style.overflow = 'auto';
    isOpen = false;
}

// ESC tuşu ile kapatma
document.addEventListener('keydown', function(event) {
    if (event.key === 'Escape') {
        closeAnnouncements();
    }
});

// Overlay'e tıklayarak kapatma
document.addEventListener('DOMContentLoaded', function() {
    var panel = document.getElementById('mobileAnnouncePanel');
    if (panel) {
        panel.addEventListener('click', function(event) {
            if (event.target === this) {
                closeAnnouncements();
            }
        });
    }
});

// Ekran boyutu değiştiğinde kontrol et
window.addEventListener('resize', function() {
    if (window.innerWidth <= 992) {
        document.getElementById('mobileAnnounceBtn').style.display = 'block';
    } else {
        document.getElementById('mobileAnnounceBtn').style.display = 'none';
        closeAnnouncements();
    }
});
</script>

<div style="clear:both; height:40px;"></div><!-- 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>