<!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>CESURBEND | PBM 32 | Mekanik Yarı Otomatik Malafalı Boru ve Profil Bükme Makinası | Makina Marketiniz</title>
    <meta name="description" content="CESURBEND PBM 32 / 32&#697;lik Mekanik Malafalı Sistem Yarı Otomatik Boru Bükme Makinası " />
    <meta name="keywords" content="cesurbend,boru bükme,yarı otomatik,malafalı boru bükme,yatay boru bükme,sandalyrci tipi boru bükme,32 lik boru bükme,boru bükme makinası,boru büküm makinası,pipe bending machine,32 mm pipe bending,profil bükme,profil büküm makinası,32 lik profil bükme,32 section bending machine,section bending" />
    <link rel="canonical" href="https://www.haksanmakina.com.tr//?d591/mekanik-yari-otomatik-malafali-boru-ve-profil-bukme-makinasi" />

    <meta property="og:title" content="Mekanik Yarı Otomatik Malafalı Boru ve Profil Bükme Makinası" />
    <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//?d591/mekanik-yari-otomatik-malafali-boru-ve-profil-bukme-makinasi" />
    <meta property="og:image" content="https://www.haksanmakina.com.tr//deppo/image/Mekanik-Yari-Otomatik-Malafali-1691516484.jpg" />
    <meta property="og:image:width" content="200" />
    <meta property="og:image:height" content="200" />
    <meta property="og:description" content="CESURBEND PBM 32 / 32&#697;lik Mekanik Malafalı Sistem Yarı Otomatik Boru Bükme Makinası " />

    <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="Mekanik Yarı Otomatik Malafalı Boru ve Profil Bükme Makinası" />
    <meta name="twitter:description" content="CESURBEND PBM 32 / 32&#697;lik Mekanik Malafalı Sistem Yarı Otomatik Boru Bükme Makinası " />
    <meta name="twitter:image" content="https://www.haksanmakina.com.tr//deppo/image/Mekanik-Yari-Otomatik-Malafali-1691516484.jpg" />
    <meta name="twitter:domain" content="https://www.haksanmakina.com.tr//?d591/mekanik-yari-otomatik-malafali-boru-ve-profil-bukme-makinasi" />

    <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>

<!-- title -->      
<div class="page_title">
	<div class="container">
		<div class="title"><h1>ÜRÜNLER</h1></div>
        <div class="pagenation">&nbsp;<a href="#">ANASAYFA</a> <i>/</i> <a href="#">ÜRÜNLER</a><i>/</i> <a href="#">Saç İşleme Makinaları <i>/</i> <a href="#">Boru & Profil Bükme Makinaları <i>/</i> <a href="#">Mekanik Yarı Otomatik Malafalı Boru ve Profil Bükme Makinası</a></div>
	</div>
</div><!-- end title --> 

<!-- Product Header -->
<div class="product-header-section" style="margin-top:20px; position: relative; z-index: 999;">
    <div class="product-container">
        <h1 class="product-main-title">Mekanik Yarı Otomatik Malafalı Boru ve Profil Bükme Makinası</h1>
    </div>
</div>

<style>
.product-header-section {
    top: 20px;
    position: relative;
    z-index: 999; /* Daha düşük z-index değeri */
}
</style>

<!-- Main Product Content -->
<div class="product-main-container">
    <div class="product-container">
        <div class="product-layout-grid">
            
            <!-- Left Column - Product Media & Info -->
            <div class="product-media-column">
                
                <!-- Product Image Gallery -->
                <div class="product-image-gallery">
                    <div class="product-main-image-wrapper">
                        
                        <img src="deppo/image/Mekanik-Yari-Otomatik-Malafali-1691516484.jpg" 
                             alt="Mekanik Yarı Otomatik Malafalı Boru ve Profil Bükme Makinası" 
                             class="product-display-image"
                             id="productMainImg">
                        
                        
                        <!-- SATILDI OVERLAY - Sadece satılan ürünlerde gözükecek -->
                        
                    </div>
                    
                    <!-- Thumbnail Strip -->
                    
                    <div class="thumbnail-strip">
                        
                        <div class="thumbnail-item " 
                             data-fullsize="deppo/image/Mekanik-Yari-Otomatik-Malafali-1691516484.jpg"
                             onclick="updateProductImage(this, 0)"
                             data-index="0">
                            <img src="deppo/image/k_Mekanik-Yari-Otomatik-Malafali-1691516484.jpg" 
                                 alt="Mekanik Yarı Otomatik Malafalı Boru ve Profil Bükme Makinası"
                                 class="thumbnail-preview">
                        </div>
                        
                        <div class="thumbnail-item " 
                             data-fullsize="deppo/image/Mekanik-Yari-Otomatik-Malafali-1691516486.jpg"
                             onclick="updateProductImage(this, 1)"
                             data-index="1">
                            <img src="deppo/image/k_Mekanik-Yari-Otomatik-Malafali-1691516486.jpg" 
                                 alt="Mekanik Yarı Otomatik Malafalı Boru ve Profil Bükme Makinası"
                                 class="thumbnail-preview">
                        </div>
                        
                        <div class="thumbnail-item " 
                             data-fullsize="deppo/image/Mekanik-Yari-Otomatik-Malafali-1691516487.jpg"
                             onclick="updateProductImage(this, 2)"
                             data-index="2">
                            <img src="deppo/image/k_Mekanik-Yari-Otomatik-Malafali-1691516487.jpg" 
                                 alt="Mekanik Yarı Otomatik Malafalı Boru ve Profil Bükme Makinası"
                                 class="thumbnail-preview">
                        </div>
                        
                        <div class="thumbnail-item " 
                             data-fullsize="deppo/image/Mekanik-Yari-Otomatik-Malafali-1691516489.jpg"
                             onclick="updateProductImage(this, 3)"
                             data-index="3">
                            <img src="deppo/image/k_Mekanik-Yari-Otomatik-Malafali-1691516489.jpg" 
                                 alt="Mekanik Yarı Otomatik Malafalı Boru ve Profil Bükme Makinası"
                                 class="thumbnail-preview">
                        </div>
                        
                        <div class="thumbnail-item " 
                             data-fullsize="deppo/image/Mekanik-Yari-Otomatik-Malafali-16915164811.jpg"
                             onclick="updateProductImage(this, 4)"
                             data-index="4">
                            <img src="deppo/image/k_Mekanik-Yari-Otomatik-Malafali-16915164811.jpg" 
                                 alt="Mekanik Yarı Otomatik Malafalı Boru ve Profil Bükme Makinası"
                                 class="thumbnail-preview">
                        </div>
                        
                    </div>
                    
                    <!-- Slider Indicators -->
                    <div class="slider-indicators">
                        
                        <div class="slider-dot " 
                             onclick="goToSlide(0)"
                             data-index="0"></div>
                        
                        <div class="slider-dot " 
                             onclick="goToSlide(1)"
                             data-index="1"></div>
                        
                        <div class="slider-dot " 
                             onclick="goToSlide(2)"
                             data-index="2"></div>
                        
                        <div class="slider-dot " 
                             onclick="goToSlide(3)"
                             data-index="3"></div>
                        
                        <div class="slider-dot " 
                             onclick="goToSlide(4)"
                             data-index="4"></div>
                        
                    </div>
                    
                </div>
                
                <!-- Mobile Quick Details - Sadece mobilde gözükecek -->
                <div class="mobile-quick-details">
                    <!-- Mobil Slider Container -->
                    <div class="mobile-slider-container">
                        <div class="mobile-slider-track" id="mobileSliderTrack">
                            <!-- Slide 1: Ürün Detayları -->
                            <div class="mobile-slide active" data-slide="1">
                                <div class="quick-details-card">
                                    <div class="card-header">
                                        <h3 class="card-title">Ürün Detayları</h3>
                                    </div>
                                    <div class="card-body">
                                        <div class="detail-item">
                                            <span class="detail-label">Marka</span>
                                            <span class="detail-value"><strong>CESURBEND</strong></span>
                                        </div>
                                        <div class="detail-item">
                                            <span class="detail-label">Model</span>
                                            <span class="detail-value highlight-value">PBM 32</span>
                                        </div>
                                        <div class="detail-item">
                                            <span class="detail-label">Referans No</span>
                                            <span class="detail-value">591</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            <!-- Slide 2: İletişim Bilgileri -->
                            <div class="mobile-slide" data-slide="2">
                                <div class="contact-actions-card mobile-contact-card">
                                    <div class="card-header">
                                        <h3 class="card-title">Teklif & Bilgi Talebi</h3>
                                    </div>
                                    <div class="card-body">
                                        <div class="action-buttons-grid">
                                            <div class="action-item">
                                                <button class="action-btn btn-comments">
                                                    <span class="action-icon"><i class="fa-regular fa-comments"></i></span>
                                                    <span class="action-text">
                                                        <span class="action-label">İrtibat</span>
                                                        <span class="action-count">Enes SOMALI</span>
                                                    </span>
                                                </button>
                                            </div>
                                            
                                            <div class="action-item">
                                                <a href="tel:0 (212) 567 33 31" class="action-btn btn-call">
                                                    <span class="action-icon"><i class="fa-solid fa-phone-volume"></i></span>
                                                    <span class="action-text">
                                                        <span class="action-label">Hemen Ara</span>
                                                        <span class="action-phone">0 (212) 567 33 31</span>
                                                    </span>
                                                </a>
                                            </div>
                                            
                                            <!-- WhatsApp butonu - Mobil için -->
                                            <div id="whatsapp-mobile" class="action-item">
                                                <!-- JavaScript ile dolacak -->
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            <!-- Slide 3: Talep Formu Butonu -->
                            <div class="mobile-slide" data-slide="3">
                                <div class="enquiry-form-button-card">
                                    <div class="card-header">
                                        <h3 class="card-title">Talep Formu</h3>
                                    </div>
                                    <div class="card-body">
                                        <div class="enquiry-button-content">
                                            <div class="enquiry-icon-wrapper">
                                                <i class="fa-regular fa-user"></i>
                                            </div>
                                            <h4 class="enquiry-button-title">Teklif & Bilgi Talebi</h4>
                                            <p class="enquiry-button-subtitle">Ürün hakkında detaylı bilgi almak için formu doldurun</p>
                                            <button class="btn-open-enquiry-form" onclick="openEnquiryFormPopup()">
                                                <span class="btn-text">Talep Formu için Tıklayınız</span>
                                                <i class="fa-solid fa-arrow-right"></i>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        <!-- Mobile Slider Dots -->
                        <div class="mobile-slider-dots">
                            <div class="slider-dot active" data-slide="1"></div>
                            <div class="slider-dot" data-slide="2"></div>
                            <div class="slider-dot" data-slide="3"></div>
                        </div>
                        
                        <!-- Slider Navigation Arrows -->
                        <button class="mobile-slider-arrow prev-arrow" onclick="prevMobileSlide()">
                            <i class="fa-solid fa-chevron-left"></i>
                        </button>
                        <button class="mobile-slider-arrow next-arrow" onclick="nextMobileSlide()">
                            <i class="fa-solid fa-chevron-right"></i>
                        </button>
                    </div>
                </div>
                
                <!-- Product Information Tabs -->
                <div class="product-info-section">
                    <div class="info-tabs-container">
                        <div class="info-tabs-header">
                            <button class="info-tab-btn active" onclick="showInfoTab('tab-content-1')">
                                <span class="tab-icon"><i class="fa-regular fa-paste"></i></span>
                                <span class="tab-text">Teknik Özellikler</span>
                            </button>
                            <button class="info-tab-btn" onclick="showInfoTab('tab-content-2')">
                                <span class="tab-icon"><i class="fa-regular fa-file-pdf"></i></span>
                                <span class="tab-text">Kataloglar</span>
                            </button>
                            <button class="info-tab-btn" onclick="showInfoTab('tab-content-3')">
                                <span class="tab-icon"><i class="fa-solid fa-video"></i></span>
                                <span class="tab-text">Videolar</span>
                            </button>
                        </div>
                        
                        <div class="info-tabs-content">
                            <div id="tab-content-1" class="info-tab-pane active">
                                <h3 class="tab-pane-title">Teknik Özellikler</h3>
                                <div class="technical-specs">
                                    <table border='1' cellpadding='1' cellspacing='1' style='width:100%'>
	<tbody>
		<tr>
			<td><strong><span style='font-family:trebuchet ms,helvetica,sans-serif'><span style='color:#000000'><span style='font-size:14px'>CESURBEND MALAFALI MEKANİK YARI OTOMATİK BORU VE PROFİL B&Uuml;KME MAKİNASI</span></span></span></strong></td>
		</tr>
		<tr>
			<td><strong><span style='font-family:trebuchet ms,helvetica,sans-serif'><span style='color:#000000'><span style='font-size:14px'>MODEL : PBM 32 &nbsp; / MAKS. BORU &Ccedil;API : 32 MM / MENŞEİ : T&Uuml;RKİYE</span></span></span></strong></td>
		</tr>
	</tbody>
</table>

<table align='left' cellpadding='0' cellspacing='0' style='border-collapse:collapse; border-spacing:0px; box-sizing:border-box; font-family:open sans,sans-serif; font-size:14px; line-height:20px; max-width:100%; width:100%'>
	<tbody>
		<tr>
			<td colspan='2' style='text-align:center; vertical-align:top'><strong><span style='font-family:trebuchet ms,helvetica,sans-serif'><span style='font-size:14px'><span style='color:#000000'>Teknik Tablo</span></span></span></strong></td>
		</tr>
		<tr>
			<td style='text-align:center; vertical-align:top'><span style='font-family:trebuchet ms,helvetica,sans-serif'><span style='font-size:14px'><span style='color:#000000'>&nbsp;<strong>&nbsp;&nbsp;MODEL</strong></span></span></span></td>
			<td style='text-align:center; vertical-align:top'><strong><span style='font-family:trebuchet ms,helvetica,sans-serif'><span style='font-size:14px'><span style='color:#000000'>PBM 32</span></span></span></strong></td>
		</tr>
		<tr>
			<td style='text-align:center; vertical-align:top'><span style='font-family:trebuchet ms,helvetica,sans-serif'><span style='font-size:14px'><span style='color:#000000'>Max. Boru &Ccedil;apı</span></span></span></td>
			<td style='text-align:center; vertical-align:top'><span style='font-family:trebuchet ms,helvetica,sans-serif'><span style='font-size:14px'><span style='color:#000000'>32</span></span></span></td>
		</tr>
		<tr>
			<td style='text-align:center; vertical-align:top'><span style='font-family:trebuchet ms,helvetica,sans-serif'><span style='font-size:14px'><span style='color:#000000'>Max. Boru Et Kalınlığı &nbsp;(mm)</span></span></span></td>
			<td style='text-align:center; vertical-align:top'><span style='font-family:trebuchet ms,helvetica,sans-serif'><span style='font-size:14px'><span style='color:#000000'>2</span></span></span></td>
		</tr>
		<tr>
			<td style='text-align:center; vertical-align:top'><span style='font-family:trebuchet ms,helvetica,sans-serif'><span style='font-size:14px'><span style='color:#000000'>Max. B&uuml;k&uuml;m Yarı&ccedil;ap (mm)</span></span></span></td>
			<td style='text-align:center; vertical-align:top'><span style='font-family:trebuchet ms,helvetica,sans-serif'><span style='font-size:14px'><span style='color:#000000'>300</span></span></span></td>
		</tr>
		<tr>
			<td style='text-align:center; vertical-align:top'><span style='font-family:trebuchet ms,helvetica,sans-serif'><span style='font-size:14px'><span style='color:#000000'>Max. B&uuml;k&uuml;m Derecesi (0)</span></span></span></td>
			<td style='text-align:center; vertical-align:top'><span style='font-family:trebuchet ms,helvetica,sans-serif'><span style='font-size:14px'><span style='color:#000000'>190</span></span></span></td>
		</tr>
		<tr>
			<td style='text-align:center; vertical-align:top'><span style='font-family:trebuchet ms,helvetica,sans-serif'><span style='font-size:14px'><span style='color:#000000'>Boru B&uuml;k&uuml;m Hızı (0/sn)</span></span></span></td>
			<td style='text-align:center; vertical-align:top'><span style='font-family:trebuchet ms,helvetica,sans-serif'><span style='font-size:14px'><span style='color:#000000'>68</span></span></span></td>
		</tr>
		<tr>
			<td style='text-align:center; vertical-align:top'><span style='font-family:trebuchet ms,helvetica,sans-serif'><span style='font-size:14px'><span style='color:#000000'>Motor G&uuml;c&uuml; (kw)</span></span></span></td>
			<td style='text-align:center; vertical-align:top'><span style='font-family:trebuchet ms,helvetica,sans-serif'><span style='font-size:14px'><span style='color:#000000'>2.2</span></span></span></td>
		</tr>
		<tr>
			<td style='text-align:center; vertical-align:top'><span style='font-family:trebuchet ms,helvetica,sans-serif'><span style='font-size:14px'><span style='color:#000000'>Makinenin Ağırlığı (kg)</span></span></span></td>
			<td style='text-align:center; vertical-align:top'><span style='font-family:trebuchet ms,helvetica,sans-serif'><span style='font-size:14px'><span style='color:#000000'>260</span></span></span></td>
		</tr>
		<tr>
			<td style='text-align:center; vertical-align:top'><span style='font-family:trebuchet ms,helvetica,sans-serif'><span style='font-size:14px'><span style='color:#000000'>Makina Uzunluğu (mm)</span></span></span></td>
			<td style='text-align:center; vertical-align:top'><span style='font-family:trebuchet ms,helvetica,sans-serif'><span style='font-size:14px'><span style='color:#000000'>1950</span></span></span></td>
		</tr>
		<tr>
			<td style='text-align:center; vertical-align:top'><span style='font-family:trebuchet ms,helvetica,sans-serif'><span style='font-size:14px'><span style='color:#000000'>Makina Genişliği (mm)</span></span></span></td>
			<td style='text-align:center; vertical-align:top'><span style='font-family:trebuchet ms,helvetica,sans-serif'><span style='font-size:14px'><span style='color:#000000'>850</span></span></span></td>
		</tr>
		<tr>
			<td style='text-align:center; vertical-align:top'><span style='font-family:trebuchet ms,helvetica,sans-serif'><span style='font-size:14px'><span style='color:#000000'>Makina Y&uuml;ksekliği (mm)</span></span></span></td>
			<td style='text-align:center; vertical-align:top'><span style='font-family:trebuchet ms,helvetica,sans-serif'><span style='font-size:14px'><span style='color:#000000'>950</span></span></span></td>
		</tr>
	</tbody>
</table>

<p>&nbsp;</p>

                                </div>
                            </div>
                            
                            <div id="tab-content-2" class="info-tab-pane">
                                <h3 class="tab-pane-title">Kataloglar</h3>
                                <div class="catalog-files">
                                    
                                    <a href="deppo/dosya/17438169154.pdf" 
                                       class="catalog-file-item">
                                        <div class="file-icon-box">
                                            <svg width="24" height="24" viewBox="0 0 24 24">
                                                <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z"/>
                                                <polyline points="14 2 14 8 20 8"/>
                                            </svg>
                                        </div>
                                        <div class="file-details">
                                            <span class="file-name">PBM 32 Boru Bükme Kataloğu</span>
                                            <span class="file-download">İndir</span>
                                        </div>
                                    </a>
                                    
                                </div>
                            </div>
                            
                            <div id="tab-content-3" class="info-tab-pane">
                                <h3 class="tab-pane-title">Videolar</h3>
                                <div class="video-collection">
                                    
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
                <!-- Related Products -->
                
                <div class="related-products-section">
                    <div class="section-header">
                        <h2 class="section-heading">Tavsiye Edilen Ürünler</h2>
                        <div class="section-divider"></div>
                    </div>
                    
                    <!-- Slider Container -->
                    <div class="related-slider-container">
                        <div class="slider-wrapper">
                            <div class="slider-track" id="relatedSliderTrack">
                                
                                <div class="slider-slide">
                                    <a href="?d418/3-toplu-hidrolik-profil-ve-boru-kivirma-makinasi.html" class="related-product-card">
                                        <div class="product-image-box">
                                            
                                            <img src="deppo/image/3-Rolls-Hydraulic-PipeSection--9515123336.jpeg" 
                                                 alt="3 Toplu Hidrolik Profil ve Boru Kıvırma Makinası"
                                                 class="related-product-img">
                                            
                                            <div class="product-hover-overlay">
                                                <span class="view-product-btn">Detay</span>
                                            </div>
                                        </div>
                                        <div class="product-info-box">
                                            <h3 class="product-card-title">3 Toplu Hidrolik Profil ve Boru Kıvırma Makinası</h3>
                                            <p class="product-card-model">Model: <strong>HPK 50</strong></p>
                                        </div>
                                    </a>
                                </div>
                                
                                <div class="slider-slide">
                                    <a href="?d462/eco-cnc-kontrollu-hidrolik-abkant-pres.html" class="related-product-card">
                                        <div class="product-image-box">
                                            
                                            <img src="deppo/image/CNC-Hydraulic-Press-Brake-1551519529.jpg" 
                                                 alt="ECO CNC Kontrollü Hidrolik Abkant Pres"
                                                 class="related-product-img">
                                            
                                            <div class="product-hover-overlay">
                                                <span class="view-product-btn">Detay</span>
                                            </div>
                                        </div>
                                        <div class="product-info-box">
                                            <h3 class="product-card-title">ECO CNC Kontrollü Hidrolik Abkant Pres</h3>
                                            <p class="product-card-model">Model: <strong>CNC 1250</strong></p>
                                        </div>
                                    </a>
                                </div>
                                
                                <div class="slider-slide">
                                    <a href="?d391/kollu-motorlu-hidrolik-atolye-presi-h-tipi-hidrolik-pres.html" class="related-product-card">
                                        <div class="product-image-box">
                                            
                                            <img src="deppo/image/Kollu-Motorlu-Hidrolik-Atolye--114151612.jpg" 
                                                 alt="Kollu Motorlu Hidrolik Atölye Presi-H Tipi Hidrolik Pres"
                                                 class="related-product-img">
                                            
                                            <div class="product-hover-overlay">
                                                <span class="view-product-btn">Detay</span>
                                            </div>
                                        </div>
                                        <div class="product-info-box">
                                            <h3 class="product-card-title">Kollu Motorlu Hidrolik Atölye Presi-H Tipi Hidrolik Pres</h3>
                                            <p class="product-card-model">Model: <strong>DPM Serisi / 60 TON</strong></p>
                                        </div>
                                    </a>
                                </div>
                                
                                <div class="slider-slide">
                                    <a href="?d528/mekanik-kavramali-angranajli-pnomatik-sistemli-c-tipi-eksantrik-pres-tezgahi.html" class="related-product-card">
                                        <div class="product-image-box">
                                            
                                            <img src="deppo/image/Mekanik-Kavramali-Pnomatik-Sis-18615123910.jpg" 
                                                 alt="Mekanik Kavramalı Angranajlı Pnomatik Sistemli C Tipi Eksantrik Pres Tezgahı"
                                                 class="related-product-img">
                                            
                                            <div class="product-hover-overlay">
                                                <span class="view-product-btn">Detay</span>
                                            </div>
                                        </div>
                                        <div class="product-info-box">
                                            <h3 class="product-card-title">Mekanik Kavramalı Angranajlı Pnomatik Sistemli C Tipi Eksantrik Pres Tezgahı</h3>
                                            <p class="product-card-model">Model: <strong>60 TON</strong></p>
                                        </div>
                                    </a>
                                </div>
                                
                                <div class="slider-slide">
                                    <a href="?d447/motorlu-kordon-tel-bukum-makinasi.html" class="related-product-card">
                                        <div class="product-image-box">
                                            
                                            <img src="deppo/image/Motorized-Bordering-Machine-14515132946.jpg" 
                                                 alt="Motorlu Kordon Tel Büküm Makinası"
                                                 class="related-product-img">
                                            
                                            <div class="product-hover-overlay">
                                                <span class="view-product-btn">Detay</span>
                                            </div>
                                        </div>
                                        <div class="product-info-box">
                                            <h3 class="product-card-title">Motorlu Kordon Tel Büküm Makinası</h3>
                                            <p class="product-card-model">Model: <strong>IBKS 2</strong></p>
                                        </div>
                                    </a>
                                </div>
                                
                                <div class="slider-slide">
                                    <a href="?d458/rgs-tipi-reduktor-motorlu-giyotin-makas.html" class="related-product-card">
                                        <div class="product-image-box">
                                            
                                            <img src="deppo/image/Motorized-Guillotine-Shears-15515164223.jpg" 
                                                 alt="RGS Tipi Redüktör Motorlu Giyotin Makas"
                                                 class="related-product-img">
                                            
                                            <div class="product-hover-overlay">
                                                <span class="view-product-btn">Detay</span>
                                            </div>
                                        </div>
                                        <div class="product-info-box">
                                            <h3 class="product-card-title">RGS Tipi Redüktör Motorlu Giyotin Makas</h3>
                                            <p class="product-card-model">Model: <strong>RGS 2060</strong></p>
                                        </div>
                                    </a>
                                </div>
                                
                            </div>
                            
                            <!-- Navigation Buttons -->
                            <button class="slider-btn slider-prev" onclick="prevRelatedSlide()">
                                <i class="fa-solid fa-chevron-left"></i>
                            </button>
                            <button class="slider-btn slider-next" onclick="nextRelatedSlide()">
                                <i class="fa-solid fa-chevron-right"></i>
                            </button>
                            
                            <!-- Dots Indicators -->
                            <div class="slider-dots" id="relatedSliderDots">
                                <!-- Dots will be generated by JavaScript -->
                            </div>
                        </div>
                    </div>
                </div>
                
                
            </div>
            
            <!-- Right Column - Contact & Details -->
            <div class="product-sidebar-column">
                
                <!-- Product Quick Details -->
                <div class="quick-details-card">
                    <div class="card-header">
                        <h3 class="card-title">Ürün Detayları</h3>
                    </div>
                    <div class="card-body">
                        <div class="detail-item">
                            <span class="detail-label">Marka</span>
                            <span class="detail-value"><strong>CESURBEND</strong></span>
                        </div>
                        <div class="detail-item">
                            <span class="detail-label">Model</span>
                            <span class="detail-value highlight-value">PBM 32</span>
                        </div>
                        <div class="detail-item">
                            <span class="detail-label">Referans No</span>
                            <span class="detail-value">591</span>
                        </div>
                        
                        <!-- SATILDI BİLGİSİ - Sidebar'da da göster -->
                        
                    </div>
                </div>
                
                <!-- Contact Actions -->
                <div class="contact-actions-card" id="tab-content-8">
                    <div class="card-header">
                        <h3 class="card-title">Teklif & Bilgi Talebi</h3>
                    </div>
                    <div class="card-body">
                        <div class="action-buttons-grid">
                            <div class="action-item">
                                <button class="action-btn btn-comments">
                                    <span class="action-icon"><i class="fa-regular fa-comments"></i></span>
                                    <span class="action-text">
                                        <span class="action-label">İrtibat</span>
                                        <span class="action-count">Enes SOMALI</span>
                                    </span>
                                </button>
                            </div>
                            
                            <div class="action-item">
                                <a href="tel:0 (212) 567 33 31" class="action-btn btn-call">
                                    <span class="action-icon"><i class="fa-solid fa-phone-volume"></i></span>
                                    <span class="action-text">
                                        <span class="action-label">Hemen Ara</span>
                                        <span class="action-phone">0 (212) 567 33 31</span>
                                    </span>
                                </a>
                            </div>
                            
                            <!-- WhatsApp butonu - Masaüstü için -->
                            <div id="whatsapp-desktop" class="action-item">
                                <!-- JavaScript ile dolacak -->
                            </div>
                        </div>
                    </div>
                </div>
                
                <!-- Contact Form -->
                
                
                <!-- Teklif ve Bilgi Talebi Formu -->
                <div class="enquiry-form-card">
                    <div class="enquiry-card-header">
                        <div class="header-icon-wrapper">
                            <i class="fa-regular fa-user"></i>
                        </div>
                        <div class="header-content">
                            <h3 class="enquiry-title"></h3>
                            <p class="enquiry-subtitle">Ürün hakkında detaylı bilgi almak için formu doldurun</p>
                        </div>
                    </div>
                    
                    <form id="productEnquiryForm" 
                          action="?d591/mekanik-yari-otomatik-malafali-boru-ve-profil-bukme-makinasi.html/yolla" 
                          method="post" 
                          name="dety" 
                          onsubmit="return validateProductForm()"
                          class="modern-enquiry-form">
                        
                        <input name="marka" type="hidden" value="CESURBEND">
                        <input name="model" type="hidden" value="PBM 32">
                        
                        <!-- Ürün Bilgi Göstergesi -->
                        <div class="product-info-indicator">
                            <div class="indicator-icon">
                                <i class="fa-solid fa-circle-info"></i>
                            </div>
                            <div class="indicator-content">
                                <span class="indicator-text">Ürün Adı:</span>
                                <span class="indicator-product">CESURBEND - PBM 32</span>
                            </div>
                        </div>
                        
                        <!-- Form Alanları -->
                        <div class="form-fields-container">
                            <!-- Firma Adı -->
                            <div class="form-field-row">
                                <label for="companyName" class="form-label">
                                    <span class="label-text">Firma Adı</span>
                                    <span class="label-optional">(İsteğe Bağlı)</span>
                                </label>
                                <div class="input-with-icon">
                                    <i class="fa-solid fa-building"></i>
                                    <input type="text" 
                                           id="companyName" 
                                           name="firmaadi" 
                                           class="form-control"
                                           placeholder="Örn: ABC Teknoloji A.Ş.">
                                </div>
                            </div>
                            
                            <!-- Ad Soyad -->
                            <div class="form-field-row">
                                <label for="fullName" class="form-label">
                                    <span class="label-text">Ad Soyad</span>
                                    <span class="label-required">*</span>
                                </label>
                                <div class="input-with-icon">
                                    <i class="fa-solid fa-user"></i>
                                    <input type="text" 
                                           id="fullName" 
                                           name="adi" 
                                           class="form-control"
                                           placeholder="Adınız ve soyadınız"
                                           required>
                                </div>
                                <div class="field-hint">Gerçek adınızı giriniz</div>
                            </div>
                            
                            <!-- Telefon -->
                            <div class="form-field-row">
                                <label for="phoneNumber" class="form-label">
                                    <span class="label-text">Telefon</span>
                                    <span class="label-required">*</span>
                                </label>
                                <div class="input-with-icon">
                                    <i class="fa-solid fa-mobile-screen-button"></i>
                                    <input type="tel" 
                                           id="phoneNumber" 
                                           name="teli" 
                                           class="form-control"
                                           placeholder="05xx xxx xx xx"
                                           >
                                </div>
                                <div class="field-hint">Size ulaşabileceğimiz telefon numaranız</div>
                            </div>
                            
                            <!-- E-Posta -->
                            <div class="form-field-row">
                                <label for="emailAddress" class="form-label">
                                    <span class="label-text">E-Posta</span>
                                    <span class="label-required">*</span>
                                </label>
                                <div class="input-with-icon">
                                    <i class="fa-solid fa-envelope"></i>
                                    <input type="email" 
                                           id="emailAddress" 
                                           name="maili" 
                                           class="form-control"
                                           placeholder="ornek@firma.com"
                                           required>
                                </div>
                                <div class="field-hint">Dökümanlar bu adrese gönderilecek</div>
                            </div>
                            
                            <!-- Mesaj -->
                            <div class="form-field-row">
                                <label for="enquiryMessage" class="form-label">
                                    <span class="label-text">Mesajınız</span>
                                    <span class="label-required">*</span>
                                </label>
                                <div class="textarea-with-icon">
                                    <i class="fa-solid fa-message"></i>
                                    <textarea id="enquiryMessage" 
                                              name="mesaji" 
                                              class="form-control"
                                              placeholder="Ürün hakkında sorularınız, talep ettiğiniz detaylar veya teklif isteği..."
                                              rows="4"
                                              required></textarea>
                                </div>
                                <div class="field-hint">Detaylı açıklama hızlı yanıt almanızı sağlar</div>
                            </div>
                        </div>
                        
                        <!-- Form Footer -->
                        <div class="form-footer">
                            <div class="form-actions">
                                <button type="submit" 
                                        name="submit1" 
                                        class="btn-submit-enquiry">
                                    <span class="btn-icon">
                                        <i class="fa-solid fa-paper-plane"></i>
                                    </span>
                                    <span class="btn-text">Gönder</span>
                                </button>
                                
                                <button type="button" 
                                        class="btn-clear-form"
                                        onclick="clearEnquiryForm()">
                                    <span class="btn-icon">
                                        <i class="fa-solid fa-eraser"></i>
                                    </span>
                                    <span class="btn-text">Formu Temizle</span>
                                </button>
                            </div>
                            
                            <div class="form-note">
                                <i class="fa-solid fa-shield-check"></i>
                                <span>Bilgileriniz güvende! Sadece size daha iyi hizmet verebilmek için kullanılacaktır.</span>
                            </div>
                        </div>
                    </form>
                </div>
                
            </div>
            
        </div>
    </div>
</div>

<!-- Popup Form Modal -->
<div id="enquiryFormPopup" class="enquiry-form-popup">
    <div class="popup-overlay" onclick="closeEnquiryFormPopup()"></div>
    <div class="popup-container">
        <div class="popup-header">
            <h3 class="popup-title">Teklif & Bilgi Talebi Formu</h3>
            <button class="popup-close-btn" onclick="closeEnquiryFormPopup()">
                <i class="fa-solid fa-times"></i>
            </button>
        </div>
        <div class="popup-body">
            <form id="popupEnquiryForm" 
                  action="?d591/mekanik-yari-otomatik-malafali-boru-ve-profil-bukme-makinasi.html/yolla" 
                  method="post" 
                  name="detyPopup" 
                  onsubmit="return validatePopupForm()"
                  class="modern-enquiry-form">
                
                <input name="marka" type="hidden" value="CESURBEND">
                <input name="model" type="hidden" value="PBM 32">
                
                <!-- Ürün Bilgi Göstergesi -->
                <div class="product-info-indicator">
                    <div class="indicator-icon">
                        <i class="fa-solid fa-circle-info"></i>
                    </div>
                    <div class="indicator-content">
                        <span class="indicator-text">Ürün Adı:</span>
                        <span class="indicator-product">CESURBEND - PBM 32</span>
                    </div>
                </div>
                
                <!-- Form Alanları -->
                <div class="form-fields-container">
                    <!-- Firma Adı -->
                    <div class="form-field-row">
                        <label for="popupCompanyName" class="form-label">
                            <span class="label-text">Firma Adı</span>
                            <span class="label-optional">(İsteğe Bağlı)</span>
                        </label>
                        <div class="input-with-icon">
                            <i class="fa-solid fa-building"></i>
                            <input type="text" 
                                   id="popupCompanyName" 
                                   name="firmaadi" 
                                   class="form-control"
                                   placeholder="Örn: ABC Teknoloji A.Ş.">
                        </div>
                    </div>
                    
                    <!-- Ad Soyad -->
                    <div class="form-field-row">
                        <label for="popupFullName" class="form-label">
                            <span class="label-text">Ad Soyad</span>
                            <span class="label-required">*</span>
                        </label>
                        <div class="input-with-icon">
                            <i class="fa-solid fa-user"></i>
                            <input type="text" 
                                   id="popupFullName" 
                                   name="adi" 
                                   class="form-control"
                                   placeholder="Adınız ve soyadınız"
                                   required>
                        </div>
                        <div class="field-hint">Gerçek adınızı giriniz</div>
                    </div>
                    
                    <!-- Telefon -->
                    <div class="form-field-row">
                        <label for="popupPhoneNumber" class="form-label">
                            <span class="label-text">Telefon</span>
                            <span class="label-required">*</span>
                        </label>
                        <div class="input-with-icon">
                            <i class="fa-solid fa-mobile-screen-button"></i>
                            <input type="tel" 
                                   id="popupPhoneNumber" 
                                   name="teli" 
                                   class="form-control"
                                   placeholder="05xx xxx xx xx">
                        </div>
                        <div class="field-hint">Size ulaşabileceğimiz telefon numaranız</div>
                    </div>
                    
                    <!-- E-Posta -->
                    <div class="form-field-row">
                        <label for="popupEmailAddress" class="form-label">
                            <span class="label-text">E-Posta</span>
                            <span class="label-required">*</span>
                        </label>
                        <div class="input-with-icon">
                            <i class="fa-solid fa-envelope"></i>
                            <input type="email" 
                                   id="popupEmailAddress" 
                                   name="maili" 
                                   class="form-control"
                                   placeholder="ornek@firma.com"
                                   required>
                        </div>
                        <div class="field-hint">Dökümanlar bu adrese gönderilecek</div>
                    </div>
                    
                    <!-- Mesaj -->
                    <div class="form-field-row">
                        <label for="popupEnquiryMessage" class="form-label">
                            <span class="label-text">Mesajınız</span>
                            <span class="label-required">*</span>
                        </label>
                        <div class="textarea-with-icon">
                            <i class="fa-solid fa-message"></i>
                            <textarea id="popupEnquiryMessage" 
                                      name="mesaji" 
                                      class="form-control"
                                      placeholder="Ürün hakkında sorularınız, talep ettiğiniz detaylar veya teklif isteği..."
                                      rows="4"
                                      required></textarea>
                        </div>
                        <div class="field-hint">Detaylı açıklama hızlı yanıt almanızı sağlar</div>
                    </div>
                </div>
                
                <!-- Form Footer -->
                <div class="form-footer">
                    <div class="form-actions">
                        <button type="submit" 
                                name="submit1" 
                                class="btn-submit-enquiry">
                            <span class="btn-icon">
                                <i class="fa-solid fa-paper-plane"></i>
                            </span>
                            <span class="btn-text">Gönder</span>
                        </button>
                        
                        <button type="button" 
                                class="btn-clear-form"
                                onclick="clearPopupForm()">
                            <span class="btn-icon">
                                <i class="fa-solid fa-eraser"></i>
                            </span>
                            <span class="btn-text">Formu Temizle</span>
                        </button>
                    </div>
                    
                    <div class="form-note">
                        <i class="fa-solid fa-shield-check"></i>
                        <span>Bilgileriniz güvende! Sadece size daha iyi hizmet verebilmek için kullanılacaktır.</span>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

<!-- WhatsApp Fonksiyonu -->
<script>
// WhatsApp butonlarını oluşturan fonksiyon
function createWhatsAppButtons() {
    var s10 = 4;
    var whatsappHtml = '';

    // WhatsApp HTML'i oluştur
    if (s10 === 10) {
        whatsappHtml = '<a target="_blank" href="https://wa.me/+9?text=Merhaba,%20PBM+32%20Model%20Kodlu%20Ürün%20İçin%20Sipariş%20Bilgisi%20Almak%20İstiyorum.%20Ürün%20Linki:%20https://www.haksanmakina.com.tr/?d591/cesurbend-pbm-32-mekanik-yari-otomatik-malafali-boru-ve-profil-bukme-makinasi.html" class="action-btn btn-whatsapp"><span class="action-icon"><i class="fa-brands fa-whatsapp"></i></span><span class="action-text"><span class="action-label">WhatsApp</span><span class="action-info">WhatsApp Sipariş Hattı!</span></span></a>';
    } else if (s10 === 13 || s10 === 162 || s10 === 12 || s10 === 142 || s10 === 15 || s10 === 14) {
        whatsappHtml = '<a target="_blank" href="https://wa.me/+9?text=Merhaba,%20PBM+32%20Model%20Kodlu%20Ürün%20İçin%20Sipariş%20Bilgisi%20Almak%20İstiyorum.%20Ürün%20Linki:%20https://www.haksanmakina.com.tr/?d591/cesurbend-pbm-32-mekanik-yari-otomatik-malafali-boru-ve-profil-bukme-makinasi.html" class="action-btn btn-whatsapp"><span class="action-icon"><i class="fa-brands fa-whatsapp"></i></span><span class="action-text"><span class="action-label">WhatsApp</span><span class="action-info">WhatsApp Sipariş Hattı!</span></span></a>';
    } else if (s10 === 4 || s10 === 5) {
        whatsappHtml = '<a target="_blank" href="https://wa.me/+9?text=Merhaba,%20PBM+32%20Model%20Kodlu%20Ürün%20İçin%20Sipariş%20Bilgisi%20Almak%20İstiyorum.%20Ürün%20Linki:%20https://www.haksanmakina.com.tr/?d591/cesurbend-pbm-32-mekanik-yari-otomatik-malafali-boru-ve-profil-bukme-makinasi.html" class="action-btn btn-whatsapp"><span class="action-icon"><i class="fa-brands fa-whatsapp"></i></span><span class="action-text"><span class="action-label">WhatsApp</span><span class="action-info">WhatsApp Sipariş Hattı!</span></span></a>';
    } else if (s10 === 9 || s10 === 8 || s10 === 16 || s10 === 17) {
        whatsappHtml = '<a target="_blank" href="https://wa.me/+9?text=Merhaba,%20PBM+32%20Model%20Kodlu%20Ürün%20İçin%20Sipariş%20Bilgisi%20Almak%20İstiyorum.%20Ürün%20Linki:%20https://www.haksanmakina.com.tr/?d591/cesurbend-pbm-32-mekanik-yari-otomatik-malafali-boru-ve-profil-bukme-makinasi.html" class="action-btn btn-whatsapp"><span class="action-icon"><i class="fa-brands fa-whatsapp"></i></span><span class="action-text"><span class="action-label">WhatsApp</span><span class="action-info">WhatsApp Sipariş Hattı!</span></span></a>';
    } else if (s10 === 19) {
        whatsappHtml = '<a target="_blank" href="https://wa.me/+9?text=Merhaba,%20PBM+32%20Model%20Kodlu%20Ürün%20İçin%20Sipariş%20Bilgisi%20Almak%20İstiyorum.%20Ürün%20Linki:%20https://www.haksanmakina.com.tr/?d591/cesurbend-pbm-32-mekanik-yari-otomatik-malafali-boru-ve-profil-bukme-makinasi.html" class="action-btn btn-whatsapp"><span class="action-icon"><i class="fa-brands fa-whatsapp"></i></span><span class="action-text"><span class="action-label">WhatsApp</span><span class="action-info">WhatsApp Sipariş Hattı!</span></span></a>';
    } else {
        whatsappHtml = '';
    }

    // HTML'e ekle
    var desktopElement = document.getElementById('whatsapp-desktop');
    var mobileElement = document.getElementById('whatsapp-mobile');
    
    if (desktopElement) {
        desktopElement.innerHTML = whatsappHtml;
    }
    
    if (mobileElement) {
        mobileElement.innerHTML = whatsappHtml;
    }
}

// Sayfa yüklendiğinde çalıştır
document.addEventListener('DOMContentLoaded', function() {
    createWhatsAppButtons();
    
    // Diğer başlatma kodları...
    initSlider();
    initMobileSlider();
    
    setTimeout(() => {
        initRelatedSlider();
    }, 500);
});
</script>

<script>
// Mobile Slider Variables
let mobileSlideInterval;
let mobileCurrentSlide = 0;
let mobileSlides = [];
let mobileSlideDots = [];

// Product Image Gallery Function with Auto Slide
let slideInterval;
let currentSlide = 0;
let thumbnails = [];
let sliderDots = [];

function initSlider() {
    thumbnails = Array.from(document.querySelectorAll('.thumbnail-item'));
    sliderDots = Array.from(document.querySelectorAll('.slider-dot'));
    
    if (thumbnails.length === 0) return;
    
    // Set first thumbnail as active
    updateSlide(0);
    
    // Start auto slide (2.5 seconds)
    startAutoSlide();
    
    // Pause on hover
    const gallery = document.querySelector('.product-image-gallery');
    if (gallery) {
        gallery.addEventListener('mouseenter', pauseSlider);
        gallery.addEventListener('mouseleave', startAutoSlide);
    }
}

function updateSlide(index) {
    if (thumbnails.length === 0) return;
    
    currentSlide = index;
    
    // Remove active class from all thumbnails
    thumbnails.forEach(item => {
        item.classList.remove('thumbnail-active');
    });
    
    // Remove active class from all dots
    sliderDots.forEach(dot => {
        dot.classList.remove('active');
    });
    
    // Add active class to current thumbnail and dot
    if (thumbnails[currentSlide]) {
        thumbnails[currentSlide].classList.add('thumbnail-active');
    }
    
    if (sliderDots[currentSlide]) {
        sliderDots[currentSlide].classList.add('active');
    }
    
    // Update main image
    const mainImage = document.getElementById('productMainImg');
    const fullSizeUrl = thumbnails[currentSlide]?.getAttribute('data-fullsize');
    
    if (mainImage && fullSizeUrl) {
        mainImage.style.opacity = '0.5';
        setTimeout(() => {
            mainImage.src = fullSizeUrl;
            mainImage.style.opacity = '1';
        }, 200);
    }
}

function nextSlide() {
    if (thumbnails.length === 0) return;
    
    currentSlide = (currentSlide + 1) % thumbnails.length;
    updateSlide(currentSlide);
}

function prevSlide() {
    if (thumbnails.length === 0) return;
    
    currentSlide = (currentSlide - 1 + thumbnails.length) % thumbnails.length;
    updateSlide(currentSlide);
}

function goToSlide(index) {
    if (index >= 0 && index < thumbnails.length) {
        updateSlide(index);
    }
}

function startAutoSlide() {
    pauseSlider(); // Clear any existing interval
    slideInterval = setInterval(nextSlide, 2500); // 2.5 seconds
}

function pauseSlider() {
    if (slideInterval) {
        clearInterval(slideInterval);
        slideInterval = null;
    }
}

// Mobile Slider Functions
function initMobileSlider() {
    mobileSlides = Array.from(document.querySelectorAll('.mobile-slide'));
    mobileSlideDots = Array.from(document.querySelectorAll('.mobile-slider-dots .slider-dot'));
    
    if (mobileSlides.length === 0) return;
    
    // Set first slide as active
    updateMobileSlide(0);
    
    // Start auto slide (1.5 seconds)
    startMobileSlide();
    
    // Pause on hover
    const mobileSlider = document.querySelector('.mobile-slider-container');
    if (mobileSlider) {
        mobileSlider.addEventListener('mouseenter', pauseMobileSlider);
        mobileSlider.addEventListener('mouseleave', startMobileSlide);
    }
}

function updateMobileSlide(index) {
    if (mobileSlides.length === 0) return;
    
    // First animate out current slide
    const currentActiveSlide = document.querySelector('.mobile-slide.active');
    if (currentActiveSlide) {
        currentActiveSlide.style.opacity = '0';
        currentActiveSlide.style.transform = 'translateX(-20px)';
        setTimeout(() => {
            currentActiveSlide.classList.remove('active');
        }, 300);
    }
    
    // Update current slide index
    mobileCurrentSlide = index;
    
    // Remove active class from all dots
    mobileSlideDots.forEach(dot => {
        dot.classList.remove('active');
    });
    
    // Show new slide with animation
    setTimeout(() => {
        if (mobileSlides[mobileCurrentSlide]) {
            const slide = mobileSlides[mobileCurrentSlide];
            slide.classList.add('active');
            // Trigger reflow for animation
            slide.offsetHeight;
            slide.style.opacity = '0';
            slide.style.transform = 'translateX(20px)';
            
            setTimeout(() => {
                slide.style.opacity = '1';
                slide.style.transform = 'translateX(0)';
            }, 10);
        }
        
        // Update active dot with animation
        if (mobileSlideDots[mobileCurrentSlide]) {
            mobileSlideDots[mobileCurrentSlide].classList.add('active');
        }
    }, 300);
}

function nextMobileSlide() {
    if (mobileSlides.length === 0) return;
    
    mobileCurrentSlide = (mobileCurrentSlide + 1) % mobileSlides.length;
    updateMobileSlide(mobileCurrentSlide);
    resetMobileSliderTimer();
}

function prevMobileSlide() {
    if (mobileSlides.length === 0) return;
    
    mobileCurrentSlide = (mobileCurrentSlide - 1 + mobileSlides.length) % mobileSlides.length;
    updateMobileSlide(mobileCurrentSlide);
    resetMobileSliderTimer();
}

function goToMobileSlide(index) {
    if (index >= 0 && index < mobileSlides.length) {
        updateMobileSlide(index);
        resetMobileSliderTimer();
    }
}

function startMobileSlide() {
    pauseMobileSlider();
    mobileSlideInterval = setInterval(nextMobileSlide, 3000); // 1.5 seconds
}

function pauseMobileSlider() {
    if (mobileSlideInterval) {
        clearInterval(mobileSlideInterval);
        mobileSlideInterval = null;
    }
}

function resetMobileSliderTimer() {
    pauseMobileSlider();
    startMobileSlide();
}

// Related Products Slider
let relatedSliderInterval;
let relatedCurrentSlide = 0;
let relatedSlideWidth = 0;
let relatedSlidesPerView = 4; // Desktop için varsayılan
let relatedTotalSlides = 0;

function initRelatedSlider() {
    const sliderTrack = document.getElementById('relatedSliderTrack');
    const slides = sliderTrack ? Array.from(sliderTrack.children) : [];
    const dotsContainer = document.getElementById('relatedSliderDots');
    
    if (slides.length === 0) return;
    
    relatedTotalSlides = slides.length;
    
    // Calculate slides per view based on screen width
    updateSlidesPerView();
    
    // Create dots
    if (dotsContainer) {
        dotsContainer.innerHTML = '';
        const totalDots = Math.ceil(relatedTotalSlides / relatedSlidesPerView);
        
        for (let i = 0; i < totalDots; i++) {
            const dot = document.createElement('div');
            dot.className = 'slider-dot' + (i === 0 ? ' active' : '');
            dot.setAttribute('data-index', i);
            dot.onclick = () => goToRelatedSlide(i);
            dotsContainer.appendChild(dot);
        }
    }
    
    // Start auto slide
    startRelatedSlider();
}

function updateSlidesPerView() {
    const width = window.innerWidth;
    
    if (width <= 480) {
        relatedSlidesPerView = 1;
    } else if (width <= 768) {
        relatedSlidesPerView = 2;
    } else if (width <= 992) {
        relatedSlidesPerView = 3;
    } else {
        relatedSlidesPerView = 4;
    }
    
    // Update slide width
    const sliderTrack = document.getElementById('relatedSliderTrack');
    if (sliderTrack && sliderTrack.firstElementChild) {
        relatedSlideWidth = sliderTrack.firstElementChild.offsetWidth + 20; // + gap
    }
}

function updateRelatedSliderPosition() {
    const sliderTrack = document.getElementById('relatedSliderTrack');
    if (!sliderTrack) return;
    
    const maxSlide = Math.max(0, Math.ceil(relatedTotalSlides / relatedSlidesPerView) - 1);
    relatedCurrentSlide = Math.min(relatedCurrentSlide, maxSlide);
    
    const translateX = -(relatedCurrentSlide * relatedSlideWidth * relatedSlidesPerView);
    sliderTrack.style.transform = `translateX(${translateX}px)`;
    sliderTrack.style.transition = 'transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94)';
    
    // Update active dot with animation
    const dots = document.querySelectorAll('#relatedSliderDots .slider-dot');
    dots.forEach((dot, index) => {
        if (index === relatedCurrentSlide) {
            dot.classList.add('active');
            dot.style.transform = 'scale(1.3)';
        } else {
            dot.classList.remove('active');
            dot.style.transform = 'scale(1)';
        }
    });
}

function nextRelatedSlide() {
    const maxSlide = Math.max(0, Math.ceil(relatedTotalSlides / relatedSlidesPerView) - 1);
    
    if (relatedCurrentSlide >= maxSlide) {
        relatedCurrentSlide = 0; // Başa dön
    } else {
        relatedCurrentSlide++;
    }
    
    updateRelatedSliderPosition();
    resetRelatedSliderTimer();
}

function prevRelatedSlide() {
    const maxSlide = Math.max(0, Math.ceil(relatedTotalSlides / relatedSlidesPerView) - 1);
    
    if (relatedCurrentSlide <= 0) {
        relatedCurrentSlide = maxSlide; // Sona git
    } else {
        relatedCurrentSlide--;
    }
    
    updateRelatedSliderPosition();
    resetRelatedSliderTimer();
}

function goToRelatedSlide(index) {
    const maxSlide = Math.max(0, Math.ceil(relatedTotalSlides / relatedSlidesPerView) - 1);
    relatedCurrentSlide = Math.min(Math.max(0, index), maxSlide);
    updateRelatedSliderPosition();
    resetRelatedSliderTimer();
}

function startRelatedSlider() {
    pauseRelatedSlider();
    relatedSliderInterval = setInterval(nextRelatedSlide, 2500); // 2.5 saniye
}

function pauseRelatedSlider() {
    if (relatedSliderInterval) {
        clearInterval(relatedSliderInterval);
        relatedSliderInterval = null;
    }
}

function resetRelatedSliderTimer() {
    pauseRelatedSlider();
    startRelatedSlider();
}

// Enquiry Form Popup Functions
function openEnquiryFormPopup() {
    const popup = document.getElementById('enquiryFormPopup');
    if (popup) {
        popup.classList.add('active');
        document.body.style.overflow = 'hidden';
    }
}

function closeEnquiryFormPopup() {
    const popup = document.getElementById('enquiryFormPopup');
    if (popup) {
        popup.classList.remove('active');
        document.body.style.overflow = '';
    }
}

// Update the existing click function
function updateProductImage(thumb, index) {
    goToSlide(index);
    // Reset auto slider after manual click
    pauseSlider();
    startAutoSlide();
}

// Info Tabs Functionality
function showInfoTab(tabId) {
    // Hide all tab panes
    document.querySelectorAll('.info-tab-pane').forEach(pane => {
        pane.classList.remove('active');
    });
    
    // Remove active class from all tab buttons
    document.querySelectorAll('.info-tab-btn').forEach(btn => {
        btn.classList.remove('active');
    });
    
    // Show selected tab pane
    document.getElementById(tabId).classList.add('active');
    
    // Add active class to clicked tab button
    event.currentTarget.classList.add('active');
}

// Form Temizleme Fonksiyonları
function clearEnquiryForm() {
    if (confirm('Formdaki tüm bilgileri temizlemek istediğinize emin misiniz?')) {
        document.forms['dety'].reset();
    }
}

function clearPopupForm() {
    if (confirm('Formdaki tüm bilgileri temizlemek istediğinize emin misiniz?')) {
        document.forms['detyPopup'].reset();
    }
}


// Form Validation
function validateProductForm() {
    const form = document.forms['dety'];
    const phoneRegex = /^0[0-9]{10}$/;
    const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
    
    // Check required fields
    if (!form.adi.value.trim()) {
        alert("Lütfen ad ve soyad bilginizi giriniz.");
        form.adi.focus();
        return false;
    }
    
    if (!form.maili.value.trim()) {
        alert("Lütfen e-posta adresinizi giriniz.");
        form.maili.focus();
        return false;
    }
    
    // E-posta doğrulama
    if (!emailRegex.test(form.maili.value)) {
        alert("Lütfen geçerli bir e-posta adresi giriniz.");
        form.maili.focus();
        return false;
    }
    
    if (!form.mesaji.value.trim()) {
        alert("Lütfen mesajınızı yazınız.");
        form.mesaji.focus();
        return false;
    }
    
    // Mesaj uzunluğu kontrolü
    if (form.mesaji.value.trim().length < 10) {
        alert('Lütfen en az 10 karakterlik bir mesaj yazınız.');
        form.mesaji.focus();
        return false;
    }
    
    // Form validation passed
    return true;
}

function validatePopupForm() {
    const form = document.forms['detyPopup'];
    const phoneRegex = /^0[0-9]{10}$/;
    const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
    
    // Check required fields
    if (!form.adi.value.trim()) {
        alert("Lütfen ad ve soyad bilginizi giriniz.");
        form.adi.focus();
        return false;
    }
    
    if (!form.maili.value.trim()) {
        alert("Lütfen e-posta adresinizi giriniz.");
        form.maili.focus();
        return false;
    }
    
    // E-posta doğrulama
    if (!emailRegex.test(form.maili.value)) {
        alert("Lütfen geçerli bir e-posta adresi giriniz.");
        form.maili.focus();
        return false;
    }
    
    if (!form.mesaji.value.trim()) {
        alert("Lütfen mesajınızı yazınız.");
        form.mesaji.focus();
        return false;
    }
    
    // Mesaj uzunluğu kontrolü
    if (form.mesaji.value.trim().length < 10) {
        alert('Lütfen en az 10 karakterlik bir mesaj yazınız.');
        form.mesaji.focus();
        return false;
    }
    
    // Close popup on successful validation
    setTimeout(() => {
        closeEnquiryFormPopup();
    }, 500);
    
    return true;
}

// Initialize on page load
document.addEventListener('DOMContentLoaded', function() {
    // WhatsApp butonlarını oluştur
    createWhatsAppButtons();
    
    // Diğer başlatma kodları...
    initSlider();
    
    // Initialize mobile slider
    initMobileSlider();
    
    // Related slider'ı biraz gecikmeli başlat
    setTimeout(() => {
        initRelatedSlider();
    }, 500);
    
    // Add phone formatting to both forms
    document.getElementById('phoneNumber')?.addEventListener('input', formatPhoneInput);
    document.getElementById('popupPhoneNumber')?.addEventListener('input', formatPhoneInput);
    
    // Pause sliders when page is not visible
    document.addEventListener('visibilitychange', function() {
        if (document.hidden) {
            pauseSlider();
            pauseMobileSlider();
            pauseRelatedSlider();
        } else {
            startAutoSlide();
            startMobileSlide();
            startRelatedSlider();
        }
    });
    
    // Pause sliders on window blur
    window.addEventListener('blur', function() {
        pauseSlider();
        pauseMobileSlider();
        pauseRelatedSlider();
    });
    
    // Resume sliders on window focus
    window.addEventListener('focus', function() {
        startAutoSlide();
        startMobileSlide();
        startRelatedSlider();
    });
    
    // Slider üzerine gelindiğinde duraklat
    const sliderContainer = document.querySelector('.related-slider-container');
    if (sliderContainer) {
        sliderContainer.addEventListener('mouseenter', pauseRelatedSlider);
        sliderContainer.addEventListener('mouseleave', startRelatedSlider);
    }
    
    // Pencere boyutu değiştiğinde slider'ı güncelle
    window.addEventListener('resize', function() {
        updateSlidesPerView();
        updateRelatedSliderPosition();
    });
});

// Dot click handlers
document.addEventListener('click', function(e) {
    if (e.target.classList.contains('slider-dot') && e.target.closest('.mobile-slider-dots')) {
        const slideIndex = parseInt(e.target.getAttribute('data-slide')) - 1;
        goToMobileSlide(slideIndex);
    }
});
</script>

<style>
/* Custom Color Variables */
:root {
    --primary-red: #cf060c;
    --primary-blue: #010d8f;
    --text-blue: #010d61;
    --light-gray: #f0f0f0;
    --medium-gray: #999999;
    --whatsapp-green: #25bd5e;
    --white: #ffffff;
    --shadow-light: 0 2px 10px rgba(0,0,0,0.08);
    --shadow-medium: 0 5px 15px rgba(0,0,0,0.1);
    --border-radius-sm: 6px;
    --border-radius-md: 8px;
    --border-radius-lg: 12px;
    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;
}

/* Reset and Base Styles */
.product-container {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 20px;
    width: 100%;
    box-sizing: border-box;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Segoe UI', 'Roboto', 'Arial', sans-serif;
    color: #333;
    background-color: var(--white);
    line-height: 1.6;
}

/* Laptop ekranları için özel düzenlemeler (768px - 1440px arası) */
@media (min-width: 768px) and (max-width: 1440px) {
    .product-container {
        max-width: 95%;
        padding: 0 15px;
    }
    
    /* Laptop için grid düzeni */
    .product-layout-grid {
        grid-template-columns: 1fr 350px; /* Sidebar'ı biraz daralt */
        gap: 25px;
        padding: 25px 0;
        margin-top: 15px;
        max-width: 100%;
        overflow: hidden;
    }
    
    /* Ürün görsel galerisi laptop optimizasyonu */
    .product-image-gallery {
        max-width: 100%;
        overflow: hidden;
    }
    
    .product-main-image-wrapper {
        min-height: 350px;
        max-height: 60vh;
        padding: 15px;
    }
    
    .product-display-image {
        max-height: 55vh;
        max-width: 100%;
        height: auto;
        width: auto;
        object-fit: contain;
    }
    
    /* Thumbnail'ler için taşma kontrolü */
    .thumbnail-strip {
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
        padding: 10px 15px;
    }
    
    .thumbnail-strip::-webkit-scrollbar {
        height: 4px;
    }
    
    .thumbnail-strip::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 2px;
    }
    
    .thumbnail-strip::-webkit-scrollbar-thumb {
        background: #888;
        border-radius: 2px;
    }
    
    .thumbnail-strip::-webkit-scrollbar-thumb:hover {
        background: #555;
    }
    
    /* Bilgi tab'ları laptop optimizasyonu */
    .product-info-section {
        max-width: 100%;
        overflow: hidden;
    }
    
    .technical-specs table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }
    
    /* İlgili ürünler slider laptop optimizasyonu */
    .related-slider-container {
        max-width: 100%;
        overflow: hidden;
    }
    
    .slider-track {
        max-width: 100%;
    }
    
    .slider-slide {
        flex: 0 0 calc(33.333% - 13.33px);
        min-width: calc(33.333% - 13.33px);
    }
    
    /* Sidebar optimizasyonu */
    .product-sidebar-column {
        max-width: 350px;
    }
    
    /* Form alanları laptop optimizasyonu */
    .modern-enquiry-form {
        max-width: 100%;
    }
    
    .form-control {
        max-width: 100%;
        box-sizing: border-box;
    }
    
    /* Breadcrumb laptop optimizasyonu */
    .page_title .container {
        max-width: 95%;
        padding: 0 15px;
    }
}

/* Daha küçük laptop'lar için (768px - 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
    .product-container {
        max-width: 98%;
        padding: 0 10px;
    }
    
    .product-layout-grid {
        grid-template-columns: 1fr 320px;
        gap: 20px;
    }
    
    .product-main-title {
        font-size: 28px;
        padding-right: 100px;
    }
    
    .slider-slide {
        flex: 0 0 calc(50% - 10px);
        min-width: calc(50% - 10px);
    }
    
    /* Tab butonları tablet/laptop için */
    .info-tabs-header {
        grid-template-columns: repeat(3, 1fr);
    }
    
    .info-tab-btn {
        padding: 15px 10px;
        font-size: 14px;
        gap: 8px;
    }
    
    .tab-icon {
        font-size: 16px;
    }
    
    /* Contact actions butonları */
    .action-btn {
        padding: 10px 12px;
        gap: 12px;
    }
    
    .action-label {
        font-size: 15px;
    }
}

/* Orta boy laptop'lar için (1024px - 1280px) */
@media (min-width: 1024px) and (max-width: 1280px) {
    .product-container {
        max-width: 1200px;
    }
    
    .product-layout-grid {
        grid-template-columns: 1fr 340px;
    }
    
    .slider-slide {
        flex: 0 0 calc(33.333% - 13.33px);
        min-width: calc(33.333% - 13.33px);
    }
}

/* Büyük laptop'lar için (1280px - 1440px) */
@media (min-width: 1280px) and (max-width: 1440px) {
    .product-container {
        max-width: 1300px;
    }
    
    .product-layout-grid {
        grid-template-columns: 1fr 360px;
        gap: 30px;
    }
    
    .slider-slide {
        flex: 0 0 calc(25% - 15px);
        min-width: calc(25% - 15px);
    }
}

/* Taşma önleyici global stil */
.product-media-column {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

.product-sidebar-column {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

/* Görseller için maksimum genişlik garantisi */
img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Breadcrumb */
.product-breadcrumb {
    background: var(--light-gray);
    padding: 12px 0;
    border-bottom: 1px solid #e5e5e5;
}

.breadcrumb-nav {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    font-size: 14px;
}

.crumb-home {
    color: var(--primary-blue);
    text-decoration: none;
    font-weight: 500;
    transition: color var(--transition-fast);
}

.crumb-home:hover {
    color: var(--primary-red);
}

.crumb-divider {
    color: var(--medium-gray);
    font-size: 12px;
}

.crumb-item {
    color: var(--medium-gray);
}

.crumb-current {
    color: var(--text-blue);
    font-weight: 600;
}

/* Product Header */
.product-header-section {
    padding: 25px 0;
    position: relative;
    border-bottom: 2px solid var(--light-gray);
}

.product-main-title {
    font-size: 32px;
    color: var(--text-blue);
    font-weight: 700;
    margin: 0;
    padding-right: 150px;
}

/* Main Layout Grid */
.product-layout-grid {
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: 30px;
    padding: 30px 0;
    margin-top: 20px;
}

@media (max-width: 992px) {
    .product-layout-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .product-layout-grid {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 20px 0;
        margin-top: 10px;
    }
}

/* Product Image Gallery */
.product-image-gallery {
    background: var(--white);
    border-radius: var(--border-radius-md);
    overflow: hidden;
    box-shadow: var(--shadow-light);
    margin-bottom: 25px;
    position: relative;
}

.product-main-image-wrapper {
    position: relative;
    padding: 20px;
    text-align: center;
    min-height: 400px;
    max-height: 70vh;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.product-display-image {
    max-width: 100%;
    max-height: 65vh;
    width: auto;
    height: auto;
    object-fit: contain;
    transition: opacity var(--transition-normal);
}

/* SATILDI OVERLAY STİLLERİ */
.sold-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(207, 6, 12, 0.85);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100;
    animation: fadeInOverlay 0.5s ease-out;
}

.sold-overlay-content {
    text-align: center;
    color: white;
    padding: 40px;
    max-width: 90%;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border-radius: 15px;
    border: 2px solid rgba(255, 255, 255, 0.2);
}

.sold-badge {
    background: rgba(255, 255, 255, 0.15);
    border: 2px solid white;
    border-radius: 50px;
    padding: 15px 30px;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 25px;
    animation: pulse 2s infinite;
}

.sold-icon {
    font-size: 24px;
    animation: bounce 2s infinite;
}

.sold-text {
    font-size: 28px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.sold-message {
    font-size: 18px;
    margin-bottom: 30px;
    line-height: 1.5;
    opacity: 0.9;
}

.back-button {
    background: white;
    color: var(--primary-red);
    border: none;
    padding: 15px 35px;
    font-size: 16px;
    font-weight: 700;
    border-radius: 50px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    transition: all 0.3s ease;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.back-button:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
    background: #f8f8f8;
}

.back-button:active {
    transform: translateY(-1px);
}

.back-button i {
    font-size: 14px;
}

/* Animations */
@keyframes fadeInOverlay {
    from {
        opacity: 0;
        backdrop-filter: blur(0px);
    }
    to {
        opacity: 1;
        backdrop-filter: blur(10px);
    }
}

@keyframes pulse {
    0%, 100% {
        transform: scale(1);
        box-shadow: 0 0 20px rgba(255, 255, 255, 0.2);
    }
    50% {
        transform: scale(1.05);
        box-shadow: 0 0 30px rgba(255, 255, 255, 0.3);
    }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-10px);
    }
    60% {
        transform: translateY(-5px);
    }
}

.thumbnail-strip {
    display: flex;
    gap: 10px;
    padding: 15px;
    background: var(--white);
    border-top: 1px solid var(--light-gray);
    overflow-x: auto;
}

.thumbnail-item {
    flex: 0 0 auto;
    width: 80px;
    height: 80px;
    border: 2px solid transparent;
    border-radius: var(--border-radius-sm);
    overflow: hidden;
    cursor: pointer;
    transition: all var(--transition-fast);
    background: var(--light-gray);
}

.thumbnail-item:hover {
    border-color: var(--primary-blue);
    transform: translateY(-2px);
}

.thumbnail-item.thumbnail-active {
    border-color: var(--primary-red);
    box-shadow: 0 0 0 2px rgba(207, 6, 12, 0.1);
}

.thumbnail-preview {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: 100%;
    max-height: 100%;
}

/* Slider Indicators */
.slider-indicators {
    display: flex;
    justify-content: center;
    gap: 8px;
    padding: 15px;
    background: var(--light-gray);
    border-top: 1px solid #ddd;
}

.slider-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #ccc;
    cursor: pointer;
    transition: all 0.3s ease;
}

.slider-dot.active {
    background: var(--primary-red);
    transform: scale(1.3);
}

.slider-dot:hover {
    background: var(--primary-blue);
}

/* Mobile Quick Details - Sadece mobilde gözükecek */
.mobile-quick-details {
    display: none;
}

/* Mobile Slider Styles - YENİ YUMUŞAK GEÇİŞLİ */
.mobile-slider-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    border-radius: var(--border-radius-md);
    box-shadow: var(--shadow-light);
    height: 300px;
}

.mobile-slider-track {
    display: flex;
    width: 300%;
    height: 100%;
    position: relative;
}

.mobile-slide {
    flex: 0 0 33.3333%;
    width: 33.3333%;
    height: 100%;
    transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    opacity: 0;
    transform: translateX(20px);
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
}

.mobile-slide.active {
    opacity: 1;
    transform: translateX(0);
    pointer-events: auto;
    visibility: visible;
    position: relative;
    left: 0;
    animation: slideFadeIn 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}

@keyframes slideFadeIn {
    from {
        opacity: 0;
        transform: translateX(30px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes slideFadeOut {
    from {
        opacity: 1;
        transform: translateX(0);
    }
    to {
        opacity: 0;
        transform: translateX(-30px);
    }
}

/* Mobile slider card styles */
.mobile-slide .quick-details-card,
.mobile-slide .mobile-contact-card,
.mobile-slide .enquiry-form-button-card {
    margin: 0;
    border: 1px solid #e1e5eb;
    height: 100%;
    animation: cardScaleIn 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

@keyframes cardScaleIn {
    0% {
        opacity: 0;
        transform: scale(0.95);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.enquiry-form-button-card {
    background: linear-gradient(135deg, var(--primary-blue) 0%, #1a237e 100%);
    color: white;
    transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.enquiry-form-button-card:hover {
    transform: translateY(-5px);
}

.enquiry-form-button-card .card-header {
    background: rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.enquiry-form-button-card .card-body {
    padding: 30px 20px;
    text-align: center;
    height: calc(100% - 60px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.enquiry-button-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    width: 100%;
}

.enquiry-icon-wrapper {
    width: 60px;
    height: 60px;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid rgba(255, 255, 255, 0.3);
    animation: iconPulse 2s infinite;
}

@keyframes iconPulse {
    0%, 100% {
        transform: scale(1);
        box-shadow: 0 0 20px rgba(255, 255, 255, 0.1);
    }
    50% {
        transform: scale(1.05);
        box-shadow: 0 0 30px rgba(255, 255, 255, 0.2);
    }
}

.enquiry-icon-wrapper i {
    font-size: 24px;
    color: white;
}

.enquiry-button-title {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    color: white;
    animation: textFadeIn 0.8s ease;
}

@keyframes textFadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.enquiry-button-subtitle {
    font-size: 14px;
    opacity: 0.9;
    margin: 0 0 20px 0;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.9);
    animation: textFadeIn 0.8s ease 0.2s both;
}

.btn-open-enquiry-form {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: white;
    color: var(--primary-blue);
    border: none;
    padding: 14px 24px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    animation: buttonSlideIn 0.8s ease 0.4s both;
}

@keyframes buttonSlideIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.btn-open-enquiry-form:hover {
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
    background: #f8f9fa;
}

.btn-open-enquiry-form .btn-text {
    font-size: 15px;
    font-weight: 600;
}

.btn-open-enquiry-form i {
    font-size: 14px;
    transition: transform 0.3s ease;
}

.btn-open-enquiry-form:hover i {
    transform: translateX(5px);
}

/* Mobile Slider Dots */
.mobile-slider-dots {
    display: flex;
    justify-content: center;
    gap: 10px;
    padding: 15px;
    background: var(--white);
    border-top: 1px solid #e1e5eb;
}

.mobile-slider-dots .slider-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #d1d5db;
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    position: relative;
    overflow: hidden;
}

.mobile-slider-dots .slider-dot::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: var(--primary-red);
    border-radius: 50%;
    transition: left 0.3s ease;
}

.mobile-slider-dots .slider-dot.active {
    background: var(--primary-red);
    transform: scale(1.4);
    box-shadow: 0 0 0 3px rgba(207, 6, 12, 0.2);
}

.mobile-slider-dots .slider-dot.active::before {
    left: 0;
}

.mobile-slider-dots .slider-dot:hover {
    background: var(--primary-blue);
    transform: scale(1.2);
}

/* Mobile Slider Arrows */
.mobile-slider-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid #e1e5eb;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: var(--primary-blue);
    z-index: 10;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.mobile-slider-arrow:hover {
    background: var(--primary-blue);
    color: white;
    border-color: var(--primary-blue);
    transform: translateY(-50%) scale(1.1);
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}

.prev-arrow {
    left: 10px;
}

.next-arrow {
    right: 10px;
}

/* Info Tabs */
.product-info-section {
    background: var(--white);
    border-radius: var(--border-radius-md);
    box-shadow: var(--shadow-light);
    overflow: hidden;
    margin-top: 25px;
}

.info-tabs-container {
    border: 1px solid var(--light-gray);
    border-radius: var(--border-radius-md);
}

.info-tabs-header {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    background: var(--light-gray);
    border-bottom: 1px solid #ddd;
}

.info-tab-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 18px 15px;
    background: none;
    border: none;
    border-right: 1px solid #ddd;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    color: var(--text-blue);
    transition: all var(--transition-fast);
}

.info-tab-btn:last-child {
    border-right: none;
}

.info-tab-btn:hover {
    background: rgba(1, 13, 143, 0.05);
}

.info-tab-btn.active {
    background: var(--white);
    color: var(--primary-red);
    border-bottom: 3px solid var(--primary-red);
}

.tab-icon {
    font-size: 18px;
}

.info-tabs-content {
    padding: 0;
}

.info-tab-pane {
    display: none;
    padding: 25px;
}

.info-tab-pane.active {
    display: block;
    animation: fadeInUp 0.4s ease;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.tab-pane-title {
    color: var(--text-blue);
    font-size: 22px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--light-gray);
}

/* Technical Specs */
.technical-specs {
    color: #444;
    line-height: 1.8;
}

.technical-specs ul {
    padding-left: 20px;
    margin: 15px 0;
}

.technical-specs li {
    margin-bottom: 8px;
}

/* Tablo için mobil uyumlu stil */
.technical-specs table {
    width: 100%;
    border-collapse: collapse;
    margin: 15px 0;
    font-size: 15px;
}

.technical-specs table,
.technical-specs th,
.technical-specs td {
    border: 1px solid #ddd;
}

.technical-specs th {
    background-color: var(--light-gray);
    color: var(--text-blue);
    font-weight: 600;
    padding: 12px 15px;
    text-align: left;
}

.technical-specs td {
    padding: 12px 15px;
    color: #444;
}

/* Catalog Files */
.catalog-files {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.catalog-file-item {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px;
    background: var(--light-gray);
    border-radius: var(--border-radius-sm);
    text-decoration: none;
    color: var(--text-blue);
    transition: all var(--transition-fast);
    border: 1px solid transparent;
}

.catalog-file-item:hover {
    background: var(--white);
    border-color: var(--primary-blue);
    transform: translateX(5px);
    box-shadow: var(--shadow-light);
}

.file-icon-box {
    width: 40px;
    height: 40px;
    background: var(--primary-blue);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.file-icon-box svg {
    fill: var(--white);
    width: 20px;
    height: 20px;
}

.file-details {
    flex: 1;
}

.file-name {
    display: block;
    font-weight: 600;
    margin-bottom: 4px;
}

.file-download {
    font-size: 17px;
    color: #1a00db;
    font-weight: 600;
}

/* Video Collection */
.video-collection {
    display: grid;
    gap: 20px;
}

.video-item {
    background: #000;
    border-radius: var(--border-radius-sm);
    overflow: hidden;
    box-shadow: var(--shadow-medium);
}

.video-embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}

.video-embed-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

/* Related Products */
.related-products-section {
    margin-top: 40px;
    padding-top: 30px;
    border-top: 2px solid var(--light-gray);
}

.section-header {
    margin-bottom: 25px;
}

.section-heading {
    color: var(--text-blue);
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
}

.section-divider {
    width: 60px;
    height: 3px;
    background: var(--primary-red);
    border-radius: 2px;
}

/* Related Products Slider */
.related-slider-container {
    position: relative;
    overflow: hidden;
    margin-top: 20px;
}

.slider-wrapper {
    position: relative;
    padding: 0 40px;
}

.slider-track {
    display: flex;
    gap: 20px;
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    will-change: transform;
}

.slider-slide {
    flex: 0 0 calc(25% - 15px);
    min-width: calc(25% - 15px);
}

.slider-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: #eee;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: var(--primary-blue);
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.slider-btn:hover {
    background: var(--primary-blue);
    color: var(--white);
    transform: translateY(-50%) scale(1.1);
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}

.slider-prev {
    left: 0;
}

.slider-next {
    right: 0;
}

.slider-dots {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 20px;
}

.slider-dots .slider-dot {
    width: 10px;
    height: 10px;
    margin-top: -11px;
    border-radius: 50%;
    background: #ccc;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.slider-dots .slider-dot.active {
    background: var(--primary-red);
    transform: scale(1.3);
    box-shadow: 0 0 0 2px rgba(207, 6, 12, 0.2);
}

.slider-dots .slider-dot:hover {
    background: var(--primary-blue);
    transform: scale(1.2);
}

/* Related Product Cards */
.related-product-card {
    display: block;
    background: var(--white);
    border-radius: var(--border-radius-md);
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    box-shadow: var(--shadow-light);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    border: 1px solid var(--light-gray);
    height: 100%;
}

.related-product-card:hover {
    transform: translateY(-8px) scale(1.02);
    box-shadow: var(--shadow-medium);
    border-color: var(--primary-blue);
}

.product-image-box {
    position: relative;
   /* height: 200px;*/
    overflow: hidden;
    background: var(--light-gray);
}

.related-product-img {
    width: 100%;
    height: auto;
    object-fit: cover;
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.related-product-card:hover .related-product-img {
    transform: scale(1.1);
}

.product-hover-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(1, 13, 143, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.related-product-card:hover .product-hover-overlay {
    opacity: 1;
}

.view-product-btn {
    color: var(--white);
    background: var(--primary-red);
    padding: 10px 20px;
    border-radius: var(--border-radius-sm);
    font-weight: 600;
    font-size: 14px;
    transform: translateY(20px);
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.related-product-card:hover .view-product-btn {
    transform: translateY(0);
    opacity: 1;
}

.product-info-box {
    padding: 15px;
}

.product-card-title {
    color: var(--text-blue);
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
    line-height: 1.4;
}

.product-card-model {
    color: var(--medium-gray);
    font-size: 14px;
}

.product-card-model strong {
    color: var(--primary-red);
}

/* Sidebar Cards */
.product-sidebar-column {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.quick-details-card,
.contact-actions-card,
.enquiry-form-card {
    background: var(--white);
    border-radius: var(--border-radius-md);
    box-shadow: var(--shadow-light);
    overflow: hidden;
    border: 1px solid var(--light-gray);
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.quick-details-card:hover,
.contact-actions-card:hover,
.enquiry-form-card:hover {
    transform: translateY(-5px);
}

.card-header {
    background: var(--primary-blue);
    padding: 18px 20px;
    color: var(--white);
}

.card-title {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    margin: 0;
}

.card-subtitle {
    font-size: 14px;
    opacity: 0.9;
    margin-top: 5px;
}

.card-body {
    padding: 20px;
}

/* Quick Details */
.detail-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid var(--light-gray);
}

.detail-item:last-child {
    border-bottom: none;
}

.detail-label {
    color: var(--medium-gray);
    font-size: 15px;
}

.detail-value {
    color: var(--text-blue);
    font-weight: 600;
    font-size: 16px;
}

.highlight-value {
    color: var(--primary-red);
    font-size: 18px;
}

/* SATILDI durumu için özel stil - Sidebar'da */
.sold-info {
    background: rgba(207, 6, 12, 0.1);
    padding: 12px 15px;
    border-radius: 8px;
    margin-top: 10px;
    border: 1px solid rgba(207, 6, 12, 0.2);
}

.sold-status {
    color: var(--primary-red) !important;
    font-weight: 800 !important;
    font-size: 16px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Contact Actions */
.action-buttons-grid {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.action-btn {
    display: flex;
    align-items: center;
    gap: 15px;
    width: 100%;
    padding: 12px 15px;
    height: 50px;
    border: none;
    border-radius: var(--border-radius-sm);
    cursor: pointer;
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    text-align: left;
}

.btn-comments {
    background: var(--light-gray);
    color: var(--text-blue);
}

.btn-comments:hover {
    background: #e5e5e5;
    transform: translateY(-2px) scale(1.02);
}

.btn-call {
    background: var(--primary-red);
    color: var(--white);
}

.btn-call:hover {
    background: #b3050a;
    transform: translateY(-2px) scale(1.02);
}

.btn-whatsapp {
    background: var(--whatsapp-green);
    color: var(--white);
}

.btn-whatsapp:hover {
    background: #20a852;
    transform: translateY(-2px) scale(1.02);
}

.action-icon {
    font-size: 22px;
    width: 30px;
    text-align: center;
    transition: transform 0.3s ease;
}

.action-btn:hover .action-icon {
    transform: scale(1.2);
}

.action-text {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.action-label {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
}

.action-count,
.action-phone,
.action-info {
    font-size: 14px;
    opacity: 0.9;
}

/* Teklif Formu Stilleri */
.enquiry-form-card {
    background: var(--white);
    border-radius: var(--border-radius-md);
    box-shadow: var(--shadow-medium);
    border: 1px solid #e1e4e8;
    overflow: hidden;
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.enquiry-form-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.1);
}

.enquiry-card-header {
    background: linear-gradient(135deg, var(--primary-blue) 0%, #1a237e 100%);
    color: var(--white);
    padding: 20px;
    display: flex;
    align-items: flex-start;
    gap: 15px;
    position: relative;
    overflow: hidden;
}

.enquiry-card-header::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.1) 1px, transparent 1px);
    background-size: 20px 20px;
    opacity: 0.3;
    transform: rotate(15deg);
}

.header-icon-wrapper {
    width: 48px;
    height: 48px;
    background: rgba(255,255,255,0.1);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: 1px solid rgba(255,255,255,0.2);
}

.header-icon-wrapper svg {
    width: 24px;
    height: 24px;
    stroke: var(--white);
}

.header-content {
    flex: 1;
}

.enquiry-title {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 5px 0;
    color: var(--white);
}

.enquiry-subtitle {
    font-size: 14px;
    opacity: 0.9;
    margin: 0;
    line-height: 1.5;
    color: rgba(255,255,255,0.9);
}

/* Ürün Bilgi Göstergesi */
.product-info-indicator {
    background: linear-gradient(90deg, #f8f9ff 0%, #f0f2ff 100%);
    border: 1px solid #e0e4ff;
    border-radius: 8px;
    padding: 12px 16px;
    margin: 20px;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.product-info-indicator:hover {
    transform: translateX(5px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.indicator-icon {
    width: 32px;
    height: 32px;
    background: var(--primary-blue);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 14px;
}

.indicator-content {
    flex: 1;
}

.indicator-text {
    display: block;
    font-size: 12px;
    color: var(--medium-gray);
    margin-bottom: 2px;
}

.indicator-product {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: var(--text-blue);
}

/* Form Alanları */
.modern-enquiry-form {
    padding: 0 20px 20px;
}

.form-fields-container {
    margin-bottom: 25px;
}

.form-field-row {
    margin-bottom: 20px;
}

.form-label {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 600;
    color: var(--text-blue);
}

.label-text {
    font-weight: 600;
}

.label-required {
    color: var(--primary-red);
    font-size: 16px;
}

.label-optional {
    font-size: 12px;
    color: var(--medium-gray);
    font-weight: normal;
    margin-left: 4px;
}

/* Input Alanları */
.input-with-icon,
.textarea-with-icon {
    position: relative;
}

.input-with-icon i,
.textarea-with-icon i {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--primary-blue);
    font-size: 16px;
    z-index: 1;
    transition: all 0.3s ease;
}

.textarea-with-icon i {
    top: 18px;
    transform: none;
}

.form-control {
    width: 100%;
    padding: 12px 16px 12px 44px;
    border: 2px solid #e1e5eb;
    border-radius: 8px;
    font-size: 15px;
    font-family: inherit;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    background: var(--white);
    line-height: 1.5;
}

.form-control:focus {
    outline: none;
    border-color: var(--primary-blue);
    box-shadow: 0 0 0 3px rgba(1, 13, 143, 0.1);
    transform: translateY(-2px);
}

.form-control:focus + i {
    color: var(--primary-red);
    transform: translateY(-50%) scale(1.2);
}

.form-control::placeholder {
    color: #a0a4a8;
}

.textarea-with-icon .form-control {
    padding: 12px 16px 12px 44px;
    min-height: 100px;
    resize: vertical;
}

.field-hint {
    font-size: 12px;
    color: var(--medium-gray);
    margin-top: 6px;
    padding-left: 44px;
    line-height: 1.4;
    opacity: 0;
    transform: translateY(-10px);
    transition: all 0.3s ease;
}

.form-control:focus ~ .field-hint {
    opacity: 1;
    transform: translateY(0);
}

/* Form Footer */
.form-footer {
    border-top: 1px solid #e1e5eb;
    padding-top: 20px;
    margin-top: 10px;
}

.form-actions {
    display: flex;
    gap: 12px;
    margin-bottom: 15px;
}

.btn-submit-enquiry,
.btn-clear-form {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0 20px;
    height: 42px;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    flex: 1;
}

.btn-submit-enquiry {
    background: linear-gradient(135deg, var(--primary-red) 0%, #b3050a 100%);
    color: var(--white);
    min-width: 160px;
}

.btn-submit-enquiry:hover {
    background: linear-gradient(135deg, #b3050a 0%, #900408 100%);
    transform: translateY(-3px) scale(1.05);
    box-shadow: 0 6px 20px rgba(207, 6, 12, 0.4);
}

.btn-clear-form {
    background: var(--light-gray);
    color: var(--text-blue);
    border: 1px solid #d1d5db;
}

.btn-clear-form:hover {
    background: #e5e7eb;
    transform: translateY(-3px) scale(1.05);
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

.btn-icon {
    font-size: 14px;
    display: flex;
    align-items: center;
    transition: transform 0.3s ease;
}

.btn-submit-enquiry:hover .btn-icon {
    transform: translateX(5px);
}

.btn-text {
    white-space: nowrap;
}

.form-note {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: var(--medium-gray);
    background: #f8f9fa;
    padding: 10px 12px;
    border-radius: 6px;
    border: 1px solid #e9ecef;
    transition: all 0.3s ease;
}

.form-note:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

.form-note i {
    color: var(--primary-blue);
    font-size: 14px;
}

/* Popup Form Styles */
.enquiry-form-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.enquiry-form-popup.active {
    display: flex;
    opacity: 1;
    visibility: visible;
}

@keyframes popupFadeIn {
    from {
        opacity: 0;
        transform: scale(0.9);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.popup-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(5px);
    opacity: 0;
    transition: opacity 0.4s ease;
}

.enquiry-form-popup.active .popup-overlay {
    opacity: 1;
}

.popup-container {
    position: relative;
    width: 90%;
    max-width: 500px;
    max-height: 90vh;
    overflow-y: auto;
    background: var(--white);
    border-radius: var(--border-radius-lg);
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3);
    z-index: 10000;
    transform: translateY(30px) scale(0.95);
    opacity: 0;
    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.enquiry-form-popup.active .popup-container {
    transform: translateY(0) scale(1);
    opacity: 1;
}

.popup-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    background: linear-gradient(135deg, var(--primary-blue) 0%, #1a237e 100%);
    color: white;
    border-radius: var(--border-radius-lg) var(--border-radius-lg) 0 0;
    position: sticky;
    top: 0;
    z-index: 1;
}

.popup-title {
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    color: white;
}

.popup-close-btn {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 16px;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.popup-close-btn:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: rotate(90deg) scale(1.1);
}

.popup-body {
    padding: 20px;
}

/* Responsive Tasarım */
@media (max-width: 768px) {
    /* Mobil Quick Details Göster */
    .mobile-quick-details {
        display: block;
        margin-bottom: 20px;
    }
    
    /* Desktop quick details'i mobilde gizle */
    .product-sidebar-column .quick-details-card,
    .product-sidebar-column .contact-actions-card,
    .product-sidebar-column .enquiry-form-card {
        display: none;
    }
    
    .product-main-title {
        font-size: 22px;
        padding-right: 0;
        line-height: 1.3;
    }
    
    /* SATILDI overlay mobil uyumu */
    .sold-overlay-content {
        padding: 25px 20px;
        max-width: 95%;
    }
    
    .sold-badge {
        padding: 12px 20px;
        margin-bottom: 20px;
    }
    
    .sold-text {
        font-size: 22px;
    }
    
    .sold-message {
        font-size: 16px;
        margin-bottom: 25px;
    }
    
    .back-button {
        padding: 12px 25px;
        font-size: 15px;
    }
    
    /* Tab butonları için */
    .info-tabs-header {
        grid-template-columns: 1fr;
    }
    
    .info-tab-btn {
        border-right: none;
        border-bottom: 1px solid #ddd;
        justify-content: flex-start;
        padding: 15px 20px;
        font-size: 15px;
    }
    
    .info-tab-pane {
        padding: 20px 15px;
    }
    
    .tab-pane-title {
        font-size: 18px;
        margin-bottom: 15px;
    }
    
    /* Sidebar kartları */
    .product-sidebar-column {
        gap: 20px;
    }
    
    .card-title {
        font-size: 16px;
    }
    
    .detail-item {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
        padding: 10px 0;
    }
    
    .detail-label,
    .detail-value {
        width: 100%;
        font-size: 14px;
    }
    
    .highlight-value {
        font-size: 16px;
    }
    
    /* Form alanları */
    .form-field-row {
        margin-bottom: 15px;
    }
    
    .form-control {
        padding: 12px 15px 12px 40px;
        font-size: 14px;
    }
    
    .textarea-with-icon .form-control {
        padding: 12px 15px 12px 40px;
    }
    
    .field-hint {
        padding-left: 40px;
        font-size: 11px;
    }
    
    /* Action butonları */
    .action-btn {
        padding: 10px 15px;
        height: auto;
        min-height: 50px;
    }
    
    .action-text {
        font-size: 14px;
    }
    
    /* Related products slider */
    .slider-slide {
        flex: 0 0 calc(50% - 10px);
        min-width: calc(50% - 10px);
    }
    
    .slider-wrapper {
        padding: 0 30px;
    }
    
    .slider-btn {
        width: 35px;
        height: 35px;
        font-size: 16px;
    }
    
    /* Mobile slider adjustments */
    .mobile-slider-container {
        height: 360px;
    }
    
    .mobile-slider-track {
        height: 320px;
    }
    
    .mobile-slider-arrow {
        width: 32px;
        height: 32px;
        font-size: 14px;
		margin-top: 160px;
    }
    
    .enquiry-button-title {
        font-size: 18px;
    }
    
    .btn-open-enquiry-form {
        padding: 12px 20px;
        font-size: 14px;
    }
    
    .btn-open-enquiry-form .btn-text {
        font-size: 14px;
    }
    
    /* MOBİL TAŞMA SORUNU DÜZELTMESİ */
    .product-media-column {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
        position: relative;
    }
    
    .product-image-gallery {
        width: 100%;
        max-width: 100%;
        overflow: hidden;
        margin-bottom: 15px;
        position: relative;
        left: 0;
        right: 0;
    }
    
    .product-main-image-wrapper {
        width: 100vw;
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        padding: 10px;
        min-height: 280px;
        max-height: 45vh;
        overflow: hidden;
    }
    
    .product-display-image {
        width: 100%;
        height: auto;
        max-width: 100%;
        max-height: 40vh;
        object-fit: contain;
        display: block;
        margin: 0 auto;
    }
    
    .thumbnail-strip {
        width: 100%;
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding: 10px;
        margin: 0;
        display: flex;
        flex-wrap: nowrap;
        gap: 8px;
    }
    
    .thumbnail-item {
        flex: 0 0 auto;
        width: 70px;
        height: 70px;
        min-width: 70px;
    }
    
    .thumbnail-preview {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .slider-indicators {
        width: 100%;
        max-width: 100%;
        overflow: hidden;
        padding: 10px;
    }
}

@media (max-width: 480px) {
    /* Daha küçük ekranlar için */
    .slider-slide {
        flex: 0 0 100%;
        min-width: 100%;
    }
    
    .slider-wrapper {
        padding: 0 20px;
    }
    
    .slider-btn {
        width: 30px;
        height: 30px;
        font-size: 14px;
    }
    
    .product-main-title {
        font-size: 20px;
    }
    
    /* SATILDI overlay daha küçük ekranlar */
    .sold-overlay-content {
        padding: 20px 15px;
    }
    
    .sold-badge {
        padding: 10px 15px;
        margin-bottom: 15px;
    }
    
    .sold-text {
        font-size: 18px;
    }
    
    .sold-message {
        font-size: 14px;
        margin-bottom: 20px;
    }
    
    .back-button {
        padding: 10px 20px;
        font-size: 14px;
    }
    
    /* Form için */
    .modern-enquiry-form {
        padding: 0 10px 15px;
    }
    
    .enquiry-card-header {
        padding: 15px;
        flex-direction: column;
        text-align: center;
        gap: 10px;
    }
    
    .header-icon-wrapper {
        width: 40px;
        height: 40px;
        align-self: center;
    }
    
    .enquiry-title {
        font-size: 18px;
    }
    
    .enquiry-subtitle {
        font-size: 13px;
    }
    
    .product-info-indicator {
        margin: 15px 10px;
        padding: 10px 12px;
        flex-direction: column;
        text-align: center;
        gap: 8px;
    }
    
    .indicator-content {
        text-align: center;
    }
    
    .form-actions {
        flex-direction: column;
        gap: 10px;
    }
    
    .btn-submit-enquiry,
    .btn-clear-form {
        width: 100%;
        justify-content: center;
        height: 44px;
    }
    
    /* Popup için */
    .popup-container {
        width: 95%;
        max-height: 85vh;
    }
    
    .popup-header {
        padding: 15px;
    }
    
    .popup-title {
        font-size: 16px;
    }
    
    .popup-body {
        padding: 15px;
    }
    
    /* Product image gallery için ek düzenlemeler */
    .product-main-image-wrapper {
        min-height: 220px;
        max-height: 35vh;
    }
    
    .product-display-image {
        max-height: 30vh;
    }
    
    .thumbnail-item {
        width: 60px;
        height: 60px;
        min-width: 60px;
    }
    
    /* Mobile slider için */
    .mobile-slider-container {
        height: 360px;
    }
    
    .mobile-slider-track {
        height: 320px;
    }
    
    .mobile-slider-arrow {
        display: none; /* Çok küçük ekranlarda okları gizle */
    }
    
    .enquiry-button-title {
        font-size: 16px;
    }
    
    .enquiry-button-subtitle {
        font-size: 12px;
    }
}

/* Responsive slider for different screen sizes */
@media (max-width: 1200px) {
    .slider-slide {
        flex: 0 0 calc(33.333% - 13.33px);
        min-width: calc(33.333% - 13.33px);
    }
}

@media (max-width: 992px) {
    .slider-slide {
        flex: 0 0 calc(50% - 10px);
        min-width: calc(50% - 10px);
    }
}

/* Desktop için grid gizle, slider göster */
@media (min-width: 769px) {
    .related-products-grid {
        display: none;
    }
    
    .related-slider-container {
        display: block;
    }
    
    .mobile-quick-details {
        display: none;
    }
    
    .product-sidebar-column .quick-details-card,
    .product-sidebar-column .contact-actions-card,
    .product-sidebar-column .enquiry-form-card {
        display: block;
    }
}

/* Responsive image gallery */
@media (max-width: 992px) {
    .product-main-image-wrapper {
        min-height: 350px;
        max-height: 60vh;
    }
    
    .product-display-image {
        max-height: 55vh;
    }
}

/* Tablolar için responsive düzen */
@media (max-width: 1024px) {
    .technical-specs table {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    .technical-specs th,
    .technical-specs td {
        min-width: 120px;
        word-break: break-word;
    }
}

/* Form elemanları için taşma kontrolü */
.form-control,
textarea.form-control,
select.form-control {
    max-width: 100%;
    box-sizing: border-box;
}

/* Butonlar için responsive düzen */
.btn-submit-enquiry,
.btn-clear-form,
.action-btn {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

/* Laptop'larda slider kontrolleri için düzenleme */
@media (min-width: 768px) and (max-width: 1440px) {
    .slider-wrapper {
        padding: 0 35px;
    }
    
    .slider-btn {
        width: 35px;
        height: 35px;
        font-size: 16px;
    }
}

/* Breadcrumb laptop uyumu */
@media (min-width: 768px) and (max-width: 1440px) {
    .page_title .container {
        max-width: 95%;
    }
    
    .title h1 {
        font-size: 28px;
    }
    
    .pagenation {
        font-size: 14px;
    }
}

/* Header bölümü laptop uyumu */
@media (min-width: 768px) and (max-width: 1440px) {
    .product-header-section {
        padding: 20px 0;
    }
    
    .product-main-title {
        font-size: 30px;
        line-height: 1.3;
        word-break: break-word;
        overflow-wrap: break-word;
    }
}
</style><!-- Modern Footer -->
<footer class="haksan-modern-footer">
    <div class="footer-top-wave">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none">
            <path d="M321.39,56.44c58-10.79,114.16-30.13,172-41.86,82.39-16.72,168.19-17.73,250.45-.39C823.78,31,906.67,72,985.66,92.83c70.05,18.48,146.53,26.09,214.34,3V0H0V27.35A600.21,600.21,0,0,0,321.39,56.44Z" fill="currentColor"></path>
        </svg>
    </div>
    
    <div class="haksan-footer-container">
        <div class="haksan-footer-grid">
            
            <!-- İletişim Bilgileri -->
            <div class="haksan-footer-column">
                <div class="haksan-footer-column-header">
                    <div class="haksan-footer-icon">
                        <i class="fas fa-map-marker-alt"></i>
                    </div>
                    <h3 class="haksan-footer-title">İletişim Bilgileri</h3>
                </div>
                <div class="haksan-footer-content">
                    <ul class="haksan-contact-list">
					<li class="haksan-contact-item">
                            <i class="haksan-contact-icon fas fa-map-marker-alt"></i>
                            <div class="haksan-contact-text">
                                <strong>Merkez:</strong>
                                <p>Yenidoğan Mah. Eyüp Sultan Caddesi : 24 Bayrampaşa / İSTANBUL</p>
                            </div>
                        </li>
                        <li class="haksan-contact-item">
                            <i class="haksan-contact-icon fas fa-map-marker-alt"></i>
                            <div class="haksan-contact-text">
                                <strong>Emintaş Şube:</strong>
                                <p>Abdi İpekçi Cad. 1.Emintaş Sanayi Sitesi No: 74 / 121 Bayrampaşa / İSTANBUL</p>
                            </div>
                        </li>
						<li class="haksan-contact-item">
                            <i class="haksan-contact-icon fas fa-map-marker-alt"></i>
                            <div class="haksan-contact-text">
                                <strong>İkitelli Şube:</strong>
                                <p>İkitelli OSB. Demirciler San. Sit. B3 Blok No:92 İkitelli / İSTANBUL</p>
                            </div>
                        </li>
                        <li class="haksan-contact-item">
                            <i class="haksan-contact-icon fas fa-phone-alt"></i>
                            <div class="haksan-contact-text">
                                <strong>Telefon:</strong>
                                <div class="haksan-phone-numbers">
                                    <a href="tel:+902126130209">+90 212 613 02 09</a>
                                    <a href="tel:+902125672275">+90 212 567 22 75</a>
                                </div>
                            </div>
                        </li>
                        <li class="haksan-contact-item">
                            <i class="haksan-contact-icon fas fa-envelope"></i>
                            <div class="haksan-contact-text">
                                <strong>E-posta:</strong>
                                <a href="mailto:info@haksanmakina.com.tr" class="haksan-email-link">info@haksanmakina.com.tr</a>
                            </div>
                        </li>
                        <li class="haksan-contact-item">
                            <i class="haksan-contact-icon fas fa-globe"></i>
                            <div class="haksan-contact-text">
                                <strong>Web Siteleri:</strong>
                                <a href="." class="haksan-website-link">www.haksanmakina.com.tr</a>
								<a href="https://www.haksancnc.com.tr/" class="haksan-website-link">www.haksancnc.com.tr</a>
								<a href="https://www.haksankalip.com/" class="haksan-website-link">www.haksankalip.com</a>
								<a href="https://www.sacisleme.com.tr/" class="haksan-website-link">www.sacisleme.com.tr</a>
								
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            
            <!-- Hızlı Menü -->
            <div class="haksan-footer-column">
                <div class="haksan-footer-column-header">
                    <div class="haksan-footer-icon">
                        <i class="fas fa-link"></i>
                    </div>
                    <h3 class="haksan-footer-title">MENU</h3>
                </div>
                <div class="haksan-footer-content">
                    <ul class="haksan-menu-list">
                        <li class="haksan-menu-item">
                            <a href="?">
                                <div class="haksan-menu-icon">
                                    <i class="fas fa-home"></i>
                                </div>
                                <span class="haksan-menu-text">ANASAYFA</span>
                                <i class="haksan-arrow-icon fas fa-chevron-right"></i>
                            </a>
                        </li>
                        <li class="haksan-menu-item">
                            <a href="?s365/Hakkimizda.html">
                                <div class="haksan-menu-icon">
                                    <i class="fas fa-info-circle"></i>
                                </div>
                                <span class="haksan-menu-text">KURUMSAL</span>
                                <i class="haksan-arrow-icon fas fa-chevron-right"></i>
                            </a>
                        </li>
                        <li class="haksan-menu-item">
                            <a href="?m364/bayilikler.html">
                                <div class="haksan-menu-icon">
                                    <i class="fas fa-store"></i>
                                </div>
                                <span class="haksan-menu-text">BAYİLİKLER</span>
                                <i class="haksan-arrow-icon fas fa-chevron-right"></i>
                            </a>
                        </li>
                        <li class="haksan-menu-item">
                            <a href="?b6/duyurular.html">
                                <div class="haksan-menu-icon">
                                    <i class="fas fa-bullhorn"></i>
                                </div>
                                <span class="haksan-menu-text">DUYURULAR</span>
                                <i class="haksan-arrow-icon fas fa-chevron-right"></i>
                            </a>
                        </li>
                        <li class="haksan-menu-item">
                            <a href="?i/iletisim.html">
                                <div class="haksan-menu-icon">
                                    <i class="fas fa-envelope"></i>
                                </div>
                                <span class="haksan-menu-text">İLETİŞİM</span>
                                <i class="haksan-arrow-icon fas fa-chevron-right"></i>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            
            <!-- Ürün Kategorileri 1 -->
            <div class="haksan-footer-column haksan-product-column">
                <div class="haksan-footer-column-header">
                    <div class="haksan-footer-icon">
                        <i class="fas fa-boxes"></i>
                    </div>
                    <h3 class="haksan-footer-title">ÜRÜNLER</h3>
                </div>
                <div class="haksan-footer-content">
                    <ul class="haksan-menu-list">
                        
                        <li class="haksan-menu-item">
                            <a href="?y10/cnc-talasli-imalat-teknolojileri.html">
                                <div class="haksan-menu-icon">
                                    <i class="fas fa-cube"></i>
                                </div>
                                <span class="haksan-menu-text">CNC Talaşlı İmalat Teknolojileri</span>
                                <i class="haksan-arrow-icon fas fa-chevron-right"></i>
                            </a>
                        </li>
                        
                        <li class="haksan-menu-item">
                            <a href="?y13/talasli-imalat-makinalari.html">
                                <div class="haksan-menu-icon">
                                    <i class="fas fa-cube"></i>
                                </div>
                                <span class="haksan-menu-text">Talaşlı İmalat Makinaları</span>
                                <i class="haksan-arrow-icon fas fa-chevron-right"></i>
                            </a>
                        </li>
                        
                        <li class="haksan-menu-item">
                            <a href="?y4/sac-isleme-makinalari.html">
                                <div class="haksan-menu-icon">
                                    <i class="fas fa-cube"></i>
                                </div>
                                <span class="haksan-menu-text">Saç İşleme Makinaları</span>
                                <i class="haksan-arrow-icon fas fa-chevron-right"></i>
                            </a>
                        </li>
                        
                        <li class="haksan-menu-item">
                            <a href="?y9/kaynak-teknolojileri.html">
                                <div class="haksan-menu-icon">
                                    <i class="fas fa-cube"></i>
                                </div>
                                <span class="haksan-menu-text">Kaynak Teknolojileri</span>
                                <i class="haksan-arrow-icon fas fa-chevron-right"></i>
                            </a>
                        </li>
                        
                        <li class="haksan-menu-item">
                            <a href="?y8/hava-uretim-teknolojileri.html">
                                <div class="haksan-menu-icon">
                                    <i class="fas fa-cube"></i>
                                </div>
                                <span class="haksan-menu-text">Hava Üretim Teknolojileri</span>
                                <i class="haksan-arrow-icon fas fa-chevron-right"></i>
                            </a>
                        </li>
                        
                        <li class="haksan-menu-item">
                            <a href="?y11/tasima-ve-kaldirma-ekipmanlari.html">
                                <div class="haksan-menu-icon">
                                    <i class="fas fa-cube"></i>
                                </div>
                                <span class="haksan-menu-text">Taşıma ve Kaldırma Ekipmanları</span>
                                <i class="haksan-arrow-icon fas fa-chevron-right"></i>
                            </a>
                        </li>
                        
                        <li class="haksan-menu-item">
                            <a href="?y162/endustriyel-makina-aydinlatma-lambalari.html">
                                <div class="haksan-menu-icon">
                                    <i class="fas fa-cube"></i>
                                </div>
                                <span class="haksan-menu-text">Endüstriyel Makina Aydınlatma Lambaları</span>
                                <i class="haksan-arrow-icon fas fa-chevron-right"></i>
                            </a>
                        </li>
                        
                        <li class="haksan-menu-item">
                            <a href="?y12/hirdavat-ve-makina-ekipmanlari.html">
                                <div class="haksan-menu-icon">
                                    <i class="fas fa-cube"></i>
                                </div>
                                <span class="haksan-menu-text">Hırdavat ve Makina Ekipmanları</span>
                                <i class="haksan-arrow-icon fas fa-chevron-right"></i>
                            </a>
                        </li>
                        
                        <li class="haksan-menu-item">
                            <a href="?y142/makina-yedek-parcalari.html">
                                <div class="haksan-menu-icon">
                                    <i class="fas fa-cube"></i>
                                </div>
                                <span class="haksan-menu-text">Makina Yedek Parçaları</span>
                                <i class="haksan-arrow-icon fas fa-chevron-right"></i>
                            </a>
                        </li>
                        
                    </ul>
                </div>
            </div>
            
            <!-- Ürün Kategorileri 2 -->
            <div class="haksan-footer-column haksan-product-column">
                <div class="haksan-footer-column-header">
                    <div class="haksan-footer-icon">
                        <i class="fas fa-industry"></i>
                    </div>
                    <h3 class="haksan-footer-title">2. EL ÜRÜNLER</h3>
                </div>
                <div class="haksan-footer-content">
                    <ul class="haksan-menu-list">
                        
                        <li class="haksan-menu-item">
                            <a href="?y19/cnc-talasli-imalat-teknolojileri.html">
                                <div class="haksan-menu-icon">
                                    <i class="fas fa-cogs"></i>
                                </div>
                                <span class="haksan-menu-text">CNC Talaşlı İmalat Teknolojileri</span>
                                <i class="haksan-arrow-icon fas fa-chevron-right"></i>
                            </a>
                        </li>
                        
                        <li class="haksan-menu-item">
                            <a href="?y15/talasli-imalat-makinalari.html">
                                <div class="haksan-menu-icon">
                                    <i class="fas fa-cogs"></i>
                                </div>
                                <span class="haksan-menu-text">Talaşlı İmalat Makinaları</span>
                                <i class="haksan-arrow-icon fas fa-chevron-right"></i>
                            </a>
                        </li>
                        
                        <li class="haksan-menu-item">
                            <a href="?y5/sac-isleme-makinalari.html">
                                <div class="haksan-menu-icon">
                                    <i class="fas fa-cogs"></i>
                                </div>
                                <span class="haksan-menu-text">Saç İşleme Makinaları</span>
                                <i class="haksan-arrow-icon fas fa-chevron-right"></i>
                            </a>
                        </li>
                        
                        <li class="haksan-menu-item">
                            <a href="?y16/kaynak-teknolojileri.html">
                                <div class="haksan-menu-icon">
                                    <i class="fas fa-cogs"></i>
                                </div>
                                <span class="haksan-menu-text">Kaynak Teknolojileri</span>
                                <i class="haksan-arrow-icon fas fa-chevron-right"></i>
                            </a>
                        </li>
                        
                        <li class="haksan-menu-item">
                            <a href="?y17/hava-uretim-teknolojileri.html">
                                <div class="haksan-menu-icon">
                                    <i class="fas fa-cogs"></i>
                                </div>
                                <span class="haksan-menu-text">Hava Üretim Teknolojileri</span>
                                <i class="haksan-arrow-icon fas fa-chevron-right"></i>
                            </a>
                        </li>
                        
                        <li class="haksan-menu-item">
                            <a href="?y18/tasima-ve-kaldirma-ekipmanlari.html">
                                <div class="haksan-menu-icon">
                                    <i class="fas fa-cogs"></i>
                                </div>
                                <span class="haksan-menu-text">Taşıma ve Kaldırma Ekipmanları</span>
                                <i class="haksan-arrow-icon fas fa-chevron-right"></i>
                            </a>
                        </li>
                        
                        <li class="haksan-menu-item">
                            <a href="?y14/hirdavat-ve-makina-ekipmanlari.html">
                                <div class="haksan-menu-icon">
                                    <i class="fas fa-cogs"></i>
                                </div>
                                <span class="haksan-menu-text">Hırdavat ve Makina Ekipmanları</span>
                                <i class="haksan-arrow-icon fas fa-chevron-right"></i>
                            </a>
                        </li>
                        
                    </ul>
                </div>
            </div>
            
        </div>
        
        <!-- Footer Bottom -->
        <div class="haksan-footer-bottom">
            <div class="haksan-footer-bottom-grid">
                <div class="haksan-copyright-section">
                    <div class="haksan-copyright-content">
                        <div class="haksan-logo-section">
                            <div class="haksan-logo-text">
                                <span class="haksan-company-name"><img src="images/logo-w.png" /></span>
                            </div>
                        </div>
                        <p class="haksan-copyright-text">
                            Copyright © 2016-2026 Haksan Makina | Tüm Hakları Saklıdır. <i class="fa-solid fa-code"></i> <a href="https://www.garantimedya.com.tr">Garanti Medya</a>
                        </p>
                    </div>
                </div>
                
                <div class="haksan-social-section">
                    <div class="haksan-social-links">
                        <a href="https://www.facebook.com/hksnmak/" class="haksan-social-link facebook" target="_blank" aria-label="Facebook">
                            <i class="fab fa-facebook-f"></i>
                            <span class="haksan-social-tooltip">Facebook</span>
                        </a>
                        <!--<a href="#" class="haksan-social-link twitter" target="_blank" aria-label="Twitter">
                            <i class="fab fa-twitter"></i>
                            <span class="haksan-social-tooltip">Twitter</span>
                        </a>-->
                        <a href="https://www.instagram.com/haksan_makina/" class="haksan-social-link instagram" target="_blank" aria-label="Instagram">
                            <i class="fab fa-instagram"></i>
                            <span class="haksan-social-tooltip">Instagram</span>
                        </a>
                        <a href="https://www.linkedin.com/company/haksanmakina" class="haksan-social-link linkedin" target="_blank" aria-label="LinkedIn">
                            <i class="fab fa-linkedin-in"></i>
                            <span class="haksan-social-tooltip">LinkedIn</span>
                        </a>
                        <a href="mailto:info@haksanmakina.com.tr" class="haksan-social-link email" aria-label="E-posta">
                            <i class="fas fa-envelope"></i>
                            <span class="haksan-social-tooltip">E-posta</span>
                        </a>
                    </div>
                    
                    <div class="haksan-back-to-top">
                        <a href="#" class="haksan-back-top-btn" aria-label="Yukarı Çık">
                            <i class="fas fa-chevron-up"></i>
                            <span>Yukarı Çık</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>

<style>
/* Modern Footer CSS */
.haksan-modern-footer {
    background: linear-gradient(135deg, #0a1440 0%, #0a1b5a 100%);
    color: #ffffff;
    position: relative;
    width: 100%;
    margin-top: 100px;
    padding-top: 80px;
    clear: both;
}

.footer-top-wave {
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 80px;
    color: #0a1440;
    z-index: 1;
}

.footer-top-wave svg {
    width: 100%;
    height: 100%;
    display: block;
}

.haksan-footer-container {
    width: 90%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    z-index: 2;
}

.haksan-footer-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 40px;
    margin-bottom: 60px;
}

.haksan-footer-column {
    animation: haksan-fadeInUp 0.6s ease forwards;
    opacity: 0;
}

.haksan-footer-column:nth-child(1) { animation-delay: 0.1s; }
.haksan-footer-column:nth-child(2) { animation-delay: 0.2s; }
.haksan-footer-column:nth-child(3) { animation-delay: 0.3s; }
.haksan-footer-column:nth-child(4) { animation-delay: 0.4s; }

.haksan-footer-column-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 2px solid #cf060c;
}

.haksan-footer-icon {
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, #cf060c 0%, #e63946 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    box-shadow: 0 5px 15px rgba(207, 6, 12, 0.3);
}

.haksan-footer-title {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    color: #ffffff;
}

.haksan-contact-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.haksan-contact-item {
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
    align-items: flex-start;
    padding: 15px;
    border-radius: 8px;
    transition: all 0.2s ease;
    background: rgba(255,255,255,0.05);
}

.haksan-contact-item:hover {
    background: rgba(255,255,255,0.1);
    transform: translateX(5px);
}

.haksan-contact-icon {
    color: #cf060c;
    font-size: 18px;
    min-width: 24px;
    margin-top: 2px;
}

.haksan-contact-text {
    flex: 1;
}

.haksan-contact-text strong {
    display: block;
    color: #ffffff;
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: 600;
}

.haksan-contact-text p,
.haksan-contact-text a {
    color: rgba(255,255,255,0.8);
    margin: 0;
    line-height: 1.5;
    font-size: 14px;
    transition: color 0.2s ease;
}

.haksan-contact-text a:hover {
    color: #cf060c;
}

.haksan-phone-numbers {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.haksan-menu-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.haksan-menu-item {
    margin-bottom: 8px;
}

.haksan-menu-item a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 15px;
    color: rgba(255,255,255,0.8);
    text-decoration: none;
    border-radius: 8px;
    transition: all 0.3s ease;
    background: rgba(255,255,255,0.05);
    position: relative;
    overflow: hidden;
}

.haksan-menu-item a::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 3px;
    background: #cf060c;
    transform: scaleY(0);
    transition: transform 0.3s ease;
}

.haksan-menu-item a:hover {
    background: rgba(255,255,255,0.1);
    color: #ffffff;
    transform: translateX(5px);
}

.haksan-menu-item a:hover::before {
    transform: scaleY(1);
}

.haksan-menu-item a:hover .haksan-arrow-icon {
    transform: translateX(5px);
    color: #cf060c;
}

.haksan-menu-icon {
    width: 32px;
    height: 32px;
    background: rgba(255,255,255,0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    transition: all 0.2s ease;
}

.haksan-menu-item a:hover .haksan-menu-icon {
    background: #cf060c;
    transform: rotate(10deg);
}

.haksan-menu-text {
    flex: 1;
    font-size: 14px;
    font-weight: 500;
}

.haksan-arrow-icon {
    color: rgba(255,255,255,0.5);
    font-size: 12px;
    transition: all 0.2s ease;
}

.haksan-footer-bottom {
    border-top: 1px solid rgba(255,255,255,0.1);
    padding-top: 30px;
    padding-bottom: 30px;
}

.haksan-footer-bottom-grid {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 30px;
}

.haksan-copyright-section {
    flex: 1;
    min-width: 300px;
}

.haksan-logo-section {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}

.haksan-logo-circle {
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, #010d8f 0%, #cf060c 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}

.haksan-logo-text {
    display: flex;
    flex-direction: column;
}

.haksan-company-name {
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
}

.haksan-slogan {
    font-size: 12px;
    color: rgba(255,255,255,0.6);
    text-transform: uppercase;
    letter-spacing: 1px;
}

.haksan-copyright-text {
    color: rgba(255,255,255,0.7);
    font-size: 14px;
    margin: 10px 0 0 0;
    line-height: 1.6;
}

.haksan-web-design {
    display: block;
    margin-top: 5px;
    font-size: 13px;
}

.haksan-web-design a {
    color: #cf060c;
    text-decoration: none;
    font-weight: 600;
    transition: color 0.2s ease;
}

.haksan-web-design a:hover {
    color: #ffffff;
    text-decoration: underline;
}

.haksan-social-section {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 20px;
    min-width: 300px;
}

.haksan-social-links {
    display: flex;
    gap: 10px;
}

.haksan-social-link {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    text-decoration: none;
    position: relative;
    transition: all 0.3s ease;
    background: rgba(255,255,255,0.1);
}

.haksan-social-link:hover {
    transform: translateY(-5px);
}

.haksan-social-link.facebook:hover { background: #1877f2; }
.haksan-social-link.twitter:hover { background: #1da1f2; }
.haksan-social-link.instagram:hover { background: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d); }
.haksan-social-link.linkedin:hover { background: #0077b5; }
.haksan-social-link.email:hover { background: #cf060c; }

.haksan-social-tooltip {
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    background: #333333;
    color: #ffffff;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    white-space: nowrap;
    z-index: 100;
}

.haksan-social-tooltip::before {
    content: '';
    position: absolute;
    top: -5px;
    left: 50%;
    transform: translateX(-50%);
    border-width: 0 5px 5px 5px;
    border-style: solid;
    border-color: transparent transparent #333333 transparent;
}

.haksan-social-link:hover .haksan-social-tooltip {
    opacity: 1;
    visibility: visible;
}

.haksan-back-to-top {
    text-align: right;
}

.haksan-back-top-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg, #cf060c 0%, #e63946 100%);
    color: #ffffff;
    padding: 10px 20px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    transition: all 0.3s ease;
    box-shadow: 0 5px 15px rgba(207, 6, 12, 0.3);
}

.haksan-back-top-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(207, 6, 12, 0.4);
    gap: 12px;
}

.haksan-back-top-btn i {
    transition: transform 0.3s ease;
}

.haksan-back-top-btn:hover i {
    transform: translateY(-2px);
}

@keyframes haksan-fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive Optimizasyonları */
/* Masaüstü ve Laptop için 4'lü grid */
@media (min-width: 992px) {
    .haksan-footer-grid {
        grid-template-columns: repeat(4, 1fr);
        gap: 30px;
    }
    
    /* Laptop ekranlar için optimizasyon */
    @media (max-width: 1400px) {
        .haksan-footer-grid {
            gap: 25px;
        }
        
        .haksan-footer-title {
            font-size: 18px;
        }
        
        .haksan-menu-text {
            font-size: 13px;
        }
        
        .haksan-contact-text p,
        .haksan-contact-text a {
            font-size: 13px;
        }
    }
}

/* Tablet ve küçük laptop */
@media (max-width: 1200px) and (min-width: 768px) {
    .haksan-footer-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }
    
    .haksan-footer-bottom-grid {
        flex-direction: column;
        text-align: center;
        gap: 30px;
    }
    
    .haksan-social-section {
        align-items: center;
    }
}

/* Mobil için dropdown menüler */
@media (max-width: 768px) {
    .haksan-footer-container {
        width: 95%;
        padding: 0 15px;
    }
    
    .haksan-modern-footer {
        padding-top: 60px;
        margin-top: 80px;
    }
    
    .haksan-footer-grid {
        grid-template-columns: 1fr;
        gap: 0;
    }
    
    .haksan-footer-column {
        margin-bottom: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        padding-bottom: 15px;
    }
    
    .haksan-footer-column:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }
    
    .haksan-footer-column-header {
        margin-bottom: 0;
        cursor: pointer;
        user-select: none;
        position: relative;
        padding-right: 40px;
    }
    
    /* Ürün kolonları için dropdown okları */
    .haksan-product-column .haksan-footer-column-header::after {
        content: '\f078';
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
        transition: transform 0.3s ease;
        color: #cf060c;
        font-size: 16px;
    }
    
    .haksan-product-column.haksan-column-expanded .haksan-footer-column-header::after {
        transform: translateY(-50%) rotate(180deg);
    }
    
    /* Ürün kolonları içeriği başlangıçta kapalı */
    .haksan-product-column .haksan-footer-content {
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        transition: all 0.3s ease;
        margin-top: 0;
        margin-bottom: 0;
    }
    
    /* Ürün kolonları açıldığında */
    .haksan-product-column.haksan-column-expanded .haksan-footer-content {
        max-height: 1000px;
        opacity: 1;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    
    /* İletişim ve MENU her zaman açık */
    .haksan-footer-column:not(.haksan-product-column) .haksan-footer-content {
        max-height: none !important;
        opacity: 1 !important;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    
    .haksan-footer-bottom-grid {
        flex-direction: column;
        text-align: center;
        gap: 30px;
    }
    
    .haksan-social-section {
        align-items: center;
    }
    
    .haksan-copyright-section,
    .haksan-social-section {
        min-width: 100%;
    }
    
    .haksan-footer-bottom {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

/* Küçük mobil cihazlar */
@media (max-width: 576px) {
    .haksan-footer-container {
        width: 100%;
        padding: 0 15px;
    }
    
    .haksan-modern-footer {
        padding-top: 50px;
        margin-top: 60px;
    }
    
    .footer-top-wave {
        height: 60px;
    }
    
    .haksan-footer-icon {
        width: 40px;
        height: 40px;
        font-size: 18px;
    }
    
    .haksan-footer-title {
        font-size: 18px;
    }
    
    .haksan-logo-section {
        flex-direction: column;
        text-align: center;
        gap: 10px;
    }
    
    .haksan-social-links {
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .haksan-back-top-btn {
        padding: 8px 16px;
        font-size: 13px;
    }
}
</style>

<script>
document.addEventListener('DOMContentLoaded', function() {
    // Back to top button
    const backTopBtn = document.querySelector('.haksan-back-top-btn');
    
    if (backTopBtn) {
        backTopBtn.addEventListener('click', function(e) {
            e.preventDefault();
            window.scrollTo({
                top: 0,
                behavior: 'smooth'
            });
        });
    }
    
    // Mobilde kategori kolonları için dropdown
    const setupMobileDropdowns = () => {
        const productColumns = document.querySelectorAll('.haksan-product-column');
        
        // Sadece mobilde çalışsın
        if (window.innerWidth <= 768) {
            productColumns.forEach(column => {
                const header = column.querySelector('.haksan-footer-column-header');
                const content = column.querySelector('.haksan-footer-content');
                
                if (header && content) {
                    // Başlangıçta kapalı
                    if (!column.classList.contains('haksan-column-expanded')) {
                        content.style.maxHeight = '0';
                        content.style.opacity = '0';
                    }
                    
                    // Header'a tıklama event'i ekle
                    header.addEventListener('click', function(e) {
                        // Eğer bir linke tıklanmadıysa
                        if (!e.target.closest('a')) {
                            e.preventDefault();
                            
                            // Diğer kolonları kapat
                            productColumns.forEach(col => {
                                if (col !== column && col.classList.contains('haksan-column-expanded')) {
                                    col.classList.remove('haksan-column-expanded');
                                    const otherContent = col.querySelector('.haksan-footer-content');
                                    if (otherContent) {
                                        otherContent.style.maxHeight = '0';
                                        otherContent.style.opacity = '0';
                                    }
                                }
                            });
                            
                            // Bu kolonu aç/kapat
                            column.classList.toggle('haksan-column-expanded');
                            if (column.classList.contains('haksan-column-expanded')) {
                                content.style.maxHeight = content.scrollHeight + 'px';
                                content.style.opacity = '1';
                            } else {
                                content.style.maxHeight = '0';
                                content.style.opacity = '0';
                            }
                        }
                    });
                    
                    // Menü item'larına tıklanınca dropdown kapanmasın
                    const menuLinks = content.querySelectorAll('a');
                    menuLinks.forEach(link => {
                        link.addEventListener('click', function(e) {
                            e.stopPropagation();
                        });
                    });
                }
            });
        } else {
            // Masaüstünde dropdown class'larını kaldır
            productColumns.forEach(column => {
                column.classList.remove('haksan-column-expanded');
                const content = column.querySelector('.haksan-footer-content');
                if (content) {
                    content.style.maxHeight = '';
                    content.style.opacity = '';
                }
            });
        }
    };
    
    // İlk yüklemede ve pencere boyutu değiştiğinde çalıştır
    setupMobileDropdowns();
    window.addEventListener('resize', setupMobileDropdowns);
    
    // Sayfa yüklendiğinde animasyonları başlat
    setTimeout(() => {
        document.querySelectorAll('.haksan-footer-column').forEach((column, index) => {
            setTimeout(() => {
                column.style.opacity = '1';
                column.style.transform = 'translateY(0)';
            }, index * 100);
        });
    }, 100);
});
</script>

<!-- Eski JS dosyaları (aşağıdaki kodu footer'dan sonra yerleştirin) -->
<script type="text/javascript" src="js/universal/jquery.js"></script>

 
  <script src="dist/jquery.simpleGal.js"></script>
  <script>
     $(document).ready(function () {
     $('.thumbnails').simpleGal({
      mainImage: '.custom'
    });
  });
  </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>